Introduction
Choose three images that represent YOU, each one a gateway to your passions, aspirations, and unforgettable memories. Craft and code your own interactive book, then hit submit. Just like that, you're all set for others to journey through your personal world! 🌟 🌍
Objectives
Students will:
- Reflect on personal aspects through symbolic representations.
- Write detailed descriptions of the significance of their chosen symbols.
- Code navigation paths to design and guide their interactive stories.
Code Stories and Games with Elementari
Elementari’s platform allows students to create and code interactive apps easily. They can select images from our library, add buttons, and use node-based visual coding to create navigation paths. This platform makes coding accessible and enjoyable for kids, enhancing their storytelling skills.
New to Elementari? Click on the orange Start button to jump right into the lesson for free. Check out our Getting Started Guide for an overview of how Elementari works with your class. Get started for free for up to 35 student accounts.
Coding Concepts Covered
User Navigation Function in Parallel Functions in SequenceStudent Instructions
Start off with the ready-to-go title page. Put your own spin on it and jazz it up with a "Start" button. We'll code the button to work later.
Think about three things that represent YOU. These could be hobbies, dreams, favorite places, objects that hold special meaning, or even concepts that you feel connected to.
Let's get personal! Tell everyone why your first symbol is a piece of YOU.
Give us the inside scoop of why this symbol represents you!
Last but not least, it's time to showcase your third symbol's significance.
Code your title screen navigation and customize your text effect for a bit of flair.
Code the navigation so that clicking on the symbol takes the user to the right screen on your app.
Finish up coding your user navigation. Send the user back to the page with the 3 symbols when they click on the button.
Take time to decorate and test your app about yourself! Add some lock navigation to make sure your reader doesn't get lost.
Project Example for Students
Play through this lesson's example project created on Elementari. Use this example to guide and motivate your students.
Standards
CSTA K-12 Computer Science Standards (2017)
Algorithms & Programming
2-AP-10 - Use flowcharts and/or pseudocode to address complex problems as algorithms.
2-AP-13 - Decompose problems and subproblems into parts to facilitate the design, implementation, and review of programs.
2-AP-17 - Systematically test and refine programs using a range of test cases.
3A-AP-13 - Create prototypes that use algorithms to solve computational problems by leveraging prior student knowledge and personal interests.
3A-AP-16 - Design and iteratively develop computational artifacts for practical intent, personal expression, or to address a societal issue by using events to initiate instructions.
ISTE Student Standards
Creative Communicator
6b - Students create original works or responsibly repurpose or remix digital resources into new creations.
6d - Students publish or present content that customizes the message and medium for their intended audiences.
6c - Students communicate complex ideas clearly and effectively by creating or using a variety of digital objects such as visualizations, models or simulations.
Computational Thinker
5a - Students formulate problem definitions suited for technology-assisted methods such as data analysis, abstract models and algorithmic thinking in exploring and finding solutions.
Innovative Designer
4a - Students know and use a deliberate design process for generating ideas, testing theories, creating innovative artifacts or solving authentic problems.
4d - Students exhibit a tolerance for ambiguity, perseverance and the capacity to work with open-ended problems.
4c - Students develop, test and refine prototypes as part of a cyclical design process.
4b - Students select and use digital tools to plan and manage a design process that considers design constraints and calculated risks.
AASL Standards
Inquire
I.A.2 - Recalling prior and background knowledge as context for new meaning
I.B.3 - Generating products that illustrate learning.
I.C.4 - Sharing products with an authentic audience.