Introduction to Web and App Development: Meaning and Difference Between Web and App Development Primary 5 (Basic 5) First Term Week 10 Information Technology – Computer Studies

INTRODUCTION TO WEB AND APP DEVELOPMENT: MEANING AND DIFFERENCES BETWEEN WEB AND APP DEVELOPMENT

INFORMATION TECHNOLOGY (COMPUTER STUDIES)

PRIMARY 5 – FIRST TERM – WEEK 10

THEME – BASIC COMPUTER OPERATIONS 

PREVIOUS LESSON – Introduction to Programming Languages: Meaning and Types of Text-Based Programming Languages Primary 4 (Basic 4) First Term Week 9 Information Technology – Computer Studies

TOPIC – INTRODUCTION TO WEB AND APP DEVELOPMENT

LEARNING AREA

1. Introduction

2. Meaning and Difference Between Web and App Development

3. Importance of Web and App Development

4. Practical Activities

5. Weekly Assessment: Test Questions and Answers/Assignment

6. Summary

LEARNING OBJECTIVES 

By the end of the lesson, pupils should be able to:

1. Explain the meaning of web development.

2. Explain the meaning of app development.

3. Differentiate between web development and app development.

4. State the uses of websites and mobile applications.

5. Appreciate the importance of web and app development in everyday life.

ENTRY BEHAVIOUR

Pupils have previously learned that programming languages are used to create computer programs. They understand that programmers use different programming languages to develop software.

This lesson builds on that knowledge by introducing web development and app development. Pupils will learn how programming languages are used to create websites and mobile applications, and they will understand the differences between them.

INSTRUCTIONAL MATERIALS

The teacher will teach the lesson with the aid of:

1. Desktop or laptop computer

2. Smartphone or tablet

3. Internet connection

4. Projector (if available)

5. Charts showing websites and mobile apps

6. Whiteboard and marker

METHOD OF TEACHING

Choose a suitable and appropriate methods for the lessons.

Note – Irrespective of choosing methods of teaching, always introduce an activities that will arouse pupil’s interest or lead them to the lessons. 

REFERENCE MATERIALS

1. Scheme of Work

2. 9 – Years Basic Education Curriculum

3. Course Book

4. All Relevant Material

5. Online Information

CONTENT OF THE LESSON

INTRODUCTION

Every day, people visit websites and use mobile applications for learning, communication, shopping, banking, and entertainment. These websites and applications are created by programmers through web development and app development.

In this lesson, pupils will learn the meaning of web development, the meaning of app development, and the differences between web development and app development.

LESSON 1 – MEANING OF WEB DEVELOPMENT

Web development is the process of creating and maintaining websites that can be accessed through the Internet using a web browser.

Web developers use programming languages to design, build, and update websites.

Examples of websites include:

1. School websites

2. Government websites

3. News websites

4. Shopping websites

5. Educational websites

USES OF WEB DEVELOPMENT

Web development is used to create:

1. Educational websites

2. Business websites

3. Government websites

4. Online shopping websites

5. News websites

6. School portals

7. Blogs

8. Online learning platforms

LESSON 2 – MEANING OF APP DEVELOPMENT

App development is the process of creating software applications (apps) for mobile phones, tablets, or computers.

Apps are installed on devices and help users perform different tasks.

Examples of mobile apps include:

1. WhatsApp

2. Zoom

3. YouTube

4. Google Maps

5. Calculator

6. Banking apps

USES OF APP DEVELOPMENT

App development is used to create:

1. Communication apps

2. Educational apps

3. Banking apps

4. Health apps

5. Games

6. Navigation apps

7. Entertainment apps

8. Business applications

DIFFERENCE BETWEEN WEB DEVELOPMENT AND APP DEVELOPMENT

1. Web development creates websites, while app development creates mobile or computer applications (apps).

2. Web development are opened using a web browser, while app development are opened installed on mobile phones, tablets, or computers.

3. Web development usually requires an Internet connection to access websites, while some mobile applications can work without an Internet connection.

4. Web development uses browsers such as Google Chrome, Microsoft Edge, Mozilla Firefox, and Safari, while app development runs directly on a device.

5. An example of web development is an educational website such as www.classbasic.com⁠, while examples of app development include WhatsApp, YouTube, Zoom, and Google Maps.

IMPORTANCE OF WEB AND APP DEVELOPMENT

Web and app development help people to:

1. Communicate easily.

2. Learn online.

3. Shop online.

4. Access banking services.

5. Share information quickly.

6. Run businesses online.

7. Improve productivity.

8. Solve everyday problems using technology.

LESSON 3 – WEB AND APP DEVELOPMENT: PRACTICAL ACTIVITIES

The teacher demonstrates the following practical activities using a computer, smartphone, or tablet:

1. Turn on the computer and connect it to the Internet.

2. Open an Internet browser such as Google Chrome or Microsoft Edge.

3. Type the address of a website (for example, www.classbasic.com⁠) and open it.

4. Explain that the opened page is a website created through web development.

5. Open a smartphone or tablet and display installed applications such as WhatsApp, YouTube, Google Maps, or Calculator.

6. Explain that these are applications (apps) created through app development.

7. Compare a website opened in a browser with an app installed on a phone.

8. Demonstrate that a website is accessed through a browser, while an app is opened directly from the device.

9. Show examples of educational websites and educational mobile apps.

10. Explain simple situations where people use websites and where they use mobile applications.

PUPIL’S ACTIVITIES

1. Observe the teacher opening a website using a web browser.

2. Identify the website displayed on the computer.

3. Observe different applications installed on a smartphone or tablet.

4. Differentiate between a website and an application.

5. Mention examples of websites and mobile apps they have used.

6. Discuss situations where websites and mobile applications are useful in everyday life.

WEEKLY ASSESSMENT: TEST QUESTIONS AND ANSWERS/ASSIGNMENT

A. Multiple Choice Questions (5 Marks)

1. Web development is the process of creating ______.

A. games

B. printers

C. websites

D. keyboards

2. App development is the process of creating ______.

A. folders

B. websites only

C. software applications

D. monitors

3. Which of the following is an example of a mobile app?

A. Google Chrome

B. ClassBasic website

C. Microsoft Edge

D. WhatsApp

4. Websites are usually opened using a ______.

A. keyboard

B. browser

C. scanner

D. printer

5. Which of the following is an example of a website?

A. www.classbasic.com⁠

B. Calculator

C. WhatsApp

D. Zoom

B. Fill in the Blanks (5 Marks)

6. ______ is the process of creating websites.

7. ______ is the process of creating software applications.

8. Websites are opened through a web ______.

9. Apps are installed on ______ such as phones, tablets, and computers.

10. Both web development and app development use ______ languages.

C. True or False (5 Marks)

11. WhatsApp are created through web development. ______

12. Websites is an example of a mobile application. ______

13. Apps can only be used with an Internet connection. ______

14. Websites are usually accessed using a web browser. ______

15. Web developers and app developers use programming languages to create their products. ______

D. Match Column A with Column B (5 Marks)

Column A – Column B

16. Web Development – A. WhatsApp

17. App Development – B. Creates websites

18. Google Chrome – C. Software application

19. www.classbasic.com – D. Internet browser

20. YouTube App – E. Website

ANSWER KEYS

1. C – Websites

2. C – Software applications

3. D – WhatsApp

4. B – Browser

5. A – www.classbasic.com⁠

6. Web development

7. App development

8. browser

9. devices

10. programming

11. False

12. False

13. False

14. True

15. True

16. B – Creates websites

17. C – Software application

18. D – Internet browser

19. E – Website

20. A – WhatsApp

SUMMARY

In this lesson, pupils learned that web development is the process of creating and maintaining websites that can be accessed through the Internet using a web browser.

They also learned that app development is the process of creating software applications (apps) for mobile phones, tablets, and computers.

Pupils understood the difference between web development and app development. They learned that websites are opened through a web browser, while apps are installed directly on devices and can sometimes work without an Internet connection.

They identified examples of websites, such as www.classbasic.com⁠, and examples of mobile applications, such as WhatsApp, YouTube, Zoom, Google Maps, and Calculator.

Finally, pupils learned the uses and importance of web and app development in education, communication, business, banking, entertainment, and everyday life.

PRESENTATION

To deliver the lesson, the teacher adopts the following steps:

Step 1: Introduction – The teacher displays a website on a computer and a mobile application on a smartphone. The teacher asks pupils what they notice about both and explains that websites and apps are created by programmers.

Pupils’ Activities: Pupils observe the website and the mobile application and identify their differences.

Step 2: Meaning of Web Development – The teacher explains that web development is the process of creating and maintaining websites that can be accessed through a web browser.

The teacher gives examples of websites such as:

• School websites

• Educational websites

• Government websites

• Shopping websites

Pupils’ Activities: Pupils explain the meaning of web development and mention examples of websites.

Step 3: Meaning of App Development – The teacher explains that app development is the process of creating software applications (apps) for mobile phones, tablets, and computers.

Examples include:

• WhatsApp

• YouTube

• Google Maps

• Calculator

• Zoom

Pupils’ Activities: Pupils identify different mobile applications they have used.

Step 4: Difference Between Web Development and App Development – The teacher explains that:

• Web development creates websites, while app development creates software applications.

• Websites are opened using a web browser, while apps are installed directly on devices.

• Websites usually require a browser to access them, while apps can be opened directly from a phone, tablet, or computer.

Pupils’ Activities: Pupils state the differences between websites and apps.

Step 5: Uses and Importance of Web and App Development – The teacher explains that web and app development help people to:

• Learn online.

• Communicate with others.

• Shop online.

• Access banking services.

• Run businesses.

• Find information.

• Use educational resources.

Pupils’ Activities: Pupils discuss how websites and apps are useful in their daily lives.

Step 6: Group Activity – The teacher divides the class into four groups and assigns the following activities:

• Group 1: Explain the meaning of web development and list examples of websites.

• Group 2: Explain the meaning of app development and list examples of mobile applications.

• Group 3: State at least five differences between web development and app development.

• Group 4: Discuss the uses and importance of web and app development in schools, homes, and businesses.

Each group presents its work before the class.

Pupils’ Activities: Pupils discuss, complete the assigned activities, and present their findings.

Step 7: Lesson Summary – The teacher reviews the meaning of web development, app development, their differences, uses, and importance.

Pupils’ Activities: Pupils answer oral questions and summarise the lesson.

Step 8: Evaluation – The teacher asks oral and written questions to assess pupils’ understanding of web development and app development.

Pupils’ Activities: Pupils answer the evaluation questions and participate actively in the lesson.

CONCLUSION

To conclude the lesson for the week, the teacher revises the entire lesson and links it to the following week’s lesson.

NEXT LESSON

Search Engine: Meaning and Types of Search Engines Primary 5 (Basic 5) Second Term Week 2 Information Technology – Computer Studies

LESSON EVALUATION 

Teacher asks pupils,

1. What is web development?

2. What is app development?

3. Mention five examples of websites.

4. Mention five examples of mobile applications (apps).

5. State five differences between web development and app development.

6. Mention five uses of websites.

7. Mention five uses of mobile applications.

8. State five importance of web and app development.

9. Which application is used to open a website?

10. Demonstrate your understanding by opening a website using a web browser and identifying one mobile application installed on a smartphone or tablet, then explain the difference between the two.