SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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
 

Último

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.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
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
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
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 

Último (20)

psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
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
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
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
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 

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