Showing posts with label Code. Show all posts
Showing posts with label Code. Show all posts

Thursday, January 30, 2014

Hopscotch App


I'm a little behind with a few of my blog posts.  I intended on posting this one prior to the new year.  But, here we are in 2014, and I am talking about the Hour of Code.  So if you can just look past the Santa hats strewn across the room, it would make me feel better.

Last month for the Hour of Code, Mrs. Kassie Hanger's second grade students used the Hopscotch app on their classroom iPads.  There was an easy-to-follow tutorial provided for the #HourofCode, and I used part of the video to introduce the app to several students.

Hopscotch, a free iOS app, is a perfect starting block for teaching the basic concepts behind coding and backend development, while at the same time getting students excited about using tech from a developer's perspective.  As an introduction to coding, I always talk about video game, website, animated cartoons, and app development (at a lower level) to make the concept of coding more tangible.


While playing with Hopscotch in second grade, I found that several students demonstrated a knack with the program, and all the students instantly began to display excitement, engagement, and motivation to learn this new skill.  One student in particular seemed to find this program extremely engaging, and he was somewhat of a natural at linking the drag-and-drop command blocks.  When he would discover a new set of instructions that made his character(s) do something cool, his fellow classmates begged him to share his coding blocks.

This spurred a series of impromptu challenges provided by students within class that day.  To say the least, students were buzzing with excitement.  The experience cultivated a small passion for using the Hopscotch app and some of that excitement/passion must have spilled into the evening.

Parent Praise 

The next day, one particular student's mother called the school and asked his classroom teacher about coding and why her son was so excited about it.  Apparently, this student told his mom that he knew what he wanted to be when he grew up, which was a coder.  His mother was pleased to see her son excited about school and who can blame her.  Whenever a son/daughter can come home and start the conversation about school without being asked to share what they learned, it's an exciting day for parents.
"[Student's Name] told me all about Mr. Gibson coming and talking to him at school today about coding.  First, I just want to thank you for allowing him to come in and teach him!  Second, please pass along to Mr. Gibson how grateful we are that he is showing an interest in [Student's Name] and helping him learn more about coding.  He is so excited about it.  We have already downloaded the book on our iPad and he is reading it now!

Again, thanks so much!  We really are so thankful for you [Mrs. Hanger]!!:)"
Now, will he maintain this interest in coding all the way through to adulthood, probably not. Nevertheless, at least he knows what coding is, and as a second grader that allows for many years of playing around with coding concepts and computer science.   And maybe it will allow him to figure out exactly what he wants to do.  I always wanted to work with computer animation and video gaming industry.  When I made it to college, there weren't many options for this career pathway.

Thoughts for Hopscotch

Not too long ago, I found Dr. Wesley Fryer's free eBook with Hopscotch Challenges from one of his social media shares.  And I have to say, I want to have these students try some of Fryer's challenges, but I would also like to encourage students to create their own challenges for his classmates.

Now, if I was Hopscotch, I would create a Hopscotch forum and/or video section to allow users to upload challenges without going into too much detail about their code initially.   How can this game become more social?  Students had fun time working through their personalized challenges with their friends.  I think this excitement can be sustained through a social-media-type site for apps like Hopscotch.

Sunday, December 8, 2013

Gear up for the #HourofCode

Why the hashtag?  Because if you participate, I think you should share your success or failure with Twitter.  Failure is a first attempt in learning, and should not be hidden.  Try it and if it doesn't work don't discredit it.  Instead reflect, evaluate, and revamp your coding lessons.

The Hour of Code week runs through December 9th to the 15th.  This week is considered Computer Science Education Week.  To review the #Hourofcode, the following video does a great job explaining this campaign and how to get started.  Following the video, there are a list of links to get students coding for varying amounts of time in the classroom.



If you would like to participate in "Hour of Code" activities.  Use these ideas in lieu of your regular Science content for a day.  Try to create a Coding Center in the room for free time.  Complete one or multiple activities listed at these links.  Or at least, take a look at the activities and try them out when you have time.  Maybe it doesn't happen during this upcoming week; however, try to engage students in these activities sometime throughout the year.

Here are a list of resources for getting started:
  1. Computer Science Education Week's Activities Page
  2. Hour of Code Forum
  3. Code.org YouTube Videos

<iPad Apps>

The following apps are kid-friendly for the Hour of Code.  


Cargo-Bot - This puzzle app challenges students to make a robot move crates with a series of up, down, left, right, and looping commands.  Cargo-Bot is a great example of how a game promotes concepts related to coding.  I would recommend this app for Kindergarten and up.  The image above displays the Cargo-bot interface during play and immediately following a successful program.


Daisy the Dinosaur - This app promotes computer programing concepts with an easy to use drag and drop interface.  Students can quickly grasp the idea of using objects, sequencing, and loops to animate Daisy the Dinosaur across the screen.   When students first enter the app, they can choose Free Play or Challenge Mode.  The former offers the freedom to get to know the available commands, while the latter provides students with direction on what you need to get Daisy the Dinosaur to do.  The image above displays the Daisy the Dinosaur interface.


Hopscotch - This might be the coolest solution because there is an associated tutorial to follow along during the #Hourofcode.  The tutorial provides three links: one to download the app, one to watch the tutorial, and one to get a certificate of participation in the #Hourofcode.  The image above displays the Hopscotch interface.

<MacBook Resources>

These are the web-based apps that Code.org recommends for students during the Hour of Code.  Because these are web-based tools, they will work for students using MacBook Airs and not require an application to be downloaded.  Nevertheless, students might need a flash plugin to run Light-bot.  If that is the case, have students try different browsers before calling it quits.


Light-bot tutorials provide students with a step-by-step guide on how to use the Light-bot web-based app, which will provide the students guidance as they work through the tutorials.


MakeGamesWith.us is a tougher activity, but still a great experience for students to get a taste of real coding.  The coding language used with this program is called Objective-C, which is used to developed iOS apps.  App development is great field to get into currently and I can only image it will become even more promising in the future.  Of course, coding languages will change, but using this language can help students understand how the interactions within an app are created.


Scratch is log-in required web-based coding program that many schools have been using on a regular basis. When I coached Lego-Robotics, some of the students were dabbling in Scratch for the fun of it.   It is drag-and-drop coding interface similar to the easy-to-use Daisy the Dinosaur mentioned above.  If I started an after school program for elementary students, this would be one of the programs I would focus students attention on because their are a lot of options with this web-based programming tool.

<Unplugged Resources> 

This list will provide you with all of the "unplugged" resources available to engage students in an hour of code without having wireless access. 

fuzz Family Frenzy  - "Designed for use with plain paper, the fuzzFamily Frenzy is an introduction to programming logic for kids 5 and up. A teacher should explain the game, then students program a partner to complete a simple obstacle course." - Computer Science Education Week 2013

Binary Buables - "Students learn about representing and storing letters in binary, as functions of on and off. At the end, the class gets to encode their own initials to take home with them." - Computer Science Education Week 2013

My Robotics Friends - "Using a predefined "Robot Vocabulary" students will figure out how to guide each other to accomplish specific tasks without discussing them first. This lesson teaches children the connection between symbols and actions, as well as the invaluable skill of debugging. "My Robotic Friends" works best as a group activity and includes a teacher workbook for classroom use." - Computer Science Education Week 2013

</In the End>

I understand that the life of a teacher is a busy one, and there always seems to be little time in the day. But, these skills can offer many students a productive and rewarding outlet for their affinity with technologies.

As a kid, I wanted to become a game designer.  I grew up with Mario and Luigi, and Nintendo games made me wonder how complex it would be to develop my own video game.  When in high school, I asked my student counselor how to pursue this career.  And as well-intentioned as can be, she could only offer me a drafting class and art class.  Both classes could only get me so far and did little to make me want to continue down the path of video game development.

How many of your students would probably enjoy creating video games, animations, interactive websites, apps for mobile devices, etc?  Now, think of how many opportunities they have to actually explore this career pathway.  So, even if you don't have time this week, think about offering students a choice to use any of these applications in order to expand their horizons.

Last but not least, here is a final advertisement for the #Hourofcode.