Designing a Classroom Response System using Google for Mobile Learners
•
0 likes•241 views
This document outlines a workflow for designing a classroom response system using Google forms and spreadsheets for mobile learners. The system allows instructors to create a Google form for students to respond to questions, links the responses to a spreadsheet for tabulation, writes HTML and Javascript code to query the spreadsheet and display charts and tables in real-time, and publishes the form for students to access via URL or QR code on their mobile devices. The system provides a free alternative to proprietary classroom response systems using Google's free online apps and the students' own mobile devices.
Recommended
More Related Content
Viewers also liked
Viewers also liked (11)
Similar to Designing a Classroom Response System using Google for Mobile Learners
Similar to Designing a Classroom Response System using Google for Mobile Learners (20)
Recently uploaded
Recently uploaded (20)
Designing a Classroom Response System using Google for Mobile Learners
- 1. Designing a Classroom Response System using Google for Mobile Learners Andreas Dewanto phyda@nus.edu.sg 1 October 2014 @ Lecture Theatre 31 Faculty of Science LunchGme Talk on Technology-‐enhanced EducaGon Series
- 5. Google Account is Required
- 6. Google Documents: Free “Ms Office” in the Cloud • Document resembles Ms Word. • Presenta0on resembles Ms Powerpoint. • Spreadsheet resembles Ms Excel. • Form provides the user interface to survey the students and record the data in Spreadsheet.
- 7. • Google Form The Interface • Google Spreadsheet The Database • HTML and Javascript code The Engine • Internet Browser The VisualizaGon
- 8. 1. Prepare the Google Form. Workflow
- 9. Workflow (cont’d) 2. Link the Survey to Google Spreadsheet 3. Tabulate the responses on the Spreadsheet Note: use standard Excel funcGons such as SUM( ), COUNTIF( ), etc sum( ) counGf( ) Note: it is done from Form
- 10. Workflow (cont’d) 4. Write/modify the HTML-‐Javascript codes Note: • It is wrifen in HTML and Javascript • It involves Google Chart Tools API • It can be downloaded from my website (follow the link/ QR code below) • Minimum modificaGon is expected Gnyurl.com/google-‐crs-‐ver1
- 11. Workflow (cont’d) 5. Publish the Form to the students via URL (recommended to use Gnyurl) or QR code 6. View the result from the browser Recommended browser:
- 12. Gnyurl.com/google-‐crs-‐ver1 Features: • Loading the APIs • Querying the Spreadsheet • Drawing pie-‐chart and column-‐chart to the browser
- 13. Gnyurl.com/google-‐crs-‐ver2 More features: • Drawing table to the browser • UpdaGng the table and charts on real-‐Gme basis • ReporGng error (if any) during querying
- 14. • For more advanced formakng (e.g. super-‐ script, subscript, etc) Google Form can be incorporated into Google Site. • Publish both the Gnyurl (use catchy phrases, for laptop users) and QR-‐code (for “phablet” users) link to the Form. • Do not show the result unGl the quiz is over. • Run trials prior to the lecture. PotenGal issues could be: – Students are unable to access the Form – Browser is unable to access the Spreadsheet
- 15. Resources • QR Code Generator: www.the-‐qrcode-‐generator.com/ • TinyURL: hfp://Gnyurl.com/ • Codes: sites.google.com/a/sps.nus.edu.sg/ – physichronicles/stuff/google-‐chart-‐tools – physichronicles/stuff/google-‐chart-‐tools2 or simply Google “physichronicles dewanto”