GCE A/L ICT Lesson 1: Basic Concepts of ICT | 1. Data and Information: The Building Blocks · 2. The Data Processing Life Cycle · 3. Characteristics of Quality Information · 4. Components of an ICT System ·

🔹 Unit 1: Basic Concepts of ICT

GCE Advanced Level (Sri Lanka) • Complete Study Guide

📋 Quick Navigation

1. Data vs Information
2. Data Processing Life Cycle
3. Abstract Model of Information
4. 6 Components of ICT System
5. Quality of Information
6. Evolution of Computing
7. Societal Impact & Ethics
8. Practice Q&A

1️⃣ Building Blocks: Data vs Information

📊 DATA (Raw Facts)

• Unprocessed, unorganized facts
• No context or meaning alone
• Examples: 25, "Kandy", 1500

💡 INFORMATION (Processed Data)

• Data + Context + Meaning
• Useful for decision-making
• Example: "Student aged 25 from Kandy scored 1500 marks"

🎯 Real-Life Example:
Supermarket Scenario

• Data: "10", "Rice", "500", "2024-04-07"
• Information: "10 bags of Rice sold at Rs. 500 each on April 7, 2024 → Total Revenue: Rs. 5,000"

2️⃣ Data Processing Life Cycle (DPLC)

1. 1 Collection: Gathering raw data (e.g., survey forms, sensors, receipts)
2. 2 Input: Entering data into system (keyboard, scanner, API)
3. 3 Processing: Calculating, sorting, analyzing (CPU operations)
4. 4 Storage: Saving data/information (HDD, cloud, database)
5. 5 Output: Presenting results (reports, screens, prints)
6. 6 Distribution: Sharing information with users

✅ Validation Techniques (Critical for Accuracy!)

Technique	Purpose	Example
Range Check	Ensures value within limits	Age: 18-65
Format Check	Verifies data pattern	Email: user@domain.com
Presence Check	Confirms field not empty	NIC number required
Check Digit	Detects transcription errors	ISBN, Credit Card numbers

3️⃣ Abstract Model of Information

This model explains how information flows through conceptual layers:

🔄 Information Flow Diagram:

[Source] → [Encoding] → [Channel] → [Decoding] → [Receiver]
     ↑                                      ↓
     └────── [Feedback Loop] ──────────────┘
    

📌 Practical Example: Online Order System

• Source: Customer places order via mobile app
• Encoding: App converts order to JSON data packet
• Channel: Internet/4G network transmits data
• Decoding: Server parses JSON, updates database
• Receiver: Warehouse system receives order details
• Feedback: SMS confirmation sent to customer

4️⃣ Six Components of an ICT System

💻 Hardware

Physical devices: CPU, monitor, keyboard, servers, routers

Example: POS machine in a shop

⚙️ Software

Programs & instructions: OS, apps, drivers, firmware

Example: Inventory management software

🗃️ Data

Facts & figures processed by the system

Example: Customer records, product prices

👥 People

Users, developers, administrators, technicians

Example: Shop owner using the CRM system

📋 Procedures

Rules, guidelines, workflows for system use

Example: "Backup database every Friday at 5 PM"

🌐 Networks

Communication pathways: LAN, WAN, internet, protocols

Example: Wi-Fi connecting shop devices to cloud

💡 Key Insight: All 6 components must work together! A powerful computer (hardware) is useless without software, data, trained people, clear procedures, and network connectivity.

5️⃣ Quality of Information (8 Key Characteristics)

Characteristic	Definition	Poor Quality Example
Accuracy	Error-free, correct data	Price shown as Rs. 50 instead of Rs. 500
Timeliness	Available when needed	Exam results published after university admissions close
Relevance	Applicable to user's need	Showing winter coat ads to a customer in Colombo in April
Completeness	All necessary details included	Order confirmation without delivery address
Consistency	Uniform across systems	Customer name spelled differently in billing vs. shipping
Accessibility	Easy to obtain by authorized users	Important notice only posted on physical board, not online
Verifiability	Can be confirmed as true	"50% off!" with no terms, conditions, or end date
Security	Protected from unauthorized access	Student grades visible to all users in a shared drive

6️⃣ Evolution & History of Computing

🕰️ Generations of Computers

Generation	Period	Technology	Example
1st	1940-1956	Vacuum Tubes	ENIAC, UNIVAC
2nd	1956-1963	Transistors	IBM 1401
3rd	1964-1971	Integrated Circuits (IC)	IBM System/360
4th	1971-Present	Microprocessors	Personal Computers, Smartphones
5th (Emerging)	Present-Future	AI, Quantum Computing	IBM Quantum, Neural Networks

🇱🇰 Sri Lankan Context

• 1980s: First computer at University of Colombo
• 1990s: Introduction of ICT in education policy
• 2000s: Expansion of internet, mobile penetration
• 2020s: Digital Sri Lanka initiative, e-Government services

7️⃣ Societal Impact & Ethics

✅ Positive Impacts

• Education: e-Thaksalawa, online learning platforms
• Healthcare: e-Channeling, telemedicine in rural areas
• Commerce: Digital payments (FriMi, Genie), e-commerce growth
• Governance: e-Sri Lanka, online license applications

⚠️ Challenges & Ethics

• Digital Divide: Urban vs. rural internet access gap
• Privacy: Data collection without consent (PDPA compliance needed)
• Cybercrime: Phishing, online fraud targeting Sri Lankans
• Job Displacement: Automation affecting traditional roles

🛡️ Ethical Principles for ICT Professionals

1. Confidentiality: Protect user data (e.g., don't share customer phone numbers)
2. Integrity: Ensure data accuracy; don't manipulate records
3. Availability: Maintain systems for legitimate users
4. Accountability: Take responsibility for system outcomes
5. Respect for IP: Use licensed software; cite sources

Reference: Sri Lanka Computer Emergency Readiness Team (CERT|CC) Guidelines

❓ Practice Questions & Answers

Q1: Differentiate between data and information with a school-related example. [4 marks]

Answer:
• Data: Raw, unprocessed facts without context. Example: "85", "Maths", "Term1"
• Information: Processed data with meaning for decision-making. Example: "Student scored 85 marks in Maths Term 1 exam, which is above class average of 72"
• Information helps teachers identify student performance trends; data alone cannot.
[2 marks for definition + 2 marks for relevant example]

Q2: Explain THREE validation techniques used during data input. [6 marks]

Answer:
1. Range Check: Ensures numeric input falls within acceptable limits. Example: Age field accepts 16-60 for A/L applicants.
2. Format Check: Verifies data matches required pattern. Example: NIC number must be 12 digits or 10 digits + letter.
3. Presence Check: Confirms mandatory fields are not left blank. Example: "Index Number" cannot be empty in exam registration.
[2 marks each: 1 for technique name + 1 for explanation/example]

Q3: Why is 'timeliness' critical for information quality in emergency services? [3 marks]

Answer:
• In emergencies (e.g., ambulance dispatch), delayed information can cost lives.
• Real-time location data of nearest ambulance enables faster response.
• Outdated traffic information may lead to inefficient routing.
[1 mark per valid point]

Q4: List the SIX components of an ICT system and give ONE Sri Lankan example for 'Procedures'. [7 marks]

Answer:
Components (1 mark each, max 6): Hardware, Software, Data, People, Procedures, Networks
Procedure Example: "All government e-services must use two-factor authentication as per ICTA security policy" OR "School computer labs require login with student index number before internet access"
[1 mark for relevant local procedure example]

Q5: How has ICT reduced the 'digital divide' in rural Sri Lanka? Provide TWO specific initiatives. [4 marks]

Answer:
1. Nenasa TV/Online Classes: Free educational content via TV and YouTube during pandemic, reaching students without smartphones.
2. Community Information Centers (CICs): Government-established centers in divisional secretariats providing free internet/computer access for rural citizens.
[2 marks per initiative: 1 for naming + 1 for explanation of impact]

🎯 Exam Tips for Unit 1

• Always use Sri Lankan context in examples for higher marks
• For "explain" questions: Definition + Example + Significance
• Memorize the 8 quality characteristics using acronym: ART CC AVS (Accuracy, Relevance, Timeliness, Completeness, Consistency, Accessibility, Verifiability, Security)
• Practice drawing the DPLC flowchart with validation checkpoints

1.1 Data and Information

In-depth Analysis of Data

Data is the foundation of Information and Communication Technology (ICT). Data refers to a collection of raw facts, words, symbols, or numbers that have not been processed and do not carry a specific meaning or purpose. The primary nature of data is that it acts as raw material used to produce information. When data is used alone, it does not provide meaningful conclusions for decision-making.

Examples of Data:

• Measurements or images
• Words and sounds
• Marks, height, weight, age (quantitative data)

In-depth Analysis of Information

Information is the result obtained after processing data. It is meaningful, organized, and can be used for decision-making. Information is always processed, contextualized, and directly useful for making decisions.

Characteristics of Quality Information:

• Accuracy: Must be correct for reliable decisions
• Timeliness: Must be up-to-date
• Completeness: Should contain all necessary details
• Relevance: Must be appropriate for the task
• Understandability: Should be easy to understand

Table 1: Comparison between Data and Information

Feature	Data	Information
Definition	Unprocessed raw facts without meaning	Processed, meaningful data used for decision-making
Nature	Raw material	Output
Usefulness	Not directly useful for decisions	Helps in decision-making

1.2 Data Processing Life Cycle and Drawbacks of Manual Data Handling

Data Life Cycle

The Data Life Cycle refers to the process of creating data, managing it to generate information, and removing data that is no longer needed.

Main Stages of Data Life Cycle:

• Data Creation: Inputting required data into the system
• Data Management: Secure storage and maintenance of data
• Removal of Obsolete Data: Deleting outdated data

The main steps of the Data Processing Life Cycle (DPLC) are: Data collection, validation, processing, output, and storage.

Major Drawbacks of Manual Data Handling:

• High risk of human errors: Mistakes and delays
• Inefficiency: Time-consuming processes
• Inconsistency: Data duplication and lack of standardization

1.3 Classification of Software: Open Source vs Proprietary

System Software and Application Software

• System Software: Acts as a bridge between hardware and user (e.g., Operating Systems)
• Application Software: Designed to perform specific tasks (e.g., MS Word)

Open Source Software (OSS) vs Proprietary Software

Open Source Software (OSS) provides access to its source code, allowing users to modify it. In contrast, proprietary software keeps the source code hidden and requires a license for use.

1.4 Use and Impact of Information and Communication Technology (ICT)

Areas of ICT Applications:

• Education: E-learning, distance learning
• Healthcare: Telemedicine, diagnostic systems
• Business: E-commerce, online banking

Social and Environmental Issues in ICT:

• Digital Divide: Inequality in access to technology
• E-waste: Environmental pollution from electronic waste
• Green Computing: Environmentally friendly use of ICT resources

Data Life Cycle (Extended)

Main 7 Steps of Data Life Cycle:

• Data Generation: Creation or input of new data
• Data Collection: Gathering data from various sources
• Data Storage: Saving data securely (hard drives/cloud)
• Data Processing: Converting raw data into information
• Data Transmission: Sending data between locations
• Data Usage: Using data for decisions or operations
• Data Destruction: Permanently deleting unnecessary data

Advantages:

• Data Security: Prevents misuse of data
• Efficiency: Faster decision-making through proper management
• Legal Compliance: Meets data retention regulations

✅ Ready to Use: Copy this entire HTML code → Blogger Dashboard → New Post → Switch to HTML View → Paste → Publish

📚 Aligned with Sri Lankan GCE A/L ICT Syllabus • Unit 1: Basic Concepts of ICT

Prepared for student success • Verify with latest syllabus from Department of Examinations

G.C.E. (A/L) ICT syllabus, Unit 3: Data Representation Number Systems and Conversions Integer Representation Character Encoding Binary Arithmetic and Logic Operations

Unit 3: Data Representation - AL ICT

This unit covers how information is converted into binary for computer processing. Here are the core components included in the syllabus:

1. Number Systems and Conversions

• Systems: Decimal (Base 10), Binary (Base 2), Octal (Base 8), and Hexadecimal (Base 16).
• Conversions: Moving between any of these bases (e.g., Binary to Hexadecimal).

2. Integer Representation

• Unsigned Integers: Positive whole numbers.
• Signed Integers: Techniques for negative numbers:
  • Sign-and-Magnitude: MSB acts as the sign bit.
  • 1’s Complement: Inverting all bits.
  • 2’s Complement: The standard for subtraction and negative values.

3. Floating Point Representation (IEEE 754)

How real numbers (fractions) are stored using Sign bit, Exponent, and Mantissa in Single (32-bit) and Double (64-bit) precision.

4. Character Encoding

• BCD & ASCII: Standard codes for digits and English characters.
• EBCDIC: Legacy IBM mainframe encoding.
• Unicode: Modern global standard (UTF-8, UTF-16) for all languages.

5. Binary Arithmetic & Logic

• Addition and subtraction using 2’s complement.
• Bitwise operations: AND, OR, NOT, XOR.

6. Multimedia Representation

• Images: Pixels, resolution, and color depth.
• Audio/Video: Sampling rates and bit rates.

IEEE 754 Standard of Floating Point Arithmetic

Sri Lanka GCE A/L ICT - Data Representation

1. Introduction

In the GCE A/L ICT syllabus, representing real numbers (numbers with decimal points) is a crucial topic. Computers cannot store numbers like 10.5 or -3.14 directly in integer format. Instead, they use the IEEE 754 Standard.

For the A/L examination, you are primarily required to understand the Single Precision (32-bit) format.

2. Structure of Single Precision (32-bit)

A 32-bit floating-point number is divided into three parts:

Part	Size (Bits)	Position	Function
Sign Bit (S)	1 bit	Bit 31 (Leftmost)	0 = Positive (+), 1 = Negative (-)
Exponent (E)	8 bits	Bits 30 - 23	Stores the power of 2 (with a Bias)
Mantissa (M)	23 bits	Bits 22 - 0	Stores the fractional part of the number

General Formula:
Value = (-1)^S × (1.M) × 2^{(E - 127)}

Key Concept: The Bias

Since the exponent can be negative (e.g., $2^{-3}$), computers use a Bias of 127 to store it as a positive integer.

• Stored Exponent = Real Exponent + 127
• Real Exponent = Stored Exponent - 127

3. Normalization

Before converting a binary number to IEEE 754, it must be Normalized. This means shifting the binary point so that there is only one '1' to the left of the binary point.

Format: $1.xxxxx \times 2^y$

Note: In IEEE 754, the leading '1' is implied (hidden) and is not stored in the Mantissa bits to save space.

4. Step-by-Step Conversion Guide

Method A: Decimal to IEEE 754 (Single Precision)

1. Determine the Sign: If positive, S=0. If negative, S=1.
2. Convert to Binary: Convert the absolute value of the decimal number to binary (integer part and fractional part).
3. Normalize: Shift the binary point to get the form $1.xxxxx \times 2^E$.
4. Calculate Exponent: Add 127 to the real exponent ($E_{stored} = E + 127$). Convert this result to 8-bit binary.
5. Determine Mantissa: Take the bits after the binary point from the normalized form. Pad with zeros to make it 23 bits.
6. Combine: Arrange as [Sign] [Exponent] [Mantissa].

Method B: IEEE 754 to Decimal

1. Identify Parts: Split the 32 bits into Sign (1), Exponent (8), and Mantissa (23).
2. Check Sign: Is it positive or negative?
3. Calculate Real Exponent: Convert Exponent bits to decimal, then subtract 127.
4. Reconstruct Mantissa: Add the implied '1.' before the Mantissa bits ($1.M$).
5. Calculate Value: Apply the formula: $(-1)^S \times 1.M \times 2^{RealExp}$.

5. Worked Example

Question: Convert -10.25 to IEEE 754 Single Precision.

Solution:

1. Sign: Negative, so S = 1.
2. Binary Conversion:
   • Integer 10 = $1010_2$
   • Fraction 0.25 = $0.01_2$ ($0.25 \times 2 = 0.5 \to 0$, $0.5 \times 2 = 1.0 \to 1$)
   • Combined: $1010.01_2$
3. Normalization: Shift point 3 places to the left.
   $1.01001 \times 2^3$
   Real Exponent = 3.
4. Exponent Calculation:
   $3 + 127 = 130$
   Binary of 130 = 10000010
5. Mantissa: Take bits after the point ($01001$) and pad to 23 bits.
   01001000000000000000000
6. Final Result:
   1 | 10000010 | 01001000000000000000000
   Hex: C1240000

---

6. Practice Questions (A/L Style)

Question 1

Convert the decimal number 6.75 into its IEEE 754 Single Precision binary representation.

Question 2

The following 32-bit binary sequence represents a number in IEEE 754 Single Precision format. Find its decimal value.

0 10000001 01000000000000000000000

Question 3 (MCQ Style)

In the IEEE 754 Single Precision standard, what is the binary value stored in the exponent field if the actual exponent is -2?

A) 00000010
B) 11111101
C) 01111101
D) 10000001

---

IEEE 754 Decimal to Floating Point Conversion

Sri Lanka G.C.E A/L ICT – Unit 3 (Data Representation)

IEEE 754 is the standard used by computers to store floating point numbers (decimal numbers).

IEEE 754 Single Precision (32-bit)

Part	Bits	Description
Sign	1 bit	Positive or Negative number
Exponent	8 bits	Power of 2
Mantissa (Fraction)	23 bits	Significant digits

Sign | Exponent (8 bits) | Mantissa (23 bits)

Step-by-Step Conversion Method

Step 1 – Determine the Sign Bit

• Positive number → 0
• Negative number → 1

Example: +25.5

Sign = 0

Step 2 – Convert Decimal to Binary

Integer Part

25 ÷ 2
25 = 11001

Fraction Part

0.5 × 2 = 1.0

Binary Result:

25.5 = 11001.1

Step 3 – Normalize the Binary Number

11001.1
= 1.10011 × 2⁴

Step 4 – Calculate the Exponent

IEEE 754 uses a Bias value of 127

Exponent = Actual Exponent + Bias
Exponent = 4 + 127 = 131

Convert 131 to binary:

131 = 10000011

Step 5 – Find the Mantissa

Take the digits after the decimal point:

1.10011

Mantissa:

10011000000000000000000

Final IEEE 754 Representation

Part	Value
Sign	0
Exponent	10000011
Mantissa	10011000000000000000000

Final 32-bit IEEE 754:
0 10000011 10011000000000000000000

Example 2 – Convert 10.25 to IEEE 754

Step 1 – Sign

Positive → 0

Step 2 – Decimal to Binary

10 = 1010

0.25 × 2 = 0.5
0.5 × 2 = 1.0

10.25 = 1010.01

Step 3 – Normalize

1010.01
= 1.01001 × 2³

Step 4 – Exponent

3 + 127 = 130
130 = 10000010

Step 5 – Mantissa

01001000000000000000000

Final Result

0 10000010 01001000000000000000000

Quick Exam Trick

1. Find Sign
2. Convert Decimal to Binary
3. Normalize (1.x × 2ⁿ)
4. Add Bias (127)
5. Find Mantissa (23 bits)

7. Answers & Explanations

Answer to Question 1

Step 1: Sign
Positive, so S = 0.

Step 2: Binary
6 = $110_2$
0.75 = $0.11_2$ ($0.75 \times 2 = 1.5 \to 1$, $0.5 \times 2 = 1.0 \to 1$)
Result: $110.11_2$

Step 3: Normalize
$1.1011 \times 2^2$
Real Exponent = 2.

Step 4: Exponent Field
$2 + 127 = 129$
Binary of 129 = 10000001

Step 5: Mantissa
Bits after point: $1011$
Pad to 23 bits: 10110000000000000000000

Final Answer:
0 10000001 10110000000000000000000

Answer to Question 2

Step 1: Split
Sign: 0 (+)
Exponent: 10000001
Mantissa: 010000...

Step 2: Exponent
Binary $10000001 = 129$ (Decimal)
Real Exponent = $129 - 127 = 2$

Step 3: Mantissa Value
Implied 1 + Fraction = $1.01_2$

Step 4: Calculate
$+1.01_2 \times 2^2$
Shift binary point 2 places right: $101_2$
$101_2 = 5_{10}$

Final Answer: 5.0

Answer to Question 3

Real Exponent = -2.
Stored Exponent = Real Exponent + Bias
Stored Exponent = $-2 + 127 = 125$.

Convert 125 to binary:
125 = 64 + 32 + 16 + 8 + 4 + 1 = 01111101

Correct Option: C) 01111101

🚀 Master GCE O/L A/L ICT | Your IT Degree with Expert Guidance!

Online Individual & Group Classes in English | Sinhala | Tamil

Struggling with assignments, projects, or exams? Get personalized support tailored for BIT (University of Moratuwa), UCSC, and other IT degree students in Sri Lanka.

✨ What You'll Get

• ✅ Live Online Classes (Individual or Group)
• ✅ Sample Projects & Assignments (PHP, MySQL, Java, Python, Web Dev)
• ✅ Past Exam Papers + Model Answers
• ✅ Easy-to-Follow Tutorials & Study Notes
• ✅ Final Year Project Guidance – From Idea to Implementation
• ✅ Doubt-Clearing Sessions & Exam Prep Strategies

🌍 Taught in Your Preferred Language

English | Sinhala | Tamil

📞 Get Started Today!

Call / WhatsApp: +94 72 962 2034

Email: itclasssl@gmail.com

Quick response guaranteed! Share your syllabus or project topic, and we'll craft a learning plan just for you.

🔗 Free Resources & Community Links

• ▶️ YouTube Tutorials
• 📝 WordPress Blog
• ❓ Quora Q&A
• 💼 LinkedIn Profile
• 📬 Newsletter Signup
• 🌐 Wix Training Hub
• 🎓 Project Guidance Site
• 💡 Strikingly Project Ideas
• 💬 Elakiri Forum Thread

Tags: #BIT #UCSC #UniversityOfMoratuwa #ITClassesSriLanka #PHPProject #MySQL #FinalYearProject #OnlineTuition #SinhalaMedium #TamilMedium #ProgrammingHelp #WebDevelopment

© 2026 IT Classes SL | Empowering Sri Lankan IT Students, One Lesson at a Time 🇱🇰

Pearson Edexcel INTERNATIONAL ADVANCED LEVEL INFORMATION TECHNOLOGY SCHEME OF WORK Unit 2 HTML EXAM SUMMARY

🌐 IT Unit 2: Complete HTML Guide

Based on Pearson Edexcel Scheme of Work (Topic 7 & 11) + Exam Summary

1. Document Structure & Meta Data

Every HTML page must follow a specific structure. This is covered in Scheme of Work 7.1.1 - 7.1.3.

<!DOCTYPE html> <-- Tells browser this is HTML5 --> <html lang="en"> <-- Declares language --> <head> <meta charset="UTF-8"> <-- Character set for special symbols --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <-- For responsive design --> <meta name="description" content="Page description for SEO"> <meta http-equiv="refresh" content="30"> <-- Refreshes page every 30 secs --> <title>Page Title</title> <-- Shows in browser tab --> </head> <body> <h1>Visible Content</h1> </body> </html>

💡 Exam Tip: Always include <!DOCTYPE html> as the very first line. Always declare lang="en" in the html tag for accessibility.

2. Syntax & Global Attributes

Understanding how to write clean code and use attributes correctly (SoW 7.1.4 & 7.1.5).

Rules for Clean Syntax:

• Use lowercase for all element names (e.g., <body> not <BODY>).
• Use double quotes for attribute values (e.g., href="link.html").
• Indent nested elements for readability.
• Self-closing tags (like <img>) do not require a forward slash in HTML5, but it is acceptable.

Global Attributes

These attributes can be used on almost any HTML element:

• id: Unique identifier for one element (used for CSS/JS).
• class: Identifier for multiple elements (used for CSS).
• style: Used for inline CSS (not recommended for large projects).
• hidden: Hides the element from view (Boolean attribute).
• tabindex: Controls the order of tab navigation (0 = default, -1 = no tab stop).
• data-*: Stores custom data (e.g., data-user-id="123").

3. Text Formatting & Semantic HTML

Semantic HTML describes the meaning of the content, not just how it looks. This is crucial for SEO and Accessibility (SoW Topic 11).

Headings & Paragraphs

• <h1> to <h6>: Headings. Only one <h1> per page.
• <p>: Paragraphs.
• <hr>: Thematic break (horizontal rule).
• <br>: Line break (self-closing).

Emphasis & Importance (Exam Focus!)

⚠️ Know the difference:

• <em> vs <i>: Both look italic. <em> adds emphasis (semantic), <i> is just stylistic.
• <strong> vs <b>: Both look bold. <strong> adds importance (semantic), <b> is just stylistic.

Other Text Semantics

• <blockquote>: Long quotation from another source.
• <q>: Short inline quotation.
• <cite>: Title of a work (e.g., book name).
• <abbr>: Abbreviation (use title attribute for full text).
• <dfn>: Defines a term.
• <address>: Contact information for the author/owner.
• <mark>: Highlights text (like a highlighter pen).
• <code>: Displays computer code.

Semantic Layout Tags

Use these instead of generic <div> tags where possible:

• <header>: Introductory content or nav links.
• <footer>: Footer information (copyright, contacts).
• <nav>: Navigation links.
• <main>: The dominant content of the body (only one per page).
• <article>: Self-contained content (e.g., blog post).
• <section>: Thematic grouping of content.
• <aside>: Content indirectly related to the main content (sidebar).
• <figure> & <figcaption>: Media content with a caption.
• <div> & <span>: Non-semantic containers (use for layout only).

4. Lists

SoW 7.2.4 covers three types of lists.

<!-- Unordered List (Bullets) --> <ul> <li>Item 1</li> <li>Item 2</li> </ul> <!-- Ordered List (Numbers) --> <ol type="A" start="3"> <-- Starts at C --> <li>Item A</li> </ol> <!-- Definition List (Terms & Descriptions) --> <dl> <dt>HTML</dt> <-- Data Term --> <dd>HyperText Markup Language</dd> <-- Data Definition --> </dl>

💡 Nesting: You can put a list inside another list item (<li>).

5. Links (Anchor Tags)

SoW 7.2.5. The <a> tag uses the href attribute.

• External: <a href="https://google.com">Google</a>
• Internal: <a href="contact.html">Contact</a>
• Email: <a href="mailto:test@example.com">Email</a>
• New Tab: Add target="_blank".
• Anchor Link: Link to a specific part of a page using ID.
  • Step 1: <h2 id="section1">Top</h2>
  • Step 2: <a href="#section1">Jump to Top</a>

6. Tables

SoW 7.3.2. Used for data, not layout.

<table> <thead> <-- Table Header Group --> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <-- Table Body Group --> <tr> <td>Alice</td> <td>25</td> </tr> </tbody> <tfoot> <-- Table Footer Group --> <tr> <td colspan="2">End of List</td> </tr> </tfoot> </table>

Key Attributes:

• colspan="2": Cell spans 2 columns.
• rowspan="2": Cell spans 2 rows.

7. Images, Audio, Video & Iframes

Images (SoW 7.3.1)

<img src="photo.jpg" alt="Description" width="300">

⚠️ Accessibility: The alt attribute is mandatory for accessibility. If the image is decorative, use alt="".

Audio & Video (SoW 7.3.5)

Use the <source> element to provide multiple formats for compatibility.

<video width="320" height="240" controls autoplay loop> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> </video>

Iframes (SoW 7.3.6)

Embeds another website (e.g., YouTube, Maps).

<iframe src="https://www.youtube.com/embed/ID" width="560" height="315"></iframe>

8. Forms (HTML Structure)

SoW 7.3.3. While validation is JavaScript, the structure is HTML.

<form action="/submit" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name" placeholder="Enter name"> <br> <label>Gender:</label> <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female <br> <label>Comments:</label> <textarea rows="4" cols="50"></textarea> <br> <label>Country:</label> <select> <option value="uk">UK</option> <option value="us">USA</option> </select> <br> <input type="submit" value="Send"> </form>

💡 Grouping: Use <fieldset> to group related form elements and <legend> for the group title.

9. Block vs Inline Elements

SoW 7.2.1 & 7.2.2. Understanding content models.

• Block-level: Starts on a new line, takes full width (e.g., <div>, <p>, <h1>, <table>).
• Inline: Stays on the same line, takes only necessary width (e.g., <span>, <a>, <img>, <strong>).

📝 Past Paper Style Questions

Q1. Which tag is used to define a short inline quotation?

<q> (Use <blockquote> for long quotations).

Q2. What is the difference between <strong> and <b>?

Both make text bold, but <strong> indicates importance (semantic), while <b> is purely stylistic.

Q3. Identify the error: <img src="pic.jpg">

Missing the alt attribute. All images must have alt text for accessibility (WCAG).

Q4. Which attribute allows a table cell to span across two columns?

colspan="2"

Q5. What is the purpose of the <meta name="viewport"> tag?

It controls the layout on mobile browsers (responsive design), ensuring the page scales correctly.

Q6. Which element is used to group related form elements together?

<fieldset> (with <legend> for the caption).

Q7. Spot the Error: <ol type="A" start="3"> <li>Item</li> </ol>. What letter does the list start with?

It starts with C (A=1, B=2, C=3).

Based on Pearson Edexcel International Advanced Level Information Technology Unit 2 Scheme of Work (Topic 7 & 11).

IT5106 Project Proposal Template Sample UCSC BIT External–standard Project Proposal Colombo Uni Web-Based POS and Business Management System for Small-Scale Home Businesses

🧾 Project Proposal

Web-Based POS and Business Management System for Small-Scale Home Businesses

1. Name and Address of Client

Name: Amithafz
Address: Sri Lanka
Contact Information: 0729622034

2. Introduction

Small-scale home businesses, such as food sellers, craft makers, and online resellers, often manage their operations manually or using disconnected tools like notebooks, spreadsheets, and messaging apps such as WhatsApp and social media platforms. This leads to inefficiencies in handling customer orders, tracking inventory, managing suppliers, and monitoring financial transactions.

This project proposes the development of a web-based Point of Sale (POS) and Business Management System tailored specifically for small home-based businesses. The system will integrate multiple business operations into a single platform.

Tech Stack: PHP, MySQL, and Bootstrap.

3. Motivation for Project

The rapid growth of home-based businesses has created a need for affordable and efficient digital solutions. This project is motivated by:

• The need to digitize and streamline small business operations.
• The increasing use of social media and messaging platforms for order placement.
• The demand for real-time tracking of sales, inventory, and cash flow.
• The opportunity to provide an affordable all-in-one POS solution.

Academic Context: Undertaken as part of the Bachelor of Information Technology (External) degree program at the University of Colombo School of Computing.

4. Project Objectives

OBJ01 Develop a web-based POS system.

OBJ02 Enable multi-channel order management.

OBJ03 Real-time inventory tracking.

OBJ04 Supplier and purchase tracking.

OBJ05 Automate invoice generation.

OBJ06 Track deliveries and fulfillment.

OBJ07 Monitor cash flow and expenses.

OBJ08 Analytical dashboards with charts.

OBJ09 System security & authentication.

OBJ10 Improve efficiency by 80%.

5. Scope of Proposed Project

Inclusions

Module	Functionality
User Management	Admin login, Role-based access control
Customer Management	Store details, Track order history
Order Management	Create orders (Phone, WhatsApp, Social Media), Status tracking
Inventory Management	Stock levels, Low-stock alerts, Product management
Financial Management	Income/Expense tracking, Cash flow monitoring
Invoice System	Generate printable invoices, Billing history
Dashboard & Reports	Sales reports, Profit/loss overview, Visual charts

Exclusions

Integration with external payment gateways (optional future enhancement), AI-based demand forecasting.

6. Critical Functionalities

6.1 Functional Requirements

• FRN01 – User authentication and role management
• FRN02 – Multi-channel order entry and tracking
• FRN03 – Inventory management with stock updates
• FRN04 – Supplier and purchase management
• FRN05 – Invoice generation and billing system
• FRN06 – Delivery tracking system
• FRN07 – Financial tracking (income and expenses)
• FRN08 – Dashboard with charts and analytics

6.2 Non-Functional Requirements

• NFRN01 – Usability: Simple and user-friendly interface
• NFRN02 – Performance: Fast response time for transactions
• NFRN03 – Security: Secure login and data protection
• NFRN04 – Scalability: Ability to handle business growth
• NFRN05 – Reliability: System availability above 95% uptime

7. Itemized List of Deliverables

• Project Proposal Document
• System Requirement Specification (SRS)
• System Design Documents (UML Diagrams)
• Database Design (ER Diagram)
• Fully Functional Web Application & Source Code
• Test Case Documentation & User Manual
• Final Project Report & Presentation Slides

9. Resource Requirements

Hardware Laptop (Core i3+), 8GB RAM, 100GB Storage

Software Windows 10/11, PHP 8.x, MySQL 8.x, Bootstrap, VS Code, XAMPP

10. Proposed Method of Evaluation

The success of the system will be evaluated using Unit, Integration, System, and User Acceptance Testing (UAT).

Criteria: Accuracy of tracking, Response time, User satisfaction, Error rate (<5 uptime="">95%).

11. References

1. Sommerville, I., Software Engineering, 10th Edition.
2. W3Schools, PHP and MySQL Tutorial.
3. IEEE, Software Requirements Specification Guidelines.

🎓 IT5106 Project Proposal Help – BIT UCSC (2025)

Struggling with your IT5106 Software Development Project Proposal? Deadline: 24th November 2025 ⏳

We provide complete professional support to help you score A / Distinction level 🚀

🔥 Our Services Include:

• Full Project Proposal Writing (UCSC format)
• Unique System Ideas (POS, Booking, LMS, E-commerce)
• Gantt Chart (Ready-made)
• UML Diagrams (Use Case, ER, System Design)
• Database Design (MySQL) & PHP + Bootstrap Development

💡 Specialized Project Example: POS System for Small Business

Order tracking (WhatsApp, Calls, Social Media) | Inventory & Supplier Management | Invoice + Cash Flow Tracking | Dashboard with Charts & Reports

📞 Contact Now: 0729622034 (Call / WhatsApp)

Chat on WhatsApp

🔥 UPDATED SYSTEM VISION: Student Lifecycle & Decision Support

This is an advanced alternative proposal structure designed for Distinction Level marks.

System Name: Student Lifecycle & Decision Support System for Foreign Education Consultation

🧠 NEW & ADVANCED MODULES

1️⃣ Student Portal Registration, Dashboard, Document Upload, Real-time tracking.

2️⃣ Profiling & Eligibility Input O/L, A/L, IELTS/PTE, Budget, and Work Experience.

3️⃣ Recommendation Engine Suggest Universities/Courses based on Budget & Qualification.

4️⃣ Counseling Module Study Path Planning (Foundation → Degree → Masters).

5️⃣ Application Processing Track Pending, Accepted, Rejected offers.

6️⃣ Visa Processing Track Biometrics, Approval, and Visa Documents.

7️⃣ Alumni & Career Track past students' employment and job referrals.

Why this version is powerful? It includes Decision Support, Full Lifecycle Tracking, and Post-Study Tracking. This upgrades the project from a 6/10 to a 9.5/10 Distinction level.

eSkills Grade3 book simple notes Lyceum international Gateway college ICT Computer Science Notes study guide PDF | Chapter 1: My Devices Task 4

```html

🎮 Computer Devices Fun!

eSkills Book 3 - Grade 3 Level

🌟 Other Platforms & Cool Gadgets 🌟

👋 Hello Young Learners!
Today we will learn about AMAZING computer devices that help us play, learn, and create! Let's explore together! 🚀

📱 1. Other Platform Devices

What is it? A "platform" is a type of computer or device that runs programs and games.

📱

Smartphone
Like iPhone or Android

📟

Tablet
Like iPad or Samsung Tab

🎮

Game Console
Like PlayStation or Xbox

⌚

Smart Watch
Like Apple Watch

💡 Example Usage:

• Watch cartoons on a tablet 📺
• Play games on a game console 🎮
• Video call grandma on a smartphone 📞
• Count your steps with a smart watch 👟

💿 2. Blu-Ray Disc

What is it? A shiny disc that stores movies, games, and big files with SUPER clear quality!

💿

Looks Like:
A shiny CD but holds MORE!

🎬 What can it store?

• HD Movies (super clear!) 🍿
• Big video games 🎮
• Family photos & videos 📸
• Music albums 🎵

✨ Fun Fact: Blu-Ray can hold 25-50 times MORE than a regular CD! That's like comparing a tiny cup to a huge swimming pool! 🏊

🔧 How to use:

1. Put the Blu-Ray disc in the player (shiny side down!)
2. Close the tray gently
3. Press "Play" on your remote
4. Enjoy your movie! 🎉

🖨️ 3. Bubble Jet Printer

What is it? A printer that prints pictures and words by shooting tiny drops of ink – like magic bubbles! ✨

🌈 How it works (simple version):

1. Computer sends a picture to the printer
2. Printer heats up tiny ink drops
3. Ink bubbles pop onto the paper
4. TA-DA! Your picture appears! 🎨

🎯 Best for:

• 🖼️ Color Photos
• 📄 School Projects
• 🎨 Art Drawings
• 🎫 Invitation Cards

💡 Tip: Always use special photo paper for the BEST picture quality!

🔍 4. Scanner

What is it? A machine that takes a "photo" of paper documents and turns them into computer files!

📋 What can you scan?

• Drawings & artwork 🎨
• Homework assignments ✏️
• Family photos 📷
• Story books you wrote 📚

🔄 What happens after?

• Save on computer 💻
• Email to friends 📧
• Print more copies 🖨️
• Keep forever safely! 🔒

👆 How to use (kid-friendly):

1. Lift the scanner lid (like opening a book!)
2. Place your paper FACE DOWN on the glass
3. Close the lid gently
4. Click "Scan" on the computer
5. Wait for the light to move across 🌟
6. Yay! Your picture is now on the computer!

🥽 5. HoloLens (Mixed Reality)

What is it? Super cool glasses made by Microsoft that let you see 3D holograms floating in your room! Like magic! ✨🔮

🥽✨

Imagine this:
You wear HoloLens and see a 3D dinosaur walking around your living room! 🦖

🎮 What can you do with it?

• 🦁 See 3D animals
• 🏗️ Build virtual LEGO
• 🪐 Explore space
• 🎨 Draw in the air

🔬 Fun Science: HoloLens uses cameras and sensors to understand your room, then projects holograms that you can walk around!

🎮 6. Nintendo Wii Remote

What is it? A special game controller that you wave, point, and move to play games – like a magic wand for gaming! 🪄

🕹️ How to play:

🎾 Tennis Game	Swing the remote like a real tennis racket!
🚗 Racing Game	Turn the remote like a steering wheel!
🎳 Bowling Game	Swing your arm back and forth to roll the ball!
🎯 Shooting Game	Point at the screen and press a button!

✨ Cool Features:

• Motion sensors feel your movements 🤸
• Vibrates when something happens in the game! 📳
• Has a wrist strap for safety (always wear it!) ✅
• Works with a sensor bar near your TV 📡

🥽 7. VR Headset (Virtual Reality)

What is it? Special goggles that cover your eyes and show you a whole new 3D world – like stepping inside a video game! 🌍✨

🥽

Put it on and...

🚀 You can:

• Walk on the Moon! 🌙
• Swim with dolphins! 🐬
• Visit ancient castles! 🏰
• Learn about space! 🚀

👀 How it works:

1. Put the headset on your head (like swimming goggles!)
2. Each eye sees a slightly different picture
3. Your brain combines them to make 3D!
4. Turn your head to look around the virtual world
5. Use controllers to touch and move things

⚠️ Safety Tip: Always have a grown-up help you use VR, and take breaks so your eyes don't get tired!

🧤 8. VR Glove (Data Glove)

What is it? A special glove with sensors that lets you use your HANDS to control virtual reality – like having magic powers! ✋✨

🤚 What can your VR glove do?

• Grab virtual objects (like picking up a star! ⭐)
• Point to select things in VR
• Wave to say hello to virtual friends
• Make gestures to cast spells in games! 🪄

🔬 Science Bit: The glove has tiny sensors that feel when you bend your fingers. It sends this info to the computer, which moves a virtual hand the same way!

🎮 Example Game:
In a VR cooking game, you can pretend to chop vegetables, stir a pot, or sprinkle salt – all with your VR glove! 👨‍🍳

✏️ 9. Graphic Tablet (Digitizer)

What is it? A flat pad and special pen that lets you draw on the computer just like drawing on paper – but with digital superpowers! 🎨💻

✏️

The Stylus Pen
Feels like a real pen!

▭

The Tablet Pad
Where you draw

🌈 What can you create?

• Colorful digital paintings 🖌️
• Cartoon characters 🦸
• Animated stories 🎬
• Sign your name on documents ✍️
• Edit photos like a pro! 📸

✨ Magic Features:

• 🎨 Pressure-sensitive (press harder = thicker line!)
• 🔄 No ink needed – never run out!
• 💾 Save & share your art instantly
• ↩️ Undo mistakes with one click!

🔘 10. Trackball

What is it? A mouse with a big ball on top that you roll with your thumb or fingers – no need to move your whole arm! 👍

🔘

🎯 Why use a trackball?

• Great for small desks (doesn't need space to move!)
• Easy for people who find regular mice hard to use
• Very precise for drawing or games
• Your wrist stays comfortable 😌

👆 How to use:

1. Rest your hand on the trackball
2. Roll the ball with your thumb (or fingers)
3. The cursor moves on screen – like magic!
4. Click the buttons to select things

💡 Fun Fact: Some trackballs are on the LEFT side for left-handed people! Everyone can enjoy them! ✋

🎮 11. Gamepad (Controller)

What is it? A handheld device with buttons and joysticks designed especially for playing video games! The ultimate fun tool! 🕹️✨

🔘 Parts of a Gamepad:

🕹️

Joysticks
(move character)

🔴🔵🟡🟢

Action Buttons
(jump, shoot, etc.)

⬅️➡️

Directional Pad
(move up/down/left/right)

📳

Vibration
(feel the game!)

🎯 Popular Games You Can Play:

• 🏃 Running Games
• ⚽ Sports Games
• 🧩 Puzzle Games
• 👨‍👩‍👧‍👦 Family Games

✅ Pro Tip: Hold the gamepad with both hands, thumbs on the joysticks, and fingers ready on the buttons. Practice makes perfect! 🏆

🕹️ 12. Joystick

What is it? A lever that you push in different directions to control movement in games – especially flying and racing games! ✈️🏎️

🕹️

Push the stick to:

⬆️ Forward

⬇️ Backward

⬅️ Left

➡️ Right

🔄 Twist (for special moves!)

🎮 Best Games for Joystick:

• ✈️ Airplane flying games
• 🚁 Helicopter rescue missions
• 🚀 Space rocket adventures
• 🏎️ Racing car games
• 🤖 Robot battle games

👶 Kid-Friendly Tip: Start with easy games first. Hold the joystick gently – you don't need to push hard! Practice moving slowly, then try faster moves. 🌟

👆 13. Interactive Touchpad

What is it? A smooth, flat surface (usually on laptops) that you can swipe and tap with your fingers to control the computer – no mouse needed! ✨

👋 Touchpad Gestures (like magic finger moves!):

👆 One-finger tap	Click or select something
👆👆 Two-finger swipe	Scroll up and down a page
👆👆👆 Three-finger swipe	Switch between open apps
🤏 Two-finger pinch	Zoom in or out on pictures

💻 Where you'll find it:

• 💻 Laptops
• 🖥️ Some keyboards
• 🎨 Drawing tablets
• 🎮 Some gaming devices

🧼 Care Tip: Keep your touchpad clean and dry! Wipe gently with a soft cloth. No food or drinks near it! 🚫🍕

📱 14. Touch Screen

What is it? A computer screen that you can touch with your finger to control it – like a super-responsive tablet or phone screen! 👆✨

🎯 What can you do on a touch screen?

👆

Tap to select

👆👆

Double-tap to zoom

👆➡️

Swipe to scroll

🤏

Pinch to zoom

✍️

Draw with finger

🔤

Type on keyboard

📱 Devices with Touch Screens:

• 📱 Smartphones (iPhone, Android)
• 📟 Tablets (iPad, Samsung Tab)
• 💻 Some laptops (2-in-1 computers)
• 🎮 Nintendo Switch, Steam Deck
• 🏪 ATM machines & info kiosks
• 🚗 Car navigation screens

⚠️ Gentle Touch: Touch screens are sensitive! Use soft taps, not hard pokes. And never use sharp objects – just your clean finger or a special stylus! ✨

🧒 Practice Questions - Grade 3 Level! 🎉

Q1: Which device would you use to print your colorful drawing?

✅ Answer: A Bubble Jet Printer! 🖨️ It uses tiny ink bubbles to print your picture on paper. Remember to use photo paper for the best colors! 🌈

Q2: What do you wear on your head to see a 3D dinosaur in your room?

✅ Answer: HoloLens or a VR Headset! 🥽 These special glasses show holograms or virtual worlds right in front of your eyes! 🦖✨

Q3: Which controller do you WAVE to play tennis in a video game?

✅ Answer: The Nintendo Wii Remote! 🎮 You swing it like a real tennis racket. Don't forget the wrist strap for safety! ✅

Q4: What device helps you turn your paper drawing into a computer file?

✅ Answer: A Scanner! 🔍 Place your drawing face-down on the glass, close the lid, and click "Scan". Now your art is safe on the computer! 💾🎨

Q5: Which device has a big ball you roll with your thumb?

✅ Answer: A Trackball! 🔘 Roll the ball to move the cursor. It's great for small desks and keeps your wrist happy! 😊

Q6: What do you use to draw on a computer like you're using paper and pencil?

✅ Answer: A Graphic Tablet with a stylus pen! ✏️ Press harder for thick lines, lighter for thin lines – just like real art! 🎨

Q7: Which screen can you control just by touching it with your finger?

✅ Answer: A Touch Screen! 📱 Tap, swipe, pinch, and draw – all with your finger! Found on phones, tablets, and some laptops. 👆✨

Q8: What special glove lets you grab things in a virtual world?

✅ Answer: A VR Glove! 🧤 It has sensors that feel your finger movements, so you can pick up virtual stars, cast spells, or wave hello! ✋🔮

Q9: Which device is best for playing airplane flying games?

✅ Answer: A Joystick! 🕹️ Push the lever forward to fly up, back to go down, and side to side to turn. Feel like a real pilot! ✈️

Q10: What shiny disc holds super-clear movies?

✅ Answer: A Blu-Ray Disc! 💿 It holds 25-50 times more than a CD! Perfect for watching your favorite movies in amazing quality! 🍿🎬

🎁 BONUS: Match the Device! 🎁

Draw a line to connect each device to what it does!

1. Scanner 🔍

2. VR Headset 🥽

3. Graphic Tablet ✏️

4. Wii Remote 🎮

5. Touch Screen 📱

A. Draw like on paper

B. Control with your finger

C. Turn paper into digital file

D. See virtual worlds

E. Wave to play games

✅ Answers: 1-C, 2-D, 3-A, 4-E, 5-B
Great job! You're a computer devices expert! 🌟🎉

🌈 Great Learning Today! 🌈

You now know about amazing computer devices!

✨ Remember: Always ask a grown-up before using new devices! ✨

eSkills Book 3 | Grade 3 Computer Studies | Chapter: Other Platform Devices

```