A-Teachers-Guide-to-the-Intel-Galileo-Final

More documents

Recommendations

Info

59 | Using the Galileo as a Computer# print HTTP header firstself.send_response(200)self.send_header("Content-type", "text/html")self.end_headers()lines = []tempFile = open("currentTemperature","r")lines = tempFile.readlines()global currentTempcurrentTemp = float(lines[0])print 'Temp is ' + lines[0]html = """var currentTemp;var data;var options;var chart;google.load('visualization','1.0',{'packages':['gauge']});google.setOnLoadCallback(initChart);function initChart() {data = new google.visualization.DataTable();data.addColumn('string', 'Label');data.addColumn('number', 'Value');data.addRows(1);data.setValue(0,0,'Temperature');data.setValue(0,1,%s);options = {width: 300, height: 300, greenFrom: 0, greenTo: 50, redFrom: 75, redTo:100, yellowFrom:50, yellowTo:75, minorTicks:5};chart = new google.visualization.Gauge(document.getElementById('gauge_div'));chart.draw(data, options);}""" %(currentTemp)self.wfile.write(html)httpd = MyTCPServer(("",PORT), HandleRequests)print "Serving from port", PORThttpd.serve_forever()
A TEACHER’S GUIDE TO THE INTEL® GALILEO | 60Explanation of the codeThe code for this web server makes use of two different libraries with built in functions forweb servers: the SocketServer library and the SimpleHTTPServer library. The MyTCPServerclass makes use of the SocketServer library while the HandleRequests class makes use of theSimpleHTTPServer library.In this code we basically create a MyTCPServer serving at port 8080 and then call the serve_forever method. This method will cause the do_GET method to be called whenever there is aGET request from the browser. Thus whenever the user refreshes the browser this code will becalled.Inside the do_GET method, the temperature is read from the currentTemperature file into aglobal variable called currentTemp.Then a multiline string is formed for the html for the page with the current temp beingsubstituted in for the %s inside the html. The rest of the code is Javascript for creating theGoogle Chart which calls on Javascript code within the browser. See below for tutorials on howto implement Google Charts.Starting the Web ServerOpen up a browser and go to the web address http:XX.XX.XX.XX:8081 (where XX.XX.XX.XX isyour IP address of your Galileo). Refresh the browser to display the latest ambient temperaturefrom your Galileo.Going FurtherYou can use Google Charts to plot all sorts of different charts. For example, we could writetemperature every 10 minutes for 12 hours overnight into a file on the Galileo and then plot anight’s worth of temperature on our web server as a Line Graph using Google Charts. You couldalso use the Galileo to record soil moisture readings and then plot them using Google Charts.Resources on Google Chartshttps://developers.google.com/chart/interactive/docs/quick_starthttps://developers.google.com/chart/interactive/docs/examples#gauge_examplehttp://code.tutsplus.com/tutorials/easy-graphs-with-google-chart-tools--net-11771
Page 8:
3 | IntroductionHow to use this gui
Page 14 and 15: 9 | Pedagogical ApproachesAs a proc
Page 16 and 17: 11 | Setting Up Your Intel® Galile
Page 24 and 25: 19 | Beginning with ArduinoCoding I
Page 26 and 27: 21 | Beginning with ArduinoIn this
Page 28 and 29: 23 | Beginning with Arduino4. From
Page 30 and 31: 25 | Beginning with Arduino3. From
Page 33 and 34: A TEACHER’S GUIDE TO THE INTEL®
Page 63: A TEACHER’S GUIDE TO THE INTEL®
show all

A-Teachers-Guide-to-the-Intel-Galileo-Final

Create successful ePaper yourself

Delete template?

Save as template?