Showing posts with label middle school. Show all posts
Showing posts with label middle school. Show all posts

Monday, April 20, 2020

Awesome Augmented Reality with EyeJack



Shirley Rossman, 4th Grade Teacher at West Holt Elementary, leads her students in a creative autobiographical writing project each year. Based on the book "Who is Melvin Bubble?" by Nick Bruel, students engage in perspective writing, as each page describes themself through the eyes of a friend or family member. The final page is all about the student from the point of view of the student themself, and this is where we collaborated for an augmented reality twist to this project. 


  • Students wrote their drafts on paper and collected digital images of the family members and friends who were "telling the story."
  • I created a template file in Keynote that students could personalize with their content and eventually export as pdf for self-publishing/printing. 
  • Using the camera on an iPad, students took pictures of each of their handwritten final draft pages and added them to the appropriate placeholders in the Keynote template.
  • Each photo of the "narrator" of the page was opened in the Clips app, a cartoon filter was added, saved to camera roll, and then Airdropped to the students to add to their book file. 
  • We took photos of the students themself (one close up of their face for the cover and a full-body waving shot for the first and last pages) and used the Clips app to "cartoonize" and Airdrop as well. 
  • Using the free voice memos app each student recorded an audio narration of their final page of text (explaining who they are from their own point of view). 



Using Keynote again, students created an animation for their final page. The trigger image was their waving photo. It was added to a slide and then that slide was duplicated. Slide 1 will become your trigger image (export as png with transparent background) and Slide 2 is where you lock the image to the background and then create your animation around it. Then shapes, drawings, images, etc. were added, formatted, and then animated with motion paths and effects. Timings could be set to automatic, but students were encouraged to aim for about 30 seconds of total animation length (to match the maximum audio recording duration). When complete, the background image was unlocked and deleted, the slide background was set to transparent, and the 2nd slide was exported as a gif. 

I used the EyeJack Creator app (free download for Mac) to assemble each student's augmented reality experience for their final page. 
  1. Add trigger image (exported png from 1st Keynote slide)
  2. Upload animated gif (exported from 2nd Keynote slide)
  3. Add audio (mp3 from Voice Memos)
The EyeJack Creator app generates a QR code which is also saved and placed on the page in each students' Keynote "book."

Now, when people read their book, they use the free EyeJack app on their phone to scan that QR code and then hover over the trigger image on the page to see the animated come to life in AR. 

Each student's finished Keynote book was exported as a pdf. 
I used the softcover Tradebook option (Economy, color) on blurb.com to order a printed copy for each student and their family. (Approximately $5 each when all was said and done.)



In addition, for fun, I made a version for Mrs. Rossman and myself that had just the final page from every student's book into a class compilation of Augmented Reality student "About Me" animations. 







Sunday, November 24, 2019

Hour of Code 2019: Dance Party!

It seems like “DaNcE pArTy” is the common theme to celebrate this year’s Computer Science Education Week (otherwise known as “Hour of Code”)!

December 9-15, 2019 is the official week that is designated as this year’s Computer Science Education Week, but of course you can host an “Hour of Code” ANY TIME with these free resources:

From Code.org:


Say hello to Dance Party 2019
With the Hour of Code only a few weeks away, we’re excited to unveil the latest additions to one of our most popular activities, Dance Party! You can look forward to new backgrounds, new coding blocks, and new music from artists like Lil Nas X, Nicki Minaj, Panic! At The Disco, Jonas Brothers, Pedro CapĆ³, and Katy Perry. There’s even a brand-new Dance Party character designed by middle schooler Genevieve P from Edison, NJ! Read more on our blog.

From Apple’s Everyone Can Code:

Excerpt from https://www.apple.com/newsroom/2019/11/apple-expands-everyone-can-code-to-bring-more-coding-resources-to-teachers-and-students/  

"New Everyone Can Code Curriculum
The new Everyone Can Code curriculum builds on existing interactive puzzles, guides and activities to make learning to code even more approachable and connected to students’ everyday lives. Everyone Can Code Puzzles is an all-new student guide to Swift Playgrounds where each chapter helps students build on what they already know, experiment with new coding concepts and creatively communicate how coding impacts their lives. A companion teacher guide supports educators in bringing coding into their classrooms with helpful ways to facilitate, deepen and assess student learning.


This year’s Hour of Code Facilitator Guide features Dance as students program a virtual MeeBot character to dance and then make a video of it. The new Swift Playground activities to accompany this activity are featured in the Swift Playgrounds library. You could even purchase an actual robot that you could build and then program to interact with your code. Even without this purchase, students can have hours of coding fun with dance moves and the virtual robot inside of Swift Playgrounds. 


And so, Let’s Dance with Code!

Sunday, October 6, 2019

Animal Adaptations Infographics

For this year's ESU 8 Elementary Science Olympiad, activities were centered around a phenomenon. Students were scientists as they explored and experienced topics with connections to that phenomenon.

During my rotation we learned about animal adaptations and how they help animals survive. Each pair of students created an infographic in Keynote on iPad to visually share their scientific knowledge with others.

To replicate in your classroom, I recommend starting with the Everyone Can Create: Drawing guide book from Apple Books. Chapter 9 is all about infographics and contains solid examples as well as planning considerations.
Everyone Can Create Drawing
We also examined this Snowy Owl infographic example to look for critical features of an infographic as referenced in the Everyone Can Create chapter.

Next student pairs each chose an animal that interested them and researched it on World Book Online Student Edition. ESU 8 provides access to this valuable resource to all our schools and it tremendously helped with efficient and responsible research for this age group of students. Older learners could use Advanced and younger grades the Kids Edition of World Book Online. We discussed how to cite and credit the article for their researched and then navigated to the media tab to choose the image to be the center piece of their infographic. Students copied their animal's image and then opened the Keynote app to begin to create.

Prior to students arriving, I used Apple Classroom to distribute a Keynote file where I had created a custom theme with different biome backgrounds set to 50% opacity and locked in the background of the slide design options. This was mostly to maximize time for students to create.

(To make your own version simply create a new Keynote, View > Edit Master Slides, delete the existing masters other than the blank one, duplicate that and add a different background image to each, name each slide master and choose 'Done'.)

Now, all students needed to do was add a new slide (blue + on bottom left) and choose the biome that most closely matched their chosen animal. They pasted their image on the slide, resized and some used instant alpha to clean up the background. (Note: If students had access to Apple Pencil, I would encourage them to trace, color, and delete the original image in order to have a truly personalized look for the visual focus of their infographic.)


Using my example of a deer and its adaptations that I created below, we continued to go back and forth (or use Split Screen view on the iPad) between World Book Web and Keynote in order to add the following components:

  • Title
  • Name of biome
  • Map of where it lives
  • at least 3 adaptations that help it survive


Keynote skills the students learned included:
  • Adding and editing text
  • Inserting drawings
  • Using shapes, callouts, and connectors
  • Recording audio (for a few early finishers)
Also during this fast-paced 45 minute lesson we discussed critical design elements including, font, color, layout (proximity & space), and contrast. 


After all the student groups had rotated through, it was easy to collect the Keynote files through Apple Classroom and send the completed infographics back to their teachers. You can view the students' creativity and scientific knowledge in this online gallery.