Final Project-Based Examination

XML-Based Information Management System

Objective

Develop an XML-based information system that stores, transforms, and manipulates data using XML,
XSLT, and XML DOM technologies.

Group Composition

• 5 Members per Group

• Development Period: July 19. 2026

Project Requirements

Part I: XML Document Development (30%)

Create an XML document containing information related to your chosen topic.

Requirements

• Must contain at least 30 records

• Each record must contain at least 5 fields

• Must have one root element

• Must be well-formed and properly indented

• Must use meaningful element names

Suggested Topics

• Student Information System

• Employee Directory

• Library Catalog

• Product Catalog

• Restaurant Menu

• Movie Collection

• Real Estate Listings

• Tourist Destinations

Sample Structure
Student Information System

Minimum Data Requirement

Requirement Minimum

Records 30

Fields per Record 5

Root Element 1

XML File 1

Part II: XSLT Transformation (35%)

Create an XSLT file that transforms the XML document into an attractive HTML webpage.

Required Features

• Title/Header

• CSS Styling

• Tabular Display of Records

• Sort Records

• Conditional Formatting

• Footer Information

Required XSLT Elements

Students must use:

<xsl:for-each>

<xsl:value-of>
<xsl:sort>

<xsl:if>

<xsl:choose>

Output Example

Student ID Name Age Program Year Level

Part III: XML DOM Manipulation (35%)

Using JavaScript XML DOM, implement the following functions:

1. Search Record

Search records based on:

• ID

• Name

• Category

2. Display Record Details

Display complete information of a selected record.

3. Filter Records

Examples:

• Students from BSIT

• Books published after 2020

• Products above ₱500

4. Record Counter

Display:

Total Records: 30

using XML DOM.

5. Dynamic Information Display

Allow users to interact with the XML data through buttons, dropdowns, or search boxes.
Documentation Requirements

Chapter 1: Introduction

• Project Overview

• Objectives

Chapter 2: XML Design

• Chosen Topic

• XML Structure

• Description of Fields

Chapter 3: XSLT Implementation

• XSLT Features Used

• Transformation Process

Chapter 4: XML DOM Implementation

• Search Function

• Filter Function

• Record Counter

• Display Function

Chapter 5: Results and Discussion

• Screenshots

• Output Analysis

Example of Chapter 5

Chapter 5: Results and Output Analysis

5.1 XML Data Structure Analysis

Discuss the XML file created.

Example

The XML document contains 30 student records. Each record consists of five fields: Student ID,
Full Name, Age, Program, and Year Level. The XML document is well-formed and organized
under a single root element named <students>. The hierarchical structure allows data to be
easily stored and retrieved.
5.2 XSLT Transformation Analysis

Discuss how the XML data was transformed.

Example

The XSLT stylesheet successfully transformed the XML document into an HTML webpage. The
records were displayed in a table format with CSS styling applied for better readability. The use
of <xsl:for-each> enabled iteration through all records, while <xsl:sort> arranged the records
alphabetically by student name.

Screenshot

(Insert screenshot of transformed HTML page)

Analysis

The transformation improved data presentation by converting raw XML data into a user-friendly
webpage. Users can easily view and understand the information without reading the XML
source code.

5.3 XML DOM Function Analysis

Search Function

Screenshot

(Insert screenshot of search results)

Analysis

The search functionality allows users to locate specific records by entering a Student ID or
Name. XML DOM methods were used to access and retrieve matching elements from the XML
document. The function improves data accessibility and reduces the time needed to locate
records.

Filter Function

Screenshot

(Insert screenshot of filtered records)

Analysis

The filter function enables users to display records that meet specific conditions, such as
students enrolled in the BSIT program. XML DOM methods were used to evaluate each record
and display only matching entries.
Record Counter

Screenshot

(Insert screenshot showing "Total Records: 30")

Analysis

The XML DOM successfully counted all available records and displayed the total number of
entries. This feature verifies that the XML document contains the required number of records
and provides quick information regarding the dataset size.

5.4 Summary of System Output

Table of Functionalities

Function Expected Output Actual Output Status

Display Records Show 30 records 30 records displayed Passed

Search Record Locate specific record Record found correctly Passed

Filter Record Show matching records Filter worked correctly Passed

Record Counter Display total records Total Records: 30 Passed

XSLT Transformation Convert XML to HTML HTML generated successfully Passed

5.5 Conclusion

Example

Based on the results, the XML document successfully stored and organized the required records.
The XSLT stylesheet transformed the XML data into a structured HTML webpage, making the
information more readable. Furthermore, XML DOM functions enabled dynamic interaction with
the data through searching, filtering, and record counting. The project demonstrates the
practical application of XML, XSLT, and XML DOM in managing and presenting structured
information.
Documentation Rubric (100 Points)
Criteria Points

Introduction and Objectives 10

XML Structure and Data Design 20

XSLT Implementation 20

XML DOM Implementation 20

Screenshots and Results 15

Organization and Formatting 15

Total 100

Video Demonstration Rubric (100 Points)

Criteria Points

XML Structure Explanation 20

Demonstration of 30 Records and 5 Fields 15

XSLT Transformation Demonstration 25

XML DOM Search and Filter Functions 25

Presentation Quality and Explanation 15

Total 100

System Rubric (100 points)

Criteria Description Points

XML Structure and XML document is well-formed, properly structured, uses meaningful
15
Validity tags, and follows XML standards.
Criteria Description Points

Contains at least 30 records with a minimum of 5 fields per record.

Data Completeness 15
Data are complete, relevant, and properly organized.

XML data is successfully transformed into an HTML page using XSLT.

XSLT Transformation 20
Proper use of templates and transformation techniques.

XSLT Design and Output webpage is organized, readable, visually appealing, and uses
10
Presentation appropriate CSS styling.

XML DOM Search Search feature correctly retrieves and displays records based on user
10
Function input.

XML DOM Filter Filter functionality works correctly and displays only records meeting
10
Function specified criteria.

XML DOM Dynamic Proper implementation of dynamic functions such as record counting,
10
Features displaying details, sorting, or other DOM manipulations.

Functionality and All required features function correctly without major errors or
5
Accuracy broken components.

Code Organization and XML, XSLT, HTML, and JavaScript code are properly indented,
5
Readability organized, and documented with comments where necessary.

Total 100

Expected Deliverables (Gdrive)

1. XML File ([Link])

2. XSLT File ([Link])

3. HTML Page

4. JavaScript File ([Link])

5. Documentation (PDF)

6. Video Demonstration (5–10 minutes)