SUMMER INTERNSHIP PROJECT REPORT

On

Web Development
Of

Bachelor of Computer Applications

Submitted BY

Piyush

Enrolment Number: A50504819023

Under the guidance of

Dr. Sunil Sikka Ms. Deepti Sehrawat

(Associate Professor) (Assistant Professor)

Department of Computer Science & Engineering

Amity Institute of Information Technology

Amity University, Haryana

(May - July, 2020)

 AMITY INSTITUTE OF INFORMATION TECHNOLOGY

DECLARATION

I, Piyush (Enrolment Number A50504819023), student of BCA hereby declare

that the project entitled ‘Web Development’ which is submitted by me to
department of Amity Institute of Information Technology, Amity University,
Haryana, in partial fulfilment of the requirement for the award of the degree of
Bachelor of Computer Applications, has not been previously formed the basis for
the award of any degree, diploma or other similar title or recognition.

Piyush
Enrolment Number: A50504819023

ii
 AMITY INSTITUTE OF INFORMATION TECHNOLOGY

CERTIFICATE

This is to certify that Piyush (Enrolment Number: A50504819023), student of

BCA - III Semester, Department of Amity institute of Information Technology,
AIIT, Amity University Haryana, has done his internship project entitled ‘Web
Development’. Under the guidance and supervision of Dr. Sunil Sikka and Ms.
Deepti Sehrawat, during the ‘May - July 2020’.
The work was satisfactory. He has shown complete dedication and devotion to
the given project.

Date:

Amity Institute of Information Technology

Amity University, Gurugram, Haryana

iii
iv
 ACKNOWLEDGEMENT

I take this opportunity to express my sincere thanks and deep gratitude to my

faculty guide Dr. Sunil Sikka and Co-guide Ms. Deepti Sehrawat who extended
their whole hearted co-operation and have helped me in completing this project
successfully and project work on “Web Development”. Under his guidance I
have completed my project and tried my best to implement what I had learnt till
now.

I sincerely thank Dr. Sunil Sikka and Ms. Deepti Sehrawat for their guidance and
encouragement to done my internship. She also helped me by updating us about
the information of what to do and not to do during our internship. I also thanks
my instructor for helping me with my problem that I face in my project.

Piyush
Enrolment Number: A50504819023

v
 ABSTRACT

Our project or website’s name is ‘GamerLand’ which is the name of our Game
Store. This is a website which helps to those who want to play video games on
available platforms. It is useful in the way that it makes an easier way to buy
video games online. This is an interactive e-commerce solution providing gamers
with an opportunity to buy video games. GamerLand is the first online platform
which deals almost all video games is lesser available price than ever.
In this website we have basically open the website GamerLand, complete your
registration. Now choose any game which you want to play or on which platform
to download it for avoiding not running issues. Complete the payment method by
adding payment details to continue to purchase your selected game/s.

vi
 LIST OF FIGURES

Figures Topic Page No.

Figure 1.2.1.1 Editor Used……………………..……. 3

Figure 1.3.1.1 Server Software……….……………… 4
Figure 2.1.1 HTML Syntax……….…….………….. 5
Figure 2.2.1 CSS Syntax ………………………….. 5
Figure 2.2.2 CSS Syntax ………………………….. 6
Figure 2.3.1 JavaScript Syntax…….………………. 6
Figure 2.3.2 JavaScript Syntax…….………………. 6
Figure 2.4.1 jQuery Syntax………..……………..... 7
Figure 2.4.2 jQuery Syntax………..……………..... 7
Figure 2.5.1 PHP Syntax………….………….……. 8
Figure 3.1.1 Front Page…………….……………… 9
Figure 3.2.1 Register Page………………………… 10
Figure 3.2.2 Login Page…………………………… 10
Figure 3.3.1 Game Store…………..….…………… 11
Figure 3.4.1 Blog………………………………….. 11

vii
 TABLE OF CONTENT

CHAPTER 1. INTRODUCTION 1
1.1 Language Used......................................................................... 1
1.2 Editor Used .............................................................................. 2
1.3 Server Used .............................................................................. 3

CHAPTER 2. LANGUAGE OVERVIEW 5

2.1 HTML ..................................................................................... 5
2.2 CSS ......................................................................................... 5
2.3 JavaScript................................................................................. 6
2.4 jQuery ...................................................................................... 7
2.5 PHP .......................................................................................... 7

CHAPTER 3. PROJECT 9
3.1 Front View ................................................................................ 9
3.2 Store Registration/Login ........................................................... 9
3.2 Store .......................................................................................... 10
3.3 Game Blog ................................................................................. 11

viii
 CHAPTER – 1
INTRODUCTION

1.1 Language used

1.1.2 What is HTML?

The HyperText Markup Language, or HTML is the standard markup language
for documents designed to be displayed in a web browser.

1.1.2.1 HTML Versions

• HTML 1.0
The basic version of HTML has support for basic elements like text
controls and images.

• HTML 2
HTML version 2.0 was developed in 1995 with basic intention of
improving HTML version 1.0

• HTML 3.2
It was developed in 1997. After HTML 2.0 was developed, the next
version of HTML was 3.2

• HTML 4.01
It was developed in 1999. It extended the support of cascading styling
sheets.

• HTML5
This is the latest version of HTML. For a developer, it could be used in
2014.

1.1.2 What is CSS?

Cascading Style Sheets is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML.

1
1.1.2.1 CSS Versions
• CSS1
This version describes the CSS language as well as a simple visual
formatting model for all the HTML tags.

• CSS2
This version adds support for media-specific style sheets e.g. printers and
aural devices, downloadable fonts, element positioning, and tables.

• CSS3
It has divided into documentation is called as Modules and here each
module having new extension features defined in CSS2.

1.1.3 What is JavaScript?

JavaScript is a scripting language that enables you to create dynamically
updating content, control multimedia, animate images, and pretty much
everything else.

1.1.4 What is jQuery?

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal
and manipulation, as well as event handling, CSS animation, and Ajax.

1.1.5 What is PHP?

PHP is a general-purpose scripting language especially suited to web
development.

1.2 Editor used

1.2.1 Visual Studio Code

Visual Studio Code combines the simplicity of a source code editor with powerful
developer tooling, like IntelliSense code completion and debugging.
2
First and foremost, it is an editor that gets out of your way. The delightfully
frictionless edit-build-debug cycle means less time fiddling with your
environment, and more time executing on your ideas.
At its heart, Visual Studio Code features a lightning fast source code editor,
perfect for day-to-day use. With support for hundreds of languages, VS Code
helps you be instantly productive with syntax highlighting, bracket-matching,
auto-indentation, box-selection, snippets, and more. Intuitive keyboard shortcuts,
easy customization and community-contributed keyboard shortcut mappings let
you navigate your code with ease.

Figure. 1.2.1.1: Code Editor

1.3 Server Software

1.3.1 XAMPP
XAMPP is one of the widely used cross-platform web servers, which helps
developers to create and test their programs on a local webserver. It was
developed by the Apache Friends, and its native source code can be revised or
modified by the audience. It consists of Apache HTTP Server, MariaDB, and
interpreter for the different programming languages like PHP and Perl. It is
available in 11 languages and supported by different platforms such as the IA-
32 package of Windows & x64 package of macOS and Linux.

3
Figure. 1.3.1.1: Server

4
 CHAPTER – 2
LANGUAGE OVERVIEW

2. Syntax
2.1 HTML
Create file with any name like ‘example’ with extension ‘.html’ or ‘htm’ as you
can shown below.

Figure. 2.1.1: HTML Syntax

2.2 CSS
Create file with any name like ‘example’ with extension ‘.css’ as you can shown
below.

Figure. 2.2.1: CSS Syntax

5
 Figure. 2.2.2: CSS Syntax Introduction

2.3 JavaScript
There are two ways to use JavaScript firstly, use in head tag inside with ‘script’
or create a separate file named it with extension ‘.js’.

Figure. 2.3.1: JavaScript Syntax

Figure. 2.3.2: JavaScript Syntax

6
2.4 jQuery
There are two ways to use JavaScript firstly, use in head tag inside with ‘script’
tag or create a separate file named it with extension ‘.js’.

Figure. 2.4.1: jQuery Syntax

Figure. 2.4.2: jQuery Syntax

2.5 PHP
It can be used anywhere inside your html file but you’ll need to change the
‘.html’ or ‘.htm’ file extension to ‘.php’.

7
Figure. 2.5.1: PHP file

8
 CHAPTER – 3
PROJECT
(Game Store)

3. Project View
3.1 Front view

Figure. 3.1.1: Store Front View

3.2 Store Registration/Login

9
 Figure. 3.2.1: Store Register Page

Figure. 3.2.2: Store Login Page

3.3 Game Store

10
 Figure. 3.3.1: Game Store

3.4 Game Blog

Figure. 3.4.1: Store Blog

11