<!DOCTYPE=HTML><html> <head> <title>Live Mathematics and STEM on the Web</title> <link href="https://compasstech.com.au/master.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-706732-2"; urchinTracker(); </script> <script type="text/javascript"> _uacct = "UA-872925-2"; urchinTracker(); </script> <SCRIPT LANGUAGE="JavaScript"> <!-- function setMsg(msg) { window.status = msg return true } //--> </SCRIPT> <style> h1 {color:red;} h2 {color:red;} h3 {color:red;} h4 {color:red;} p {color:blue; font-size:18px} ul {color:green;} </style> </head> <body> <a name="top"></a> <div id="HeaderBar"> <P style="color:white; font-size:12px;"><strong><a href="mailto:steve@compasstech.com.au">Compass Learning Technologies</a></P> <P style="color:white; font-size:12px;"><a href="https://compasstech.com.au/index.html">Home</a> &larr;Live Mathematics and STEM on the Web</strong></P> </div> <blockquote> &nbsp;&nbsp; &nbsp;&nbsp; <h1>Live Mathematics and STEM on the Web</h1><P> <blockquote> <h3>Best Integrated Geometry, Algebra and Graphing and STEM (free and online)</h3> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <blockquote><blockquote> <P>Over twenty years ago, I served as Project Officer for a national teacher professional development project for the <a href="http://www.aamt.edu.au" target="top">Australian Association of Mathematics Teachers</a>, working with representatives of each of the state and territory Mathematics Teacher Associations to explore and develop resources for the new phenomenon of the World Wide Web. Of the outcomes of the AAMT EdNA DAME project (Yes, Will Moroney, I am looking at you for that name!) [Education Network Australia Delivery Alternatives for Mathematics Education], two in particular retain a special fondness for me.</P> <UL> <LI><P>The AAMT Discussion List for Mathematics Teachers (discuss@aamt.edu.au) which, all these years later, remains a vibrant and important forum for teachers from across the country and beyond to share and learn, and</P></LI> <LI><P>A project of my own, called <i>Live Mathematics on the Web</i>, in which I sought out and explored the possibilities for interactive browser-based mathematics learning opportunities which were beginning to appear, especially in the areas of algebra and graphing, but also for geometry and number. At the time, these tended to be based on browser plug-ins and Java applications, and a smattering of JavaScript. Only the last survives as viable in today's web experience, along with HTML5, which brings amazing opportunities for free, dynamic learning experiences for students on any platform, computer, phone or tablet.</P></LI> </UL> <P><i>Here I present some of the best free browser-based classroom-ready teaching and learning tools for mathematics and STEM. Feel free to use them and share them with your students.</i></P> </blockquote></blockquote> <a name="top"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; &nbsp;&nbsp; <blockquote><blockquote> <UL> <LI><P><a href="#learn"> My First Web Page:<BR> Create Your Own Live Mathematics and STEM Web Pages </a></P></LI> <LI><P><a href="#gxweb">GXWeb</a></P></LI> <LI><P><a href="#geogebra">GeoGebra: Live Mathematics and STEM</a></P></LI> <UL> <LI><P><a href="#geogebra">Live Mathematics: GeoGebra and OnLine Assessment and Exploration</a></P></LI> <LI><P><a href="#ggbble">Live STEM: TI CC2650 SensorTag Monitor and GeoGebra</a></P></LI> <LI><P><a href="#webble">Live STEM: TI LaunchPad Terminal and GeoGebra</a></P></LI> <LI><P><a href="#lpst">Live STEM: TI SensorTag Controlled LaunchPad BLE Robot</a></P></LI> <LI><P><a href="#piano">Live STEM: TI LaunchPad and GeoGebra Piano Keyboard</a></P></LI> </UL> <LI><P><a href="#classpad">ClassPad.net</a></P></LI> <LI><P><a href="#desmos">Desmos</a></P></LI> <LI><P><a href="#jsgoodies">More HTML5/JavaScript Goodies...</a></P></LI> </UL> </blockquote></blockquote> </blockquote> <a name="learn"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; &nbsp;&nbsp; <H2><a href="https://compasstech.com.au/live/learn/index.html" target="top">My First Web Page:<BR> Create Your Own Live Mathematics and STEM Web Pages</a></H2> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> &nbsp;&nbsp; <P> <a href="https://compasstech.com.au/live/learn/index.html" target="top"><img src="learn1.gif" border=1 width=65% align=right></a><i>Would you like to be able to quickly and easily create interactive mathematics and STEM resources for your students? Live documents that can be freely accessed on any device or any platform with Internet access?</i></P> <P>The <a href="https://compasstech.com.au/live/learn/index.html" target="top"> tutorials in this series</a> offer a quick and easy way to get started creating your own web-based resources, even if you are a complete beginner! Each lesson is designed to take only a few minutes, with the option to explore further if desired. This first lesson offers a <b>taster</b> of what lies ahead - from the simplest of web pages to adding the power of GeoGebra - graphing, computer algebra, dynamic geometry and interactive statistics - to your own lessons and activities!</P> <P>Later lessons will add BlueTooth capabilities to these Live web pages, supporting active engagement with key STEM principles and the ability to develop engaging activities for students.</P> </blockquote> <a name="gxweb"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; &nbsp;&nbsp; <H2><A href="http://geometryexpressions.com/gxweb" target="top">GXWeb</a></H2> <P><i><a href="#top">Back to Top</a></i></P> <button onclick="location.href='http://geometryexpressions.com/gxweb';" style="font-size : 24px; width: 100%; height: 48px;">Try GXWeb for yourself</button><P> <blockquote> <P>GXWeb is a free browser-based symbolic geometry tool that combines constraint-based dynamic geometry with computer algebra. From <a href="http://www.saltire.com" target="top">Saltire Software</a> who offer the amazing <A href="http://geometryexpressions.com" target="top">Geometry Expressions</a> and <a href="http://www.mathillustrations.com" target="top">Mathematical Illustrations</a>, this surprisingly powerful tool for classroom learning offers students a pathway to learning and understanding algebra through visual and dynamic geometric representations.</P> <P><i>Imagine dynamic geometry built on a foundation of computer algebra. So side lengths, angles, etc can be defined algebraically as well as numerically, and results can be derived in general form.</P> <P><A href="http://geometryexpressions.com/gxweb" target="top"><img style="border:1px solid black;" src="https://compasstech.com.au/GXWeb/GXWeb_Pythagoras.gif" align=right width=40%></a></P> <P>Then add constraint-based construction to make it even easier to use. Do you want a right-angled triangle? No problem - just define a general three sided figure and add the right angle later.</P> <P>Derive Pythagoras' Theorem? Easy!</P> <P>Have students explore algebraic relationships through convincing visual means using geometric constructions.</I></P> <P>Try GXWeb out right here by tapping on the button or the figure above - don't forget to <a href="http://geometryexpressions.com/gxweb/help/intro/index.html" target="top">explore the help options to get started!</a></P> <P>Check out my <a href="https://www.youtube.com/results?search_query=GXWeb" target="top">YouTube collection</a> of great GXWeb examples!</P> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <blockquote><blockquote> <H4>Did you know?</H4> <P><i>The algebraic objects that you create in GXWeb can be copied as text or code by tapping on them, and this can then be pasted into GeoGebra (using the Input bar) or, if you are using the Desktop version, into Desmos, TI-Nspire, Mathematica...</i></P> </blockquote></blockquote> </LI> </UL> <a name="geogebra"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </blockquote> <H2><A href="https://www.geogebra.org/graphing" target="top">GeoGebra</a></H2> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> <button onclick="location.href='https://www.geogebra.org/graphing';" style="font-size : 24px; width: 100%; height: 48px;">Try GeoGebra for yourself</button><P> <P>GeoGebra is an exciting blend of Algebra and Geometry using an integrated graphing and geometry environment. It is freely available for all platforms and has a wealth of supporting sites. Explore the sample files below.</P> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <blockquote><blockquote> <H4>Did you know?</H4> <P><i>The GeoGebra documents that you create can be embedded in a web page.</P> <P>AND your students can interact with those applets from the web page, allowing you to create dynamic worksheets, which might be used for feedback or assessment!</i></P> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </blockquote></blockquote> <P> <a href="https://compasstech.com.au/ARNOLD/geogebra/a4paper.html" target="top"><img src="https://compasstech.com.au/ARNOLD/paperfold.jpg" align=right width=65%></a> <i>The first few sample activities which follow demonstrate this interesting feature that supports interaction between JavaScript on the web page with GeoGebra web apps, potentially serving as a powerful tool for online assessment.</i></P> &nbsp;&nbsp; <UL> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/beach.html" target="top">The Beach Race (Online Assessment)</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/meeting.html" target="top">Meeting a friend (Online Assessment)</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/a4paper.html" target="top">A4 paper folding (Online Assessment)</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/kissingcurves.html" target="top">Kissing Curves (Online Assessment)</a>,</P></LI> <LI><P>the <a href="https://compasstech.com.au/ARNOLD/geogebra/dimsquare.html" target="top">Case of the Diminishing Square (Online Assessment)</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/halfaglass.html" target="top">Half a Glass, Please! (Online Assessment)</a>,</P></LI> <P></P> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/beziers.html" target="top">Introducing Bezier Curves</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/ladder.html" target="top">The falling ladder</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/canproblem.html" target="top">Design a better soft drink can</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/lobf.html" target="top">Exploring Lines of Best Fit</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/inversions.html" target="top">Investigating Inversions</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/parabola.html" target="top">Exploring the Parabola</a>,</P></LI> <LI><P><a href="https://compasstech.com.au/ARNOLD/geogebra/witch.html" target="top">The Witch of Agnesi</a>.</P></LI> </UL> </UL> </blockquote> &nbsp;&nbsp; <HR width=50%></HR> <blockquote> <P>For some more detailed ideas about how to use such wonderful tools, please feel free to read:</P> <UL> <LI><P> <a href="https://compasstech.com.au/AlgGeom/AlgGeom.htm" target="top"><i>Exploring Algebra - Geometrically</i></a>.</P></LI> <LI><P> <a href="http://compasstech.com.au/ARNOLD/ALGNSPIRE/AlgNspire07.htm" target="top"><i>Making Algebra Meaningful with Technology</i></a>.</P></LI> </UL> <a name="ggbble"></a> &nbsp;&nbsp; <P></P> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </blockquote> <table> <TR><TD width=50%> <H3><a href="https://compasstech.com.au/GGB_BLE/index.html" target="top">TI CC2650 SensorTag Monitor and GeoGebra</a></H3> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> &nbsp;&nbsp; <P> <a href="http://compasstech.com.au/sensortag/index.html#intro" target="top"><img src="https://compasstech.com.au/TNS_Authoring/Scripting/script_tut35/sensortag.jpg" width="15%" align=left></a> <a href="https://compasstech.com.au/GGB_BLE/index.html" target="top"><img style="border:1px solid black;" src="https://compasstech.com.au/GGB_BLE/imgs/GGBSensorTag.gif" width="50%" align=right></a> <i>If you would like to use GeoGebra as a tool for STEM, then what about pairing it with the amazing data collection available using the <a href="http://compasstech.com.au/sensortag/index.html#intro" target="top">TI CC2650 SensorTag</a>?</P> <P>The <a href="http://www.ti.com/ww/en/wireless_connectivity/sensortag2015/index.html">TI SensorTag</a> is a small, inexpensive device which packs a powerful punch - it is a BlueTooth Low Energy (BLE) tool with sensors for temperature, humidity, barometric pressure, accelerometer, magnetometer, gyroscope and more. Used with iPad or Chrome browser on Mac, Android or ChromeBook, students can easily collect, view and analyse a wealth of real world data for mathematics and science, from the middle years through to seniors. From building their own weather station, to exploring the mathematics and physiology of exercise and dance the opportunities for rich mathematical exploration are truly exciting. All in a tiny device that fits in your hand and <a href="https://au.mouser.com/ProductDetail/Texas-Instruments/CC2650STK/?qs=sL7MMaRBAPXkAZzs1coCAg%3d%3d" target="top">costs around $AUD40</a>!</P> <P>We can now use GeoGebra to enable data collection and exploration with the SensorTag within the Chrome browser on Mac, Android and ChromeBooks!</i></P> &nbsp;&nbsp; <a name="webble"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </blockquote> <H3><a href="https://compasstech.com.au/webble/index.html" target="top">TI LaunchPad Terminal and GeoGebra</a></H3> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> &nbsp;&nbsp; &nbsp;&nbsp; <P> <a href="https://compasstech.com.au/webble/index.html" target="top"><img style="border:1px solid black;" src="https://compasstech.com.au/webble/webble.gif" align=right width="50%"></a> <i>Another great STEM application can grow from students learning to code for MicroController Unit (MCU) boards, like the TI LaunchPad series or Arduino boards.</P> <P><a href="http://www.ti.com/ww/en/launchpad/launchpad.html" target="top">TI LaunchPads</a> are microcontroller development kits from Texas Instruments. They come in a variety of flavors to address various project needs. All LaunchPad kits include everything needed to begin developing applications in minutes, priced from $USD9.99 to $USD19.99. That's right - Blink LEDs and spin motors, all for less than $USD20. These units can be the basis for everything from simple coding to connecting a variety of sensors and other peripherals. They are easily programmed via USB from Mac or PC, and can be linked to BLE (Bluetooth Low Energy) modules, and even wifi to send and receive data both locally and remotely.</P> <P>We can now use <a href="https://github.com/WebBluetoothCG/web-bluetooth" target="top">Web Bluetooth</a> to enable free and effective communication with these programmed boards, using the Chrome browser on Mac, Android and ChromeBooks! Coupled with the versatile mathematical capabilities and programmability of GeoGebra, students can control these boards remotely, using them to collect and analyse data, even to control BLE robots! <a href="https://compasstech.com.au/launchpad/index.html" target="top"> Step-by-step tutorials</a> lead from beginner to robotics developer!</i></P> <a name="lpst"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </BLOCKQUOTE> <H3>TI SensorTag Controlled LaunchPad BLE Robot </a></H3> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> <P><a href="https://compasstech.com.au/dualble/index.html" target="top"><img src="../dualble/STRobot.gif" align=left width="26%"></a> <a href="https://compasstech.com.au/dualble/index.html" target="top"> <img src="../dualble/dualble.gif" width=73% align=right></a></P> &nbsp;&nbsp; <P><i>What if you had both a TI SensorTag and a BLE-enabled LaunchPad - what could you do?</i></P> <P>Actually - quite a lot, but one application that springs quickly to mind would be to use the SensorTag to drive your LaunchPad robot!</P> <P>In this example, we use the 3D accelerometer on the SensorTag to send the forward, back, left and right commands to the <a href="https://compasstech.com.au/launchpad/LP9.html" target="top">sketch on board the robot</a> - and it is So. Much. Fun!</P> <P>Just connect both SensorTag and LaunchPad robot, tap the "Drive Using SensorTag Accelerometer" button and practise your remote control skills!<P/> <P><i>No SensorTag? No problem!</P> <P>Just connect your LaunchPad, tap the "Drive Using SensorTag Accelerometer" button and use the acc_x and acc_y GeoGebra accelerometer sliders to control your Robot!</i></P> &nbsp; <a name="piano"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </BLOCKQUOTE> <H3><a href="https://compasstech.com.au/webble/piano.html" target="top">TI LaunchPad and GeoGebra Piano Keyboard</a></H3> <BLOCKQUOTE> <P><a href="https://compasstech.com.au/webble/piano.html" target="top"><img style="border:1px solid black;" src="https://compasstech.com.au/webble/piano.gif" width="50%" align=right></a></P> <P><i><a href="#top">Back to Top</a></i></P> <P>You might also like to try a combination of Web Bluetooth, GeoGebra and <b>music</b> using <a href="http://mikemp.info/" target="top">Michael Morris-Pearce's</a> excellent <a href="https://compasstech.com.au/webble/piano.html" target="top">web piano keyboard</a>! Explore the mathematics and STEM basis for music with this free online tool!</P> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <P><i>All these LaunchPad BLE documents should work well using the Google Chrome browser on a recent Mac (mid-2012+), Android device or ChromeBook. They <i>will work</i> on iPad with <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwiEiKjmoZvcAhWElJQKHfqrAH8QFggrMAA&url=https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fwebble%2Fid1193531073%3Fmt%3D8&usg=AOvVaw3PalwSoOJWlNk6GrRdAnaQ" target="top"> the WebBLE app</a>, but this is an experimental build and may not always work seamlessly. For example, I find that I need to CONNECT, then DISCONNECT, and then CONNECT again to establish a reliable connection using WebBLE. However, after this, it generally works well.</P> <P>I got mine running on my Mac without too much trouble: you do need to go in and switch on Chrome's experimental flag to support web Bluetooth but this was pretty straightforward.</P> <P>You can enable it turning on the enable-experimental-web-platform-features flag: In the Chrome browser, type in the web address chrome://flags/. This action results in a list of experimental browser features available to you. You want the Web Bluetooth one.</P> &nbsp;&nbsp; <P>If you have any questions or would like to share your experience with these utilities, please <a href="mailto:steve@compasstech.com.au">drop me an email</a>!</i></P> </blockquote> <a name="classpad"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; &nbsp;&nbsp; <H2><A href="http://classpad.net" target="top">ClassPad.net</a></H2> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> <button onclick="location.href='https://classpad.net/classpad/use-as-guest';" style="font-size : 24px; width: 100%; height: 48px;">Try ClassPad.net for yourself</button><P> <P><i>I was pleasantly surprised by the feature set of this free web resource from CASIO. Not quite up to the high standard set by GeoGebra, no integrated graphing and geometry, and a requirement to pay for the complete (CAS) functionality, but a very clear and easy to use mathematical workspace for students.</P> <H3> <img style="border:1px solid black;" src="https://classpad.net/img/slider/functions/function_00067.png" align=right width=50%> Graphing Functions</H3> <P>ClassPad.net offers mathematical functions required for education, and various graphing capability.</P> <P>The simultaneous display of graphs and a slider function helps deeper understanding of mathematics.</P> &nbsp; <H3> <img style="border:1px solid black;" src="https://classpad.net/img/slider/statics/statics_00008.png" align=right width=50%> Statistics and Analytics</H3> <P>A Spreadsheet can be used in combination with a graphing function to draw statistical graphs.</P> <P>It allows you to analyze statistical data using various approaches within a single screen.</P> &nbsp; &nbsp; &nbsp; <H3> <img style="border:1px solid black;" src="https://classpad.net/img/slider/geometry/geometory_00070.png" align=right width=50%> Geometry Functions</H3> <P>You can create freehand graphics using the Geometry functions including the ability to freely alter the shape of graphics and automatically calculate length, area, angle and so on.</P> &nbsp; <P>Check out the <a href="https://www.youtube.com/watch?v=gdearBtNro8&feature=youtu.be" target="top">ClassPad.net YouTube video</a>.</P> </blockquote> &nbsp;&nbsp; <a name="desmos"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <H2><a href="https://www.desmos.com" target="top">Desmos</a></H2> <P><i><a href="#top">Back to Top</a></i></P> <blockquote> <P>Graph functions, plot data, evaluate equations, explore transformations, and much more  for free!</P> <script src="https://www.desmos.com/api/v1.0/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> <center> <div id="calculator" style="width: 800px; height: 400px;"></div> </center> <script> var elt = document.getElementById('calculator'); var calculator = Desmos.GraphingCalculator(elt); calculator.setExpression({id:'graph1', latex:'y=x^2-x-1'}); </script> &nbsp; <P>While Desmos does not offer the <i>integrated</i> algebra and geometry of GXWeb or GeoGebra, it does offer a functional geometry app.</P> &nbsp; <script src="https://www.desmos.com/api/v1.0/geometry.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> <center> <div id="geometry" style="width: 800px; height: 400px;"></div> </center> <script> var elt = document.getElementById('geometry'); var geometry = Desmos.Geometry(elt); </script> &nbsp; &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <blockquote> <H4>Did you know?</H4> <P>Of perhaps more interest is the option for students to <a href="https://teacher.desmos.com" target="top">collaborate, viewing and sharing each others' screens</a> while working on Desmos.</i></P> </blockquote> <a name="jsgoodies"></a> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; </blockquote></blockquote></blockquote> </blockquote></blockquote></BLOCKQUOTE></blockquote> <P><i><a href="#top">Back to Top</a></i></P> <H3><a href="https://compasstech.com.au/live/nomi.html"><img src="nomiesopps.gif" border=1 width=50% align=right></a>...And some other JavaScript/HTML5 mathematics goodies..</H3> <blockquote> <UL> <P></P> <LI><a href="https://compasstech.com.au/ARNOLD/HARMONY/index.htm"><i>Mathematics: A Search for Harmony</a></i></LI> <P></P> <LI><a href="https://compasstech.com.au/live/nomi.html"><i>Practise your number skills</a></i></LI> <P></P> <LI><a href="https://compasstech.com.au/live/bday.html"><i>On what day were you born?</a></i></LI> <P></P> <LI><a href="https://compasstech.com.au/live/interest.html"><i>Personal Loan Calculator</a></i></LI> <P></P> </UL> </blockquote></blockquote></blockquote> <P> &nbsp;&nbsp; <HR width=50%></HR> &nbsp;&nbsp; <P style="color:blue; font-size:12px;"><a href="http://compasstech.com.au">&copy;2018 Compass Learning Technologies</a> &larr; <a href="https://compasstech.com.au/index.html">My Home Page</a> &larr; Live Mathematics and STEM on the Web</P> <HR></HR> </body> </html>