Mahavir Polytechnic,Nashik

Shree Mahavir

Education Society's

30

Mahavir

Polytechnic

Nashik

(Year: 2024-2025)

Micro Project

Program Information Technology

IF-2k
Semester

Course
Web Page Designing

Course Code 312004

Title of the Project : product landing page

Members of the Group

1 . Sahil Jeevan Gaikwad Roll No. 19

 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

Information Technology Department

Vision

Information Technology 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.

STO train students by teaching them leadership and teamwork skills. To groom
students enriching their personality and social values,
 PART A

1.0 Brief Introduction

2.0 Discover how [Product Name] can help you [key benefit – save time,
boost productivity, simplify your life, etc.]. Designed with [target
audience] in mind, our innovative solution offers [main features or
unique value propositions]. Whether you're looking to [achieve
specific goal], or just want to experience a better way to [do
something], you're in the right place.

3.0

4.0 Discover how [Product Name] can help you [key benefit – save time,
boost productivity, simplify your life, etc.]. Designed with [target
audience] in mind, our innovative solution offers [main features or
unique value propositions]. Whether you're looking to [achieve
specific goal], or just want to experience a better way to [do
something], you're in the right place.

2.0 Aim/Benefits of the Micro

Aim: - At Micro, our goal is simple: make powerful technology more compact,
accessible, and efficient. Whether you're on the move, working remotely, or looking to
minimize clutter, Micro delivers high performance in a small package—without
compromise.
Project This Micro-Project aims at:

Demonstrating the power of compact technology by delivering high performance in

a minimal form factor.

Providing a low-cost, energy-efficient solution for real-world problems or everyday

automation tasks.

Encouraging innovation and experimentation for students, hobbyists, and

developers alike.

Bridging the gap between learning and application, turning theoretical knowledge
into practical, hands-on experience.

Creating scalable and adaptable designs that can be used in IoT, smart devices,
and embedded systems.

3.0 Course Outcomes Addressed

• COI - Use HTML formatting tags to present content on web

page. C02 - Develop web page using list and hyperlinks.

• C03 - Develop web pages using images, colors and

backgrounds. C04-Design HTML forms using table and
frames.

• C05-Apply presentation schemes on content using CSS.

Publish websites on internet or intranet.

4.0 Proposed Methodology

• Identify the required input fields (Name, Email, Phone,

Event Selection),

• Design a clean and responsive user interface using HTML

and CSS. Implement JavaScript for form validation and
submission handling. Ensure cross-browser compatibility
and responsiveness
 • Deploy the registration page on a hosting platform for
accessibility.

PROGESS REPORT/ WEEK REPORT

Week Date Duration in Work Activity Performed Sign of the faculty

No. Hrs.

1 Requirement analysis and

planning

2 Designing UI and wireframing

layout

3 Developing HTML structure for

the registration form

4 Styling the form using CSS

for better user experience

5 Implementing JavaScript for

form validation and submission
handling

6 Testing form functionality

and fixing bugs

7 Finalizing documentation
and project review

8 Developing HTML structure for

the registration form
 5.0 Resources Required
Sr. Name of Resources / Specifications Quantity Remark
Material
No.

1 computer System Minimum 4GB RAM, Web Browser

2 eb Development Tools TML, CSS, avaScript, Code ditor

e. VS Code

MICROPROJECT REPORT

1.0 Rationale

2.0 In today’s fast-paced digital world, there is a growing need for

compact, efficient, and cost-effective solutions that can keep up
with both innovation and real-world application. Traditional systems
are often bulky, expensive, or overly complex—making them
inaccessible for beginners, students, or developers working on agile
prototypes.

2.0 Aim/Benefits of the Micro — Project

This Micro-Project aims to develop a compact, innovative, and accessible solution

that addresses real-world challenges using minimal resources. Designed with efficiency
and simplicity in mind, it provides a hands-on approach to learning, prototyping, and
deploying small-scale technological applications.

COs addressed by the Micro Project:

1.C01 Apply fundamental engineering concepts to design and develop a functional

micro-based solution..

2.C02 Demonstrate problem-solving skills by identifying real-world challenges and

implementing practical solutions..
3.C03 Utilize modern tools and technologies in the development and testing of
compact electronic systems..

4.C04 Utilize modern tools and technologies in the development and testing of
compact electronic systems..

3.0 Literature Review

The development of micro-projects and compact embedded systems has gained

significant traction in recent years, particularly in the fields of Internet of Things (IoT),
automation, and smart electronics. Numerous studies and technical papers
emphasize the importance of low-cost, energy-efficient, and scalable solutions for real-
world applications.

4.0 Actual Methodology

The development of the Micro Project followed a systematic and iterative approach to
ensure functionality, reliability, and ease of use. The methodology adopted includes the
following key stages:
1. Problem Identification

A specific real-world problem was selected where a compact, efficient solution was
required. Use-case analysis helped define the core objectives and expected outcomes
of the project.

2. Requirement Analysis

Hardware and software requirements were gathered based on the scope of the project.
Factors such as power consumption, component compatibility, and user interface were
considered.

3. System Design

A block diagram and circuit schematic were prepared to visualize the hardware layout
and logical flow. The system architecture was designed to optimize performance within
minimal space.

4. Component Selection

Microcontroller boards (e.g., Arduino, ESP32), sensors, actuators, and supporting

modules were selected based on the project needs and budget constraints.

5. Implementation & Development

The project was assembled on a breadboard or PCB, and code was written using
suitable programming environments (e.g., Arduino IDE, Python). Initial testing and
debugging were conducted in this phase.

6. Testing & Troubleshooting

The complete system was tested for functionality, accuracy, and efficiency. Issues
encountered were identified and resolved through debugging both hardware and
software components.

7. Final Integration

The components were housed in a compact enclosure if required, and the system was
made ready for demonstration or deployment.

8. Documentation & Evaluation

All design files, code, and reports were compiled. Performance was evaluated against
initial objectives and documented for academic submission or user reference.
 5.0 Actual Resources Used
Sr. Name Of Specifications Quantity Remarks
No
Resource/Material

1 Computer System Minimum 4GB 1

RAM, Web
Browser

2 Web Development Tools HTML, CSS,

JavaScript, VS

Code

6.0 Outputs of the Micro-Projects

• Functional Prototype.
• Embedded Code.
• System Design Documentation.
• Test Results & Performance Metrics:,
7.0 Skill Developed / Learning outcome of this Micro-Project

• Gained practical experience in working with microcontrollers, sensors, and

electronic components .
• Improved coding skills using platforms such as Arduino, Python, or C/C++ for
embedded systems .
• Improved coding skills using platforms such as Arduino, Python, or C/C++ for
embedded systems .
• Improved coding skills using platforms such as Arduino, Python, or C/C++ for
embedded systems .

8.0 Applications of this Micro-Project

• Control lighting, temperature, and appliances for improved comfort and energy
efficiency.
• Monitor soil moisture, automate irrigation, and track environmental conditions
for better crop management..
• Collect real-time health data using sensors for patient care and wellness
tracking.
Output of Micro Project:
The Micro Project successfully delivers a compact, functional, and efficient solution
designed to solve a real-world problem. The key outputs of the project include: :-

Working Prototype: A fully operational hardware setup demonstrating the

intended functionality.

Innovative Solution: A creative and practical implementation that addresses a

specific use-case or challenge.

Embedded Program Code: Custom-written code for the microcontroller,

enabling system automation and control.

Performance Evaluation: Test results and performance metrics verifying the

effectiveness of the system.

Project Documentation: A detailed report covering objectives, methodology,

components used, circuit design, and conclusions.

Demonstration Ready: A presentable and testable model suitable for academic

evaluation or real-world demonstration.
PROGRAM OF MICRO PROJECT:
Here is the complete program (code) for your product landing page Micro

Project using HTML, CSS, and JavaScript.

product landing page Code

html

CopyEdit

int sensorPin = A0;

int sensorValue = 0;

void setup() {

Serial.begin(9600);

pinMode(13, OUTPUT);

void loop() {

sensorValue = analogRead(sensorPin);

Serial.println(sensorValue);

if(sensorValue > 500){

digitalWrite(13, HIGH); // Turn on LED or relay

} else {

digitalWrite(13, LOW); // Turn off

delay(1000);

}
How It Works: -
1. The HTML structure includes a form with input fields for name and email and a
submit button.
2. CSS is used to style the form, making it visually appealing and user-friendly.
3. JavaScript is used to handle the form submission:
• It prevents default form submission.
• Retrieves user input values.
• Displays a confirmation message after successful registration.

Teacher Evaluation Sheet for Micro Project

Rubrics for Assessment of Micro-Project

Sr. No. Characteristics Poor Average Good( Excellent

Assessed
(Marksl3) (Marks 45)
Marks6-8) (Marks910)

1 Relevance to course

2 Literature survey

3 Project proposal

4 Completion of target

5 Analysis &
representative on of
data

6 Quality of
Prototype/Model

7 Report preparation

8 Presentation

9 Defence

Marks:-
Roll No. Name Of Student Marks for Marks Total
Group Work obtained by
Marks
(06) the
individual (10)
based on
viva

(04)

12 Sahil Jeevan Gaikwad

Name of Faculty Member : Mr. Bhushan S. Shirude

Signature: