IP CASE STUDY 1

V P Arul kumar & J K Kiruthika

Nov. 30, 2019, 7:23 a.m. | Web Prograaming

Faculty Name
Course Code / Title	CS8651& Internet Programming
Focus Area	CSS & Java Script
Learning Outcome	To code for Design and Client side validation
Teaching Pedagogy	Case Study & Discussion
Knowledge Level	K3

Instructions to Students:

1. Read the context,problem descriptions, requirements and the other details carefully and implement the solution.

2. 2 This assessment is intended to test the hands on skills related to HTML and java script

3. You have been provided with supplied files that contain html files, Expected _UI_Screens and javascripts.

4. Modify the Pages as Registration.html, style.css and my.js files as per the requirements provided to you in this question paper. You must use the NOTEPAD for modification to HTML pages.

5. NOTE1: DON’T make changes to any of the files and folders.

NOTE2: DON’T rename any files and folders.

Submit the modified Registration.html, style.css and my.js files in your local systems.

Guidelines:

1. 1. All the Validation coding should be done .in my.js File.

2. 2. All the Style making should done in style.css file.

NOTE: NOT adhering to the above instructions and guidelines may lead to drastic reduction in your score even if the code is executing without any errors

Problem Description:

SQUARE DEAL INFO TECH OVERVIEW:

Square deal info tech is an Institute which provides training for the students on all IT oriented technologies like programming languages, web designing, networking and Search engine optimization.Now Square deal info tech decides to provide online training for their students, so they planned to develop a portal to provide training.

Application Details:

As a part of online course management, first module should allow the candidates to register themselves.

Implementation Details:

As a first stage of the first module we need to design and validate an UI for Registration of the users.Registration form is registration.html, CSS file as style.css and javascript file my.js are given below with expected UI Screen Shorts.

Design Part is completed in this project. Style Change and Validation should be made as per the requirement given in the below table.

Requirement ID	Requirement Description	Expected Screen shots
Req_Val_1.1	Validate the userid. It should be minimum of 6 characters long.	Screen 2
Req_Val_1.2	Validate the First Name of the Customer. It Should not be Null. (Mandatory Validation)	Screen 3
Req_Val_1.3	Validate the age. It shouldn’t be under 12. (Range Validation)	Screen 4
Req_Val_1.4	Validate the Email id for the format. Entered the email id should be in correct format. Or else display an appropriate message.	Screen 5
Req_Style_1.1	Make the heading “SQUARE DEAL INFO TECH” text as italic.	Screen1
Req_Style_1.2	Box the input fields with 2pixel thickness.	Screen1
Req_Style_1.3	Change background of submit button to green color.	Screen1