web/html代寫 - CSE2 ICE Assignment 2020
CSE2 ICE Assignment 2020Version1.1Due:?Part A –(30%) See LMS for due date?Part B –(70%) See LMS for due dateIntroduction:The intention of ICE is to prepare you for industry as a junior web developer. We have coveredfundamental and topical material in this subject to aid you in this endeavour. The employment marketfor graduate level front-end developers is strong, however entry is very selective. To this end, we havedesigned an assignment to give you experience on current industry relevant technologies and to assessyou based on expectations a prospective employer would have.In this assignment, you will have to prepare yourself for a quantity of self-directed study andexperimentation. As front-end development is such a fast-moving area, the ability to research andimplement current and emerging technologies is critical. At the conclusion of this assessment item,we hope you will be proudof your product and will cite it in future job applications.The task:We live in the sporting capital of Australia, perhaps the world, sports news is a big area of onlineinterest and you will be focusing on it. So far this semester we have looked at HTML5 and generictemplates for various categories of online sites, in this assignment we will look at sports news witha heavy emphasis on delivering an enhanced user experience on the client side. We will focus onAFL (Australian Football League). You will use the single page application (SPA) paradigm toimplement a league/team explorer web application.Data Sources:In this assignment, you will explore sports data using an API on Squiggle(http://api.squiggle.com.au/). Understanding and working with API’s is a skill that you need todemonstrate here and in the workplace. Take some time to understand it and try the examples. Note-we expect you to use your ingenuity in figuring out the API.
Requirements (user stories):The assignment shall produce a single page application that will allow the user to explore theperformance of their team with respect to other teams in the league. The application must incorporatethese user stories and have a selected team marked as the “favourite”.Note: Due to COVID-19, there is no AFL data for 2020 at present, thus we will use the 2019 season.For the purposes of this assignment we will assume the competition is about to start round 20.“As a fan, I want to see the prediction that my team will win their next game”“As a fan, I want to see the results of all games my team has played this season”’“As a fan, I want to see opponent and games details for the next 5 matches my team will play”“As a fan, I want to see all the venues where my team has won so far this season”“As a fan, I want to see the head-to-head games and if available, results between myteam and my team’s rival <..> this season”[challenging]These are 5 user stories that are expected to be implemented, we then require you to implement 3additional of your choosing, grades will be allocated for complexity and functionality.Data retrieval can be enacted by using the API,however, the visualisation is up to you. Points willbe awarded for creativity in the display, i.e. don’t just output plain text or a table to the client.Emphasis should be on interactivity, originality and a great user experience.Technologies:Modern web development is all about adapting to new frameworks and technologies to implementthe richest experience to the client. These have to be learnt and experimented with proactively inorder to stay competitive.The mandatory technologies we expect to see, include?The use of Bitbucketor GitHub as a repository?Angular Single Page Application (SPA)?The app must be responsive in design to aset of different devices, desktop and mobile?The deployment of your web app to Heroku, orto your La Trobe server account,or otherproviderAssessment Procedure:This assignment comprises 25% of your subject grade. Team size is capped at max 3 team members and a minimum of 2 team members. If youdo decide to work as a pair, you accept all responsibility as there is no marking consideration forsmaller sized teams.The deliverables will be graded according to the schemeon thefollowing page.
Marking Criteria:CriteriaDue DateWeightingDesign & Planning Report –Submit via LMS?A detailed survey of other competitor sites (include criticalanalysis of their interface and how that guides your designdecision (positive/negative)See Part A30%?Outline the tech stack and justify decisions?Wireframe the UI (detailed interface mock-up)?Present API usage examples to support your mandatoryuser stories, this will be in the form of code snippetsSolution deployed on a cloud provider (5% for Heroku, 3% forother cloud provider, 2% for La Trobe CS Account)See Part B5%Mandatory user stories implemented 25%3 additional user stories implemented15%Revision control system used appropriately5%Code Quality (5%) / Use of Frameworks (10%) Angular,Bootstrap15%Final product report –Submit via LMS?End system design and changes documented from firstreport?Final UI Wireframes?Upload a short video (< 5 minutes)demonstrating all theuser stories you have implemented as the specifications. Beclear, e.g. “Here is user story 1, the results are presented whenI click the link, as you can see for the selected favourite team,here are the next 5 games they will play”5%As you will note, each user story is allocated 5% of the assignment grade, this coversimplementationcompleteness and correctness. The 15% allocated to Code Quality / Use of Frameworks is a scalingmeasure to award marks to teams who implement best practice modern methodologies.You can record the video using Zoom by sharing your screen or MS Teams and again shareyour screen to record. It would be good to have all your team memberscomment in the video.