WEB TECHNOLOGIES AND DATABASES
Download the Lessonotes Mobile Ghana app for faster lesson access on Android and iPhone.
Subject: Computing
Class: SHS 2
Term: 2nd Term
Week: 13
Grade code: 2.2.3.LI.2
Strand code: 2
Sub-strand code: 3
Content standard code: 2.2.3.CS.1
Indicator code: 2.2.3.LI.2
Theme: COMPUTATIONAL THINKING (PROGRAMMING LOGIC)
Subtheme: WEB TECHNOLOGIES AND DATABASES
This page supports the lesson note with a companion video and a short classroom-ready summary.
For class groups and homework, share this lesson page so learners also get the summary, objectives, and full lesson context.
In today's Ghana, more and more people are buying and selling things online. From ordering food on Jumia Food to buying clothes from an Instagram seller or even purchasing electronics from Melcom's website, e-commerce (electronic commerce) is all around us. Understanding how to design these online shops is a powerful skill. It's not just about making things look nice; it's about creating a smooth, easy, and trustworthy experience for customers. This lesson will introduce you to the fundamental concepts and practical skills needed to design a basic e-commerce web page for a Ghanaian business, a skill that can open doors to entrepreneurship and exciting careers in technology.
This lesson focuses on the *design* of an e-commerce page. This involves understanding the components, the user's journey, and the basic technologies that bring it to life. A. What is an E-commerce Website?
An e-commerce website is a website that allows people to buy and sell physical goods, services, or digital products over the internet. It is different from a regular website (like a school's website or a news blog) because it includes features for shopping, such as a product catalogue, a shopping cart, and a way to make payments.
Example: Regular Website: The website for the Ministry of Education (moe.gov.gh) provides information but doesn't sell anything. E-commerce Website: Jumia.com.gh allows you to browse products, add them to a cart, and pay for them online. B. Essential Components of an E-commerce Website
Every good e-commerce website has several key parts that work together. Let's imagine we are building a site for a local business called "Adepa Kente". Homepage: This is the main "shop front." It should be attractive and easy to navigate. It typically includes: A clear logo and company name (Adepa Kente). A navigation menu (e.g., Home, Men's, Women's, About Us, Contact). A prominent search bar. Featured products or special offers ("New Kente Designs!", "20% Off Scarves"). A link to the shopping cart. Product Listing Page (or Catalogue): This is where all products in a category are displayed. Each product is usually shown in a "card" with: A clear image of the product. The product's name. The price (e.g., GHS 250.00). A short description or rating. Product Detail Page: When you click on a product from the listing page, you go here. It provides all the information needed to make a buying decision: Multiple high-quality images. Full product name and detailed description. Price. Options (e.g., size, color). "Add to Cart" button. Shopping Cart: This is a virtual basket where you place items you want to buy. The cart page should show: All the items selected. The quantity and price for each item. The subtotal and total cost. A "Proceed to Checkout" button. Checkout Process: This is a series of steps to finalise the purchase. It involves: Collecting the customer's shipping address. Choosing a delivery method. Selecting a payment method. In Ghana, this must include options like Mobile Money (MTN, Vodafone, AirtelTigo), alongside traditional card payments. C. User Interface (UI) vs. User Experience (UX)