G.S.

Mandal’s

Marathwada Institute of Technology Polytechnic,

Aurangabad Department of Artificial Intelligence and
Machine Learning Engineering
Third Year (Fifth Semester)
Micro Project Record Book
2023-24

Name of Student: Ashish Giram

Roll No: 24 Seat No: Enrollment No: 2100660247 _

Student Contac t9423451975 _ Name of Group Leader: Devesh Auti _

Project Title: Create a web page that displays buyers information entry from containing
name, address, city, pin code, mail id, phone number, product deatils, payment mode.Frame
different validation rules for user inputs. Use JavaScript and regular expressions to perform
error checking on user input as per validation rule
Project Guide: Prof. R. D. Deshpande
 Group Leader: Devesh Shailesh Auti

Team Members:

Name Signature
1. Devesh Auti

2. Anushree Kale

3. Ashish Giram

Cos Covered under the Project:

1) 22519. 01 – Create interactive web pages using program flow control
structure.
2) 22519. 02 – Implement Arrays and functions in Java script

3) 22519.03 – Create event based web forms using Java script.

4) 22519.04 – Use JavaScript for handling cookies.
5) 22519.05- Create interactive webpage using regular expressions for
validations.
6) 22519.06 - Create Menus and navigations in web Pages.
 CERTIFICATE

This is to certify that Mr. / Ms. Ashish Giram

_ Roll No. 24_ of Fifth Semester of

Diploma in Artificial Intelligence and Machine Learning has

completed the Micro Project satisfactorily in Client Side Scripting Language

(22519) for the Academic Year 2023 to 2024 as per prescribed in the

curriculum.

Place: Ch.Sambhajinagar Enrollment No. 2100660206

Date : Exam Seat No.

Subject Teacher Head of the Department Principal

Seal of
the
institute
 Department of Artificial Intelligence and Machine Learning.
Third Year Micro Project on: Create a web page that displays buyers information
entry from containing name, address, city, pin code, mail id, phone number, product deatils,
payment mode.Frame different validation rules for user inputs. Use JavaScript and regular
expressions to perform error checking on user input as per validation rule

_ Course: Client Side Scripting Language

Course Code: 22519

Micro Project Marks Statement:

Sr. No. Performance in Group Activity Performance in

(Out of 6) Oral/Presentation
(Out of 4)

Project Leader

Prof. Prof. S. D. Joshi

 Annexure A
TITLE OF MICRO-PROJECT:
1.0 Aims/Benefits of the Micro-Project (Min. 30 to 50 words)
Creating a web page with user input validation offers several aims and benefits:
 Data Accuracy: Ensures accurate and consistent data by enforcing input format rules.
 Enhanced User Experience: Provides real-time feedback, improving user interaction and reducing
frustration.
 Data Integrity: Prevents incorrect or malicious data from entering your system, enhancing data quality
and security.
 Efficiency: Reduces data entry errors, saving time for both users and administrators.
 Customized Validation: Tailors validation rules to specific data types, making it adaptable to diverse input
requirements.

2.0 Course Outcomes Addressed

The theory, practical experiences and relevant soft skills associated with this course are to be taught and
implemented, so that the student demonstrates the following industry oriented COS associated with the above
mentioned competency:
 Create interactive web pages using program flow control structure.
 Implement Arrays and functions in Java script. e) Create event based web forms using Java script.
 Use JavaScript for handling cookies.
 Create interactive webpage using regular expressions for validations.
 Create Menus and navigations in web Pages.

3.0 Proposed Methodology (Procedure in brief that will be followed to do the micro project)
1. The proposed methodology for this microproject entails a structured approach to develop a web
page for entering buyer information with stringent validation rules.
2. First, we plan the project by outlining objectives and defining validation criteria for each data
field. Next, we design a user-friendly interface, utilizing HTML and CSS, ensuring a visually
appealing and intuitive form.
3. Then, we formulate validation rules, specifying acceptable formats, character limits, and
constraints, and implement these rules using JavaScript and regular expressions for client-side
validation. Optionally, server-side validation is employed to bolster data security. Rigorous
testing and debugging are performed to ensure the validation functions correctly, and user
feedback mechanisms are incorporated for error correction.
4. Thorough documentation of validation rules, JavaScript code, and user instructions is maintained,
and the web page is deployed on a web server. Finally, user testing is conducted, and the project
is regularly maintained to address evolving validation requirements.
5. This comprehensive methodology ensures the creation of a robust, user-friendly web page that
captures buyer information while enforcing rigorous validation standards, guaranteeing data
accuracy and security.
4.0 Action Plan
Sr. Details of activity Planned Planned Names of responsible student
no start date finished date
1. Title Selection 23-10-2023 24-10-2023 Devesh Auti

2. Research on topic 24-10-2023 25-10-2023 Ashish Giram

3. HTML and CSS programming 25-10-2023 28-10-2023 Anushree Kale

4. Testing 29-10-2023 30-10-2023 Devesh Auti

5.0 Resources required:

S. N. Name of resource/Material Specifications Qty Material

1. Google Chrome Browser 1
2. Notepad Writing Software 1
3. Computer System 1

Name of Team Members with Roll No’s:

Devesh Auti
Ashish Giram
Anushree Kale
(To be evaluated by the concerned teacher)

**************
 Annexure B
TITLE OF
PROJECT

1.0 Rationale (Importance of the project written in 30 to 40 words)

JavaScript is limited featured client side programming language. JavaScript runs at the client end through the
user's browser without sending messages back and forth to the server. It is widely used by the web developers
to do things such as build dynamic web pages, respond to events, create interactive forms, validate data that the
visitor euters unto a lou, control the browser etc. This course helps student to create highly interactive web
pages using these features.

2.0 Aim/Benefits of the Micro Project:

Creating a web page with user input validation offers several aims and benefits:
 Data Accuracy: Ensures accurate and consistent data by enforcing input format rules.
 Enhanced User Experience: Provides real-time feedback, improving user interaction and reducing
frustration.
 Data Integrity: Prevents incorrect or malicious data from entering your system, enhancing data quality
and security.
 Efficiency: Reduces data entry errors, saving time for both users and administrators.
 Customized Validation: Tailors validation rules to specific data types, making it adaptable to diverse input
requirements.

3.0 Course Outcomes Achieved: -

The theory, practical experiences and relevant soft skills associated with this course are to be taught and
implemented, so that the student demonstrates the following industry oriented COS associated with the above
mentioned competency:
 Create interactive web pages using program flow control structure.
 Implement Arrays and functions in Java script. e) Create event based web forms using Java script.
 Use JavaScript for handling cookies.
 Create interactive webpage using regular expressions for validations.
 Create Menus and navigations in web Pages.

4.0 Literature Review :

A literature review on web form validation techniques and best practices highlights the importance of user-
friendly, validated forms. Implementing JavaScript and regular expressions for input validation is a widely
adopted method, ensuring data accuracy and improving user experience in various online applications,
including e-commerce and user registration systems

5.0 Actual Methodology (Write step wise work done, data collected & its analysis (if any) the contribution of individual
member also be noted.)
 HTML Form: Create an HTML form with fields for buyer information (name, address, etc.).
 JavaScript Validation: Write JavaScript functions to validate each field using regular expressions.
 Error Handling: Display error messages near fields when validation fails.
 Submission Control: Only allow form submission when all data meets validation rules.
  Feedback: Provide success feedback upon valid submission.

6.0 Actual Resources Used

Sr.
Name of Resource/Material Specifications Quantity Remarks
No.

1 Google Chrome Browser 1

2 Notepad Writing Software 1

3 Computer System 1

7.0 Outputs of the Micro-Project (Drawings of the prototype, drawing of survey, presentation of data collected, finding
etc.)
The outputs of this web page include a user-friendly form for buyers to enter their information. JavaScript and
regular expressions validate user inputs, ensuring accurate data entry. Error messages appear when validation
rules are not met, and successful submissions provide confirmation. This enhances data quality and user
experience.

8.0 Skill Developed / Learning out of this Micro- Project

Creating such a web page with validation rules using JavaScript and regular expressions offers valuable learning
experiences in web development. It helps learners grasp form handling, client-side validation, and the
application of regular expressions. Additionally, they gain skills in improving data accuracy and user interaction.

9.0 Application of this Micro-Project

This application is useful for e-commerce websites, online registration forms, and any platform requiring
accurate data collection. It ensures valid user inputs, reduces errors, enhances data quality, and improves user
satisfaction by providing real-time feedback, contributing to a more secure and efficient user experience.

(To be evaluated by the concerned teacher)

***************