CSE2ICE Assignment Due: • Part A – (30%) See LMS for due date • Part B – (70%) See LMS for due date 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 endeavour. 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 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”. 1. “As a fan, I want to see the prediction that my team will win their next game” 2. “As a fan, I want to see the results of all games my team has played this season” 3. “As a fan, I want to see opponent & games details for the next 5 matches for my team” 4. “As a fan, I want to see all the venues where my team has won so far this season” 5. “As a fan, I want to see the head-to-head games and if available, results between my team 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 3 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 • The use of Bitbucket or GitHub as a repository • Angular Single Page Application (SPA) • The app must be responsive in design to a set of different devices, desktop and mobile • The deployment of your web app to Heroku, or to your La Trobe server account, or other provider Assessment 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 you do decide to work as a pair, you accept all responsibility as there is no marking consideration for smaller sized teams. The deliverables will be graded according to the scheme on the following page. Marking Criteria: Criteria Due Date Weighting Design & Planning Report – Submit via LMS • A detailed survey of other competitor sites (include critical analysis of their interface and how that guides your design decision (positive/negative) See Part A 30% • Outline the tech stack and justify decisions • Wireframe the UI (detailed interface mock-up) • Present API usage examples to support your mandatory user stories, this will be in the form of code snippets Solution deployed on a cloud provider (5% for Heroku, 3% for other cloud provider, 2% for La Trobe CS Account) See Part B 5% Mandatory user stories implemented 25% 3 additional user stories implemented 15% Revision control system used appropriately 5% Code Quality (5%) / Use of Frameworks (10%) Angular, Bootstrap 15% Final product report – Submit via LMS • End system design and changes documented from first report • Final UI Wireframes • 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 5 games they will play” 5% As you will note, each user story is allocated 5% of the assignment grade, this covers implementation completeness and correctness. The 15% allocated to Code Quality / Use of Frameworks is a scaling measure 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 share your screen to record. It would be good to have all your team members comment in the video.
欢迎咨询51作业君
