====== BRAINBOX - YOUNG MAKERS: ======
=== Students learn: ===
^Curriculum  ^Learning Activities          ^
|SCIENCE     |Real world monitoring       |
|TECHNOLOGY  |HTML coding                 |
|ART         |Blended multimedia elements |
|ENGINEERING |Interactive control of real-world devices|
|MATHEMATICS  |Use co-ordinates for positioning|

{{ :brainbox:young-makers:makers-plan-640x360.jpg |STEAMpunk Young Makers}}

Your mission is to create a robot and/or an artistic experience based on {{:brainbox:young-makers:robotics-01-00003.pdf|principles of robotics}} using Raspberry Pi and a web browser to control devices attached to remote control switches.

You have remote control (via web browsers) of four power switches.

You may plug devices into the powers sockets and use a web browser to turn them fully on, off or 'flash them.

Based on your results, do you think that knowing more about art is useful for a 'maker'?

=== Advanced ===
You may write a script to control the browser or simply click using your mouse.

You may create your own HTML page and copy-paste the control URL(s) into your own page. You may add sounds, video, images and any other multimedia content of your choice

You can find out more about creating your own web page and adding multimedia content in the [[:brainbox:young-coders:home|STEAM YOUNG-CODERS]] section.

==== Advanced Examples ====
Advanced HTML - How to add interactive multimedia to your web pages:

Students will be supplied with a complete set of files that they can download to experiment and play with. This allows the students to customise and edit all features found in the examples below, plus optionally incorporate their own original multimedia works:

=== Working With Interactive ImageMaps ===
  - [[http://wps.flipster.org/steam/static/wps/wps-map-00.html|WPS ImageMap Example 00]]
  - [[http://wps.flipster.org/steam/static/wps/wps-map-01.html|WPS ImageMap Example 01]]
  - [[http://wps.flipster.org/steam/static/wps/wps-map-02.html|WPS ImageMap Example 02]]
  - [[http://wps.flipster.org/steam/static/wps/wps-map-03.html|WPS ImageMap Example 03]]*
*NOTE: Example 03 requires access to youtube - The TV content may not work from inside school.

===  Working With Interactive Sound + ImageMaps ===
  - [[http://wps.flipster.org/steam/static/wps/sfx-map.html|SFX Sound + ImageMap Test]]
  - [[http://wps.flipster.org/steam/static/wps/sound.html|HTML5 Sound Embed Test]]
  - [[http://wps.flipster.org/steam/static//wps/video.html|HTML5 video Embed Test]]