CSC73010程序写作、辅导Mobile Systems程序

” CSC73010程序写作、辅导Mobile Systems程序CSC73010 Programming Mobile Systems Session 1 2020Assignment 1Assignment 1: Creating client-end appsDue Date: 20 April 2020 at 11.00 pmSubmission Method: BlackboardWeight: 25% of Overall GradeType: IndividualCSC73010 Programming Mobile Systems Session 1 2020Assignment 1Submission: You need to submit your source code as a ZIP archive for all parts of the assignment toassignment 1 submission link in the unit site (this is the preferred way). If the file size is too large toupload to submission link, please send the ZIP file via e-mail or via a method specified by your tutor.Note that marks will be deducted for poorly structured or uncommented code. All source code filessubmitted must include title Comments that at least identify the author and the assignment part. Theseparate parts of the Assignment are to be submitted in separate subdirectories (e.g. Part 1, Part 2) submissions that ignore this instruction and leave all assignment files in one directory will bepenalised.Do not leave this assignment to the last minute you can start on it while concepts are fresh in yourmind. You may start Part 1 before you have studied all of the required materials. If you require anextension you must apply to your tutor before the due date to be considered. Unless an extension isapproved there is a Penalty (see Unit Information Guide).Assignment Overview: This assignment requires you to develop an application using Typescript forPart 1, and Angular for Part 2, to demonstrate your knowledge of the Typescript language and Angularframework. Your apps should will be stand-alone apps without server contact for data. The app willnot save data after the browser window is closed but you will need to maintain a JavaScript object sothat changes made remain while the browser window is open.Part 2 can be an expansion of Part 1 though you can start again from scratch if you wish. It isrecommended that you save your Part 1 before you start modifying it for Part 2.Part 1 Basic TypeScript App (12 marks)The aim is to develop a Simple one-page TypeScript app to maintain a small database of movieinformation while the browser window is open. You can initialise your app with hard coded data, oryou can start with an empty Data structure. Types are important in your code and you are expectedto declare types for example, for variables, function parameters, and function return values. Marksmay be deducted for too few type definitions, i.e. writing JavaScript instead of Typescript.、CSC73010作业写作、辅导Mobile Systems作业The car data has the following fields: Name Director Year (i.e., release year) Genre (Comedy, Horror, Action, Drama, Thriller, Romantic) Notes (one line of comments that user can enter)The movie data has the following requirements (1 mark): Each record must Have a value for all fields, only the Notes field can be blank. There must beat least 10 records. The Genre must be one of the options shown above. A Name can only be entered and saved once (it must be unique for each movie).CSC73010 Programming Mobile Systems Session 1 2020Assignment 1Your database would probably be a Typescript array of JavaScript objects, each of which has propertiescorresponding to The above fields. You can use another data structure if you wish but types will benecessary to ensure integrity of the data (1 mark).Your app should implement: A way to edit the movie data (2 marks). Remember you do not have to permanently save thedata between browser sessions, but you do have to save it while the app is active. HTML formwidgets are the easiest here. A way to add a new movie data (2 marks). Consider re-using the edit form above, it will requirecareful thought so as not to confuse the user. A way to Delete individual movie with a warning message saying Do you really want to toreduce accidental deletions (2 marks). A way to search any movie by the Name field (2 marks). This will probably done with a HTMLlist but you may use other techniques (e.g. implement a search text field).Your app should also: Provide An interface equally viewable by narrow and wider mobile screens (it will be tested).Note that this is just a request to keep your app simple and displayable on narrow screen aswell as possibly wider screens. You can put links in a long page to navigate your app on narrowscreens. This will be important when we get to mobile device apps later in the unit (1 mark). Use interactive features (e.g. use innerHTML assignments) to improve user experience (notalert() calls!). You are expected to add error messages where necessary (1 mark).Part 2 Expand the App (13 marks)Modify the app from Part 1 to become a multipage Angular app. For example, place the add recordon a separate page to the search facility. You can use as many pages as you like but dont forget to usean error page (for malformed URLs), an Information page e.g., about the app and have your name asapp developer. A Help page showing how to use the app would be nice as well.Marks are allocated as follows: Having a working Angular app with appropriate Angular coding (3 marks). Minimally the appwill have One component and one module, but to implement the following requirements youwill need more components. Using Angular forms (3 marks). This is separate to the multipage facility. If you just add Angularcode to the one-page Typescript app from Part 1, you have not used Angular forms. The multipage facility using the Angular router (3 marks). This includes the navigation betweenpages, error indicators and no broken links. Add at least one help button on each page that shows appropriate help messages. You shouldmake interaction with the help facility as easy as possible. Also add helpful information,including error messages, when data entry is incorrect (3 marks). Use of CSS styles (1 mark). Just use them, there are no marks for artistic design. We are lookingfor the ability to use styles. Feel free to use styles you find in the Angular documentation orCSC73010 Programming Mobile Systems Session 1 2020Assignment 1other on-line Sources (a reference to the original designer should be made in your code ifappropriate).WARNING! Plagiarism is an academic misconduct and would be reported to the misconductcommittee in this unit. Your program must be developed by yourself and should be original (not copiedfrom web or friend). Please find details on plagiarism and other academic misconducts in this link: httpss://www.scu.edu.au/media/scueduau/staff/teaching-and-learning/ctl-document-downloads/asacademic-integrity-guides/Student-Academic-Misconduct-an-Introduction.pdf.如有需要，请加QQ：99515681 或邮箱：99515681@qq.com 微信：codehel

“