A

Report On
Web Development

Under the Subject

Industrial Training [22049]
Summer-2021 (Online Mode)

On
INTERNSHALA
E-Learning Platform

Submitted By
Ms. Lokhande Swastik Thalendrakumar
Enrollment No.-1900100067

Under the Guidance Of

Mrs. S. B. Patil
Department of Computer Engineering
Government Polytechnic, Karad
Maharashtra State Board of Technical Education

Certificate of Completion
Of Industrial Training

This is to certify that Mr. Lokhande Swastik Thalendrakumar with

Enrollment No.-1900100067 has successfully completed Online Industrial Training
(22049) on Internshala E-Learning Platform from 01/08/2021 to 12/09/2021 for
partial fulfillment towards completion of Diploma in Computer Engineering from
Government Polytechnic, Karad (Institute code-0010).

Head of Department Head of Institute

Department of Computer Engineering Government Polytechnic, Karad
 ABSTRACT

This project “Inernshala E-Learning Platform” aims to provide interactive platform to

the students to learn and grow. This software will help students in accessing their learning
and implementing capabilities. The product will help the user to work in a highly effective
and efficient environment. Students only need the will to learn and java enabled system to
take this quiz. This software also stores the details of the user in the database which can be
accessed further in future. This system enables user to take quiz on the choice of his or her
subject of interest and later evaluate his or her learning based on the result. This provide the
students with the scope of improvement. This system also generates the final result and
provides facilities like storing the details of the user in the database. The project “Internshala
E-Learning Platform” is developed with the objective of making the system reliable, easier,
fast, and more informative.
 ACKNOWLEDGEMENT

We take an opportunity to thank all those who have directly and indirectly inspired
directed and assisted us towards successful completion of this training report.

We express our sincere thanks to the principal Prof. Dr. R. K. Patil. And Head of the
Department Prof. Mrs. S. B. Patil for having us allowed to submit this report as part of our
academics learning.

We express our sincere thanks to Prof. Mrs. S. B. Patil Head of Department of

Computer Engineering, Government Polytechnic, Karad for the encouragement throughout
the training report and guideline in designing & working out this report.

Name : - Lokhande
swastik Thalendrakumar

Enrollment No. :- 1900100067

 Industrial Training Significance

 Rationale:-
Industrial training course is introduced to all diploma programs with an objective to
develop the traits of industry culture among the students before they enter into world of
industry. By exposing and interacting with the real-life industrial setting, student will
appreciate and understand the actual working of an industry, best practices adopted in
industry. The industrial skills like, soft skills, life skills and hands-on will be inculcated
among the student. This short association with industry will be instrumental in orienting the
students in transforming them into industry ready output after completion of diploma
program.

 Program Outcomes-
 PO1 Basic and discipline specific knowledge:- Apply knowledge of basic mathematics,
science and engineering fundamentals and engineering specialization to solve Computer
Engineering related problems.
 PO2 Problem Analysis:- Identify and analyze well-defined Computer Engineering
related problems using codified standard methods.
 PO3 Design/Development of Solutions:- Design solutions for well-defined technical
problems and assist with the design of systems components or processes to meet specified
needs.
 PO4 Engineering Tools, Experimentation and Testing:- Apply modern engineering
tools and appropriate technique to conduct standard tests and measurements.
 PO5 Engineering Practices for Society, Sustainability and Environment:- Apply
appropriate technology in context of society, sustainability, environment and ethical
practices.
 PO6 Project Management:- Use engineering management principles individually, as a
team member or a leader to manage projects and effectively communicate about well-
defined engineering activities.
  PO7 Life-Long Learning:- Ability to analyze individual needs and engage in updating in
the context of technological changes.

 Competency-
a) Soft Skill i.e. Communication, Presentation etc.
b) Life skills i.e. Time management, Safety, Innovation, Entrepreneurship, Team building
etc.
c) Hands-on i.e. Design, Implementation and Quality Assurance aspects
d) Industry specific tools.

 Course Outcomes-
a) Communicate effectively (verbal as well as written) the work carried out.
b) Prepare and present the report of the work carried out.
c) Exercise time management and safety in the work environment.
d) Working in a team.
e) Demonstrate various quality assurances.
f) Exhibit the work carried out.
 Content

Sr.
Title Page No.
No.
1 HTML 1

2 CSS 2

3 BOOTSTRAP 3

4 DBMS 4

5 PHP 5

HTML
 Introduction:
HTML stands for Hypertext Markup Language. It is used to design web
pages using a markup language. HTML is the combination of Hypertext and
Markup language. Hypertext defines the link between the web pages. A markup
language is used to define the text document within tag which defines the structure
of web pages. This language is used to annotate (make notes for the computer) text
so that a machine can understand it and manipulate text accordingly. Most markup
languages are human-readable. The language uses tags to define what manipulation
has to be done on the text.

 Features:
 It is easy to learn and easy to use.
 It is a mark-up language.
 It is platform-independent.
 Images, videos, and audio can be added to a web page.
 Hypertext can be added to the text.

 Importance:
 Helps in developing fundamentals about web programming.
 It is a simple mark-up language. Its implementation is easy.
 It is used to create a website.
 Boost professional career.

 Tags Used in HTML:

 <html>
 <head>
 <title>
 <body>
 <style>
 <link>

 Basic Structure of HTML:

 <!DOCTYPE html>
<html>
<head>
<title>Hello world </title>
</head>

<body>
<h1>This is first page of Web page</h1>

<p>A Web development is a way to create a websites </p>

</body>
</html>

 Performed HTML Code:

<!DOCTYPE html>
<html>
<head>
<style>
img {
width: 100%;
}
</style>
</head>
<body>

<img src="deadpool.jpg" alt="HTML5 Icon" width="128" height="128">

<img src="tom.jpg" alt="HTML5 Icon" style="width:128px;height:128px;">

</body>
</html>

CSS
 Introduction:
Cascading Style Sheets, fondly referred to as CSS, is a simply designed
language intended to simplify the process of making web pages presentable. CSS
allows you to apply styles to web pages. More importantly, CSS enables you to do
this independent of the HTML that makes up each web page.
CSS is easy to learn and understand, but it provides powerful control over the
presentation of an HTML document.

 Features:
 Better Website Speed. For a website to function efficiently, it should have a
faster load time.
 Easier to Maintain. CSS is easy to maintain due to less maintenance time.
 Consistent Design.
 Time-Saving.

 Importance:
 Specify fonts other than the default for the browser
 Specify colour and size of text and links
 Apply colours to backgrounds
 Contain webpage elements in boxes and float those boxes to specific positions
on the page

 Tages Used in CSS:

 w3-tag
 w3-color
 w3-size

 CSS Code Structure:

p{
color: red;
text-align: center;
}
 Performed CSS Code:
 Inline CSS:
<p style=”color : blue;”> This is a paragraph</p>

 Internal CSS:
<head>
<style type=text/css>
body{ background0color :red;}
p {color: yellow}
</style>
<head>

 External CSS:
 <head>
<link rel=”stylesheet” type=”text/css href=”stylesheet.css”>

BOOTSTRAP
 Introduction:
Bootstrap is a free and open-source tool collection for creating responsive websites
and web applications. It is the most popular HTML, CSS, and JavaScript framework for
developing responsive, mobile-first websites. It solves many problems which we had
once, one of which is the cross-browser compatibility issue. Nowadays, the websites are
perfect for all the browsers (IE, Firefox, and Chrome) and for all sizes of screens
(Desktop, Tablets, Phablets, and Phones). All thanks to Bootstrap developers -Mark Otto
and Jacob Thornton of Twitter, though it was later declared to be an open-source project.

 Features:
Bootstrap is a potent front-end framework used to create modern
websites and web apps. It's open-source and free to use, yet features numerous HTML
and CSS templates for UI interface elements such as buttons and forms. Bootstrap
also supports JavaScript extensions.

 Importance:
Bootstrap is a potent front-end framework used to create modern
websites and web apps. It's open-source and free to use, yet features numerous HTML
and CSS templates for UI interface elements such as buttons and forms. Bootstrap
also supports JavaScript extensions.

 Links Used in Bootstrap:

 <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/
bootstrap.min.css">
 <!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></s
cript>
 <!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
></script>

 Performed Code with Bootstrap:

<!DOCTYPE html>
 <html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootst
rap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></scr
ipt>
</head>
<body>

<div class="container">
<h1>My First Bootstrap Page</h1>
<p>This is some text.</p>
</div>

</body>
</html>

DBMS

 Introduction:
 A database management system (DBMS) refers to the technology for creating and
managing databases. DBMS is a software tool to organize (create, retrieve, update, and
manage) data in a database. The main aim of a DBMS is to supply a way to store up and
retrieve database information that is both convenient and efficient.

 Features:
 Minimum Redundancy and Duplication.
 Reduced amount of space and money spent on storage.
 Data Organization.
 Customization of the Database.
 Data Retrieval.
 Usage Of Query Languages.

 Importance:
Specifically, a DBMS helps organizations optimize, store, retrieve and
manage data in a database. It serves as an interface between the database and end-
user to ensure data is well organized and easily accessible.

 Used Commands and concepts in DBMS:

 Create
 Alter
 Drop
 Truncate
 Primary Key
 Foreign Key
 SQL Joins

PHP
 Introduction:
PHP (recursive acronym for PHP: Hypertext Pre-processor ) is a widely-used open
source general-purpose scripting language that is especially suited for web development and
can be embedded into HTML.

 Features:
 PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
 PHP supports a wide range of databases
 PHP is compatible with almost all servers used today (Apache, IIS, etc.)
 PHP is easy to learn and runs efficiently on the server side.

 Importance:
Designing and Development are the steps that are important. PHP Programming
the Languages mostly commonly used for Website and Web Application
Development. PHP is a general purpose, server-side scripting language run a web server
that's designed to make dynamic pages and applications.

 Basic code Structure:

 <?php
// Here we can see that all echo
// statements are executed in the same manner

$variable = 25;
echo $variable;
ECHO $variable;
Echo $variable;

// but this line will show RUNTIME ERROR as

// "Undefined Variable"
echo $VARIABLE
?>

 Performed PHP Code:

<?php
// PHP code illustrate the whitespace insensitivity
$var1 = 15;
$var2 =
30;
$sum = $var1
+
$var2;

// "\n" for new line

echo $sum, "\n";

$sum1 = $var1 + $var2;

echo $sum1;
?>

Conclusion
 Web development is a way to create a website. In this training
we learn how to create Website using HTML CSS BOOTSTRAP & PHP
I get to know how to make connection with database and how to make a
website. Not only database connectivity also got to know how can make
a responsive website for more user friendly.