Sunday, June 20, 2021

Mobile Learning Conference 13 - 10 Steps To Hosting An App Design And Prototyping Camp

 Are you interested in learning more about how to host an in-person or virtual summer camp or after school club for students to get them excited about coding and computer science? You can host a club or camp focused on app design and app prototyping in 10 easy steps.



App prototyping is the process of creating a working model of an app. Before spending a lot of time writing the code for an app, you can create a prototype to help you map out the interactivity and features of the app. Essentially creating models of each screen, the features of the app, and demonstrating what happens when you push a button. Does the app go to the camera app, a photo gallery, a data entry tool, or back to the home screen?

I hope you are able to join me to learn more about hosting a virtual summer coding camp or after school club focused on app design and app prototyping as a way to get students excited to learn more about computer science, coding, and app development. You can also integrate smaller pieces of this experience into any content area class to introduce the concept and help students make cross-curricular connections.

In addition to getting students excited about computer science and helping them to be more aware of the app development process, all of the materials that you need to help guide you through the process are completely free from Apple and can be used by anyone, regardless of having any coding experience. Resources are linked below.

Session Description
Learn 10 steps to guide you from start to finish in organizing and holding a virtual or in-person summer camp or after school coding club for students focused on app design and prototyping to build their interest in learning how to code and develop iOS apps. Hear about the process and free resources available to help your students learn more about app design, UI, and UX while prototyping a working model of an app using the Keynote app on the iPad to help solve a problem or challenge in their community. No previous coding experience needed. 

Google Slides and PowerPoint users can follow this process, too.

Presentation Slides


Marketing:
Creating a flyer to get information about the camp out to students, staff, and families is a very important step in the process so that everyone knows about the opportunity. Fortunately there are lots of great tools, apps, and applications that you can use to create your flyer.

I used Keynote and shapes from the built-in shapes library to create the flyer shown below.



Layout and Graphic Design:
Keynote
PowerPoint
Google Slides
Canva

App Ideas:
Where to start? We had students brainstorm ideas of apps that they thought could help solve problems or challenges in their communities or could help to promote opportunities or resources that  people might not know about.

We used the Google Jamboard app. Padlet would be another great resource for this task too. Both of these apps allow students to add sticky notes to a board to share ideas with others. By using a collaborative community board, students who were still struggling to come up with ideas were able to take inspiration from the ideas shared by others.



Learning About App Design:
Apple has an awesome App Design Journal that is a Keynote file that guides students through the four stages of the app design process: brainstorm, plan, prototype, and evaluate. The journal is loaded with helpful information and spaces for students to sketch, write, and record their thoughts as they move through the process.




Creating An App Prototype:






Building Interest - Creating A Good Pitch Statement: 



Celebrating Student Success:



Keep The Interest Going:


Resources:
Apple K-12 Education Teaching Code - Curriculum and resources for teaching code.
Apple Teacher Learning Center - Learn about iPads, apps, Mac computers, applications, and integration ideas. Get started earning your Apple Teacher badges.
App Design Journal - Keynote file students can use to guide them through the app design and app prototyping process.
App Showcase Guide - Tips, suggestions, and steps to hosting an app development or app prototyping showcase.
Google Meet - Video conference application.
Google Jamboard - Internet-based collaborative whiteboard. Great for collaborative brainstorming. Saves in your Google account.
Keynote - Apple presentation app for iPads and Apple computers. Awesome for creating presentations, drawing, animation, video, and layout and design.
PowerSchool Schoology - Learning Management System for hosting courses and groups making it easy for students to find, access, and share materials and learning.

Sunday, May 30, 2021

iPad Challenge - Create A Stop Motion Animation Robot Video

 For anyone following along with our elementary Genius Squad program, here are the details of our third iPad challenge if you want to share these resources with your students.

This week students are exploring shapes in the Shapes Library in Keynote and how to break apart some shapes and then assemble shapes to create an original robot. Then they will create a stop motion animation robot video by animating the shapes in the Keynote app. Finally they can watch their video in the Photos app on the iPad and share it from there.


Challenge #4

Goal: Create a stop motion animation robot video out of shapes.

 

What do you need?

IMG_9512_60893884cbb10.JPG

Your iPad

 

Keynote app

Shapes in Keynote
dee722e5e0bdd6950d754f74a8a49065_608938cbe18df.png
Photos app
How To Find Shapes In The Shapes Library In Keynote

Watch the video to learn how to find shapes in the Shapes Library in the Keynote app on your iPad.




Change Document Setup To 4:3
Watch the video to learn how to change the Document Setup in the Keynote app on your iPad.


Format Shapes
Watch the video below to learn how to format the shapes on your slide by changing the color of items.


How To Break Apart Shapes
Watch the video below to learn how to break apart some of the shapes in the Shapes Library in the Keynote app on your iPad.


Create Your Robot

Now that you have selected your shapes, it is time to combine them to create an original robot.

Watch the video below to learn how to create your robot from the shapes you selected. 

Make sure your robot is original.


Robot Animation Challenge
If you didn't know how to use the Shapes Library in Keynote or how to break apart some of the shapes before, you do now! Good job!

 

Ready for the Robot Animation challenge?

  

After you have finished creating your robot on a slide in the Keynote app, duplicate the slide and move one or more things a little on slide 2.

Then duplicate slide 2 and move one or more things slightly on slide 3.

Keep repeating this process until you have at least 50 slides or more.

Share your finished video in the next media album.
I can't wait to see what you create! 


How To Export Keynote Slides As A Movie
Watch the video below to learn how to export the Keynote slides as a movie to create your stop motion animation video.



Sunday, May 23, 2021

iPad Challenge - Create A Digital Thank A Teacher Card

 For anyone following along with our elementary Genius Squad program, here are the details of our third iPad challenge if you want to share these resources with your students.

This week students are exploring how to create a digital thank you card with the Camera app, the Photos app, and the Pages app on the iPad.


Challenge #3

Watch the video below to hear about this week's iPad challenge.


Link To YouTube Video

Create A Digital Thank You Card

Goal:

 

What do you need?

IMG_9512_60893884cbb10.JPG

Your iPad and Stylus Pen

 

800ce45e67a83d748a3068702095b9b9_608938a796fe1.png
Camera app
dee722e5e0bdd6950d754f74a8a49065_608938cbe18df.png
Photos app
Pages app

Story about something good, fun, or funny that you remember from this school year.
Explore The Pages Templates

Watch the video below to learn about the templates available in the Pages app. 


Want To Know More About Lorem Ipsum?

Were you wondering what lorem ipsum meant when you were looking through the templates?

 

Lorem ipsum is placeholder text used in templates to allow users to keep formatting like spacing, fonts, colors, and styles but change out the words.

 

Read more about the history of lorem ipsum in this blog article. It is actually based on Latin.

How To Create A Digital Thank You Card

Watch the series of videos below to learn how to create a digital Thank A Teacher card with the Pages app on your iPad. You can pause after each video to try out what was shown as you create your own card. Make sure to check out the challenge page to find out what is required for this challenge.

 

Select The Photo Card Template

 

Add And Format Text

 

Customize And Format Shapes

Add Photo And Format Message Page

Add Message And Sign Thank You Card With Digital Ink

Export Thank You Card As PDF


Digital Thank A Teacher Card Challenge

If you didn't know how to find and customize the template documents in the Pages app before, you do now! Good job!

 

Ready for the Digital Thank A Teacher Card challenge?

Think of a fun, funny, or good memory of lesson or activity one of your teachers did with you this year.

This could be a story about something you enjoyed, learned about, didn't know before.

You could write a thank you card to your classroom teacher, a specialist teacher, your principal, or someone else at your school.

Make a list of some good memories.

 

After you have a list of story ideas, tap on the Pages app and find the Photo Card templates in the Stationery section.

Open the template and create a customized thank you card for one of your teachers.

 

Submit your finished thank you card in the assignment.

Email your card to the teacher using your email app on your iPad. This will make their day!

Create more cards for other teachers if you have time.
I can't wait to see what you create! 

Email Your Thank You Card

Don't forget to export your thank you card as a PDF and email it to the person you wrote it for.

They will really appreciate getting a thank you card from you.


Resources:
Check back for future blog posts on new tutorials and challenges for elementary Genius Squad students.

Apple

Sunday, May 9, 2021

iPad Challenge - Create Photo Words

 For anyone following along with our elementary Genius Squad program, here are the details of our second iPad challenge if you want to share these resources with your students.

This week students are exploring how to create Photo Words with the Camera app, Keynote, and the Photos app.



Challenge #2

Watch the video below to hear about this week's iPad challenge.


This Week's Challenge

Goal:

Image Source - Apple Teacher Learning Center


What do you need?

IMG_9512_60893884cbb10.JPG

Your iPad 

 

800ce45e67a83d748a3068702095b9b9_608938a796fe1.png
Camera app
dee722e5e0bdd6950d754f74a8a49065_608938cbe18df.png
Photos app
Keynote app

Objects in your classroom, your home, or outside that are  interesting colors or have a lot of texture that feel like they represent your word(s).

How To Create A Photo Word Image
Watch the video to learn how to create an awesome Photo Words image with the Keynote app on your iPad.



Photo Words Challenge
If you didn't know how to fill text with an image instead of an ink color in the Keynote app before, you do now! Good job!

 

Ready for the Photo Words Image challenge?

Think of a word that you can take a photo to use to fill the letters with to represent that word.

Look around your classroom or home and find things that would make a good image fill for that word or that have a lot of texture.

If you cannot find something in your classroom or home, check with your parents or teacher to see if you can take your iPad outside at school or at home to take a photo.

  • Remember to keep yourself safe when using the iPad outside.
  • Ask your parents to help you find some things to take pictures of.

 

After you have some photos, pick one and use it to fill the letters in your word in Keynote.

Try a different photo if you did not get the effect that you want.

Share your finished photo in the next media album.
I can't wait to see what you create! 


How To Upload Photo Word Image To A Media Album

Watch the video below to learn how to upload a photo to a media album in Schoology if you don't remember how from the last challenge.


Photo Word Image



Thursday, May 6, 2021

I'm Presenting At The Northeast Mississippi Community College Mobile Learning Conference

  I am excited to share that I will be presenting at NEMCC Mobile Learning Conference in June!



I will be presenting a session on a couple of great topics for anyone in a distance learning or virtual learning situation:
  • 10 Steps To Hosting An App Design and Prototyping Camp
  • Level Up With Student Tech Leaders

I am looking forward to sharing some great resources for teachers and students and a model of how to make computer science and technology leadership experiences available to students even during distance learning situations.

I hope that you are able to join me.