DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
Web Technologies (CIE 356T)
ASSIGNMENT -1
Total Marks: 20 (T1-7, T2-6, T3-7) (Last Date of Submission: 17th Feb 2025)
Case Study: Development of an Online Student Enrollment System [CO1]
Scenario: A university wants to streamline its admission process by allowing students to enroll online
instead of filling out physical forms. The university needs a web-based system where students can
view available courses, register for their preferred programs, and submit their details through an online
form. The system should also store course-related information in an XML file, ensuring data
consistency and easy access.
Tasks:
T1: Creating the Student Enrollment Webpage (HTML & CSS)
• Develop a homepage that includes: University name and logo, Brief introduction about the
online enrollment system, Navigation menu (Home, Courses, Registration, Contact Us)
• Implement an HTML table to display a list of available courses with the following details:
Course Name, Course Code, Duration, Eligibility Criteria, Fees
• Use CSS to style the webpage : Define a structured layout with proper padding, margins, and
borders, Apply background colors and fonts for readability, Format the course table for a
professional look, Use CSS Box Model for spacing and alignment
• Add hyperlinks to navigate between different sections of the site.
T2: Developing the Online Enrollment Form (Forms & Dynamic HTML)
• Create an HTML form that allows students to enroll in a course : The form should contain:
Student Name (text field), Email (email input), Mobile Number (number input), Course
Selection (dropdown menu), Submit Button
• Implement Dynamic HTML to : Validate user input (e.g., ensuring a valid email format), Display
additional input fields based on course selection, Show a confirmation message after form
submission
T3: Storing Course Data Using XML
• Create an XML file that contains structured data for each course.
• Each course entry should include:
<courses> <course> <name>Web Technologies using HTML & CSS</name> <code>CIE-356T-
A1</code> <duration>11 Days</duration> <eligibility>Basic Web development
Knowledge</eligibility> <fees>500</fees> </course> <course> <name>Web Technologies
using JSS</name> <code>CIE-356T-A2</code> <duration>40 Hrs</duration> <eligibility>Basic
Java Knowledge</eligibility> <fees>1000</fees> </course> </courses>
• Define the structure of the XML file using DTD or XML Schema.
• Use DOM/SAX Parser to display course details dynamically on the webpage.
Submission Requirements:
1. HTML & CSS Files – Well-structured and styled course registration webpage.
2. Validation Data – Dynamic input validation for form fields.
3. XML File with Course Data – Structured course information in XML format.
4. Documentation Report – Explanation of each file, code snippets, and screenshots of the
working system.