CSCI 3172 – Web-Centric Computing Assignment 4: JS Frameworks

Nodejs作业代写:这是一个关于Nodejs操作mysql的作业
CSCI 3172 – Web-Centric Computing Assignment 4: JS Frameworks (10pts) [INDIVIDUAL]
Assignment Objectives
a. To continue to practice wireframing, UI and UX design techniques discussed in class.
b. To continue to explore styling and positioning CSS properties.
c. To implement JavaScript techniques discussed in lectures and labs to handle HTML forms.
d. To gain experience in using Javascript Frameworks such as Node.js and integrate it with a database management system such as MySQL
Procedures
Assignment 3, focused on HTML5 forms and Javascript client-side techniques for interacting, converting and validating input provided through a web form. For assignment 4, you will be using JavaScript Frameworks for extending the functionality of your registration form. While these frameworks do provide you with predefined templated, you are encouraged to continue to use CSS to customize the look-and-feel of your assignment. While responsiveness is not a requirement for this assignment, it is considered a bonus component. Additionally, you are also expected to use semantically or structurally meaningful classes and ids for your CSS and Javascript code, and you are encouraged to use meaningful database and collection names, and you should also consider a schema for organizing your collections. In regards to the registration form you will need to create in Assignment 4, the specifics are the same as those defined in Assignment 3, though you may modify your form to fit with your project requirements. However, do keep in mind that this form should still be a registration form where users should be able to register for a service, though a user is not required to then be able to log into your service, this functionality is considered a bonus component.
Requirements
For this assignment, you must meet the following requirements:
– Your assignment’s homepage must be named index.html or index.js
and reside inside a folder called ‘a4’ (all lower-case, no spaces).
– Each file you create for this assignment (e.g., style sheets, included files, images,) must reside in your ‘public_html’ directory on sftp://bluenose.cs.dal.ca (your FTP server) o Note: If your files are not inside your ‘public_html’ directory on bluenose.cs.dal.ca, the markers will not be able to access your work and you will receive a grade of 0. ▪ If you need help logging on to bluenose, please follow the instructions available on the CS Support website (https://web.cs.dal.ca/~tlin/cs_support/) o Note: Ensure you are using the correct permission settings on your files and folders. On a shared server, such as bluenose, it is recommended to use ‘755’ (i.e., rwxr-xr-x) on folders, and ‘644’ (i.e., rw-r–r–)on individual files.
– You may hand edit your file using any developer tool you are most comfortable with (e.g., Notepad, TextEdit, Notepad++, Sublime Text, Coda, Eclipse).
– Your assignment must pass (or be as close to passing) W3C validation (HTML5 and CSS3) and be cross-browser compatible.
– You may use any off-the-shelf boilerplates or front-end frameworks but should work to make them your own (i.e., you cannot simply implement them as-is).
– You are expected to apply the usability principles, discussed in class, that you consider would be required based on the responsiveness of your assignment. As such, you have complete creative freedom (i.e., you may make any changes to the design of the assignment).
– Your form elements must be validated through JavaScript according to requirements specified in Assignment 3. However, you may modify these requirements as you see fit based on your intended purpose for this form.
– Your assignment makes proper use of responsive web design techniques.
– Your assignment implements a login form that allows users to log into your assignment with the username and password provided through your registration form. o Your assignment will require database connectivity, e.g., MySQL.
– The markers will only go to the following URL when grading your assignment, please ensure your assignment contains an index (i.e., index.html, index.ejs) file and is accessible through this
Grading Criteria
In addition to meeting the criteria specified in Assignment 3, the following
grading criteria will be used for marking your assignment:
The following grading criteria will be used for marking your Assignment 4:
– Your assignment properly implements the use of form elements for the purposes of a registration form. [2 points]
– Your assignment properly implements web form accessibility and usability guidelines. [1 point]
– Your assignment properly implements a JavaScript Framework for validating and processing your form’s input controls. [5 points]
– Your assignment files successfully pass W3C (HTML5 and CSS3) Validation. [2 points]
– Your assignment makes proper use of responsive web design techniques. [2 points]
– Your assignment implements a login form that allows users to log into your assignment with the username and password provided through your
registration form. [2 points] Note: The validation icons shown on the assignment’s image file is intended to serve as a reminder for validating your code. Do not worry about generating and/or positioning these icons.

发表评论

电子邮件地址不会被公开。 必填项已用*标注