ICTPRG535 Build Advanced User Interfaces AT2 Noman Bandi
ICTPRG535 Build Advanced User Interfaces AT2 Noman Bandi
ICTPRG535 Build Advanced User Interfaces AT2 Noman Bandi
Project
INDEX
Index 1
1. Introduction 2
2. Objective 3
6. Implementation 8
1
1. Introduction
The ‘Online E-commerce Web application’ Services department strives to provide solutions
to develop and transfer easy and efficient ways in the digital age and to help reduce the
human pressure and time. To help support shop collections, digital initiatives, and external
partner institution digital projects, It provides services that include the digitization of analog
objects, metadata management, digital preservation, and discovery and access of digital
collections. “Shop Management System '' is a web application written for all operating
systems, designed to help users maintain and organize shops virtually. This software is easy
to use for both beginners and advanced users. It features a familiar and well thought out, an
attractive user interface, combined with strong searching Insertion and reporting capabilities.
The report generation facility of the shop system helps to get a good idea of which are the
various items brought by the members, and makes it possible for users to get the product
easily.
E-commerce is fast gaining ground as an accepted and used business paradigm. More and
more business houses are implementing web sites providing functionality for performing
commercial transactions over the web. It is reasonable to say that the process of shopping on
the web is becoming commonplace.
The objective of this project is to develop a general-purpose e-commerce store where any
product (such as books, CDs, computers, mobile phones, electronic items, and home
appliances) can be bought from the comfort of home through the Internet. However, for
implementation purposes, this paper will deal with an online ecommerce store.
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 a credit card number. An email notification is sent to the customer as
soon as the order is placed.
2
2. Objective
Project planning is part of project management, which relates to the use of schedules such as
Gantt charts to plan and subsequently report progress within the project environment.
Initially, the project scope is defined and the appropriate methods for completing the project
are determined. Following this step, the durations for the various tasks necessary to complete
the work are listed and grouped into a work breakdown structure. The logical dependencies
between tasks are defined using an activity network diagram that enables identification of the
critical path. Float or slack time in the schedule can be calculated using project management
software. Then the necessary resources can be estimated and costs for each activity can be
allocated to each resource, giving the total project cost. At this stage, the project plan may be
optimized to achieve the appropriate balance between resource usage and project duration to
comply with the project objectives. Once established and agreed, the plan becomes what is
known as the baseline. Progress will be measured against the baseline throughout the life of
the project
The project is about to handle all the information of the shop regarding members. Also it
manages resources which were managed and handled by manpower previously. The main
purpose of the project is to integrate distinct sections of the shop into a consistent manner so
that complex functions can be handled smoothly. The project aims at the following matters
● Automation of product manipulation.
● Buying products.
● To manage information of different types of items.
● Consistently update information on all the items.
● Managing security by providing authorized email & password. Manages databases
efficiently.
3
3. Hardware and Software Requirement
4
4. Implementing Tools for the Project
4.1 Tools
● HTML
● CSS
● Bootstrap
● PHP
● MySQL
● XAMPP
5
PHP : PHP stands for Hypertext Preprocessor. It is a server-side scripting language that
powers some of the most popular websites in the world, including WordPress and Facebook.
It is open source, relatively easy to learn, and works perfectly with MySQL, making it a
popular choice for web developers.
Perl : Perl is a high-level, dynamic programming language used extensively in network
programming, system admin, etc. Although less popular for web development purposes,
4.4 HTML
Every webpage you look at is written in a language called HTML. You can think of HTML
as the skeleton that gives every web page structure. In this course, we'll use HTML to add
paragraphs, headings, images and links to a webpage. In the editor to the right, there's a tab
called test.html. This is the file we'll type our HTML into. Like any language, it has its own
special syntax. A browser's job is to transform the code in test.html into a recognizable
webpage! It knows how to lay out the page by following the HTML syntax.
4.5 CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of
a document written in a markup language.[1] Most often used to set the visual style of web
pages and user interfaces written in HTML and XHTML, and is applicable to rendering in
speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone
technology used by most websites to create visually engaging web pages, user interfaces for
web applications, and user interfaces for many mobile applications. CSS is designed
primarily to enable the separation of document content from document presentation,
including aspects such as the layout, colors, and fonts.[3] This separation can improve
content accessibility, provide more flexibility and control in the specification of presentation
characteristics, enable multiple HTML pages to share formatting by specifying the relevant
CSS in a separate .CSS file, and reduce complexity and repetition in the structural content.
4.6 PHP
PHP started out as a small open source project that evolved as more and more people found
out how useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.
PHP is a recursive acronym for "PHP: Hypertext Preprocessor". PHP is a server side
scripting language that is embedded in HTML. It is used to manage dynamic content,
6
databases, session tracking, and even build entire e-commerce sites. It is integrated with a
number of popular databases, including MySQL, PostgreSQL, Oracle, Sybase, Informix, and
Microsoft SQL Server. PHP is pleasingly zippy in its execution, especially when compiled
as an Apache module on the Unix side. The MySQL server, once started, executes even very
complex queries with huge result sets in record-setting time. PHP supports a large number of
major protocols such as POP3, IMAP, and LDAP. PHP4 added support for Java and
distributed object architectures (COM and CORBA), making n-tier development a
possibility for the first time. PHP is forgiving: PHP language tries to be as forgiving as
possible. PHP Syntax is C-Like.
4.7 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.
7
5. Implementation
8
5.2 PRODUCTS PAGE
5.4 FOOTER
9
5.5 LOGIN / REGISTER PAGE
10
5.7 REGISTRATION VALIDATION
11
5.9 PROFILE EDIT PAGE
12
5.11 CHECKOUT PAGE
13
5.13 MY ORDERS PAGE
14