understanding of web development | My Assignment Tutor

La Trobe University Department of Computer Science and Information Technology CSE2/5ICE Assignment 25% of your ICE grade Objective Demonstrate your knowledge and understanding of web development. Due Date Part A – (30%) April 18th 10AM Part B – (70%) May 17th 10AM Delays caused by computer downtime cannot be accepted as a valid reason for a late submission without penalty. Students must plan their work to allow for both scheduled and unscheduled downtime. The LMS will be configured to allow you to submit as many times as you like, the most recent version will be marked. A penalty of 5% per day will be imposed on all late assignments up to 5 days (date). An assignment submitted more than five days after the due date will NOT be accepted and zero mark will be assigned. Students will not be granted an extension of the assignment deadline. Students are requested to apply for special consideration through Student Centre. In addition, students are advised to submit whatever incomplete work they have already done for the assignment. If you change your submission after the due date it is considered a late submission and will incur a 5% penalty for each day that it is late. Copying, Plagiarism This is an individual assignment. You are explicitly instructed not to work in groups. Plagiarism is the submission of somebody else’s work in a manner that gives the impression that the work is your own. For individual assignments, plagiarism includes the case where two or more students work collaboratively on the assignment. The Department of Computer Science and IT treats plagiarism very seriously. When it is detected, penalties are strictly imposed. Submission Guidelines You are required to upload your solutions to the LMS in a zip file. You are NOT permitted to use any sort of automated code generation tools or programs. Introduction: The intention of ICE is to prepare you for industry as a junior web developer. We have covered fundamental and topical material in this subject to aid you in this endeavor. The employment market for graduate level front-end developers is strong, however entry is very selective. To this end, we have designed an assignment to give you experience on current industry relevant technologies and to assess you based on expectations a prospective employer would have. In this assignment, you will have to prepare yourself for a quantity of self-directed study and experimentation. As front-end development is such a fast-moving area, the ability to research and implement current and emerging technologies is critical. At the conclusion of this assessment item, we hope you will be proud of 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 online interest and you will be focusing on it. So far this semester we have looked at HTML5 and generic templates for various categories of online sites, in this assignment we will look at sports news with a heavy emphasis on delivering an enhanced user experience on the client side. We will focus on AFL (Australian Football League). You will use the single page application (SPA) paradigm to implement a league/team explorer web application. Data Sources: In this assignment, you will explore sports data (JASON data type) using an API on Squiggle (https://api.squiggle.com.au/). Understanding and working with API’s is a skill that you need to demonstrate 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 the performance of their team with respect to other teams in the league. The application must incorporate these user stories and have a selected team marked as the “favourite”. Note: For the purposes of this assignment, you can use AFL data for the 2021 season. We will aassume the competition is about to start round20. Below are 5 user stories that are expected to be implemented: “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 4 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 results between my team and my team’s rival this season” We also require you to implement 2 additional 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 will be 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 implement the richest experience to the client. These have to be learnt and experimented with proactively in order to stay competitive. The mandatory technologies we expect to see, include Angular Single Page Application (SPA)The app must be responsive in design to a set of different devices, desktop and mobileThe deployment of your web app to Heroku, else to your La Trobe server account or other providerThe use of BitBucket or GitHub as a repository Assessment Procedure: This assignment comprises 25% of your subject grade. The deliverables will be graded according to the scheme over the page. CriteriaDue DateWeightingDesign & Planning Report – Submit via LMS (I have provided a template “Assignment Phase 1-template” on the LMS for your reference) – A detailed survey of other competitor sites (include critical analysis of their interface). Please refer to Lecture 2 for the nine design guidelines (9%). – Design your website according your analysis (how the above analysis guides your design decision: positive/negative) (5%)April 18th 10 AM30%Outline the tech stack and justify decisions (2%) Wireframe the UI (detailed interface mockup) (7%) Present API usage examples to support your mandatory user stories. (7%)Solution deployed on a cloud provider (Heroku or other cloud provider)May 17th 10 AM5%Mandatory user stories implemented30%2 additional user stories implemented15%Code quality (5%) / Use of Frameworks Angular, Bootstrap (5%)10%Assignment Materials – Submit via LMS Final Report: the link of your solution deployed on a cloud provider, changes from first report (5%). Please find the document “Assignment Phase 2-templeate” on the LMS. Source code (you can just upload the “src” folder in zip)Upload a short video < 5 minutes demonstrating all the user stories you have implemented as the specifications. Be clear, e.g. Here is user story 1, the results are presented when I click the link, as you can see for the selected favourite team, here are the next 4 games they will play” .You can record the video using Zoom. (5%)10% As you will note, each mandatory user story is allocated 6% of the assignment grade, this covers implementation completeness and correctness. The 5% allocated to Code Quality / Use of Frameworks is a scaling measure to award marks to students who implement good practice modern methodologies.


Leave a Reply

Your email address will not be published. Required fields are marked *