Mahavir Polytechnic, Nashik

(Year: 2024-2025)
Micro Project

Program: Information Technology

Semester: IF6I

Course: Wireless and Mobile Communication

Course Code: 22622

Title of the Project: Mobile To-Do List Application Using WML

Members of the Group

Name: Shubham Gorakh Chaudhari Enrollment No: 23611220508

1
 Mahavir Polytechnic

Vision

We strive to educate students to become industry ready engineers having professional attitude and
groomed personality.

Mission

· To provide well defined system to ensure quality education by strengthening teaching learning
processes through innovative practices

· To provide a platform where students are exposed to the industry, up bridged with the industry
standards and requirements.

· To train students by teaching them leadership and teamwork skills.

· To groom students enriching their personality and social values

IT Department

Vision
IT Department strives to educate students to become Industry ready Engineers having Professional
attitude and groomed personality.

Mission
.To provides well defined system to ensure quality education by strengthening teaching learning
processes through innovative practices.

.To provides a platform where students are exposed to the Industry, up bridged with the industry
standards and requirements.

.To train students by teaching them leadership and teamwork skills.

.To groom students enriching their personality and social values.

2
 PART A
1.0 Brief Introduction
The To-Do List Web Application is a lightweight and efficient mobile-friendly application built using
Wireless Markup Language (WML). It is designed to demonstrate the capabilities of Wireless
Application Protocol (WAP) in providing simplified access to web-based functionalities on devices
with limited resources, such as early mobile phones.
The application allows users to:

 Add new tasks to their to-do list.

 View existing tasks dynamically within the app.

By leveraging WML's card-based navigation and variable management, this project showcases the
basics of interactive and dynamic mobile web applications in a resource-constrained environment. It
also highlights how WAP enhances the accessibility and usability of such services for mobile users.

2.0 Aim/Benefits of the Micro – Project

The aim of this micro-project is to develop a simple, interactive To-Do List Web Application using
Wireless Markup Language (WML) to demonstrate the capabilities of Wireless Application Protocol
(WAP). This project highlights how lightweight, mobile-friendly applications can be built for devices
with limited resources while showcasing the practical use of WML's dynamic features, such as task
input and card-based navigation.

Benefits:

1. Provides hands-on experience with WML's structure, syntax, and components.

2. Demonstrates WAP's effectiveness in delivering resource-efficient web applications.

3. Focuses on lightweight application development for low-power devices.

4. Encourages the application of theoretical knowledge to solve practical problems, like mobile task
management.

5. Highlights WML’s role in creating interactive mobile applications.

6. Enhances technical presentation and problem-solving skills through project-based learning.

This micro-project bridges the gap between theoretical learning and practical implementation in
mobile web development.

3
3.0 Course Outcomes Addressed
CO 1: b) Maintain wireless network technologies.

CO 2: c) Maintain wireless mobile application.

4.0 Proposed Methodology

The development of the To-Do List Web Application using Wireless Markup Language (WML)
involves the following steps:
1. Requirement Analysis: Identify the core features, such as adding tasks, viewing tasks, and
navigating between screens, ensuring simplicity for WAP-enabled devices.
2. Design: Create a WML structure using cards (<card>), which serve as individual screens for user
interaction. The design focuses on minimalism to ensure compatibility with resource-constrained
devices.
3. Development: Write WML code to implement features like task input using <input>, dynamic
variable management with <setvar>, and seamless navigation between cards using <a> links and
<do> actions.
4. Testing: Test the application using WAP emulators to ensure correct functionality, such as saving
and displaying tasks dynamically.
5. Optimization: Refine the code for efficiency, ensuring faster loading times and smooth user
interactions.
6. Documentation: Prepare a detailed report explaining the features, code, and benefits of the
application.
This methodology ensures a structured approach to building a lightweight, functional application.

4
 Progress Report / Weekly Report
Week Duration Sign of the
Date Work / Activity Performed
No in Hrs. Faculty
1 1hr Topic Selection

2 1hr Finalizing Topic

3 1hr Information Search

4 1hr Program Execution

5 1hr Making Report

6 1hr Project Submission

5.0 Resources Required

Name Of
Sr. No Specifications Quantity Remarks
Resource/Material

1 Computer i-5, Windows 10 1

2 WML Editor VS Code -

3 WAP Emulator OPENWAVE SDK -

Sign of Course Teacher

5
 MICROPROJECT REPORT
1.0 Rationale
The evolution of mobile technology has emphasized the need for lightweight, efficient web
applications that cater to devices with limited resources. Early mobile devices faced constraints like
low processing power, small screens, and limited network bandwidth, which necessitated the
development of protocols such as Wireless Application Protocol (WAP) and markup languages like
Wireless Markup Language (WML).
This micro-project aims to leverage WML to develop a To-Do List Web Application, showcasing how
WAP can enhance mobile web access. By focusing on fundamental task management functionalities,
the project demonstrates the practicality and simplicity of WML for creating interactive, resource-
efficient applications tailored to early mobile devices.
The rationale for this project lies in understanding how mobile-friendly applications can operate
effectively within the constraints of early mobile technology, providing valuable insights into mobile
web development, dynamic content management, and usability for WAP-based devices.

2.0 Aim/Benefits of the Micro – Project

The aim of this micro-project is to design and develop a To-Do List Web Application using Wireless
Markup Language (WML). This project demonstrates the effective use of Wireless Application
Protocol (WAP) to create lightweight, mobile-friendly applications for devices with limited resources.
The project emphasizes WML's dynamic capabilities, such as interactive navigation and task
management, to provide a seamless user experience on resource-constrained devices.

Benefits of the Micro-Project

1. Practical Knowledge: Enhances understanding of WML syntax, structure, and card-based

navigation.

2. Demonstration of WAP's Potential: Showcases how WAP improves web accessibility on early
mobile devices.

3. Lightweight Design Skills: Develops the ability to create applications optimized for devices
with limited processing power.

4. Real-World Problem Solving: Implements practical solutions for task management using WML.

5. Skill Development: Strengthens coding, testing, and debugging skills in WML-based

environments.

6. Foundation for Mobile Development: Provides insights into mobile web development and
dynamic content creation.

6
COs addressed by the Micro Project:

CO 1: b) Maintain wireless network technologies

CO 2: c) Maintain wireless mobile application

3.0 Literature Review

The To-Do List Web Application is developed using Wireless Markup Language (WML), which is a
core component of the Wireless Application Protocol (WAP). WML was designed to address the
limitations of early mobile devices, such as low memory, small screens, and limited bandwidth. Its
lightweight nature and compatibility with WAP-enabled devices make it an ideal choice for creating
interactive applications.

Several studies and tutorials highlight the efficiency of WML in mobile application development. The
card-based structure (<card>), along with features like <do> actions and <setvar>, enables developers
to create user-friendly interfaces with dynamic content management. Research also emphasizes
WML's significance in improving mobile web accessibility and optimizing resources for low-powered
devices.

This project builds on these foundational concepts to create a simple, functional To-Do List App,
showcasing WML's ability to manage user input and navigate seamlessly across multiple screens.

4.0 Actual Methodology

The development of the To-Do List Web Application using Wireless Markup Language (WML) was
carried out through the following steps:
1. Requirement Analysis: The project requirements were defined, focusing on basic functionalities
like adding tasks, viewing tasks, and navigating seamlessly. Compatibility with WAP-enabled
devices was prioritized.
2. Design: A card-based structure was planned, where each <card> represented a distinct screen.
The design included a home page, an input form for adding tasks, a confirmation page for task
saving, and a task viewing page.
3. Development:
o The WML code was written to include essential tags like <input> for task entry and
<setvar> to handle dynamic data storage.
o Navigation between screens was implemented using <do> actions and <go> elements.
o The app dynamically displayed saved tasks using WML variables.
4. Testing: The application was tested on a WAP emulator to ensure compatibility, proper task input,
and smooth navigation. Debugging was performed to address any errors.
5. Optimization: The code was refined to ensure efficient performance, focusing on fast loading and
minimal resource usage.
6. Documentation: A detailed report of the project was prepared, highlighting the WML features,
development process, and application functionality.
7
This structured methodology ensured the successful completion of the project.

5.0 Actual Resources Used

The successful development of the To-Do List Web Application using Wireless Markup Language
(WML) required the following resources:
1. Software Resources:
o WML Editor: A text editor like Notepad++ was used for writing the WML code. Its syntax
highlighting feature ensured error-free development.
o WAP Emulator: Openwave SDK was utilized to test the application, simulating how it
would run on WAP-enabled devices.
o Web Browser: A WML-compatible browser was used to verify the application's
functionality and presentation.
2. Hardware Resources:
o A personal computer with basic specifications, including a Windows operating system,
served as the development and testing platform.
o No physical WAP-enabled device was required since the emulator effectively simulated the
environment.
3. Reference Materials:
o WML tutorials and WAP documentation were used to understand tags, syntax, and best
practices.
o Online forums and resources provided insights into resolving coding challenges and
optimizing the project.
4. Time and Human Resources:
o Approximately 8 hours were spent on coding, testing, debugging, and documentation.
o The developer, equipped with knowledge of WML and basic mobile technologies,
completed the project independently.
These resources ensured the efficient development and testing of the application, achieving the
desired outcomes.

Sr. Name Of
Specifications Quantity Remarks
No Resource/Material

1
Computer i-5, Windows 10 1

2
WML Editor VS Code 1

3
WAP Emulator OPENWAVE SDK 1

8
6.0 Outputs of the Micro-Projects

The To-Do List Web Application using Wireless Markup Language (WML) delivered the following
outputs:
1. Functional To-Do List Application:
o A working mobile-friendly application capable of adding, saving, and viewing tasks.
o Smooth navigation between different sections of the app using WML’s card-based design.
2. Dynamic User Interaction:
o The app allowed users to input tasks, save them dynamically using <setvar>, and display
saved tasks on the view page.
o Confirmation of task addition was displayed for enhanced user feedback.
3. Mobile Web Optimization:
o The application demonstrated how lightweight technologies like WML are optimized for
devices with limited processing power and smaller screens.
4. Practical Use Case:
o The project provided a practical example of how WAP-based applications can simplify
everyday tasks like task management on early mobile devices.
5. Learning Milestones:
o Gained hands-on experience with WML tags such as <card>, <input>, <do>, and <setvar>.
o Developed a deeper understanding of designing applications for resource-constrained
environments.
These outputs align with the project’s objectives and showcase the practical application of WML in
real-world scenarios.

9
Source Code:

Index.wml

<?xml version="1.0"?>

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>

<!-- Home Card -->

<card id="home" title="To-Do List">

<p>Welcome to the To-Do List App!</p>

<p>

<a href="#add_task">Add Task</a><br/>

<a href="#view_tasks">View Tasks</a>

</p>

</card>

<!-- Add Task Card -->

<card id="add_task" title="Add Task">

<p>Enter your task:</p>

<input name="task" />

<do type="accept" label="Save">

<go href="#task_saved" method="post">

<setvar name="task_var" value="$(task)" />

</go>

</do>

<p>

<a href="#home">Back to Home</a>

</p>

10
 </card>

<!-- Task Saved Confirmation -->

<card id="task_saved" title="Task Saved">

<p>Task "<b>$(task_var)</b>" saved successfully!</p>

<p>

<a href="#home">Back to Home</a>

</p>

</card>

<!-- View Tasks Card -->

<card id="view_tasks" title="View Tasks">

<p>Your tasks:</p>

<p>

- Task 1<br/>

- Task 2<br/>

- $(task_var)<br/>

</p>

<p>

<a href="#home">Back to Home</a>

</p>

</card>

</wml>

11
Use of Openwave Emulator :
The Openwave Emulator was utilized as a critical tool for developing and testing the To-Do List
application created with Wireless Markup Language (WML). Its use was essential for simulating the
functionality of WAP-enabled mobile devices. The following outlines the detailed role of the emulator:

1. Installation and Setup:

o The Openwave Emulator was installed on the development machine to mimic the behavior
of a WAP-compatible browser.

o Configuration settings ensured that the emulator accurately represented the limitations
and features of early mobile devices, such as screen size and bandwidth constraints.

2. Application Testing:

o Loading WML Files:

 The developed WML file was opened in the emulator to test its rendering and
interaction.

 Navigation through the application’s cards (Home, Add Task, Task Saved, and View
Tasks) was verified for seamless operation.

o Input Validation:

 The emulator allowed testing of the task input feature, ensuring data entered into
the <input> field was captured and stored correctly using WML’s <setvar>
functionality.

 Testing confirmed that the saved task dynamically displayed in the "View Tasks"
card without errors.

o Dynamic Content Display:

12
  Variables like $(task_var) were monitored to ensure they updated correctly in real-
time and were reflected accurately on the corresponding screens.

3. Debugging and Error Handling:

o The emulator's debugging tools highlighted any issues in the WML code, such as incorrect
syntax or unsupported features.

o Errors were resolved iteratively, ensuring robust application performance.

4. Final Validation and Optimization:

o The emulator allowed comprehensive testing of navigation, task management, and

feedback messages, ensuring the application behaved as intended in a WAP environment.

o Performance checks were conducted to confirm the app loaded quickly and functioned
smoothly under simulated low-bandwidth conditions.

5. Benefits of Using Openwave Emulator:

13
 o It provided a controlled environment for testing the To-Do List application without needing
a physical WAP-enabled device.

o The emulator demonstrated how the app would perform on devices with constraints
typical of early mobile technology, ensuring practical compatibility.

Outputs:

Home Card: Add Task Card:

Here We Have Two Buttons: Add & View Tasks Here We Can Add Task Manually

14
View Task Card:

Here we Can View Tasks That We Added Recently.

15
 Teacher Evaluation Sheet for Micro Project

Rubrics for Assessment of Micro-Project

Average Good Excellent

Characteristic to be Poor
Sr. No (Marks 9-
Assessed (Marks 1-3)
(Marks 4-5) (Marks 6-8)
10)

1. Relevance to course

2. Literature survey

3. Project proposal

4. Completion of target
Analysis &
5.
representation of data
Quality of
6.
Prototype/Model
7. Report preparation

8. Presentation

9. Defense
Marks:-

Marks obtained
Marks for by the Total
Enrollment
Name Of Student Group Work individual Marks
No.
(06) based on viva (10)
(04)
23611220508 Shubham Chaudhari

16
Name and designation of Faculty Member_______________________________________

Signature: ________________________________________________

Maharashtra State Board of Technical Education, Mumbai

CERTIFICATE

This is to certify that Mr. Shubham Gorakh Chaudhari Roll No. 48 of 6th semester of

Diploma in Information Technology of Mahavir Polytechnic has completed the

Micro Project satisfactorily in course Wireless And Mobile Communication (22622)

for the academic year 2024-2025 as prescribed in the curriculum.

Place: Nashik Enrolment No: 23611220508

Date _______________ Exam Seat No _______________________

17
Mrs. Yogita S. Kolhe Ms. S.A.Pagare Dr. S.V.Sagare
Course Coordinator HOD Principal

Institute Seal

18