CSIT 128 – ASSIGNMENT 3 (5%) MARKING CRITERIA: Task 1: Student correctly include JavaScript validation and display error message using span – 1 mark Task 2: Student correctly include all JavaScript...

for java pls use netbeans 8.2


CSIT 128 – ASSIGNMENT 3 (5%) MARKING CRITERIA: Task 1: Student correctly include JavaScript validation and display error message using span – 1 mark Task 2: Student correctly include all JavaScript regular expression – 1 mark Task 3: Student correctly include Mouse, Keyboard and Form events. – 1 mark Student creatively implement JS events – 1 marks Student clearly explain the code and able to modify the code during demonstration – 1 mark Task 1: 1. Modify previous register form created in Assignment 2 (Task 2). 2. Make sure that all input must be filled. Include JavaScript validation, to check on this. 3. Use

to display error message and red font color to display all error message. 4. If the user has entered correct input, then remove the previous error message. Task 2: 1. Modify previous HTML form created in Assignment 2 (Task 1). 2. Students must use JavaScript validation and include the regular expression pattern. The condition should be as follows:  All input is required.  First name and Last name must be starts with Capital Letter. User must enter at least 3 character. Example: John  Email should be valid to this format: [email protected]  The birth date for must be from 1st January 2000 until 31st December 2002. o Note 1: Please use input type text, not date for this. o Note 2: For Chrome Web browser, the date will display as YYYY-MM-DD.  The password and re-type password must match. The password is at least 8 characters: a combination of letters, numbers and one special character. 3. When the user “submit” the form, it will display back all information at the bottom of the page. Task 3: 1. Apply THREE (5) different JavaScript Mouse events. 2. Apply THREE (5) different JavaScript Input events. 3. Apply TWO (2) different Load Events mailto:[email protected] Submission: 1. During demonstration, your attendance is required. a. During demonstration, 1 mark will be awarded to the student if the student able to clearly demonstrate, modify and answer question(s) given from the instructor. b. If student didn’t demonstrate the work, 0 marks will be given. 2. The marks will be awarded according to tasks completion and ability to explain the code. 3. Paste all HTML code into a text file (save it as Assignment3.txt). You must include the following: a. Student declaration. (refer page 2) (If student didn’t submit this section, the instructor has the right to NOT MARK the student’s work). b. Student’s Assignment (code) separated by file name. (refer page 3) Example of Student’s declaration -------------------------------------- STUDENT DECLARATION -------------------------------------- I have read the policy for plagiarism at University of Wollongong. I declare that this assignment is entirely my work. If found to be plagiarized, I will receive 0 marks. -------------------------------------- STUDENT DETAILS -------------------------------------- STUDENT ID NUMBER: STUDENT NAME: STUDENT FAMILY NAME: UOW EMAIL: Example of Student’s Code -------------------------------------- Filename: index.html -------------------------------------- Index This is index page
About Me
Media
Contact Me
-------------------------------------- Filename: about.html -------------------------------------- About This is about page
About Me
Media
Contact Me
Page 1 of 3 CSIT 128 – ASSIGNMENT 6 (5%) REMINDER: 1. Students must attend the lab session and demonstrate the assignment. 2. Plagiarism will not be tolerated. Student will be given 0 marks. Reference: 1. Lecture Note 9 (AJAX). 2. https://www.w3schools.com/xml/ Note: 1. Please don’t copy/ refer code from W3School. You must refer to Lecture Note 9 (AJAX). 2. You must use JavaScript code. This subject will not cover about jQuery code (jQuery code will use $ as selector). Task 1 (2.5 mark): 1. Download the XML file (credit_card.xml) from Moodle subject page. Prepare HTML page with JavaScript to read data from XML document. In your HTML webpage, include a button that will trigger the process to read data from XML file. 2. Once you have prepared the AJAX call script, create another function to display back data in HTML table. See sample output below. Figure 1: Sample output after including logical decision using JavaScript Task 2 (2.5 mark): a) From your previous output in Task 1a, modify your code to include the additional criteria. You may refer to sample image below as reference. • Include currency unit for previous balance, expenses and payment. https://www.w3schools.com/xml/ Page 2 of 3 • Find the average value for expenses. • Find the maximum value for expenses. (hint: use Math max for array) • Find the minimum value for expenses. (hint: use Math min for array) • Include a proper decision logic (in JavaScript) to display new balance and status. i. new balance = previous balance + expenses – payments. ii. Each card has a credit limit of RM 1000. If the new balance is more than credit limit, then display the status. iii. Use ‘red font’ for value beyond the credit limit and ‘green font’ for under the limit. Figure 1: Sample output after including logical decision using JavaScript Figure 2: Sample output for average, minimum and maximum expenses Submission: 1. Please do not submit the XML document (credit_card.xml) 2. During demonstration, your attendance is required. If the student didn’t demonstrate the work, 0 marks will be given. 3. The marks will be awarded according to tasks completion and ability to explain the code. 4. Paste all HTML code into a text file (save it as Assignment6.txt). You must include the following: a. Student declaration. (refer page 3) (If student didn’t submit this section, the instructor has the right to NOT MARK the student’s work). b. Student’s Assignment (code) separated by file name. (refer page 3) Page 3 of 3 Example of Student’s declaration Example of Student’s Code -------------------------------------- STUDENT DECLARATION -------------------------------------- I have read the policy for plagiarism at University of Wollongong. I declare that this assignment is entirely my work. If found to be plagiarized, I will receive 0 marks. -------------------------------------- STUDENT DETAILS -------------------------------------- STUDENT ID NUMBER: STUDENT NAME: STUDENT FAMILY NAME: UOW EMAIL: -------------------------------------- Filename: index.html -------------------------------------- Index This is index page
About Me
Media
Contact Me
Page 1 of 2 CSIT 128 – ASSIGNMENT 7 (5%) REMINDER: 1. Students must attend the lab session and demonstrate the assignment. 2. Plagiarism will not be tolerated. Student will be given 0 marks. Reference: 1. Lecture Note 12 (HTML 5 and Local DB). 2. https://www.tutorialspoint.com/html5/html5_web_sql.htm 3. https://www.w3schools.com/xml/ Task 1 (1.5 mark): 1. Continue from Assignment 3 (Task 2), you will use register.html again. 2. Once the user clicks “submit”. The data will be inserted into WebSQL table. Task 2 (1.5 mark): 1. From your code in Task 1, read data from WebSQL and display the data in HTML table. Task 3 (2 mark): 1. Create new HTML page to search for data in WebSQL table. The user can either search by id or last name. Submission: 1. During demonstration, your attendance is required. If the student didn’t demonstrate the work, 0 marks will be given. 2. The marks will be awarded according to tasks completion and ability to explain the code. 3. Paste all HTML code into a text file (save it as Assignment5.txt). You must include the following: a. Student declaration. (refer page 3) (If student didn’t submit this section, the instructor has the right to NOT MARK the student’s work). b. Student’s Assignment (code) separated by file name. (refer page 3) https://www.tutorialspoint.com/html5/html5_web_sql.htm https://www.w3schools.com/xml/ Page 2 of 2 Example of Student’s declaration Example of Student’s Code -------------------------------------- STUDENT DECLARATION -------------------------------------- I have read the policy for plagiarism at University of Wollongong. I declare that this assignment is entirely my work. If found to be plagiarized, I will receive 0 marks. -------------------------------------- STUDENT DETAILS -------------------------------------- STUDENT ID NUMBER: STUDENT NAME: STUDENT FAMILY NAME: UOW EMAIL: -------------------------------------- Filename: index.html -------------------------------------- Index This is index page
About Me
Media
Contact Me
Index This is index page
About Me
Media
Contact Me
Page 1 of 2 CSIT 128 – ASSIGNMENT 8 (5%) MARKING CRITERIA: Task 1: Correctly use FIVE (5) different Canvas elements – 1 mark Task 1: Complexity and Creativity of FIVE (5) different Canvas elements – 1.5 mark Task 2: Correct application and Creativity of Bootstrap elements – 2.5 marks REMINDER: 1. Please submit original works. 2. Plagiarism will not be tolerated. Student will be given 0 marks. 3. All student must demonstrate their work, otherwise no mark given. ASSIGNMENT 8: HTML 5 Canvas and Bootstrap. Task 1 (SVG) 1. Prepare webpages with FIVE