abhishek itr report
abhishek itr report
EDUCATION MUMBAI
(2023-2024)
iv
YASHWANTRAO CHAVAN INSTITUTE OF POLYTECHNIC
BEED
(Affiliated to Maharashtra State Board of Technical Education, Mumbai)
CERTIFICATE
This is to certify that the INDUSTRIAL TRAINING has been successfully completed by
Students of Second Year Diploma in Computer Technology,
Student Name
Homkar Udit Umeshrao
In partial fulfillment of the requirements for the award of the Diploma in Computer
Technology for second year (4TH Semester) Industrial Training work of Maharashtra State
Board of Technical Education, Mumbai. The matter embodied in this industrial training
report is a record of their own independent work carried out by them under my supervision
and guidance. The matter embodied in this report has not been submitted for any award of
any Degree or Diploma.
Dr.Bapurao
Mr.Dhase G.N Mr.Deshmukh J.V G.Marlapall
e
Mentor
H.O.D Principal
v
Certificate
vi
ACKNOWLEDGEMENTS
vi
i
ACKNOWLEDGEMENT
First I would like to thank Rahul Joshi, the Vice President of Aatharv
IT Solution for giving me the opportunity to do an internship within the
organization.
I also would like all the people that worked along with me
Aatharv IT Solution with their patience and openness they created an
enjoyable working environment.
vi
ii
WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES
vi
DATE NAME OF THETOPIC/MODULE COMPLETED
vii
DATE NAME OF THE TOPIC/MODULE COMPLETED
viii
DATE NAME OF THE TOPIC/MODULE COMPLETED
ix
INDEX
1. Introduction 1
1.1 Modules 2
2. Analysis 3
2.1 Requirement analysis 4
3. System requirements specifications
3.1 System configuration 6
3.2 Software requirements 6
3.3 Hardware requirements 6
4. Technology
4.1 PHP 8
4.2 HTML 8
5. Coding 10
6. Screenshots 17
7. Conclusion 20
8. Bibliography 21
x
Internship Objectives
Utilizing internships is a great way to build your resume and develop skills that
can be emphasized in your resume for future jobs. When you are applying for a
Training Internship, make sure to highlight any special skills or talents that can
make you stand apart from the rest of the applicants so that you have an
improved chance of landing the position.
xi
1. INTRODUCTION
The Company:
The Institute combines pioneering research with top class education. An innovative
curriculum allows the student flexibility in selecting courses and projects. Students,
even at the undergraduate level, get to participate in on-going research and technology
development - an opportunity unprecedented in India. As a result, a vibrant
undergraduate programmer co- exists with a strong postgraduate programmer.
Methodology:
xii
Benefits to the company / institution through your report:
The Institute combines pioneering research with top class education. An innovative
curriculum allows the student flexibility in selecting courses and projects. Students,
even at the undergraduate level, get to participate in on-going research and technology
development - an opportunity unprecedented in India.
vi
2.Web Development
Internet
The Internet is essentially a global network of computing resources. You can think of
the Internet as a physical collection of routers and circuits as a set of shared resources.
Some common definitions given in the past include −
4
URL
URL stands for Uniform Resource Locator, and is used to specify addresses on the
World Wide Web. A URL is the fundamental network identification for any resource
connected to the web (e.g., hypertext pages, images, and sound files).
A URL will have the following format −
protocol://hostname/other_information
The protocol specifies how information is transferred from a link. The protocol used for
web resources is Hypertext Transfer Protocol (HTTP). Other protocols compatible with
most web browsers include FTP, telnet, newsgroups, and Gopher.
The protocol is followed by a colon, two slashes, and then the domain name. The
domain name is the computer on which the resource is located.
Links to particular files or subdirectories may be further specified after the domain
name. The directory names are separated by single forward slashes.
Website
website is a collection of various pages written in HTML markup language. This is a
location on the web where people can find tutorials on latest technologies. Similarly,
there are millions of websites available on the web.
Each page available on the website is called a web page and first page of any website is
called home page for that site.
Web Server
Every Website sits on a computer known as a Web server. This server is always
connected to the internet. Every Web server that is connected to the Internet is given a
unique address made up of a series of four numbers between 0 and 256 separated by
periods. For example, 68.178.157.132 or 68.122.35.127.
When you register a Web address, also known as a domain name, such as atharva.com
you have to specify the IP address of the Web server that will host the site.
We will see different type of Web servers in a separate chapter.
Browser
Web Browsers are software installed on your PC. To access the Web, you need a web
browser, such as Netscape Navigator, Microsoft Internet Explorer or Mozilla Firefox.
Currently you must be using any sort of Web browser while you are navigating through
my site atharva.com. On the Web, when you navigate through pages of information this
is commonly known as browsing or surfing.
We will see different type of Web browsers in a separate chapter.
5
SMTP Server
SMTP stands for Simple Mail Transfer Protocol Server. This server takes care of
delivering emails from one server to another server. When you send an email to an
email address, it is delivered to its recipient by a SMTP Server.
ISP
ISP stands for Internet Service Provider. They are the companies who provide you
service in terms of internet connection to connect to the internet.
You will buy space on a Web Server from any Internet Service Provider. This space will
be used to host your Website.
HTML
HTML stands for Hyper Text Markup Language. This is the language in which we write
web pages for any Website. Even the page you are reading right now is written in
HTML.
This is a subset of Standard Generalized Mark-Up Language (SGML) for electronic
publishing, the specific standard used for the World Wide Web.
Hyperlink
A hyperlink or simply a link is a selectable element in an electronic document that
serves as an access point to other electronic resources. Typically, you click the
hyperlink to access the linked resource. Familiar hyperlinks include buttons, icons,
image maps, and clickable text links.
DNS
DNS stands for Domain Name System. When someone types in your domain name,
www.example.com, your browser will ask the Domain Name System to find the IP that
hosts your site. When you register your domain name, your IP address should be put in
a DNS along with your domain name. Without doing it your domain name will not be
functioning properly.
W3C
W3C stands for World Wide Web Consortium which is an international consortium of
companies involved with the Internet and the Web.
6
HTML
HTML or HTML 5 tutorial provides basic and advanced concepts of html. Our HTML
tutorial is developed for beginners and professionals. The major points of HTML are
given below:
In this tutorial, you will get a lot of examples, in fact one example for every chapter. you
can also edit and run these examples, with our online HTML editor.
1. <!DOCTYPE>
2. <html>
3. <body>
4. <h1>Write Your First Heading</h1>
5. <p>Write Your First Paragraph. </p>
6. </body>
7. </html>
Atharv IT Solution
HTML 5 Tags
In this tutorial, we will learn HTML 5 tags such as audio tag, video tag, canvas tag, HTML
svg, HTML geolocation, HTML drag and drop etc.
At last, we will learn all HTML tags one by one for example, marquee tag, textarea tag, br
tag, hr tag, pre tag, h tag, code tag, input tag, title tag, meta tag, script tag, style tag etc.
7
What is HTML
HTML is an acronym which stands for Hyper Text Markup Language. Let's see what is
Hyper Text and what is Markup Language?
Hyper Text: Hyper Text simply means "Text within Text". A text has a link within it, is a
hypertext. Every time when you click on a word which brings you to a new webpage,
you have clicked on a hypertext.
An HTML document is made of many HTML tags and each HTML tag contains different
content.
1. <!DOCTYPE>
2. <html>
3. <body>
4. <h1>Write Your First Heading</h1>
5. <p>Write Your First Paragraph. </p>
6. </body>
7. </html>
body: Text between body tag describes the body content of the page that is visible to
the end user.
8
Features of HTML
1) It is a very easy and simple language. It can be easily understood and modified.
2) It is very easy to make effective presentation with HTML because it has a lot
of formatting tags.
3) It is a markup language so it provides a flexible way to design web pages along with
the text.
4) It facilitates programmers to add link on the web pages (by html anchor tag) , so it
enhances the interest of browsing of the user.
6) It facilitates the programmer to add Graphics, Videos, and Sound to the web pages
which makes it more attractive and interactive.
HTML Tags
HTML tags contain three main parts: opening tag, content and closing tag. But some
HTML tags are unclosed tags.
When a web browser reads an HTML document, browser reads it from top to bottom
and left to right. HTML tags are used to create HTML documents and render their
properties. Each HTML tags have different properties.
Syntax
<tag> content </tag>
Note: HTML Tags are always written in lowercase letters. The basic HTML tags are given
below:
9
<h2> Heading Tag </h2>
Some HTML tags are not closed, for example br and hr.
<br> Tag: br stands for break line, it breaks the line of the code.
<hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line across the
webpage.
<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>,
<address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>,
<samp>, <var> and <br>
10
HTML List Tags
table, tr, td, th, tbody, thead, tfoot, col, colgroup and caption
form, input, textarea, select, option, optgroup, button, label, fieldset and legend
11
What is CSS
CSS is an acronym 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.
Before CSS, tags like font, color, background style, element alignments, border and size
had to be repeated on every web page. This was a very long process. For example: If you
are developing a large website where fonts and color information are added on every
single page, it will be become a long and expensive process. CSS was created to solve
this problem. It was a W3C recommendation.
CSS style definitions are saved in external CSS files so it is possible to change the entire
website by changing just one file.
CSS provides more detailed attributes than plain HTML to define the look and feel of the
website.
12
CSS Syntax
Selector: Selector indicates the HTML element you want to style. It could be any tag like
<h1>, <title> etc.
Declaration Block: The declaration block can contain one or more declarations
separated by a semicolon. For the above example, there are two declarations:
1. color: yellow;
2. font-size: 11 px;
Value: Values are assigned to CSS properties. In the above example, value "yellow" is
assigned to color property.
13
What is Bootstrap
o Bootstrap is the most popular HTML, CSS and JavaScript framework for
developing a responsive and mobile friendly website.
o It is absolutely free to download and use.
o It is a front-end framework used for easier and faster web development.
o It includes HTML and CSS based design templates for typography, forms, buttons,
tables, navigation, modals, image carousels and many others.
o It can also use JavaScript plug-ins.
o It facilitates you to create responsive designs.
History of Bootstrap
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter.It was released as
an open-source product in August 2011 on GitHub.
o It is very easy to use. Anybody having basic knowledge of HTML and CSS can use
Bootstrap.
o It facilitates users to develop a responsive website.
o It is compatible on most of browsers like Chrome, Firefox, Internet Explorer,
Safari and Opera etc.
14
What is a responsive website
A website is called responsive website which can automatically adjust itself to look good
on all devices, from smart phones to desktops etc.
Scaffolding: Bootstrap provides a basic structure with Grid System, link styles, and
background.
CSS: Bootstrap comes with the feature of global CSS settings, fundamental HTML
elements style and an advanced grid system.
JavaScript Plugins: Bootstrap also contains a lot of custom jQuery plugins. You can
easily include them all, or one by one.
Customize: Bootstrap components are customizable and you can customize Bootstrap's
components, LESS variables, and jQuery plugins to get your own style.
Add the HTML 5 doctype: Bootstrap uses HTML elements and CSS properties, so you
have to add the HTML 5 doctype at the beginning of the page with lang attribute and
correct character set.
Ex:
1. <!DOCTYPE html>
2. <html lang="en">
3. <head><meta http-equiv="Content-Type" content="text/html; charset=windows-
1252">
4.
5. <title>Any title</title>
6. </head>
7. <body>
8. //write code
9. </body>
10. </html>
15
Bootstrap is mobile friendly: Bootstrap 3 is designed to be responsive to mobile
devices.
Mobile-first styles are part of the core framework of Bootstrap.You have to add the
following <meta> tag inside the <head> element for proper rendering and touch
zooming:
Note: The "width=device-width" part is used to set the width of the page to follow the
screen-width of the device (vary according to the devices).
The initial-scale=1 part is used to set the initial zoom level when the page is first
loaded by the browser.
Containers: container is used to wrap the site contents. There are two container
classes.
16
JavaScript
o Client-side validation
o Dynamic drop-down menus
o Displaying data and time
o Displaying popup windows and dialog boxes (like alert dialog box, confirm dialog
box and prompt dialog box)
o Displaying clocks etc.
JavaScript Example
Javascript example is easy to code. JavaScript provides 3 places to put the JavaScript
code: within body tag, within head tag and external JavaScript file.
1. <script type="text/javascript">
2. document.write("JavaScript is a simple language for atharva learners");
3. </script>
The text/javascript is the content type that provides information to the browser about
the data.
17
JavaScript Example : code between the body tag
In the above example, we have displayed the dynamic content using JavaScript. Let’s see
the simple example of JavaScript that displays alert dialog box.
1. <script type="text/javascript">
2. alert("Hello Atharva");
3. </script>
Let’s see the same example of displaying alert dialog box of JavaScript that is contained
inside the head tag.
In this example, we are creating a function msg(). To create function in JavaScript, you
need to write function with function_name as given below.
To call function, you need to work on event. Here we are using onclick event to call
msg() function.
1. <html>
2. <head>
3. <script type="text/javascript">
4. function msg(){
5. alert ("Hello Atharva");
6. }
7. </script>
8. </head>
9. <body>
10. <p>Welcome to JavaScript</p>
11. <form>
12. <input type="button" value="click" onclick="msg()"/>
13. </form>
14. </body>
15. </html>
18
External JavaScript file
We can create external JavaScript file and embed it in many html page.
It provides code re usability because single JavaScript file can be used in several html
pages.
Let’s create an external JavaScript file that prints Hello Atharva in a alert dialog box.
Message.js
1. function msg () {
2. alert ("Hello Atharva");
3. }
Let’s include the JavaScript file into html page. It calls the JavaScript function on button
click.
index.html
1. <html>
2. <head>
3. <script type="text/javascript" src="message.js"></script>
4. </head>
5. <body>
6. <p>Welcome to JavaScript</p>
7. <form>
8. <input type="button" value="click" onclick="msg ()"/>
9. </form>
10. </body>
</html>
19
PHP
PHP tutorial for beginners and professionals provides deep knowledge of PHP scripting
language. Our PHP tutorial will help you to learn PHP scripting language easily.
This PHP tutorial covers all the topics of PHP such as introduction, control statements,
functions, array, string, file handling, form handling, regular expression, date and time,
object-oriented programming in PHP, math, PHP mysql, PHP with ajax, PHP with jquery
and PHP with XML.
What is PHP
PHP Example
In this tutorial, you will get a lot of PHP examples to understand the topic well. The PHP
file must be saved with .php extension. Let's see a simple PHP example.
File: hello.php
1. <!DOCTYPE>
2. <html>
3. <body>
4. <?php
5. echo "<h2>Hello by PHP</h2>";
6. ?>
7. </body>
8. </html>
Output:
Hello by PHP
20
Web Development
PHP is widely used in web development now a days. Dynamic websites can be easily
developed by PHP. But you must have the basic the knowledge of following technologies
for web development as well.
o HTML
o CSS
o JavaScript
o AJAX
o XML and JSON
o JQuery
What is PHP
PHP is a open source, interpreted and object-oriented scripting language i.e. executed at
server side. It is used to develop web applications (an application i.e. executed at server
side and generates dynamic page).
What is PHP
o PHP is a server-side scripting language.
o PHP is an interpreted language, i.e. there is no need for compilation.
o PHP is an object-oriented language.
o PHP is an open-source scripting language.
o PHP is simple and easy to learn language.
PHP Features
o Performance: Script written in PHP executes much faster than those scripts
written in other languages such as JSP & ASP.
o Open-Source Software: PHP source code is free available on the web; you can
develop all the version of PHP according to your requirement without paying any
cost.
21
o Platform Independent: PHP are available for WINDOWS, MAC, LINUX & UNIX
operating system. A PHP application developed in one OS can be easily executed
in other OS also.
o Compatibility: PHP is compatible with almost all local servers used today like
Apache, IIS etc.
o Embedded: PHP code can be easily embedded within HTML tags and script.
o MySQL connect ()
o PDO__construct()
Syntax
1. resource mysqli_connect (server, username, password)
Syntax
1. bool MySQL close(resource $resource link)
Example
1. <?php
2. $host = 'localhost:3306';
3. $user = '';
4. $pass = '';
5. $conn = MySQL connect ($host, $user, $pass);
22
6. if (! $conn)
7. {
8. die ('Could not connect: ' . MySQL error ());
9. }
10. echo 'Connected successfully';
11. mysqli_close($conn);
12. ?>
Output:
Connected successfully
o MySQL query ()
o PDO: __query ()
Example
1. <?php
2. $host = 'localhost:3306';
3. $user = '';
4. $pass = '';
5. $conn = MySQL connect ($host, $user, $pass);
6. if (! $conn)
7. {
8. die ('Could not connect: ’. mysql_connect_error ());
9. }
10. echo 'Connected successfully<br/>';
11.
12. $SQL = 'CREATE Database mydb';
13. if (MySQL query ($Conn, SQL)) {
14. echo "Database mydb created successfully.";
15. } else {
16. echo "Sorry, database creation failed”. MySQL error($conn);
17. }
23
18. MySQL close($conn);
19. ?>
Output:
Connected successfully
Database my created successfully.
PHP MySQL query () function is used to create table. Since PHP 5.5, MySQL query
() function is deprecated. Now it is recommended to use one of the 2 alternatives.
o MySQL query ()
o PDO: __query ()
Example
1. <?php
2. $host = 'localhost:3306';
3. $user = '';
4. $pass = '';
5. $dbname = 'test';
6.
7. $conn = MySQL connect ($host, $user, $pass, dB name);
8. if (! $conn) {
9. die ('Could not connect:’. mysql_connect_error ());
10. }
11. echo 'Connected successfully<br/>';
12.
13. $SQL = "create table emp5(id INT AUTO_INCREMENT, name VARCHAR
(20) NOT NULL,
14. emp_salary INT NOT NULL, primary key (id))";
15. if (MySQL query ($conn, $SQL)) {
16. echo "Table emp5 created successfully";
17. } else {
18. echo "Could not create table: ". mysqli_error($conn);
19. }
24
20.
21. MySQL close($conn);
22. ?>
Output:
Connected successfully
Table emp5 created successfully
PHP MySQL query () function is used to insert record in a table. Since PHP 5.5, MySQL
query () function is deprecated. Now it is recommended to use one of the 2 alternatives.
o MySQL query ()
o PDO: __query ()
Example
1. <?php
2. $host = 'localhost:3306';
3. $user = '';
4. $pass = '';
5. $dbname = 'test';
6.
7. $conn = MySQL connect ($host, $user, $pass, dB name);
8. if (! $conn) {
9. die ('Could not connect: 'mysql_connect_error ());
10. }
11. echo 'Connected successfully<br/>';
12. $SQL = 'INSERT INTO emp4(name, salary) VALUES ("Sono", 9000)';
13. if (MySQL query ($conn, $SQL)) {
14. echo "Record inserted successfully";
15. } else {
16. echo "Could not insert record: ". MySQL error($conn);
17. }
18. MySQL close($conn);
19. ?>
Output:
25
Connected successfully
Record inserted successfully
26
3.CONCLUSION
In conclusion, this internship has been a very useful experience for me. I can safely
say that my understanding of the job environment has increased greatly. However,
I do think that there are some aspects of the job that I could have done better and
that I need to work on. I need to build more confidence in applying accounting
principles. I realized that I could have completed the work earlier than I did. Also,
the technical parts of the job were a bit flawed and I was asked multiple times to
correct it.
27