Recipe With AI – SCOPES-DF

Lesson Details

Age Ranges
Fab Tools
Author

You need to login or register to bookmark/favorite this content.

Author

Studio 5
Studio 5
Informal educator
In line with the Ministry of Communications and Information Technology’s Digital Youth Strategy, STUDIO 5 is mainly aimed at nurturing youth as digital learners by sharpening their 21st century learning skills, as they develop in an all-pervasive digital environment. In… Read More

Summary

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.

What You'll Need

Computer, Internet connection.

Lesson Material:

Presentation

Lesson Plan EN.

Lesson Plan AR.

The Instructions

Presentation:

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.

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 to them the flowchart of Recipe with AI app.

 

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

Prototype:

Prototype:

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.

Lesson Feedback

?