Scribd
Upload
2 views9 pages

CSS Microprojet ppt

The project aims to create an online platform for automobile servicing, streamlining the registration process for users and service providers. It utilizes HTML, CSS, and JavaScript for a user-friendly interface with dynamic validation and responsive design. Future enhancements include enabling users to search for garages, request services, and access emergency support through a toll-free number.

Uploaded by

Yogeshvari Kalskar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views9 pages

CSS Microprojet ppt

The project aims to create an online platform for automobile servicing, streamlining the registration process for users and service providers. It utilizes HTML, CSS, and JavaScript for a user-friendly interface with dynamic validation and responsive design. Future enhancements include enabling users to search for garages, request services, and access emergency support through a toll-free number.

Uploaded by

Yogeshvari Kalskar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Government Polytechnic, Jalgaon (0018)

Computer Engineering (CO5I)

Subject Name : Client Side Scripting(22519)

Project Topic : Online Automobile’s Carserving

Project Guide : Vinita Patil Ma’am (Lecturer)


Group Members
Roll No : 29 34 38 40
Name : Viraj Chaudhari Puja Chaudhari Siddhesh Chaudhari Chinmay Karodpti
Enroll no : 2000180483 2000180491 2000180495 2000180497
About The Project

 The idea is to bring the manual registration of servicings conduction process online
in an effective way, reducing efforts of conduction team as well as
general people.

 We have also used various Cascading Style Sheets and made an external .css file to
keep styling apart from actual business logic.

. The styling properties such as background-color, border, margin, padding, font-


family, font size, text transform, background- attachment etc. to give a professional
look to our website.

We have applied dynamic validation to each and every Textfield and radio buttton.
.html File
We have used various input elements like Textbox, Combo box, Choice box, Radio
button, number box, and label to display elements, so that our form becomes more user-
friendly.

 There is one important logic for displaying the number of fields dynamically with respect
to the value in the number box which in turn gives the number of members in family. The
dynamic fields which are generated for each member of family are name, age, gender,
occupation which are also validated on their respective events.

When the user has entered all the details correctly and there are no warning messages
displayed, then the form is ready to submit so, when the user clicks submit button the
final confirmation box appears for confirming the user that the data entered by him or her
is correct and if the user clicked ok then form data is submitted.
.js File
We have used external .js file to validate Registration & Feedback form.

 We have applied dynamic validation to each and every Text field, Combo box,
Number box, Choice box and Radio button. This is done by calling respective
script code onkeyup event of Text field and Combo box, onclick event of radio
button and Choice box and onchange event of Numberbox.

Using Regex expression we have validated phone no. and name field.

To show errors, we have created division tag just below the input elements so that
it drags the attention of user and he/she understands that he/she has entered invalid
data or no data.
.css File
To design the webpage in more attractive way we have used Cascading Style
Sheet (external .css file).

We have used Bootstrap and its components to make our webpage more
responsive andinteractive.

Our code consists of class selector and id selector which styles various elements
under one selector to reduce redundancy which makes our code more optimized
and efficient.

We have gathered all the HTML controls inside one main container to give our
form a proper look.
Requirements :

Hardware Requirements
For filling this census form we need laptop or desktop computer having
specification as follows:
• Computer System-Computer (13-15 preferable)
• Computer System-RAM minimum 2GB onwards.

Software Requirements
• A full-fledged Browser.
Future Scope :

Most of the people are having vehicle but they don’t have time to spend for
vehicle service. They can use this platform to service their vehicle by trusted
service provider.

User will be able to search the garage and request them for service. Easily select
the problem and garage and take service from that.

In emergency case user can use the Toll-Free number and get quick response.
Refrence :

JavaScript form validation – javatpoint

JavaScript Form Validation (w3schools.com)

W3Schools Tryit Editor

JavaScript - Form Validation (tutorialspoint.com)

JavaScript Form Validation | Different Types of JavaScript Form Validation (educ


ba.com)
Conclusion :

• To overcome the drawbacks of the existing system of automobile servicing, this


application will
provide a platform which facilitate user who wish to take services at its location as
well as in emergency also
and will increase its business value .User friendly GUI and quick response will
attract the user. It will increase
the employee opportunities.

You might also like