Subject and Code: Industrial Training (22057) Academic Year: 2024-25

Course Name: Computer Engineering Semester: Fifth

A Report ON

Industrial Training at

‘CSism Technologies’

Sr. Roll no Names of Students Enrolment no Seat no

No
1 44 Ansari Zishan Rahman 23112470166

Under the Guidance of

Ms. Darshna Madhukar Apandkar

Three Years Diploma Programme in Engineering & Technology of Maharashtra

State Board of Technical Education, Mumbai (Autonomous) ISO 9001:2008
(ISO/IEC-27001:2013)

MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION, MUMBAI

1
 CERTIFICATE

This is to certify that Ansari Zishan Rahman Roll No: 44 of Fifth

Semester of Third Year Diploma in Computer Engineering at ST.
JOHN COLLEGE OF ENGINEERING & MANAGEMENT has
successfully completed the six weeks Internship of ITR (22057) in the
Academic Year 2024-2025 as prescribed in the MSBTE prescribed
curriculum of I Scheme.

Place: Palghar Enrollment No: 23112470166

Date: / / Exam. Seat No:

ITR In-Charge Head of the Department

Seal of
Institute

2
 Index

Sr.no Title Page No.

1 Acknowledgement 4

2 Abstract 5

3 Introduction 6

4 Internship Work 7

5 Project Worked On 10

6 Tools Worked On 12

7 Project Development Stages 14

8 Project Images 16

9 Conclusion 18

10 Certificate 19

3
 Acknowledgement

I am writing to express my sincere gratitude for the opportunity to

intern at CSism Technologies over the past 6 weeks. It has been an
enriching experience, and I have learned a great deal under your
guidance and mentorship.

During my internship, I had the opportunity to learn about HTML,

CSS & PHP languages. These experiences have not only enhanced
my academic knowledge but have also provided me with invaluable
practical insights into real world challenges and also helpful for
future.

I would like to extend my heartfelt thanks to Mr. Ankur Mishra my

team leader for his support and encouragement throughout my
internship. His expertise and willingness to share their knowledge
have been instrumental in my professional development.

I am confident that the skills and experiences gained during my

internship at CSism Technologies will serve as a strong foundation
as I pursue my career goals in web development.Once again, thank
you for this invaluable opportunity. I am truly grateful for the chance
to have been a part of CSism Technologies and look forward to
staying in touch.

4
 Abstract

This report documents the internship experience at CSism

Technologies, a leading firm in the Web Development, Web
Designing & Digital Marketing industry, from 03/06/2024 to
13/07/2024. The primary objective of the internship was to gain
practical knowledge and hands-on experience in HTML & CSS and
then explore how to apply it to real-world challenges.. During the
internship period, various tasks and projects were undertaken,
including login forms, responsive web pages, etc which provided
comprehensive exposure to the day-to-day operations and strategic
functions of the organization.

The internship was structured to provide an understanding of the

theoretical concepts in a real-world environment, bridging the gap
between academic learning and professional application. Key
achievements included team planning, problem solving with team
members, communication skills which contributed to both personal
growth and the success of the team. This report outlines the learning
objectives, methodologies, project descriptions, outcomes, and
reflections on the overall experience.

The internship at CSism Technologies has been instrumental in

enhancing my technical skills, improving my problem-solving
abilities, and providing a deeper insight into Web Designing & Web
Development. The guidance and support from mentors and
colleagues have been invaluable, fostering a collaborative and
dynamic work environment. This report concludes with
recommendations for future interns and reflections on how the
experience will shape my future career aspirations.

5
 Introduction

Introduction of CSism Technologies:

CSism group Founded in 2010, The name CSism denotes that

Computer Science I(ideas) S(simply) M(managed). We innovates,
designs, delivers technology-enabled business software & solutions.
During my 6-week internship at CSism Technologies, I got to
experience this amazing learning environment. With Mr. Ankur
Mishra and the talented team at CSism Technologies, I dived into
HTML, CSS & PHP. This hands-on experience didn't just help me
understand these important topics, but also gave me the skills I
need to keep up with the fast-changing tech world.

As I share the insights, achievements, and growth that transpired

during my time at BWC Solutions, I extend my heartfelt gratitude
to Mr. Vishal Bhosale and the entire BWC Solutions family. Their
dedication to shaping the future of technology and education has
provided me with an invaluable experience that will undoubtedly
influence my journey as a programmer and educator.

6
 Internship Work

Timeline Summary:
During a transformative six-week internship, I immersed
myself in an intensive exploration of HTML, CSS & PHP.

 Week 1 Overview:
• During the initial week, I was introduced to the HTML &
CSS programming language.
• I gained a solid understanding of its tags, attributes,
elements, styles, formatting, etc. through exercises.
• I also created a simple web page using some tags, attributes,
styles, and also created a container in my web page.
• Till the end of the week I familiarized myself with the basics
of HTML & CSS, which served as the foundation for my
upcoming learning.

 Week 2 Overview:
• In the second week, I got deeper into learning more styles of
HTML & CSS.
• I explored a new concept regarding bootstrap and learned
how to design my web page using bootstrap elements to
make it appear more eye-catching & attractive .
• Additionally, I learned about how to make a single page
template using bootstrap which excites me more to learn in
deep about HTML & CSS.

7
 Week 3 Overview:
• During the third week, I focused on designing with the help
of CSS elements & attributes like lists, classes, div, etc.
• I also learned about how to make titles for the web pages,
tried adding tables into my created webpage.
• I created a simple but eye-catching contact form which
consists of CSS designs and linked this contact form to my
webpage which I have created.

 Week 4 Overview:
• In the fourth week, I made my web page responsive so that it
can be accessible even in mobile view without any
complications.
• After that, I was introduced with PHP language attributes,
syntaxes, variables, data types such as string, float, integer,
array, etc.
• Then I learned more about PHP programming language, how
it helps us to connect our HTML/CSS code to our database.
• I also learnt with the help of “MySQLi” extension we can
connect our HTML/CSS code to the SQL database.

 Week 5 Overview:
• In the fifth week, I was introduced with the “XAMPP” which
is a free and open source cross-platform web server solution
stack package developed by Apache Friends.
• I learnt how to install it, initially I got little bit difficulty how
to use it but after some practices I got it.

8
• Then later I created a database named zishan_db and in that
created a table named contact_info in which all the data are
storing in the sequentially manner.
• Then I entered number of data entry and checked the datas
are properly inserted the table which I have created.

 Week 6 Overview:
• In the final week of my internship,I was also assigned with a
project to enhance my learning. This project allowed me to
apply all the knowledge and skills gained throughout the
internship to solve a real-world problem.
• So, I created a project on architect website and made it
responsive also.

9
 Project Worked On

After completing my 6 Weeks internship it was time to

implement my knowledge and skills on a real project.

Project:
Architect Website Using HTML, CSS, & PHP.

I have built a web-based Architect recommendation platform

where you can select an architect, and it will instantly provide
you with similar architect suggestions based on user’s
requirement.
Key Features:
1. Interactive Interface: The recommender system offers a
user-friendly web interface where users can select a
architect project as per their requirement.
2. Portfolio Gallery:
• High-quality images of completed projects.
• Detailed descriptions of each project, including design
concepts, materials used, and client testimonials.
• Categorization of projects (residential, commercial,
interior design, etc.).
3.About Section:
• Information about the architect or the firm.
• Professional background, qualifications, and awards.

10
 • Mission statement and design philosophy.
4.Contact Information:
• Contact form for inquiries.
• Email address, phone number, and physical address.
5. Responsive Design:
• Mobile-friendly layout to ensure a seamless experience
on all devices.
• Fast loading times and intuitive navigation.
6. Social Media Integration:
• Links to social media profiles (Instagram, LinkedIn,
Facebook, snapchat, pinterest, twitter).
• Social media feed embedded on the site.

11
 Tools Worked On

Tools Utilized in the Project:

1. Visual Studio Code (VS Code):

• Crafted an intuitive and dynamic user interface using VS
Code to seamlessly integrate the machine learning model.
• Ensured a smooth user experience by implementing
functionalities that enable user interaction with the
recommendation system.

2. Browser Development Tools:

• The website was tested and debugged using browser
development tools like Google Chrome, Microsoft Edge &
Mozilla Firefox.

3. Xampp control panel:

• Service Control: Easily start, stop, and restart the Apache,
MySQL, FileZilla, Mercury, and Tomcat services.
• Logs: View real-time logs for services to diagnose issues and
monitor activity.
• Configuration: Quick access to configuration files and
settings for fine-tuning server behavior.

4.Bootstrap:
• Responsive Grid System:Bootstrap's grid system allows
you to create complex, responsive layouts with ease. It uses
a 12-column grid layout that adjusts automatically based on
the screen size.
12
• CSS Framework:Bootstrap provides a comprehensive set of
CSS styles for typography, tables, forms, buttons, images, and
other elements. It helps ensure a consistent look and feel
across your website.
• Mobile-first Design:Designed with a mobile-first approach,
Bootstrap ensures that your website is optimized for mobile
devices. The framework includes responsive CSS and
JavaScript components that adapt to different screen sizes.

In summary, the integration of these tools not only facilitated

the technical aspects of the project but also contributed
significantly to delivering an end-to-end solution that
empowers users to discover personalized movie
recommendations with ease and enjoyment.

13
 Project Development Stages

1. Planning and Research:

 Define Goals and Objectives: Identify what the website aims
to achieve (e.g., showcase portfolio, attract clients, provide
architectural insights).
 Audience Analysis: Understand the target audience's needs
and preferences.
 Competitor Analysis: Research competitor websites to
identify strengths and weaknesses.
 Budget and Timeline: Establish the project budget and
timeline.
2. Requirement Gathering:
 Content Requirements: Determine the content needed (e.g.,
project descriptions, images, blog posts).
 Functional Requirements: Identify necessary features (e.g.,
portfolio gallery, contact forms, blog).
 Technical Requirements: Choose the technology stack (e.g.,
CMS like WordPress, custom development).

3. Site Architecture and Wireframing:

 Sitemap Creation: Outline the website structure, including
main pages and subpages.
 Wireframing: Create basic sketches of key pages to visualize
layout and user flow.

14
4. Design:
 Mood Boards and Style Guides: Develop a visual style guide
including color schemes, typography, and imagery.
 Mockups: Create detailed designs of key pages, reflecting the
final look and feel.
 Responsive Design: Ensure the site is optimized for various
devices (desktop, tablet, mobile).

5. Development:
 Front-end Development: Convert designs into HTML, CSS,
and JavaScript.
 Back-end Development: Develop the server-side
functionality, database integration, and CMS setup.
 Content Integration: Add content into the CMS or static site.

15
Project Images

16
17
 Conclusion

In Conclusion, my six-week internship proved to be an

enriching voyage that equipped me with a robust grasp of
HTML, CSS & PHP concepts. Through a blend of theoretical
knowledge and practical application, I have gained a
comprehensive understanding and valuable skills that will
serve as a foundation for my future career. Guided by the
expertise of the CSism Technologies team, this internship has
not only expanded my technical skill set but also cultivated a
deep enthusiasm for the dynamic interplay of Web Development &
Web Designing. My heartfelt gratitude extends to all those who
made this journey rewarding, paving the way for my continued
exploration of the limitless horizons within the realm of
technology.

18
Certificate

19