Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Wireframe for QRVote<br />A method of enabling pupils with web & camera enabled devices to vote by pointing their device a...
Experience<br />Teachers experience:<br />Easily assign a question and multiple answers and share via large display at fro...
Teacher UI<br />The slide shows the proposed teacher experience.<br />
Create your question<br />Type the question: [What colour is a tomato?]<br />Type the possible Answers:<br />[Beige]  inp...
Pupil UI<br />The next slide shows the proposed pupil experience.<br />We imagine the pupil is holding up their device and...
What colour is a tomato?<br />Beige<br />Purple<br />Red<br />Next Question (only visible to teacher)<br />
Results for What colour is a tomato?<br />
Technical requirements (to develop)<br />Build QR codes on the fly that link to specific URLS<br />Monitor hits on URL (ie...
Potential pitfalls<br />Camera too far away from QR codes may register multiple votes<br />Camera too close to QR codes wo...
Todo list for development (with notes)<br />Investigate Google Forms API<br />Investigate a nice way to build QR codes on ...
Data model<br />Pupil view: Mobile device Website Google Docs(ajax POST request)  Google Graph API (Ajax Get Request)<b...
Why do things this way?<br />Simplified hosting<br />Empowered by Extensive options of Google APIs and Google Docs<br />Lo...
Why not use Google<br />Better embed support<br />More customization<br />Less reliance on Google<br />Better graph suppor...
Required research areas<br />http://code.google.com/apis/spreadsheets/<br />http://notes.jetienne.com/2011/04/07/jquery-qr...
Estimated hours work<br />5 hours research<br />jQuery Graphs<br />jQuery QR Code<br />4 hours development<br />1 hour dat...
Notes<br />Google’s API does not support what we want to do easily<br />Google’s API increases complexity<br />jQQR code =...
Upcoming SlideShare
Loading in …5
×

QR Vote

2,644 views

Published on

Public Abstract of Voting mechanism for Teachers/Pupils using QR Codes. Currently being developed. I tried to update this presentation as we have changed the method we are going to use but slideshare is failing ;\

Published in: Education, Technology, Business
  • Be the first to comment

  • Be the first to like this

QR Vote

  1. 1. Wireframe for QRVote<br />A method of enabling pupils with web & camera enabled devices to vote by pointing their device at a QR code<br />
  2. 2. Experience<br />Teachers experience:<br />Easily assign a question and multiple answers and share via large display at front of screen (usually an IWB) or printed/electronically distributed to pupils reachable physical environment.<br />Pupils experience:<br />Point at QR code on projected screen OR QR code on sheet of paper/textbook (see slide 3), after a few seconds the vote is registered<br />Note: Use native QR code application (available since late 00’s) or provide third party QR application<br />
  3. 3. Teacher UI<br />The slide shows the proposed teacher experience.<br />
  4. 4. Create your question<br />Type the question: [What colour is a tomato?]<br />Type the possible Answers:<br />[Beige]  input boxes<br />[Red]<br />[Purple]<br />Add another answer<br />Add another question<br />Save and create  button  takes teacher to slide 6 (this is the slide the teacher displays on his/her display for the pupils to begin voting on)<br />
  5. 5. Pupil UI<br />The next slide shows the proposed pupil experience.<br />We imagine the pupil is holding up their device and pointing the camera at a large display.<br />
  6. 6. What colour is a tomato?<br />Beige<br />Purple<br />Red<br />Next Question (only visible to teacher)<br />
  7. 7. Results for What colour is a tomato?<br />
  8. 8. Technical requirements (to develop)<br />Build QR codes on the fly that link to specific URLS<br />Monitor hits on URL (ievote.php?id=1&result=2)<br />Store voting results in a database, can be simple key values or relational.<br />Build graphs on the fly (probably push data to a jQuery graph module)<br />Can we use Google forms for some bits? No<br />
  9. 9. Potential pitfalls<br />Camera too far away from QR codes may register multiple votes<br />Camera too close to QR codes wont be able to vote as it wont be able to get entire QR code in shot<br />Unreliable internet connectivity<br />Unreliable Wireless connectivity<br />Miss-configured portal devices<br />Not every child has a mobile device and schools are sadly slow to adopt the One Device Per Child model<br />Google Docs may be blocked by firewall/filter<br />
  10. 10. Todo list for development (with notes)<br />Investigate Google Forms API<br />Investigate a nice way to build QR codes on the fly<br />Database schema  ID, Question, Answer<br />Investigate Google Graph API<br />
  11. 11. Data model<br />Pupil view: Mobile device Website Google Docs(ajax POST request)  Google Graph API (Ajax Get Request)<br />Teacher view: Website  jQuery QR code  Google Docs API (ajax POST)  Google Graph API (Ajax GET request)<br />Two separate databases, one for q’s, one for results.<br />In theory we should be able to keep everything on Google.com (using CDNs) and Devdomain.com (tickl.co)<br />
  12. 12. Why do things this way?<br />Simplified hosting<br />Empowered by Extensive options of Google APIs and Google Docs<br />Low start up costs<br />Google Docs shouldn’t be blocked by school filter<br />No need for separate MySql database<br />Save on writing our own code<br />Less time spent learning Google’s API and circle jerking the Google hordes<br />Double the unicorns<br />
  13. 13. Why not use Google<br />Better embed support<br />More customization<br />Less reliance on Google<br />Better graph support<br />Simplified programming<br />
  14. 14. Required research areas<br />http://code.google.com/apis/spreadsheets/<br />http://notes.jetienne.com/2011/04/07/jquery-qrcode.html<br />http://code.google.com/apis/chart/<br />http://gdatatips.blogspot.com/2009/07/create-new-google-docs-spreadsheet-from.html<br />http://www.morningcopy.com.au/tutorials/google-forms-and-jquery-validation/<br />http://www.morningcopy.com.au/tutorials/how-to-style-google-forms/<br />http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/<br />
  15. 15. Estimated hours work<br />5 hours research<br />jQuery Graphs<br />jQuery QR Code<br />4 hours development<br />1 hour database schema design<br />1 hour database creation and writing data objects<br />1 hour voting mechanism<br />1 hour form for posting question<br />6 hours design<br />Home page<br />Teachers create a question page<br />Vote page<br />View result page<br />2 hours building initial Proof Of Concept<br />
  16. 16. Notes<br />Google’s API does not support what we want to do easily<br />Google’s API increases complexity<br />jQQR code = Pass URL as value<br />jQ Graphs = Implemented and looks okay<br />Vote.php is basically the voting function<br />Everything is incredibly insecure<br />Req functions:<br />Create unique IDs<br />Allow extension of questions<br />

×