SOLUTION: Task Summary | My Assignment Tutor

MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 1 of 6Task SummaryIn Assessments 2 and 3, you will turn the website prototype you developed in Assessment 1 into aworking 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.ContextIn this assessment, you will focus on frontend development. In particular, you will demonstrate yourHTML, CSS and JavaScript programming skills and apply them in a close-to-real-life web developmentproject.Task InstructionsThis assessment is based on the case study on Student Accommodation. You should first read thecase in Assessment 1. You should also read the additional information for Assessment 2. ASSESSMENT 2 BRIEFSubject Code and TitleMIS202 App, Web Design and DevelopmentAssessmentFrontend Programming ProjectIndividual/GroupIndividualLengthNot applicableLearning OutcomesThe Subject Learning Outcomes demonstrated by successfulcompletion of the task below include:a) Examine and apply web-based application architectureb) Propose and communicate solutions using web-baseddesign to meet organisational needsc) Analyse organisational problems and develop solutionsusing frontend and backend technologiesd) Apply web-based programming concepts to solveorganisational problemsSubmissionDue by 11:55pm AEST Sunday end of Module 4.2 (Week 8).Weighting30%Total Marks100 marks MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 2 of 6Additional information for the caseThe 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 alsobe able to be viewed on a mobile device with a mobile browser, that is, the layout of the website shallbe 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 awebsite 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 andconfirmed password do not match or if the input is invalid (e.g. a negative number for weeklyrent). All programming code must be well formatted, including appropriate indentation and spacing. Pleaserefer to section 2.1, 2.2, 3.1, 3.2, 4.1 and 4.2 in Google HTML/CSS Style Guide available athttps://google.github.io/styleguide/htmlcssguide.html#HTML_Formatting_Rules.You must also provide sufficient comments in the code. In particular, comments must be provided tosignificant blocks of code that directly address the functional requirements of this system.Assessment TaskYou are now to develop a comprehensive frontend for the website in the case study using HTML, CSSand JavaScript. The frontend must comprehensively include all the functional requirements describedin the case study and the requirements you identified in Task 1, 2 in Assessment 1 for each user eitherdescribed in the case study, or that you identified in Task 3.1 in Assessment 1. The frontend must alsosatisfy 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 RequirementIncomprehensible submissions – Assessments provide the opportunity for students to demonstratetheir knowledge and skills to achieve the required standard. To do this, assessment responses needto be both clear and easy to understand. If not, the University cannot determine that students havedemonstrated their knowledge and skills. Assessments will, therefore, be marked accordinglyincluding the potential for 0 (zero) marks where relevant.Case study: Assessment response must focus on the hypothetical case study given in the TaskInstructions. 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 thesubmitted document is the final and correct version of the document. That is, if your submitted reportcontains 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.MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 3 of 6Check with marking criteria: Before submitting your assessment, you should check it against theassessment criteria and the marking rubric included in this specification to ensure that you havesatisfactorily addressed all the criteria that will be used to mark your submission.Academic language: All submissions should be thoroughly proofread for spelling, typographical orgrammatical errors before being submitted. Do not reply on the ‘spell-check’ function in your wordprocessing program. If, for example, ‘affect’ is substituted for ‘effect’, your program may not detectthe error.Referencing: No referencing required for this assessment.Submission Instructions: ALL students must submit ONE ZIP file containing ALL HTML/CSS/JS filesvia 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 bemodified. The onus is on you to ensure that your submissions are final, correct (correct files in correctformat) and complete before submitting to Blackboard.You are expected to begin this assessment when you begin the trimester, especially as you relate thelearning 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 youused to draw on when preparing your report.Extensions will be considered only in extenuating circumstances where the student has applied beforethe due date. At that point, students are required to provide the latest draft, in case the extension isnot 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 tosubmit the correct version.Torrens University Australia’s policies apply to the preparation and submission of this assignment.MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 4 of 6Assessment Rubric Assessment AttributesFail(Yet to achieveminimum standard)0-49%Pass(Functional)50-64%Credit(Proficient)65-74%Distinction(Advanced)75-84%High Distinction(Exceptional)85-100%Overall Web Page Layout And Styling The overall web page design isprofessional and the layout iscomplete (e.g. clear navigation,footer). The overall styling of the webpages is professional and issuitable for the case study.20%The website is poorlydesigned. Theimplementationdemonstrates limited orno understanding of thebasic web page structure.The styling of the websitedoes not look professionaland may not be fit forpurpose.The website is not verywell designed and thereis a noticeable lack ofstructural components inthe web page.The overall styling of thewebsite is not veryprofessional and there issignificant room forimprovement.The website is generallywell designed and thelayout structure isgenerally complete, butthere is some room forimprovement.The overall styling ofthe website lookssomewhat professionaland generally fit forpurpose, but there issome room forimprovement.The website isexcellently designedand the layoutstructure is generallycomplete.The overall styling ofthe website looksprofessional and fitfor purpose, butthere is minor roomfor improvement.The website isexpertly designedand the layoutstructure iscomplete.The overall styling ofthe website looksextremelyprofessional and fitfor purpose.Completeness and relevance The front-end website covers allmajor functional requirementsfor all its users in the case study. All the website pagesimplemented in the submissionare relevant to the case study.20%Many functionalrequirements are notimplemented.Many implementedfeatures are not relevantto the case study.Some of the majorfunctional requirementsare implemented.Some of theimplemented featuresare relevant to the casestudy.Most of the majorfunctionalrequirements areimplemented.Most of theimplemented featuresare relevant to the casestudy.All of the majorfunctionalrequirements areimplemented.All of theimplementedfeatures are relevantto the case study.All of the majorfunctionalrequirements areimplemented to avery high standard.All implementedfeatures are highlyrelevant to the casestudy.Responsive web design and browsercompatibilityThe implementationdemonstrates limited orno understanding ofThe implementationdemonstrates functionalunderstanding ofThe implementationdemonstrates soundunderstanding ofThe implementationdemonstrates clearunderstanding ofThe implementationdemonstratesthorough and in MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 5 of 6  The frontend developmentcorrectly used responsive webdesign. The web pages and their layoutadjust to various screen sizes. The web pages and their layoutlook good in all mainstreambrowsers (Chrome, Edge, Safariand Firefox).20%responsive web designtechniques.The implementationdemonstrates limited orno understanding ofbrowser compatibility.responsive web designtechniques.The implementationdemonstrates functionalunderstanding ofbrowser compatibility.responsive web designtechniques.The implementationdemonstrates soundunderstanding ofbrowser compatibility.responsive webdesign techniques.The implementationdemonstrates clearunderstanding ofbrowsercompatibility.depth understandingof responsive webdesign techniques.The implementationdemonstratesthorough and indepth understandingof browsercompatibility.Web form design Form widgets are selectedappropriately, that is, the mostappropriate form controls areselected for a given type of data. Appropriate HTML5 formvalidation features are used.20%The choice of formwidgets demonstrateslimited or nounderstanding of thefunction of commonlyused web form widgets.No HTML5 form validationis implemented.The choice of formwidgets demonstratesfunctional understandingof the function ofcommonly used webform widgets.Some HTML5 formvalidation isimplemented, but thereis significant room forimprovement.The choice of formwidgets demonstratessound understanding ofthe function ofcommonly used webform widgets.HTML5 form validationis implemented, butthere is some room forimprovement.The choice of formwidgetsdemonstrates clearunderstanding of thefunction ofcommonly used webform widgets.HTML5 formvalidation isimplemented, butthere is minor roomfor improvement.The form widgets areselectedappropriately, that isthe most appropriateform controls areselected for a giventype of data;Appropriate HTML5form validationfeatures arecorrectly andthoroughly used.Coding convention and quality of code The program follows a consistentnaming convention. The program is well formatted,including appropriate spacing andindentation. The program contains sufficientcomments; the implementationof major functions is commented.The code is formatted verylittle to not at all.The naming of methods orvariables is inconsistent.No naming convention isfollowed.The code is satisfactorilywritten, but there issubstantial room forimprovement.There are significanterrors in code format,and naming of methodsor variables.The code is generallywell written, but thereis some room forimprovement.There are more than 5errors, but less than 8errors in terms ofnaming convention andcode format.The code is generallywell written.There are more than2 errors but less than5 errors in terms ofnaming conventionand code format.The code is expertlywritten.There are no morethan 2 errors interms of namingconvention and codeformat. MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 6 of 6 20%Little or no commentsprovided.There is a significant lackof useful comments.There is reasonableamount of usefulcomments.There is a sufficientamount of usefulcomments.There is a sufficientamount of usefulcomments.