CSC73010-Programming Mobile Systems
This assignment is due on Friday, 18 December 2020, 11:00 pm. You should submit your source code as a ZIP archive for all parts of the assignment to assignment 1 submission link in the unit site. If the file size is too large to upload 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 files submitted must include title comments that at least identify the author and the assignment part. The separate parts of the assignment are to be submitted in separate subdirectories (e.g. Part1, Part2 etc.) – submissions that ignore this instruction and leave all assignment files in one directory will be penalised.
Please note that this assignment will be due after the weekly sessions have covered the last of the required materials. Do not leave this assignment to the last minute – you can start on it while concepts are fresh in your mind. You may start Part 1 before you have studied all of the required materials. If you require an extension, you must apply to your tutor before the due date to be considered. Unless an extension is approved, there is a penalty (see Unit Information Guide)
Part 2 can be an expansion of Part 1 though you can start again from scratch if you wish. It is recommended that you save your Part 1 before you start modifying it for Part 2. For lesser marks, you can divide your assignment into several smaller HTML pages to demonstrate the different aspects without having everything working together. This is not the preferred method.
Part 1 – Basic TypeScript App
The book data has the following fields:
• Publication Date
• Number of Pages
• Availability (“Paperback”, “eBook”, “Audio book”)
Part 2 – Expand the App
Modify the app from part 1 to become a multipage Angular app. For example, place the add record on a separate page to the search facility. You can use as many pages as you like but don’t forget to use an error page (for malformed URLs), an Information page, e.g. about the app and have your name as an app developer. A Help page showing how to use the app would be nice as well.
Marks are allocated as follows:
1. Having a working Angular app with appropriate Angular coding.Minimally the app will have one component and one module, but to implement the following requirements, you will need more components.
2. Using Angular forms . This is separate to the multipage facility. If you just add Angular code to the one-page TypeScript app from Part 1, you have not used Angular forms.
3. The multipage facility using the Angular router . This includes the navigation between pages, error indicators and no broken links.
4. Add at least one help button on each page that shows appropriate help messages. You should make interaction with the help facility as easy as possible. Also add helpful information, including error messages, when data entry is incorrect .
5. Use of CSS styles . Just use them, there are no marks for artistic design. We are looking for the ability to use styles. Feel free to use styles you find in the Angular documentation or other on-line sources (a reference to the original designer should be made in your code if appropriate).