Teach coding concepts on iPad with animated Memoji

Learn about key concepts in coding using Memoji stickers and animation with Keynote for iPad.

 

Memoji Coding: 1. Commands and Functions. Right hand side of the image contains various robot Memoji stickers.


Learning Objectives for this lesson:

  • Demonstrate understanding of commands, functions and loops
  • Create Animated Memoji GIFs as examples of commands, functions and loops
  • Use computational thinking to complete Keynote animation tasks

 

Animated GIF of Memoji Stickers, with pseudocode commands matching each sticker.
Animated Memoji GIF


This activity allows students to show their understanding of coding concepts that they learned through Swift Playgrounds in a more creative way.

Students could personalise and customise their Memoji and tell simple stories by creating Animated Memoji GIFs with Keynote for iPad.

 

3 Animated Memoji GIFS — a man,  robot and a unicorn — with pseudocode commands matching each sticker.
Animated Memoji GIFs


With each of the the three main coding concepts — commands, functions and loops — students created Animated Memoji GIFs. They then typed these in Keynote as commands grouped in functions and loops.

Some tasks included Motion Path animations and required students to use computational thinking to set the correct animation build order for the Keynote slide.

They documented their work in an interactive Keynote journal.

 

Screenshot of an instructional page from Memoji Coding 2 on While Loops. Based on a musical statues activity.
While Loops, from Memoji Coding 2


Download the attached interactive Keynote guides to get started coding and creating animated GIFs with Memoji stickers:

1. Commands and Functions

2. Loops

  



This lesson formed part of my Apple Teacher Portfolio as an ‘Apply’ lesson, but could be easily adapted and used as an ‘Explore’ lesson depending on the age, skill level, positioning and depth of the activity, and has lots of opportunities to be simplified (i.e. leave out the voiceover part) or for extension activities.

I used this lesson with my 1st Year Coding class (12-13 years old), but it could easily be used in different contexts with other age groups too!

 

 

Attachments

Attachments

All Comments

Posted on October 19, 2022

Very cool application of Memoji reactions that relate to coding concepts. I see this also working well for conditional code:

if isHappy {
print("😁")
} else {
print("🤓")
}


Posted on October 20, 2022

Thank you, Nelson! 😊

Yes! It works great with conditional code. We do this with using links in Keynote!

Some great digital storytelling opportunities through this too!

Posted on October 31, 2022

Can't wait to give this a try.


Posted on November 01, 2022

That’s great to hear! I’d love to hear how it goes! Enjoy! 😊

Posted on November 09, 2022

Eoin this is gold! Amazing and makes total sense, thanks so much for sharing! I'll be using these next week as we move from Swift Issuing Commands to Functions.

Posted on November 10, 2022

Thank you so much, Jockscot! 😊

I’m delighted to hear that you’ll be able to make use of it with your students. Hope it goes well!

Posted on January 11, 2023

This looks so fun and I love the simplicity of using an emoji!

Posted on January 13, 2023

Thanks so much, Tamara! 😊

I’m really proud of this activity and how I’ve been been able to use it in both Coding classes and in my other subject areas!

Animated Memoji GIFs and Memoji Coding FTW! 🙌


Animated Memoji GIF


Posted on February 10, 2023

Thank you!

Posted on February 13, 2023

No problem. Thank you, Ginette!

Posted on April 14, 2023

Thanks for sharing Eion. Makes coding classes more fun.

Posted on April 24, 2023

Thank you, Manjula! 😊 Glad you found it useful!

Maximum file size: 400MB

Insert a video

Insert an image

Insert an image

125: 125
220: 220

This action can’t be undone.

Error Message

Are you sure you want to continue? Your changes will not be saved.

This post contains content from YouTube.

If you choose to view this content, YouTube may collect and process certain personal data. You can view YouTube’s <a href="https://www.youtube.com/t/privacy" target="_blank">privacy policy here<span class="a11y">(opens in new window)</span>.</a>

This post contains content from YouTube.

You’ve rejected content from YouTube. Tap the button below to change your consent.