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.
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
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
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
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:
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”