ABSTRACT
ABSTRACT
Submitted by
K.Aashish Dubey -
9917004001 K.Bharath
Ganesh - 9917004014
V.Gowtham
-9518004301
M.Anand -
9917004188
in partial fulfillment for the
award of the degree
of
B.TECH
IN
COMPUTER SCIENCE AND
ENGINEERING
1
ACKNOWLEDGEMENT
Owing deeply to the supreme, we extend our sincere thanks to the Almighty, the great architect of the
universe and our parents, who has blessed us to come out successfully with our project. The success and final
outcome of our In-plant training required a lot of guidance and assistance from many people and we are
extremely privileged to have got this all along the completion of our project. All that we have done is only
due to such supervision and guidance and we would not forget to thank them.
We wish to express our deep sense of gratitude to our beloved Chancellor Dr.K.SRIDHRAN for
providing all necessary facilities to carry out the project work. We extend our sincere thanks to the Vice
President, the guiding light for our every action, Dr.S.SHASI ANAND for his consistent encouragement
&Vice Chancellor, Dr.R.NAGARAJ for the constant support. I respect and thank our Dean,
Dr.P.DEEPALAKSHMI for providing us an opportunity to do this project with all the support and
I owe my deep gratitude to our beloved Head of the Department Dr.A.FRANCIS SAVIOUR
DEVARAJ, for his encouragement, support and guidance throughout this In-plant training. Finally, I would
like to thanks respected proprietor Mr.Sathyaraj of Technknocorp Software Solutions who gave us an
2
ABSTRACT
WEBSITE DESIGN AND DEVELOPMENT were the main objective of this
inplant training. 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 otherprogramming
languages that are used to develop the dynamic functions of the software
orapplication. For example-PHP, Java etc. Nowadays there are also some
framework's that usevastly. 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 becausewe can access it from
anywhere of the world. It is very helpful for our daily life. That is why Ichoose
subject of my report is "WEBSITE DESIGN AND DEVELOPMENT". Working
in Insight Techknocorp, Coimbatore, TamilNadu,India, added huge experiences
in my upcoming career. Solving real lifeproblems was another key issue. This
report takes us through all the details of WEBSITE DESIGN AND
DEVELOPMENT knowledge and experience gathered during this internship
period.
3
TABLE OF CONTENTS
CONTENT PAGE NO
Approval i
Declaration ii
Acknowledge iii
Abstract iv
Table of content v
List of figure vi
CHAPTER
CHAPTER 1: INTRODUCTION PAGE NO
1.1 Introduction
1.2 Objectives
1.2.1 To save the time and resources 1
easily 2
1.3Motivation 3
4
CHAPTER 2: INTERNSHIP ENTERPRISE
2.1About the Company 5
2.2 IT Services Offered 6
2.2.1 Fixed Price System Develop 6
2.2.2 Software Development Kit 6
2.2.3 Pay Roll Software 6
2.2.4 Managing Site Content 6
2.2.5 Software Marketing 6
2.2.6 Dedicated Support Team 6
2.2.7 Installation & Technical Manuals 6
2.2.8 Website Optimization 6
2.2.9 Web design & Development 7
2.2.10 Website Technical Support 7
2.3 Roles in Job Market 8
2.3.1 Salaries are Average 9
2.3.2 Job Titles Are Vague 9
2.3.3 Jobs are Multi-skilled 9
CHAPTER 3: INTERNSHIP ROLES AND RESPONSIBILITIES
3.1 Training Attended 10
3.2 Assigned Responsibilities 10
3.3 Work Environment 11
3.3.1 Using Web Development Project Template 11
3.4 Performed Tasks
5
CHAPTER 4: INTERNSHIP OUTCOMES
6
CHAPTER 1
INTRODUCTION
1.1 Introduction
PHP was developed by Ramus Ledford. It is a freeware. It is also a weakly typed,
free from language. PHP has since evolved into a powerful server-side markup
language with syntax that resembles a mix between Perl and C. PHP is a server-
side scripting language designed specifically for the web. Within an HTML page,
we can embed PHP code that will be executed each time the page is
visited.HTML generate the web page with the static text and images. However,
the need evolved for dynamic web base usage. These dynamic usages are
facilities by PHP .Other tasks that PHP is especially good at are database access,
disk access, networking and text manipulation. PHP is an excellent alternative to
such similar programming solutions as Microsoft’s proprietary scripting engine
ASP and Allayer’s rather expensive Cold fusion. As mentioned before, PHP is a
cross-platform language.Finally, PHP is easy. If you know C or Perl, learning
PHP is a cinch. The language is a mix between the two, taking the best features
from both. Plus, PHP adds features to solve common problems that programmers
often encounter when programming for the web.
1.2 Objectives
The objective of the web development is to handle the entire activity of a website.
The software keeps track of all the information about the entire website. The
system contains database where all the information will be stored safely.
1.2.1 To save the time and resources
The website system will take less time in entering the data, processing it and
getting its output. Fewer resources will be used as no large registers, files,
ledgers, pens; correctors will be needed or used.
1.2.2 To reduce the number of workers After the system will be
computerized only a single computer operator will be neededto operate the
system while now more than one workers work in the system.
8
Information: Develop information resources and services that support
research,education, and healthcare at Dartmouth.
Publishing: Build collaborations to support faculty, graduate, and
undergraduate student scholarly publishing.
Learning: Teach members of the Dartmouth community to be effective users
and producers of information to meet their current academic needs and prepare
them for a lifetime of learning and of responsible leadership.
Institutional collaboration: provides leadership and support for college
initiatives and priorities.
1.5 Report Layout
Layout includes such things as the chapter objective details type of paper chosen,
the margins, the line spacing, the pagination, and the incorporation of equation,
illustrations, and references. Table 1 presents general specifications for the page
layouts.
For each report that I create, I can assign a report layout. Via the report layout I
define the layout features of the report, such as the page format of the report and
the numeric format of the report data. When I use the layout functions, I can set
parameters for the report.
When I define a report layout, I define a layout specifically for a report and I can
change the standard layout assigned to a report.
□ In Chapter 1 I mention details about web development introduction.
Objective. Objective include some facility about internship as save the time and
resource, reduce the number of workers, reduce the work load, easy to search and
record. Motivation to web development as inheritance, implement, object declare
and so on opportunity. Goals of web development project PHP is more effective
and choice full and ultimate for fruitful programmer. Report layout is the short
overview of full report chapters.
□ Chapter 2 describe about internship enterprise like about the company IT
services offered, roles in job market and responsibilities.
9
□ Chapter 3 contain internship roles and responsibilities like training
attended, assigned responsibilities, work environment, using web development
projecttemples, performed tasks with figure and mention task.
□ Chapter 4 describe about internship outcomes some outcomes of
internship is problems and solutions like OOP understanding, view some
component in frame. And learning outcomes, challenges.
□ Chapter 5 simply I mention about inplant training discussion and
conclusion
i
Chapter 2
Inplant Training Enterprise
2.1 About The Company
TechknoCorp is a global software firm on a mission to create brilliant software’s,
websites and blazing fast browser based applications. The spectrum of this
company was started in 2013. Our development offices span the world, with
teams in Coimbatore and Chennai. We provide an end to - end service, including
customized software, business automation, website appraisal, project
management, website development, website update and maintenance, search
engine optimization and web marketing, e-Commerce, and graphic design - to
name just a few. By removing the borders and boundaries which usually keep
brilliant people apart, our international teams provide an uncompromised talent
pool from which to select the most suitable individuals. Through this unique
approach we offer creative, distinctive, and effective solutions to build
competitive advantage and value for businesses of any size. All this is complex,
but it couldn’t be simpler for you: Our experienced IT consultants provide a
single, local point of contact and act as advocates for your project, selecting
suitable team members, drawing up schedules and guiding our significant
resources to action. What is more, we practice development transparency, making
work logs, work in progress previews, schedules and other development
information available in real time via our client portal. TechKnoCorp; closely
monitors latest industry leading technologies, software updates and security
patches and offers most reliable secured and effective solutions for your
organization that definitely beat most of our competitors, with vastly superior
customer service and production quality. We enjoy repeat business from almost
every client we have worked with .
Head Office
Name: TechknoCorp software solutions.
Address: 117-1st floor, M S complex, VKK Menon Rd, New siddhapudur, CBE.
2.2 IT Services Offered
1
2.2.1 Fixed Price System Develop
Insight TechknoCorp perform browser compatibility test (in major browser) we
will make sure your site with each project.
2.2.2 Software Development Kit
Insight TechknoCorp is a full-cycle bespoke and software product development
service provider.
2.2.3 Payroll Software
Insight TechknoCorp offers website planning, creative design for your business
implementations.
2.2.4 Managing Site Content
Having a web site that you can manage yourself is the perfect solution for most
companies.
2.2.5 Software Marketing
Insight TechknoCorphas been in the online outsourcing industry providing
prepress graphic design, Logo design, in design.
2.2.6 Dedicated Support Team
Your business is important to us and we want to make sure that you are satisfied
with our application or product.
2.2.7 Installation & Technical Manuals
Insight TechknoCorpoffers website planning, creative design for your business
implementations.
2.2.8 Website Optimization
Insight TechknoCorp do understand the importance of website optimization.
i
Having your website designed and built professionally will improve your
company image and help to enforce your brand.
2.2.10 Website Technical Support
i
CHAPTER 3
INTERNSHIP ROLES AND RESPONSIBILITIES
3.1 Training Attended
There are more attendant and requirement is need to build a project we know that,
we can mix all language like C++, C#, HTML, PHP, JavaScript, and more. The
web server combines the results of the interpreted and executed PHP code, which
may be any type of data, including images, with the generated web page. PHP
code may also be executed with a command-line interface(CLI) and can be used
to implement standalone graphical applications. Those training I was attending in
Insight TechknoCorp are given below:
□ HTML4, HTML5
□ CSS2, CSS3
□
Bootstrap
□ JQuery
□ Ajax
□ PHP
□ OOP
3.2 Assigned Responsibilities:
□ MySQL
Regular exposure to business stakeholders and executive management, as well as
the authority and scope to apply your expertise to many interesting technical
problems. Candidate must have a strong understanding of UI, cross-browser
compatibility, general web functions and standards. The position requires
constant communication with colleagues.
3.3 Work Environment
Front end Developer The front end developer generally works at client side
dealing with the web page design, graphics that is accessible to the user.
i
Back end Developer The back end developer is a person who is responsible for the
back end development that interacts with the server. This type of web developer
specializes in the languages like PHP, ruby, ASP.Net, Java, Cold Fusion, and Perl.
The job profiles for the web developer includes:
HTML
DotCreative
A% IT AGENCY
120 + HTML Pages Or
Bootstrap 4 Fully
Responsive Modern
Design Free Fonts &
Icons
fig 3.1
Web framework
In general, a framework is a real or conceptual structure intended to serve as a
support or guide for the building of something that expands the structure into
something useful. In computer systems, a framework is often a layered structure
indicating what kind of programs can or should be built and how they would
interrelate. Some computer system frameworks also include actual programs,
specify programming interfaces, or offer programming tools for using the
frameworks. A framework may be for a set of functions within a system and how
they interrelate; the layers of an operating system; the layers of an application
subsystem; how communication should be standardized at some level of a
network; and so forth. A framework is generally more comprehensive than a
protocol and more prescriptive than a structure. Examples of frameworks that are
currently used or offered by standards bodies or companies include:
i
□ Resource Description Framework, a set of rules from the World Wide
Web Consortium for how to describe any Internet resource such as a Web
site and its content.
□ Internet Business Framework, a group of programs that form the
technological basis for my SAP product from SAP, the German company
that markets an enterprise resource management line of products
□ Sender Policy Framework, a defined approach and programming for
making e-mail more secure
□ Zach man framework, a logical structure intended to provide a
comprehensive representation of an information technology enterprise that
is independent of the tools and methods used in any particular IT business.
3.4 Performed Tasks
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
i
8. Register
Page
9. Track
Home Page:
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.2
Product This page consists of product details. This page appears same for both
visitors and users. The following figure shown in figure 3.3.
i
fig 3.3
Order Us Page:
Registered users can order desired products from here. The following figure
shown in figure 3.4.
DENIM MFD A
FIELD JACKET
nn ill ij >1
■■•> IP.
A
A
A
Visitors and Registered users can contact website owners or administrators from
here. The following figure shown in figure 3.5.
2
Admin Page:
This page describes about website and owners.
Login Page:
2
Login page for both users and administrators.
Register Page:
New users can register here. The following figure shown in figure 3.8
F*st Name
data Cinterchange
Password
Welcome to the Data Interchange
professional e-Invoicing portal
Confirm password
4.2.3Bootstrap
□ Environment Setup
□ Grid System
□ Typography
□ Tables, Forms, Buttons, Images
2
□ Dropdown, Button group
□ Navigation Element
Button) 4.2.4JavaScript
□ 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.5PHP BASIC
□ Control Structures (if, else, else if, while, do-while, for, for each, break,
continue, switch)
□ Include (require, include, require_ once, include_ once)
Most commonly:
□ Syntax error.
□ Fatal error.
□ Find out the problem and try to solve that.
2
CHAPTER 5
2
5.2 Conclusion
As a conclusion, I can say that this internship was a great experience. Thanks to
this project, I acquired deeper knowledge concerning my technical skills but I
also personally benefited. Currently PHP pages are a common part of web
applications, and one of the most popular language for web development used by
developers worldwide. If we surf internet we can see millions of websites built
with PHP and MYSQL. I learn to live in a different environment from the one I
am used to. Indeed, I grew more independent in work and also in everyday life. I
realized that I could do more things than I thought like learning new things by
myself. 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.