Maharashtra State

Board of technical Education

Certificate
This is to certify that Ms. Atharva Santosh Barge with Roll No.
3104 of Fifth Semester of Diploma in Computer Engineering of
Institute Government Polytechnic, Vikramgad (Code: 1547)
has successfully completed the Micro-Project in Client Side
Scripting Language (22519) for the academic year 2022-2023.

Place: Vikramgad Enrollment No:2015470052

Date: Exam Seat No:

Mr. S. Gawde Mr. M. Bhalerao Mr. J. Kshrisagar

Subject Teacher Head of Principal
department
 Maharashtra State
Board of technical Education

Certificate
This is to certify that Ms. Mohd Jishaan Azmi Yunus with Roll
No. 3104 of Fifth Semester of Diploma in Computer
Engineering of Institute Government Polytechnic, Vikramgad
(Code: 1547) has successfully completed the Micro-Project in
Client Side Scripting Language (22519) for the academic year
2022-2023.

Place: Vikramgad Enrollment No:2015470089

Date: Exam Seat No:

Mr. S. Gawde Mr. M. Bhalerao Mr. J. Kshrisagar

Subject Teacher Head of Principal
department
 Maharashtra State
Board of technical Education
Certificate
This is to certify that Mr. Mohd Imran Azmi Yunus with Roll
No. 31 of Fifth Semester of Diploma in Computer Engineering
of Institute Government Polytechnic, Vikramgad (Code: 1547)
has successfully completed the Micro-Project in Client Side
Scripting Language (22519) for the academic year 2022-2023

Place: Vikramgad Enrollment No:2015470066

Date: Exam Seat No:

Mr. S. Gawde Mr. M. Bhalerao Mr. J. Kshrisagar

Subject Teacher Head of Principal
department
 Maharashtra State
Board of technical Education
Certificate
This is to certify that Mr. Bansode Rohan Rajendra with Roll
No. 3103 of Fifth Semester of Diploma in Computer
Engineering of Institute Government Polytechnic, Vikramgad
(Code: 1547) has successfully completed the Micro-Project in
Client Side Scripting Language (22519) for the academic year
2022-2023

Place: Vikramgad Enrollment No:2015470051

Date: Exam Seat No:

Mr. S. Gawde Mr. M. Bhalerao Mr. J. Kshrisagar

Subject Teacher Head of Principal
department
 INDEX

SR NO CONTENTS PAGE NO

1 Aim of the Micro-Project 1

2 Intended Course Outcomes 1

3 Proposed Methodology 1

4 Action Plan 1-2

5 Resources Required 2

6 Introduction 3

7 Course Outcome Achieved 4

8 Actual Methodology Followed 4

9 Final Output 5

10 Actual Resources Used 7

11 Skills Developed 7
 Develop a Stock Images Website based on HTML, CSS & JavaScript

Annexure - I

Part A - Micro-Project Proposal

“Developing a Stock Images

Website based on HTML, CSS
& JavaScript”
1.0 Aim of the Micro-Project -
Design and Develop a Stock Images Website based on HTML, CSS & JavaScript.

2.0 Intended Course Outcomes –

a) Create interactive web pages using program flow control structure.
b) Implement JavaScript in Project or Client Side Scripting.
c) Create event-based activities using JavaScript.

3.0 Proposed Methodology –

The project major aim of the project is Developing a Stock Images Website based on
HTML, CSS & JavaScript in the following format:

Step I: Searched and Selected the topic for micro project.

Step II: Discussed about the microproject.
Step II: Distributed the work accordingly.
Step III: Collected and gathered the required data.
Step IV: Develop a code then test the code and remove errors if any.

Step V: Process information in one document.

Step VI: Consulted with our subject teacher.

4.0 Action Plan

Sr.
Planned Planned Name of responsible
Details of Activity
No. Start Date Finish Date Team members

Searched and selected the Atharva Barge

1 02/09/2020 08/09/2020
topic for microproject.

Discussed about the micro Atharva Barge

2 09/09/2020 15/09/2020
project.
Jishaan Azmi

Department of Computer Engineering academic year 2022-23 1

 Develop a Stock Images Website based on HTML, CSS & JavaScript

Distributed the work Atharva Barge

3 16/09/2020 22/09/2020
accordingly.
Atharva Barge
4 Collected and gathered the 23/09/2020 30/09/2020
required data. Jishaan Azmi

5 Started working on the 03/10/2020 09/10/2020 Atharva Barge

code. Jishaan Azmi
Atharva Barge
6 Created the first basic steps 10/10/2020 16/10/2020
for the project. Jishaan Azmi

Atharva Barge
7 Fixed the errors. 02/11/2020 09/11/2020
Jishaan Azmi
Atharva Barge
Analyze the report and Jishaan Azmi
8 make changes if required. 06/12/2020 12/12/2020

Atharva Barge
Edited and prepared the Jishaan Azmi
9 14/12/2020 21/12/2020
final report.

5.0 Resources Required -

Sr. No. Resources required Specifications

1 CPU Processor i3 6th Gen
2 RAM 4GB DDR4
3 Operating System Ubuntu Linux
4 Notepad Leafpad
5 Web browser Mozilla Firefox
6 IDE Sublime Text Editor

Team Members
Roll No. Name
310 Atharva Barge
4
31 Jishaan Azmi
31 Imran Azmi
31 Bansode Rohan

Department of Computer Engineering academic year 2022-23 2

 Develop a Stock Images Website based on HTML, CSS & JavaScript

Annexure – II

Micro-Project Report
On
“Develop a Stock Images
Website based on HTML, CSS
& JavaScript”

6.0 Introduction –
In this project we had tried to create a beautiful website based on HTML and CSS and
added a Scripting language like JavaScript to make it more powerful and to make its UI
look way better than before.

Also, we had added the validation in the login and sign-up form in which the website
will only take the correct input from the user. If the user will input any wrong input the
webpage will through an error in which it will be mentioned that what exact mistake the
user did.

The GUI of the website is tried to be kept simple and easy to use so that the user can
easily download their favorite pictures from the webpage. In the website we had given
many categories in the form of many sections.

Now the Web Standards Curriculum has taken you through the core essential concepts
of programming, it is time to take a step back from the details and take a high-level
look at what you can actually do with JavaScript — why would you want to take the
time to learn such a complicated subject, and use it on your web pages?

This is an interesting time, as the usage of JavaScript has moved away from a fringe
knowledge matter to a mainstream web development skill over the last few years.
Right now, it is difficult to get a job as a web developer without JavaScript skills.

Department of Computer Engineering academic year 2022-23 3

 Develop a Stock Images Website based on HTML, CSS & JavaScript

7.0 Course Outcomes Achieved –

a) Create interactive web pages using program flow control structure.
b) Implement array and function in JavaScript.
c) Create event-based web forms using JavaScript.

8.0 Actual Methodology followed-

1. We focused on the materials we needed, as well as the instructions and sorted it
out in a manner which will expedite different responsibilities of the team
members.
2. Gathered information about other core concepts of the Website.
3. Developed a code for page switching built-in method.
4. Tested the code.
5. Prepared a report.
6. Checked for any further changes to be done in the project.
7. Created the final report of the project.
\

Department of Computer Engineering academic year 2022-23 4

 Develop a Stock Images Website based on HTML, CSS & JavaScript

9.0 Final Output-

Fig 11.0.2 – output: string is palindrome

Department of Computer Engineering academic year 2022-23 5

 Develop a Stock Images Website based on HTML, CSS & JavaScript

Department of Computer Engineering academic year 2022-23 6

 Develop a Stock Images Website based on HTML, CSS & JavaScript

Department of Computer Engineering academic year 2022-23 7

 Develop a Stock Images Website based on HTML, CSS & JavaScript

10.0 Actual Resource Used-

Sr. No. Resources required Specifications

1 CPU Processor i3 6th Generation

2 RAM 4GB DDR4

3 Operating System Windows 10

4 Notepad Text editor

5 Web browser Mozilla Firefox, Google Crome

11.0 Skills Developed –

During the course of this micro-project, we learnt about how to actually implement
JavaScript in our website to improve it way better than before.

1. After working on the allotted microproject topic, we gained various skills like
working in team, making coordination between team members.
2. This project also made me increase my programming skills.

3. Such project work increases our knowledge other from the regular course work.
4. We learnt about JavaScript Working using built-in method.
5. We learnt various methods of JavaScript.

Department of Computer Engineering academic year 2022-23 8