E Business Lab

lOMoARcPSD|19972668
E-Business Lab Manual - working and get knowledge and

show how you work and get quick experience
Business Analytics (Iqra University)
Studocu is not sponsored or endorsed by any college or university

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)
lOMoARcPSD|19972668
E- Business Lab
LABORATORY WORKBOOK
Name _____________________
Roll No ___________________
Date ______________________
Marks Obtained ____________
Signature___________________

lOMoARcPSD|19972668
Course Outline
Course Title: E-Business Lab
Department: Computer Science
Course Objectives
E-Business Lab is a comprehensive Laboratory in understanding the electronic business and its application by
using a real business model, and try to understand the various issues in online business as compare to
traditional businesses. The course is designed for under-graduate learners with cooperative work or study
groups by the use of computer based instruments, Software and technique to develop e-business solutions for
business.
Learning Objectives
 Understanding the general concepts of e-business and its different terminologies.
 Developing business plan to initiate business for online transactions.
 Understanding of technical issues related to web site, domain registration, hosting, payment gateway,
development, etc.
 Understanding different online marketing tools to promote our e-business.
 How to get different other business operations such as employee relationship, customer support,
supply chain, etc., online to enjoy the real taste of e-business
Learning Outcomes
 Students are expected to learn the basics of e-commerce, e-business and their application in the real
business.
 Students must be able to apply their already developed business with the adjustment of e-business
strategies, and to implement that newly created business model in a real online web site.
 Students will be able to learn and implement various technical concepts in e-business such as hosting,
domain registration, site development, payment gateways, etc. by practically performing all those on
their real business domain.
 Students will be able to learn various concepts of online tools such as search engine, community sites,
directories, blogs, forums, CMS, etc. to promote their business.
 Students will be able to learn the concepts related to business process already developed in business
such as CRM, HRM, SCM, etc., and how to integrate those with online business web site.
Marks Distribution:
Assignments (4) 10%

lOMoARcPSD|19972668
Quizzes (4) 10%

Course Project 15%
Midterm Examination 25%
Final Examination 40%
Assignments:
Assignments would be assigned at least one week before the due date and must be submitted on or
before due date. No late assignment will be accepted. Total of 4 assignments would be assigned
during the semester which may be related to project. Student must be very careful while solving
assignment and should avoid copying from someone else in order to avoid any problem at the end of
the semester.
Class Quizzes:
To check the class performance, sudden tests or class quizzes would be taken in class throughout the
semester. At least 4 quizzes would be taken during the semester. These quizzes must be solved in the
class and they would be of short duration. There would be no LATE submission or MAKEUP for
these quizzes.
Recommended Text Books:

Electronic Commerce 2018. A Managerial Perspective by Efraim Turban and Jon Outland, 9th edition, 2017.
Reference Books:
E-Business and E-Commerce Management: Strategy, Implementation and Practice by Dave Chaffey (5th
Edition) 2014
CPanel Documentation: https://documentation.cpanel.net
Opencart Documentation: http:docs.opencart.com/

lOMoARcPSD|19972668
Lab Content
Lab
No Lab Objective
1 Introduction to E-Business
2 Designing an E-Commerce Website

3 Homepage design of a website
Compare at least 5 well known E-Commerce Platform in term of its pricing,

4 features, customization, usability and security. (Like OpenCart, PrestaShop,
Magento, Shopify, etc.)
What are XAMPP, WAMP, MAMP, LAMP, EASYPHP, and AMPPS and
5 WPN-XM ? Also explain the installation and configuration steps of any one
of them
6 To implement form Validation technique with PHP Using XAMPP Server
7 Designing Business Model for the Proposed Website
Mid Term Examination

Explain the installation and configuration steps of OpenCart using XAMPP
8
Server
Explain the installation and configuration steps of PrestaShop using XAMPP
9
Server
Compare different CMS in term of its pricing, features, customization,
10
usability and security. (Like WordPress)
11 Explain the installation and configuration steps of WordPress
12 Explain how we can integrate the WooCommerce Plugin in the WordPress
Explain how we can integrate the SuperPWA Plugin in the WordPress to

13
convert Website into Mobile Application

lOMoARcPSD|19972668
14 A Survey on Online Payment Methods
Final Term Examination
Week No Lab Index

Introduction to E-Business, What do you meant by E-Business, difference between E-Business and E-
1 Commerce, Discussing multiple types of E-Commerce available in today’s market
Designing an E-Commerce Website, Studying the applications of E-Commerce and E-Business.
Based on the same, To design an E-Commerce website on paper. The website should be designed by
2 taking into consideration all the advantages of E-Commerce. The practical will help to understand the
forthcoming contents of the subject in a better fashion
Homepage design of a website, The purpose of your site. Design a home page on Paper or use any
3 other online tool, Like: Canva
Compare at least 5 well known E-Commerce Platform in term of its pricing, features, customization,
4 usability and security. (Like OpenCart, PrestaShop, Magento, Shopify, etc.)
What are XAMPP, WAMP, and MAMP & LAMP? Also explain the installation and configuration
5 steps of XAMPP in your PC
To implement form Validation technique with PHP Using XAMPP Server, web form designing and
6 Validation through PHP
Designing Business Model for the Proposed Website, The practical intends to study e-commerce
business model and ultimately make to design a business model of any website. For the same
7 purpose, the students should be taught the following basic concepts of E-Commerce business model
and should be asked to design the model for the website they have proposed in the previous practical
Explain the installation and configuration steps of OpenCart using XAMPP Server, Open Cart online
8 platform for build online store , Store implementation, Shipping Details, Adding Multiple Products,
Customized products
Explain the installation and configuration steps of PrestaShop using XAMPP Server, an online
9 platform for build online store, Store implementation, Shipping Details, Adding Multiple Products,
Customized products.
Compare different CMS in term of its pricing, features, customization, usability and security. (Like
10 WordPress, Joomla, etc.),
Explain the installation and configuration steps of WordPress, Install on online webhosting and on
11 localhost using XAMPP
Explain how we can integrate the WooCommerce Plugin in the WordPress, Plugins play role in
12 Wordpress, using woo-Commerce implement an online store, Add multiple products,manage orders
etc
Explain how we can integrate the SuperPWA Plugin in the WordPress to convert Website into Mobile
13 Application, Concept of Progressive Web App (PWA) and its implementation

lOMoARcPSD|19972668
A Survey on Online Payment Methods, The aim of the practical is to make students identify different
methods of online payment and includes surveying them in-depth. Further, the students have to
14 survey some popular website like Amazon, etc. and check out the payment methods and all the
included details of online payment for a minimum of 3 websites
LAB # 01
Introduction to E-Business
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Introduction
Definition: “E-Business is conducting business processes online to deliver additional values to
customer.”
E-commerce necessarily involves monetary transactions electronically whereas E-business uses

Information Technology to enhance the business.
Examples of E-Business
1) Email marketing:
Email marketing to existing customers and prospects is an e-business activity, as it electronically

conducts a business process - in this case marketing.
2) Online Inventory Management System:
An online system that tracks inventory and triggers alerts at specific levels is also e-business.
Inventory management is a business process. When facilitated electronically, it becomes part of e-
business.
3) Content Management System:
A content management system that manages the work flow between content-developer, editor,
manager, and publisher is another example of e-business. In the absence of an electronic work flow,
the physical movement of paper files would conduct this process. By electronically enabling it, we
are now in the realm of e-business.
4) Online Induction Programs:
An online induction program for new employees automates part or whole of its offline counterpart.
E-commerce versus E-business

E-commerce uses the internet to connect with the rest of the world. In contrast to e-business, internet,
intranet and extranet are used for connecting with the parties.

lOMoARcPSD|19972668
Buying and Selling of goods and services through the internet is known as e-commerce. Unlike e-
business, which is an electronic presence of a business, by which all the business activities are
conducted through the internet.
E-Commerce is a major component of e-business. E-commerce is e-business websites.
Comparison Chart
Basis for Comparison E-commerce E-business
Trading of merchandise, over the internet Running business using the internet
is known as E-commerce. is known as E-business.
Meaning
What is it? Subset Superset
Is it limited to monetary
transactions?
Yes No
What they carry out? Commercial transactions Business transactions
Approach Extroverted Ambiverted
Requires Website Website, CRM, ERP, etc.
Which network is used? Internet Internet, Intranet and Extranet.
 Electronic commerce applications
Some common applications related to electronic commerce are the following:
Enterprise content management
•Instant messaging, Newsgroups
•Online shopping and order tracking
•Online banking, online office suites
•Domestic and international payment systems
•Shopping cart software

lOMoARcPSD|19972668
•Teleconferencing, Email
•Electronic tickets
•Evolution of web technologies

Here is the Web evolution i.e. the past, present and future of the Web
Lab Task
Write down different between E-Business and E-Commerce

lOMoARcPSD|19972668
LAB # 02
Designing an E-Commerce Website
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective
The practical consists of studying the applications of E-Commerce and E-Business. Based on the
same, the students are required to design an E-Commerce website on paper. The website should be
designed by taking into consideration all the advantages of E-Commerce. The practical will help the
students to understand the forthcoming contents of the subject in a better fashion.
The minimum contents to be taught in the lab prior to assigning students the task of creating a
website are as follow:
“Electronic Commerce is the buying and selling of products or services over electronic systems such
as the Internet and other computer networks.”
Electronic Commerce, commonly known as E-Commerce, is the cutting edge for business today. The
amount of trade conducted electronically has grown dramatically since the world-wide introduction
of the Internet. A wide variety of commerce is conducted in this way, such as electronic funds
transfer, supply chain management, e-marketing, online marketing, online transaction processing,
electronic data interchange (EDI), etc.
Examples or Applications of E-Commerce

1) Online Shopping
Buying and selling goods on the Internet is one of the most popular examples of e-commerce.
Sellers create storefronts that are the online equivalents of retail outlets. Buyers browse and purchase
products with mouse clicks. Though Amazon.com is not the pioneer of online shopping, it is
arguably the most famous online shopping destination.
2) Electronic Payments
When you are buying goods online, there needs to be a mechanism to pay online too. That is where
payment processors and payment gateways come into the picture. Electronic payments reduce the
inefficiency associated with writing and mailing checks. It also does away with many of the safety
issues that arise due to payment made in currency notes. For example, online deduction from savings
account for payment of insurance or monthly bills etc.
3) Online Auctions
The Internet has made auctions accessible to a large number of buyers and sellers. Online auctions
are also an efficient mechanism for price discovery. An example of online auction website is
eBay.com.
4) Internet Banking

lOMoARcPSD|19972668
Today it is possible for you to perform the entire gamut of banking operations without visiting a
physical bank branch. Interfacing of websites with bank accounts, i.e. viewing recent transactions,
checking the current balance, etc., is the biggest driver of E-commerce.
5) Online Ticketing
Air tickets, movie tickets, train tickets, play tickets, and just about any kind of tickets can be booked
online. Online ticketing does away with the need to queue up at ticket counters.
6) Teleconferencing or Teleseminar
A teleconference or teleseminar is the live exchange of information among several persons and
machines remote (distant) from one another but linked by a telecommunications system. For
example, attending online lecture sessions that include paying for the sessions.
7) Newsgroups
A newsgroup is a repository that shares messages posted from many users in different locations.
Certain newsgroups are accessible for free whereas; the paid newsgroups refer to an application of e-
commerce.
E-Business
Definition: “E-Business is conducting business processes online to deliver additional values to
customer.”
Examples or Applications of E-Business

1) Email marketing:
Email marketing to existing customers and prospects is an e-business activity, as it electronically

conducts a business process - in this case marketing.
2) Online Inventory Management System:
An online system that tracks inventory and triggers alerts at specific levels is also e-business.
Inventory management is a business process. When facilitated electronically, it becomes part of e-
business.
3) Content Management System:
A content management system that manages the work flow between content- developer, editor,
manager, and publisher is another example of e-business. In the absence of an electronic work flow,
the physical movement of paper files would conduct this process. By electronically enabling it, we
are now in the realm of e-business.
4) Online Induction Programs:
An online induction program for new employees automates part or whole of its offline counterpart.
lOMoARcPSD|19972668
 E-commerce versus E-business

 Advantages of E-commerce
1) Overcomes Geographical Limitations
If you have a physical store, you are limited by the geographical area that you can service. With an e-
commerce website, the whole world is your playground.
2) Gaining New Customers with Search Engine Visibility
Physical retail (i.e. physical selling) is driven by branding and relationships. In addition to these two
drivers, online retail is also driven by traffic from search engines. Usually, the customers follow a
link in search engine results, and land up on an e-commerce website that they have never heard of.
This additional source of traffic can be a great benefit for some e-commerce businesses.
3) Lowered Costs
One of the most substantial advantages of e-commerce is the lowered cost. A part of these lowered
costs could be passed on to customers in the form of discounted prices. Here are some of the ways
that costs can be reduced with e- commerce:
1. Personnel: The automation of checkout, billing, payments, inventory management, and other
operational processes, lowers the number of employees required to run an e-commerce setup.
2. Real Estate: An e-commerce merchant does not need a prominent physical location.
4) Locating the Product Quicker
On an e-commerce website, customers easily navigate or use a search box to immediately narrow
down their product search. Some websites remember customer preferences and shopping lists to
facilitate repeat purchase.
5) Eliminates Travel Time and Cost
Customers generally have to travel long distances to reach their preferred physical store. E-
commerce allows them to visit the same store virtually, with a few mouse clicks. For purchase of e-
books or a music file, e-commerce is faster than purchasing goods from a physical store.
6) Providing Comparison Shopping
E-commerce facilitates comparison shopping. There are several online services that allow customers
to browse multiple e-commerce merchants and find the best prices.
7) Providing Abundant Information

lOMoARcPSD|19972668
There are limitations to the amount of information that can be displayed in a physical store. It is
difficult to equip employees to respond to customers who require information across product lines.
E-commerce websites can make additional information easily available to customers. Most of this
information is provided by vendors, and does not cost anything to create or maintain.
8) Creates Targeted Communication
Using the information that a customer provides in the registration form, and by placing cookies on
the customer's computer, an e-commerce merchant can access a lot of information about its
customers. This, in turn, can be used to communicate relevant messages. An example: If you are
searching for a certain product on Amazon.com, you will automatically be shown listings of other
similar products. In addition, Amazon.com may also email you about related products.
9) Remains Open All the Time
Online store timings are 24*7*365. E-commerce websites can run all the time. From the merchant's
point of view, this increases the number of orders they receive. From the customer's point of view, an
"always open" store is more convenient.
10) Create Markets for Niche Products
Buyers and sellers of niche products (related products) can find it difficult to locate each other in the
physical world. Online, it is only a matter of the customer searching for the product in a search
engine.
Websites like Amazon, Dell, Flip kart, Nokia, etc. can be created. The students are required to
design a website based on their knowledge of E- Commerce gained in class rooms and lab.
Lab Task:
Design any E-Commerce Website using Paper Pen or any Tool (Adobe
Photoshop, Canva etc.)

lOMoARcPSD|19972668
LAB # 03
Homepage design of a website
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
Aim to design homepage of the website
Theory:
 Your home page needs to answer some very important questions, the most important
being what is the purpose of your site. If you fail to answer this question expect very
few repeat visits and very few visits that last beyond a few seconds.
 Consider who your visitors are and why they‘ve visited your site. Help them
achieve their goals as quickly as possible and give them reasons to come back
again. Stay out of their way on repeat visits and let them know what‘s changed
since their last visit and what they have to look forward to in future visits
 Home pages do not have to be hard to design or to choose what content should be on
the page. Home pages are different (pdf) from the other pages on your site, though.
You‘ll find it easier to first design your interior pages, starting from the most specific
content and working back to the more general home page and using the home page to
direct people to those more detailed pages.
 Above all understand the goal of your home page is to answer the basic questions a
visitor will have when arriving at your site or visiting again.
Example:

lOMoARcPSD|19972668
Lab Task:
Design a Home Page for your E-Commerce Website

lOMoARcPSD|19972668
LAB # 04
E-Commerce Platform in term of its pricing, features, customization, usability and

security. (Like OpenCart, PrestaShop, Magento, Shopify, etc.)
Name
Date
Registration No
Department

lOMoARcPSD|19972668
:Objective
Learn About E-Commerce Platform
1. OpenCart:
 Usability
OpenCart already a well-known B2C E-Commerce platform, is now offering a solution for B2B
activities. There is even a free version with upgrades available in the form of extensions and add-
ons, which may require some technical knowhow to install. However, this is a small price to pay
for such a comprehensive solution
 Market Share
The Market share of open cart is 16.3%.
 Cost
Free with limited features, open cart ready: €15.90 (per month, billed annually)
 Customization
Customize your opencart, remove checkout procedure, pricing, remove add to cart and add form
for product query with download PDF (as a catalog for product with images, and description
etc...
A) Options to Enable and Disable –
1. Pricing
2. Checkout Page
3. Shopping Cart Page
4. Popup form
5. Label Button Cart
6. Email Contact
B) Drag and Drop Form (Customize own FORM)
C) Download PDF (You can download pdf for your product with detail, images and fields)
 Innovation
Real-Time Location-Based Mobile Selling, Super-Fast Delivery and Instant Pickup Counters, AI
Powered Personalization, Voice Powered Shopping, Shopping using AR Technology.
 Partners
lOMoARcPSD|19972668
CartBinder, Hit InfoTech, Leopedia Web Solutions.
2. PrestaShop:
 Usability
PrestaShop is open source ecommerce platform and enables high level of customization. With
PrestaShop, you can enjoy a selection of professional ecommerce themes, over 50 world-class
payment solutions and gateways, integrated customer service tools and quick install features
 Market Share
 Cost
Free with limited features, PrestaShop Ready: €19.90 (per month, billed annually)
 Customization
All customization is done on the products page. Customers can select design and color of font,
choose image for the product or upload it from the device, write text on front and back of the
product and add taglines. After adding all these changes, customers can view their final amount
on the live pricing calculator on the bottom. The changes made in the design can be viewed on
the checkout page before the final closure.
 Innovation
Real-Time Location-Based Mobile Selling, Super-Fast Delivery and Instant Pickup Counters, AI
Powered Personalization, Voice Powered Shopping, Shopping using AR Technology.
 Partners
Facebook, mail chimp, ns8
3. Shopify:
 Usability
Citizen, Tesla, Motorola, Adidas and L’Oreal are just some of the globally recognized brands that
are currently using Shopify Plus as their dedicated B2B business solution. Shopify is also well
known as one of leading eCommerce B2C platforms, powering almost a million online shops.
This proven track record is hard to argue with
 Market Share
 Cost
lOMoARcPSD|19972668
Basic Shopify: $29, Shopify: $79, Advanced Shopify: $299 (per month)
 Customization
You can collect customization information for products using line item properties. Line item
properties are custom form fields that you can add to the product page, allowing customers to
make choices or add information about a product. For example, if you offer product
engraving, then you can use line item properties to let customers enter the text that they want
engraved on the product.
 Innovation
Real-Time Location-Based Mobile Selling, Super-Fast Delivery and Instant Pickup Counters,
AI Powered Personalization, Voice Powered Shopping, Shopping using AR Technology.
 Partners
Facebook, steered, nestle
4. InsiteCommerce:
 Usability
InsiteCommerce is a multipurpose and out-of-the-box B2B eCommerce platform. It helps
manufacturers and distributors by offering them endless possibilities and vast functionality. It
delivers unique eCommerce user experiences that make it easier for your customers to
understand your product and do business with you
 Market Share
 Cost
Quotation needs to be requested on the website.
 Customization
InSites are based on triggers and actions, which is to say that a specific set of conditions need
to be met (trigger) in order to cause something to be changed/displayed on your website
(action).
 Innovation
Real-Time Location-Based Mobile Selling, Super-Fast Delivery and Instant Pickup Counters,
AI Powered Personalization, Voice Powered Shopping, Shopping using AR Technology.
 Partners

lOMoARcPSD|19972668
Facebook, nicely, adidas
5. Woo-Commerce:
 Usability
WooCommerce is a popular, all-in-one ecommerce platform for WordPress that powers over 28%
of all online stores with over 64 million downloads. It allows you to simply install on any
WordPress website and turn them into ecommerce stores. You can also add extensions to
integrate payment gateway, one-click selling, email marketing and more into the platform. One
of the greatest benefits is that by hosting ecommerce stores on WordPress, you get to enjoy one
of the best SEO performances in the industry. But the platform is not scalable and offers little to
no support.
 Market Share
 Cost
Quotation needs to be requested on the website.
 Customization
Many users customize their theme from the default look, changing the link color and also the
layout and feel. Most dive straight in and modify code, which is the easiest way to do it. But
this leaves the problem of updating in the future, since all modifications are lost when files
are overwritten with a new version.
What we want to show you in this tutorial are the best ways to customize your theme, so
updating is as painless as possible, and you are in control of customizations.
There are two ways to customize:
o Plugin — minor changes
o Child theme — major alterations.
 Innovation
Multi-Concept News, Magazine & Blog Theme
 Partners
Facebook, nicely, Lacoste.
Lab Task
Compare Woo-Commerce with Big Commerce in your own words.

lOMoARcPSD|19972668
LAB # 05
What are XAMPP, WAMP, and MAMP & LAMP? Also explain the
installation and configuration steps of any one of them
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
Explain each web component that are available in the software suites and their need in the web
development environment specially explain XAMPP, WAMP, MAMP & LAMP.
XAMPP:
XAMPP is an open source software developed by Apache friends. XAMPP software package
contains Apache distributions for Apache server, MariaDB, PHP, and Perl. And it is basically a
local host or a local server. This local server works on your own desktop or laptop computer.
The use of XAMPP is to test the clients or your website before uploading it to the remote web
server. This XAMPP server software gives you the suitable environment for testing MYSQL,
PHP, Apache and Perl projects on the local computer.
The full form of XAMPP is X stands for Cross-platform, (A) Apache server, (M) MariaDB, (P)
PHP and (P) Perl. The Cross-platform usually means that it can run on any computer with any
operating system.
Next MariaDB is the most famous database server and it is developed by MYSQL team. PHP
usually provides a space for web development. PHP is a server-side scripting language. And the
last Perl is a programming language and is used to develop a web application.
The XAMPP installation process is very simple and fast. Once XAMPP is installed on your
local computer it acts as a local server or localhost. You can test the websites before uploading it
to the remote web server. This XAMPP server software gives you a suitable environment for
testing MYSQL, PHP, Apache and Perl applications on a local computer.
WAMPP:
WAMP is an acronym that stands for Windows, Apache, MySQL, and PHP. It’s a software stack
which means installing WAMP installs Apache, MySQL, and PHP on your operating system
(Windows in the case of WAMP). Even though you can install them separately, they are usually
bundled up, and for a good reason too.

lOMoARcPSD|19972668
What’s good to know is that WAMP derives from LAMP (the L stands for Linux). The only
difference between these two is that WAMP is used for Windows, while LAMP – for Linux
based operating systems.
Let’s quickly go over what each letter represents:
1. “W” stands for Windows, there’s also LAMP (for Linux) and MAMP (for Mac).
2. “A” stands for Apache. Apache is the server software that is responsible for serving web
pages. When you request a page to be seen by you, Apache grants your request over HTTP
and shows you the site.
3. “M” stands for MySQL. MySQL’s job is to be the database management system for your
server. It stores all of the relevant information like your site’s content, user profiles, etc.
4. “P” stands for PHP. It’s the programming language that was used to write WordPress. It acts
like glue for this whole software stack. PHP is running in conjunction with Apache and
communicating with MySQL.
Instead of installing and testing WordPress on your hosting account, you can do it on your personal
computer (localhost).
WAMP acts like a virtual server on your computer. It allows you to test all WordPress features
without any consequences since it’s localized on your machine and is not connected to the web.
First of all, this means that you don’t need to wait until files are uploaded to your site, and secondly –
this makes creating backups much easier.
WAMP speeds up the work process for both developers and theme designers alike. What is more,
you also get the benefit of playing around with your site to your heart’s content.
MAMPP:
The name MAMP is an acronym that stems from the names of the components of the system macOS
(the operating system); Apache (the web server); MySQL or MariaDB (the database management
system); and PHP, Perl, or Python (programming languages used for web development). The name is
derived from LAMP, a similar stack of all open-source software widely used for web sites, but
substituting the proprietary macOS for the open-source Linux OS. (Similar "AMP" stacks exist for
other operating systems.) MAMP is not limited to these choices of components, however; Nginx can
be used in place of Apache, for example, and the same goes for substituting MariaDB for MySQL.
Some of the software packages that comprise MAMP (particularly Apache and PHP) are pre-
installed with macOS; compatible versions of the remainder are readily available for installation and
use. MAMP is commonly used with and to develop for popular CMS programs such as WordPress
and Drupal by setting up a local development environment on laptop or desktop computers, without
the need for a standalone web server.
LAMP:
lOMoARcPSD|19972668
LAMP is an open source Web development platform that uses Linux as the operating system,
Apache as the Web server, and MySQL as the relational database management system and PHP as
the object-oriented scripting language. (Sometimes Perl or Python is used instead of PHP.)
Because the platform has four layers, LAMP is sometimes referred to as a LAMP stack. Stacks can
be built on different operating systems. Developers that use these tools with a Windows operating
system instead of Linux are said to be using WAMP; with a Macintosh system, MAMP; and with a
Solaris system, SAMP.
XAMPP Installation & Configuration:

Step 1: Download
XAMPP is a release made available by the non-profit project Apache Friends. Versions with PHP
5.5, 5.6, or 7 are available for download on the Apache Friends website.
Step 2: Run .exe file

Once the software bundle has been downloaded, you can start the installation by double clicking on
the file with the ending .exe.
Step 3: Deactivate any antivirus software

Since an active antivirus program can negatively affect the installation process, it’s recommended to
temporarily pause any antivirus software until all XAMPP components have successfully been
installed.
Step 4: Deactivate UAC

User Account Control (UAC) can interfere with the XAMPP installation because it limits writing
access to the C: drive, so we recommend you deactivate this too for the duration of the installation
process. To find out how to turn off your UAC, head to the Microsoft Windows support pages.
Step 5: Start the setup wizard

After you’ve opened the .exe file (after deactivating your antivirus program(s) and taken note of the
User Account Control, the start screen of the XAMPP setup wizard should appear automatically.
Click on ‘Next’ to configure the installation settings.
Step 6: Choose software components

Under ‘Select Components’, you have the option to exclude individual components of the XAMPP
software bundle from the installation. But for a full local test server, we recommend you install using
the standard setup and all available components. After making your choice, click ‘Next’.
Step 7: Choose the installation directory

lOMoARcPSD|19972668
In this next step, you have the chance to choose where you’d like the XAMPP software packet to be
installed. If you opt for the standard setup, then a folder with the name XAMPP will be created under
C:\ for you. After you’ve chosen a location, click ‘Next’.
Step 8: Start the installation process

Once all the aforementioned preferences have been decided, click to start the installation. The setup
wizard will unpack and install the selected components and save them to the designated directory.
This process can take several minutes in total. You can follow the progress of this installation by
keeping an eye on the green loading bar in the middle of the screen.
Step 9: Windows Firewall blocking

Your Firewall may interrupt the installation process to block the some components of the XAMPP.
Use the corresponding check box to enable communication between the Apache server and your
private network or work network. Remember that making your XAMPP server available for public
networks isn’t recommended.
Step 10: Complete installation

Once all the components are unpacked and installed, you can close the setup wizard by clicking on
‘Finish’. Click to tick the corresponding check box and open the XAMPP Control Panel once the
installation process is finished.
The XAMPP Control Panel

Controls for the individual components of your test server can be reached through the XAMPP
Control Panel. The clear user interface logs all actions and allows you to start or stop individual
modules with a single. The XAMPP Control Panel also offers you various other buttons, including:
 Config: allows you to configure the XAMPP as well as the individual components
 Netstat: shows all running processes on the local computer
 Shell: opens a UNIX shell
 Explorer: opens the XAMPP folder in Windows Explorer
 Services: shows all services currently running in the background
 Help: offers links to user forums
 Quit: closes the XAMPP Control Panel
Starting modules
Individual modules can be started or stopped on the XAMPP Control Panel through the
corresponding buttons under ‘Actions’. You can see which modules have been started because their
names are highlighted green under the ‘Module’ title.
If a module can’t be started as a result of an error, you’ll be informed of this straight away in red
font. A detailed error report can help you identify the cause of the issue.
Setting up XAMPP
lOMoARcPSD|19972668
A common source of error connected with Apache is blocked ports. If you’re using the standard
setup, then XAMPP will assign the web server to main port 80 and the SSL port 443. The latter of
these particularly is often blocked by other programs. In the example above, it’s likely that the
Tomcat port is being blocked, meaning the web server can’t be started. There are three ways to solve
this issue:
 Change the conflicting port: Let’s assume for the sake of example that the instant
messenger program Skype is blocking SSL port 443 (this is a common problem). One way to
deal with this issue is to change Skype’s port settings. To do this, open the program and
navigate via ‘Actions’, ‘Options’, and ‘Advanced’, until you reach the ‘Connections’ menu.
You should find a box checked to allow Skype access to ports 80 and 443. Deselect this
checkbox now.
 Change the XAMPP module port settings: Click the Config button for the module in
question and open the files httpd.conf and httpd-ssl.conf. Replace port number 80 in
httpd.conf and port number 443 in httpd-ssl.conf with any free ports, before saving the file
data. Now click on the general Config button on the right-hand side and select ‘Services and
Ports Settings’. Customize the ports for the module server to reflect the changes in the conf
files.
 End the conflicting program: The simplest way to avoid port conflicts in the short term is to
end the conflicting program (Skype in this case). If you restart Skype after your XAMPP
module servers are already running, it will select a different port and your issue will be
resolved.
Module administration
You have an ‘Admin’ option located on the Control Panel for every module in your XAMPP.
Click on the Admin button of your Apache server to go to the web address of your web server. The
Control Panel will now start in your standard browser, and you’ll be led to the dashboard of your
XAMPP’s local host. The dashboard features numerous links to websites for useful information as
well as the open source project BitNami, which offers you many different applications for your
XAMPP, like WordPress or other content management systems. Alternatively, you can reach the
dashboard through localhost/dashboard/.
Testing your XAMPP installation

To check whether your test server is installed and configured correctly, you have the option to create
a PHP test page, store them on your XAMPP’s local host, and retrieve them via the web browser.
Open the XAMPP directory through the ‘Explorer’ button in the Control Panel and choose the folder
htdocs (C:\xampp\htdocs for standard installations). This directory will store file data collected for
web pages that you test on your XAMPP server. The htdocs folder should already contain data to
help configuration of the web server. But you should store your own projects in a new folder (like
‘Test Folder’ for example).
You can create a new PHP page easily by using the following content in your editor and storing it as
test.php in your ‘test’ folder (C:\xampp\htdocs\test):
lOMoARcPSD|19972668
<html>
<head>
<title>PHP-Test</title>
</head>
<body>
<?php echo 'Hello World'; ?>
</body>
</html>
Lab Task
Write down all steps to install and configure WAMPP server in your PC

lOMoARcPSD|19972668
LAB # 06
To implement form Validation technique with PHP using

XAMPP Server
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
To implement form Validation technique using PHP.
Theory:
It is very essential to have the input to your form validated before taking the form submission data
for further processing. When there are many fields in the form, the PHP validation script becomes
too complex. Moreover, since you are doing the same or similar validation for most of the forms that
you make, just too much of duplicate effort is spent on form validations.
Using the PHP form validation script
1. Include formvalidator.php in your form processing script require_once "formvalidator.php"
2. Create a FormValidator object and add the form validation descriptors.
$validator = new FormValidator();
$validator->addValidation ("Name","req","Please fill in Name");
$validator->addValidation("Email","email",
"The input for Email should be a valid email value");
$validator->addValidation ("Email","req","Please fill in Email");
The first argument is the name of the input field in the form. The second argument is the validation descriptor
that tells the type of the validation required. The third argument is the error message to be displayed if the
validation fails.
3. Validate the form by calling ValidateForm() function
if (! $validator->ValidateForm ())
{echo "Validation Errors:";
$error_hash = $validator->GetErrors ();
Foreach ($error_hash as $inpname => $nipper){
echo "$inpname : $inp_err\n";
}}
Adding Custom Validation
If you want to add a custom validation, which is not provided by the validation descriptors, you can
do so. Here are the steps:
1. Create a class for the custom validation and override the DoValidate () function

lOMoARcPSD|19972668
class MyValidator extends CustomValidator{
function DoValidate (&$formars,&$error_hash){
if(stristr($formars['Comments'],'http://')){
$error_hash['Comments']="No URLs allowed in comments";
return false;}
return true;
}}
2. Add the custom validation object
$validator = new FormValidator();
$validator->addValidation("Name","req","Please fill in Name");
$validator->addValidation("Email","email",
"The input for Email should be a valid email value");
$validator->addValidation("Email","req","Please fill in Email");
$custom_validator = new MyValidator();
$validator->AddCustomValidator($custom_validator);
The custom validation function will be called automatically after other validations.
Lab Task
Create Registration form along with validation in PHP

lOMoARcPSD|19972668
LAB # 07
Designing Business Model for the
Proposed Website
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
The practical intends to study e-commerce business model and ultimately make the
students design a business model of any website. For the same purpose, the students should
be taught the following basic concepts of E-Commerce business model and should be asked
to design the model for the website they have proposed in the previous practical.
“A business model is a set of planned activities (sometimes referred to as business

processes) designed to result in a profit in a marketplace.”
An e-commerce business model aims to use and leverage the unique qualities of the
Internet and the World Wide Web.
A business model must effectively addresses the eight key elements listed as follows:
Table 1: KEY ELEMENTS OF A BUSINESS MODEL
COMPONENTS KEY QUESTIONS
Value proposition Why should the customer buy from you?

Revenue model How will you earn money?
What market space do you intend to serve, and what is its
Market opportunity
size?
Competitive
Who else occupies your intended market space?
environment
Competitive advantage What special advantages does your firm bring to the market
space?
How do you plan to promote your products or services to
Market strategy
attract your target audience?
Organizational What types of organizational structures within the firm are
development necessary to carry out the business plan?
What kinds of experiences and background are
Management team
Important for the company’s leaders to have?
A detailed explanation of each of the above stated key elements is as follows:

1) Value Proposition
To develop and/or analyze a firm’s value proposition, it is required to understand why

customers will choose to do business with the firm instead of

lOMoARcPSD|19972668
another company and what the firm provides that other firms do not and cannot. From the
consumer point of view, successful e-commerce value propositions include: reduction of
product search costs, better offers, reduction of price discovery costs, and facilitation of
transactions by managing product delivery, etc.
Before Amazon existed, most customers personally traveled to book retailers to place an
order. In some cases, the desired book might not be available and the customer would
have to wait several days or weeks, and then return to the bookstore to pick it up.
Amazon makes it possible for book lovers to shop for virtually any book in print from
the comfort of their home or office, 24 hours a day, and to know immediately whether a
book is in stock. Amazon’s primary value propositions are unparalleled selection and
convenience.
2) Revenue Model
A firm’s revenue model describes how the firm will earn revenue, generate profits, and
produce a superior return on invested capital. The terms revenue model and financial
model can be used interchangeably. The function of business organizations is both to
generate profits and to produce returns on invested capital that exceed alternative
investments.
The profits from the business constitute the return on invested capital, and these returns
must be greater than the merchant could obtain elsewhere, say, by investing in real estate
or just putting the money into a savings account.
3) Market opportunity
The term market opportunity refers to the company’s intended market space and the
overall potential financial opportunities available to the firm in that market space.
Market space refers to the area of actual or potential commercial value in which a
company intends to operate.
4) Competitive Environment
A firm’s competitive environment refers to the other companies selling similar products
and operating in the same market space. It also refers to the presence of substitute
products and potential new entrants to the market.

lOMoARcPSD|19972668
Firms typically have both direct and indirect competitors. Direct competitors are those
companies that sell products and services that are very similar and into the same market
segment. For example, Kingfisher Airlines and Spice Jet, both of whom sell discount
airline tickets online, are direct competitors because both companies sell identical
products—cheap tickets. Indirect competitors are companies that may be in different
industries but still compete indirectly because their products can substitute for one
another. For instance, automobile manufacturers and airline companies operate in
different industries, but they still compete indirectly because they offer consumers
alternative means of transportation.
The existence of a large number of competitors in any one segment may be a sign that the
market is saturated and that it may be difficult to become profitable. On the other hand, a
lack of competitors could either signal a market that has already been tried without
success because there is no money to be made.
5) Competitive Advantage
Firms achieve a competitive advantage when they can produce a superior product and/or
bring the product to market at a lower price than most, or all, of their competitors.
Maybe the firm has a patent on a product that others cannot imitate, or a brand name and
popular image that other firms cannot duplicate.
One rather unique competitive advantage derives from being first mover. A first-mover
advantage is a competitive market advantage for a firm that results from being the first
into a marketplace with a serviceable product or service. If first movers develop a loyal
following or a unique interface that is difficult to imitate, they can sustain their first-
mover advantage for long periods. Amazon provides a good example. However, most first
movers lack the complimentary resources needed to sustain their advantages, and often
follower firms reap the largest rewards.
Companies that are slow followers gain knowledge from failure of pioneering firms and
enter into the market late but still earn good market space and revenue.

lOMoARcPSD|19972668
6) Market Strategy
Everything you do to promote your company’s products and services to potential

customers is known as marketing. Market strategy is the plan you put together that details
exactly how you intend to enter a new market and attract new customers.
7) Organizational Development
Companies that hope to grow and thrive need to have a plan for organizational
development that describes how the company will organize the work that needs to be
accomplished. Typically, work is divided into functional departments, such as production,
shipping, marketing, customer support, and finance.
Typically, in the beginning, generalists who can perform multiple tasks are hired. As the
company grows, recruiting becomes more specialized. For instance, at the outset, a
business may have one marketing manager. But after two or three years of steady growth,
that one marketing position may be broken down into seven separate jobs done by seven
individuals.
8) Management Team
A strong management team may not be able to salvage a weak business model, but the
team should be able to change the model and redefine the business as it becomes
necessary. The challenge is to find people who have both the experience and the ability to
apply that experience to new situations.
The students are required to answer the key questions of all the
components of the business model.

lOMoARcPSD|19972668
LAB # 08
Explain the installation and configuration
steps of OpenCart using XAMPP Server
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
To implement open cart with XAMPP Server
Open Cart
Steps:
1. Download OpenCart. First and foremost you need to download the latest version of OpenCart
from its official website.
2. Install OpenCart.
3. Unzip the folder & paste the content in the new folder.
4. Run Installation Wizard.
5. Login Page.
6. OpenCart Dashboard.

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668
Lab Task
Create your own store using OpenCart

lOMoARcPSD|19972668
LAB # 09
Explain the installation and configuration
steps of PrestaShop using XAMPP Server
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
Implementation of PrestaShop with XAMPP Server
PrestaShop
Steps:
1. Download Prestashop -> https://www.prestashop.com/en/download.
2 .Decompress prestashop_1.7.5.zip.
3. In this folder, you have prestashop installation and configuration guide file ->
(install_Prestashop.html), you can follow it.
4. You have another .zip file in the extracted folder of Prestashop.
5. Decompress that file and then copy the complete folder into your xampp -> htdocs folder.
6. Now open xampp and Start Apache and MySQL Services.
7. Open your browser and access phpmyadmin page and create one MySQL db.
8. The from browser, access prestashop name's folder.
9. And Follow the installation steps.

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668

lOMoARcPSD|19972668
Lab Task:
Create Your Own online Store using PrestaShop

lOMoARcPSD|19972668
LAB # 10
Compare different CMS in term of its pricing, features,

customization, usability and security. (Like WordPress)
Name
Date
Registration No
Department
Objective:
lOMoARcPSD|19972668
Introduction to CMS (Content Management System)
What is CMS?
A content management system, often abbreviated as CMS, is software that helps users create,
manage, and modify content on a website without the need for specialized technical knowledge.
In simpler language, a content management system is a tool that helps you build a website without
needing to write all the code from scratch (or even know how to code at all).
Instead of building your own system for creating web pages, storing images, and other functions, the
content management system handles all that basic infrastructure stuff for you so that you can focus
on more forward-facing parts of your website.
Beyond websites, you can also find content management systems for other functions – like document
management.
How Does a Content Management System Work?

To give you an idea of how a content management system works, we’re going to take a whirlwind
tour of the WordPress interface (WordPress is a good example of a content management system).
Let’s start with creating a piece of content. Without a content management system, you’d need to
write a static HTML file and upload it to your server (sounds complicated, right?).
With a content management system like WordPress, you can just write your content in an interface
that looks a good bit like Microsoft Word:
That’s a lot simpler, right?
Similarly, to upload and manage media, like images, you can just browse the media library instead of
needing to actually interact with your web server directly:
The content management system isn’t just a backend management interface, though. It also makes all
of the content that you create show up for your visitors exactly like you want it to.
Comparison between WordPress, Drupal & Joomla:

WordPress:
 Number of Websites:
75 Millions Websites are run on WordPress. 39 million are hosted on free wordpress.com.
 Downloads
160 million downloads
 Market Share

lOMoARcPSD|19972668
Stats shows that since March 2016, WordPress is actually powering 26.4% of the Web.
 Free Themes
WordPress provides 3000+ free themes
 Free Plugins
WordPress has the freest plugins of all CMS platform making it extremely popular. WordPress
provides 44 thousands free plugins
 Cost
Free
 Frequency of Updates
40 Days
Drupal:
75 Millions Websites are run on WordPress. 39 million are hosted on free wordpress.com.
 Downloads
 Market Share
With 4.8% Drupal is the 3rd most popular CMS in the world.
 Free Themes
Drupal provides 2000+ free themes
 Free Plugins
Drupal provides 26 thousands free plugins
 Cost
Free
30 Days
Joomla:
lOMoARcPSD|19972668
2.8 Million Websites are run on Joomla CMS.
 Downloads
 Market Share
With 7.2% Joomla is 2nd most popular CMS in the world.
 Free Themes
Joomla provides 1000+ free themes
 Free Plugins
Joomla provides 5 thousands free plugins
 Cost
Free
36 Days

lOMoARcPSD|19972668
LAB # 11
Explain the installation and configuration steps of

WordPress
Name
Date
Registration No
Department
Objective:
lOMoARcPSD|19972668
Implementation and Configuration of Wordpress using XAMPP Server
Installation & Configuration of WordPress:

Step 01: Download and Extract:
Download and unzip the WordPress package from https://wordpress.org/download/.
 If you will be uploading WordPress to a remote web server, download the WordPress package
to your computer with a web browser and unzip the package.
 If you will be using FTP, skip to the next step – uploading files is covered later.
 If you have shell access to your web server, and are comfortable using console-based tools,
you may wish to download WordPress directly to your web server using wget (or lynx or
another console-based web browser) if you want to avoid FTPing:
o wget https://wordpress.org/latest.tar.gz
o Then unzip the package using:
tar -xzvf latest.tar.gz
The WordPress package will extract into a folder called wordpress in the same directory that
you downloadedlatest.tar.gz.
Step 02: Create Database and a User:

If you are using a hosting provider, you may already have a WordPress database set up for you, or
there may be an automated setup solution to do so. Check your hosting provider’s support pages or
your control panel for clues about whether or not you’ll need to create one manually.
If you determine that you’ll need to create one manually, follow the instructions for using
phpMyAdmin below to create your WordPress username and database. For other tools such as Plesk,
cPanel and Using the MySQL Client, refer the article Creating Database for WordPress.
If you have only one database and it is already in use, you can install WordPress in it – just make
sure to have a distinctive prefix for your tables to avoid over-writing any existing database tables.
Using phpMyAdmin #
If your web server has phpMyAdmin installed, you may follow these instructions to create your
WordPress username and database. If you work on your own computer, on most Linux distributions
you can install PhpMyAdmin automatically.
Note: These instructions are written for phpMyAdmin 4.4; the phpMyAdmin user interface can vary
slightly between versions.
1. If a database relating to WordPress does not already exist in the Database dropdown on the
left, create one:

lOMoARcPSD|19972668
a. Choose a name for your WordPress database: ‘wordpress‘or ‘blog‘are good, but most
hosting services (especially shared hosting) will require a name beginning with your
username and an underscore, so, even if you work on your own computer, we advise
that you check your hosting service requirements so that you can follow them on your
own server and be able to transfer your database without modification. Enter the
chosen database name in the Create database field and choose the best collation for
your language and encoding. In most cases it’s better to choose in the “utf8_” series
and, if you don’t find your language, to choose “utf8mb4_general_ci” (Refer this
article).
2. Click the phpMyAdmin icon in the upper left to return to the main page, then click the Users
tab. If a user relating to WordPress does not already exist in the list of users, create one:
1. Click Add user.
2. Choose a username for WordPress (‘wordpress‘is good) and enter it in the User name
field. (Be sure Use text field: is selected from the dropdown.)
3. Choose a secure password (ideally containing a combination of upper- and lower-case
letters, numbers, and symbols), and enter it in the Password field. (Be sure Use text field:
is selected from the dropdown.) Re-enter the password in the Re-type field.
4. Write down the username and password you chose.
5. Leave all options under Global privileges at their defaults.
6. Click Go.
7. Return to the Users screen and click the Edit privileges icon on the user you’ve just
created for WordPress.
8. In the Database-specific privileges section, select the database you’ve just created for
WordPress under the Add privileges to the following database dropdown, and click Go.
9. The page will refresh with privileges for that database. Click Check All to select all
privileges, and click Go.
10. On the resulting page, make note of the host name listed after Server: at the top of the
page. (This will usually be localhost.)
Step 3: Set up wp-config.php

You can either create or edit the wp-config.php file yourself, or you can skip this step and let
WordPress try to do this itself when you run the installation script (step 5). (You’ll still need to tell
WordPress your database information).
(For more extensive details, and step by step instructions for creating the configuration file and your
secret key for password security, please see editing wp-config.php.)
Return to where you extracted the WordPress package in Step 1, rename the file wp-config-
sample.php to wp-config.php, and open it in a text editor.
Enter your database information under the section labeled
// ** MySQL settings - You can get this info from your web host ** //
DB_NAME

lOMoARcPSD|19972668
The name of the database you created for WordPress in Step 2.
DB_USER
The username you created for WordPress in Step 2.
DB_PASSWORD
The password you chose for the WordPress username in Step 2.
DB_HOST
The hostname you determined in Step 2 (usually localhost, but not always; see some possible
DB_HOST values). If a port, socket, or pipe is necessary, append a colon (:) and then the relevant
information to the hostname.
DB_CHARSET
The database character set, normally should not be changed (see editing wp-config.php).
DB_COLLATE
The database collation should normally be left blank (see Editing wp-config.php).
Enter your secret key values under the section labeled
* Authentication Unique Keys and Salts.
Save the wp-config.php file.
Step 04: Upload the Files:

Now you will need to decide where on your domain you’d like your WordPress-powered site to
appear:
o In the root directory of your website. (For example, http://example.com/)

o In a subdirectory of your website. (For example, http://example.com/blog/)
Note: The location of your root web directory in the file system on your web server will vary across
hosting providers and operating systems. Check with your hosting provider or system administrator
if you do not know where this is.
In the Root Directory
o If you need to upload your files to your web server, use an FTP client to upload all the
contents of the wordpress directory (but not the directory itself) into the root directory of your
website.

lOMoARcPSD|19972668
o If your files are already on your web server, and you are using shell access to install
WordPress, move all of the contents of the wordpress directory (but not the directory itself)
into the root directory of your website.
In a Subdirectory
o If you need to upload your files to your web server, rename the wordpress directory to your
desired name, then use an FTP client to upload the directory to your desired location within
the root directory of your website.
o If your files are already on your web server, and you are using shell access to install
WordPress, move the wordpress directory to your desired location within the root directory of
your website, and rename the directory to your desired name.
Step 5: Run the Install Script

Point a web browser to start the installation script.
o If you placed the WordPress files in the root directory, you should visit:
http://example.com/wp-admin/install.php
o If you placed the WordPress files in a subdirectory called blog, for example, you should visit:
http://example.com/blog/wp-admin/install.php
Lab Task
Install and Configure Wordpress in your PC and share steps Screen Shots

lOMoARcPSD|19972668
LAB # 12
Explain how we can integrate the WooCommerce Plugin

in the WordPress
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
Aim to working on Wordpress Plugins especially on Woo-Commerce Plugin
How to Integrate WordPress with WooCommerce:

Step 1: Install the Plugin
The first thing you’ll need to do is to install WooCommerce on your website. You can download it
for free from the WordPress repository, then upload it to your site. Even easier, you can install it right
through your WordPress dashboard.
To do this, access your WordPress site and navigate to Plugins > Add New. Use the search bar to
locate “woo commerce”, and click on Install Now when you find the right plugin. The plugin author
should be listed as Automatic:
Give the plugin a moment to install. Then, click on the Activate button:
Step 2: Access the Setup Wizard

After installing WooCommerce, you’ll be prompted to walk through a setup wizard. It’s optional, but
we recommend going through it in order to configure some key settings.
The first page of the WooCommerce setup wizard should look like this:
Here, WooCommerce is prompting you to enter some basic information about your store. This
includes its address, what currency you’d like to use, and whether you plan to sell digital or physical
products (or both).
Keep in mind that anything you set here (or throughout the rest of the setup wizard) can be changed
later on in your WooCommerce settings if necessary. For now, the next step in our WooCommerce
tutorial 2019 is to select Let’s Go.
Step 3: Choose Your Payment Processors

On the next page, you can decide what payments you’ll enable for your online store. By default, you
can use Stripe and/or PayPal, along with offline payments such as checks and cash:
Simply select the options you’d like to use, and WooCommerce will set them up. You can also use
extensions to add more payment processors to your store, which we’ll talk about later. At Kinsta,
we’re big fans of Stripe.
Recommended reading: How to prevent and Reduce Credit Card Fraud by 98% Using Stripe Radar
Using Square instead? Check out our in-depth comparison blog post: Stripe vs. Square.
Step 4: Configure Your Shipping Options

Next, you’ll find the Shipping screen
lOMoARcPSD|19972668
Here, you can decide how much customers will be charged for shipping. You can set one rate for
your preferred zone, and another for customers who are in other locations. If you like, you can also
offer free shipping to one or both groups.
Step 5: Review Optional Add-Ons

At this point, you’ve configured all the basics for your online WooCommerce store. The next page of
the setup wizard presents you with a few optional add-ons:
All of these tools can come in handy, although none of them are required to run your online store. We
do suggest at least checking out Storefront. This is a WordPress theme designed specifically for
WooCommerce and can make setting up your store quicker and easier.
Step 6: Install the Jetpack Plugin (Optional)

The following screen also offers an optional add-on:
Jetpack is a handy WordPress plugin that offers a wide range of features. This includes security
functionality, various analytics, and more. It can be a useful addition to your WooCommerce store,
but isn’t required – so it’s up to you whether you’d like to install it or not.
Step 7: Complete the Setup Process

Your WooCommerce store is now ready to rock and roll:
You’ll find a number of useful links here. You can import products to your store, return to your
WordPress dashboard, or edit the settings you just configured.
Most likely, however, what you’ll want to do now is start adding products. To keep following our
WordPress WooCommerce tutorial, go ahead and select Create a Product now.
Lab Task
Configure Woo-Commerce with WordPress and share steps screen shots

lOMoARcPSD|19972668
LAB # 13
Explain how we can integrate the SuperPWA Plugin in

the WordPress to convert Website into Mobile
Application.
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
To convert E-Commerce Website into Mobile Application using SuperPWA Plugin using WordPress.
About PWA
A progressive web application is a type of application software delivered through the web, built
using common web technologies including HTML, CSS and JavaScript. It is intended to work on
any platform that uses a standards-compliant browser, including both desktop and mobile devices
About SuperPWA
SuperPWA is a simple, straightforward solution for any website owner who wants to enhance their
users' mobile experience; it is possible to convert your WordPress website into a Progressive Web
App instantly.
Steps to Installation and Configuration of Super PWA

WORDPRESS INSTALLATION
To install manually:
 Upload super-progressive-web-apps folder to the /wp-content/plugins/ directory on your

server
 Go to WordPress Admin > Plugins
 Activate Super Progressive Web Apps plugin from the list.
CUSTOMIZING YOUR PROGRESSIVE WEB APP

Your Progressive Web App should be ready to test with the default settings on activation. You can
customize it further and make it truly your own.
 Go to WordPress Admin > SuperPWA
 Set a Background Color for the splash screen to be shown when your PWA is opened on a
mobile device.
 Set the Application Icon. This will be the icon of your PWA when it is added to the home
screen in a mobile device. The icon must be a PNG image and exactly 192 x 192 pixels in
size.
 Set the Offline Page. This page will be displayed if the user is offline and the page he
requested is not cached already. Ideally you should create a dedicated WordPress page and set
it here. Within the page you create, you could add a note that reads, “It looks like you are
lOMoARcPSD|19972668
offline and the page you requested is not available right now. Please check back again once
you are online.”.
 Click “Save Settings”.
TESTING YOUR PROGRESSIVE WEB APP

 Open a supported browser in a supported device (for eg: Chrome for Android (62 or higher)
in an Android Phone)
 Enter your website and wait till it fully loads
 You should see a pop-up that has your Application Icon and a button that reads “ADD TO
HOME SCREEN”.
 Click on it and your PWA will be added to your home screen. Wait for the install to complete.
 Go to your home screen and open your PWA. Browse into a few pages if you like. Close the
App.
 Disconnect from the internet and now open your PWA again. You should be able to see all the
pages that you previously browsed.
 Try visiting a page that you did not visit before. You should see the page you set as your
“Offline Page” in the settings of SuperPWA.
TROUBLESHOOTING YOUR PROGRESSIVE WEB APP

Your PWA did not work as expected? You do not see the “Add to Home Screen” notice?
 Make sure your website has a SSL certificate installed. I.e. your website should be https
instead of http (as in https://your-domain.com).
 Make sure you are using a supported device and a supported browser. Refer to the “Device
and Browser Support for PWA” list above.
 Make sure your Application Icon and Splash Screen Icons are of PNG format and 192px X
192px and 512px X 512px in size respectively.
 Clear the browser cache and try again. In Chrome for Android, go to Settings > Privacy >
“Clear browsing data”.
 If the application icon does not update after first install, delete the PWA from your phone,
clear browser cache and install again. (We are working on making it better.)

lOMoARcPSD|19972668
Lab Task
Configure SuperPWA plugin with your e-commerce Website and share steps screen shot

lOMoARcPSD|19972668
LAB # 14
A Survey on Online Payment Methods
Name
Date
Registration No
Department

lOMoARcPSD|19972668
Objective:
The aim of the practical is to make students identify different methods of online payment and
includes surveying them in-depth. Further, the students have to survey some popular website like
Amazon, etc. and check out the payment methods and all the included details of online payment
for a minimum of 3 websites.
Payment Cards
Payment card is a general term to describe all types of plastic cards that consumers (and some
businesses) use to make purchases. The main categories of payment cards are credit cards, debit
cards, and charge cards.
 Credit Cards
A credit card, such as a Visa or a MasterCard, has a spending limit based on the user’s
credit history; a user can pay off the entire credit card balance or pay a minimum
amount each billing period. Credit card issuers charge interest on any unpaid balance.
Consumer is protected by an automatic 30-day period in which he or she can dispute an

online credit card purchase.
Merchants that already accept credit cards in an offline store can accept them
immediately for online payment because they already have established a mechanism for
accepting credit card payments. Online purchases using Credit Cards are often called
card not present transactions and require an extra degree of security.
 Debit Cards
A debit card looks like a credit card, but it works quite differently. Instead of charging
purchases against a credit line, a debit card removes the amount of the sale from the
cardholder’s bank account and transfers it to the seller’s bank account.
Debit cards are issued by the cardholder’s bank and usually carry the name of a major
credit card issuer, such as Visa or MasterCard, by agreement between the issuing bank
and the credit card issuer.

lOMoARcPSD|19972668
Charge Cards
A charge card carries no spending limit, and the entire amount charged to the card is due
at the end of the billing period. Charge cards do not involve lines of credit and do not
accumulate interest charges.
Note: Many consumers have concerns about providing their payment card numbers to
vendors online, especially when the vendor is unknown to them. To address this
concern, several payment card companies now offer cards with disposable numbers.
These cards, sometimes called single-use cards, give consumers a unique card number
that is valid for one transaction only.
 Advantages of Payment Cards
1) Fraud Protection:
For merchants, payment cards provide fraud protection. When a merchant accepts
payment cards for online payment, the merchant can authenticate and authorize
purchases using a payment card processing network.
For consumers of some countries, payment cards are advantageous because the
Consumer Credit Protection Act in some countries limits the cardholder’s liability to
only a certain amount if the card is used fraudulently. Once the cardholder notifies the
card’s issuer of the card theft, the cardholder’s liability ends.
2) Worldwide acceptance
Payment cards can be used anywhere in the world, and the currency conversion, if
needed, is handled by the card issuer.
3) Consumers do not need to have dedicate hardware or software
For online transactions, payment cards are particularly advantageous. When a consumer
reaches the electronic checkout, he or she enters the payment card number and his or her
shipping and billing information in the appropriate fields to complete the transaction.
The consumer does not need any special hardware or software to complete the
transaction.

lOMoARcPSD|19972668
4) Security
Payment cards provide built-in security for merchants because merchants have a higher
assurance that they will be paid through the companies that issue payment cards than
through the sometimes slow direct invoicing process.
 Disadvantages of Payment Cards:

Payment cards have one significant disadvantage for merchants when compared to cash.
1) Processing Fees
Payment card service companies charge merchants per-transaction fees and monthly
processing fees.
Most consumers also pay an annual fee for credit cards and charge cards. This annual
fee is much less common on debit cards.
2) Loss of customers to those who do not use payment cards
Any merchant that does not accept payment cards for purchases risks losing a
significant portion of sales to other merchants that do accept payment cards.
3) High prices when paying through credit cards
The consumer pays no direct transaction-based fees for using payment cards, but the
prices of goods and services are slightly higher than they would be in a n environment
free of payment cards.
E-Cash
Electronic cash (also called e-cash or digital cash) is a general term that describes any
value storage and exchange system created by a private (nongovernmental) entity that
does not use paper documents or coins and that can serve as a substitute for
government-issued physical currency.
 How Electronic-Cash Works

To begin using electronic cash, the following steps are to be taken:
1) A consumer opens an account with an electronic cash issuer (such as a bank that
issues electronic cash or a private vendor of electronic cash, such as PayPal) and
presents proof of identity.

lOMoARcPSD|19972668
2) The consumer can then withdraw electronic cash by accessing the issuer’s Web site
and presenting proof of identity, such as a digital certificate issued by a certification
authority, or a combination of a credit card number and a verifiable bank account
number.
3) After the issuer verifies the consumer’s identity, it gives the consumer a specific
amount of electronic cash and deducts the same amount from the consumer’s
account.
4) In addition, the issuer might charge a small processing fee.
5) The consumer can store the electronic cash in an electronic wallet (described later in
this chapter) on his or her computer, or on a stored-value card.
 Target Audience for E-Cash:

Small purchases are not profitable for merchants that accept only credit cards for
payment. There is a market for small purchases on the Internet. This is one potentially
significant market for electronic cash.
Electronic cash has another factor in its favor: Most of the world’s populations do not
have credit cards. Many adults cannot obtain credit cards due to minimum income
requirements or past debt problems. Children and teens— eager purchasers representing
a significant percentage of online buyers—are ineligible, simply because they are too
young.
People living in most countries other than the United States hold few credit cards
because they have traditionally made their purchases in cash. For all of these people,
electronic cash provides the solution to paying for online purchases.
Note: Internet payments for items costing from a few cents to approximately a dollar
are called micropayments. All payments of less than $10 are called small payments.
 Holding Electronic Cash: Online and Offline Cash

Two widely accepted approaches to holding cash exist today: online storage and offline
storage.
Online cash storage means that the consumer does not personally possess electronic
cash. Instead, a trusted third party—an online bank—is involved in all transfers of
electronic cash and holds the consumers’ cash accounts. Online systems work by
requiring merchants to contact the consumer’s bank to

lOMoARcPSD|19972668
Receive payment for a consumer purchase, which helps prevent fraud by confirming
that the consumer’s cash is valid.
Offline cash storage is the virtual equivalent of money kept in a wallet. The customer
holds it, and no third party is involved in the transaction.
 Double-spending
Double-Spending is spending a particular piece of electronic cash twice by submitting
the same electronic currency to two different vendors. By the time the same electronic
currency clears the bank for a second time, it is too late to prevent the fraudulent act.
Stored-Value Cards
Today, most people carry a number of plastic cards—credit cards, debit cards, charge
cards, driver’s license, health insurance card, employee or student identification card,
and others.
One solution that could reduce all those cards to a single plastic card is called a
stored-value card.
A stored-value card is a smart card with a microchip or a plastic card with a magnetic
strip that records the currency balance. The main difference is that a smart card can store
larger amounts of information and includes a processor chip on the card.
 Magnetic Strip Cards
Most magnetic strip cards hold value that can be recharged by inserting them into the
appropriate machines, inserting currency into the machine, and withdrawing the card;
the card’s strip stores the increased cash value.
Magnetic strip cards are passive; that is, they cannot send or receive information, nor
can they increment or decrement the value of cash stored on the card. The processing
must be done on a device into which the card is inserted.
 Smart Cards
A smart card is a stored-value card that is a plastic card with an embedded microchip
that can store information.

lOMoARcPSD|19972668
Credit, debit, and charge cards currently store limited information on a magnetic strip. A
smart card can store about 100 times the amount of information that a magnetic strip
plastic card can store.
A smart card can hold private user data, such as financial facts, encryption keys,
account information, credit card numbers, health insurance information, medical
records, and so on.
Smart cards are safer than conventional credit cards because the information stored on a
smart card is encrypted. For example, conventional credit cards show your account
number on the face of the card and your signature on the back. The card number and a
forged signature are all that a thief needs to purchase items and charge them against
your card.
With a smart card, credit theft is much more difficult because the key to unlock the
encrypted information is a PIN; there is no visible number on the card that a thief can
identify, nor is there a physical signature on the card that a thief can see and use as an
example for a forgery.
Electronic Wallets
An electronic wallet (sometimes called an e-wallet), serving a function similar to a

physical wallet, holds credit card numbers, electronic cash, owner identification, and
owner contact information and provides that information at an electronic commerce
site’s checkout counter.
Electronic wallets give consumers the benefit of entering their information just once,
instead of having to enter their information at every site with which they want to do
business.
Electronic wallets make shopping more efficient. When consumers select items to
purchase, they can simply click their electronic wallet to order the items quickly. E-
Wallets also allow tracking purchases and maintaining receipts for those purchases.
Electronic wallets fall into two categories based on where they are stored.
1) Server-side E-Wallets
A server-side electronic wallet stores a customer’s information on a remote server

belonging to a particular merchant or wallet publisher. The main weakness of server-
side electronic wallets is that a security breach could reveal

lOMoARcPSD|19972668
Thousands of users’ personal information—including credit card numbers—to

unauthorized parties.
Typically, server-side electronic wallets employ strong security measures that

minimize the possibility of unauthorized disclosure.
2) Client-side E-Wallets
A client-side electronic wallet stores a consumer’s information on his or her own

computer. Some client-side wallets require users to download the wallet software. A
disadvantage of client-side wallets is that they are not portable. There is a need to
download software onto every computer used to make purchases is a chief
disadvantage of client-side wallets. For example, a client- side wallet is not available
when a purchase is made from a computer other than the computer on which the
wallet resides.
Server-side wallets, on the other hand, remain on a server and thus require no
download time or installation on a user’s computer.
 Storing on E-Wallets
Before a consumer can use a server-side wallet on a particular merchant’s site, the
merchant must enable that specific wallet. Each wallet vendor must convince a large
number of merchants to enable its wallet before it will be accepted by consumers.
Thus, only a few server-side wallet vendors will be able to succeed in the market.
In a client-side electronic wallet, the sensitive information (such as credit card

numbers) is stored on the user’s computer instead of the wallet provider’s central
server. This removes the risk that an attack on a client-side electronic wallet
vendor’s server could reveal the sensitive information. However, an attack on the
user’s computer could yield that information. Most security analysts agree that
storing sensitive information on client computers is safer than storing that
information on the vendor server because it requires attackers to launch many
attacks on user computers, which are more difficult to identify (even though the
user computers are less likely than a vendor server to have strong security features
installed).
It also prevents the easily identified servers of the wallet vendors from being
attractive targets for such attacks.

E Business Lab

Uploaded by

Document Informationclick to expand document information

Copyright:

Available Formats

E Business Lab

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

E Business Lab

Uploaded by

Copyright:

Available Formats

lOMoARcPSD|19972668

E-Business Lab Manual - working and get knowledge and

Studocu is not sponsored or endorsed by any college or university

Marks Obtained ____________

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

Department: Computer Science

Assignments (4) 10%

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

Quizzes (4) 10%

Recommended Text Books:

Opencart Documentation: http:docs.opencart.com/

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

2 Designing an E-Commerce Website

Compare at least 5 well known E-Commerce Platform in term of its pricing,

7 Designing Business Model for the Proposed Website

Mid Term Examination

11 Explain the installation and configuration steps of WordPress

12 Explain how we can integrate the WooCommerce Plugin in the WordPress

Explain how we can integrate the SuperPWA Plugin in the WordPress to

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

14 A Survey on Online Payment Methods

Final Term Examination

Week No Lab Index

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

E-commerce necessarily involves monetary transactions electronically whereas E-business uses

Email marketing to existing customers and prospects is an e-business activity, as it electronically

2) Online Inventory Management System:

3) Content Management System:

4) Online Induction Programs:

E-commerce versus E-business

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

E-Commerce is a major component of e-business. E-commerce is e-business websites.

Basis for Comparison E-commerce E-business

What is it? Subset Superset

What they carry out? Commercial transactions Business transactions

Approach Extroverted Ambiverted

Requires Website Website, CRM, ERP, etc.

Which network is used? Internet Internet, Intranet and Extranet.

 Electronic commerce applications

Some common applications related to electronic commerce are the following:

Enterprise content management

•Instant messaging, Newsgroups

•Online shopping and order tracking

•Online banking, online office suites

•Domestic and international payment systems

•Shopping cart software

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

•Evolution of web technologies

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

Designing an E-Commerce Website

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

Examples or Applications of E-Commerce

Downloaded by shaden masadeh (samasadeh@iau.edu.sa)

Examples or Applications of E-Business

Email marketing to existing customers and prospects is an e-business activity, as it electronically

2) Online Inventory Management System:

3) Content Management System: