FULL STACK WEB DEVELOPMENT

I
 Table of Content

1. Chapter 1- Introduction

Company Profile Vision

History Customers
2. Chapter 2- Introduction to Assigned Job

3. Chapter 3- Modular Description of Job

Introduction to Web Development HTML

CSS and php
4. Chapter 4- Analysis of the tasks performed

5. Chapter 5- Conclusion

II
ABSTRACT:

During my internship, I gained comprehensive experience in full-stack web development,

working on various projects that spanned the entire software development lifecycle. My
responsibilities included designing user interfaces with HTML, CSS, and JavaScript,
implementing backend PHP and Sql and managing databases using Sql. I collaborated closely
with cross-functional teams, utilizing Agile methodologies to ensure timely delivery and
continuous improvement of web applications. This hands-on experience enhanced my technical
skills, problem-solving abilities, and understanding of best practices in web development. The
internship provided valuable insights into real-world applications of full-stack technologies and
prepared me for future challenges in the tech industry.

 Internships are generally thought of to be reserved for college students looking to gain
experience in a particular field. However, a wide array of people can benefit from
Training Internships in order to receive real world experience and develop their skills

 An objective for this position should emphasize the skills you already possess in the
area and your interest in learning more.

 Internships are utilized in a number of different career fields, including architecture,

engineering, healthcare, economics, advertising and many more.

 Some internship is used to allow individuals to perform scientific research while others
are specifically designed to allow people to gain first-hand experience working.

 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.

III
 Chapter - 1 INTRODUCTION

COMPANY PROFILE:

INTERFACE INFOSYS
Established in 2012, we take pleasure in introducing ourselves as a leading and growthoriented
web design and development company that provides solutions according to your needs and
expectations.Our team of experts always succeeds in giving completely new, professional and cost
effective web based solutions.At Web Development System,we offer complete web development
consulting, right from the conceptualization, design, development, integration,and implementation
to maintenance. The company's objective is to help the clients in structuring and implementing the
most effective means to expand their business online with strong marketable and optimized
solutions and achieving practical results. To this end, the company's professionals apply technical,
industry and process knowledge to help the client face their business challenges and thus grow.
“Interface Infosys has been making a big difference in the website design and development
business .We do hosting, branding, website design, software development, search engine
optimization, Digital marketing and a lot more. Our team of professionals is always ready to take
on any task that would help."
About Our Company
“We have been in this industry for more than a decade now and we are shaping up to be the best
service provider online and even offline. Our pool of satisfied customers can speak for us. We
work towards the ultimate goal of each and every business, making them a name to reckon in
highly competitive world Our Approach " Clients hold the highest value for Interface Infosys .
Hence, our movements are always geared towards client satisfaction. We never rest until we see
wide smiles on our clients' faces, signaling fulfilment in what we have done to their businesses.
We takes its cues from the desires and the requirements of a specific client. "

 Team of skilled software developers who have vast experience on successful complex projects.
 Team of Android Developers with latest ideas and solutions for mobile apps.
 Highly Talented and Experienced team of PHP programmers.
 ecommerce experts of the team are having extensive experience on Magento and other ecommerce
platforms

4
 Dedicated Expert PHP programmers to work over almost any PHP framework like cake PHP,
codeignitor, zend etc.
 Graphic designers that posses a lucrative approach to each project with a blend of technology.
 SEO experts to push our clients website to the highest ranking with a focus on brand creation.
 Experienced project managers to bridge the gap between team and clients.
 Network Engineers that ensures smooth connection within the organization.
 Quality Testers that posses Eagle’s eye for detecting bugs and errors.
 Dedicated support team that is always up to cater the issues of our clients.

The management team of Interface Infosys is dedicated towards maintaining coordination,

commitment and communication that helps our company in achieving efficiency on each project
we work on. Our management team is always up for providing appropriate training to our
employees according to the requirement of the project and this is the fuel that drives our work
towards desired success. Our team always analyzes the requirement received by the client and
frame strategies according to the current market trends that keeps our clients always ahead of their
competitors.

For each project we receive, our dedicated team always focus on following the industry standards
and base rules that are company has compiled after thorough testing and research. These adopted
ethics make our company one of the leading web development company on the grounds of USA,
UK, Europe, Australia and India.

5
CHAPTER 2
1. Background The of this internship report lies in the immersive and enlightening Full Stack Web
Development training undertaken on company. Over the course of 15 days, the program delved into
an array of essential technologies, equipping me with a robust skill set crucial for modern web
development. The training covered a spectrum of tools and languages, including but not limited to
HTML, CSS, JavaScript, Bootstrap, DBMS (Database Management System), and React. This diverse
curriculum laid the groundwork for a comprehensive understanding of both frontend and backend

development, providing a solid foundation for practical application in real-world projects .

Technologies and Tools Used

The internship journey was marked by a comprehensive exploration of Frontend Technologies, each
playing a pivotal role in crafting engaging and user-friendly interfaces. HTML, the backbone of web
development, served as the markup language for structuring content. CSS, the styling powerhouse,
was harnessed for the visual presentation on of web pages, bringing life to the underlying HTML
structure. JavaScript, the dynamic scripting language, enabled interactive and responsive user
interfaces, enhancing the overall user experience. Bootstrap, a front-end framework, emerged as a
game-changer, streamlining the design process with its responsive grid system and pre-built
components. Its integration facilitated the creation of visually appealing and mobile-friendly web
application. The proficiency gained in these technologies empowered the development of
aesthetically pleasing and highly functional frontend solutions.

6
INTRODUCTION TO ASSIGNED

During the internship, various techniques were taught which are as follows: Introduction to
Web Development

HTML CSS
JAVASCRIPT
PHP AND SQL
OBJECTIVE OF INTERNSHIP

The major objectives of internships are:

 To expose students to a particular job and a profession or industry

 To provide students with opportunity to develop skills in the field of interest
 To assist students in gaining vital work related experience and building strong resume for
bright career
 To help students in developing business contacts i.e. creating network contacts
 To help students potentially land permanent or contractual jobs from host company

Technical and Non-Technical Activities

Experience on technical role matters for the upward in the career. They provide a
bridge for the fresher’s and the students thereby making them serve for the organization as
interns and on later stages based on performance they will be excited to work with our team
or will be happy to deliver them as resources to our clients.
During our internship experience, we are responsible of many technical skills.
Therefore, we are required to analyze job and tasks given to us. We also learned that
teamwork can multiply the outcome with less effort and with more divided job on
qualification basis.
The internship was the best chance for us to improve IT skills and also improved
our designing skills. Moreover, with dealing with technologies we learned how to work
with keeping consideration of the confidentiality of data and keeping authorizations. We
have a team of experts in various areas for the technical world through our products, we
dive in with contiguous requirement who are ready to join their hands with us on coding.

7
CHAPTER 3
Introduction to Web Apps
Web applications are similar to the traditional applications you’d install on your Information,
such as Microsoft Office. They are able to perform the same kinds of tasks, they look the
same and they feel the same but there is one key difference - the application itself is not
installed on your phone or Information, but lives in the cloud. Web apps are not new, but it
used to be that they were often unable to compete with more traditional applications for
business critical functions or where rich user interaction was required. This is no longer the
case. With the power of modern web technologies, we are able to design and build
performing, secure, and feature rich applications that live in the cloud and bring with them a
huge number of benefits.
Introduction to Web Development
Goal- To understand the basics of how the web technology works, both at the server and
client-side, and how everything combines front-end to the back-end to give a complete web-
app.
Explanation-

Full Stack Web Development alludes to the development of both front end(client side) and
back end(server side) portion of web application.
Full stack web engineers can configuration complete web application and sites. They take a
shot at the frontend, backend, database and maintenance of web application or sites.
Front end is the noticeable piece of site or web application which is liable for client
experience. The client straightforwardly interfaces with the front end segment of the web
application or site.
Back end alludes to the server-side portion of web application or site with an essential
spotlight on how the site functions. It is answerable for dealing with the database through
questions and APIs by customer side orders. This sort of site primarily comprises of three
sections front end, back end, and database.

8
Database is the assortment of between related information which helps in productive
recovery, addition and erasure of information from database and sorts out the information as
tables, sees, patterns, reports and so on.

Skillset of a full stack web developer

HTML (Hypertext Markup Language)

Goal- To utilize prior knowledge of HTML Fundamentals and become practically familiar
with the most usable tags such as div, span, strong, forms, img, hyperlinks etc.

Explanation –

Hypertext Markup Language (HTML) is the standard markup language for archives intended
to be shown in an internet browser. It very well may be helped by advancements, for
example, Cascading Style Sheets (CSS) and scripting dialects, for example, JavaScript.

Internet browsers get HTML reports from a web server or from nearby capacity and render
the records into mixed media site pages. HTML portrays the structure of a site page

9
semantically and initially included signals for the presence of the archive.

HTML components are the structure squares of HTML pages. With HTML builds, pictures
and different items, for example, intelligent structures might be implanted into the rendered
page. HTML gives a way to make organized archives by indicating basic semantics for
content, for example, headings, passages, records, connections, cites and different things.
HTML components are depicted by labels, composed utilizing point sections. Labels, for
example, <img/> and
<input/> straightforwardly bring content into the page. Different labels, for example, <p>
encompass and give data about archive message and may incorporate different labels as sub-
components. Programs don't show the HTML labels, yet use them to decipher the substance
of the page.

HTML symbol

10
CSS (Cascading Style Sheets)
Goal-To get familiar with basics of styling a webpage using CSS and minifying CSS for more
efficiency.
Explanation –
Cascading Style Sheets (CSS) is a template language utilized for portraying the introduction
of a record written in a markup language like HTML. CSS is a foundation innovation of the
World Wide Web, close by HTML and JavaScript .
CSS is intended to empower the partition of introduction and substance, including design,
hues, and fonts. This detachment can improve content availability, give greater adaptability
and control in the detail of introduction qualities, empower different site pages to share
arranging by determining the significant CSS in a different .css record, and lessen intricacy
and redundancy in the auxiliary substance .
Partition of organizing and substance likewise makes it attainable to introduce a similar
markup page in various styles for various rendering techniques, for example, on-screen, in
print, by voice (by means of discourse based program or screen per user), and on Braille-
based material gadgets. CSS additionally has rules for substitute designing if the substance is
gotten to on a versatile device.
The name cascading originates from the predefined need plan to figure out which style rule
applies if more than one principle coordinates a specific component. This falling need
conspire is unsurprising.

– CSS symbol

11
JAVASCRIPT
Goal- To understand the concepts of Javascript such as event-handling, OOPS etc. and use
them to create interactive web-apps.
Explanation-

JavaScript frequently shortened as JS, is a programming language that fits in with the
ECMAScript determination. JavaScript is elevated level, regularly in the nick of time
gathered, and multi-worldview. It has wavy section linguistic structure, dynamic composing,
model based article direction, and top of the line capacities.
Nearby HTML and CSS, JavaScript is one of the center advances of the World Wide Web.
JavaScript empowers intuitive site pages and is a fundamental piece of web applications.
Most by far of sites use it for customer side page conduct, and all significant internet
browsers have a devoted JavaScript motor to execute it.
As a multi-worldview language, JavaScript underpins occasion driven, practical, and basic
programming styles. It has application programming interfaces (APIs) for working with
content, dates, ordinary articulations, standard information structures, and the Document
Object Model (DOM). Notwithstanding, the language itself does exclude any info/yield (I/O,
for example, systems administration, stockpiling, or illustrations offices, as the host condition
(generally an internet browser) gives those APIs.
JavaScript motors were initially utilized distinctly in internet browsers, however they are
presently implanted in certain servers, as a rule by means of Node.js. They are additionally
installed in an assortment of uses made with systems, for example, Electron and Cordova.
In spite of the fact that there are similarities among JavaScript and Java, including language
name, linguistic structure, and particular standard libraries, the two dialects are unmistakable
and contrast enormously in plan.

JavaScript Image

12
PHP

Goal- To understand the Control Structures (if, else, else if, while, do-while, for, for each,
break, continue, switch) Include (require, include, require_ once, include_ once)
Function (User-defined Function, Function arguments, returning values,
variables function) Array (array declaration, merging, sorting, deleting, inserting)
Explanation-
PHP is a widely-used general-purpose scripting language that is especially suited for Web
development and can be embedded into HTML[1] . PHP is the Web Development Language written
by and for Web developers. PHP stands for PHP: Hypertext Preprocessor. The product was originally
named Personal Home Page Tools, and many people still think that`s what the acronym stands for.
But as it expanded in scope, a new and more appropriate name was selected by community vote. PHP
is a server-side scripting language, which can be embedded in HTML or used as a standalone binary
(although the former use is much more common).

FEATURES OF PHP

SERVER SIDE SCRIPTING PHP was originally designed to create dynamic web content, and it is
still best suited for that task. To generate HTML, you need the PHP parser and a web server to send
the documents. Lately, PHP has also become popular for generating XML documents, graphics,
Flash animations, PDF files, and more.

COMMAND LINE SCRIPTING PHP can run scripts from the command line, much like Perl, awk,
or the Unix shell. You might use the command-line scripts for system administration tasks, such as
backup and log parsing.

CLIENT SIDE GUI APPLICATIONS Using PHP-GTK (http://gtk.php.net), you can write full-
blown, cross-platform GUI applications in PHP.
OPERATING SYSTEM SUPPORT PHP runs on all major operating systems, from Unix variants
including Linux, FreeBSD, and Solaris to such diverse platforms as Windows and Mac OS X. It can
be used with all leading web servers, including Apache, Microsoft IIS, and the Netscape/iPlanet
servers.
13
DATABASE SUPPORT One of PHP's most significant features is its wide-ranging support for
databases. PHP supports all major databases (including MySQL, PostgreSQL, Oracle, Sybase, and
ODBCcompliant databases), and even many obscure ones. With PHP, creating web pages with
dynamic content from a database is remarkably simple. Finally, PHP provides a library of PHP code
to perform common tasks, such as database abstraction, error handling, and so on, with the PHP
Extension and Application Repository (PEAR). PEAR is a framework and distribution system for
reusable PHP components.

SOFTWARE INTERFACE:
XAMPP
The following snapshot is of Xampp control panel.

From we can start the services Apache and Mysql just by clicking on the start button. This is the first
thing we do in order to create a website. Here svc module is marked, if this module is marked then
there is no need to start the services every time we turned on the computer. Since we only use Apache
and Mysql services, so there is no need to start other services.

14
PHPMYADMIN

PhpMyadmin is the database store where all the databases, their respective tables are stored. In
addition it can be even used to run SQL queries related to a web page whose database is stored in
PhpMyadmin.

We can view these tables through xampp installation on localhost and then in phpmyadmin. The url
is generally as //localhost/phpmyadmin/ and in this case it is //localhost:90/phpmyadmin.

15
CHAPTER 4

ANALYSIS OF THE TASKS PERFORMED

FRONT-END

Using Web Development Project Templates A website template (or web template) is a pre-
designed webpage, or set of HTML web pages that anyone can use to "plug-in" their own text
content and images into to create a website. Usually built with HTML and CSS code, website
templates allow anyone to setup a website without having to hire a professional web
developer or designer, although, many developers do use website templates to create sites for
their clients. This allows anyone to build a reasonably priced personal or business website
that can then be listed in search engines so users can search for your specific product or
service.
In the case of All website templates, each design we offer is a self-contained (or standalone)
downloadable complete website that you can use to "plug-in" your text and image content
with little, or no, editing of the layout or design elements [7]. A web design template or a
website design template is a template which is in most cases used to present some
information in the Internet. A web design template is a catchall name for several types of
templates like: – HTML templates – website design templates represented with HTML code
only – PSD templates – templates which contain only .psd files, graphics only, with no code –
Flash templates – website design templates developed with Flash – Flash intro templates –
templates of an intro clip, developed with Flash only, used to represent a company or/and a
project. (The following figure shown in figure no: 3.1) The list above contains the main
categories of templates associated with website design templates. There are some others,
which, due to their specific usage, are not so popular: FrontPage templates, Dreamweaver
templates, etc.

16
PHP
PHP (or PHP Hypertext Preprocessor) is a server-side scripting language that is used to
create dynamic web pages that can interact with databases. It is a widely-used open source
language that is specifically used for web application development and can be embedded
within HTML.
The distinguishing feature of PHP is that the scripting code is executed on the server, which
generates HTML that is sent back to the client. The client receives the result of executing the
script without knowing the underlying code. Developers can configure the web server to
process all the HTML files (containing the PHP script).
Using PHP with a database system

PHP, as a scripting language, is popular among web developers because of its ability to
interact with database systems including Oracle and MySQL .

Listed below are some examples where PHP and MySQL can be used together:

 Digital Ad banners, where the PHP script can be used to retrieve a digital banner from
the database, which then selects a random banner from its table records and sends it back
to the calling script. The PHP script can also maintain a count of banner views and
clicks from the website.
 Internet forums or digital boards, which use PHP and MySQL to store and retrieve user
messages.
17
  Website designing, where the design of an entire website can be changed using a couple
of PHP scripts, instead of changing and uploading each web page. The PHP script can
access the MySQL database to retrieve all information about the web page.
BASIC SYNTAX

A PHP script can be placed anywhere in the document. A PHP

script starts with <?php and ends with ?>

<?php
// PHP code goes here
?>

The default file extension for PHP files is ".php".

A PHP file normally contains HTML tags, and some PHP scripting code.
Below, we have an example of a simple PHP file, with a PHP script that uses a built-in
PHP function "echo" to output the text "Hello World!" on a web page:

<!DOCTYPE html>
<html>
<body>

<h1>My first PHP page</h1>

<?php
echo "Hello World!";
?>

</body>
</html>

PHP - VARIABLES

A variable can have a short name (like x and y) or a more descriptive name (age,
carname, total_volume).
Rules for PHP variables:
 A variable starts with the $ sign, followed by the name of the variable
 A variable name must start with a letter or the underscore character
 A variable name cannot start with a number
 A variable name can only contain alpha-numeric characters and underscores (A-z, 0-9, and
_)
 Variable names are case-sensitive ($age and $AGE are two different variables)

Creating (Declaring) PHP Variables

18
In PHP, a variable starts with the $ sign, followed by the name of the variable:

<?php
$txt = "Hello world!";
$x = 5;
$y = 10.5;
?>

PHP is a Loosely Typed Language

In the example above, notice that we did not have to tell PHP which data type the variable

is. PHP automatically converts the variable to the correct data type, depending on its value.

In other languages such as C, C++, and Java, the programmer must declare the name and
type of the variable before using it.

PHP Variables Scope

In PHP, variables can be declared anywhere in the script.

The scope of a variable is the part of the script where the variable can be referenced/used.
PHP has three different variable scopes: Local , global and static

Global and Local Scope

A variable declared outside a function has a GLOBAL SCOPE and can only be accessed
outside a function.

PHP Data Types

Variables can store data of different types, and different data types can do different things.
PHP supports the following data types:
 String
 Integer
 Float (floating point numbers - also called double)
 Boolean
 Array
 Object
 Null PHP-

Operators

 Operators are used to perform operations on variables and values.

 PHP divides the operators in the following groups:

 Arithmetic operators
19
  Assignment operators
 Comparison operators
 Increment/Decrement operators
 Logical operators
 String operators

PHP Arithmetic Operators The PHP arithmetic operators are used with numeric values to
perform common arithmetical operations, such as addition, subtraction, multiplication etc.

PHP Assignment Operators The PHP assignment operators are used with numeric
values to write a value to a variable. The basic assignment operator in PHP is "=". It
means that the left operand gets set to the value of the assignment expression on the
right

PHP Conditional Statements Very often when you write code, you want to perform different
actions for different conditions. You can use conditional statements in your code to do this.
In PHP we have the following conditional statements:
• if statement - executes some code if one condition is true • if...else statement - executes
some code if a condition is true and another code if that condition is false • if...elseif....else
statement - executes different codes for more than two conditions • switch statement - selects
one of many blocks of code to be executed
Syntax
if (condition) {
code to be executed if this condition is true;
} elseif (condition) {
code to be executed if this condition is true; }
20
else {
code to be executed if all conditions are false;
}
The PHP switch Statement

21
Object-oriented programming has several advantages over procedural programming:

 OOP is faster and easier to execute

 OOP provides a clear structure for the programs
 OOP helps to keep the PHP code DRY "Don't Repeat Yourself", and makes the code
easier to maintain, modify and debug
 OOP makes it possible to create full reusable applications with less code and shorter
development time

OOP Case

Let's assume we have a class named Fruit. A Fruit can have properties like name, color, weight,
etc. We can define variables like $name, $color, and $weight to hold the values of these
properties.

When the individual objects (apple, banana, etc.) are created, they inherit all the properties and
behaviors from the class, but each object will have different values for the properties.

Define a Class

A class is defined by using the class keyword, followed by the name of the class and a pair of
curly braces ({}). All its properties and methods go inside the braces:

<?php
class Fruit {
// code goes here...
}
?>

Below we declare a class named Fruit consisting of two properties ($name and $color) and two
methods set_name() and get_name() for setting and getting the $name property:

<?php
class Fruit {
// Properties
public $name;
public $color;

// Methods
function set_name($name) {
$this->name = $name;
22
 }
function get_name() {
return $this->name;
}
}
?>

PHP - What is Inheritance

Inheritance in OOP = When a class derives from another class.

The child class will inherit all the public and protected properties and methods from the parent class.
In addition, it can have its own properties and methods.

An inherited class is defined by using the extends keyword.

Let's look at an example:

<?php
class Fruit {
public $name;
public $color;
public function __construct($name, $color) {
$this->name = $name;
$this->color = $color;
}
public function intro() {
echo "The fruit is {$this->name} and the color is {$this->color}.";
}
}

// Strawberry is inherited from Fruit

class Strawberry extends Fruit {
public function message() {
echo "Am I a fruit or a berry? ";
}
}
$strawberry = new Strawberry("Strawberry", "red");
$strawberry->message();
$strawberry->intro();
?>

23
My-SQL

What is MySQL?
 MySQL is a database system used on the web
 MySQL is a database system that runs on a server
 MySQL is ideal for both small and large applications
 MySQL is very fast, reliable, and easy to use
 MySQL uses standard SQL
 MySQL compiles on a number of platforms
 MySQL is free to download and use
 MySQL is developed, distributed, and supported by Oracle Corporation

The data in a MySQL database are stored in tables. A table is a collection of related
data, and it consists of columns and rows.

PHP 5 and later can work with a MySQL database using: MySQLi extension (the "i"
stands for improved) PDO (PHP Data Objects)

Open a Connection to MySQL

Before we can access data in the MySQL database, we need to be able to connect to the
server:
Example :
7
Example (MySQLi Object-Oriented)
<?php
$servername = "localhost";
$username = "username";
$password = "password";

// Create connection
$conn = new mysqli($servername, $username, $password);

// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
echo "Connected successfully";
?>

Create a MySQL Database Using MySQLi

The CREATE DATABASE statement is used to create a database in

MySQL. The following examples create a database named "myDB":
Example (MySQLi Object-oriented)
<?php
24
$servername = "localhost";
$username = "username";
$password = "password";
// Create connection
$conn = new mysqli($servername, $username, $password);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Create database
$sql = "CREATE DATABASE myDB";
if ($conn->query($sql) === TRUE) {

echo "Database created successfully";

} else {
echo "Error creating database: " . $conn->error;
}
$conn->close();
?>
Insert Data Into MySQL Using MySQLi

After a database and a table have been created, we can start adding data in them.
Example (MySQLi Object-oriented)
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "INSERT INTO MyGuests (firstname, lastname, email)
VALUES ('John', 'Doe', 'john@example.com')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>

25
SQL COMMANDS

 SELECT - extracts data from a database

• UPDATE - updates data in a database

• DELETE - deletes data from a database

• INSERT INTO - inserts new data into a database

• CREATE DATABASE - creates a new database

• ALTER DATABASE - modifies a database

• CREATE TABLE - creates a new table

• ALTER TABLE - modifies a table

• DROP TABLE - deletes a table

• CREATE INDEX - creates an index (search key)

• DROP INDEX - deletes an index

CREATING A LOGIN PAGE AND LINKING IT TO THE DATABASE

This chapter will demonstrate how a simple database can be linked to a web page so that the page
can interact with users. The general public will have access to the web site but will not have
access to the database structure or the data contained in the tables. They will not be permitted to
view the protected pages, such as a members-only page, because they have no password until they
register. However, the web designer must provide a way for users to interact with the database in
order to (i) register as a member, (ii) search the database, and (iii) change a password. The PHP
language and MySQL code provide the solution.

 Creating a folder for the database

 Creating the database and a template for the web site pages

 Introducing the PHP include function • Creating the included pages

 How does the server process a PHP page?

 An interactive version of the template page

26
  Connecting to the database

 Creating a registration page for members

 The PHP keyword echo()

 Styling forms

 Sticky forms

 Using arrays

 Displaying members’ records

 Changing a password

 Dealing with apostrophes

 More about using arrays

We will use the simpleIdb database and the users table from the previous projects for our
interactive web pages. Be aware that this tutorial is neither secure nor practical. It is astepping
stone to the more secure and ambitious projects described in subsequent chapters. In practice, you
would never allow ordinary members to view a list of members. The interactive elements in this
project are as follows:
1. Users can register as members by inserting their details into a form displayed on the screen. The
registration details would be entered into the database table and could be used by the administrator to send
regular newsletters to members.
2. Registered users can change their password.
3. A user can view the list of members (for this project only). In later chapters, this facility would be
available only to the webmaster and (to a limited extent) the membership secretary. The features that make
this example unsuitable for the real-world are as follows:
4. No provision is made for registered members to subsequently log in to access a special section or page
5. Users should never be able to access a table of members’ details.
6. At this early stage, for simplicity, no filtering of the users’ information is provided. The table could
therefore contain faulty data and bogus e-mail addresses
7. In this chapter only, any user who knows a member’s e-mail address could change the member’s
password.
All these security issues will be dealt with in subsequent chapters. Despite the drawbacks, the project will
provide you with valuable practice in using your XAMPP program to test the pages. You will also learn
more database jargon and some basic PHP code.

27
28
 ROLES AND RESPONSIBILITY

During the internship period knowledge of various platforms and programming languages are
gained. The target was to deliver a fully-fledged web based system by using different tools and
frameworks such as PHP AND MYSQL.

Hence, to meet that objective, this internship required the extensive preliminary studies about the
core PHP before actually analyzing the actual requirement of the system. The study was required
not only to understand the subject under study but also to realize the solutions to the existing
problems and implementing the findings from the study was another bigger challenge. Besides
study of, Core PHP other major activities carried out during internship was extensive study of
current online platform, presentations of study analysis and practical implementations, and most
importantly the team discussions to analyze the customer change request. The regular meetings
with the Supervisor and discussion with mentors helped me to wide my horizon of knowledge of
the existing system and problem background. Software development is one of the major services
of the Softweb Developers Company. Softweb Developers provides a flexible and scalable
solutions of software (web based or desktop based) to meet our needs for small or large firm.
SCOPE AND DEVELOPMENT APPROACH

The scope of the project is to create a classmonk.com website. The reason behind to create a web
based application easily customizable, accessible anywhere, accessible for a range devices,
increased security etc.The advance admin panel is created to monitor the users and handle all the
admin related task. There is different role to different admin which are handled by the super
admin.All the web API are created using Laravel and MYSQL is used as the required database.
UML modeling is used to create the basic design and flow of the application and once it is done the
actual coding is done. Initially all the required API are created along with the database tables. The
required business logic is added to improve the scope of the application and the database
connections are established. Few test cases are created and manual testing is used in this project.

Test cases are created in a manner to check all the required field level validations and also database
validations. Once the application is created the corresponding test cases are executed against couple
of runs and the bugs are resolved if any identified. Once the testing is done, the final product is
delivered.
 CHAPTER 5
CONCLUSION

As an undergraduate of the Dr Sns Rajalakshmi College of Arts and science I would like to say that
this internship program is an excellent opportunity for us to get to the ground level and experience the
things that we would have never gained through going straight into a job. I am grateful to the Dr Sns
Rajalakshmi College of Arts and science and Smc technologies for giving me this wonderful
opportunity.

The main objective of the internship is to provide an opportunity to undergraduates to identify,

observe and practice how engineering is applicable in the real industry. It is not only to get
experience on technical practices but also to observe management practices and to interact with fellow
workers.

It is easy to work with sophisticated machines, but not with people. The only chance that an
undergraduate has to have this experience in the internship. I feel I got the maximum out of that
experience. Also I learnt the way of work in an organization, the importance of being punctual, the
importance of maximum commitment, and the importance of team spirit.

During my internship program I tried to gather as much knowledge as possible to understand

about the importance of the Software Development Techniques using HTML, CSS, Java Script,
PHP and My-SQL Server. Information regarding the business processes offered and the
performance of the management team where gathered. This study will help me in future to
understand a working environment in an IT project organization and will help me to overcome
the problem of communication with the customers and with the working team members.
Because of the things I have learned during this internship, I now look forward to a period of
intense competition, change and opportunity in the future IT industry. Also because of
happenings during this internship, I laid the basis for my planned thesis. Thus, I hope this
internship will serve as a spring-board into a successful and valuable career.