A

Industrial Training Report

on

“Web Development”
submitted
in partial fulfillment
for the award of the Degree of
Bachelor of Technology
In

Department of Computer Science & Engineering

Submitted To: Submitted By:

Mr. Loveleen Kumar Siddarth Agarwal
Assistant Professor, CSE Department 20ESKCS843

Department of Computer Science & Engineering

Swami Keshvanand Institute of Technology, Management & Gramothan,
Rajasthan Technical University, Kota

Session 2023-2024
 Swami Keshvanand Institute of Technology,
Management & Gramothan, Jaipur
Department of Computer Science and
Engineering

CERTIFICATE

This is to certify that Mr. Siddarth Agarwal, a student of B.Tech (Computer

Science & Engineering) VII semester has submitted his Industrial Training Report
entitled “Web Development” under my guidance.

Mr. Loveleen

Kumar Assistant

Professor

i
CERTIFICATE

ii
iii
 ACKNOWLEDGEMENT

I feel immense pleasure in expressing my regards to the chairman Mr. Suraj Ram Meel,
Director Mr. Jaipal Meel, Registrar Mrs. Rachana Meel, Director (Academics) Prof. (Dr.)

S.L. Surana, Principal Prof. (Dr) Ramesh Kumar Pachar, Swami Keshvanand Institute of
Technology, Management & Gramothan, Jaipur for providing me necessary facilities
during the various stages of this work.

I would like to thank Dr Mukesh Kumar Gupta, Professor & Head, Department of
Computer Science & Engineering and Dr Anil Chaudhary, Professor & Head,
Department of Information Technology for providing me opportunity to work in a
consistent direction and providing their valuable suggestions to improve Seminar Report.

I would like to thank my esteemed guide Mr. Loveleen Kumar, Department of Computer
Science & Engineering, Swami Keshvanand Institute of Technology, Management &
Gramothan, Jaipur for her valuable guidance, keen interest, constant encouragement,
incessant inspiration and continuous help throughout this work. Specially, I acknowledge
his support when I was stuck and she is suggesting me new ideas to solve the problems.
Her vast experience and realistic approach have been of great help to me. I am honored to
have you as my seminar report supervisor. Her excellent guidance has been instrumental in
making this working this work a success.

I would like to express my thanks to my parents for their support and blessings. In addition,
a very special thanks to all my colleagues and friends for their support in the completion of
this report.

iv
 ABSTRACT

WEBSITE DESIGN AND DEVELOPMENT were the main objective of this internship. To
develop a web-based application or software there are several programming languages that are in
use. Some of them are only used for the frontend and backend design of the software. For
example- HTML3, HTML4, HTML5, CSS, Bootstrap Framework etc. There are also some other
programming languages that are used to develop the dynamic functions of the software or
application. For example-PHP, Java etc. Nowadays there are also some framework's that use
vastly. Frameworks are basically structured programming by using Model, View, and Controller.
It is also called as MVC. If we develop web-based application that is very useful for us because
we can access it from anywhere of the world. It is very helpful for our daily life. That is why I
choose subject of my report is "WEB DEVELOPMENT". Working at AICTE(IBM) added huge
experiences in my upcoming career. Solving real life problems was another key issue. This
report takes us through all the details of WEBSITE DESIGNAND DEVELOPMENT knowledge
and experience gathered during this internship period.

v
 LIST OF FIGURES

FIGURE 1: WEB DEV COMPONENTS 1

FIGURE 2: COMPONENTS OF WEB DEVELOPMENT 4

FIGURE 3: HOME PAGE 9

FIGURE 4: PRODUCT PAGE 10

FIGURE 5: ORDER US PAGE 11

FIGURE 6: CONTACT US PAGE 12

FIGURE 7: ADMIN PAGE 13

FIGURE 8: LOGIN PAGE 14

FIGURE 9: REGISTER PAGE 15

vi
 TABLE OF CONTENTS

CERTIFICATE i

ACKNOWLEDGEMENT iv

ABSTRACT v

LIST OF FIGURES vi

1. INTRODUCTION 1
1.1 WEB DEVELOPMENT 1
1.1.1 WORKFLOW 1
1.1.2 HMTL 2
1.1.3 CSS 2
1.1.4 JAVASCRIPT 2
1.1.5 XAMPP 3
1.1.6 LARAVEL 3
1.1.7 PHP 4
2. PROBLEM AND SOLUTION 5
2.1 PROBLEM IDENTIFICATION 5
2.2 PROPOSED SOLUTION 5
3. PROJECT 8
4. INTERSHIP OUTCOMES 16
4.1 PROBLEMS AND SOLUTIONS 16
4.1.1 PROBLEMS 16
4.1.2 SOLUTIONS 17
4.2 LEANING OUTCOMES 17
4.2.1 HTML 17

1
 4.2.2 CSS 18
4.2.3 JAVASCRIPT 18
4.2.4 BOOTSTRAP 18
4.2.5 DATA AND TIME FUNCTION 19
4.2.6 NUMBER FUNCTIONS 19
4.2.7 FORMS, SESSION COOKIE, RAG EXPRESSSION 19
4.2.8 FILE OPERATION 20
4.3 CHALLENGES 21
5. CONCLUSION AND FUTURE SCOPE 22
5.1 DISCUSSION 22
5.2 CONCLUSION 23
5.3 FUTURE SCOPE 23
REFERENCES 24

2
 Chapter 1

INTRODUCTION

1.1 WEB DEVELOPMENT

Web development is the work involved in developing a website for the Internet or an
intranet. Web development can range from developing a simple single static page of plain
text to complex web applications, electronic businesses, and social network services. Web
developers create and maintain websites. They are also responsible for the site’s technical
aspects, such as its performance and capacity, which are measures of a website’s speed and
how much traffic the site can handle. In addition, web developers may create content for the
site.

1.1.1 WORKFLOW

Figure:1 Web Dev Components

1
1.1.2 HMTL

HTML stands for Hypertext Markup Language. It is a standard markup language for
web page creation. It allows the creation and structure of sections, paragraphs, and
links using HTML elements (the building blocks of a web page) such as tags and
attributes. HTML is a text file containing specific syntax, file and naming
conventions that show the computer and the web server that it is in HTML and should
be read as such. By applying these HTML conventions to a text file in virtually any
text editor, a user can write and design a basic webpage, and then upload it to the
internet.

1.1.3 CSS

CSS stands for Cascading Style Sheets. It is a style sheet language which is used to
describe the look and formatting of a document written in markup language. It
provides an additional feature to HTML. It is generally used with HTML to change
the style of web pages and user interfaces. It can also be used with any kind of XML
documents including plain XML, SVG and XUL.
CSS is used along with HTML and JavaScript in most websites to create user
interfaces for web applications and user interfaces for many mobile applications.

1.1.4 JAVASCRIPT

JavaScript is a powerful programming language that can add interactivity to a

website. It was invented by Brendan Eich.
JavaScript is versatile and beginner friendly. With more experience, you’ll be able to
create games, animated 2D and 3D graphics, comprehensive database-driven apps,
and much more!
JavaScript itself is relatively compact, yet very flexible. Developers have written a
variety of tools on top of the core JavaScript language, unlocking a vast amount of
functionality with minimum effort. These include:

2
  Browser Application Programming Interfaces (APIs) built into web browsers,
providing functionality such as dynamically creating HTML and setting CSS styles,
collecting and manipulating a video stream from a user’s webcam, or generating 3D
graphics and audio samples.
 Third-party APIs that allow developers to incorporate functionality in sites from other
content providers, such as Twitter or Facebook. •Third-party frameworks and
libraries
that you can apply to HTML to accelerate the work of building sites and applications.

1.1.5 XAMPP

XAMPP helps a local host or server to test its website and clients via computers and
laptops before releasing it to the main server. It is a platform that furnishes a suitable
environment to test and verify the working of projects based on Apache, Perl,
MySQL database, and PHP through the system of the host itself. XAMPP is an
abbreviation where X stands for Cross-Platform, A stands for Apache, M stands for
MYSQL, and the Ps stand for PHP and Perl, respectively. It is an open-source
package of web solutions that includes Apache distribution for many servers and
command-line executables along with modules such as Apache server, MariaDB,
PHP, and Perl.

1.1.6 LARAVEL

Laravel is a free and open-source PHP web framework,[3] created by Taylor Otwell
and intended for the development of web applications following the model–view–
controller (MVC) architectural pattern and based on Symfony. Some of the features
of Laravel are a modular packaging system with a dedicated dependency manager,
different ways for accessing relational databases, utilities that aid in application
deployment and maintenance, and its orientation toward syntactic sugar.

3
1.1.7 PHP

PHP code is usually processed on a web server by a PHP interpreter implemented as a

module, a daemon or as a Common Gateway Interface (CGI) executable. On a web
server, the result of the interpreted and executed PHP code – which may be any type
of data, such as generated HTML or binary image data – would form the whole or
part of an HTTP response.

Figure:2 Components of Web Development

4
 Chapter 2

Problem and Solution

2.1 Problem Identification

In the realm of online retail, the absence of a tailored and efficient E-Commerce platform
poses significant challenges for businesses and consumers alike. Existing solutions often
exhibit shortcomings in terms of user experience, security, and adaptability to evolving
market demands. Common problems include cumbersome user interfaces, unreliable
payment processing, inadequate security measures, and a lack of scalability to accommodate
varying business sizes. Additionally, the absence of innovative features may hinder user
engagement and satisfaction. Recognizing these issues, the goal of this project is to identify
and address the key challenges in the current E-Commerce landscape. By conducting a
thorough analysis of existing platforms and market trends, we aim to pinpoint the specific
pain points that hinder optimal online shopping experiences. The successful resolution of
these identified problems will guide the design and implementation of an E-Commerce site
that not only meets industry standards but also exceeds user expectations, contributing to a
more seamless and enjoyable online shopping environment.

2.2 Proposed Solution

1. User-Friendly Interface
 Design an intuitive and user-friendly interface that ensures a seamless browsing
and shopping experience.
 Implement responsive design principles to optimize the site for various devices,
including desktops, tablets, and smartphones.

5
2. Secure Authentication and Authorization
 Utilize robust authentication mechanisms to ensure secure user accounts.
 Implement authorization controls to protect sensitive user data and ensure proper
access rights.

3. Secure Payment Processing

 Integrate secure payment gateways to facilitate smooth and safe online
transactions.
 Implement encryption protocols to safeguard financial information during the
payment process.

4. Inventory Management
 Develop a robust inventory management system to track product availability,
manage stock levels, and provide real-time updates.
 Implement alerts for low stock levels and automated restocking processes.

5. Scalability
 Design the system with scalability in mind to accommodate varying levels of
traffic and future business growth.
 Utilize cloud services or scalable infrastructure to handle increased load during
peak times.

6. Innovative Features
 Incorporate innovative features such as personalized recommendations, product
reviews, and a user-friendly search mechanism.
 Implement a secure and user-friendly feedback system to enhance customer
engagement.

7. Security Measures
 Employ robust security measures to protect against common threats, including
data breaches and fraud.

6
  Regularly update security protocols to stay ahead of emerging cybersecurity risks.

8. Mobile Optimization
 Ensure the E-Commerce site is optimized for mobile devices to cater to the increasing
number of users accessing the platform through smartphones and tablets.

9. User Analytics
 Integrate analytics tools to track user behavior, preferences, and trends, providing valuable
insights for business improvement and marketing strategies.

10. Regulatory Compliance

 Ensure compliance with relevant data protection and privacy regulations to build trust with
users and adhere to legal standards.

7
 Chapter 3

PROJECT

Project name is Design and Implementation of E-Commerce Site for Online Shopping. An online
store is a virtual store on the Internet where customers can browse the catalog and select products
of interest. The selected items may be collected in a shopping cart. At checkout time, the items in
the shopping cart will be presented as an order. At that time, more information will be needed to
complete the transaction. Usually, the customer will be asked to fill or select a billing address, a
shipping address, a shipping option, and payment information such as credit card number. An e-
mail notification is sent to the customer as soon as the order is placed.

Web Pages details

1. Home Page
2. About Us Page
3. Product Page
4. Order Us Page
5. Contact Us Page
6. Admin Page
7. Login Page
8. Register Page
9. Track

8
 Home Page
A website's homepage serves as the initial point of entry, encapsulating its essence and
purpose. Typically featuring a header with a logo and navigation menu, a striking hero
section with compelling imagery and a clear call-to-action beckons users. Displayed
prominently are key products, services, or information, often accompanied by testimonials.
An 'About Us' section provides a brief overview, while the latest news or updates engage
visitors. Social media integration encourages broader connectivity. Contact information and
legal details are included in the footer. Employing responsive design, the homepage ensures
optimal user experience across diverse devices, shaping a welcoming and informative digital
gateway.

Home Screen will consist of screen were one can browse through the products which we
have on our website. The following figure shown in figure 3.

Figure:3 Home page

9
 Product Page:
The product page of a website serves as the focal point for showcasing specific offerings.
Featuring a detailed product description, high-quality images, and essential specifications, it
provides users with comprehensive information. Clear pricing and purchase options,
including add-to-cart functionality, facilitate seamless transactions. Customer reviews and
ratings enhance credibility, while related products or upsells may encourage additional
exploration. A user-friendly layout, intuitive navigation, and responsive design ensure a
positive and efficient browsing experience. The product page aims to inform, inspire, and
ultimately drive conversions, catering to the user's decision-making process in a visually
compelling and informative manner.

This page consists of product details. This page appears same for both visitors and users. The
following figure shown in figure 4.

Figure:4 Product page

1
 Order Us Page:
The order page of a website is a critical component in facilitating seamless transactions. It
typically features a user-friendly interface with clear product descriptions, pricing details,
and an intuitive shopping cart system. Users can review and modify their selected items
before proceeding to a secure checkout process. The page often prompts customers to enter
shipping and payment information, providing multiple payment options for convenience.
Security assurances, such as SSL encryption, instill trust. Order confirmation details,
including an order summary and estimated delivery, are presented before the final
submission. A well-designed order page ensures a smooth and secure purchasing experience
for customers.

Registered users can order desired products from here. The following figure shown in figure
5.

Figure:5 Order Us page

1
 Contact Us Page:
The Contact Us page on a website is a crucial interface for user interaction. It typically
includes essential details such as a contact form, email addresses, phone numbers, and, if
applicable, a physical address or map. Clear and concise instructions guide users on how to
reach out for inquiries, support, or feedback. Some pages may also incorporate links to social
media platforms for additional communication channels. The Contact Us page aims to
enhance user engagement, establish trust, and provide a seamless means for visitors to
connect with the website's administrators, customer support, or relevant departments,
fostering a positive and communicative online experience.

Visitors and Registered users can contact website owners or administrators from here. The
following figure shown in figure 6.

Figure:6 Contact Us Page

1
 Admin Page:
The admin page of a website is a secure, backend interface granting authorized personnel
control over site management. It typically features a dashboard presenting analytics, user
data, and system status. Admins can manage content, user permissions, and site
configurations. Security settings, such as password controls and access logs, are often central.
Additionally, the Admin page may facilitate updates, backups, and troubleshooting.
Advanced functionalities, like database management and customization options, empower
administrators to ensure the site's integrity, performance, and functionality. Admin pages
play a crucial role in maintaining, optimizing, and safeguarding the overall health of a
website.

This page describes about website and owners. The following figure shown in figure 7.

Figure:7 Admin Page

1
 Login Page:
The login page of a website is a secure gateway, typically featuring a clean and intuitive
design. Users input credentials like username and password for authentication. It may
incorporate additional security measures like two-factor authentication. Error messages guide
users in case of login issues. Links for password recovery or account registration are
commonly included. Design elements prioritize simplicity and functionality, ensuring a
seamless user experience. Additionally, some sites offer social media or single-sign-on
options for convenience. The login page plays a crucial role in safeguarding user accounts
and data, requiring a balance between security and user-friendly accessibility.

Login page for both users and administrators. The following figure shown in figure 8.

Figure:8 Login page

1
 Register Page:
The registration page of a website is a crucial component for user engagement. It typically
features a form prompting users to input essential information such as username, email, and
password. Clear instructions guide users through the registration process, and error handling
ensures accurate data submission. Security measures, like password requirements and
CAPTCHA, are often integrated. Some registration pages include optional fields for
additional user details. Upon submission, users may receive a confirmation email to verify
their account. This page aims to streamline the onboarding process, fostering a smooth and
secure entry into the website's community or services.

New users can register here. The following figure shown in figure 9.

Figure:9 Register Page

1
 CHAPTER 4

INTERNSHIP OUTCOMES

4.1 Problems and Solutions

There are more problems web development because it contains more type of markup
language, methods, objects, modifiers, and many ways to create code or project. And there
are not only problems in web development have more solution which can be easily and
shortly.

4.1.1 Problems

There are more problems to create when I am working with CSS. It is very easy but
sometimes it’s not matched with my expectation and placed in appropriate place.
Web designing is not an easy task. It takes a lot of creativity, uniqueness and
brainstorming sessions to come up with a nice web design. Only a web designer can
talk about the challenges they go through on regular basis. Web designs which are
liked and appreciated by target market and clients are mostly the result of constant
development and regressive critical thinking. Website’s sync with multiple apps along
with its ability to be responsive are just a few factors which are pondered by the web
designer. This makes web designing a challenging role.

On the contrary, there are some other challenges which are faced by web designers.
These challenges are about keeping a website responsive enough so that it can be
viewed and accessed on all devices. Sometimes websites take time to load, so in order
to provide a better user experience, one of the toughest challenges for web design is
to make website load faster.

Clients often encounter issues with their website and turn to the designer/developer to
correct them, but when they check the site, it looks fine from their end. Sometimes,

1
 these issues are caused by out-of-date web servers or changes made incorrectly by the
customer. Time spent detecting the source of a problem means a delay in tackling the
problem itself.

4.1.2 Solutions

Really web development is so best and ultimate interested and hard for me, by the
internship training I could learn an understand many objectives with interest as if was
hard after learning I can understand web development is so interested then other
language. I did solution of CSS and other problem in my training period. Clean code
reduces unexpected errors, which can affect page load. Automated website
monitoring solutions often allow the developers to view their clients’ websites in real
time and to set alerts to notify them when potential issues begin to arise. Not only
does this allow the developers to identify a problem before the customer does, in
many cases it also gives them the chance to fix it before the issue has any impact on
the client’s business.

4.2Learning Outcomes

4.2.1 HTML

 Basic concept (WWW& HTTP, HTTPS, Client Server Communication)

 Basic HTML (Tags, Element, Attributes, Paragraphs, Headings, Line Breaks,
Horizontal Rule, Lists, Table, Color Codes, Font, Text Linking, Email, Images,
Background, Comments, Meta, Media, Charset)
 HTML Forms (Input, Text Fields, Password, Checkbox, Combo Box, Radio, Text
Areas, Files, Buttons)
 HTML5 features

1
4.2.2 CSS

 Basic CSS (selector, internal, external, Inline, Class, Id, Background,

font, Text, Padding, Margin, Border, list CSS, hovering and elements)
 Advance CSS (border-radius, opacity, cursor, layers, position, display,
float, gradient, and multiple-column)
 Concept of Menus (single menu, dropdown menu)
 Template, design using CSS div.

4.2.3 JavaScript

 Basic JavaScript (Syntax, Enable, Location, Operators, Variables,

Events, Alert, Confirm, Prompt, POP up, Date, print)
 JavaScript String (Strings, Length, Split, Search, Replace)
 JavaScript advanced (get Element by Id, Inner HTML, Get table,
index, DOM, manipulation, Regular Expression)

4.2.4 Bootstrap

 Environment Setup
 Grid System
 Typography
 Tables, Forms, Buttons, Images
 Dropdown, Button group
 Navigation Element
 Bootstrap plug-ins (Transition, Modal, Dropdown, Tab, Tooltip, Alert, Button)

1
4.2.5 Date and Time Function

 What is timestamp?
 Getting the current Date and Time using PHP function.
 Formatting timestamp.
 Checking date validity.
 Converting String to timestamps.
 Finding the number of Days in a month.
 Finding the number of Days or week in a year.
 Finding the day name for a date.
 Converting local time to GMT.
 Comparing Dates.
 Converting Minutes to hours.

4.2.6 Number Functions

 Generating a Number Range.

 Rounding a floating-point number.
 Finding the Smallest or largest number in an array.
 Formatting Numbers with commas.
 Padding Numbers with Zeroes.
 Converting Between Bases.
 Generating Random Numbers.

4.2.7 Forms, Session, Cookie, Rag Expression

 Generating forms.
 Processing form input.

1
  Validating form input.
 Validating numbers.
 Validating Alphabetic strings.
 Validating Alphanumeric String.
 Validating credit card numbers.
 Validating Telephone Number.
 Sharing Session Data Storing objects in a session.
 Protecting Data with session.
 Deleting Session data.
 Validating Email address.

4.2.8 File Operation

 Testing Files and Direction.

 Retrieving file information.
 Reading files.
 Writing files.
 Counting words, lines, and characters in a file.
 Deleting files.
 Altering file extensions.
 Sorting files.
 Searching and replacing patterns within files.
 Searching for files in a directory.
 Renaming files and direction.
 Finding Differences Between Files

2
4.3 Challenges

There are different types of challenges have to be faces during the software develop. Most
commonly:

 Syntax error.
 Fatal error.
 Find out the problem and try to solve that.

2
 CHAPTER 5

CONCLUSION AND FUTURE SCOPE

5.1 Discussion

The current work is the initial background report for the website development project. This
report aims to provide a critical review of the relevant literature in the web field and also to
describe key aspects of the methodology that will be applied throughout the project. This
report tries to examine various issues that arise while building a website. It is important to
highlight, that websites are not simple software artifacts. Mastering the necessary software
skills and tools to build a website does not guarantee its success. For this reason, following
the guidance and the advice of my supervising professor, this report focuses on many other
challenges that come up through the development process, like performing website
evaluation, conducting market research and choosing the right business model for the website
proposal. These are the first and most crucial steps that will ensure that the final IT
employment website, will be developed according to the requirements of the market and will
be tailored to the needs of its users. Further research and more focus will be given on
software tools after these parts of the methodology are complete and will be presented in later
stages of the project. The decisions on how the website will be build depend on the results of
the problem investigation stage, since they will play a major role into describing the specific
user requirements for the software. The decision will be based on evaluating case studies of
website development, in order to examine a vast variety of techniques and software tools that
have been applied successfully in real projects. Furthermore, further research will be
conducted tosspot the strong points of various techniques and justify the choice that will be
finally made. Finally, an attempt will be made to contact some experienced web developers
and ideally some web developers who have worked on similar projects, in order to absorb
valuable knowledge from their experience.

2
5.2 Conclusion

There are huge opportunities available for the students who want to work in this field. Many
private and public organizations hire web designer for their online work and website
development. With the rapid advent of online industry, the demand of web development
professionals is increasing, and this has created a huge job opportunity for the aspirants in the
upcoming days. Also, an experienced person in this field can also work as a freelancer; there
are many online companies which provide online projects to the individuals.

5.3 Future Scope

Especially if I don't have any experience. Finding work can be a real challenge. A
successful internship can help me turn an experience into a career opportunity. So as a
successful internship my future scopes will be:
 To be work IT company.
 Can work as a Software Engineer.
 Can work as a Web Designer.
 Can work as a Web Developer.
 Can work as a QA Tester.

2
REFERENCES

1. Webandcrafts: The Future and Scope of Web Development

https://webandcrafts.com/blog/future-scope-of-web-development

2. Perfectiongeeks: The Future and Scope of Our Web Development

Services https://www.perfectiongeeks.com/future-scope-of-web-
development

3. Bharath Ravi: Three Years of Web Development Career— Takeaways

http://levelup.gitconnected.com/three-years-of-web-development-career-takeaways-
9d8df65c5cf6
4. www.quora.com
https://www.quora.com/topic/What-Are-Benefits-of-a-Developers-How-good-Are-
Opportunities-in-the-current-market

5. www.mage-people.com
http://www.mage-people.com

6. www.onetonline.org
https://www.onetonline.org/link/details/15-1134.00?redir=15-1099.04

7. www.fashions-first.com
http://www.fashions-first.com

8. www.bls.gov
http://www.bls.gov/ooh/computer-and-information-technology/web-developers.html