1 of 5

LESSON PLAN

2 of 5

Recipe With AI

ZONE: Software Zone AGE GROUP: 15 -18 EQUIPMENT: Computer, Internet connection.��DESCRIPTION: In this workshop, participants are going to learn about the basics of programming and mobile app development. They will be using AI & Image Processing to identify ingredients & find a recipe based on that, in addition to that they will learn block coding & how to create flowcharts for a functional prototype .

​

ENGINEERING DESIGN CHALLENGE: ��LEARNING OBJECTIVES:�After attending this session, participants will be able to:

  • Understand the basics of Programming.
  • Learn about flowcharts and how to create one before programming.
  • Learn about AI and image processing.
  • Design a simple yet useful user interface and have a functional prototype for a mobile app.

3 of 5

LESSON PLAN (Pg 2)

Time / Duration

Activity

Materials/requirements

5 min

1- Introduce yourself.

2- Explain what we are going to do today.

Computer, Internet connection.

20 min

Presentation :

1- Introduce the participants to Studio 5.

2- Introduce the participants to the concept of AI.

3- Ask the participants what are the fields of AI and explain them.

4- Explain to the participants what we are going to do.

5- Show a video of an example of Recipe app that uses AI.

6- Ask participants what does programming mean.

7- Introduce participants to Thunkable

8- introduce the participant flowcharts and explain them the flowchart of Recipe With AI app.

9- Show the participants the interface of the app and explain it.

Computer, Internet connection.

4 of 5

LESSON PLAN (Pg 3)

Time / Duration

Activity

Materials/requirements

85 min

​

​

​

​

​

​

​

​

​

​

​

​

​

1- Show participants Thunkable platform and its main feature.

2- Desing the user interface of the app with the participants.

3- import all the assets needed for the app.

4- Start coding the first screen by initializing the needed variables.

5- Code the when take a picture button handler is clicked.

6- Make a function called “ingredient identifier "and code it.

7- Code the handlers for when the screen starts and when the screen is initialized.

8- initialize the variables of the second screen.

9- Code the when screen opens handler for the second screen.

10- Code the back button.

11- Show participants how to add the option of Chat GPT and Open AI to thinkable.

Computer, Internet connection.

10 min

1- Test the app

2- Challenge participants to find ways to optimize the app and improve it.

​

Computer, Internet connection.

5 of 5

THANK YOU