Professional Documents
Culture Documents
Summer Training ON Web Development (BCA 508P) : Submitted By: Submitted To
Summer Training ON Web Development (BCA 508P) : Submitted By: Submitted To
ON
WEB DEVELOPMENT
(BCA 508P)
UNIVERSITY OF
LUCKNOW BATCH 2018-
2021
BCA – 3RD YEAR
6. About Organization 2
2.1 History
2.2 Partnership
2.3 Awards and Recognition
7. Technology Description 3
3.1 Software Requirements
3.2 Hardware Requirements
Learn Full – stack HTML, CSS, JavaScript, PHP development and build
E-commerce website from INTERNSHALA.
Understand how to plan and conduct user research related to web usability.
1
1. INTODUCTION
1.1 Definition :
Web development is the building and maintenance of websites; it’s the work
that happens behind the scenes to make a website look great, work fast and
perform well with a seamless user experience.
Web development skills are in high demand worldwide and well paid too –
making development a great career option. It is one of the easiest accessible
higher paid fields as you do not need a traditional university degree to
become qualified.
The field of web development is generally broken down into front-end (the
user-facing side) and back-end (the server side).
have built Internshala website, Android app and this awesome training platform.
I have learn through video tutorials. For a great hands-on learning
experience, this training program is packed with assignments, assessment
tests, code challenges, quizzes, and exercises. At the end of this training
program, I have build an e-commerce website that will work seamlessly
across different devices. For doubt clearing, I post my queries on the forum
and get answers within 24 hours.
1
2. ABOUT ORGANIZATION
2.2 Partnerships
In August 2016, Telangana's not-for-profit organization, Telangana Academy
for Skill and Knowledge (TASK) partnered with Internshala to help students
with internship resources and career services In September 2016, Team Indus,
Google XPRIZE shortlisted entity has partnered with Internshala for college
outreach for its initiative, Lab2Moon.
1
3.TECHNOLOGY DESCRIPTION
3.1.2 XAMPP's ease of deployment means a WAMP or LAMP stack can be installed
quickly and simply on an operating system by a developer, with the advantage that
common add-in applications such as WordPress and Joomla! can also be installed
with similar ease using Bitnami.
3.1.3 NETBEANS:
o The IDE provides comprehensive support for JDK 7 technologies and the
most recent Java enhancements. It is the first IDE that provides support for
JDK 7, Java EE 7, and JavaFX 2. The IDE fully supports Java EE using the
latest standards for Java, XML, Web services, and SQL and fully supports the
Glassfish Server, the reference implementation of Java EE.
1
o 10 GB HDD SPACE
o I3 6TH GEN PROCESSOR
4. PROJECT DESCRIPTION
An E-commerce website
4.2 OBJECTIVE:
4.3MODULES:
HTML 5
Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a markup language such as
HTML. [1] CSS is s a cornerstone technology of the World Wide Web,
alongside HTML and JavaScript.
CSS: Types:
1
1. Internal/Embedded CSS.
2. External CSS
3. Inline CSS
HTML & CSS to build structure of web pages and to style them.
HTML Introduction
HTML Page Structure
Tags and Elements
Text Formatting
Attributes
Hyperlinks
Cascading Style Sheets
Box Model
Colors
Fonts
Lists
Creating Layouts
Images
Tables
Navigation
Forms
4.3.3. BOOTSTRAP :
1
framework for the creation of website and web pages.
Introduction
Breakpoints
Containing elements
Jumbotron & Glyphicons
Tables
Column / Rows
Navbar
Images
Thumbnails
Forms
Panels
Original author(s) Mark Otto, Jacob Thornton
Website getbootstrap.com
4.3.4 JAVASCRIPT:
1
JavaScript Data Types
JavaScript variables can hold many data types: numbers, strings, objects and
more:
Functions:
function myFunction(p1, p2) {
return p1 * p2; // The function returns the product of p1 and p2
};
Function names can contain letters, digits, underscores, and dollar signs
(same rules as variables).
Function Return:
Function Invocation
1
The code inside the function will execute when
"something" invokes (calls) the function:
Javascript Conditions
Javascript Looping
4.3.5. MY SQL:
Introduction to database
Introduction to DBMS
Creating the first database
DDL
Alter & Drop
Foreign Key & Truncate
DML
SQL Joins
1
Additional SQL features
DATABASE :
DDL:
DDL refers to “Data Definition Language”, a subset
of SQL statements that change the structure of the database schema
in some way, typically by creating, deleting, or modifying schema
objects such as databases, tables, and views.
SYNTAX:
ALTER TABLE table_name ADD column_name datatype;
DROP is used to delete a whole database or just a table. The
DROP statement destroys the objects like an existing database,
table, index, or view.
SYNTAX:
DROP TABLE table_name;
1
SYNTAX:
CREATE TABLE Orders (
OrderID int NOT NULL,
OrderNumber int NOT NULL,
PersonID int,
PRIMARY KEY (OrderID),
FOREIGN KEY (PersonID) REFERENCES Persons(PersonID);
DML:
Data manipulation language (DML) statements add, change, and
delete Oracle Database table data.
SQL JOINS:
A JOIN clause is used to combine rows from two or more tables,
based on a related column between them.
1
SYNTAX:
SELECT Orders. OrderID, Customers.CustomerName,Orders.OrderDate
FROM Orders
INNER JOIN Customers ON Orders.CustomerID=Customers.CustomerID;
SELECT column_name(s)
FROM table1
LEFT JOIN table2
ON table1.column_name = table2.column_name;
SELECT column_name(s)
FROM table1
RIGHT JOIN table2
ON table1.column_name = table2.column_name;
SELECT column_name(s)
FROM table1
FULL OUTER JOIN table2
ON table1.column_name = table2.column_name
WHERE condition;
4.3.6 PHP :
PHP: Introduction
1
Basics
Functions/Arrays/Strings
Loops
Database Connection
SELECT Query with PHP (Part I)
SELECT Query with PHP (Part II)
Form
Sessions
Basic security
Validations with HTML5/PHP
Functions/Arrays/Strings
LOOPS:
Loops are used to execute the same block of code again and again,
as long as a certain condition is true.
1
1
5.DESIGN
Figure 1
Figure 2
5.2 Log In Module
In this module, the user enters the username and password as an input, then the
system checks for the username in database of WAMP Server and checks for
correctness of corresponding password saved and entered.
If the password get a match the user id directed to the user’s account in the
website, else a message is shown as : “Incorrect Password !”.
1
Figure 3
5.3 Sign Up Module
This module is for a new user/ new account creation. The user enters Name,
email, password, contact, City and Address. Then on clicking Submit, the
system checks for the existence of the username in WAMP Server Database. If
the username already exists, it prompts a message : “User Exists !” else it makes
a new user data in database filling up the details as provided in the Server and
directs to the user’s Account.
Figure 4
5.4 Settings
This page allows existing users to change their password. Old password, New
password and Confirmation of New Password is taken as input. Once the New
password and confirmation of new password matches the user is allowed to
click “Change” button. Then, the system changes the old password of currently
logged in user to new password specifies.
1
Figure 5
Figure 6
1
5.6 Cart Page
A cart page is an essential part of an e-commerce applications. It is the page where users
can pile up what they want to buy from the app and then simply checkout by paying
online. To comprehend what a cart page does, think of it as a normal shopping cart in a
store.The cart page contains all the items added to the cart along with their individual
prices. A total cost of all the items should be displayed on the page.
Figure 7
1. Shipping address
2. Billing address
3. Country code/ ZIP code
1
Figure 8
Figure 9
1
This model is based on three basic concepts:
Entities
Attributes
Relationships
Figure 10
This ER (Entity Relationship) Diagram represents the model of Shopping System Entity. The
entity-relationship diagram of Shopping System shows all the visual instrument of database
tables and the relations between Shopping Cart Payment, Shopping, Delivery etc. It used
structura data and to define the relationships between structured data groups of Shopping
System functionalities. The main entities of the Shopping System are Shopping, Shopping
Cart, Order, Payment, Product and Delivery.
6. FUTURE SCOPE
1
Web Designing has become the primary source for web developers
and websites to place their foot in the digital world. Almost every
website requires a proper Web Designing candidate which allows it
to stand tall for a proper result. Thus, choosing Web Designing as a
career option will indeed give great results to any candidate. The
scopes of career success with Web Designing are vividly increasing
throughout the world and not it has become a major development in
India. But to get the best Web Designing career options, you need to
undergo a proper Web Designing from a reliable institution. This
allows you to learn all about the subjects, the languages involved
with it and the creative skills.
The job role of a front end developer means to develop the website
visually. It is more focused on proper navigation, landing pages,
checking the user interface and much more. However, this also
means that you can attract a high salary capacity which gives you a
great choice in your career. So being a front end developer can be a
great option for you.
The back end developer means that you need to mainly work with
the three web languages including HTML, CSS, and JavaScript. The
back end developer has a job role to design everything specifically
from padding, headers, footers and even structuring the website.
Without any proper web designer, a website will never have a
proper structure.
Being a Design and Layout Analyst means that you need to have
1
complete command over the HTML and PHP . The main job role of
a Design and Layout Analyst is to figure out a structure on how the
website will design and will be implemented on the users. So it is all
about creating the structure through HTML and PHP web languages.
6.1.5 UI Designer
1
7. Conclusion
The standard tools used for creating the website will ensure that things
such as navigation, menus and layout confirm to current practices with
which every web user is familiar with.
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.
1
8. Bibliography
Internshala.com
www.stackoverflow.com
www.google.co.in
W3shool.com