Reference no: EM133066252
MIS202 App, Web Design and Development - Torrens University Australia
Assessment - Supplementary Assessment Programming Project ( Front/Back End)
Learning Outcome 1: Examine and apply web-based application architecture
Learning Outcome 2: Propose and communicate solutions using web-based design to meet organisational needs
Learning Outcome 3: Analyse organisational problems and developsolutions using frontend and backend technologies
Learning Outcome 4: Apply web-based programming concepts to solve organisational problems
Task Summary
In this assessment, you will be developing the frontend and back end of the website as described in the given case study. 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. Also, you will focus on the development of a backend of website. You will demonstrate your understanding of a three-layer web development architecture and your ability to develop dynamic websites.
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).
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 and backend for the website in the case study using HTML, CSS, JavaScript and Django framework. The frontend must comprehensively include all the functional requirements described in the case study and other requirements you may have identified for each user, either described in the case study or that you may have identified. 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 and JQuery.
Based on the description of the case study, also, complete the website by developing a backend for the website. The backend of the website must satisfy the following requirements:
Requirement 1. All major functionalities as described in the case study, must be implemented.
Requirement 2. Use a three-layer web application architecture.
Requirement 3. Use a relational database, e.g. MYSQL OR a non-SQL database, e.g. Mongo DB.
Requirement 4. Observe the non-functional requirements in the description of the case study in Assessment 1.
Requirement 5. The backend must be implemented using Django framework.
Requirement 6. The backend must be well integrated with the frontend you developed in Assessment 2.
Requirement 7. The code must be well formatted and conforms to Python naming convention. You also need to 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.
Attachment:- Assessment.rar