Tag: architecture

Web Design and Development
Assessment Frontend Programming Project
Individual/Group Individual
Length Not applicable
Learning Outcomes The Subject Learning Outcomes demonstrated by successful completion of the task below include:
a) Examine and apply web-based application architecture
b) Propose and communicate solutions using web-based design to meet organisational needs
c) Analyse organisational problems and develop solutions using frontend and backend technologies
d) Apply web-based programming concepts to solve organisational problems
Submission Due by 11:55pm AEST Sunday end of Module 4.2 (Week 8).
Weighting 30%
Total Marks 100 marks
Task Summary
In Assessments 2 and 3, you will turn the website prototype you developed in Assessment 1 into a working website. In this assessment, you will be developing the frontend of that website.
Please refer to the Task Instructions for details on how to complete this task.
Context
In this assessment, you will focus on frontend development. In particular, you will demonstrate your HTML, CSS and JavaScript programming skills and apply them in a close-to-real-life web development project.
Task Instructions
This assessment is based on the case study on Student Accommodation. You should first read the case in Assessment 1. You should also read the additional information for Assessment 2.
Additional information for the case
The website will support all the most recent several versions of mainstream browsers, including Safari, Chrome, IE, Edge and Firefox. Considering the popularity of mobile devices, this website should also be able to be viewed on a mobile device with a mobile browser, that is, the layout of the website shall be able to automatically adapt to various screen sizes and resolutions.
The company places a high standard on the usability of this website and requires you to develop a website that maximises usability. The following usability considerations must be implemented:
• contextual help tips provided to users when they mouse over a button or an input field;
• client-side validation must be implemented, e.g. prompt to user when their password and confirmed password do not match or if the input is invalid (e.g. a negative number for weekly rent).
All programming code must be well formatted, including appropriate indentation and spacing. Please refer to section 2.1, 2.2, 3.1, 3.2, 4.1 and 4.2 in Google HTML/CSS Style Guide available at https://google.github.io/styleguide/htmlcssguide.html#HTML_Formatting_Rules.
You must also provide sufficient comments in the code. In particular, comments must be provided to significant blocks of code that directly address the functional requirements of this system.
Assessment Task
You are now to develop a comprehensive frontend for the website in the case study using HTML, CSS and JavaScript. The frontend must comprehensively include all the functional requirements described in the case study and the requirements you identified in Task 1, 2 in Assessment 1 for each user either described in the case study, or that you identified in Task 3.1 in Assessment 1. The frontend must also satisfy all the requirements in the Additional Information for the case section in this Assessment.
There is NO minimum HTML page requirement nor maximum HMTL page requirement.
You may use frontend web development frameworks or libraries, including but not limited to, Bootstrap (https://getbootstrap.com) and JQuery (https://jquery.com).
General Assessment Requirement
Incomprehensible submissions – Assessments provide the opportunity for students to demonstrate their knowledge and skills to achieve the required standard. To do this, assessment responses need to be both clear and easy to understand. If not, the University cannot determine that students have demonstrated their knowledge and skills. Assessments will, therefore, be marked accordingly including the potential for 0 (zero) marks where relevant.
Case study: Assessment response must focus on the hypothetical case study given in the Task Instructions. Any assessment items that do not address the case study may be awarded 0 (zero) marks.
Track changes: If you use Track Changes when writing your assessment, you must ensure that the submitted document is the final and correct version of the document. That is, if your submitted report contains Track Changes or Comments or any other editing marks, it may be awarded 0 (zero) marks. It is your responsibility to submit the final and correct version of your report.
Check with marking criteria: Before submitting your assessment, you should check it against the assessment criteria and the marking rubric included in this specification to ensure that you have satisfactorily addressed all the criteria that will be used to mark your submission.
Academic language: All submissions should be thoroughly proofread for spelling, typographical or grammatical errors before being submitted. Do not reply on the ‘spell-check’ function in your word processing program. If, for example, ‘affect’ is substituted for ‘effect’, your program may not detect the error.
Referencing: No referencing required for this assessment.
Submission Instructions: ALL students must submit ONE ZIP file containing ALL HTML/CSS/JS files via the Assessment link in the main navigation menu in MIS202 App, Web Design and Development. Physical copies/email submissions are not accepted.
Complete and correct submission: Assessments, once submitted, are FINAL and therefore cannot be modified. The onus is on you to ensure that your submissions are final, correct (correct files in correct format) and complete before submitting to Blackboard.
You are expected to begin this assessment when you begin the trimester, especially as you relate the learning activities (formative assessment) in the modules to this and the other (summative) assessments. Be sure to keep several drafts of your work as well as your notes and any sources you used to draw on when preparing your report.
Extensions will be considered only in extenuating circumstances where the student has applied before the due date. At that point, students are required to provide the latest draft, in case the extension is not granted, and to demonstrate they have earnestly done everything to avoid lateness.
Students are responsible for keeping appropriate back-ups and drafts of their assignments and to submit the correct version.
Torrens University Australia’s policies apply to the preparation and submission of this assignment.
Assessment Rubric
Assessment Attributes Fail
(Yet to achieve minimum standard) 0-49% Pass
(Functional) 50-64% Credit
(Proficient)
65-74% Distinction
(Advanced)
75-84% High Distinction
(Exceptional) 85-100%
Overall
•
•
20% Web Page Layout And Styling
The overall web page design is professional and the layout is complete (e.g. clear navigation, footer).
The overall styling of the web pages is professional and is suitable for the case study. The website is poorly designed. The implementation demonstrates limited or no understanding of the basic web page structure.
The styling of the website does not look professional and may not be fit for purpose. The website is not very well designed and there is a noticeable lack of structural components in the web page.
The overall styling of the website is not very professional and there is significant room for improvement. The website is generally well designed and the layout structure is generally complete, but there is some room for improvement.
The overall styling of the website looks somewhat professional and generally fit for purpose, but there is some room for improvement. The website is excellently designed and the layout structure is generally complete.
The overall styling of the website looks professional and fit for purpose, but there is minor room for improvement. The website is expertly designed and the layout structure is complete.
The overall styling of the website looks extremely professional and fit for purpose.
Comple
•
•
20% teness and relevance
The front-end website covers all major functional requirements for all its users in the case study. All the website pages implemented in the submission are relevant to the case study. Many functional requirements are not implemented.
Many implemented
features are not relevant to the case study. Some of the major functional requirements are implemented.
Some of the implemented features are relevant to the case study. Most of the major functional requirements are implemented.
Most of the implemented features are relevant to the case study. All of the major functional requirements are implemented.
All of the
implemented features are relevant to the case study. All of the major functional requirements are implemented to a very high standard.
All implemented features are highly relevant to the case study.
Responsive web design and browser compatibility The implementation demonstrates limited or no understanding of The implementation demonstrates functional understanding of The implementation demonstrates sound understanding of The implementation demonstrates clear understanding of The implementation demonstrates thorough and in-
•
•
•
20% The frontend development correctly used responsive web design.
The web pages and their layout adjust to various screen sizes. The web pages and their layout look good in all mainstream browsers (Chrome, Edge, Safari and Firefox). responsive web design techniques.
The implementation demonstrates limited or no understanding of browser compatibility. responsive web design techniques.
The implementation demonstrates functional understanding of browser compatibility. responsive web design techniques.
The implementation demonstrates sound understanding of browser compatibility. responsive web design techniques.
The implementation demonstrates clear understanding of browser compatibility. depth understanding of responsive web design techniques.
The implementation demonstrates thorough and indepth understanding of browser compatibility.
Web form design
• Form widgets are selected appropriately, that is, the most appropriate form controls are selected for a given type of data.
• Appropriate HTML5 form
validation features are used.
20% The choice of form widgets demonstrates limited or no understanding of the function of commonly used web form widgets.
No HTML5 form validation is implemented. The choice of form widgets demonstrates functional understanding
of the function of commonly used web form widgets.
Some HTML5 form
validation is
implemented, but there is significant room for improvement. The choice of form widgets demonstrates sound understanding of the function of commonly used web form widgets.
HTML5 form validation is implemented, but there is some room for improvement. The choice of form widgets
demonstrates clear understanding of the function of commonly used web form widgets.
HTML5 form
validation is implemented, but there is minor room for improvement. The form widgets are selected appropriately, that is the most appropriate form controls are selected for a given type of data;
Appropriate HTML5 form validation features are correctly and thoroughly used.
Coding convention and quality of code
• The program follows a consistent naming convention.
• The program is well formatted, including appropriate spacing and indentation.
• The program contains sufficient comments; the implementation of major functions is commented. The code is formatted very little to not at all.
The naming of methods or variables is inconsistent. No naming convention is followed. The code is satisfactorily written, but there is substantial room for improvement.
There are significant errors in code format, and naming of methods or variables. The code is generally well written, but there is some room for improvement.
There are more than 5 errors, but less than 8 errors in terms of naming convention and code format. The code is generally well written.
There are more than
2 errors but less than 5 errors in terms of naming convention and code format. The code is expertly written.
There are no more than 2 errors in terms of naming convention and code format.
20% Little or no comments provided. There is a significant lack of useful comments. There is reasonable amount of useful comments. There is a sufficient amount of useful comments. There is a sufficient amount of useful comments

GET THE COMPLETED ASSIGNMENT

ASSIGNMENT COMPLETED AT CapitalEssayWriting.com

MAKE YOUR ORDER AND GET THE COMPLETED ORDER

CLICK HERE TO ORDER THIS PAPER AT CapitalEssayWriting.com on Apply web-based application architecture

NO PLAGIARISM, Get impressive Grades in Your Academic Work

ASSESSMENT 1 BRIEF
Subject Code and Title MIS202 App, Web Design and Development
Assessment UX Prototype Assignment Design and Essay
Individual/Group Individual
Length Prototypes and 1000 (+/-10%) essay
Learning Outcomes The Subject Learning Outcomes demonstrated by successful completion of the task below include:
a) Examine and apply web-based application architecture
b) Propose and communicate solutions using web-based design to meet organisational needs
Submission Due by 11:55pm AEST Sunday end of Module 2.2
Weighting 30%
Total Marks marks
Task Summary
In this assessment, you will first read and understand a case study on the development of a website that serves as a platform for students to find budget accommodation. You will then be required to complete a number of tasks that help you to understand the functional requirements of the website. You will also be addressing the architecture design of the website and developing a prototype for the website in the case study.
Please refer to the Task Instructions for details on how to complete this task.
Context
This assessment examines your ability to identify key users of an information system, as well as how you understand and articulate their requirements. Understanding and communicating users’ requirements is normally the first step in web development and a correct understanding of the users’ requirements is crucial to the success of a web development project. You will also apply the knowledge you learnt about web application architecture to a case study.
Prototyping is a commonly used and efficient way to elicit and validate users’ requirements. In this assessment, you will also demonstrate your ability to develop a prototype for a website.
Task Instructions
You first need to read the case study attached under this brief in the Assessment section on Blackboard.
Assessment Tasks
Refer to the case study to complete the following tasks.
Task 1 (6%)
In addition to the room details listed in the case study, list at least three pieces of information that you expect to see when looking for a room on such a website and explain why that piece of information is needed. No word limit requirements.
Task 2 (9%)
In addition to the management reports listed in the case study, list at least three other reports that may assist business decision making. Describe each report and how they can be used to facilitate business decision making in this case. No word limit requirements.
Task 3.1 (8%)
Identify users for the website in the case study. No word limit requirements.
Task 3.2 (16%)
Using the information provided in the case study, your common sense and your experience with similar websites, list at least two functional requirements for each user you identified in the previous task. Your answer in this task should not exceed 400 words.
Task 4 (25%)
Describe the application of the three-layer architecture (presentation layer, business logic layer, and data persistence layer) for the website in the case study. Give specific examples for each layer. Discuss the relationship between client-server architecture and three-layer architecture, and answer which layer(s) of the three-layer architecture is/are on the client side and which on the server side. Your answer in this task should not exceed 600 words altogether.
Task 5 (36%)
Draw a website prototype for the website in the case study. You must NOT use HTML/CSS/JavaScript to build a website at this stage. You must draw the prototype on sheets of paper. The website prototype must comprehensively include all the functional requirements described in the case study as well as the requirements you identified in Task 1 and 2 for each user that was either described in the case study or identified by you in Task 3.1.
General Assessment Requirement
Incomprehensible submissions: Assessments provide the opportunity for students to demonstrate their knowledge and skills to achieve the required standard. To do this, assessment responses need to be both clear and easy to understand. If not, the University cannot determine that students have demonstrated their knowledge and skills. Assessments will, therefore, be marked accordingly including the potential for 0 (zero) marks where relevant.
Case study: Assessment response must focus on the hypothetical case study given in the Task Instructions. Any assessment items that do not address the case study may be awarded 0 (zero) marks.
Track changes: If you use Track Changes when writing your assessment, you must ensure that the submitted document is the final and correct version of the document. That is, if your submitted a report that contains Track Changes or Comments, or any other editing marks, it may be awarded 0 (zero) marks. It is your responsibility to submit the final and correct version of your report.
Check against the marking criteria: Before submitting your assessment, you should check it against the assessment criteria and the marking rubric included in this specification to ensure that you have satisfactorily addressed all the criteria that will be used to mark your submission.
Academic language: All submissions should be thoroughly proofread for spelling, typographical or grammatical errors before being submitted. Do not rely on the ‘spell-check’ function in your word processing program. If, for example, ‘affect’ is substituted for ‘effect’, your program may not detect the error.
Referencing: It is essential that you use the appropriate APA style for citing and referencing research. Please see more information on referencing here: http://library.laureate.net.au/research_skills/referencing
Submission Instructions:
ALL students must submit ONE Microsoft Word document (.doc or .docx) for Task 1–4 and ONE ZIP document containing a website prototype via the Assessment link in the main navigation menu in MIS202 App, Web Design and Development. Physical copies/email submissions are not accepted.
DO NOT Zip the Microsoft Word file: Students must NOT zip the Microsoft Word document and submit it as one single zip/compressed file.
Complete and correct submission: Assessments, once submitted, are FINAL and therefore cannot be modified. The onus is on you to ensure that your submissions are final, correct (correct files in the correct format) and complete before submitting to Blackboard.
You are expected to begin this assessment when you begin the trimester, especially as you relate the learning activities (formative assessment) in the modules to this and the other (summative) assessments. Be sure to keep several drafts of your work as well as your notes and any sources you used to draw on when preparing your report.
Extensions will be considered only in extenuating circumstances when the student has applied before the due date. At that point, students are required to provide the latest draft, in case the extension is not granted, and to demonstrate they have earnestly done everything to avoid lateness.
Students are responsible for keeping appropriate back-ups and drafts of their assignments and to submit the correct version.
Torrens University Australia’s policies apply to the preparation and submission of this assignment.
Assessment Rubric
Assessment Attributes Fail
(Yet to achieve minimum standard) 0-49% Pass
(Functional) 50-64% Credit
(Proficient)
65-74% Distinction
(Advanced)
75-84% High Distinction
(Exceptional) 85-100%
Task 1 (6%)
? List three pieces of information for the website (3 marks)
? Explain the relevance for each piece of information (3 marks) N/A N/A N/A N/A N/A
Task 2 (9%)
? List three other reports that may assist business decision making (3 marks)
? Provide a detailed description for each report (3 marks)
? Explain how the report can be used for business decision-making. (3 marks) N/A N/A N/A N/A N/A
Task 3.1 (8%)
??Identify at least four users for the website (8 marks) N/A N/A N/A N/A N/A
Task 3.2 (16%)
For each user, list two functional requirements. These must be: N/A N/A N/A N/A N/A
MIS202_Assessment_1_Brief_Design and Essay_Module Due 2.2 Page 4 of 5
• clearly described,
• specific and
• verifiable (16 marks)
Task 4 (25%)
? Describe the application of threelayer architecture to the website with specific examples.
? Discuss the relationship between client-server architecture and threelayer architecture.
? Correctly identify which layer(s) of the three-layer architecture is/are on the client side and which on the server side. The writing demonstrates limited or no understanding of three-layer and clientserver architecture. The writing demonstrates functional understanding of three-layer and clientserver architecture. The writing demonstrates sound understanding of three-layer and clientserver architecture. The writing demonstrates thorough understanding of three-layer and clientserver architecture. The writing demonstrates thorough and indepth understanding of three-layer and client-server architecture.
Task 5 (36%)
??Develop a website prototype for the website
• The prototype is complete, that is, it demonstrates all major functional requirement for all users of the website.
• The prototype is reflective of the case, that is, all the functions demonstrated in the prototype are relevant to the case study. Many major functional requirements are not demonstrated in the prototype.
Many demonstrated features are not relevant to the case study. Some of the major functional requirements are demonstrated in the prototype.
Some of the demonstrated features are relevant to the case study. A substantial number of major functional requirements are demonstrated in the prototype.
A substantial number of demonstrated features are relevant to the case study. Most of the major functional requirements are demonstrated in the prototype.
Most of the demonstrated features are relevant to the case study. All major functional requirements are demonstrated in the prototype.
All demonstrated features are highly relevant to the case study.
MIS202_Assessment_1_Brief_Design and Essay_Module Due 2.2 Page 5 of 5

WE HAVE DONE THIS ASSIGNMENT BEFORE, WE CAN ALSO DO IT FOR YOU

GET SOLUTION FOR THIS ASSIGNMENT, Get Impressive Scores in Your Class

CLICK HERE TO MAKE YOUR ORDER on apply web-based application architecture

Are You looking for Assignment and Homework Writing help? We Provide High-Quality Academic Papers at Affordable Rates. No Plagiarism.

TO BE RE-WRITTEN FROM THE SCRATCH