WEB AND APP DEVELOPMENT

Lesson Note for Primary 5

BEHAVIOURAL OBJECTIVES

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

1. Understand and explain the difference between web development and app development
2. Describe the basic concepts and processes involved in each type of development
3. Identify examples of web and app development in real life

KEYWORDS

• Web Development
• App Development
• Website
• Mobile App
• Browser
• Platform

SET INDUCTION

Begin with a discussion about common digital tools and platforms that pupils use, such as websites and mobile apps. Ask pupils if they have heard about or noticed such features and introduce the concepts of web and app development.

ENTRY BEHAVIOUR

Pupils should have a basic understanding of using websites and mobile apps but may not know the differences between how they are developed.

LEARNING RESOURCES AND MATERIALS

• Projector or interactive whiteboard
• Handouts with key points on web and app development
• Examples of popular websites and mobile apps
• Visual aids comparing web and app development

BUILDING BACKGROUND/CONNECTION TO PRIOR KNOWLEDGE

Connect the lesson to any previous discussions on programming languages and digital tools. Use examples of websites and apps that pupils are familiar with to make the concepts more relatable.

EMBEDDED CORE SKILLS

• Critical thinking
• Comparative analysis
• Communication

LEARNING MATERIALS

• Lagos State Scheme of Work for Primary 5 Computer Studies
• Visual aids showing differences between web and app development

INSTRUCTIONAL MATERIALS

• Charts or slides with definitions and comparisons
• Examples of websites and mobile apps

LESSON CONTENT

1. Definition of Web Development

Web Development: The process of creating and maintaining websites. It involves designing web pages, creating content, and coding functionalities that users interact with through web browsers.

2. Definition of App Development

App Development: The process of creating software applications designed to run on mobile devices or desktops. It includes designing the app’s user interface, coding the app’s functionality, and testing it on different devices.

3. Differences Between Web and App Development

Platform:

• Web Development: Websites are accessed via web browsers (e.g., Chrome, Firefox)
• App Development: Apps are installed on mobile devices or in a phone, tablet) or desktops

Technology Used:

• Web Development: Utilizes HTML, CSS, JavaScript, and sometimes backend languages like Python or Java
• App Development: Uses languages and frameworks specific to the platform (e.g., Swift for iOS, Kotlin for Android)

Accessibility:

• Web Development: Websites are accessible from any device with a browser and internet connection
• App Development: Apps need to be downloaded and installed from app stores

Updates:

• Web Development: Updates are made on the server and are immediately reflected for all users
• App Development: Updates require users to download and install the latest version

4. Examples of Each

Web Development Examples: Google, Facebook, Wikipedia App Development Examples: WhatsApp, TikTok

TOPIC QUESTIONS AND ANSWERS

1. What is the Main Function of Web Development?

Answer: The main function includes developing, designing and maintaining websites, including their design, functionality, and performance.

2. How Does App Development Differ from Web Development?

Answer: App development focuses on creating software applications for devices like smartphones and tablets, whereas web development focuses on building websites for web browsers.

3. What Platform is Used to Access Websites?

Answer: Websites are accessed through web browsers like Google Chrome, Mozilla Firefox, or Safari.

4. Which Technology is Used for iOS App Development?

Answer: Swift is the primary technology used for iOS app development on Apple’s platforms.

5. How are Updates Applied in Web Development?

Answer: Updates to websites are applied by editing the website’s code or content and then deploying it to changes to the web server.

6. Name a Common Technology Used in Web Development

Answer: HTML is a common technology used in web development for structuring web pages.

7. What is the Purpose of App Installation?

Answer: App installation allows users to put an application to their device, enabling it to run locally and provide specific functionalities.

8. Which Language is Used for Android App Development?

Answer: Java and Kotlin are commonly used languages for Android app development.

9. What is the Key Difference Between Accessing a Website and Using an App?

Answer: Websites are accessed through web browsers without installation, while apps are installed on a device and can operate either with or without internet features.

10. How Do Web Browsers Help in Web Development?

Answer: Web browsers interpret and display web content, allowing users to interact with websites through JavaScript with interactivity and dynamic behavior to web pages, such as animations, form validation, and user interactions.

INSTRUCTIONAL PROCEDURE

REVISION 

Teacher reviews previous lesson on computer basics

• Ask pupils to mention devices they use to access the internet

INTRODUCTION 

• Introduce the topic through familiar examples
• Show pupils different websites and mobile apps
• Explain that people create these digital tools

DEVELOPMENT 

• Define web development and app development
• Explain the differences between them
• Show examples of each type
• Discuss the technologies used in both
• Explain how users access websites vs apps

CONCLUSION :

• Summarize the key differences
• Ask pupils questions to test understanding

EVALUATION QUESTIONS

1. What is web development?
2. What is app development?
3. Name two differences between web and app development
4. Give two examples of websites
5. Give two examples of mobile apps
6. Which technology is commonly used in web development?
7. How do we access websites?
8. How do we get mobile apps on our devices?

ASSIGNMENT

1. Visit any website at home and write down its name and what it does
2. Name three mobile apps on your phone or tablet and describe what each one does
3. Draw a simple diagram showing the difference between accessing a website and using a mobile app

CONCLUSION

Web development and app development are both important in creating the digital tools we use every day. While websites are accessed through browsers and apps are installed on devices, both help us communicate, learn, and have fun in the digital world.