Here’s my first foray into Web Apps with a jQuery Flickr search. I use a little bootstrap for widgets and a grid, jQuery to get the value of the input box and send that as a query to Flickr’s API.
I put together an introduction to Game Make video series for my Digital Tech class as they were learning game design. I covered all the basics for a Maze game: animation, character control, collision detection, scores, and even how to add a splash page.
The video is for Game Maker 8.0.
Here’s a playlist of the first main exercise our Programming 2 students have done in Java. In the tutorial, which has 5 going on 7 parts, I show you how to create a Java program that uses Swing dialog boxes to ask the user to provide a temperature in celsius or fahrenheit and converts it the other.
In honor of CSEdWeek (Computer Science Education Week), I have a pledge to you all: I pledge to post a lesson plan or resource for every day of the week. I am a little behind, seeing as it’s already Tuesday, so I have some catching up to do.
Let’s start with Sunday, the first day of CSEdWeek. Since there’s no school on Sunday, I decided to turn my attention towards the usefulness of computational thinking around the home with my sock-sorting algorithm. Yes, you heard me right. Now, you can apply computational thinking to doing your laundry. But first, you might be wondering what I mean by computational thinking.
What is Computational Thinking?
Computational thinking builds on the power and limits of computing processes, whether they are executed by a human or by a machine. Computational methods and models give us the courage to solve problems and design systems that no one of us would be capable of tackling alone.
The beauty of computational thinking is that is helps us learn to use computers to solve problems or simply solve problems in any arena, such as dealing with the sock problem.
The Sock Problem
You’ve been there; I’ve been there too. Your laundry is piling high; your shirts are crushed under the weight of the three-plus loads you never bothered to fold; and now, your kids are looking for their underwear under their beds, in the laundry hamper, and anywhere but where they are supposed to be.
You head out to the laundry room, grab that pile of clothes and begin sorting. You start with the towels—they’re easy to find, easy to fold, and take up most of the bulk. Next, you find pants and shirts and go to work on them. Things are going well, in little to no time, your mountain of clothes is now more like the steppe of clothes.
You’re back is getting sore, but you plod on. You deal with t-shirts and underwear, and then, at the bottom, you see them: the socks. They lie in wait . They are the wiley clothes; in the many years you have folded laundry, you’ve never seemed to have completely folded them all. They are the smallest of the clothes, so even though they take up an eighth of the bulk of clothes, in number, they represent over half of the items in your laundry. If this weren’t bad enough, after dealing with the 30-some items of laundry, you’re still left with mis-matched socks and orphans. We’re they leftovers from a kid sleepover? Did one get lost at the last campout? Did they slip through your drier into another dimension…?
Few sober-minded laundry folders savor the thought of dealing with the socks. Socks are, after all, the dregs of laundry. Typically the last thing a person wants to do is go through this hodge podge of clothes: a sock jambalaya, as it were. Really, who in their right mind wants to go through the tedium of sifting through the 40+ socks to find their mates and return them to home base? What you need is a sock folding algorithm.
The solution takes on two phases: divide and conquer and sort and match.
Divide and Conquer
Phase one has two steps that each follow the classic, Divide and Conquer algorithm. It’s where you divide your targets in half (or thirds or quarters). By doing this, you are able to focus on no more than half of the possible outcomes at any given time. We’ll still have to deal with both halves in my sort, but this method helps you to not concern yourself with all the possiblities and focus on a manageable chunk.
With this in mind, the goal here is not to overthink.
Begin with a general sort by color: this is no time to think, this is time to quickly toss your socks into one of two (or three) piles:
- Multi-colored (this is optional, but often times necessary near the holidays)
- Feel free to add a stack for greys &/or browns (also optional)
Sort by Size: Take each of the three piles and apply one more general sort. Again, this is a quick divide and conquer sort without any thinking. The more you think, the longer and more cumbersome it becomes.
- Short Socks here you want just socks that go no higher than above the ankles
- Long Socks any sock longer than ankle length go in here
Apply a Sort to the Remaining Piles
At this point, you have 2-3 or so stacks of socks. It didn’t take long at all because you quickly divided them. Your job now is to sort each stack. There are all kinds of sorting methods, but there are two sorts worth mentioning: the bubble sort and the network sort. Some computer scientists will scoff at me for using the bubble sort, but remember, these are socks, not a table of database records.
The Bubble Sort: this is actually one of the most inefficient sorts as far as computer science goes, but in a short stack of maybe 10-20 socks, you probably won’t know the difference. Here’s how it goes. According to CSUnplugged.com
Technically, you aren’t actually sorting now. Instead you are matching socks with their mates, but the idea is the same, compare one sock to another, if it matches, fold them and pull them from the stack.
Network Sorting: in a network sort, you are applying multiple “threads” of sorting. You really need to watch the CS Unplugged Video on Sorting Networks or review the online lesson plan. Here’s how it works:
- Line all the socks from the remaining pile along the back of a couch
- Get your spouse and children (if you have them) to line up side by side starting on the left-hand side
- Each person takes a sock in front of them and compare to the person on your right.
- If they match,
- fold them.
- If they don’t match,
- check to see which of the two is smaller and put the smaller sock on the left and the larger on the right
What do we do with the left-overs?
I knew you were going to ask. This depends on your attitude. If you notice that a particular sock never seems to have a match or has a hole in it, it’s time to send it to the cleaning rag pile. If that solution does suit you—maybe you’re more the creative type—you could make a sock monkey or finger/hand puppet.
I’m sorry that my solution doesn’t sound much like computational thinking, but according to the Exploring Computer Science (ExploringCS) Curriculum…
Maybe the leftovers are a traditionally unsolvable problem by computer standards. If so, maybe it can become a Turing Test.
Hello all teachers, administrators et. al. who have attended my CS Unplugged workshop in Eugene. I’m presenting a taste of CS Unplugged at the OACTE Spring Conference in Eugene, OR. I only have 1 hour and 15 minutes to attempt to cover 3 topics.
Below are the PDF versions of my presentations:
- Binary Numbers (Count the Dots)
- Image Representation (Color by Numbers)
- Searching Algorithms (Battleship)
I hope I can get to the Searching Algorithms part because I have an idea for an epic human battleship contest. I spent much time preparing party hats and purchasing goodies for the winners. I might have to switch my initial order of events to make sure we can play battleship.
There are many game-design related topics—too many to cover in a post or 1-hour workshop. I will nonetheless cover a handful of core topics:
- Game Setup & Preparation
- Create core variables for main object: health, score, & lives
- Position all sprites where they need to be
- Hide any sprites that should not be showing
- Display Game Name & Brief Instructions
- Display a stage Background with Game name & Instructions on how to play
- Note: be sure to tell the user how to start the game
- Start the Game
- I recommend you broadcast to start the game (as a message to all sprites)
- Begin the GAME LOOP
- The Game Loop – This is where all the action happens. For the game loop, you need to deal with the following topics:
- Character Control for the “hero”/main object
- Artificial Intelligence for enemy/antagonistic objects
- Collision Detection
- The “End Game” this is where you determine how the game ends
- The End Game
I could write all about this, but I think it’s better to use visuals (especially considering how Scratch is virtually all graphics). For that reason see my PowerPoints:
- Game Design With Scratch Notes – This Gets it started, but it drops off before we get all of the concepts above
Simple AI (Artificial Intelligence
Dealing with Navigating through Rooms
Scores and Lives
“The best way to teach somebody something is to have them think they’re learning something else. – Randy Pausch
Scratch is an entirely graphics-based program that allows kids to easily manipulate graphics in order to create animations, video games, simulations, & other similar applications (whatever students may dream of).
The beauty is that while they are having fun making games and recreating scenes from their favorite movies or television shows, they are also learning computer science.
- Download Scratch (note: you can skip filling out the information and click “Continue to Scratch download.”)
- This is available free for Windows, Mac, & Linux
- Get the Getting Started with Scratch Guide
- Join the Scratch Ed Community Get and share resources with other teachers
Why I Like Scratch?
- It’s easy to use
- You can easily edit and modify your resources: backgrounds, images, and sounds
- You can import your own images and even animate yourself and friends
- It’s like a puzzle where if the pieces fit, it will work
- It covers most programming structures
- conditional execution
- assignment statement
- Those programming structures allow students to visualize what the code looks like
- They have an extensive online gallery that anyone can contribute to and share with others
How I Use Scratch in My Courses
This is more how I as a Computer Science teacher approach teaching with Scratch. I primarily use Scratch to introduce my programming students to program decomposition (how you break up a difficult programming challenge into smaller chunks) and game design. I have found that all I have to do is begin by showing the students the Scratch icon and encourage them to review the Getting Started with Scratch Guide. It’s sometimes only a matter of a few minutes before students are making complicated videos and games.
I also like to use Scratch for my special needs populations. Whenever I have a student on a modified diploma or one that needs additional help, I find that they can use Scratch as a resource and even as an alternative working environment for a program. So, for example, once my students begin writing programs in Python, which is all code, students with special ed needs could use Scratch to tackle the same problem.
The other way I use Scratch is in my exploratory course titled, Introduction to Digital Technologies. This course offers up a sampling of the various courses in our technology department. The goal of the course is to be a teaser for our other courses. Scratch is a quick way to get students interested in programming in a non-threatening way.
I had a lot of fun working with Storytelling Alice for my Programming for Beginners class. In fact, I think I would like to do a workshop entirely on working with Alice (or Storytelling Alice) next time.
What is Alice?
Alice (& Storytelling Alice for that matter) allows you to create and program 3D worlds. It was developed at Carnegie Mellon University under the direction/leadership of Randy Pausch (NOTE: you absolutely must watch Randy Pausch Last Lecture: Achieving Your Childhood Dreams or read The Last Lecture if you haven’t before–I dare you to watch or read it all the way through without shedding a tear).
- You can program animations
- You can program 3D games
- You can program simulations
- With your imagination, I’m sure you can do other things I did not think of
- And Most Importantly, while you’re programming games and animations, you’ll be learning to program the following…
- variables (local & global)
- conditional execution
- repetition (while loops & for loops)
- event-driven programming
- object-oriented programming (methods, properties)
- and you might not even realize it
There are currently 3 Main Versions/Flavors of Alice:
- Alice 2.2 (or Alice 2.0) – Good for high school and college
- Storytelling Alice – Good for middle school or high school (really, in my opinion)
- Alice 3 (Beta) – You need Java for this, for this reason, it’s better used at the college level. Note the beta; it’s still buggy from my understanding. Highlights are that EA has entered into a partnership with Alice and have provided the Sims characters as 3D models in Alice 3.
Alice or Storytelling Alice?
Some may ask which program is the better program to use. I am no expert on the differences between the two, but from my experience, I have noted the following:
- All versions of Alice are free (yay!)
- Storytelling Alice is based on Alice
- Storytelling Alice works the same way as standard Alice
- Anything you can do in Alice, you can do in Storytelling Alice (and vice versa)
- Worlds created with Storytelling Alice will NOT work with regular Alice (not compatible)
- Storytelling Alice has more methods built into each object – This is very important to note as some students can get frustrated getting over the learning curve of programming objects
- For example, the horse in Storytelling Alice has the following Methods ready to go (out of the box):
- shake head
- charge forward
- run (distance)
- paw ground
- walk (distance, speed)
- In standard Alice, if you want to program a horse walking, you would have to create your own method and individually program each leg (top & bottom parts) to move, and you would have to figure out how to make it look realistic
- Another example is the “lunch lady” can perform mind control on other characters (you’ll have to download it and try it out yoursel)
- For example, the horse in Storytelling Alice has the following Methods ready to go (out of the box):
- Storytelling Alice has worlds & objects designed to encourage story-telling – this is probably due to the additional methods