COM P U T E R 9

IC AT IO N D E V EL O P M E N T
T ALS O F E -CO MMERC E APPL
FUNDAME N Prepared by: Marvyn L. Reye
s, LPT
CHAPTER 1: ELECTRONIC COMMERCE

OBJECTIVES
1. STATE THE COMPONENTS OF E-COMMERCE
2. DIFFERENTIATE THE DIFFERENT PAYMENT OPTIONS OF CYBERSTORES
3. EXPLAIN THE DIFFERENT INTERNATIONAL AND LOCAL PAYMENT GATEWAYS
4. EVALUATE INTERNATIONAL AND LOCAL CYBERSTORES
 BUYING AND SELLING ONLINE HAS BROKEN THE
BOUNDARIES BETWEEN GEOGRAPHIC LOCATIONS.

THESE DAYS, YOU CAN ORDER OR BUY JUST ANYTHING

OVER THE INTERNET ESPECIALLY WHEN YOU HAVE A CREDIT
OR DEBIT CARD.
ACTIVITY 1

WHICH IS BETTER:
INTERNATIONAL OR LOCAL?
E-COMMERCE
SYSTEM
COMPONENTS
AND FUNCTIONS
ELECTRONIC COMMERCE OR E-COMMERCE

• IS THE ACT OF SELLING PRODUCTS OR SERVICES OVER THE INTERNET

• IT IS ALSO KNOWN AS E-BUSINESS
IT MAY REFER TO MERCHANTS
PERFORMING E-COMMERCE
AS “E-TAILERS” AND THEIR
WEBSITES AS
“CYBERSTORES”
COMPONENTS OF A CYBERSTORE

• STOREFRONT
• SHOPPING CART
• PAYMENT GATEWAY
STOREFRONT

• THE WEBSITE THAT LISTS THE PRODUCTS AND THEIR DETAILS

• “FRONT-END USER/INTERFACE”
• CLICKING THE ITEM WILL ALLOW THE USER TO VIEW ADDITIONAL DETAILS ABOUT THE PRODUCT
• ITEMS ARE USUALLY ORGANIZED ACCORDING TO CATEGORY
SHOPPING CART

• A WEB APPLICATION THAT IS INCORPORATED INTO THE STOREFRONT THAT ALLOWS CUSTOMERS TO PUT
ITEMS IN THE “SHOPPING BASKET.”

• THE SHOPPING CART MAY BE PART OF THE SYSTEM OR PROVIDED BY A THIRD-PARTY.

• IT ALSO ALLOWS THE USER TO REVIEW THE ITEMS IN THE SHOPPING BASKET.
• THE USER MAY THEN DECIDE TO REMOVE OR CONTINUE WITH HIS OR HER ONLINE SHOPPING.
EXAMPLE:
PAYMENT GATEWAY

• A SYSTEM THAT PROCESSES CREDIT CARD PAYMENTS MADE BY CUSTOMERS.

• IT SERVES AS THE MIDDLEMAN BETWEEN THE STOREFRONT AND THE BANKS.
• BILLING INFORMATION IS USUALLY REQUESTED FIRST FROM USER.
CHAPTER 2: DESIGNING
E-COMMERCE APPLICATIONS
OBJECTIVES
• STATE THE PRELIMINARY STEPS IN CREATING A WEB APPLICATION
• DESIGN A SITE SPECIFICATION
• CREATE A SITE STORYBOARD
WEB DEVELOPMENT
IT IS A BROAD TERM FOR THE WORK INVOLVED
IN DEVELOPING A WEB SITE FOR THE INTERNET
(WORLD WIDE WEB)
WEBSITES

IT IS A COLLECTION OF RELATED WEB PAGES, INCLUDING

MULTIMEDIA CONTENT, TYPICALLY IDENTIFIED WITH A
COMMON DOMAIN NAME, AND PUBLISHED ON AT LEAST
ONE WEB SERVER.
NOTABLE EXAMPLES ARE FACEBOOK.COM, GOOGLE.COM, AND YOUTUBE.COM.
E-COMMERCE WEB APPLICATIONS
• WEBAPP IS A COLLECTION OF RELATED DYNAMIC WEB PAGES.
• DYNAMIC PAGES ARE MADE UP OF DIFFERENT SCRIPTING LANGUAGES THAT
ARE USED TO ORGANIZE AND DISPLAY PRODUCT INFORMATION FOR ONLINE
CUSTOMERS.
• PRODUCT INFORMATION IS STORED IN A DATABASE AND IS RETRIEVED ON-
DEMAND WHENEVER A USER REQUEST IT BY CLICKING A LINK IN A PARTICULAR
PAGE.
BASIC REQUIREMENTS
APPLICATION NEEDED
FOR HTML, CSS AND PHP FOR DATABASE
YOU CAN USE: BASIC REQUIREMENTS
SUBLIME TEXT ARE XAMPP SERVER.
NOTEPAD ++ OR NOTEPAD PHPMYADMIN FOR THE
NETBEANS INTERFACE OF THE
DATABASE.
ETC..,
INTRODUCTION TO THE FRONT END
THE “FRONT-END LANGUAGES” LIVE IN THE BROWSER.
EACH OF THESE LANGUAGES PERFORMS A SEPARATE BUT VERY IMPORTANT FUNCTION AND THEY WORK HARMONIOUSLY
TOGETHER.

• TO DETERMINE HOW THE WEB PAGE IS STRUCTURED, WE USE HTML.

• HOW IT LOOKS, WE USE CSS.
FRONT-END WEB DEVELOPMENT IS NOT DESIGN (YOU WON’T BE PLAYING AROUND IN PHOTOSHOP OR ANYTHING), BUT A FRONT-
END DEVELOPER DOES  APPLY THE WORK OF DESIGNERS TO THE WEB PAGE BY TRANSLATING THEIR WELL-DESIGNED LAYOUTS INTO
REAL CODE.
HTML
IT IS THE STANDARD MARKUP LANGUAGE FOR CREATING
WEB PAGES
HTML STANDS FOR HYPER TEXT MARKUP LANGUAGE
HTML DESCRIBES THE STRUCTURE OF WEB PAGES USING MARKUP
HTML ELEMENTS ARE THE BUILDING BLOCKS OF HTML PAGES
HTML ELEMENTS ARE REPRESENTED BY TAGS
HTML TAGS LABEL PIECES OF CONTENT SUCH AS "HEADING", "PARAGRAPH", "TABLE", AND SO ON
BROWSERS DO NOT DISPLAY THE HTML TAGS, BUT USE THEM TO RENDER THE CONTENT OF THE PAGE
A SIMPLE HTML DOCUMENT
CODING

OUTPUT
CHAPTER 3: DESIGNING AND DEVELOPING E-COMMERCE
PRODUCT DATABASE

WHAT IS DATABASE?
•A DATABASE IS AN ORGANIZED COLLECTION OF DATA STORED
AND ACCESSED ELECTRONICALLY.
•DBMS – DATABASE MANAGEMENT SYSTEM
• ALLOWS THE DEFINITION, CREATION, QUERYING, UPDATE, AND
ADMINISTRATION OF DATABASES.
• A DATABASE IS GENERALLY STORED IN A DBMS-SPECIFIC FORMAT
WHICH IS NOT PORTABLE
SQL
STRUCTURED QUERY LANGUAGE IS A DOMAIN-SPECIFIC LANGUAGE
USED IN PROGRAMMING AND DESIGNED FOR MANAGING DATA HELD
IN A RELATIONAL DATABASE MANAGEMENT SYSTEM (RDBMS), OR
FOR STREAM PROCESSING IN A RELATIONAL DATA STREAM
MANAGEMENT SYSTEM (RDSMS).
TERMINOLOGY IN DATABASE
•DATA – REFERS TO ALL THE SINGLE ITEMS THAT ARE STORED IN A DATABASE
•DATABASE – IT IS ORGANIZED INTO ROWS, COLUMNS AND TABLES
•COLUMNS – OR FIELD, IT CONSISTS OF KEYFIELD
•ROWS – ALSO REFERRING TO A COMPLETE RECORDS
•TABLE – COMBINATION OF COLUMNS WITH ROWS
DATA STORAGE
•IS A TERM USED FOR STORING DATA
FROM STORAGE DEVICES SUCH AS
OPTICAL DISC AND OTHER
REMOVABLE DEVICES.
DATA STORAGE UNITS ON THE COMPUTER
DATA PROCESSING CYCLE
1. ORIGINATION
2. INPUT
3. MANIPULATION
4. OUTPUT
5. STORAGE
DATA PROCESSING METHODS
1. MANUAL METHOD
• STORING DATA BY MEANS OF LEDGERS, FOLDERS ETC.
2. MECHANICAL METHOD
• INVOLVES THE USE OF MANUAL PROCESSES AND MECHANICAL EQUIPMENT.
3. ELECTRONIC METHOD
• A METHOD WHERE PROCESSING IS DONE ELECTRONICALLY.
MODES OF DATA PROCESSING
BATCH PROCESSING
• TRANSACTIONS ARE ACCUMULATED AND STORED UNTIL A SPECIFIED
TIME.
ON-LINE PROCESSING
• TRANSACTIONS ARE ENTERED DIRECTLY INTO THE COMPUTER.
SQL CONCEPTS
NULL VALUE – A NULL VALUE IN A TABLE IS A VALUE IN A FIELD THAT SEEMS TO BE
BLANK.
VARIABLES – SOMETHING THAT MAY HAVE A VARYING VALUE OVERTIME.
OPERATORS – IT CAN BE RELATIONAL OPERATOR OR LOGICAL OPERATOR.
EXPRESSIONS – WELL-FORMED STRING CONTAINS VARIABLES, CONSTANTS,
OPERATORS AND FUNCTIONS.
LITERALS – THESE ARE THE DATA TYPES.
SQL PROGRAMMING
CAPABILITIES OF SQL SELECT STATEMENT
PROJECTION
• A PROJECT OPERATION SELECTS ONLY CERTAIN COLUMNS(FIELDS) FROM A TABLE.
SELECTION
• SELECT A SUBSETS OF ROWS(RECORDS) IN A TABLE THAT SATISFY A SELECTION CONDITION.
JOINING
• COMBINES DATA FROM TWO OR MORE TABLES BASED ON 1 OR MORE COMMON COLUMN
VALUES.