- Restricted access - Currentl limited to authorised network users only
SYNOPSIS: Some test things have been connected to a Raspberry Pi at a remote location (located somewhere in school).
Your mission is to create one or more web pages that can switch remote devices on/off and to then design your own device to connect to The Internet of Things (IoT) to annoy the principal.
NOTE: Access to school devices is restricted.
SCHOOL IOT - CONTROLLING THE INTERNET OF THINGS (IoT):
The resources are all located in the school but are all available from home for authorised users. All of the toys are cheap, off-the-shelf items that require minimal, modification
All of the controls and resources are fully compatible with with modern web browser and accessible via desktop computer, tablet or smart-phone.
Students create their own code and user interfaces to control and integrate everything using simple HTML web pages alone!
Students have full control over the look and feel of their user interface using whatever images, sound or other multi-media elements they may choose to integrate.
All of the HTML5 code may be created and stored independently and at no cost by each student using only a simple text editor.
EXAMPLE SCHOOL IoT LINKS:
Image 1. IOT Remote Control (Turn remote lamp on/off to activate a solar hula toy)
The current WPS student IOT systems include the remote control of:
Radio Frequency 240V switches (suitable for all standard household appliances)
Infrared Remote Controls - Full control of TV's PVR's, Toys and any other standard IR Device.
Low Voltage Relays - Full on-off control of any low voltage device.
Interactive Radio Control - Real-time control of RC drones, cars and similar devices.
WIFI control of specialised remote devices such as Pan, Zoom and Tilt security cameras.
Full multimedia integration for user interface design and for output
HINT: First open a streaming video link and then open a separate browser window to implement your controls. This provided almost instant feedback (depending on network quality), so that you can to see what is happening at the remote end when you press a control button on your browser.
NOTE: Each of the following links opens in a new browser tab - Close the new, unwanted tab to return to this page (this is a wiki limitation only)
EXAMPLE LIVE IoT DEVICE CONTROLS:
34SPi Remote Control System (Located in school)
First, OPEN THE LIVE VIDEO STREAM (video not yet targeted on IoT devices and audio stream currently disabled).
Then, select an IoT Item…
Bowler Hat ON (Safely turn ON office light using radio control 240V power switch)
Bowler Hat OFF (Safely turn OFF office light using radio control 240V power switch)
Solar House ON (turn ON solar house and lights ON for all houses in street)
Solar House OFF (turn OFF solar house and lights OFF for all houses in street)
Robbi the Robot (play music and make Robbie dance (music only audible at remote location))
Desk lamp ON (activate solar-cell powered dancing Hula/Flower devices)
Desk lamp OFF (de-activate solar-cell powered dancing Hula/Flower devices)
How To Integrate Remote Control/Multi-media Content Into Your Web Page(s):
You must create a link to 'join the dots' by using forward slashes “/” to join each part together to make a link from your browser to the remote device. You must also place your link within the correct HTML5 multimedia tags.
Example - Simple HTML5 Code for Inter-active Multimedia Content:
Click image to see simple, HTML5 interactive multimedia content
The HTML5 sound and video examples have been created by Stage2 students. The advanced ImageMap files are supplied for example of extended challenge for Stage3 students.
Example HTML5 Multimedia Code (Stage2 students) - Play Remote Sound 01
Example HTML5 Multimedia Code (by Stage2 students) - Play Remote Video 01
Another Example: Hover mouse around over image areas (head,tummy,window,tree) to find hidden sounds/images! See the X/Y Co-ordinates at top right hand side of image - the co-ordinates are used to activate user interaction depending on location of mouse within student-specified co-ordinates.
Advanced: Create Web-based Inter-active ImageMaps. Some Youtube controls do not work from inside DoE - Click on TV screen to pause video using on-screen control if buttons not working!
Example HTML5 Multimedia Code Created By Stage2 Students:
The resources are all located in the school but are all available from home for authorised users.
This is some example HTML5 code that you may add to your personal web page to create a link to play a remote sound and/or video.
NOTE: It may take a few seconds for a sound and/or video link to appear in the page…! If the link(s) fail(s) to appear after one minute, try refreshing your web page.
Here is some information about how to use RaspberryPi server(s) to control the Internet Of Things:
The links to 'things' is like finding the route map: you need to start at the beginning and 'join the dots' that take you on a clear path to the destination.
Viewing Table 1 can help you 'join the dots' (creating a valid URI) by joining the correct site name, server name, switch type and the switch action:
The Information You Will Need To 'Join The Dots'
Public server address (DoE proxy): flipster.tv
Private server address (LAN direct): 10.145.169.17
You must create a link to 'join the dots' by using forward slashes “/” to join each part together to make a link from your browser to the remote device:
This website uses cookies. By using the website, you agree with storing cookies on your computer. Also you acknowledge that you have read and understand our Privacy Policy. If you do not agree leave the website.More information about cookies