Type a bunch of nonsense to move this text further to the rido this! Home | mathies Tools | Colour Tiles
colouredTiles.png
Sp
OpenButton.png
OuvrirButton.png
DownloadButton.png
SP
Type
Click to Open in a new browser window

Click to Open in French in a new browser window

Click to view options for offline use
(more details)
AppIcon152x152.png

iTunesAppStore.png
GooglePlayStore.png


Version française de cette page

This information has been updated for version 2.0.0, released April 2018.

Overview
Examples
Sample Files
Features of the Tool
Buttons
Features of Updates Videos
Keyboard Shortcuts
Links

Overview

Use the Colour Tiles Tool to represent numbers, ratios and percents. Explore patterns and measurement. Create geometric designs. Users can change colours, shapes, create mirror images, rotate, and clone selections.
Three shapes are available: squares, circles, and rounded squares. Three sets of colours combine to give almost 100 choices. Use the underlying grid, with or without number labels, to help position and count tiles.

Take a screenshot of your work to share with your teacher or add to a portfolio.
You can access a wide variety of Annotation tools using the Button_Annotation.png button to communicate your thinking.
You can insert pictures into the Tool using theimportPicture.PNGbutton.

As of V2.0.0, it is possible to save and open files. This feature allows students to save their work and return at a later time to complete it.
It also facilitates sharing of completed work with a peer or teachers. See the sample files provided below.

top

Examples

Representing

ColourTilesiPadSS1.png
On desktop, click to open this file.

external image FLdAVOQnVAh1GQxwAc9VHDwMMQhtrDibbwk2g3vavmFB_wrUSLXsdvQ-7LlAKKEo_aON-mseLkjUG_OXzusgqKkTaMsxp4EPahO0AB9OjADj1ZK8LV8K0WEhjY3B6AEjpKdIk9_V

top

Model Operations



external image mxeNBI-WZirFsNaeag70kYJT_82F47O0NbDCQpkaNFkh7iBpbIPQgCrBYkbJK6g81mAcApUUpQtLAbvx8dBSYR8Z4-ejaWOHzuS8yoTNzdZECr2jLCMyhI4FvGdwEh2CjdSJzCTE

external image 2pBpE6DBP5a9YR1_jCbib7Y3RFd-23nbPBx5NIrsGaLwv0PTm4Vc1NbDIHHdSoeTyFlH1dGmh8xQSTpilvwxvxXVVvJb7DatZjtv8WZnQR2-niql3yminCqf5vR4SkbBA8C2ozA3
top

Patterning



CT_Android_10in_SS3.png
On desktop, click to open this file.

Linear Growing Patterns
external image kpbw2hhgYZSmKGTO6VZhU-hS7sZn2sCZkIdjjKKS8woSOQEiXm0zJ5f0lGFjHbt3LwxMUEFj3gDIrwjmpINwwUZSKK6uno9sYgSaicKLAltMtR5_OWaj-akGFQDJ4tLPGLFUj3FQ


AB Pattern
TablesChairsPattern.gif


Tables and Chairs
See Engaging Math's Visual Patterns Cards which uses the Colour Tiles app.

top

Measurement and Geometry

CT_iPad_SS4.PNG
On desktop, click to open file.

CT_iPad_SS2.PNG
On desktop, click to open file.

The following is a nice exercise to get new users familiarized with the tool and some of the useful buttons.
ColourTilesSymmetry25Steps.gif
Symmetry and Transformations

Here is a video demonstration of one possible solution:

external image wniVhYDEFl_mkyZV0aUIVbgXzxv8tcmyeZz-cOLxZMQDB8gO7PtKbikZqXehOu_Hprw1XT5X5uXBjQXgkFg4zDBkhw-ThKVUGzoim_oXoaUiYrZuTJpkTpJJmDZg_jenRU8DOR2-
Symmetry
Creating Nets. These could be printed out and constructed.

Net.gif

top

Beading
The Beading set of tiles grew out of the "Connecting Indigenous and Western Mathematical Ways of Knowing" research project that Dr. Ruth Beatty, Lakehead University, and Danielle Blair, Provincial Math Lead,
have been doing in partnership with select First Nations, Métis, Inuit communities and Ontario school boards.
Students can use the tool to design their loom bead work and engage in mathematical discourse around pattern, number, symmetry and transformations.

An Eganville District PS student using v1.0 of Colour Tiles as part of loom bead study
An Eganville District PS student using v1.0 of Colour Tiles as part of loom bead study

Below is an example of a 3 colour, 1 bead chevron pattern. This type of pattern has a 3 column core.
Notice the colour of some of the cloners in the selection panel has been changed to facilitate the creation of this pattern,.

CT_Ex2.PNG
On desktop, click to open this file.


top

Sample Files (for V2.0.0 and beyond)

The following sample files are supplied.
Click the link on desktop or alternatively,
use the www_button.PNGOpen WWW button in the Settings dialog and the URL supplied below, or
download the file (right-click and save locally on desktop) and use the open_button.PNGOpen button in the tool.
More details about File Operations.

Image

sp

Sample

sp

URL



(click on the link on Desktop)

(type or copy into Open WWW text box, or right-click and save locally)
ColourTilesiPadSS1.png

Represent Numbers

http://mathies.ca/files/examples/CT_Ex1.xml
CT_Ex2.PNG

Chevron Beading Pattern

http://mathies.ca/files/examples/CT_Ex2.xml
CT_iPad_SS2.PNG

Transformations

http://mathies.ca/files/examples/CT_SS2.xml
CT_Android_10in_SS3.png

Patterning

http://mathies.ca/files/examples/CT_SS3.xml
CT_iPad_SS4.PNG

Area and Perimeter

http://mathies.ca/files/examples/CT_SS4.xml





Note: These files were designed on a desktop computer and may not open exactly as shown on other devices.
top


Features of the Tool

Colour Tiles opens with a choice of three sets of tiles.
It is also possible to switch languages and open a file from your device from this opening screen. (as of V2.0.0)
CT_OpeningDialog.PNG

Buttons


Button_Annotation.png

Annotation Tool

Hide/Show a wide variety of Annotation Tools which can be used to communicate your thinking.

importPicture.PNG

Insert Image Button

You can insert images into the tool. More details.



Button-UndoRedo.png

Undo/Redo


Step backward or forward through your actions with the tool.
This feature is not only useful for backtracking when a misstep is made, it enables a student to demonstrate their work from the start to the finish.
They press Undo until they are at the start of their solution and then press Redo repeatedly, explaining each step.
Button_Reset.png

Reset

Delete all your work and return the tool to its starting state.
Button_Info.png

Information

Opens a dialog with a link to this wiki, a feedback form as well as copyright details and version number.

external image 60KeiCQ1tCxkhvJisN-hp_p4o0Uk58rOpvf9Edgr1uqCmix1wSDrCU2XKAlVBJvsim22qU9EBWKiEH3wP7-J175ZZTzL_O0JYDeKmXC41MeCBh1fjYJhj_Oh-iKz3XMZ_L3KGtgb
Button_Settings.png

Settings

Shows the settings dialog which opens with the Tiles tab showing by default.
Click on Grid to access configurable properties for the background grid.
Click on File to access open, import and save file operations.

CT_SettingsTilesTab.PNGCT_SettingsGridTab.PNGCT_SettingsFileTab.PNG

The Apply to workspace setting allows the user to determine whether changes to tile shape are applied
only to the cloner tiles in the selection panel or also to the tiles in the workspace.
The Auto Size Annotation setting is selected by default. This means that if the tile size is changed, any annotation in the workspace will be
scaled to match. Deselect if you do not want this to happen.
Button_Recycle.png

Recycle

(in the work space)
Click to clear selected tiles. If nothing is selected, the entire work space will be cleared.
Alternatively, drag items to the recycle bin to remove them.
ColourTiles-TileSizeButtons.png

Tile Size

Increase / decrease tile size.
ColourPaletteButton.gif

Change Selected Tiles

Show the moveable Change Selected dialog to change the colour or shape of selected tiles.
ChangeSelectedDialog.gif
ExtendSelectionButton.gif

Extend Selection

All tiles that have the same colour as the currently selected ones are added to the selection. If no tiles are selected, all tiles become selected.
ColourTiles-TileCount.png

Tile Count

Show the moveable dialog with a count of each colour of tile.

external image rIhLqdF2ha8nlGU3rm4a8LdVZnkSWvAg77heuR4ZxKG67mqjp4HnXWkWDOAlq2dE_EoTPq89lrtmegWDX_gUfKwdusfec1MlMAxFRbBm94rCeyVOVcfcvyIbIcGoSpL21vxWqysc
top


Other Functionality


Multiple-Selection.gif

Multiple Select

Draw a marquee rectangle around a tile, or group of tiles to select it. Hold down the SHIFT key to add to the previous selection.
If tiles overlap, only the tile at the top will be selected (unless you hold down the ALT key).


Click a tile to add to or remove from selection.

Selected tiles can be moved, copied, rotated, reflected vertically or horizontally, or recycled as a group.

The grey button at the top right will compact these controls into a moveable dialog.

CompactControls.gif

Simply close the Controls dialog to bring the controls back around the selection. The controls are only visible when tiles are selected.

external image Aza965Z0nJvRtuIoRNueWFgYcVCJ5WU-jcolWkBhooM8qBo6e2l9_Hk13E_b5YKYRNvCNzEBBq-gNVffjMme6GVb20_flXTutH_2Kn8T13mcLI5gDtQ-V6V6ivSlqSUzJZ8dW49q

Configure the Selection Panel


Click on a cloner tile in the selection panel to change its colour
(Beading and Multi only).
top

Features of the Updates Videos


View a movie about the new features in v.2.0.2.
(Save and Load Files, New Annotation Objects, Annotation Feature Tip Sheet, and the French localization)


View a movie about the new features in v.1.1.1.
(Changes in v1.1 brought to mobile, changes and performance improvements to undo/redo, compact Controls dialog, and multiplier keyboard shortcuts).

Not working? Try mp4 format

View a movie about the new features in v1.1.
(Opening Dialog, new shapes and colours, new Change Selected dialog, new Settings dialog, new Extend Selection by Colour button, new Count dialog, changing cloner tile colour, and top layer selection).
As of V2.0.0 the Settings dialog now looks different. The functionality described in this video is now found spread across the Tile and Grid tabs.

Not working? Try mp4 format

top

Keyboard Shortcuts

On the desktop version of this tool, all of the standard Keyboard Shortcuts have been implemented as well as the special movement, rotation and reflection keyboard shortcuts.

Note: If the CTRL key does not work try the SPACE key.

To change the multiplier use 1, 2, 5, 0 (for 10), SHIFT+0 (for 100).
CTRL + 1 through CTRL + 6 adds a tile matching cloner 1 through 6.
CTRL + SHIFT + 1 through CTRL + SHIFT + 6 changes the selected tiles to the colour of cloner 1 through 6.
CTRL + ALT + 1 through CTRL + ALT + 3 changes the selected tiles to squares, circles and rounded squares, respectively.
CTRL + E extends selection to match the selected colours (just like the button).
C shows/hides the compact controls.


Links

mathies Colour Tiles Learning Tool Tip Sheet
EduGAINS one pager on Colour Tiles
EduGAINS video: Colour Tiles - Multiplication of Fractions
EduGAINS video: Two Coloured Counters - Zero Principle


To be among the first to find out about latest digital tool developments, sign up for our email list at http://mathclips.ca/WhatsNewEmailList.html.
@ONmathies on Twitter

top