Parts of a

Computer
Digital Escape

BY ERINTEGRATION

Coding & Keyboard Practice

 Table of Contents
Terms Of Use 3
Teacher Notes / Google Link 4
Solution key 5-7
Unplugged version 8-16

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 Thank you for your purchase!
 Erin
TERMS OF USE
All pages in and digital content linked to from this packet are copyrighted
to Erin Flanagan, Erintegration LLC 2015 All Rights Reserved and are not for
resale or distribution. Uploading it to a website for others to download is a
violation of the DMCA. You may not create similar or derivative resources
for commercial use (free or for sale) or for distribution using any part of the
work created by Erintegration. This license is non-transferable and
intended to be used by one teacher.

credits disclaimer
Clipart & Borders: Google is a registered trademark of
Graphics from the Pond Google Inc. Apple, iPad, AirDrop, iMovie,
Whimsy Clips AppStore are trademarks of Apple Inc.
Zip-a-Dee-Doo-Dah Designs Windows, Microsoft Excel, and Microsoft
Glitter Meets Glue PowerPoint are registered trademarks of
Microsoft Corporation. PicCollage is
Backgrounds: property of Cardinal Blue Software, Inc.
Hidesy's Clipart All product and company names
Revidevi mentioned above and within this
PrettyGrafik resource are copyrighted,
trademarked™ and/or registered®
Emojis Licensed by: trademarks of their respective holders.
EmojiOne (Version 2.0) Use of them by Erintegration does not
imply any affiliation with, sponsorship by,
Icons Made by Freepik at Flaticon or endorsement by them.

CLICK THE BUTTON TO CONNECT WITH ME

Blog
 Paperless Instructions
Assign the Google Slides version for students to complete
paperlessly. This version is compatible with Microsoft PowerPoint.
You do not need to print anything. Just click the link below to
get a copy of the ready made Google Slides activity and assign
to your students in Google Classroom:

CLICK HERE TO GET A COPY OF THE GOOGLE SLIDESHOW

Students will check their work at the end by inputting the pieces
into a Google Form. After clicking Submit, they click the purple
view accuracy button to check. In the interest of simplicity, this
Form is NOT a shared form, it is just used for students to self-
check. I do not collect personal information and responses are
not saved.

Students should submit their Google Slideshow for you to grade.

Unplugged instructions
Print and hand out pages 8-16 to each student or to partners.
Students will complete the activities on paper. ASCII text art will
need to be created on graph or grid paper. Students will draw
the characters in each box.

Answer key
Piece 1 motherboard
Piece 2 CPU
Piece 3 hard drive
Piece 4 RAM
Piece 5 graphics card

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece Solutions
piece 1

M O T
H

R E
B
O A

D R

piece 2
,-----.,------. ,--. ,--.
' .--./| .--. '| | | |
| | | '--' || | | |
' '--'\| |---' ' '-' '
`-----'`--' `-----'

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece Solutions
piece 3

piece 4

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece Solutions
Piece 5

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 Help label the Hardware
Robot wants to build a computer, but it isn't sure
which piece goes where! Use your keyboarding &
coding skills to solve the puzzles to identify & label
the 5 computer hardware components

1. 3.

2. 4.

5.

4
2

3
5
1
© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece #1 Coding on the keyboard

Directions
Follow the algorithm to type a
word. The first step will always Key
be the first letter of the word.
After typing the first letter, you  Press Key
will move in one of six possible
→ Move right
directions as shown in the key
and diagram. You may only ← Move left
move to keys that are
immediately next to or diagonal ↖ Move diagonal left up
to the letter you are currently
on. ↙ Move diagonal left down

↗ Move diagonal right up

For example, in the diagram
below, if you are on the D key, ↘ Move diagonal right down
you can only move to SERFCX.
The  symbol means to press
the key that you have landed Diagram
on.

The code will build a real word;

only letter keys will be used. If
you make an error, go back
through the code and debug.

Hint: Count the  symbols to

see how many letters are in the
word before starting.

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece #1 Coding on the keyboard

What word did you make?

START
on M

 ↗2  ←4  →1 ↘1

↙2 →3  →1  ↗1 ←4

→2 ↗2  ←7 ↙1  →2
↗1
END  →2 ↘1 ←3 
© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece #2 ASCII Text Art
Follow the code to create a picture on graph paper using ONLY
the ASCII keys on the keyboard indicated. Each piece of code
gives a number and a character key. Draw one character in
each grid box only. The number tells how many times to draw the
key. The word Space means to leave that box blank. Enter means
move to the next grid line.
Drawing tips
1. Try to write Monospace letters. A monospace means all of the
characters, symbols and spaces have a fixed width.

monospaced variable width

2. Draw "dumb quotes." Dumb quotes are the quotation marks
(and the apostrophe) that are straight, NOT curved or slanted.

" and ' " and '

3. Draw your characters centered in each grid box. Remember,
some characters float above the center line like *'~^ and some
will be on the bottom line like .,_
Example
1 =
1 /
1 \
MEOW
Line 1

1 .
1 Space
1 . = ^ . . ^ =
1 /
1 \
1 =
© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece #2 ASCII Text Art
LINE 1 LINE 2 LINE 3 LINE 4 LINE 5

1 '
1 '
2 Space
1 | 2 Space
1 .
1 Space 2 Space 1 '
2 –
1 , 1 | 2 –
1 .
5 – 4 Space 1 ' 1 Space
1 /
1 . 1 | 1 \ 1 '
1 |
1 , 2 Space 1 | 5 –
2 Space
6 – 1 ' 2 Space 1 '
1 .
1 . 2 – 1 | 1 `
2 –
1 Space 1 ' 3 – 2 –
1 .
1 , 1 Space 1 ' 1 '
1 Space
2 – 2 | 1 Space 6 Space
1 '
1 . 2 Space 1 ' 1 `
1 |
1 Space 1 | 2 Space 5 –
2 Space
1 , 1 Space 1 ' 1 '
1 |
2 – 1 | 1 – Enter
1 Space
1 . 2 Space 1 '
1 |
Enter 1 | 2 Space
2 Space
Enter 1 '
1 |
Enter
Enter

Keys Needed To Draw

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
piece #2 ASCII Text Art

What does it say?

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece #3 Crack the Code
What is this a picture of? How has it been changed? Can you
figure out the secret message?

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
piece #4 Reveal the Pixel Art
Use the code to color the squares to reveal a pixel art image.

Key
Home Row Characters Color cell LIGHT GREEN

Symbols made with the SHIFT Key Color cell DARK BLUE

@ % ! ( : % _ < " ^ ? { @ > #

g k a ' < k l a ; _ g * " $ h

l _ & l " a " % s * k ' } a s

j } ! d + s ^ ? d $ ; + h % j

h s f s ^ l d l k } d @ k ~ d

; f # $ ( ; # ! l : g ^ _ : l

' } a * & d % > f @ h ~ & * k

j < ? h $ h ! ( h % f ^ + ( g

& ? > ^ * & _ ~ & " $ % ) ~ :

What does it say?

© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9
 piece #5 Coding Maze
Start at the first piece & use the directions → ←↑↓ to pass
through each of the pieces in order from 1-5. As you travel,
make note of the letters you pass over. This is the name of the
final hardware piece!

→ → ↓ ↓ ↓
→ ↓ →
→ → ↑ ↑
← ↑ ↑ ↑
What does
M O U S E S T it say?

K E Y B Y C
G R O A D P
P O A O R R U
W E P N D A
R C H O A C
A R D I C S
© E R I N T E G R AT I O N B Y E R I N F L A N A G A N 2 0 1 9