Group 42 Roll no 198,201,205,210
Micro-Project
Academic Year 2024-25
o Course name: Computer Engineering
o Title of Microproject: Slideshow using Javascript
o Course Code: 22519
o Course Co-ordinator: Mrs. Vidya Pingale
Pimpri Chinchwad Education Trust’s CO-R-46
Pimpri Chinchwad Polytechnic
Computer Department Revision Date:
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
(NBA Accredited and ISO 9001:2015Certified Department) / /2023
Academic Year: 2024-25 Page:02/11
Microproject Report
Part A Part B
Name of Program: Diploma in Computer Engineering
Semester: 5th (Fifth)
Name of Subject and Code: Client Side Scripting(22519)
Name of the topic: Slideshow using Javascript
Name of Team Members: Janhavi More
Sagar Jadhav
Vaishnavi Matkar
Om Swami
Name and Sign of Project guide:
Sign: Mrs. Vidya Pingale
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
Maharashtra State
Board of Technical Education, Mumbai
(Autonomous) (ISO-9001-2008) (ISO/IEC 27001:2013)
CERTIFICATE
This is to certify that Mr/Mrs. 210-Janhavi More, 198-Vaishnavi Matkar, 201-Om Swami,
205-Sagar Jadhav of Diploma in Computer Engineering of Pimpri-Chinchwad Polytechnic
has completed Micro projects of the course Client Side Scripting (22519) as prescribed in
the curriculum for the academic year 2024-25.
Place: Akurdi
Date:
Course In charge Head of Department
Mrs. Vidya Pingale Prof. M.S. Malkar
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
Seal of institute
PART-A
Micro Project Proposal
Title: Slideshow using Javascript
Aims/benefits of the micro-project:
Aim:- To develop a JavaScript-based slideshow that helps computer science students
understand web application design, focusing on the integration of HTML, CSS, and JavaScript to
create dynamic web content.
Benefits:- Each image in the slideshow represent a different section, and clicking on an
image would redirect users to the detailed information about that section.
Description:
This project explores the creation of a basic JavaScript slideshow, offering both vanilla
JavaScript and jQuery implementations, emphasizing the compatibility and efficiency of
modern web technologies.
Course Outcomes Addressed:
practical experience in developing interactive web elements, understand the interplay between
client-side and server-side technologies, and enhance their skills in web design and development.
Proposed methodology:
The project involves designing a slideshow using HTML, CSS, and JavaScript, testing the
functionality across multiple browsers, and comparing the performance between vanilla
JavaScript and jQuery implementations.
Action Plan:
SR. DETAILS OF PLANNED PLANNED NAME OF
NO ACTIVITY START FINISHED RESPONSIBLE
DATE DATE TEAM MEMBER
1. Topic given by subject
teacher and discussed Janhavi More
with given members.
2. Design of project
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
3. Planning of project
4. Distribution of task and
discussion of role and
responsibilities of each
other Vaishnavi Matkar
5. Collection of information
related to the topic
6. Analysed the collected
data and finalise
structure of the project Sagar Jadhav
7. Report preparation
8. Implementation
Om Swami
Actual resources required:
Sr.n Name of the Specification Remarks
o resources
1) Computer System OS: Windows 10, RAM:8GB Used
2) Software Microsoft Word, Visual studio Used
code
3) Website www.tutorialspoint.com Used
List of team members:
Roll No. Enrollment no. Name
198 23211000323 Vaishnavi Matkar
201 23211000 Om Swami
205 23211000335 Sagar Jadhav
210 23211000340 Janhavi More
Sign: Mrs. Vidya Pingale
PART-B
Micro Project Proposal
Introduction: This project covers the foundational aspects of creating a JavaScript slideshow,
highlighting the importance of accessible web design and the use of both native JavaScript and
jQuery for browser compatibility.
Aims/benefits of the micro-project:
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
Aim:- To develop a JavaScript-based slideshow that helps computer science students understand
web application design, focusing on the integration of HTML, CSS, and JavaScript to create dynamic
web content.
Benefits:- Each image in the slideshow represent a different section, and clicking on an
image would redirect users to the detailed information about that section.
Intended Course Outcomes:
Develop program using HTML, |CSS, JS.
Actual methodology followed:
The group members discussed the topic of project.
Working of each student was given by leaders.
We did the planning of the project.
We collected information related to project.
After gathering information, we studied about the topic.
We distributed the task among the members of the group,
Changes were made according to the requirements of projects and the report was
submitted along with presentation.
The report was made of the same and is to be submitted.
Literature Review:
Previous studies and projects have demonstrated the utility of JavaScript slideshows in web design,
focusing on user experience and cross-browser compatibility. This project builds on these concepts,
integrating modern techniques for improved performance.
Actual resources Used:
Sr.no Name of the resources Specification Remarks
1. Computer System OS: Windows 10, RAM:8GB Used
2. Software Microsoft Word, Visual Studio Used
Code
3. Website www.tutorialspoint.com Used
Skills developed learning outcomes of this micro project:
Sr.no Skills Remarks
1. Information collection
2. Information analysis
3. Design of project
4. Programming skills
5. Leadership
6. Team management
7. Planning
8. Critical thinking
9. Task management
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
10. Creativity
11. Develop project in deadline driven environment
12. Familiar with subject knowledge
Program Code:
import javax.swing.*;
import java.awt.event.*;
public class PasswordFieldExample {
public static void main(String[] args) {
JFrame f = new JFrame("Password Field Example");
final JLabel label = new JLabel();
label.setBounds(20, 150, 200, 50);
final JPasswordField value = new JPasswordField();
value.setBounds(100, 75, 100, 30);
JLabel l1 = new JLabel("Username:");
l1.setBounds(20, 20, 80, 30);
JLabel l2 = new JLabel("Password:");
l2.setBounds(20, 75, 80, 30);
JButton b = new JButton("Login");
b.setBounds(100, 120, 80, 30);
final JTextField text = new JTextField();
text.setBounds(100, 20, 100, 30);
f.add(value);
f.add(l1);
f.add(label);
f.add(l2);
f.add(b);
f.add(text);
f.setSize(300, 300);
f.setLayout(null);
f.setVisible(true);
b.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
String data = "Username: " + text.getText();
data += ", Password: " + new String(value.getPassword());
label.setText(data);
}
});
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
Output of the micro project:
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
Applications of this micro project:
Passwords are kept in one safe place.
No need to remember all passwords.
It allows generating robust passwords.
It makes it easier to change passwords.
Forgetting master password could be disastrous.
Forgetting to sing out could allow someone access to all accounts.
Action Plan:
SR. DETAILS OF PLANNED PLANNED NAME OF
NO ACTIVITY START FINISHED RESPONSIBLE
DATE DATE TEAM MEMBER
1. Topic given by subject
teacher and discussed Janhavi More
with given members.
2. Design of project
Department of Computer Engineering, Pc Polytechnic
Group 42 Roll no 198,201,205,210
3. Planning of project
4. Distribution of task and
discussion of role and
responsibilities of each
other Vaishnavi Matkar
5. Collection of information
related to the topic
6. Analysed the collected
data and finalise
structure of the project Sagar Jadhav
7. Report preparation
8. Implementation
Om Swami
Sign: Mrs. Vidya Pingale
Department of Computer Engineering, Pc Polytechnic
