Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Question-2 50 Marks This question measures the practical skills of students in Dynamic Web Development using XHTML, CSS and JavaScript which they have learned in
Question-2 50 Marks This question measures the practical skills of students in Dynamic Web Development using XHTML, CSS and JavaScript which they have learned in Block-2 of the module. This is a small project work. You are required to develop a client side application using XHTML, CSS and JavaScript with the following requirements. Assume, you are developing this application to support the IT club at your branch. Step-1 Develop a Home Page with the following: Your Page Title ("Your own name-AOU IT Club-KSA") Your own logo (Design a logo according to your creativity) Short description about the IT Club at your branch Step-2 Create an interior page as a Data Entry Form to collect the following details of the students: Student ID, First name, Last name, GPA, email, contact number and password. Note the password should be confirmed at the time of data entry Note: Since all the input fields are compulsory, data validation is important, all the fields must be validated using 'Form validation' techniques. Specifically for the following: The email address should be entered in correct format. The values entered in the password and confirm password textboxes should be consistent . For the invalid input values the system should appropriate error messages The error message should be displayed in different colour next to the field/s. Step-3 Create another interior page to organize the IT club activities with the following features: There must be an option to accept two types of activities: Programming Competition and Professional Certification. There must be an option to select the date and time of the activity After choosing the options the system should print the registration details. Step-4 Create the last interior page, this page is the Contact Us page. Use your own creativity to develop the contents of this page, you may add a location map in this page. Note: This is an initial application for supporting the development of a complete application using PHP and MySQL, so we do not consider the data storage in this part of the TMA question. Question-2 50 Marks This question measures the practical skills of students in Dynamic Web Development using XHTML, CSS and JavaScript which they have learned in Block-2 of the module. This is a small project work. You are required to develop a client side application using XHTML, CSS and JavaScript with the following requirements. Assume, you are developing this application to support the IT club at your branch. Step-1 Develop a Home Page with the following: Your Page Title ("Your own name-AOU IT Club-KSA") Your own logo (Design a logo according to your creativity) Short description about the IT Club at your branch Step-2 Create an interior page as a Data Entry Form to collect the following details of the students: Student ID, First name, Last name, GPA, email, contact number and password. Note the password should be confirmed at the time of data entry Note: Since all the input fields are compulsory, data validation is important, all the fields must be validated using 'Form validation' techniques. Specifically for the following: The email address should be entered in correct format. The values entered in the password and confirm password textboxes should be consistent . For the invalid input values the system should appropriate error messages The error message should be displayed in different colour next to the field/s. Step-3 Create another interior page to organize the IT club activities with the following features: There must be an option to accept two types of activities: Programming Competition and Professional Certification. There must be an option to select the date and time of the activity After choosing the options the system should print the registration details. Step-4 Create the last interior page, this page is the Contact Us page. Use your own creativity to develop the contents of this page, you may add a location map in this page. Note: This is an initial application for supporting the development of a complete application using PHP and MySQL, so we do not consider the data storage in this part of the TMA
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started