BHARATI VIDYAPEETH’S
COLLEGE OF ENGINEERING (DIPLOMA) KOLHAPUR.
DEPARTMENT OF COMPUTER ENGINEERING
ACADEMIC YEAR 2024-25
MICRO-PROJECT REPORT
PART - A and PART – B
Diploma in Computer
Name of Program:
Engineering
Semester: CO5I
Name of Course and Code: Client-Side Scripting (22519)
Title of the Micro-Project: Color Picker website
1. Mr. Gaikwad Amar Laxman
Name Of Team Members: 2. Mr. Happe Omkar Tanaji
3. Mr. Modgekar Yash Appaya
Mr. Mahadik A. B.
Name and Sign of the Project Guide
1|Page
Maharashtra State
Board of Technical Education, Mumbai
Year 2024-25
CERTIFICATE
This is to certify that:
-
1. Mr. Gaikwad Amar Laxman
2. Mr. Happe Omkar Tanaji
3. Mr. Modgekar Yash Appaya
of Diploma in Computer Engineering of Bharati Vidyapeeth’s college of
Engineering Kolhapur, (Diploma) (Code: 0540) has completed Micro project on
Color Picker Website of the course Client-Side Scripting (22519) entitled as
prescribed in the curriculum for the academic year 2024- 25.
Place: Kolhapur Group No:
Date:
Course In charge Seal of Institute Head of Department
Mr. Mahadik A.B. Mr. Sutar K. G.
2|Page
Micro project Evaluation Sheet
Name of Student: Mr. Gaikwad Amar Laxman Enrolment No: 2205400111
Name of Programme: Computer Engineering Semester: Fifth
Course Title: Client-Side Scripting Code: 22519
Title of the Micro-Project: Color Picker Website
Course Outcomes Achieved:
1. Create interactive web pages using program flow control structure.
2. Implement arrays and functions in java script.
3. Use JavaScript for handling cookies.
Sr Characteristic to be Poor Average Good Excellent Sub
No assessed (Marks 1-3) (Marks 4-5) (Marks 6-8) (Marks 9-10) Total
(A) Process and Product Assessment (Convert above total marks out of 6 marks)
1 Relevance to the course
2 Literature Survey /
Information Collection
3 Completion of the Target
as per project proposal
4 Analysis of Data and
representation
5 Quality of
Prototype/Model
6 Report Preparation
(B) Individual Presentation / Viva (Convert above total marks out of 4 marks)
8 Presentation
9 Viva
Evaluation as per Suggested Rubric for Assessment of Micro Project
(A) (B) Total
Process and Product Assessment Individual Presentation/Viva Marks 10
(6 Marks) ( 4 Marks )
Comments/Suggestions about team work/leadership/inter-personal communication
Name and designation of the Faculty Member: Mr. Mahadik A.B. (Lecturer)
Dated Signature
3|Page
Micro project Evaluation Sheet
Name of Student: Mr. Happe Omkar Tanaji Enrolment No: 2205400118
Name of Programme: Computer Engineering Semester: Fifth
Course Title: Client-Side Scripting Code: 22519
Title of the Micro-Project: Color Picker Website
Course Outcomes Achieved:
1. Create interactive web pages using program flow control structure.
2. Implement arrays and functions in java script.
3. Use JavaScript for handling cookies.
Sr Characteristic to be Poor Average Good Excellent Sub
No assessed (Marks 1-3) (Marks 4-5) (Marks 6-8) (Marks 9-10) Total
(C) Process and Product Assessment (Convert above total marks out of 6 marks)
1 Relevance to the course
2 Literature Survey /
Information Collection
3 Completion of the Target
as per project proposal
4 Analysis of Data and
representation
5 Quality of
Prototype/Model
6 Report Preparation
(D) Individual Presentation / Viva (Convert above total marks out of 4 marks)
8 Presentation
9 Viva
Evaluation as per Suggested Rubric for Assessment of Micro Project
(A) (B) Total
Process and Product Assessment Individual Presentation/Viva Marks 10
(6 Marks) ( 4 Marks )
Comments/Suggestions about team work/leadership/inter-personal communication
Name and designation of the Faculty Member: Mr. Mahadik A.B. (Lecturer)
Dated Signature
4|Page
Micro project Evaluation Sheet
Name of Student: Mr. Modgekar Yash Appaya Enrolment No: 2205400045
Name of Programme: Computer Engineering Semester: Fifth
Course Title: Client-Side Scripting Code: 22519
Title of the Micro-Project: Color Picker Website
Course Outcomes Achieved:
1. Create interactive web pages using program flow control structure.
2. Implement arrays and functions in java script.
3. Use JavaScript for handling cookies.
Sr Characteristic to be Poor Average Good Excellent Sub
No assessed (Marks 1-3) (Marks 4-5) (Marks 6-8) (Marks 9-10) Total
(E) Process and Product Assessment (Convert above total marks out of 6 marks)
1 Relevance to the course
2 Literature Survey /
Information Collection
3 Completion of the Target
as per project proposal
4 Analysis of Data and
representation
5 Quality of
Prototype/Model
6 Report Preparation
(F) Individual Presentation / Viva (Convert above total marks out of 4 marks)
8 Presentation
9 Viva
4. Evaluation as per Suggested Rubric for Assessment of Micro Project
(A) (B) Total
Process and Product Assessment Individual Presentation/Viva Marks 10
(6 Marks) ( 4 Marks )
Comments/Suggestions about team work/leadership/inter-personal communication
Name and designation of the Faculty Member: Mr. Mahadik A.B. (Lecturer)
Dated Signature
5|Page
PART A – MICRO PROJECT PROPOSAL
Color Picker Website
1.0 Aims of Micro Project:
1. To create a color picker tool that allows users to select a color by either entering
a color code or a color name.
2. To provide a user-friendly interface with radio buttons to choose between color code
and color name input options.
3. To display a color box that changes its background color based on the user's input.
4. To store the user's preferred color in a cookie for 30 days.
5. To retrieve and apply the stored color preference when the user revisits the page.
2.0 Course Outcomes Addressed:
1. Create interactive web pages using program flow control structure.
2. Implement Arrays and functions in Java script.
3. Create event-based web forms using Java script.
4. Use JavaScript for handling cookies.
5. Create interactive webpage using regular expressions for validations.
6. Create Menus and navigations in web Pages.
3.0 Proposed Methodology:
Step 1: Plan It Out
Figure out what we need to do
Decide how we're going to do it
Sketch out the UI and UX
Break down the tech stuff into smaller chunks
Step 2: Build the HTML Foundation
Create the basic HTML structure
Add the necessary content (text, radio buttons, input fields, buttons)
Make sure the HTML is semantic and follows best practices
Step 3: Add Some Style with CSS
Write CSS code to make it look pretty
Use CSS selectors and properties to target specific elements
Make sure it looks good on different devices and screen sizes
Step 4: Bring It to Life with JavaScript
Write JavaScript code to make it interactive
Handle radio button clicks, input field changes, and button clicks
Use JavaScript functions to set and get cookies, and update the color box
Make sure the JavaScript code is efficient and readable
6|Page
Step 5: Test and Fix
Test it in different browsers and devices
Find and fix any bugs that come up
Make sure it works as expected
Step 6: Launch and Maintain
Put it live on the internet
Keep an eye on it and make updates as needed
Make sure it stays compatible with different browsers and devices
4.0 Action Plan:
Sr. No Details of activity Planned start Planned Name of
Date Finish Date Responsible
Team Members
1. Topics given by Subject Teacher
and discussed on given topic with
all members
2. Collected information
of the Topic
3. Planning of project
4. Analyse the collected data and
finalize structure of project
5. Distribution of task and Mr. Amar.L. Gaikwad
discussion of roles and
responsibilities of each member
6. Design of micro-project
7. Design of micro -project Mr. Omkar.T. Happe
8. Implementation
Mr. Yash Appaya
9. Implementation Moddgekar
10. Implementation
11. Implementation
12. Report Preparation
13. Report Submission
14. PPT Presentation
15. Presentation
16. Submission of Micro Project
7|Page
5.0 Resources required:
Sr. No Name of Resource Specification Quantity Remark
1. Computer System Computer (i3-i5 preferable), 1 -
Ram minimum 2 GB and
onward
2. Operating System Windows 10 pro 1 -
3. Software CROM browser, VS code 1 -
4. Book JavaScript Demystified – 1 -
Keogh, Jim
6.0 Name of Team Members:
Sr. No. Roll No Name
1. 3014 Mr. Gaikwad Amar Laxman
2. 3019 Mr. Happe Omkar Tanaji
3. 3005 Mr. Yash Appaya Modgekar
Name of Course Teacher: Mr. Mahadik A. B.
Sign:
8|Page
