” 写作SE 3316A编程、 辅导Web TechnologiesSE 3316A Web Technologies Lab #4: Due Sunday, Nov. 15, 11:55 pmDeadlines:1. Submission deadline: Sunday, Nov. 15, 11:55 pm.2. Demonstration deadline: Friday, Nov. 27, 12:30 pmSubmissions close on Tue. Nov. 17, 11:55pm.Change Log1. Added a FAQ item about progressing without completing lab 3.2. Removed searching by subject only since it was not implemented in lab 3 – Nov 14Objectives:A. Learn how to Use Angular to develop the front-end for a web applicationB. Create a client (front-end) interface using Angular for interacting with the API that was designed inlab 3In this lab, you will implement a front end with Angular, that uses the server API for a time table queryapplication that was developed in lab 3. Accessing the application using a public URL is mandatory. You mayuse Amazon EC2 or your own server for a public URL. You may use a local installation of Node.js fordevelopment purposes.Workflow:1. Create a new Private Git repository on Github called se3316-xxx-lab4 (all lowercase) where xxxis your Western email ID (without @uwo.ca part).2. Clone that repository on your workstation/laptop to create a local working directory.3. Deploy on the server using Git.4. Make frequent and meaningful commits and push your project to Github.Submission Instructions:Please carefully read the instructions and strictly follow them. Your grade depends on it.1. Use a proper .gitignore file so that only the files that you edit are in your repository.2. Make frequent commits with an appropriate commit message.3. Ensure that you understand the principles behind your code.4. Ensure that Github Contains the latest version of your code.5. Copy the output of command git log and paste that onto the submission page (Assignmentssection) on Owl.6. Download your repository as a zip file from Github and submit as an attachment. Please do not zipthe folder on your computer as it contains a large amount of extraneous files.7. Ensure that your Github repository is shared with TAs.8. Demonstrate your lab (on a public URL) before the demonstration deadline. You may set up thepublic URL after Submission on Owl. As long as the changes only involve deployment issues, it isacceptable.Penalties will apply for not following the naming convention or any of the submission steps.Rubric (out of 100):See the requirements for front-end and back-end for marks allocated for implementation.1. No input sanitization: -10 for each occurrence.2. Code management with Gita. Less than 10 commits: -20b. No meaningful commits: up to -10c. No meaningful commit messages: up to -5d. Not using a proper .gitignore file to ignore images: -5e. Not using Git pull to deploy code to server: -53. Logisticsa. Repository name not in required format: -5b. No zip file: not gradedc. Code is not attached as a zip file or it contains content that is not in the Git repository or is 1missing content that is in the repository: -10Preparation – Learning AngularFollow the Tour of Heroes Tutorial on angular.io and complete the first 6 parts.Create a web application for searching the online timetable for WesternThe web application must consist of a front-end implemented using Angular and a back-end APIimplemented for lab 3 using Node.js.The front-end Must provide the following functionality. Please feel free to shape the UI as you would like touse a similar App. [100 points total]1. A user interface that uses the back-end functions developed in lab 3. [10 points]2. Ability to search the time table by subject, subject+course or subject+course+component anddisplay results. [40 points]3. Ability to create course lists (schedule). [20 points]4. Ability to display the time table for all the courses for a given course list. [20 points]5. Sanitize all user input so that the display must not interpret any HTML or JavaScript that might betyped on to the text area (on the front-end, this is typically taken care by Angular)6. Allow any language as the schedule name and display it in the language it is entered. [10 points]Code will be Checked for similarity. Please work independently. Please frequently check the FAQ below forclarifications, tips and tricks.FAQ1. If you didnt finish lab 3, you may create mock routes for the back end as needed. For example, foritem 3 in lab 3 (get timetable entry), you may set up a GET route using Express and return a fixedtimetable value Every time. If you are unable or unsure on how to do that, please seek help from aTA. You will not be able to proceed with labs 4 and 5 without the ability to create a RESTfulback-end.1If you zip the file on Desktop, it may often Include hidden files (particularly on Mac) or the .git folder itself.如有需要，请加QQ：99515681 或邮箱：99515681@qq.com
“
添加老师微信回复‘’官网 辅导‘’获取专业老师帮助，或点击联系老师1对1在线指导。
