CWA Ass Part2 2018 s1 PDF

Preview

Summary

Download CWA Ass Part2 2018 s1 PDF

Description

Swinburne University of Technology Faculty of Science, Engineering and Technologies COS10011 / COS60004 / COS60007 Creating Web Applications [and Databases] Individual Assignment: Part 2 Semester 1, 2018 Develop an Interactive Website Important Dates: Due Date ESP Demonstration Note: ANZAC Day

8 am, Day of you tutorial, Week 8 (April 23 – 27) (Late submission penalty: 10% of total available marks per day) Your allocated tutorial: Week 8 Youmustattendthissessiontoreceiveamarkforthisassignment. Wednesday April 25 is a public holiday. If you have a Wednesday tutorial your assignment still needs to be submitted to ESP by 8 am 25th April. Extra demonstration sessions have been organised for the Thursday and Friday of that week.

Contribution to Final Assessment: 14% You must meet the Essential Requirements of this assignment to be eligible to submit Part 3 of the assignment. See the making guide for the essential requirements for this part of the assignment. Note:DonotuseJavaScriptlibrariesorframeworks(e.g.jQuery,Angular)inthemainpartofthis assignment.Youmaycreateanadditionalalternativeimplementationusingalibrary/framework asanenhancement(seeenhancementssectionbelow).

Note:Thecodethatisassessedinyourdemonstrationmustbeidenticaltothecode yousubmittoESP.Thiswillbecheckedbeforethedemonstration.

Prerequisite If youfailed tomeet the Essential Requirements ofPart1,beforethis part oftheassignment issubmittedandmarked,youneedtodemonstratethatyouhavefixedproblemsinyourfirst part.NotethatthesefixeswillnotalterthemarkyoureceivedforPart1.Itisadvisabletoget these fixes complete and signed off well before you hand in this assignment. The tutor will checkthefixesandsign‐offthattheyhavebeencompleted.Yourtutorwillbehappytoadvise youduringlabsorduringconsultationsessionsifyouneedassistancefixingAssignment1. Howtogetyourfixessignedoff: 1. Arrangeatimewithyourtutortocheck yourworkduring your allocatedtuteorduring aconsultationtime. 2. BringacopyoftheESPassessmentprintoutfromPart1 3. Yourtutorwill checkthatyourfixestoPart1addresstheissuesidentifiedonthemark sheet(fixeswillnotberequiredtothefeatureshtmlpage). 4. Ifthefixesaresuccessful,your tutorwill record thisandyouwillbeeligibletohavethis assignmentassessed.If thereareissuesthathavenotbeenfixed,yourtutor willinform youofthisandyouwillhavea furtherchance tofixtheassignment. 

Purpose of the assignment In thisassignmentyouwill furtherenhancethe websiteyoudeveloped in Assignment Part 1 by usingJavaScripttomarkthequizyoucreated.Youwill:  UseJavaScripttocheckdataenteredintoHTMLformsandprovideuserfeedback  Useclient‐sidestoragetotransferdatabetweenpages.  As in Part 1, there will be an opportunity to enhance your website beyond the basic requirements.  The“use strict”;directiveshouldbeincludedatthestartofallyourJavaScriptfiles.

Web Site Description Checkthequizanswers InPart1oftheassignmentyoucreatedanHTMLformquiz.htmlthatconsistedofatleastfive questionsrelatedtoyourtopic.InthispartoftheassignmentwewilluseJavaScripttomarkthose questions.JavaScriptshouldbeinafilecalledquiz.jslocatedinascriptsfolder.  Createamarkingschemeforyourquestionssothateachquestionisallocatedoneormoremarks.  WhentheuserclickstheSubmitbuttonontheformuseJavascriptto: 1. Checktheyhaveaselectedananswerforanyquestionswherea‘required’attributewasnot setinHTML(e.g.checkboxes) 2. comparetheiranswerswiththecorrectanswersyouhavedefinedandcalculatetheirscore.  Iftheusergetszeroforthequiztheyshouldnotbeabletosubmittheiranswers.Providetheuser withsomefeedbackifthisisthecase.  Onceapositivescoreiscalculated,displaytheresultsoftheattemptonawebpagecalled result.html.UseHTML5localstoragetodotransfertheinformationbetweenpages.  Thiswebpagewilldisplay:  Theusernameandid.  Thescoreachievedforthisattempt.  Thenumberofattemptstheuserhasmadedoingthequizusingtheirbrowser.  Ahyperlinkthatallowsthemtohaveanotherattemptatthequiz(onlyiftheyhavehadless than3attempts).  Themaximumnumberofattemptsauser(identifiedbytheirid)canmakeisthree.Youneed toimplementawaytopreventtheuserdoingthequizmorethanthreetimes.  Hint:changetheformyoucreatedinPart1oftheAssignmenttosetthemethodattributeto result.html.WhilethisfileisjustastaticHTMLpagethatdoesnotdoanyprocessingofthe formdata,thewebpagewillbereturnedfromtheservertothebrowserwhereyoucaninitializeit withthelocalinformationyouhavestored. Wewillfurtherenhancethisbyaddingserver‐sideprocessinginPart3oftheAssignment.  Note:ThereshouldbenoJavaScriptembeddedinyourHTMLfiles.Thisprecludesbothevent registration(e.g....