Grade VII

August


Grade VII

Chapter 1: Advanced Features of Excel

Learn how to use advanced features of Microsoft Excel to organise, calculate, analyse and present data more efficiently.

๐Ÿ“Š What is Microsoft Excel?

Microsoft Excel is a spreadsheet application used to organise, calculate, analyse and present data.

Excel stores information in a worksheet made up of rows and columns.

Advanced Excel features help users work with large amounts of data quickly and accurately.

๐Ÿ“˜ Workbook and Worksheet

A workbook is an Excel file that can contain one or more worksheets.

A worksheet is a single spreadsheet page inside a workbook.

Each worksheet contains rows, columns and cells.

๐Ÿ“ Cell References

Every cell in a worksheet has a unique address called a cell reference.

A cell reference is formed using the column letter and row number.

Examples:

  • A1
  • B5
  • C10
  • D25

๐Ÿ”„ Relative Cell Reference

A relative cell reference changes automatically when a formula is copied to another cell.

Example:

=A2+B2

If this formula is copied one row down, it changes to:

=A3+B3

๐Ÿ“Œ Absolute Cell Reference

An absolute cell reference remains fixed when a formula is copied to another cell.

The $ symbol is used to make a reference absolute.

Example:

=$A$1

The row and column remain fixed when the formula is copied.

๐Ÿ”€ Mixed Cell Reference

A mixed cell reference has either the row or the column fixed.

Examples:

  • $A1 โ€” Column A is fixed.
  • A$1 โ€” Row 1 is fixed.

๐Ÿ”ค Sorting Data

Sorting means arranging data in a particular order.

Data can be sorted in:

  • Ascending order
  • Descending order
  • Alphabetical order
  • Numerical order
  • Date order

๐Ÿ” Filtering Data

Filtering is used to display only the data that matches specific conditions.

Filtering temporarily hides data that does not match the selected condition.

Example:

A teacher can filter a student list to display only students who scored more than 80 marks.

๐ŸŽจ Conditional Formatting

Conditional Formatting automatically changes the appearance of cells when specified conditions are met.

It can be used to highlight:

  • High marks
  • Low marks
  • Duplicate values
  • Important dates
  • Specific ranges of values

โœ… Data Validation

Data Validation controls the type of data that can be entered into a cell.

It helps prevent incorrect or unwanted data entry.

Examples:

  • Allow marks only between 0 and 100.
  • Allow dates only within a selected range.
  • Create a list of predefined options.

๐Ÿ“‹ Creating a Drop-down List

A drop-down list allows the user to select a value from a predefined list.

Drop-down lists are commonly created using Data Validation.

Example:

Present
Absent
Leave

A teacher can select one of these options for each student.

๐Ÿ”Ž Find and Replace

The Find feature helps locate specific text, numbers or values in a worksheet.

The Replace feature replaces one value with another value.

Example:

Find Class VII-A and replace it with Grade VII-A.

โ„๏ธ Freeze Panes

Freeze Panes keeps selected rows or columns visible while scrolling through a worksheet.

This feature is useful when working with large tables.

Example:

The heading row can remain visible while scrolling down through a long list of students.

๐Ÿ“Œ Types of Cell References

Reference Type Example Behaviour When Copied
Relative A1 Row and column can change.
Absolute $A$1 Row and column remain fixed.
Mixed $A1 Column remains fixed.
Mixed A$1 Row remains fixed.

๐Ÿ”„ Sorting vs Filtering

Sorting Filtering
Arranges data in a selected order. Displays only selected data.
Changes the order of visible records. Temporarily hides unwanted records.
Can be alphabetical or numerical. Can use one or more conditions.

โš™๏ธ Important Advanced Features

Feature Purpose Example
Sort Arrange data Sort marks from highest to lowest
Filter Display selected data Show students scoring above 80
Conditional Formatting Highlight cells automatically Highlight marks below 40
Data Validation Control data entry Allow marks from 0 to 100
Find and Replace Search and change values Correct a repeated spelling mistake
Freeze Panes Keep rows or columns visible Keep headings visible while scrolling

๐Ÿงฎ Example: Using an Absolute Reference

Suppose the price of an item is stored in Column B and the GST rate is stored in cell E1.

If the GST rate must remain fixed while copying the formula, an absolute reference can be used.

=B2*$E$1

When the formula is copied to another row, the cell $E$1 remains fixed.

๐Ÿ“ General Steps to Use Advanced Features

  1. Enter and organise the required data in a worksheet.
  2. Select the cells or data range.
  3. Choose the required Excel feature.
  4. Set the required options or conditions.
  5. Apply the feature.
  6. Check the result carefully.

๐Ÿซ Excel in Everyday Life

Advanced Excel features are useful in schools, homes, offices and businesses.

  • Managing student marks
  • Maintaining attendance records
  • Preparing budgets
  • Managing inventory
  • Analysing sales data
  • Creating lists and reports
  • Organising survey results

๐ŸŽฏ Activity: Student Marks Analysis

Create a worksheet containing the names and marks of at least five students.

  1. Enter student names and marks.
  2. Sort the marks in descending order.
  3. Filter students who scored more than 75 marks.
  4. Use Conditional Formatting to highlight marks below 40.
  5. Create a drop-down list for Result: Pass or Fail.
  6. Freeze the heading row.

๐Ÿ“š Key Terms

Term Meaning
Workbook An Excel file containing one or more worksheets.
Worksheet A spreadsheet page inside a workbook.
Cell Reference The address of a cell.
Relative Reference A reference that changes when copied.
Absolute Reference A reference that remains fixed when copied.
Mixed Reference A reference with either the row or column fixed.
Sorting Arranging data in a specific order.
Filtering Displaying only data that meets selected conditions.
Conditional Formatting Formatting cells automatically according to conditions.
Data Validation Controlling the type of data entered into a cell.

๐Ÿ“ Chapter Summary

Microsoft Excel provides several advanced features that make it easier to manage and analyse data.

Cell references can be relative, absolute or mixed. Sorting and filtering help organise and display data effectively.

Conditional Formatting, Data Validation, Find and Replace and Freeze Panes are useful features for working efficiently with worksheets.

๐Ÿง  Quick Check

  1. What is a workbook?
  2. What is a worksheet?
  3. What is a cell reference?
  4. What is a relative cell reference?
  5. What is an absolute cell reference?
  6. What does $A$1 represent?
  7. What is a mixed cell reference?
  8. What is sorting?
  9. What is filtering?
  10. What is Conditional Formatting?
  11. What is Data Validation?
  12. What is the use of a drop-down list?
  13. What is the difference between Find and Replace?
  14. Why is Freeze Panes useful?
  15. Give three practical uses of advanced Excel features.

Grade VII

Chapter 2: More on GIMP

Explore advanced features of GIMP to create, edit and enhance digital images using layers, selections, transformations and different editing tools.

๐ŸŽจ What is GIMP?

GIMP stands for GNU Image Manipulation Program.

It is an image-editing and graphics program used to create, edit and improve digital images.

GIMP provides many tools for drawing, painting, selecting, transforming and enhancing images.

๐Ÿ–ผ๏ธ What is Image Editing?

Image editing is the process of changing or improving a digital image using software tools.

We can edit an image by:

  • Changing its size
  • Removing unwanted parts
  • Adjusting colours
  • Adding text
  • Combining images
  • Applying filters and effects

๐Ÿ–ฅ๏ธ The GIMP Interface

The GIMP window contains different areas that help us work with an image.

  • Toolbox โ€” Contains editing tools.
  • Image Window โ€” Displays the image.
  • Tool Options โ€” Shows settings for the selected tool.
  • Layers Panel โ€” Displays the layers of an image.
  • Menu Bar โ€” Contains commands and options.

๐Ÿ“š Understanding Layers

A layer is like a transparent sheet placed over other sheets to create a complete image.

Different parts of an image can be placed on separate layers.

This allows us to edit one part of an image without changing the other parts.

๐Ÿ—‚๏ธ Working with Layers

In GIMP, we can perform several operations on layers.

  • Create a new layer
  • Delete a layer
  • Rename a layer
  • Duplicate a layer
  • Change the order of layers
  • Hide or show a layer
  • Change layer opacity

โฌ†๏ธโฌ‡๏ธ Layer Order

The position of a layer in the Layers Panel affects how the final image appears.

A layer placed above another layer may cover parts of the layer below it.

Layers can be moved up or down to change their order.

๐ŸŒซ๏ธ Layer Opacity

Opacity controls how transparent or solid a layer appears.

A higher opacity makes the layer more visible, while a lower opacity makes it more transparent.

๐Ÿ”ฒ What is a Selection?

A selection is a selected part of an image on which editing operations can be performed.

When an area is selected, changes usually affect only the selected part.

Selections are useful for editing specific portions of an image.

โ–ญ Rectangle Select Tool

The Rectangle Select Tool is used to select a rectangular area of an image.

The selected area can then be copied, deleted, moved or edited.

โญ• Ellipse Select Tool

The Ellipse Select Tool is used to select a circular or oval-shaped area.

It is useful when editing round objects or creating circular designs.

โœ๏ธ Free Select Tool

The Free Select Tool allows us to select an irregular area of an image.

It is useful when the required selection does not have a simple rectangular or circular shape.

โœ‚๏ธ Crop Tool

The Crop Tool is used to remove unwanted outer areas from an image.

Cropping helps focus attention on the important part of an image.

๐Ÿ“ Scale Tool

The Scale Tool is used to change the size of an image or layer.

An image can be enlarged or reduced according to the required dimensions.

๐Ÿ”„ Rotate Tool

The Rotate Tool is used to rotate an image or layer around a selected point.

It can be used to turn an object in a clockwise or anticlockwise direction.

โ†”๏ธ Flip Tool

The Flip Tool creates a mirror image of an image or layer.

An object can be flipped:

  • Horizontally
  • Vertically

โœ‹ Move Tool

The Move Tool is used to change the position of a layer, selection or object.

It helps us arrange different objects correctly in a design.

๐Ÿ”ค Adding Text

The Text Tool is used to add text to an image.

We can change different properties of text, such as:

  • Font
  • Font size
  • Text colour
  • Alignment

๐Ÿ–Œ๏ธ Painting Tools

GIMP provides tools for drawing and painting on an image.

  • Paintbrush Tool โ€” Paints with a brush.
  • Pencil Tool โ€” Draws hard-edged lines.
  • Eraser Tool โ€” Removes parts of an image.
  • Bucket Fill Tool โ€” Fills an area with colour.

๐Ÿ”ฒ Common Selection Tools

Tool Purpose
Rectangle Select Selects a rectangular area.
Ellipse Select Selects a circular or oval area.
Free Select Selects an irregular shape.
Fuzzy Select Selects a region with similar colours.
Select by Colour Selects areas containing similar colours.

๐Ÿ”„ Transforming Images

Transform tools change the size, position or orientation of an image or layer.

Tool Function
Move Changes the position of an object.
Scale Changes the size of an object.
Rotate Rotates an object.
Flip Creates a mirror image.
Crop Removes unwanted areas.

๐ŸŒˆ Working with Colours

Colours play an important role in image editing and graphic design.

GIMP allows us to select and modify foreground and background colours.

We can use colours to:

  • Fill objects
  • Paint on images
  • Change text colour
  • Create attractive designs
  • Highlight important parts of an image

โœจ Filters and Effects

Filters are special effects that can change the appearance of an image.

Filters can be used to:

  • Blur an image
  • Sharpen an image
  • Add artistic effects
  • Create shadows
  • Change colours
  • Improve the appearance of a photograph

๐Ÿ’พ Saving an Image

It is important to understand the difference between saving a GIMP project and exporting a final image.

Format Purpose
.XCF GIMP's native project format that can preserve layers and editing information.
.JPG / .JPEG Commonly used for photographs and compressed images.
.PNG Useful for high-quality images and images that may need transparency.
.GIF Commonly used for simple graphics and animations.

๐Ÿ’พ Save vs Export

Save Export
Saves the editable GIMP project. Creates an image file for sharing or use elsewhere.
Usually uses the .XCF format. Can create formats such as .JPG or .PNG.
Preserves editing information supported by the project. Produces the final exported version of the image.

๐Ÿ“ Basic Steps for Editing an Image

  1. Open GIMP.
  2. Open the required image.
  3. Make a duplicate or work on a separate layer if required.
  4. Select the area that needs editing.
  5. Use the appropriate editing or transform tool.
  6. Add text, colours or effects if required.
  7. Review the final design.
  8. Save the project.
  9. Export the final image in the required format.

๐ŸŒ Uses of GIMP

GIMP can be used for many creative and practical tasks.

  • Photo editing
  • Poster design
  • Creating school projects
  • Designing banners
  • Creating social media graphics
  • Adding text to images
  • Creating logos and simple artwork

๐ŸŽฏ Activity: Create a School Event Poster

Use GIMP to create a poster for a school event.

Your poster should include:

  1. A suitable background image or colour.
  2. A title using the Text Tool.
  3. At least two separate layers.
  4. One image or graphic.
  5. One transformed object using Scale, Rotate or Flip.
  6. Appropriate colours and formatting.
  7. Export the final poster as a PNG or JPEG image.

๐Ÿ’ก Good Image Editing Practices

  • Keep different objects on separate layers when possible.
  • Save your project regularly.
  • Use clear and readable text.
  • Do not overcrowd a design.
  • Use colours carefully.
  • Keep the original image safe before making major changes.
  • Use images responsibly and respect copyright.

๐Ÿ“š Key Terms

Term Meaning
GIMP An image-editing and graphics program.
Layer A separate level of an image that can be edited independently.
Selection A selected part of an image on which an operation can be performed.
Opacity The level of transparency of a layer.
Crop Removing unwanted outer areas of an image.
Scale Changing the size of an image or object.
Rotate Turning an image or object around a point.
Flip Creating a mirror image of an object.
Filter An effect used to change the appearance of an image.
Export Creating an image file in a format suitable for sharing or use elsewhere.

๐Ÿ“ Chapter Summary

GIMP is a powerful image-editing program used to create and modify digital images. Layers make it possible to work on different parts of a design independently.

Selection tools help choose specific parts of an image, while transform tools such as Move, Scale, Rotate and Flip change the position, size or orientation of objects.

GIMP also provides painting tools, text tools, colours, filters and effects. Projects can be saved for future editing and exported into common image formats.

๐Ÿง  Quick Check

  1. What is GIMP?
  2. What does image editing mean?
  3. What is a layer?
  4. Why are layers useful?
  5. What is opacity?
  6. What is a selection?
  7. Which tool is used to select a rectangular area?
  8. Which tool is used to select an irregular shape?
  9. What is the use of the Crop Tool?
  10. What is the use of the Scale Tool?
  11. What does the Rotate Tool do?
  12. What is the difference between Save and Export?
  13. What is the .XCF file format used for?
  14. Name any three image formats.
  15. Give three practical uses of GIMP.

Grade VII

Chapter 3: Digital Footprints

Learn what a digital footprint is, how it is created, why it matters, and how to build a safe, responsible and positive online presence.

๐Ÿ‘ฃ What is a Digital Footprint?

A digital footprint is the trail of information and activities that a person leaves behind while using the internet and digital devices.

Every time we perform an online activity, such as visiting a website, searching for information or posting content, we may create part of our digital footprint.

A digital footprint can help form an online record of our activities and presence.

๐ŸŒ How is a Digital Footprint Created?

A digital footprint can be created through many online activities.

  • Visiting websites
  • Searching on the internet
  • Creating online accounts
  • Posting photographs or videos
  • Writing comments
  • Sending messages or emails
  • Downloading applications
  • Playing online games

โœ๏ธ Active Digital Footprint

An active digital footprint is created when a person knowingly shares information or performs an action online.

Examples:

  • Creating a social media post
  • Uploading a photograph
  • Writing a comment
  • Filling out an online form
  • Sending an email
  • Creating an online profile

๐Ÿ” Passive Digital Footprint

A passive digital footprint may be created when information about a person's online activity is collected without the person actively entering or publishing that information.

Examples may include:

  • Website browsing information
  • Device information
  • Cookies stored by websites
  • Approximate location information
  • Online activity records

โš–๏ธ Active vs Passive Footprints

The main difference is whether information is deliberately shared by the user or collected as part of digital activity.

Active Footprint Passive Footprint
Created through deliberate actions. May be created automatically during online activity.
The user knowingly shares information. Information may be collected by websites or services.
Example: Posting a photograph. Example: Website cookies recording browsing activity.

๐Ÿชช Online Identity

An online identity is the way a person is represented on the internet.

It may include information such as:

  • Name or username
  • Profile picture
  • Posts and comments
  • Achievements
  • Shared photographs and videos
  • Online profiles

โญ Digital Reputation

A digital reputation is the impression that people may form about a person based on information available about them online.

Responsible and respectful online behaviour can help build a positive digital reputation.

๐Ÿ’ก Why Do Digital Footprints Matter?

Information shared online can sometimes remain available for a long time and may be copied, shared or stored by others.

Therefore, it is important to think carefully before sharing information online.

A digital footprint can influence a person's privacy, safety and online reputation.

๐Ÿ” Protecting Personal Information

Personal information is information that may identify or describe a person.

Some information should not be shared publicly or with unknown people online.

Examples include:

  • Home address
  • Phone number
  • Passwords
  • Banking information
  • Important identity documents
  • Private photographs or personal details

๐Ÿค” Think Before You Post

Before posting something online, stop and think about its possible effects.

Ask yourself:

  • Is this information safe to share?
  • Is the information true and appropriate?
  • Could this hurt or embarrass someone?
  • Would I be comfortable if others saw this later?
  • Do I have permission to share it?

๐Ÿ“ท Sharing Photos and Videos

Photos and videos can become part of a person's digital footprint when they are shared online.

Before sharing an image or video, it is important to consider privacy and obtain permission where appropriate.

  • Ask before posting someone else's photograph.
  • Do not share private images without permission.
  • Check what information is visible in the background.
  • Use privacy settings carefully.

๐Ÿค Responsible Online Behaviour

The same values of good behaviour should be followed online as in the real world.

A responsible digital citizen should:

  • Be respectful and polite.
  • Avoid cyberbullying.
  • Respect other people's privacy.
  • Use appropriate language.
  • Report harmful or suspicious content.
  • Follow rules and guidelines.

๐Ÿ”‘ Password Safety

Passwords help protect online accounts and personal information.

A strong password should be difficult for others to guess.

  • Do not share your password.
  • Avoid using obvious personal information.
  • Use a unique password for important accounts.
  • Use a mixture of characters where appropriate.
  • Log out from shared or public devices.

๐Ÿช What are Cookies?

A cookie is a small piece of information that a website can store in a browser or device to help remember certain information or preferences.

Cookies can be used for useful purposes such as remembering login sessions or website preferences.

Users should understand and review privacy and cookie settings when using online services.

โš™๏ธ Privacy Settings

Many websites and applications provide privacy settings that allow users to control who can see or access certain information.

Privacy settings should be checked carefully, especially before sharing personal information online.

โณ Information Can Remain Online

Content posted online can sometimes be copied, downloaded, forwarded or captured by other people.

Deleting a post may not always remove every copy that has already been shared or saved elsewhere.

This is why responsible sharing is important.

๐Ÿ‘ฃ Types of Digital Footprints

Type How It Is Created Example
Active Digital Footprint Created by actions performed deliberately by the user. Posting a comment online.
Passive Digital Footprint May be created automatically as information is collected during digital activity. Browsing information recorded by a website.

๐ŸŒ Common Sources of Digital Footprints

  • Search engines
  • Websites
  • Social media platforms
  • Email services
  • Online shopping websites
  • Educational platforms
  • Online games
  • Mobile applications
  • Smart devices

๐Ÿ˜Š Positive and โš ๏ธ Negative Digital Footprints

Positive Digital Footprint Negative Digital Footprint
Sharing useful educational work. Posting harmful or offensive content.
Being respectful in online discussions. Cyberbullying or insulting others.
Showing creativity and achievements. Sharing private information carelessly.
Using digital platforms responsibly. Posting false or misleading information.

๐ŸŒŸ How to Build a Positive Digital Footprint

  1. Think carefully before posting.
  2. Use respectful and polite language.
  3. Protect your personal information.
  4. Share useful and appropriate content.
  5. Respect the privacy of others.
  6. Ask permission before sharing someone else's content.
  7. Use strong passwords and account security.
  8. Review privacy settings regularly.
  9. Report suspicious or harmful online activity.

๐Ÿ”„ Example: A Student's Digital Footprint

Suppose a student uses the internet to search for a science project, submits homework through an educational platform and shares a project presentation online.

These activities may contribute to the student's digital footprint.

If the student uses digital platforms responsibly, protects personal information and shares appropriate content, the student can develop a more positive online presence.

๐Ÿ›ก๏ธ Digital Footprint Safety Rules

  • Do not share passwords with anyone.
  • Do not post sensitive personal information publicly.
  • Think before posting photographs and videos.
  • Respect the privacy of other people.
  • Ask a trusted adult for help when something online feels unsafe.
  • Do not interact carelessly with suspicious links or unknown accounts.
  • Use privacy settings appropriately.
  • Be kind and respectful online.
  • Report bullying, threats or suspicious activity.

๐ŸŽฏ Activity: Check Your Digital Actions

Read each situation and decide whether it creates an active or passive digital footprint.

Digital Activity Active or Passive?
Posting a photograph online __________
Filling an online registration form __________
A website recording browsing activity __________
Writing a comment on a post __________
A website storing a cookie in the browser __________

๐Ÿ’ญ Think and Discuss

  1. Can something shared online become part of your digital footprint?
  2. Why should we think before posting?
  3. How can a post affect a person's digital reputation?
  4. Why should we ask permission before sharing another person's photograph?
  5. What should you do if you see harmful content online?

๐Ÿ“š Key Terms

Term Meaning
Digital Footprint The trail of information and activities associated with a person's use of digital technology.
Active Digital Footprint A footprint created through deliberate online actions.
Passive Digital Footprint A footprint that may be created as information is collected during online activity.
Online Identity The way a person is represented online.
Digital Reputation The impression people may form based on online information and behaviour.
Cookie A small piece of information that a website may store to remember information or preferences.
Privacy The ability to control access to personal information.
Personal Information Information that can identify or describe a person.

๐Ÿ“ Chapter Summary

A digital footprint is the trail of information connected with a person's use of the internet and digital technology. It can be created actively through deliberate actions or passively as information is collected during digital activity.

Digital footprints can influence privacy, safety and digital reputation. Therefore, users should think carefully before sharing information online.

A responsible digital citizen protects personal information, respects others, uses privacy settings appropriately and contributes to a positive digital footprint.

๐Ÿง  Quick Check

  1. What is a digital footprint?
  2. How is a digital footprint created?
  3. What is an active digital footprint?
  4. What is a passive digital footprint?
  5. Give two examples of an active digital footprint.
  6. Give two examples of a passive digital footprint.
  7. What is an online identity?
  8. What is a digital reputation?
  9. Why is it important to think before posting online?
  10. What type of personal information should not be shared publicly?
  11. What is a cookie?
  12. How can privacy settings help users?
  13. Why should we ask permission before sharing someone else's photograph?
  14. How can you build a positive digital footprint?
  15. Write five rules for responsible online behaviour.

Grade VII

Chapter 4: Introduction to App Development

Learn what mobile applications are, how apps are developed, the basic components of an app, and how programmers design simple applications using logical instructions and visual tools.

๐Ÿ“ฑ What is an App?

An app, short for application, is a software program designed to perform a specific task or provide a particular service.

Apps can be used on smartphones, tablets, computers, smart TVs and other digital devices.

Examples of app activities include communication, learning, gaming, shopping, navigation and entertainment.

๐Ÿ—‚๏ธ Types of Applications

Applications can be developed for different purposes.

  • ๐Ÿ“š Educational apps
  • ๐ŸŽฎ Gaming apps
  • ๐Ÿ’ฌ Communication apps
  • ๐Ÿ—บ๏ธ Navigation apps
  • ๐Ÿ›’ Shopping apps
  • ๐ŸŽต Entertainment apps
  • ๐Ÿฅ Health and fitness apps
  • ๐Ÿฆ Banking apps

๐Ÿ“ฒ What is a Mobile App?

A mobile app is an application designed to run mainly on mobile devices such as smartphones and tablets.

Mobile apps are usually designed to work with features available on a device, such as the touchscreen, camera, microphone, speaker and sensors.

๐Ÿ› ๏ธ What is App Development?

App development is the process of planning, designing, creating, testing and improving an application.

An app developer combines creativity, problem-solving and programming to build useful applications.

๐Ÿ”„ Steps in App Development

  1. Identify a problem โ€” Decide what problem the app will solve.
  2. Plan โ€” Decide the features and functions.
  3. Design โ€” Plan the screens and appearance.
  4. Develop โ€” Create the app and write its logic.
  5. Test โ€” Find and correct errors.
  6. Improve โ€” Add useful changes based on feedback.

๐Ÿ–ฅ๏ธ What is a User Interface?

A User Interface (UI) is the part of an application through which a user interacts with the app.

A mobile app interface may contain:

  • Buttons
  • Labels
  • Text boxes
  • Images
  • Menus
  • Icons
  • Sliders

๐Ÿ˜Š What is User Experience?

User Experience (UX) refers to how easy, clear and pleasant an application is for a person to use.

A good app should be easy to understand and should help users complete their tasks without unnecessary difficulty.

๐Ÿงฉ App Components

Applications are made using different components.

A component is a part of an app that performs a specific function.

  • Label โ€” Displays text.
  • Button โ€” Performs an action when clicked.
  • Text Box โ€” Accepts text from the user.
  • Image โ€” Displays a picture or graphic.
  • Sound โ€” Plays audio.
  • Sensor โ€” Collects information from the device or environment.

๐Ÿ“ฅ Input in an App

Input is the information given to an app by a user or another device component.

Examples of input include:

  • Typing text
  • Clicking a button
  • Touching the screen
  • Speaking into a microphone
  • Using the camera
  • Receiving information from a sensor

โš™๏ธ Processing

Processing is the work performed by the application on the input or data it receives.

The app follows programmed instructions to decide what should happen next.

๐Ÿ“ค Output in an App

Output is the result or response produced by an application.

Examples include:

  • Displaying a message
  • Showing an image
  • Playing a sound
  • Displaying a calculation result
  • Opening another screen

๐Ÿ”„ Input โ†’ Process โ†’ Output

Many applications follow the Input โ†’ Process โ†’ Output model.

For example:

User enters two numbers โ†’ App adds them โ†’ App displays the answer

โšก What is an Event?

An event is an action or occurrence that can cause an application to perform a task.

Common events include:

  • Clicking a button
  • Touching the screen
  • Typing text
  • Opening an app
  • Changing the value of a component

๐Ÿ”” Event-Driven Programming

Many modern applications use event-driven programming.

In this type of programming, the app waits for an event and then performs the instructions connected with that event.

For example, when a user clicks a button, the app performs the instructions assigned to that button.

๐Ÿงฑ Block-Based App Development

Beginners can create applications using block-based programming.

Instead of writing every instruction as text, programmers join visual blocks to create the logic of an application.

Block-based development can help students understand programming concepts such as events, conditions and repetition.

๐Ÿ“„ App Screens

An app may contain one or more screens.

Each screen can be designed for a particular purpose.

Example:

  • Home Screen
  • Login Screen
  • Profile Screen
  • Settings Screen
  • Result Screen

๐Ÿง  App Logic

App logic is the set of instructions that controls how an application behaves.

The logic determines what happens when users perform different actions.

Example:

If the user enters the correct answer, the app displays "Correct!". Otherwise, it displays "Try Again!".

โš™๏ธ Input โ€“ Process โ€“ Output in an App

Stage What Happens? Example
Input The app receives information. User enters two numbers.
Process The app performs instructions. The numbers are added.
Output The app produces a result. The sum is displayed.

๐Ÿงฉ Common App Components

Component Purpose
Label Displays text or information.
Button Allows the user to perform an action.
Text Box Allows the user to enter text.
Image Displays a picture or graphic.
Sound Component Plays audio.
Sensor Component Uses information from a device sensor.

๐Ÿ”„ App Development Cycle

Developing an app is a process that usually follows several stages.

Identify Problem โ†’ Plan โ†’ Design โ†’ Develop โ†’ Test โ†’ Improve

  1. Identify the problem that needs to be solved.
  2. Plan the features of the app.
  3. Design the screens and user interface.
  4. Develop the components and program logic.
  5. Test the app for errors.
  6. Improve the app based on testing and feedback.

โœจ Features of a Good App

  • Easy to understand and use
  • Clear buttons and labels
  • Simple and organised interface
  • Useful features
  • Correct and reliable behaviour
  • Appropriate use of colours and text
  • Clear feedback for the user

๐Ÿงฎ Example: Simple Addition App

Consider an application that adds two numbers.

Part of the App Example
Input Two text boxes for entering numbers.
Event User clicks the Add button.
Processing The app adds the two numbers.
Output The answer is displayed using a label.

๐Ÿ’ก Simple App Ideas for Students

  • ๐Ÿงฎ Simple calculator
  • โ“ Quiz app
  • ๐ŸŽฒ Random number generator
  • ๐Ÿ“š Study reminder
  • ๐Ÿ”ข Multiplication table app
  • ๐ŸŒก๏ธ Temperature information app
  • ๐ŸŽจ Drawing app
  • ๐Ÿ“ To-do list

๐ŸŽฏ Activity: Design Your Own App

Choose a problem that can be solved using a mobile application.

Complete the following app design plan:

  1. App Name: ____________________
  2. Problem to Solve: ____________________
  3. Target Users: ____________________
  4. Input: ____________________
  5. Processing: ____________________
  6. Output: ____________________
  7. Components Required: ____________________
  8. Event: ____________________

๐Ÿ›ก๏ธ Responsible App Development

App developers should create applications responsibly.

  • Protect users' personal information.
  • Do not collect unnecessary data.
  • Use clear and appropriate instructions.
  • Test the app carefully.
  • Respect copyright and intellectual property.
  • Do not create apps intended to harm others.
  • Consider the safety and privacy of users.

๐Ÿ“š Key Terms

Term Meaning
App A software application designed to perform a specific task.
Mobile App An application designed mainly for smartphones and tablets.
App Development The process of planning, designing, creating and testing an application.
User Interface (UI) The part of an application through which the user interacts with it.
User Experience (UX) The experience of using an application.
Component A part of an app that performs a specific function.
Event An action or occurrence that causes a program to respond.
Event-Driven Programming A programming method in which instructions run in response to events.
App Logic The instructions that control how an app behaves.
Input Information received by an application.
Output The result or response produced by an application.

๐Ÿ“ Chapter Summary

An app is a software application designed to perform specific tasks. Mobile apps are commonly used on smartphones and tablets.

App development involves identifying a problem, planning a solution, designing the interface, developing the app, testing it and making improvements.

Applications use components such as labels, buttons, text boxes and images. Many apps follow the Input โ†’ Process โ†’ Output model and respond to user actions through events.

๐Ÿง  Quick Check

  1. What is an app?
  2. What is a mobile app?
  3. What is app development?
  4. Name four types of apps.
  5. What is a User Interface?
  6. What is User Experience?
  7. What is an app component?
  8. What is an event?
  9. What is event-driven programming?
  10. Explain the Input โ†’ Process โ†’ Output model.
  11. What is app logic?
  12. Name four common app components.
  13. Write the stages of the app development cycle.
  14. List four features of a good app.
  15. Design an idea for a simple app that could help students.

Grade VII

Chapter 5: Introduction to HTML and CSS

Learn the basics of web development, including HTML for creating the structure of a webpage and CSS for designing and styling it.

๐ŸŒ What is a Website?

A website is a collection of related web pages that can be accessed through the internet.

Websites can provide information, services, entertainment, education, communication and many other เคธเฅเคตเคฟเคงเคพเคเค.

Examples of websites include educational websites, news websites, shopping websites and personal websites.

๐Ÿ“„ What is a Webpage?

A webpage is a single document that is viewed using a web browser.

A webpage may contain text, images, videos, links, tables, buttons and other interactive elements.

Multiple related webpages can together form a website.

โš–๏ธ Website vs Webpage

Website Webpage
A collection of related webpages. A single document on the web.
May contain many pages. Usually represents one page of content.
Example: A school website. Example: The school's Contact Us page.

๐Ÿ’ป What is Web Development?

Web development is the process of creating, designing and maintaining websites and web applications.

A web developer uses different technologies to create webpages that can be viewed and used through a web browser.

๐Ÿงฑ What is HTML?

HTML stands for HyperText Markup Language.

HTML is used to create the basic structure and content of a webpage.

HTML can be used to add:

  • Headings
  • Paragraphs
  • Images
  • Links
  • Lists
  • Tables
  • Forms

๐Ÿท๏ธ HTML is a Markup Language

HTML is called a markup language because it uses special elements and tags to describe the structure of content on a webpage.

HTML tells the web browser what different parts of the content represent.

๐Ÿท๏ธ What is an HTML Tag?

An HTML tag is a special keyword written inside angle brackets.

Many HTML elements use an opening tag and a closing tag.

Example:

<p>This is a paragraph.</p>

In this example, <p> is the opening tag and </p> is the closing tag.

๐Ÿงฉ What is an HTML Element?

An HTML element usually consists of an opening tag, content and a closing tag.

<tag>Content</tag>

For example:

<h1>My First Website</h1>

๐Ÿ“„ Basic Structure of an HTML Document

A basic HTML webpage follows a standard structure.

<!DOCTYPE html>
<html>

<head>
    <title>My First Webpage</title>
</head>

<body>
    <h1>Welcome!</h1>
    <p>This is my first webpage.</p>
</body>

</html>

๐ŸŒ The <html> Element

The <html> element represents the main document of a webpage.

Most of the HTML content of a webpage is placed inside the opening and closing <html> tags.

๐Ÿง  The <head> Section

The <head> section contains information about the webpage.

Information in the head section can include:

  • Title of the webpage
  • Links to CSS files
  • Information for the browser

๐Ÿ”– The <title> Element

The <title> element specifies the title of a webpage.

The title is commonly displayed in the browser tab.

<title>My School Website</title>

๐Ÿ“ฆ The <body> Section

The <body> section contains the visible content of a webpage.

Text, headings, images, links and other elements that users see are generally placed inside the <body>.

๐Ÿ”ค HTML Headings

HTML provides six levels of headings: <h1> to <h6>.

<h1> generally represents the most important heading, while <h6> represents the least important heading.

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Heading</h3>

๐Ÿ“ Paragraphs

The <p> tag is used to create a paragraph.

<p>
    Computers make our work easier.
</p>

โ†ฉ๏ธ Line Break

The <br> tag is used to insert a line break.

Hello<br>
Welcome to my webpage!

โž– Horizontal Rule

The <hr> tag is used to create a horizontal line that can separate sections of content.

<hr>

๐Ÿ“‹ HTML Lists

HTML can be used to create different types of lists.

  • Ordered List โ€” Displays items in order.
  • Unordered List โ€” Displays items using bullets.

๐Ÿ”ข Ordered List

The <ol> tag creates an ordered list, and the <li> tag defines each list item.

<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>

โ€ข Unordered List

The <ul> tag creates an unordered list.

<ul>
    <li>Keyboard</li>
    <li>Mouse</li>
    <li>Monitor</li>
</ul>

๐Ÿ”— Hyperlinks

A hyperlink connects one webpage or resource to another.

The <a> tag is used to create a link.

<a href="https://example.com">
    Visit Example
</a>

๐Ÿ–ผ๏ธ Adding Images

The <img> tag is used to display an image on a webpage.

<img src="image.jpg"
     alt="A beautiful image">

The src attribute specifies the image location, while alt provides alternative text describing the image.

โš™๏ธ What are Attributes?

Attributes provide additional information about an HTML element.

Attributes are generally written inside the opening tag.

<a href="page.html">Open Page</a>

In this example, href is an attribute.

๐ŸŽจ What is CSS?

CSS stands for Cascading Style Sheets.

CSS is used to control the appearance and presentation of HTML elements.

CSS can be used to change:

  • Colours
  • Fonts
  • Text size
  • Backgrounds
  • Borders
  • Spacing
  • Layout

โš–๏ธ HTML vs CSS

HTML and CSS work together to create webpages.

HTML CSS
Creates the structure of a webpage. Controls the appearance of a webpage.
Defines the content. Styles the content.
Creates headings, paragraphs and links. Changes colours, fonts and layouts.

๐Ÿงฉ Basic CSS Syntax

A CSS rule contains a selector and one or more declarations.

p {
    color: blue;
}

In this example:

  • p is the selector.
  • color is the property.
  • blue is the value.

๐ŸŽฏ CSS Selector

A selector tells CSS which HTML element or elements should be styled.

h1 {
    color: red;
}

This rule selects all <h1> headings.

๐Ÿ–Œ๏ธ CSS Properties

A CSS property specifies what aspect of an element should be styled.

Common properties include:

  • color
  • background-color
  • font-size
  • font-family
  • text-align
  • border

๐Ÿ› ๏ธ Ways to Apply CSS

CSS can be applied to an HTML document in different ways.

  • Inline CSS
  • Internal CSS
  • External CSS

โœ๏ธ Inline CSS

Inline CSS is written directly inside an HTML element using the style attribute.

<p style="color: blue;">
    Hello!
</p>

๐Ÿ“„ Internal CSS

Internal CSS is written inside a <style> element, usually within the <head> section.

<style>
    h1 {
        color: green;
    }
</style>

๐Ÿ”— External CSS

External CSS is stored in a separate file, usually with a .css extension.

The CSS file can be connected to an HTML document using the <link> element.

<link rel="stylesheet"
      href="style.css">

๐Ÿท๏ธ Common HTML Tags

Tag Purpose
<html> Represents the main HTML document.
<head> Contains information about the webpage.
<title> Defines the webpage title.
<body> Contains the visible webpage content.
<h1> to <h6> Creates headings.
<p> Creates a paragraph.
<br> Inserts a line break.
<hr> Creates a horizontal rule.
<a> Creates a hyperlink.
<img> Displays an image.
<ul> Creates an unordered list.
<ol> Creates an ordered list.
<li> Defines a list item.

๐ŸŽจ Common CSS Properties

Property Purpose
color Changes the text colour.
background-color Changes the background colour.
font-size Changes the size of text.
font-family Changes the typeface of text.
text-align Changes the alignment of text.
border Adds or styles a border.

๐Ÿค Using HTML and CSS Together

HTML provides the structure and content of a webpage, while CSS controls its presentation.

<!DOCTYPE html>
<html>

<head>
    <title>My Webpage</title>

    <style>
        h1 {
            color: blue;
        }

        p {
            font-size: 18px;
        }
    </style>

</head>

<body>

    <h1>Welcome to My Website</h1>

    <p>
        I am learning HTML and CSS.
    </p>

</body>

</html>

๐Ÿ“ Steps to Create a Simple Webpage

  1. Open a text editor or code editor.
  2. Create a new file.
  3. Write the HTML code.
  4. Save the file with the .html extension.
  5. Open the file in a web browser.
  6. Add CSS to improve the appearance.
  7. Save the changes.
  8. Refresh the browser to view the updated webpage.

๐ŸŽฏ Activity: Create My First Webpage

Create a simple webpage about yourself, your school or your favourite subject.

Your webpage should include:

  1. A suitable webpage title.
  2. A main heading.
  3. At least two paragraphs.
  4. An ordered or unordered list.
  5. An image.
  6. A hyperlink.
  7. At least three CSS styles.

๐Ÿ’ป Sample Project: My Profile

<!DOCTYPE html>
<html>

<head>

    <title>My Profile</title>

    <style>

        body {
            font-family: Arial;
        }

        h1 {
            color: blue;
        }

        p {
            font-size: 18px;
        }

    </style>

</head>

<body>

    <h1>My Profile</h1>

    <p>
        My name is __________.
    </p>

    <p>
        I study in Grade VII.
    </p>

    <h2>My Favourite Subjects</h2>

    <ul>
        <li>Computer Science</li>
        <li>Mathematics</li>
        <li>Science</li>
    </ul>

</body>

</html>

โœจ Good Web Design Practices

  • Use clear and meaningful headings.
  • Keep the content organised.
  • Use readable fonts and text sizes.
  • Choose colours carefully.
  • Do not overcrowd the webpage.
  • Use images appropriately.
  • Check links and content before publishing.
  • Use simple and understandable navigation.

๐Ÿ›ก๏ธ Safe and Responsible Web Development

  • Do not publish private personal information without permission.
  • Use images and content responsibly.
  • Respect copyright and intellectual property.
  • Do not copy another person's website and claim it as your own.
  • Check content for accuracy before publishing.
  • Use strong passwords for website accounts.
  • Ask a teacher or trusted adult before publishing personal information online.

๐Ÿ“š Key Terms

Term Meaning
Website A collection of related webpages.
Webpage A single document viewed using a web browser.
HTML HyperText Markup Language, used to structure webpage content.
CSS Cascading Style Sheets, used to style webpage elements.
Tag A special markup instruction written inside angle brackets.
Element A complete HTML unit consisting of markup and, where applicable, content.
Attribute Additional information provided to an HTML element.
Hyperlink A clickable connection to another webpage or resource.
Selector The part of a CSS rule that identifies the element to be styled.
Property A CSS characteristic that can be styled.
Value The setting assigned to a CSS property.

๐Ÿ“ Chapter Summary

A website is a collection of related webpages. Web development is the process of creating and maintaining websites and web applications.

HTML stands for HyperText Markup Language and is used to create the structure and content of webpages. HTML uses elements and tags to define headings, paragraphs, lists, links, images and other content.

CSS stands for Cascading Style Sheets and is used to control the appearance of HTML elements. HTML and CSS work together to create organised and visually attractive webpages.

๐Ÿง  Quick Check

  1. What is a website?
  2. What is a webpage?
  3. What is the difference between a website and a webpage?
  4. What is web development?
  5. What does HTML stand for?
  6. What is HTML used for?
  7. What is an HTML tag?
  8. What is an HTML element?
  9. What is the purpose of the <head> section?
  10. What is the purpose of the <body> section?
  11. Which HTML tag is used to create a paragraph?
  12. Which HTML tag is used to create a hyperlink?
  13. Which HTML tag is used to display an image?
  14. What does CSS stand for?
  15. What is the difference between HTML and CSS?
  16. What is a CSS selector?
  17. Name three CSS properties.
  18. Name the three ways to apply CSS.
  19. Write the steps to create a simple webpage.
  20. Create a simple HTML webpage containing a heading and paragraph.

Grade VII

Chapter 6: More on CSS

Learn how CSS can be used to improve the appearance and layout of webpages using colours, backgrounds, fonts, borders, spacing, selectors and simple layouts.

๐ŸŽจ Revisiting CSS

CSS stands for Cascading Style Sheets.

CSS is used to control the appearance and presentation of HTML elements on a webpage.

With CSS, we can change colours, fonts, sizes, spacing, borders, backgrounds and the arrangement of elements.

๐Ÿงฉ CSS Rule Structure

A CSS rule usually contains a selector and one or more declarations.

selector {
    property: value;
}

Example:

p {
    color: blue;
}
  • p is the selector.
  • color is the property.
  • blue is the value.

๐Ÿ“‹ Multiple CSS Properties

Multiple properties can be used inside the same CSS rule.

h1 {
    color: blue;
    font-size: 36px;
    text-align: center;
}

Each declaration should be written on a separate line or separated using a semicolon.

๐ŸŒˆ Text Colours

The color property is used to change the colour of text.

p {
    color: green;
}

Colours can make important information easier to identify. However, too many colours can make a webpage difficult to read.

๐Ÿ–Œ๏ธ Background Colours

The background-color property is used to change the background colour of an element.

body {
    background-color: lightblue;
}

Background colours can be applied to the entire webpage or to individual elements.

๐ŸŽจ Ways to Specify Colours

CSS allows colours to be specified in different ways.

  • Colour names
  • HEX colour values
  • RGB colour values
color: red;

color: #ff0000;

color: rgb(255, 0, 0);

๐Ÿ”ค Font Family

The font-family property is used to specify the typeface of text.

p {
    font-family: Arial;
}

A webpage should use fonts that are clear and easy to read.

๐Ÿ”  Font Size

The font-size property is used to change the size of text.

p {
    font-size: 20px;
}

The unit px means pixels.

๐Ÿ’ช Font Weight

The font-weight property controls the thickness of text.

p {
    font-weight: bold;
}

Common values include normal and bold.

โœ๏ธ Font Style

The font-style property can change the style of text.

p {
    font-style: italic;
}

โ†”๏ธ Text Alignment

The text-align property controls the horizontal alignment of text.

h1 {
    text-align: center;
}

Common values include:

  • left
  • center
  • right

โž– Text Decoration

The text-decoration property is used to add or remove decorations from text.

h1 {
    text-decoration: underline;
}

It can also be used to remove the default underline from links.

a {
    text-decoration: none;
}

๐Ÿ”ฒ Borders

The border property is used to add a border around an element.

p {
    border: 2px solid black;
}

A border can have different widths, styles and colours.

โญ• Rounded Corners

The border-radius property is used to create rounded corners.

div {
    border: 2px solid blue;
    border-radius: 10px;
}

๐Ÿ“ Width and Height

The width and height properties control the dimensions of an element.

div {
    width: 300px;
    height: 150px;
}

๐Ÿ“ฆ Padding

Padding is the space between the content of an element and its border.

div {
    padding: 20px;
}

โ†”๏ธ Margin

Margin is the space outside an element's border.

div {
    margin: 20px;
}

๐Ÿ“ฆ The CSS Box Model

CSS treats many HTML elements as rectangular boxes.

The basic CSS box model consists of:

  1. Content
  2. Padding
  3. Border
  4. Margin

These properties help control the size and spacing of webpage elements.

๐Ÿท๏ธ Class Selectors

A class can be used to apply the same CSS style to multiple HTML elements.

HTML:

<p class="important">
    Important Information
</p>

CSS:

.important {
    color: red;
    font-weight: bold;
}

A class selector begins with a full stop (.).

๐Ÿ†” ID Selectors

An id can be used to identify a particular HTML element.

HTML:

<h1 id="main-title">
    My Website
</h1>

CSS:

#main-title {
    color: purple;
}

An ID selector begins with a hash symbol (#).

๐Ÿ‘ฅ Grouping Selectors

Multiple selectors can be grouped together when they use the same styles.

h1, h2, h3 {
    color: blue;
}

This helps reduce repeated CSS code.

๐Ÿ”— Styling Links

CSS can be used to change the appearance of hyperlinks.

a {
    color: green;
    text-decoration: none;
}

๐Ÿ–ผ๏ธ Styling Images

CSS can be used to control the size and appearance of images.

img {
    width: 200px;
    border: 2px solid black;
    border-radius: 10px;
}

๐Ÿ”˜ Styling Buttons

CSS can make buttons more attractive and easier to use.

button {
    background-color: blue;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
}

๐Ÿ“ฆ Understanding the CSS Box Model

Part Meaning
Content The actual text, image or other information.
Padding The space between the content and the border.
Border The line surrounding the padding and content.
Margin The space outside the border.

Think of an element as a box:

Content โ†’ Padding โ†’ Border โ†’ Margin

๐ŸŽฏ Common CSS Selectors

Selector Type Example Purpose
Element Selector p Selects all paragraph elements.
Class Selector .important Selects elements with a particular class.
ID Selector #main-title Selects an element with a particular ID.
Grouping Selector h1, h2, h3 Applies the same style to multiple selectors.

๐Ÿ› ๏ธ Common CSS Properties

Property Purpose
color Changes text colour.
background-color Changes background colour.
font-family Changes the font.
font-size Changes text size.
font-weight Changes text thickness.
text-align Changes text alignment.
border Adds a border.
border-radius Creates rounded corners.
padding Adds space inside an element.
margin Adds space outside an element.
width Sets the width of an element.
height Sets the height of an element.

๐Ÿ’ป Example: A Styled Profile Card

HTML creates the content, while CSS controls its appearance.

<!DOCTYPE html>
<html>

<head>

    <title>My Profile</title>

    <style>

        .profile-card {
            width: 300px;
            padding: 20px;
            margin: 20px;
            border: 2px solid black;
            border-radius: 15px;
            background-color: lightblue;
            text-align: center;
        }

        h1 {
            color: blue;
        }

    </style>

</head>

<body>

    <div class="profile-card">

        <h1>My Profile</h1>

        <p>
            I am learning HTML and CSS.
        </p>

    </div>

</body>

</html>

๐ŸŽฏ Activity: Style Your Webpage

Take a simple HTML webpage created in the previous chapter and improve its appearance using CSS.

Your webpage should include:

  1. A background colour.
  2. A styled main heading.
  3. A readable font.
  4. Different text sizes.
  5. A border around at least one section.
  6. Padding and margin.
  7. A class selector.
  8. A styled image or button.

๐Ÿš€ Mini Project: My School Information Page

Create a webpage containing information about your school and style it using CSS.

Include the following sections:

  • ๐Ÿซ School Name
  • ๐Ÿ“ School Location
  • ๐Ÿ“š About the School
  • ๐ŸŽฏ School Activities
  • ๐Ÿ† Achievements
  • ๐Ÿ“ž Contact Information

Use different colours, fonts, borders, spacing and a suitable layout.

โœจ Good CSS Practices

  • Use clear and meaningful class names.
  • Keep your CSS organised.
  • Use consistent colours and fonts.
  • Do not use too many different fonts.
  • Use sufficient contrast between text and backgrounds.
  • Use spacing to improve readability.
  • Avoid overcrowding the webpage.
  • Test the webpage after making changes.

๐Ÿ“š Key Terms

Term Meaning
CSS A language used to style and present HTML elements.
Selector Identifies the HTML element or elements to be styled.
Property Specifies the aspect of an element to be styled.
Value The setting assigned to a CSS property.
Class A reusable name used to apply styles to multiple elements.
ID A unique identifier for a particular HTML element.
Padding Space between content and the border.
Margin Space outside an element's border.
Border A line surrounding an element.
Box Model A model describing content, padding, border and margin.
Font Family The typeface used to display text.
Border Radius A property used to create rounded corners.

๐Ÿ“ Chapter Summary

CSS is used to control the appearance of HTML elements. It can change colours, fonts, backgrounds, borders, dimensions and spacing.

CSS uses selectors to identify elements and properties to define their appearance. Common selectors include element selectors, class selectors and ID selectors.

The CSS box model consists of content, padding, border and margin. Understanding these properties helps in creating organised and visually appealing webpages.

๐Ÿง  Quick Check

  1. What does CSS stand for?
  2. What is the purpose of CSS?
  3. What is a CSS selector?
  4. What is a CSS property?
  5. What is a CSS value?
  6. Write the basic syntax of a CSS rule.
  7. Which property changes text colour?
  8. Which property changes the background colour?
  9. Which property changes the font of text?
  10. Which property changes text size?
  11. What is the difference between padding and margin?
  12. Name the four parts of the CSS box model.
  13. What is a class selector?
  14. What symbol is used before a class selector?
  15. What is an ID selector?
  16. What symbol is used before an ID selector?
  17. Which property is used to create rounded corners?
  18. Write CSS code to make all paragraphs blue.
  19. Write CSS code to add a border around a paragraph.
  20. Create and style a simple profile card using HTML and CSS.

Grade VII

Chapter 7: More on Python

Explore more Python programming concepts, including decision-making, loops, strings, lists and problem-solving. Learn how programs can make decisions, repeat instructions and work with collections of data.

๐Ÿ Revisiting Python

Python is a popular programming language used to create computer programs, websites, games, applications, artificial intelligence systems and many other digital solutions.

Python is known for its simple and readable syntax, which makes it a useful language for beginners.

๐Ÿ’ป What is a Program?

A program is a set of instructions written to make a computer perform a task.

A Python program is made up of statements that are executed by the Python interpreter.

print("Hello, World!")

๐Ÿ“„ Python Statements

An instruction written in a programming language is often called a statement.

name = "Ananya"
print(name)

Python generally executes statements in the order in which they are written, unless instructions such as conditions or loops change the flow of the program.

๐Ÿ“ฆ Variables

A variable is a named location used to store data in a program.

name = "Riya"
age = 12
marks = 95

The values stored in variables can be used later in the program.

๐Ÿ”„ Updating a Variable

The value stored in a variable can be changed.

score = 10
score = 20

print(score)

The program displays the latest value stored in the variable.

โŒจ๏ธ Taking Input

The input() function is used to accept information from the user.

name = input("Enter your name: ")

print("Hello", name)

The user's response can be stored in a variable.

๐Ÿ”ข Type Conversion

Data received through input() is generally treated as text. When numerical input is required, type conversion may be used.

age = int(input("Enter your age: "))

print(age)

Common conversion functions include:

  • int() โ€” Converts a value to an integer.
  • float() โ€” Converts a value to a decimal number.
  • str() โ€” Converts a value to text.

โž• Operators in Python

Operators are symbols or keywords used to perform operations on values.

Python uses different types of operators, including:

  • Arithmetic operators
  • Comparison operators
  • Logical operators

๐Ÿงฎ Arithmetic Operators

Arithmetic operators are used to perform mathematical calculations.

a = 10
b = 3

print(a + b)
print(a - b)
print(a * b)
print(a / b)

โš–๏ธ Comparison Operators

Comparison operators compare two values and produce either True or False.

marks = 85

print(marks > 50)

Common comparison operators include:

  • == Equal to
  • != Not equal to
  • > Greater than
  • < Less than
  • >= Greater than or equal to
  • <= Less than or equal to

๐Ÿ”˜ Boolean Values

A Boolean value can have one of two values:

  • True
  • False
print(10 > 5)
print(10 < 5)

Boolean values are useful when a program needs to make decisions.

๐Ÿค” Decision-Making in Python

Sometimes a program must choose between different actions.

Python uses conditional statements to make decisions based on whether a condition is True or False.

๐Ÿšฆ The if Statement

The if statement executes a block of code only when a condition is true.

marks = 75

if marks >= 40:
    print("You have passed.")

Notice the colon (:) and the indentation before the print() statement.

๐Ÿ“ Indentation

Indentation means leaving spaces at the beginning of a line of code.

Python uses indentation to identify which statements belong to a particular block.

if age >= 18:
    print("Eligible")

Incorrect indentation can cause an error.

๐Ÿ”€ The if...else Statement

The else statement provides an alternative action when the condition is false.

marks = 35

if marks >= 40:
    print("Pass")
else:
    print("Try again")

๐Ÿšฅ The if...elif...else Statement

The elif statement can be used to check additional conditions.

marks = 78

if marks >= 90:
    print("Excellent")
elif marks >= 60:
    print("Good")
else:
    print("Keep practising")

๐Ÿ” What is a Loop?

A loop is used to repeat a set of instructions.

Loops help programmers avoid writing the same instructions again and again.

๐Ÿ”„ The for Loop

A for loop is commonly used when a task needs to be repeated a known number of times.

for number in range(5):
    print(number)

This loop displays numbers from 0 to 4.

๐Ÿ”ข The range() Function

The range() function is often used with a for loop.

for number in range(1, 6):
    print(number)

This displays:

1
2
3
4
5

๐Ÿ” The while Loop

A while loop repeats instructions while a condition remains true.

number = 1

while number <= 5:
    print(number)
    number = number + 1

โ™พ๏ธ Avoiding Infinite Loops

An infinite loop is a loop that continues running because its condition never becomes false.

When using a while loop, ensure that the variables involved in the condition are updated correctly.

๐Ÿ”ค Strings

A string is a sequence of characters used to represent text.

name = "Python"
message = "Welcome to programming!"

Strings are written inside quotation marks.

๐Ÿ”— Joining Strings

Two or more strings can be joined together using the + operator.

first_name = "Aman"
last_name = "Sharma"

full_name = first_name + " " + last_name

print(full_name)

๐Ÿ“ Finding String Length

The len() function can be used to find the number of characters in a string.

name = "Python"

print(len(name))

๐Ÿ“‹ Introduction to Lists

A list is used to store multiple values in a single variable.

subjects = [
    "English",
    "Mathematics",
    "Science",
    "Computer"
]

Lists are written using square brackets ([ ]).

๐Ÿ” Accessing List Items

Each item in a list has a position called an index.

Python list indexing begins at 0.

subjects = [
    "English",
    "Maths",
    "Science"
]

print(subjects[0])

The output is:

English

โž• Adding an Item to a List

The append() method adds an item to the end of a list.

fruits = ["Apple", "Banana"]

fruits.append("Mango")

print(fruits)

๐Ÿ”„ Looping Through a List

A for loop can be used to process each item in a list.

fruits = [
    "Apple",
    "Banana",
    "Mango"
]

for fruit in fruits:
    print(fruit)

๐Ÿž Finding and Fixing Errors

The process of finding and correcting errors in a program is called debugging.

Common programming errors include:

  • Syntax errors
  • Logical errors
  • Runtime errors

๐Ÿ’ฌ Comments in Python

A comment is a note written in a program to explain the code.

Python ignores comments while executing the program.

# This program displays a message

print("Hello!")

๐Ÿงฎ Arithmetic Operators in Python

Operator Operation Example
+ Addition 5 + 3
- Subtraction 5 - 3
* Multiplication 5 * 3
/ Division 6 / 3
% Remainder 7 % 2

โš–๏ธ Comparison Operators

Operator Meaning Example
== Equal to 5 == 5
!= Not equal to 5 != 3
> Greater than 5 > 3
< Less than 3 < 5
>= Greater than or equal to 5 >= 5
<= Less than or equal to 3 <= 5

๐Ÿ“ฆ Variables and Lists

Variable List
Usually stores one value. Stores multiple values.
name = "Ravi" names = ["Ravi", "Aman", "Riya"]
Accessed using its name. Items can be accessed using indexes.

๐Ÿšฆ How a Conditional Statement Works

A conditional statement helps a program make a decision.

Check Condition โ†’ True? โ†’ Perform One Action โ†’ False? โ†’ Perform Another Action

temperature = 35

if temperature > 30:
    print("It is hot.")
else:
    print("The weather is pleasant.")

๐Ÿ”„ for Loop vs while Loop

for Loop while Loop
Often used for a known number of repetitions. Repeats while a condition is true.
Commonly used with range() or collections. Requires careful updating of the condition.
Example: Display numbers from 1 to 10. Example: Continue until a score reaches 100.

๐Ÿ’ป Example Program: Check Even or Odd

number = int(input("Enter a number: "))

if number % 2 == 0:
    print("Even Number")
else:
    print("Odd Number")

The % operator finds the remainder after division.

๐Ÿ’ป Example Program: Multiplication Table

number = int(input("Enter a number: "))

for count in range(1, 11):
    answer = number * count
    print(number, "x", count, "=", answer)

๐Ÿ’ป Example Program: Find the Largest Number

number1 = int(input("Enter first number: "))
number2 = int(input("Enter second number: "))

if number1 > number2:
    print(number1, "is greater.")
elif number2 > number1:
    print(number2, "is greater.")
else:
    print("Both numbers are equal.")

๐ŸŽฏ Activity: Python Problem-Solving Challenge

Write Python programs to solve the following problems:

  1. Display your name five times using a loop.
  2. Accept a number and check whether it is positive or negative.
  3. Accept marks and display Pass or Fail.
  4. Display numbers from 1 to 20.
  5. Display all even numbers from 1 to 20.
  6. Create a list containing five favourite foods.
  7. Display each item of the list using a loop.
  8. Accept two numbers and display the greater number.

๐Ÿš€ Mini Project: Simple Quiz Program

Create a program that asks the user a question and checks the answer.

answer = input("What is the capital of India? ")

if answer == "New Delhi":
    print("Correct Answer!")
else:
    print("Try Again!")

Try extending the program by adding more questions and keeping a score.

โœจ Good Programming Practices

  • Use meaningful names for variables.
  • Write code with proper indentation.
  • Keep programs organised and readable.
  • Test the program using different inputs.
  • Use comments to explain important parts of code.
  • Check error messages carefully.
  • Break large problems into smaller steps.
  • Debug programs patiently and systematically.

๐Ÿ“š Key Terms

Term Meaning
Variable A named location used to store data.
Statement An instruction written in a program.
Operator A symbol used to perform an operation.
Boolean A value that is either True or False.
Condition An expression that can be evaluated as True or False.
Indentation Spaces used to define blocks of code in Python.
Loop A programming structure used to repeat instructions.
String A sequence of characters representing text.
List A collection used to store multiple values.
Index The position used to access an item in a sequence.
Debugging The process of finding and correcting errors in a program.
Comment A note in a program that Python ignores during execution.

๐Ÿ“ Chapter Summary

Python programs use variables to store information and operators to perform calculations and comparisons.

Conditional statements such as if, if...else and if...elif...else allow a program to make decisions.

Loops such as for and while are used to repeat instructions. Strings store text, while lists can store multiple values in a single variable.

Good programmers test, debug and improve their programs while following clear and organised coding practices.

๐Ÿง  Quick Check

  1. What is Python?
  2. What is a program?
  3. What is a statement?
  4. What is a variable?
  5. How can the value of a variable be changed?
  6. What is the purpose of the input() function?
  7. What is type conversion?
  8. Name three type conversion functions.
  9. What is an operator?
  10. What is the difference between = and ==?
  11. What are Boolean values?
  12. What is a conditional statement?
  13. What is the purpose of the if statement?
  14. Why is indentation important in Python?
  15. What is the difference between if...else and if...elif...else?
  16. What is a loop?
  17. What is the difference between a for loop and a while loop?
  18. What is a string?
  19. What is a list?
  20. What is list indexing?
  21. How do you add an item to a list?
  22. What is debugging?
  23. Write a program to check whether a number is even or odd.
  24. Write a program to display numbers from 1 to 10 using a loop.
  25. Create a list and display all its items using a for loop.

Grade VII

Chapter 8: Computer Vision

Explore how computers and smart machines can use cameras and artificial intelligence to capture, analyse and understand images and videos.

๐Ÿ‘๏ธ What is Computer Vision?

Computer Vision is a field of technology that enables computers and machines to capture, process and understand information from images and videos.

Just as human eyes collect visual information and the brain helps us understand what we see, a computer vision system uses a camera and a computer program to analyse visual information.

๐Ÿง  Human Vision and Computer Vision

Humans use their eyes and brain to recognise objects, people, colours and movement.

Computers use cameras, sensors, data and algorithms to process visual information.

๐Ÿ“ท The Role of a Camera

A camera acts as an input device for many computer vision systems.

It captures photographs or a sequence of images called video frames.

These images can then be processed by a computer program.

๐Ÿ–ผ๏ธ What is a Digital Image?

A digital image is an image stored in a form that a computer can process.

Digital images are made up of many tiny dots called pixels.

Each pixel contains colour information.

๐Ÿ”ฒ Understanding Pixels

A pixel is the smallest individual element of a digital image.

When many pixels are placed together, they form a complete picture.

More pixels can provide more visual detail, depending on the quality of the image and the display.

๐ŸŒˆ Colours in Digital Images

Many digital displays and images represent colours using combinations of:

  • ๐Ÿ”ด Red
  • ๐ŸŸข Green
  • ๐Ÿ”ต Blue

This colour model is called RGB.

โš™๏ธ Image Processing

Image processing involves changing or analysing a digital image using a computer.

Examples include:

  • Changing brightness
  • Changing contrast
  • Resizing an image
  • Applying filters
  • Detecting edges

๐Ÿ” Image Analysis

Image analysis involves examining an image to find useful information.

A computer vision system may try to answer questions such as:

  • Is there a person in the image?
  • Where is the object?
  • What colour is the object?
  • How many objects are present?

๐Ÿค– Computer Vision and AI

Artificial Intelligence (AI) can help computer vision systems recognise patterns and make predictions based on visual data.

For example, an AI system can be trained using many labelled images to learn visual patterns associated with different categories of objects.

๐Ÿ“š Training Data

AI systems often learn from examples. A collection of images used for learning is called a dataset.

For example, an object-recognition system may learn from many example images with information describing what they contain.

๐Ÿท๏ธ Image Classification

Image classification is the task of assigning an image to a category.

For example, a system might classify an image as:

  • Cat
  • Dog
  • Car
  • Tree

๐Ÿ“ฆ Object Detection

Object detection identifies objects and can also determine their approximate locations in an image.

A system may detect multiple objects in one picture, such as people, vehicles and traffic signs.

๐Ÿ™‚ Face Detection

Face detection is used to determine whether a human face is present in an image or video.

It can be used in applications such as camera autofocus, photo organisation and video effects.

๐ŸŽฏ Object Tracking

In a video, objects can move from one frame to another.

Object tracking involves following the movement of an object across multiple frames.

This can be useful in robotics, sports analysis and traffic monitoring.

๐Ÿƒ Motion Detection

A computer vision system can compare visual information over time to detect changes in a scene.

This is commonly called motion detection.

Motion detection can be used in security and automation systems.

๐Ÿ”ค Recognising Text

Optical Character Recognition (OCR) is a technology used to identify and convert visible printed or handwritten text into digital text.

OCR can help digitise documents and make text searchable.

๐Ÿ”ณ Reading QR Codes

Cameras and computer programs can analyse special visual patterns such as QR codes.

A QR code can store information that can be decoded by a suitable scanner or application.

๐Ÿ”„ How Computer Vision Works

A simple computer vision process can be understood as:

Capture โ†’ Process โ†’ Analyse โ†’ Recognise โ†’ Respond

A camera captures visual data, software processes it and the system uses the results to make a decision or perform an action.

๐Ÿค– Computer Vision in Robotics

Computer vision can give robots information about their surroundings.

A robot with a camera may be able to detect objects, follow visual markers or respond to information in its environment.

๐Ÿš— Smart Vehicles

Advanced driver-assistance and autonomous systems can use cameras together with other sensors to understand parts of the environment around a vehicle.

Visual systems may be used to detect lane markings, traffic signs, vehicles and other relevant objects.

๐Ÿฅ Computer Vision in Healthcare

Computer vision can assist trained professionals in analysing medical images and identifying patterns that may require attention.

Such systems are tools and should be used appropriately with expert human judgement.

๐ŸŒฑ Computer Vision in Agriculture

Cameras and computer vision systems can help observe crops, plants and agricultural environments.

Visual analysis can support tasks such as monitoring plant growth and identifying visible changes.

๐Ÿšฆ Computer Vision for Safety

Computer vision can support safety systems by detecting relevant objects or changes in an environment.

However, automated systems can make mistakes, so important decisions may still require human supervision.

โš ๏ธ Limitations of Computer Vision

Computer vision systems do not understand images in exactly the same way as humans.

Their performance can be affected by:

  • Poor lighting
  • Blurred images
  • Objects being blocked
  • Unusual viewing angles
  • Limited or unrepresentative training data

๐Ÿ”’ Privacy and Responsible Use

Cameras can collect visual information, so computer vision systems should be designed and used responsibly.

Important considerations include privacy, security, fairness, consent and the safe use of collected data.

๐Ÿ‘๏ธ Human Vision vs Computer Vision

Human Vision Computer Vision
Uses eyes to collect visual information. Often uses cameras or image sensors.
The brain interprets visual information. Algorithms and computer programs process data.
Can use experience and context to interpret scenes. Uses programmed methods or trained models.
Can make mistakes. Can also make mistakes.

๐Ÿ–ผ๏ธ Common Computer Vision Tasks

Task Purpose
Image Classification Assigns an image to a category.
Object Detection Identifies objects and their locations.
Face Detection Detects whether a face is present.
Object Tracking Follows an object across video frames.
Motion Detection Identifies changes or movement in a scene.
OCR Recognises visible text in an image.
QR Code Detection Reads and decodes a QR code.

โš™๏ธ A Simple Computer Vision System

A basic computer vision system can contain the following parts:

  1. Camera or Image Sensor โ€” Captures visual information.
  2. Computer โ€” Receives and processes the image data.
  3. Software or Algorithm โ€” Analyses the visual information.
  4. Decision System โ€” Uses the result to choose an action.
  5. Output or Actuator โ€” Displays information or performs an action.

Camera โ†’ Image โ†’ Processing โ†’ Analysis โ†’ Decision โ†’ Action

๐Ÿ’ป Example: Detecting a Coloured Object

Imagine a robot that needs to find a coloured ball.

  1. The camera captures an image.
  2. The program reads the image.
  3. The program searches for the required colour.
  4. The system estimates where the coloured object is located.
  5. The robot uses this information to decide how to move.

This demonstrates how visual information can be used to support robotic decision-making.

๐ŸŒ Applications of Computer Vision

Area Possible Use
Robotics Helping robots detect and respond to their surroundings.
Transportation Detecting visual features relevant to driving.
Healthcare Supporting analysis of medical images.
Agriculture Monitoring crops and plants.
Education Creating interactive learning experiences.
Manufacturing Inspecting products for visible defects.
Document Processing Recognising text and converting documents into digital data.

๐ŸŽฏ Activity: Train Your Eyes Like a Computer

Look at a classroom scene and try to identify visual information.

Record:

  1. The number of visible chairs.
  2. The number of visible bags.
  3. The colours you can identify.
  4. Objects that are rectangular.
  5. Objects that are circular.
  6. Any visible text.
  7. Objects that appear to be moving.

Discuss how a camera and a computer program might attempt to perform similar tasks.

๐Ÿš€ Mini Project: Computer Vision System Design

Design a simple smart system that uses a camera.

Choose one idea:

  • ๐Ÿค– A robot that follows a coloured object.
  • ๐Ÿš— A smart vehicle that recognises traffic signs.
  • ๐Ÿ“ฆ A system that counts objects on a table.
  • ๐Ÿ“š A system that reads text from a document.
  • ๐ŸŒฑ A system that observes visible changes in plants.

Describe:

  1. What the camera will capture.
  2. What the system needs to detect.
  3. What information will be analysed.
  4. What decision the system will make.
  5. What action the system will perform.

โœจ Responsible Computer Vision Practices

  • Respect the privacy of other people.
  • Do not capture or share images without appropriate permission.
  • Protect visual data from unauthorised access.
  • Understand that AI systems can make mistakes.
  • Check results instead of blindly trusting automated systems.
  • Use representative and appropriate data when building AI models.
  • Consider the safety of people affected by automated decisions.

๐Ÿ“š Key Terms

Term Meaning
Computer Vision Technology that enables computers to process and analyse visual information.
Digital Image An image stored in a form that a computer can process.
Pixel A tiny element that forms part of a digital image.
RGB A colour model based on red, green and blue components.
Image Processing Processing or modifying a digital image using a computer.
Image Classification Assigning an image to a category.
Object Detection Identifying objects and their locations in an image.
Object Tracking Following an object across multiple video frames.
Motion Detection Detecting changes or movement in visual information.
OCR Technology used to recognise visible text in images.
Dataset A collection of data used for analysis or training.
AI Model A computational system trained or designed to perform particular tasks.

๐Ÿ“ Chapter Summary

Computer vision enables computers and machines to capture and analyse visual information from images and videos.

Digital images are made of pixels, and computer programs can process this information to perform tasks such as image classification, object detection, motion detection and text recognition.

Computer vision is used in robotics, transportation, healthcare, agriculture, manufacturing and many other fields.

Like other AI technologies, computer vision has limitations and should be used responsibly with attention to privacy, fairness, safety and human oversight.

๐Ÿง  Quick Check

  1. What is computer vision?
  2. What is the role of a camera in a computer vision system?
  3. What is a digital image?
  4. What is a pixel?
  5. What does RGB stand for?
  6. What is image processing?
  7. What is image analysis?
  8. How can AI be used in computer vision?
  9. What is a dataset?
  10. What is image classification?
  11. What is object detection?
  12. What is the difference between object detection and object tracking?
  13. What is motion detection?
  14. What does OCR stand for?
  15. How can computer vision be used in robotics?
  16. How can computer vision support smart vehicles?
  17. Name three areas where computer vision can be used.
  18. What factors can affect the performance of a computer vision system?
  19. Why is privacy important when using cameras?
  20. Design a simple computer vision system for a robot or smart machine.

Grade VII

Chapter 9: AI in Robotics

Explore how Artificial Intelligence helps robots sense, learn, make decisions and respond intelligently to the world around them.

๐Ÿง  What is Artificial Intelligence?

Artificial Intelligence (AI) is a field of computing that focuses on creating systems capable of performing tasks that normally require human-like intelligence.

Depending on the system, these tasks may include recognising patterns, processing language, making predictions, solving problems and selecting appropriate actions.

๐Ÿค– What is Robotics?

Robotics is the field concerned with designing, building, programming and operating robots.

A robot can use sensors to collect information, a controller to process that information and actuators to perform physical actions.

๐Ÿ”— AI and Robotics

AI and robotics are related but different fields.

Robotics focuses on machines that can sense and act in the physical world, while AI focuses on computational methods that can help systems analyse information and make decisions.

โš™๏ธ Traditional Robots and AI-Enabled Robots

A traditional robot may follow fixed instructions written by a programmer.

An AI-enabled robot may use additional methods to recognise patterns, estimate situations or choose between possible actions.

๐Ÿ”„ Sense โ†’ Think โ†’ Act

A simple way to understand intelligent robotics is through the following cycle:

Sense โ†’ Process โ†’ Decide โ†’ Act โ†’ Repeat

The robot collects information, processes it, chooses an action and then interacts with its environment.

๐Ÿ“ก Sensors: The Robot's Inputs

Sensors help a robot collect information about its surroundings.

Common sensors include:

  • Ultrasonic sensors
  • Light sensors
  • Temperature sensors
  • Touch sensors
  • Infrared sensors
  • Cameras

๐Ÿง  The Robot's Decision System

A robot needs a controller or computing system to process information and control its actions.

In an AI-enabled robot, software may analyse sensor data, recognise patterns or estimate which action is appropriate.

โšก Actuators: The Robot's Actions

Actuators are components that allow a robot to create physical movement or another physical effect.

Examples include:

  • DC motors
  • Servo motors
  • Robot wheels
  • Robotic arms
  • LEDs
  • Buzzers

๐Ÿ“Š Why Data Matters

AI systems often use data to identify patterns and produce useful outputs.

A robot may collect data from sensors, cameras or other input devices and use that information to understand its environment.

๐Ÿ” Pattern Recognition

Pattern recognition involves identifying useful similarities, features or relationships in data.

For example, a system may analyse visual information to distinguish between different types of objects.

๐Ÿ“š Introduction to Machine Learning

Machine Learning (ML) is an area of AI in which computational models learn patterns from examples or data.

The learned model can then be used to make predictions or classifications for new inputs.

๐ŸŽ“ Training an AI Model

In machine learning, a model is trained using examples.

For example, an image classification system may learn from many labelled images belonging to different categories.

After training, the system can attempt to classify new images.

๐Ÿงฉ What is an AI Model?

An AI model is a computational system designed or trained to perform a particular task.

Different models may be designed for different tasks, such as recognising images, understanding speech or predicting values.

๐Ÿ‘๏ธ AI and Computer Vision

Computer vision enables machines to process and analyse visual information from images and videos.

AI techniques can help a robot identify objects, recognise patterns and respond to what its camera observes.

๐Ÿ“ฆ Object Recognition

AI can help a robotic system identify or classify objects using information collected by cameras or other sensors.

For example, a robot may be designed to distinguish between different types of objects for a sorting task.

๐Ÿ—ฃ๏ธ Voice-Controlled Robots

Some robotic systems can receive commands through speech or other forms of natural language input.

Speech-recognition technology can convert spoken words into information that a computer program can process.

๐Ÿš— Autonomous Robots

An autonomous robot can perform some tasks with limited or reduced direct human control.

Such robots use sensors, software and control systems to observe conditions and respond according to their programming or decision-making methods.

๐Ÿšง Obstacle Avoidance

A robot can use sensors to detect nearby obstacles and respond by stopping, turning or selecting another movement.

More advanced systems may combine information from several sensors to make better decisions.

๐Ÿ—บ๏ธ Intelligent Navigation

Navigation involves determining how a robot should move from one location to another.

A robot may use information from cameras, distance sensors, maps or other sources to support navigation.

๐Ÿ” Learning from Feedback

Some AI systems can improve their behaviour by using examples, feedback or information about previous results.

The exact method depends on how the AI system has been designed and trained.

โœจ What Makes a Robot Smart?

A robot may be considered "smart" when it can use information from its environment to perform useful actions appropriately.

Intelligence in robots can involve perception, decision-making, adaptation and interaction.

๐ŸŒ Applications of AI in Robotics

AI-enabled robots can be used in many areas, including:

  • Manufacturing
  • Healthcare
  • Agriculture
  • Education
  • Exploration
  • Transportation
  • Environmental monitoring

๐Ÿฅ AI Robots in Healthcare

Robots can assist trained professionals with selected tasks in healthcare environments.

AI may support the analysis of information, but important healthcare decisions require appropriate professional judgement and oversight.

๐ŸŒฑ AI Robots in Agriculture

Smart agricultural machines can use sensors and cameras to collect information about crops and their surroundings.

Automated systems may support tasks such as monitoring, observation and selected farming operations.

๐Ÿญ AI Robots in Manufacturing

Robots are widely used in manufacturing for repetitive and precise tasks.

AI and computer vision can help automated systems inspect products and respond to changing conditions.

๐Ÿš€ AI Robots in Exploration

Robotic systems can be used to explore environments that may be difficult, distant or dangerous for humans.

Intelligent systems can help robots analyse sensor information and operate with limited direct control.

โš ๏ธ Limitations of AI Robots

AI-enabled robots are not perfect and can make mistakes.

Their performance may be affected by:

  • Poor-quality sensor data
  • Unexpected environments
  • Limited training data
  • Incorrect assumptions
  • Hardware or software failures

โš–๏ธ Ethics and Responsible AI

AI systems should be designed and used responsibly.

Important considerations include safety, privacy, fairness, security, accountability and appropriate human oversight.

๐Ÿค– AI vs Robotics

Artificial Intelligence Robotics
Focuses on intelligent computational behaviour. Focuses on designing and operating robots.
Can process data and support decision-making. Can sense and act in the physical world.
Can exist without a physical robot. Does not always require advanced AI.
Examples include language and image systems. Examples include robotic arms and mobile robots.

โš™๏ธ Traditional Robot vs AI-Enabled Robot

Traditional Robot AI-Enabled Robot
Often follows predefined instructions. May use AI methods to analyse information.
Usually designed for specific programmed tasks. May handle more complex or changing inputs.
Uses sensors according to programmed rules. May combine sensor data with learned patterns.
Behaviour is generally more predictable. Behaviour may depend on model outputs and data.

๐Ÿ”„ The Intelligent Robot Cycle

An intelligent robotic system can be understood through the following cycle:

Environment โ†’ Sensors โ†’ Data โ†’ AI/Program โ†’ Decision โ†’ Actuators โ†’ Environment

  1. Sense: Collect information from the environment.
  2. Process: Analyse the information.
  3. Decide: Select an appropriate action.
  4. Act: Use motors or other actuators.
  5. Repeat: Observe the new situation.

๐Ÿ“ก Sensors Used in Intelligent Robotics

Sensor/Input Information Collected Possible Robot Action
Ultrasonic Sensor Approximate distance to an object. Stop or avoid an obstacle.
Light Sensor Amount of light. Switch a light on or off.
Camera Images or video frames. Recognise or locate visual objects.
Microphone Sound or voice input. Respond to a voice command.
Touch Sensor Physical contact. Start, stop or change behaviour.

๐Ÿ“š A Simple Machine Learning Process

A simplified machine learning workflow can be represented as:

Collect Data โ†’ Prepare Data โ†’ Train Model โ†’ Test Model โ†’ Use Model

  1. Collect Data: Gather useful examples.
  2. Prepare Data: Organise and check the data.
  3. Train: Allow the model to learn patterns.
  4. Test: Check how well the model performs.
  5. Use: Apply the model to new inputs.

๐Ÿ’ป Example: Smart Obstacle-Avoiding Robot

Imagine a mobile robot moving through a classroom.

  1. An ultrasonic sensor measures the distance to objects.
  2. The robot receives the sensor reading.
  3. The program analyses whether the path is safe.
  4. If an obstacle is too close, the robot selects another action.
  5. The motors move the robot according to that decision.
  6. The sensors continue checking the environment.

A more advanced robot could combine distance sensors, cameras and AI techniques to understand the environment in greater detail.

๐ŸŒ AI in Robotics: Applications

Field Possible Role of AI Robotics
Manufacturing Automated inspection and intelligent production tasks.
Healthcare Supporting professionals with selected robotic tasks.
Agriculture Monitoring crops and supporting farming operations.
Education Interactive learning and intelligent educational tools.
Transportation Supporting intelligent navigation and vehicle systems.
Exploration Operating in difficult or remote environments.
Environment Monitoring environmental conditions and collecting data.

๐ŸŽฏ Activity: Design an AI Robot

Design a robot that can solve a real-world problem.

Choose an idea such as:

  • ๐Ÿ—‘๏ธ Smart waste-sorting robot
  • ๐ŸŒฑ Plant-monitoring robot
  • ๐Ÿšง Obstacle-detecting robot
  • ๐Ÿ“ฆ Object-sorting robot
  • ๐Ÿซ Classroom-assistant robot

Complete the following design table:

Question Your Robot Design
What problem will the robot solve?
What sensors will it need?
What data will it collect?
What will the AI/program analyse?
What decisions will the robot make?
What actuators will it use?

๐Ÿš€ Mini Project: Smart Robot Decision System

Create a simple decision-making system for a robot.

Example pseudocode:

READ distance

IF distance is less than 10 cm
    STOP robot
    TURN robot
ELSE
    MOVE forward
END IF

Extend the design by adding more sensor conditions, such as light, sound or object detection.

โš–๏ธ Responsible AI and Robotics

  • Design robots with safety as a priority.
  • Protect the privacy of people and their data.
  • Test systems carefully before real-world use.
  • Understand that AI predictions can be incorrect.
  • Provide appropriate human supervision for important tasks.
  • Consider fairness when using data and AI models.
  • Keep systems secure from unauthorised access.
  • Use intelligent technologies responsibly.

๐Ÿ“š Key Terms

Term Meaning
Artificial Intelligence Computing methods that enable systems to perform tasks involving intelligent behaviour.
Robotics The field concerned with designing, building and operating robots.
Sensor A device that collects information from the environment.
Actuator A component that produces movement or another physical action.
Data Information collected, stored or processed by a system.
Pattern Recognition Identifying useful patterns or features in data.
Machine Learning An area of AI in which models learn patterns from data.
AI Model A computational model designed or trained for a particular task.
Training Data Examples used to train a machine-learning model.
Autonomous Robot A robot capable of performing some tasks with limited direct human control.
Computer Vision Technology used to process and analyse images and videos.
Decision-Making Selecting an action based on available information.

๐Ÿ“ Chapter Summary

Artificial Intelligence and robotics can work together to create systems that collect information, process data, make decisions and perform actions.

Sensors provide information about the environment, computing systems process that information and actuators allow robots to interact with the physical world.

Machine learning and computer vision can provide additional capabilities such as recognising patterns and processing visual information.

AI-enabled robots have applications in manufacturing, healthcare, agriculture, education, transportation and exploration. However, these technologies also require careful attention to safety, privacy, fairness, security and human oversight.

๐Ÿง  Quick Check

  1. What is Artificial Intelligence?
  2. What is robotics?
  3. How are AI and robotics different?
  4. What is an AI-enabled robot?
  5. Explain the Sense โ†’ Process โ†’ Decide โ†’ Act cycle.
  6. What is the role of a sensor in a robot?
  7. What is an actuator?
  8. Why is data important in AI?
  9. What is pattern recognition?
  10. What is machine learning?
  11. What is an AI model?
  12. What is training data?
  13. How can computer vision help a robot?
  14. What is an autonomous robot?
  15. How does an obstacle-avoiding robot work?
  16. What is intelligent navigation?
  17. Name three applications of AI in robotics.
  18. What are some limitations of AI robots?
  19. Why is human oversight important?
  20. What is meant by responsible AI?
  21. Design an AI-enabled robot for a real-world problem.