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

Contenu connexe

Similaire à QR Vote

Syllabus for Technical courses
Syllabus for Technical coursesSyllabus for Technical courses
Syllabus for Technical courses
Montek1Learning
 
CloudCard: The Interactive Learning Tool for the Connected Classroom
CloudCard: The Interactive Learning Tool for the Connected ClassroomCloudCard: The Interactive Learning Tool for the Connected Classroom
CloudCard: The Interactive Learning Tool for the Connected Classroom
Marc Bacvanski
 
Iwmw10 b3 ramsden_qr_activities
Iwmw10 b3 ramsden_qr_activitiesIwmw10 b3 ramsden_qr_activities
Iwmw10 b3 ramsden_qr_activities
andyramsden
 
Haridutt_resume_001
Haridutt_resume_001Haridutt_resume_001
Haridutt_resume_001
Haridutt Pal
 
JTEDFireServiceTechnologyProposal
JTEDFireServiceTechnologyProposalJTEDFireServiceTechnologyProposal
JTEDFireServiceTechnologyProposal
Robert DiPietro
 

Similaire à QR Vote (20)

Online examination documentation
Online examination documentationOnline examination documentation
Online examination documentation
 
Creating a successful continuous testing environment by Eran Kinsbruner
Creating a successful continuous testing environment by Eran KinsbrunerCreating a successful continuous testing environment by Eran Kinsbruner
Creating a successful continuous testing environment by Eran Kinsbruner
 
Syllabus for Technical courses
Syllabus for Technical coursesSyllabus for Technical courses
Syllabus for Technical courses
 
Sara Nasser
Sara NasserSara Nasser
Sara Nasser
 
CloudCard: The Interactive Learning Tool for the Connected Classroom
CloudCard: The Interactive Learning Tool for the Connected ClassroomCloudCard: The Interactive Learning Tool for the Connected Classroom
CloudCard: The Interactive Learning Tool for the Connected Classroom
 
Iwmw10 b3 ramsden_qr_activities
Iwmw10 b3 ramsden_qr_activitiesIwmw10 b3 ramsden_qr_activities
Iwmw10 b3 ramsden_qr_activities
 
Developing Java Web Applications In Google App Engine
Developing Java Web Applications In Google App EngineDeveloping Java Web Applications In Google App Engine
Developing Java Web Applications In Google App Engine
 
Haridutt_resume_001
Haridutt_resume_001Haridutt_resume_001
Haridutt_resume_001
 
Android Based Quiz Application
Android Based Quiz ApplicationAndroid Based Quiz Application
Android Based Quiz Application
 
Aditya sodhiya resume_2019_06_29
Aditya sodhiya resume_2019_06_29Aditya sodhiya resume_2019_06_29
Aditya sodhiya resume_2019_06_29
 
Как да станем софтуерни инженери и да стартираме ИТ бизнес?
Как да станем софтуерни инженери и да стартираме ИТ бизнес?Как да станем софтуерни инженери и да стартираме ИТ бизнес?
Как да станем софтуерни инженери и да стартираме ИТ бизнес?
 
A Rubric For District Robotics Success: A Buyer's Guide & Hands On Experience...
A Rubric For District Robotics Success: A Buyer's Guide & Hands On Experience...A Rubric For District Robotics Success: A Buyer's Guide & Hands On Experience...
A Rubric For District Robotics Success: A Buyer's Guide & Hands On Experience...
 
JTEDFireServiceTechnologyProposal
JTEDFireServiceTechnologyProposalJTEDFireServiceTechnologyProposal
JTEDFireServiceTechnologyProposal
 
Easy path to machine learning (Spring 2021)
Easy path to machine learning (Spring 2021)Easy path to machine learning (Spring 2021)
Easy path to machine learning (Spring 2021)
 
Easy path to machine learning (2023-2024)
Easy path to machine learning (2023-2024)Easy path to machine learning (2023-2024)
Easy path to machine learning (2023-2024)
 
online learning and examination website
online learning and examination websiteonline learning and examination website
online learning and examination website
 
DSC Aswan University info session
DSC Aswan University info sessionDSC Aswan University info session
DSC Aswan University info session
 
Week #1 Training.pptx
Week #1 Training.pptxWeek #1 Training.pptx
Week #1 Training.pptx
 
GCCP.pptx
GCCP.pptxGCCP.pptx
GCCP.pptx
 
Muhammad Abubakar Hamdani1
Muhammad Abubakar Hamdani1Muhammad Abubakar Hamdani1
Muhammad Abubakar Hamdani1
 

Dernier

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Dernier (20)

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 

QR Vote

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