Elementari

Teacher PD for Lessons

Designed by:

Introduction

This lesson is designed for K-12 educators, offering a practical, step-by-step guide to creating interactive stories from a student's viewpoint. Educators will learn essential skills such as story design, basic visual coding, and the publishing process, all through immersive student-centered activities.

Subjects:
Grades: Other
Estimated Time For Completion: 35

Objectives

Teachers will:

  • Experience Elementari from a student's viewpoint by following a structured lesson.
  • Develop familiarity with designing a story and implementing basic coding of animations.

Coding Concepts Covered

Function in Parallel

Student Instructions

1. Welcome to Elementari! (2 mins)

Try out and learn how writing and coding on Elementari works through this lesson geared for teachers. No coding experience needed!

Don't worry - often students will explore coding independently and enjoy sharing their knowledge with you and their peers.

2. Front Side Design 🎨 (10 mins)

Start crafting the "Design Layout" —the front side of your page.

Follow the step-by-step lesson that scaffolds and automatically validates your actions. Give it a try!

3. Back Side Code - Intro 💻 (3 mins)

Dive into Elementari's node-based visual coding, akin to creating a flowchart. This visual coding approach is employed in professional tools like Unreal Engine, renowned for developing Fortnite.

Begin coding to enrich your stories with dynamic animations, interactions, and sounds to move beyond simple slides. Think of coding as just another layer of storytelling!

4. Back Side Code - Text Animation 📝 (5 mins)

To begin coding, go to the page's back side, also called the Event Graph.

Here, we'll kick off by coding a cool text animation when the page starts!

5. Front Side Design - Advanced ✨ (5 mins)

Add, duplicate, or use pre-coded templates for easy setup—similar to Google Slides, but with Elementari, you can add a layer of coding.

Next, let's enhance your story by adding special animation objects. Experiment with a character, like the girl, to witness animation come to life!

6. Back Side Code - Animate 🚶‍♂️ (5 mins)

Dive into a student favorite: the animate block. Make the girl talk, cry, or laugh with a simple click!

7. Last Step - Publish! (2 mins)

Regular users just click on the Publish button to publish their story!

For privacy, students cannot publish stories independently.

Students will Submit their creations for teacher review. Teachers can then publish the stories.

Published stories are public, shareable with anyone, and will be displayed in the classroom library— a hub for all students' published stories.

8. Starting My Students - Assign a Lesson (3 mins)

Discover and assign a lesson to your classroom from our Lesson Library to your class. Start with The Dragon Says… or the All About Me Interactive Book to introduce animations and voiceovers. For older students and a focus on writing, try 2 Truths and 1 Fib that uses pre-coded templates.

For complete freedom, you assign the open-ended Create for Fun lesson.

---

Finally, you can also create your own lessons! Contact us at contact@elementari.com if you need help, want a specific lesson, or would like to co-create a lesson with us. 

Interactive Project Example for Students

Play through this lesson's example project created on Elementari. Use this example to guide and motivate your students.

Select Lessons or Create Your Own Lesson!