1. Center for Embedded Networked Sensing University of California, Los Angeles CS4HS Workshop July 23, 2009 And kinesthetic computer science activities Lynn Lambert Christopher Newport University Newport News, Virginia

2. Author: Tim Bell (not pictured: Ian Witten and Mike Fellows)

3. Global project New Zealand Sweden United Kingdom Korea Japan China Haiti Even USA (CSTA, Peter Denning, Carnegie- Mellon, SIGCSE, AP Reading, NECC)

4. What is Unplugged How to teach important computer topics without using computers at all!computer topics Have Fun! www.csunplugged.org

5. Like? Binary Numbers Image Representation Text Compression Error Detection and Correction Searching Algorithms Sorting Algorithms Sorting Networks Minimal Spanning Trees Routing and Deadlock Finite-state Automata Programming Languages Information Theory

6. Magic Trick Make a 5x5 grid with colored squares, some with one color, some the other. Magic

7. Even parity Can detect a bit that was corrupt ISBN detects adjacent swapped digits or a single incorrect digit X 10 = (1x 1 + 2x 2 + 3x 3 + 4x 4 + 5x 5 + 6x 6 + 7x 7 + 8x 8 + 9x 9 ) mod 11 Harry Potter and The Deathly Hallows: 0-545-01022-5 (0*1 + 5*2 + 4*3 + 5*4 + 0*5 + 1*6 + 0*7 + 2*8 + 2*9 ) (0 + 10 + 12 + 20 + 0 + 6 + 0 + 16 + 18) = 82 82 mod 11 = 5 Parity Checking

8. Binary Digits

9. BINARY NUMBERS HAPPY BIRTHDAY, Daniel Radcliffe ! Born July 23, 1989 Daniel Radcliffe turns 20 0 0 1 0 1 0 0

10. Characters in Binary 00101 01100 01000 01100 01111 H E L L O 1234 ABCD 5 E E 6789 FGHI 10 E J 1112 13 14 L M N 15 E O 16171819 P Q RS 20 E T 21 22 2324 UVWX 25 E Y K 26 E Z

11. Characters and Sound Represented in Binary “ASCII” Modem

12. Each pixel is a bit Image Representation (black and white) 1440 * 900 = 1,296,000 pixels/bits

13. Each pixel is a bit 00001111111111100 for first row etc. Image Representation (black and white)

14. Image Compression Run Length Encoding 4, 11, 2 4, 9, 2, 1, 1 4, 11, 2 4, 9, 4 5, 7, 5 0, 17 1, 15, 1

17. Each pixel is a bit Still 1,296,000 pixels Now, each pixel is Image Representation (Color) 32 bits

18. Color Images RGB color 0 0 255 for blue 00000000 11111111 Microsoft Office Color

22. 204/102/0 226/113/0 196/198/0 226/113/0180/90/0 141/105/101 240/240/255230/206/158 179/102/38 141/105/101 232/238/228218/218/200217/187/63

23. Routing and Deadlock Orange Game

24. TREASURE HUNT: Finite State Automata (FSA) FSA are theoretical state models Unplugged uses a treasure hunt. Others: letters to accept particular words a metro map for getting to a particular location

25. TREASURE HUNT What is the quickest route? Finite State Automata

26. “Yesterday” by The Beatles L-Z Compression Yesterday love was such an easy game to play Now I need a place to hide away Oh, I believe in yesterday. Why she had to go I don’t know, she wouldn’t say. I said something wrong Now I long for yesterday.

27. MARCHING ORDERS Programming Languages One of the most frustrating things about programming is that computers always obey the instructions to the letter, even if they produce a crazy result.

28. CS Unplugged in High School (by Scott Fletcher) Perfect: Binary Numbers, Programming Languages ("first day exercise“). Image Representation to introduce computer graphics to the students. Text Compression (used a popular song that the kids would recognize) Used briefly to introduce a topic: Twenty Guesses or the Card Flip Trick Sorting Networks Algorithm, Minimal Spanning Trees, Treasure Hunt could have been more challenging Did not use: Battleships (pretty involved) Lightest and Heaviest (too much equipment) Orange Game (but should have)

29. Have you used Unplugged? How?

30. Sorting and Searching In the book Battleship (Searching) Lightest and Heaviest (Sorting) Sorting Network Your ideas

31. FIND SHIP # 9264 BATTLESHIPS: Search Method 1 GAME 1: Ships are in random order.

32. BATTLESHIPS GAME 2: Ships are in increasing order. FIND SHIP # 5905 33 183 730 911 1927 1943 2200 2215 3451 3519 4055 5548 5655 5785 5897 5905 6118 6296 6625 6771 6831 7151 7806 8077 9024 9328

33. BATTLESHIPS GAME 3: Ships are ordered into 10 groups based on the sum of the digits of the ship modulo 10. FIND SHIP # 9503 9308 1478 8417 9434 3121 9503 1114 7019 6519 2469 5105 1524 8112 2000 9050 1265 5711 4200 7153 6028 2385 5832 1917 1990 2502 4135

34. BATTLESHIPS These three games illustrate linear search binary search hashing What is the maximum number of guesses required for each of these search techniques for n battleships?

35. LIGHTEST & HEAVIEST Start with a few (6 or 8) containers with different amounts of sand or water inside. Seal tightly. Children are only allowed to use the scales to compare the relative weights of two containers. Only two containers can be compared at a time.

36. LIGHTEST & HEAVIEST: Method 1: Selection Sort Find the lightest of the containers using the weights they have been given, using only the balance scales. Now compare that with another, keeping the lighter from the comparison. Repeat until all the objects have been used.

37. LIGHTEST & HEAVIEST METHOD 2: Quick Sort Choose one of the objects at random. Compare each of the remaining objects with it, and put them in one of two groups. Put those that are lighter on the left of the object in the middle, and those that are heavier on the right (there may be no objects in one of the groups). Repeat this procedure on each of the groups— that is, use the balance to divide the groups into subgroups. Keep repeating on the remaining groups until no group has more than one object in it. The objects will be in ascending order.

38. Sorting network < > Right Left

39. Sorting and Searching In the book Battleship (Searching) Lightest and Heaviest (Sorting) Sorting Network Your ideas

40. Non CSUnplugged Activities Andy Begel, Steve Wolfman, Dan Garcia KLA (Kinesthetic Learning Activities), http://ws.cs.ubc.ca/~kla/, http://ws.cs.ubc.ca/~kla/ Binary Tree Recursion cons, car, cdr AP Reading Toy Night with Robert Duvall Internet, Sorting, Searching AP list, CSTA

41. THE MUDDY CITY Our society is linked by many networks: telephone, utilities, roads For a particular network, there is usually some choice about where the links can be placed. This exercise examines a complete network to determine the links necessary to connect all the components of the network at minimal cost.

42. THE MUDDY CITY

43. 5 2 4 3 3 2 5 2 3 4 4 2 4 3 4 4 4 3 3 3 a graph

44. 5 2 4 3 3 2 5 2 3 4 4 2 4 3 4 4 4 3 3 3 THE MUDDY CITY a graph

45. THE MUDDY CITY This exercise illustrates how to build what we call the “minimal spanning tree”. A tree does not have any cycles where you can get back to where you were before. This exercise does not give us the shortest path from one location to another. But there is another algorithm for that!

46. Peruvian coin toss Try for a fair coin toss over the phone

47. Information Theory Can you read the following sentence? Ths sntnce hs th vwls mssng. You probably can, because there is not much "information" in the vowels. This activity introduces a way of measuring information content.

48. Shannon theory Twenty questions Guess a number

49. Shannon theory Guess a letter Guess a sentence Probability and information

50. Your Turn Break up into groups, and answer at least one of the following: 1.What unplugged or unplugged-like activities have you done in your classroom? What worked/didn’t work? 2.Create an activity that you and others can use in a classroom.

51. Example mappings 1.What unplugged or unplugged-like activities have you done in your classroom? What worked/didn’t work? 2.Create an activity that you and others can use in a classroom. Props you can use Cards two sides, choice, combinations, permutations Cups, containers, buckets hidden information, two states, variable, limited contents Stickers, marker pen commit, label, colour, user input Chalk on pavement/ tape on floor transitions, paths, target Board game paths, chance, rules Food competition, humour, colour, sharing, size String Connection, communication, length, network

52. Your Turn Reporting

53. Cryptography Public/Private Key One Way Functions Send Information

54. One way function Both have the same telephone book Pick a function Odd/even length of name Name begins with H/T

55. Select name

56. Record phone number 332-6308

57. Presenter guesses: H or T? 332-6308

58. Presenter tries to find name 332-6308

59. Human-Computer Interaction ≠

60. Stop the computer...

66. HCI Works sheets Affordances for doors Layout of ovens Dumb interfaces System is machine plus user

67. CS Unplugged wants your ideas: Designing an activity What are the key elements? e.g. bits, states, compare, relationships What games/puzzles/toys use similar elements? Turn it into a challenge To find (best) solution Compare speed (of groups or methods) Team? Impediments? Evaluate Simplicity, engagement, cost, novelty Refine Show to lots of kids/teachers/profs Publish

68. Questions?