Characters, Symbols and the Unicode Miracle explains how ASCII arose from the need to communicate data in a compatible manner between computer systems, and the problems that arise with this apparently simple task. It then discusses the creation of the Unicode system.

Unicode table is a nice scrollable web page which lists all of the unicode characters. The title and a brief description of each section is presented while you scroll. This page is useful for helping students realise just how many different characters need to be represented by computer systems, and the problems this would cause with a standard like Unicode.

This download contains all lesson resources necessary to teach students how ASCII is used to representation text in a computer system. The download includes several fun activities where students have to uncover 'secret' messages using their understanding of binary and ASCII. There are different worksheets for students of different levels.

This lesson is one of the many excellent resources provided under CC-NC-SA by Mr Colley.

Gary Kacmarcik at the excellent cse4k12 site has created a set of sheets for a lesson activity on text representation. The first sheet is an ASCII table and the other two sheets ask students to encode a text message and decode a message respectively. Note that students are expected to encode and decode using hexadecimal rather than binary (although they could easily be asked to use binary instead).

CS Field Guide is an absolutely fantastic resource filled with material that is well written, clear,and accessible. Each section comes with highlighted key points, extension points, and even interactives to help understand the concepts. The interactives are excellent as teaching resources (many of them are linked here), while the notes themselves make excellent revision resources - particularly for GCSE.

This section covers all aspects of data representation - numbers, text, images, and instructions.

The slides in this presentation present basic 'facts' about computing fundamentals: input, output, binary, hexadecimal, and data representation. Each slide contains a number of basic mistakes (highlighted on the following slide). Students simply need to read through the text, spot the mistakes - and correct them. These activities work well as quick lesson starters or plenaries to check understanding.

There are three versions of this excellent applet, designed for the University of Chicago's Introduction to Computer Science course to help students understand image representation in computers. In the first version, students simply enter binary digits to represent black or white pixels. In the second version students are introduced to the concept of a very basic file format, with the first two bytes representing the image dimensions. Students can also enter the data in binary or hexadecimal. The final version is even more complex, allowing students to specify the colour depth of the image, and requiring them to enter the appropriate number of bits for each pixel.

Overall this site is an excellent introduction to data storage and image representation, and makes a complex subject quite entertaining.

These activities involve students converting between bitmap images and numeric representations of them in binary and hexadecimal. This is a great way to see how relatively complex information can still be represented as binary. You can download the worksheet with guidance and an additional blank worksheet.

The activities were created by Gary Kacmarcik at the Computer Science & Engineering for K-12 site, which contains an excellent range of activities. They are licensed under the Creative Commons Attribution-Share Alike 3.0 Unported License.

Section 5.5.2 of this much bigger page on data representation covers the uses of hexadecimal numbers to represent colours in images. It explains the correlation between the hexadecimal digits and the number of bits available, and the effect the bit depth has on the appearance of the image. The excellent interactives really make the concept come alive and visually highlight these differences to students. A highly recommended resource.

This pixel viewer can help students understand how images are created and represented. Zooming right into the image reveals the RGB values of each pixel, shown in decimal.

This is a great little resource for demonstrating the effect of bit depth on images. The same image is displayed at various colour depths from 24 bit to 2 bit. It is also possible to upload your own images and have them displayed in the same way.

A colour matching tool that asks users to play with the RGB sliders to match a specified colour. This is a great way to help students understand how red, green, and blue are mixed to produce colours. What makes this colour matcher stand out is that it also represents the colour values in binary (24 bit) at the bottom. This makes it a useful companion for tools like Pixelization (see elsewhere on this page).

This download contains all lesson resources necessary to teach students how sound is represented in binary. It includes PowerPoint presentations, worksheets, and sample sounds for students to play.

This lesson is one of the many excellent resources provided under CC-NC-SA by Mr Colley.