GROUP 1

PRESENTERS:
DAGANZO, KILUA
CALMA, GABRIEL
ESPE, ROBIN ACE
MUYARGAS, ALDREY
 TESTING THE SYSTEM
Once the system has been built and programmed, you
will have to engage in a testing process. Depending on
the size of the system, this could be fairly difficult and
lengthy.Testing is required whether the system is
outsourced or built in-house.
Unit Testing
System Testing
A/B Testing (split testing)
Multivariate Testing
Acceptance Testing
 Implementation, Maintenance, and Optimization

Most people unfamiliar with systems erroneously think that once an

information system is installed, the process is over. In fact, while the
beginning of the process is over, the operational life of a system is just
beginning.
 FACTORS IN OPTIMIZING
WEBSITE PERFORMANCE

Page Generation
Page Delivery
Page Content

6
 
ALTERNATIVE WEB DEVELOPMENT
METHODOLOGIES
Today, in addition to the traditional systems life cycle development process, there are a number
of alternative development methodologies intended to expedite the process.

Prototyping: consists of building a sample or model rapidly and inexpensively to test a

concept or process
Agile development: breaks down a large project into a series of smaller sub projects that
are completed in short periods of time using iteration and continuous feedback
DevOps: builds on agile development principles as an organizational strategy to create a
culture and environment that further promote rapid and agile development practices
Component-based development: enables a system to be built by assembling and
integrating various software components that already have been assembled and which
provide common functions
 4.7 CAREERS IN
E-COMMERCE
provides foundational information for a number of different careers.
Job titles include web developer/programmer (including front end
developer/front end engineer; full stack developer; and titles that
focus on a particular technology such as JavaScript
developer/engineer or similar), web designer (including user interface
(UI) designer, user experience (UX) designer, and interaction
designer), and webmasters.
 
THE COMPANY
is a business that conducts commercial transactions
online, like selling products or services through a
website, with prominent examples including Amazon,
eBay, and Alibaba; essentially, any company that
operates an online store is considered an e-commerce
company.

4
POSITION: UX DESIGNER
creates intuitive and engaging online experiences for the
company’s customers throughout its digital and mobile
ecosystem, including social media. You will work on
developing business processes, online roadmaps, and
analytic models of consumer behavior. You will be
working with product managers, online developers, and
analysts to create engaging digital experiences for
customers.
QUALIFICATIONS/SKILLS
Bachelor’s degree in computer science, information science, management information
systems, humanities, and/or equivalent experience
Coursework or experience in e-commerce, human-computer interaction, web design, front-
end mobile web development, UX design, statistics and data analysis, and/or marketing
Knowledge of UX tools such as Axure, Balsamiq, Sketch, and/or Adobe CC
Knowledge of current user experience and design methodologies
Demonstrated ability to identify solutions to business problems using a design perspective
A desire to work in a multitasking, fast-paced environment and to collaborate as a member
of the e-commerce digital experience team
Ability to look for solutions and information in creative ways and convey complicated
results and insights to people of varying backgrounds
Intensely curious with an intrinsic love for excellent user experience
Strong written and spoken communication skills
 PROJECT GOALS

1 2 3
Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetur amet, consectetur amet, consectetur
adipisicing elit, sed adipisicing elit, sed adipisicing elit, sed
do eiusmod tempor do eiusmod tempor do eiusmod tempor
incididunt ut labore et incididunt ut labore et incididunt ut labore et
dolore magna aliqua dolore magna aliqua dolore magna aliqua

3
4.1 IMAGINE E-COMMERCE
PRESENCE
 DISCUSSION
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum

dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

4
 4.2 BUILDING AN
E-COMMERCE PRESENCE
SUBJECT I 50

Lorem ipsum dolor sit amet, consectetur

adipisicing elit, sed do eiusmod tempor incididunt
40

ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud 30

exercitation ullamco laboris nisi ut aliquip ex ea

commodo consequat. 20
Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur.
10
Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est
laborum. 0
Item 1 Item 2 Item 3 Item 4 Item 5

5
4.3 CHOOSING SOFTWARE
WHY SOFTWARE MATTERS IN E-COMMERCE
Software enables:
Website management
Transaction processing
Security measures
Customer experience optimization

6
WEBSITE ARCHITECTURE
Simple (Single-Tier) System: Static content websites
with basic functionality.
Two-Tier Architecture: A web server handles
requests, and a database server stores backend
data.
Multi-Tier Architecture: Includes a middle layer with
application servers for complex transactions

6
TYPES OF E-COMMERCE SOFTWARE
Web Server Software – Manages website hosting.
Application Servers – Handles e-commerce operations like
order processing.
Merchant Server Software – Provides catalogs, shopping
carts, payment processing.
Software-as-a-Service (SaaS) – Cloud-based software
solutions.
Dynamic Page Generation Tools – Updates content
dynamically based on user interactions.
Site Management Tools – Help monitor site performance
and fix broken links.
6
KEY FEATURES IN CHOOSING SOFTWARE
Functionality – Can it handle orders, payments,
and inventory?
Scalability – Can it grow with your business?
Security – Does it offer encryption and fraud
protection?
Integration – Can it connect with other tools?
Cost – Is it affordable with no hidden fees?

6
4.4 CHOOSING A
HARDWARE
IMPORTANCE OF HARDWARE IN
E-COMMERCE
Servers, storage, and networking, load balancer
support website performance.
Without the right hardware, websites can
experience slow loading times or crashes.

6
 KEY HARDWARE CONSIDERATIONS
1. Hosting Choices:
Self-Hosting: Business owns and manages servers.
Cloud Hosting: Uses services like AWS or Google Cloud.
2. Server Performance:
Needs to handle peak traffic without delays.
3. Storage Requirements:
High-quality images/videos need more storage.
4. Network Speed:
Slow websites lead to customer dropouts.
5. Scalability:
Can the system handle increasing demand?
6. Security & Redundancy:
Backup solutions and data protection mechanisms are essential.

6
RIGHT-SIZING YOUR HARDWARE
Vertical Scaling: Increasing processing power of a
single server.
Horizontal Scaling: Adding multiple servers to share
the load.
Load Balancing: Distributing requests across
multiple servers.
Database Optimization: Ensuring fast data retrieval
with caching mechanisms.

6
4.5 OTHER E-COMM SITE
TOLLS
E-COMMERCE WEBSITE FEATURES
THAT ANNOY CUSTOMERS
Requiring user to view ad or intro page before going to website content.
Pop-up and pop-under ads and windows,
Too many clicks to get to the content.
Links that don’t work.
Confusing navigation; no search function.
Requirement to register and log in before viewing content or ordering.
Slow loading pages.
Content that is out of date.
Inability to use browser’s Back button.
No contact information available (web form only)
Unnecessary splash/flash screens, animation, etc.
Music or other audio that plays automatically
Unprofessional design elements
Text not easily legible due to size, color, format
Typographical errors
No or unclear returns policy
WEBSITE DESIGN: BASIC BUSINESS
CONSIDERATIONS
From a business manager’s perspective, there are certain design objectives
you must communicate to your website designers to let them know how
you will evaluate their work.
A website that annoys customers runs the risk of losing the customer forever.
Some critics believe poor design is more common than good design.
The worst e-commerce sites make it difficult to find information about their
products and make it complicated.
 TOOLS FOR SEARCH ENGINE
OPTIMIZATION
These are some basic ideas that might work well for your website to be easily
navigated:

1. Metatags, Keywords, Titles, Page contents

2. Offer expertise
3. Get linked up
4. Buy Ads
5. Local E-commerce
 THE EIGHT MOST IMPORTANT
FACTORS IN SUCCESSFUL
E-COMMERCE SITE DESIGN
1. FUNCTIONALITY
2. INFORMATIONAL
3. EASE OF USE
4. REDUNDUNT NAVIGATION
5. EASE OF PURCHASE
6. MULTI-BROWSER FUNCTIONALITY
7. SIMPLE GRAPHICS
8. LEGIBLE TEXT
 TOOLS FOR INTERACTIVITY AND
ACTIVE CONTENT
Common Gateway Interface (CGI) was the first widely accepted set of
standards for communication between a browser and a program running
on a server that allowed for interaction between the user and the server.
CGI enabled an executable program to access all the information within
incoming requests from clients.
All the computing took place on the server side (this is why CGI programs
and others like them are referred to as “server-side” programs).
Today, however, CGI scripts have become obsolete, due to security and
other concerns, and have been replaced by more modern and secure
methods.
 JAVA, JAVA SERVER PAGES (JSP),
AND JAVASCRIPT
Java is a programming language that allows programmers to create
interactivity and active content on the client computer, thereby saving
considerable load on the server.
Java was initially developed by Sun Microsystems as a platform-
independent programming language for consumer electronics.
The idea was to create a language whose programs (so-called Write
Once Run Anywhere [WORA] programs) could operate on any computer
regardless of operating system
 JAVA, JAVA SERVER PAGES (JSP),
AND JAVASCRIPT
Java Server Pages (JSP) is a web page coding standard that allows
developers to use a combination of HTML, JSP scripts, and Java to
dynamically generate web pages in response to user requests.
JSP uses Java “servlets,” small Java programs that are specified in the
web page and run on the web server to modify the web page before it is
sent to the user who requested it.
 ACTIVE SERVER PAGES (ASP) AND
ASP.NET
Active Server Pages (ASP) was invented by Microsoft in late 1996 and
grew rapidly to become the major technique for server-side web
programming in the Windows environment
ASP enabled developers to easily create and open records from a
database and execute programs within an HTML page, as well as handle
all the various forms of interactivity found on e-commerce sites.
ASP.NET, first released in January 2002, and part of Microsoft’s .NET
framework, is the successor to ASP.
 COLDFUSION
ColdFusion is an integrated server-side environment for developing
interactive web and mobile applications.
Originally developed by Macromedia and now offered by Adobe.
ColdFusion offers a powerful set of visual design, programming,
debugging, and deployment tools, including the ability to create mobile
apps, robust security features and support for interoperability
 THE INFORMATION POLICY SET
Privacy Policy—a set of public statements declaring to your customers how you
treat their personal information that you gather on the site.
Accessibility Rules—a set of design objectives that ensure users with disabilities
can effectively access your site.
4.6 DEVELOPING A MOBILE
WEBSITE AND BUILDING
MOBILE APP
A mobile website is a version of a regular website that is scaled down in content and
navigation so that users can find what they want and move quickly to a decision or purchase.
Mobile web app is an application built to run on the mobile web browser built into a
smartphone or tablet computer.
Native app is an application designed specifically to operate using the mobile device’s
hardware and operating system.
A Hybrid app has many of the features of both a native app and a mobile web app. Like a
native app, it runs inside a native container on the mobile device and has access to the
device’s APIs, enabling it to take advantage of many of the device’s features.

9
PLANNING AND BUILDING A
MOBILE PRESENCE
 MOBILE PRESENCE: DESIGN
CONSIDERATIONS
Mobile presence has become so important that it is fueling a growing trend to flip
the traditional e-commerce development process and begin instead with
development of a mobile presence rather than a desktop website (known as
mobile first design).
Responsive web design (RWD) tools and design techniques make it possible to
design a website that automatically adjusts its layout and display according to the
screen resolution of the device on which it is being viewed, whether a desktop,
tablet, or smartphone.
With Adaptive Web Design (AWD) (sometimes also referred to as adaptive
delivery or responsive web design with server-side components (RESS)), the
server hosting the website detects the attributes of the device making the request
and, using predefined templates based on device screen size along with CSS and
JavaScript, loads a version of the site that is optimized for the device
THANK YOU