INDUSTRIAL TRAINING REPORT

TITLE OF THE PROJECT

project 1: tour and travel website
project 2: school management
Submitted in partial fulfillment of the system

Requirements of the award of

Degree of Bachelor of Technology in Information Technology

Submitted by
Name :
University Roll number:

SUBMITTED TO:
Department of Information Technology
BHILAI INSTITUTE OF TECHNOLOGY
DURG [C.G.]
 DECLARATION

I hereby declare the vocational training Report entitled “WEB

DEVELOPMENT“ is an authentic record of my own work as
requirements of vocational training during the period from 20
june to 20 july for the award of degree of B.E.
(Information Technology ) , BHILAI INSTITUTE OF
TECHNOLOGY,DURG.

Date:____________________
 ACKNOWLEDGMENT

I have great pleasure in the submission of this training report entitled Web
Development in partial fulfilment the degree of Bachelor of Engineering (IT).
While submitting this Project report, I take this opportunity to thank those
directly or indirectly related to project work.
I would like to thank my guide Mr. Saurabh Deshmukh , Projectcuriosity,
Near Gate Acadmy, Smritinagar, Bhilai , Chhattisgarh. who has provided
the opportunity and organizing training for me. Without his active co-
operation and guidance, it would have become very difficult to complete task
in time.

I would like to express sincere thanks and gratitude to Dr. Arun Arora,
Principal of the Institution, Dr.Ani Thomas, Head of the Department
Information Technology for their encouragement and cordial support..

While Submission of the project, I also like to thanks and all

the staff of department of Information Technology, Bhilai Institute of
Technology, Durg for their continuous help and guidance throughout the
course of project.

Acknowledgement is due to our parents, family members, friends and all

those persons who have helped us directly or indirectly in the successful
completion of the project work.

Name of the
Student:
Roll No:
 COMPANY OVERVIEW

Projectcuriosity is a technology focused start-up currently operating

in the education field, providing technical training to Engineering &
Diploma students across Central India. It's one of the preferred
training institutes in C.G, a central province in India, and has trained
more than 6000 students.
We at Projectcuriosity best Industrial Training & Project
Development Institution in Central India for ME, Mtech, B.E,
B.Tech, Diploma in Electronics & Mechanical manufacturing as well
as we also provide best quality services in ERP, Web design
,Ecommerce & Application Development in very Advanced
Technologies from past 3yrs. apart from that we have Launched our
National level IOT & Embedded Software based Agriculture Products
. We are also Consulting Students for Job approach in Embedded &
Advance IOT based Technologies.
Website
http://www.projectcuriosity.in
Headquarters
Bhilai, Chhattisgarh
Year Founded
2014
Company Type
Privately Held
Specialties
Engineering projects, M.tech projects, Research & Development,
internet of things, python, Raspberry pi, web development, ERP,
Android, Software Development, Embedded products, Classified
websites, Multi-vendor Websites, Industrial Vocational Training,
Retail marketing, Internship, PR Services, Web services, MATLAB
Training, Arduino & Robotics Training
 CHAPTERS

1. INTRODUCTION

2. PROBLEM STATEMENT

3. OBJECTIVE

4. HARDWARE, SOFTWARE REQUIREMENT

5. SNAPSORTS

6. CONCLUSION

7. FUTURE SCOPE
 INTRODUCTION

Web Development is a broad term for the work involved in developing a website for the internet or an

intranet. Web Development can range from developing the simplest static web pages to the dynamic

web pages like internet applications, e-commerce, social networking websites etc.

A more comprehensive list of tasks to which a web development commonly refers to may include the
Web Engineering, Web Designing, Web Content Development, Client Side Scripting, Web Server and
Network Security Configuration and E-Commerce development.

Various Web development languages are HTML(Hyper Text Markup Language),PHP(HyperText

Preprocessor), Mysql, Ajax, Bootstrap, etc.

HTML:- HTML is the standard markup language for creating Web pages. HTML stands for
Hyper Text Markup Language

• HTML describe the structure of a page

• HTML consists of series of elements
• HTML elements are represented by tags
• HTML tags label pieces of contents such as ”heading” ,”paragraph” ,”table”, and
so on.
• HTML elements tell the browser how to display the content
• Browser do not display the HTML tags, but use them to render the content of the
page

CSS:--Cascading Style Sheet, fondly referred to as CSS, is a simple design language

intended to simplify the process of making web pages presentable.CSS is must for
students and working professionals to become a great software engineers specially when
we are working in Web Development Domain .I will list down some of the key
advantages of learning CSS:

• Create Stunning Web site-CSS handle the look and feel part of a web page .Using
CSS, you can control the color of the text, the style of Fonts, the spacing between
paragraph, how column are sized and laid out, what background image and colors
are used, layout designs, variation s in display for different devices and screen
sizes as well as variety of other effects.
 • Become a web designer-If you want to start a carrier as a professional web
designer, HTML and CSS designing is a must skill.
• Control web-CSS is easy to learn and understand but it provide powerful control
over a presentation of an HTML document. Most commonly, CSS is combined with
the markup languages HTML or XHTML.
• Learn other language-Once you understand the basic of HTML and CSS then other
releted technologies like javascrift , php ,or angular are become easier to
understand.

BOOTSTRAP:-

• Bootstrap is a free front-end framework for faster and easier web

development
• Bootstrap includes HTML and CSS based design templates for typography, forms,
buttons, tables, navigation, modals, image carousels and many other, as well as
optional JavaScript plugins

• Bootstrap also gives you the ability to easily create responsive designs

Advantages of Bootstrap:

• Easy to use: Anybody with just basic knowledge of HTML and CSS can start
using Bootstrap
• Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets,
and desktops
• Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core
framework
• Browser compatibility: Bootstrap is compatible with all modern browsers
(Chrome, Firefox, Internet Explorer, Edge, Safari, and Opera)

JQUERY:-The purpose of jQuery is to make it much easier to use JavaScript on your

website.

Before you start studying jQuery, you should have a basic knowledge of:

• HTML
• CSS
• JavaScript
jQuery is a lightweight, "write less, do more", JavaScript library.

The purpose of jQuery is to make it much easier to use JavaScript on your website.

jQuery takes a lot of common tasks that require many lines of JavaScript code to
accomplish, and wraps them into methods that you can call with a single line of code.

jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and
DOM manipulation.

The jQuery library contains the following features:

• HTML/DOM manipulation
• CSS manipulation
• HTML event methods
• Effects and animations
• AJAX
• Utilities

PHP:-PHP started out as a small open source project that evolved as more and more
people found out how useful it was. Rasmus Lerdorf unleashed the first version of PHP
way back in 1994.

⚫ PHP is a recursive acronym for "PHP: Hypertext Preprocessor".

⚫ PHP is a server side scripting language that is embedded in HTML. It is used to

manage dynamic content, databases, session tracking, even build entire e-

commerce sites.

⚫ It is integrated with a number of popular databases, including MySQL,

PostgreSQL, Oracle, Sybase, Informix, and Microsoft SQL Server.

⚫ PHP is pleasingly zippy in its execution, especially when compiled as an Apache

module on the Unix side. The MySQL server, once started, executes even very

complex queries with huge result sets in record-setting time.

⚫ PHP supports a large number of major protocols such as POP3, IMAP, and LDAP.

PHP4 added support for Java and distributed object architectures (COM and

CORBA), making n-tier development a possibility for the first time.

 ⚫ PHP is forgiving: PHP language tries to be as forgiving as possible.

⚫ PHP Syntax is C-Like.

⚫ Common uses of PHP:-

1. PHP performs system functions, i.e. from files on a system it can create, open,

read, write, and close them.

2. PHP can handle forms, i.e. gather data from files, save data to a file, through

email you can send data, return data to the user.

3. You add, delete, modify elements within your database through PHP.

4. Access cookies variables and set cookies.

5. Using PHP, you can restrict users to access some pages of your website.

6. It can encrypt data.

Characteristics of PHP:-

• Simplicity

• Efficiency

• Security

• Security

• Flexibility &Familiarity
MYSQL:-

MySQL is a fast, easy-to-use RDBMS (Relational Database Management System) being

used for many small and big businesses. MySQL is developed, marketed and supported

by MySQL AB, which is a Swedish company. MySQL is becoming so popular because of

many good reasons −

• MySQL is released under an open-source license. So you have nothing to pay to

use it.

• MySQL is a very powerful program in its own right. It handles a large subset of

the functionality of the most expensive and powerful database packages.

• MySQL uses a standard form of the well-known SQL data language.

• MySQL works on many operating systems and with many languages including

PHP, PERL, C, C++, JAVA, etc.

• MySQL works very quickly and works well even with large data sets.

• MySQL is very friendly to PHP, the most appreciated language for web

development.

• MySQL supports large databases, up to 50 million rows or more in a table. The

default file size limit for a table is 4GB, but you can increase this (if your

operating system can handle it) to a theoretical limit of 8 million terabytes (TB).

• MySQL is customizable. The open-source GPL license allows programmers to

modify the MySQL software to fit their own specific environments.

 INTRODUCTION TO PROJECT

Every organization needs to manage its data and

management system accurately to run the organization
smoothly. If it is done my manpower it can be found
expensive for many the organization . So, it is done by
developing an appropriate software that provide all
power to admin to manage everything cheaply and
accurately.

Develop a Website which has facilitates to see all the

information of student and teacher in various
department of college and all the control of managing
the data are in the hand of admin.
 OBJECTIVE

To create a website that solves the problem teacher

and student. is an innovative tool to maintain and
manage the details of students/teachers.
Prefixing a word “online” to this tool makes this tool
very resourceful technique. This is because now this
tool can be accessed from anywhere around the globe.

So an online Management System is an innovative way

to monitor and track the details of students/teachers.
Also this provides a transparency in the system so that
they can view their details from anywhere , anytime.
 TOOLS AND TECHNOLOGY USED

HARDWARE:
• COMPUTER-: RAM(1gb<),INTEL/AMD Processors
SOFTWARE:
• OS: Windows/Linux/Mac.
• WEBSITE SERVER: Wamp Server

• WEBSITE CREATION SOFTWARE: Notepad

• WEB BROWSERS: Google Chrome, Mozilla Firefox, Safari

(Mac os), and Internet explorer

TECHNOLOGY:
• Html
• Css
• Bootstarp
• Jquery
• Php
• Mysql
Snapshots
Teacher database:

Student database:
management
CONCLUSION AND FUTURE SCOPE:
CONCLUSION:

Tittle of the project as ERP System is the system that deals with the issues
related to a particular institution. It is the very useful to the student as well as
the faculties to easy access to finding the details. This project is successfully
implemented with all the features and modules of the college
system as per requirements. The college ERP provides appropriate information
to users based on their profiles and role in the system. This project is designed
keeping in view the day to day problems faced by a college system.
FUTURE SCOPE:

• More access can be made available for the users.

• The website can be made more user friendly and interactive.
• Providing lab records .
• Providing personal inbox to the registered user in case of any
problem.

REFERENCE:

• www.javapoint.com

• www.w3school.com