WEB TECHNOLOGIES
Download the Lessonotes Mobile Ghana app for faster lesson access on Android and iPhone.
Subject: Computing
Class: SHS 3
Term: 2nd Term
Week: 14
Grade code: 3.2.3.LI.2
Strand code: 2
Sub-strand code: 3
Content standard code: 3.2.3.CS.1
Indicator code: 3.2.3.LI.2
Theme: COMPUTATIONAL THINKING (PROGRAMMING LOGIC)
Subtheme: WEB TECHNOLOGIES
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.
Welcome, learners! In today's digital world, more and more businesses in Ghana are selling their products online. You have likely seen advertisements on Instagram for fashion designers, ordered food through apps like Glovo or Jumia Food, or even bought electronics from Jumia's main website. The technology that makes all of this possible is called e-commerce, which simply means buying and selling goods or services using the internet. This lesson will move beyond being just a user of these websites. We will learn the fundamental concepts required to design and plan our very own e-commerce website for a local Ghanaian business.
To build an effective e-commerce website, we need to understand its core building blocks. Think of it like building a house; you need a foundation, walls, a roof, and rooms. For an e-commerce site, the main "rooms" are: A. The Product Catalogue
This is the online version of a shop's display shelf or a printed catalogue. It's where customers browse what you are selling. A good product catalogue is more than just pictures; it provides all the information a customer needs to make a buying decision.
Key Elements of a Product Catalogue Page: High-Quality Images/Videos: Customers cannot touch the product, so clear pictures from multiple angles are essential. Imagine selling handmade beads; you'd need a close-up shot, a shot of someone wearing them, and maybe a video. Product Name: A clear and descriptive name (e.g., "Handmade Krobo Glass Beads Waist Chain"). Price: Clearly displayed in Ghana Cedis (GHS). Any discounts or sale prices should also be obvious. Product Description: Details about the product. For our beads, this would include materials used, length, colours available, and the story or meaning behind the design. Product Options: If the product comes in different sizes, colours, or variations, the customer must be able to select them (e.g., Size: Small, Medium, Large; Colour: Blue, Red, Green). "Add to Cart" Button: A prominent button that allows the user to add the item to their shopping basket. Search and Filtering: For a shop with many items, users need a way to find things easily. They should be able to search by name or filter by category (e.g., "Necklaces," "Bracelets"), price range, or colour.
Example: A Product Listing for "Adepa Kente Stoles" Image: A vibrant, clear photo of the kente stole. Name: Authentic Bonwire Kente Stole - "Sika Futuro" Design Price: GHS 250.00 Description: "Woven by master artisans in Bonwire, this 100% cotton kente stole features the 'Sika Futuro' (Gold Dust) pattern, symbolising wealth and prosperity. Perfect for graduations, weddings, and formal events." "Add to Cart" Button B. The Shopping Cart