VISVESVARAYA TECHNOLOGICAL UNIVERSITY

JNANASANGAMA, BELAGAVI – 590018

An Internship Report
“WEB DEVELOPMENT”

Submitted in partial fulfillment of the requirement for the award of the

Degree of Bachelor of Engineering

in
Computer Science & Engineering

Submitted by

SEENAKULA RAVI SHANKAR

1AT17CS077

Internship Carried out

EAMVEY TECHNOLOGIES

Internal Guide External Guide

Mr. Vijay Swaroop A Eamvey Technologies
Associate Professor

ATRIA INSTITUTE OF TECHNOLOGY

Department of Computer Science & Engineering

Anandanagar, Bangalore-560024

2020-2021
 Atria Institute of Technology

Anandanagar, Bangalore-560024

CERTIFICATE

Certified that this seminar work entitled “WEB DEVELOPMENT” presented by

“SEENAKULA RAVI SHANKAR” “1AT17CS077” of Atria Institute of Technology,
Bangalore in partial fulfilment for the award of Bachelor of Engineering in Computer
Science & Engineering of Visvesvaraya Technological University, Belagavi during 2020-
2021. It is certified that all corrections/suggestions indicated for Internal Assessment have
been incorporated in the report deposited in the department library. The seminar report has
beenapproved as it satisfies the academic requirements with respect to seminar report as
prescribed for the said Degree.

Signature of Guide Signature of Coordinator Signature of HOD

Mr. Vijay Swaroop A Mr. Vijay Swaroop A Dr. Aishwarya P

External Viva
(Name of Internal /External Examiner with Signature & Date)

Examiner 1:

Examiner 2:
ORGANIZATION CERTIFICTAE
 DECLARATION

I SEENAKULA RAVI SHANKAR(1AT17CS077), the student of 8th Semester,

Department of Computer Science & Engineering, Atria Institute of Technology, here by
declare that this internship work on “WEB DEVELOPMENT” has been carried out by
us, under the guidance of Mr. Vijay Swaroop Assoc. Professor, Dept. of CS&E. This
internship work is submitted to Visvesvaraya Technological University in partial
fulfillment of the requirement for the award of degree of Bachelor of Engineering in
Computer Science & Engineering for the academic year 2020-2021.

Place: Bangalore

Date: Signature of Student

 ACKNOWLEDGEMENT

The foundation for any successful venture is laid out not just by the individual accomplishing
the task, but also by several other people who believe that the individual can excel and put in
their every bit in every endeavor he/she embarks on, at every stage in life. And the success is
derived when opportunity meets preparation, also supported by a well-coordinated approach
and attitude.

I would like to express my sincere gratitude to the respected principal Dr. T N. Sreenivasa, for
providing a congenial environment to work in. I also like to express my sincere gratitude to Dr.
Aishwarya P, Head of Department, Computer Science, for her continuous support and
encouragement.

I am indeed indebted to Mr. Vijay Swaroop, coordinator and guide for his continued support,
advice and valuable inputs during the course of this seminar work.
Last, but not the least I would like to thank my family, who has acted as a beacon of light
throughout my life.
My sincere gratitude goes out to all my comrades and well-wishers who have supported me
through all the ventures.
 EXECUTIVE SUMMARY

Web development is a broad term for the work involved in developing a website for the Internet
(World Wide Web) or an intranet (a private network). Web development can range from
developing the simplest static single page of plain text to the most complex web-based internet
applications (or just 'web apps') electronic businesses, and social network services. A more
comprehensive list of tasks to which web development commonly refers, may include web
engineering, web design, web content development, client liaison, client-side/server- side
scripting, web server and network security configuration, and e-commerce development.

For larger organizations and businesses, web development teams can consist of hundreds of
people (web developers) and follow standard methods like agile methodologies while
developing websites. Smaller organizations may only require a single permanent or contracting
developer, or secondary assignment to related job positions such as a graphic designer or
information systems technician. Web development may be a collaborative effort between
departments rather than the domain of a designated department. There are three kinds of web
developer specialization: front-end developer, back-end developer, and full-stack developer.
Front-end developers deal with the layout and visuals of a website, while back-end developers
deal with the functionality of a website. Back-end developers will program in the functions of
a website that will collect data.

The main technologies used in Web Development project are HTML, CSS and PHP.
HTML stands for Hypertext Markup Language. It is the standard markup language for creating
web pages and web applications. Web Browsers receive HTML documents from a web server
or from local storage and render the documents into multimedia web pages. HTML describes
the structure of a web page semantically and originally included cues for the appearance of the
document.HTML elements are the building blocks of HTML pages.
With HTML constructs, images and other objects such as interactive forms may be embedded
into the rendered page. HTML provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.

A
CSS stands for Cascading Style Sheets. It is used for describing the presentation of a document
written in a mark-up language like HTML. CSS is designed to enable the separation of
presentation and content, including layout, colors, and fonts. This separation can improve
content accessibility, provide more flexibility and control in the specification of presentation
characteristics, enable multiple web pages to share formatting by specifying the relevant CSS
in a separate .css file, and reduce complexity and repetition in the structural content.

Bootstrap is a free and open-source front-end web framework. It contains HTML and CSS
based design templates for typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions. Unlike many earlier web frameworks,
it concerns itself with front end development only. Bootstrap is the third-most-starred project
on GitHub.

B
 TABLE OF CONTENTS

EXECUTIVE SUMMARY A

LIST OF FIGURES E

LIST OF TABLES F

CHAPTER 1. ABOUT THE ORGANIZATION 1

1.1 INTRODUCTION 1

1.2 BACKGROUND OF INTERNSHIP 1

1.3 OBJECTIVES OF INTERNSHIP 1

1.4 TEAM 2

1.5 SERVICES 2

1.6 DOMAINS 2

CHAPTER 2. ABOUT THE DEPARTMENT 3

2.1 WEB APPLICATION DEVELOPMENT DEPARTMENT 3

2.2 WEB APPLICATION DEVELOPMENT PROCESS 4

CHAPTER 3. TASK PERFORMED 5

3.1 RECORD OF CHANGES 5

3.2 ANALYZING THE PLAN 5

3.3 TOOLS USED 10

CHAPTER 4. REFLECTION NOTES (SPECIFIC OUTCOMES) 13

4.1 LEARNING IT AREA OF INTEREST 13

C
 4.2 BENEFITS FROM INTERNSHIP 13

4.3 KNOWLEDGE AND SKILLS GAINED 13

4.4 SNAPSHOTS 15

LIST OF REFERENCES 18

D
 LIST OF FIGURES

FIGURE 4.4.1 HOME PAGE 15

FIGURE 4.4.2 COURSES 15

FIGURE 4.4.3 ABOUT US 16

FIGURE 4.4.4 LOGIN PAGE 16

FIGURE 4.4.5 CONTACT DETAILS 17

FIGURE 4.4.6 FEEDBACK 17

E
 LIST OF TABLES

TABLE 3.1 RECORD OF CHANGES 5

F
INTERNSHIP REPORT WEB DEVELOPMENT

CHAPTER 1
ABOUT THE ORGANISATION

Eamvey Technologies is a dynamic start-up company. The foundation to Eamvey technologies

is built on the key focus area of domain expertise in industry verticals, customer focus by
quickly aligning to client needs and company’s unique delivery model is well executed through
collaborative network of partners.

1.1 Introduction
Eamvey is a Multi-Tech Company based in Guntur District of Andhra Pradesh. Eamvey
primarily works on IT Consultancy. Eamvey also provides solutions for Architecture Design,
Data Analytics, IoT, Home Automation, Career Development for budding software engineers
and Marketing Services. Company has a team of expert’s professional works on the latest
software tools and technologies to give the best and promising services to the customers.
Company is equipped with the state-of-art work station in the software application
development.

1.2 Background of the Internship

Internship is a field-based practical training experience that prepares trainees for the tasks they
are expected to perform on completion of their programs. The main intention is to produce
practically oriented graduates that meet the required job-related competences of their future
employers

1.3 Objectives of the internship

➢ To enable students, get hands-on/real life experience they are expected to work in when
they graduate.
➢ To provide an opportunity for students to apply the principles and techniques
theoretically learnt into real-life problem-solving situations.
➢ To provide an opportunity for students and academic staff to interact with the
stakeholders and potential employers and thus appreciate field situations that will also
generate information for curricula review and improvement.

Dept. of CS&E, AIT 2020-2021 PAGE 1

INTERNSHIP REPORT WEB DEVELOPMENT

➢ To develop student understanding of work ethics, employment demands,

responsibilities and opportunities.

1.4 Team

Eamvey Technologies is a team of experienced professionals providing a wide range of

complex software and web application development services. The energetic professionals with
vast experience who are working in almost all technologies & spheres of IT.

1.5 Services

Eamvey Technologies offer the services in the following areas:

• Enterprise Application Services

• Software Services
• Web designing and development

1.6 Domains
The main domains of the companies are:

• IT: With the emerging Information technology company provides related and
necessary services in the field of IT.
• Retails: Company develop software applications needed for smooth maintenance of the
accounts and transactions in the Retails and Wholesale Industry. Demand is created
through diverse target markets and promotional tactics, satisfying consumer’s wants
and needs through a lean supply chain.

Dept. of CS&E, AIT 2020-2021 PAGE 2

INTERNSHIP REPORT WEB DEVELOPMENT

CHAPTER 2

ABOUT THE DEPARTMENT

Eamvey Technologies provided an internship in the department of Web application and

Mobile App development division. The Objective is the development of new applications and
technology ensuring that the development of applications with the highest quality.
Web Application and Mobile App development Department was established at
Bangalore in 2019.

2.1 Web application development department

Web Application Development Process organizes a practical procedure and approach

in application development. Eamvey technologies want to streamline their internal departments
and functions, operations, sales and project management, etc. and want to take advantage of a
web based application's flexibility and versatility, by moving away from the traditional desktop
application platform to the web application platform and want to gain more clients for better
service their current clients by offering convenient services and solutions online to build new
web applications to offer innovative services or solutions to online users and businesses
The structure helps produce best practice coding with consistent logic and coding standards,
and provides other developers the ability to become familiar with the code features in a short
time. Builds are based on the module, libraries and tools, allowing programmers to easily share
libraries and implement complex functionalities and in a fast and efficient manner. Program
actions and logic are separated from the HTML, CSS and design files. This helps us to be able
to edit the interface and make design changes without help from a programmer.

Dept. of CS&E, AIT 2020-2021 PAGE 3

 INTERNSHIP REPORT WEB DEVELOPMENT

2.2 Web application development Process

The following list of procedures and documents provide a good outline for a Web
Application Lifecycle and Process:

• Roadmap Document: Defining Web Application, Purpose, Goals and Direction

• Researching and Defining Audience Scope and Security Documents
• Creating Functional Specifications or Feature Summary Document
• Team Collaboration and Project Management Document
• Technology Selection, Technical Specifications, Illustrative Diagram of Web Application
Architecture and Structure, Development Methodology, Versions Control, Backups,
Upgrades, Expansion and Growth Planning Document, Server Hardware / Software
Selection
• Third Party Vendors Analysis and Selection (Merchant Account and Payment Gateway,
SSL Certificate, Managed Server / Co-located Server Provider, Fulfillment Centers,
Website Visitor Analytics Software, Third Party Checkout Systems, etc.)
• Application Visual Guide, Design Layout, Interface Design, Wire Framing
• Database Structure Design and Web Application Development
• Testing: Quality Assurance, Multiple Browser Compatibility, Security, Performance -
Load and Stress Testing, Usability
• Maintenance

Dept. of CS&E, AIT 2020-2021 PAGE 4

 INTERNSHIP REPORT WEB DEVELOPMENT

CHAPTER 3
TASKS PERFORMED

3.1 Record of Changes

TABLE 3.1 RECORD OF CHANGES

Sl. No Date Task Performed
01 10-07-2020 Analyzing the plan
02 11-07-2020 Learning HTML
03 13-07-2020 Creating basic web pages using HTML.
04 15-07-2020 Learning CSS.
05 17-07-2020 Creating basic web pages using CSS.
06 19-07-2020 Learning basics of JavaScript.
07 23-07-2020 Learning Bootstrap
08 27-07-2020 Creating the website using bootstrap
09 03-08-2020 Alignment and modifications to the web pages.
10 07-08-2020 Submission of the created website.
11 10-08-2020 Presenting a demo of the project.

3.2 Analyzing the Plan

Analyzing the purpose of the internship and the requirements of the internship. Requirements
include the pages that has to be included in the website, post regarding to the pages, and the
content of the pages, it includes references.

Dept. of CS&E, AIT 2020-2021 PAGE 5

INTERNSHIP REPORT WEB DEVELOPMENT

3.2 List out technologies used and also for what purpose.

• HTML and CSS

• PHP
• MySQL
• jQuery
• Angular JS
• Bootstrap Framework

3.2.1 HTML and CSS

HTML is a markup language for describing web documents (web pages).

• HTML stands for Hyper Text Markup Language

• A markup language is a set of markup tags
• HTML documents are described by HTML tags
• Each HTML tag describes different document content

CSS is a style sheet language that describes the presentation of an HTML (or XML)
document. CSS describes how elements must be rendered on screen, on paper, or in other
media.

Advantages of HTML

• Highly Flexible
• User Friendly
• Easy to Maintain and update any site
• No strain on the server
• Validation
• Look and feel

Dept. of CS&E, AIT 2020-2021 PAGE 6

INTERNSHIP REPORT WEB DEVELOPMENT

3.2.2 PHP

The PHP stands for Hypertext Preprocessor (PHP), is a programming language that
allows web developers to create dynamic content that interacts with databases. PHP is basically
used for developing web-based software applications. This document helps programmer to
build system base with PHP.

• PHP is an acronym for "PHP: Hypertext Preprocessor"

• PHP is a widely-used, open-source scripting language
• PHP scripts are executed on the server
• PHP is free to download and use
• PHP can generate dynamic page content
• PHP can create, open, read, write, delete, and close files on the server
• PHP can collect form data
• PHP can send and receive cookies
• PHP can add, delete, modify data in system database
• PHP can be used to control user-access
• PHP can encrypt data

Advantages

• PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)

• PHP is compatible with almost all servers used today (Apache, IIS, etc.)
• PHP supports a wide range of databases
• PHP is free. Download it from the official PHP resource
• PHP is easy to learn and runs efficiently on the server side

Dept. of CS&E, AIT 2020-2021 PAGE 7

INTERNSHIP REPORT WEB DEVELOPMENT

3.2.3 jQuery

jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery
is to make it much easier to use JavaScript on system website. jQuery takes a lot of common
tasks that require many lines of JavaScript code to accomplish, and wraps them into methods
that programmer 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

Advantages

There are lots of other JavaScript frameworks out there, but jQuery seems to be the most
popular, and also the most extendable. Many of the biggest companies on the Web use jQuery,
such as:

• Google
• Microsoft
• IBM
• Netflix

Dept. of CS&E, AIT 2020-2021 PAGE 8

INTERNSHIP REPORT WEB DEVELOPMENT

3.2.4 Angular JS

AngularJS is an open-source web application framework. It was originally developed

in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google. Its latest version
is 1.4.3.

Features of Angular JS

• AngularJS is a powerful JavaScript based development framework to create RICH

Internet Application (RIA).
• AngularJS provides developers options to write client-side application (using
JavaScript) in a clean MVC (Model View Controller) way.
• Application written in AngularJS is cross-browser compliant. AngularJS automatically
handles JavaScript code suitable for each browser.
• AngularJS is open source, completely free, and used by thousands of developers around
the world. It is licensed under the Apache License version 2.0.

Overall, AngularJS is a framework to build large scale and high-performance web application
while keeping them as easy-to-maintain.

Advantages

• AngularJS provides capability to create Single Page Application in a very clean and
maintainable way.
• AngularJS provides data binding capability to HTML thus giving user a rich and
responsive experience
• AngularJS code is unit testable.
• AngularJS uses dependency injection and make use of separation of concerns.
• AngularJS provides reusable components.
• With AngularJS, developer writes less code and gets more functionality.
• In AngularJS, views are pure html pages, and controllers written in JavaScript do the
business processing.

Dept. of CS&E, AIT 2020-2021 PAGE 9

INTERNSHIP REPORT WEB DEVELOPMENT

On top of everything, AngularJS applications can run on all major browsers and smart phones
including Android and iOS-based phones/tablets.

3.2.5 Bootstrap Framework

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing
responsive, mobile-first web sites. Bootstrap is completely free to download and use and also
an open-source collection of tools for creating websites and web applications. It contains
HTML- and CSS-based design templates for typography, forms, buttons, navigation and other
interface components, as well as optional JavaScript extensions. It aims to ease the development
of dynamic websites and web applications.

Bootstrap is a front end framework, that is, an interface for the user, unlike the server-
side code which resides on the "back end" or server. Bootstrap is compatible with the latest
versions of the Google Chrome, Firefox, Internet Explorer, Opera, and Safari browsers,
although some of these browsers are not supported on all platforms.

Since version 2.0 it also supports responsive design this means the layout of web pages
adjusts dynamically, taking into account the characteristics of the device used (desktop, tablet,
mobile phone). Starting with version 3.0, Bootstrap adopted a mobile design philosophy,
emphasizing responsive design by default.

Bootstrap provides bootstrap css, bootstrap layouts and bootstrap plugins for effective
design.

3.3 Tools Used:

List of tools used during internship

• WAMP/XAMPP Server
• Notepad ++
• Web Browser

Dept. of CS&E, AIT 2020-2021 PAGE 10

INTERNSHIP REPORT WEB DEVELOPMENT

3.3.1 WAMP/XAMPP Server

Wamp/xampp Server will install Apache, PHP5 and MySQL on system Windows
system. Wamp/xampp Server comes with a service manager as a tray icon. It will allow
programmer to easily manage system server. Programmer can install all releases of Apache,
MySQL and PHP as add-ons.

Advantage

In order create dynamic web applications with PHP, Apache and Php myadmin
(MySQL database) WampServer allow users to set up a server locally on their Windows
machine in the same conditions of development on the server and programmer can upgrade
components, develop, perform any web development task and carefully test everything offline
first, which reduces the risks of creating problems on the live server.

It is very easy to install WampServer programmer just download the Wamp server
installation file (free) and follow the on-screen instructions. it will use by default, the Apache
newest versions, MySQL and PHP.

After installed Wamp server, its possible programmer can add many PHP, Apache and
MySQL releases as one wants. Programmer can a different release go to select item on the
WampServer menu

Features

• Manage system Apache and MySQL services

• Switch online/offline (give access to everyone or only localhost)
• Install and switch Apache, MySQL and PHP releases
• Manage system servers’ settings
• Access system logs
• Access system settings files
• Create alias

Dept. of CS&E, AIT 2020-2021 PAGE 11

INTERNSHIP REPORT WEB DEVELOPMENT

3.3.2 Notepad ++

Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor
and Notepad replacement that supports several languages. Running in the MS Windows
environment, its use is governed by GPL License

Features

• Syntax Highlighting and Syntax Folding

• PCRE (Perl Compatible Regular Expression) Search/Replace
• Auto-completion: Word completion, Function completion and Function parameters
hint
• Multi-Document (Tab interface)
• Multi-View
• WYSIWYG (Printing)
• Zoom in and zoom out
• Multi-Language environment supported
• Bookmark
• Macro recording and playback
• Launch with different arguments

3.3.3 Web Browser

A web browser is a computer program that is used to access the web (to view webpages).
A browser can also be used to download files, send and receive email or short messages across
the internet.

Commonly-used web browsers, in order of market-share:

• Microsoft Internet Explorer (IE)

• Firefox (Mozilla)
• Safari (Mac only)
• Opera
• Netscape Navigator (NN)

Dept. of CS&E, AIT 2020-2021 PAGE 12

INTERNSHIP REPORT WEB DEVELOPMENT

CHAPTER 4

REFLECTION NOTES (SPECIFIC OUTCOMES)

4.1 Learning IT area of interest

Internship offered me the opportunity to essentially customize my placement in order to gain
valuable work experience in my areas of interest.

4.2 Benefits derived from internship

The field attachment was of great importance, some of the benefits include
➢ Internship helped me understand work ethics, employment demands, responsibilities
and opportunities.

➢ Field attachment provided career direction and confidence in my abilities by narrowing

down the list of potential careers.

➢ My internship gave me the opportunity to try out computer related activities i.e.,
dismantling a computer which I had not previously considered and broadened my
horizons through converting my academic knowledge into industry skills.

➢ It prepared me for the working environment.

➢ It enhanced my CV needed to negotiate future jobs

4.3 Knowledge and skills gained

4.3.1. Web Development

This was through Creation of web layout design, writing code, and usability testing, with the
help of my supervisor.
4.3.2. Skills
Computer competency, attention to detail, organization, problem solving, critical thinking,
clear written and spoken communication, time management, close listening.

Dept. of CS&E, AIT 2020-2021 PAGE 13

INTERNSHIP REPORT WEB DEVELOPMENT

4.3.3. Responsibilities
Working towards achieving my individual goals, which helped the organization reach its
objectives, Taking responsibility for your own professional and career development, Being
open and accepting constructive feedback and take the initiative to improve, Giving others
feedback, Completing any development plans assigned to me and applying the learning to
improve my performance , Keeping record of my performance achievements, successes and
challenges i.e. evaluation sheets in case of assignments , Completing my self-appraisal by the
specified deadline.

During the internship period, I really enjoyed the experience of working at EAMVEY including
the comfortable working atmosphere, the technical guidance on the latest web technologies and
the friendly relationship among the field staff.

4.3.4. OUTLINES

The project is related to Fusion Tech Website

It’s gives the details of Onsite & Offsite Professional Total Station Training Course Details
Location & Contact details, along with the structure of enrollment fee, trainer, as well as
scheduled timing. Students can access of giving feedback later on.

Dept. of CS&E, AIT 2020-2021 PAGE 14

INTERNSHIP REPORT WEB DEVELOPMENT

4.4 SNAPSHOTS

FIGURE 4.4.1 HOME PAGE

FIGURE 4.4.2 COURSES

Dept. of CS&E, AIT 2020-2021 PAGE 15

INTERNSHIP REPORT WEB DEVELOPMENT

FIGURE 4.4.3 ABOUT US PAGE

FIGURE 4.4.4 LOGIN PAGE

Dept. of CS&E, AIT 2020-2021 PAGE 16

INTERNSHIP REPORT WEB DEVELOPMENT

FIGURE 4.4.5. CONTACT DEATILS

FIGURE 4.4.6. FEEDBACK

Dept. of CS&E, AIT 2020-2021 PAGE 17

 INTERNSHIP REPORT WEB DEVELOPMENT

LIST OF REFERENCES

1. The Google website, Available: https://www.google.co.in/

2. YouTube, Available: www.youtube.com
3. W3Schools, Available: www.w3schools.com
4. Tutorials Point Website, Available: www.tutorialspoint.com/php/

Dept. of CS&E, AIT 2020-2021 PAGE 18

INTERNSHIP REPORT WEB DEVELOPMENT

Dept. of CS&E, AIT 2020-2021 PAGE 19