Developing Mobile
Friendly Content
Nell Eckersley
http://bit.ly/mobilecontentosy
Agenda
• What is Mobile Friendly Content?
• What content do you want to deliver to mobile
devices?
• Tools
 QR Codes
 Weebly
 PaperLi
 PollEverywhere
2
http://slidesha.re/VkLFQi
http://bit.ly/mobilecontentosy
• Do you currently use cell-phones with your
students?
3
Question
http://bit.ly/mobilecontentosy
Smartphone Use
April 2015
4http://www.pewinternet.org/2015/04/09/mobile-access-shifts-social-media-use-and-other-online-activities/
What is Mobile
Friendly Content?
http://bit.ly/mobilecontentosy
Mobile Friendly
1. Go to http://www.worlded.org/ on your mobile
device
2. How does it compare with what shows on a
computer screen?
3. Go to http://lacnyc.org/
4. How does it compare with what shows on a
computer screen?
6
http://bit.ly/mobilecontentosy
Mobile Friendly
7
http://www.lacnyc.org
http://bit.ly/mobilecontentosy
Access
• Smart Phones
• Internet Connection
8
http://bit.ly/mobilecontentosy
Republic
Wireless
9https://republicwireless.com
http://bit.ly/mobilecontentosy
Republic
Wireless
10https://republicwireless.com
http://bit.ly/mobilecontentosy
EveryoneOn
11http://www.everyoneon.org/adulted
http://bit.ly/mobilecontentosy
EveryoneOn
12http://www.everyoneon.org/adulted
What content do you
want to deliver to
mobile devices?
http://bit.ly/mobilecontentosy
Types of Content
• Writing
• Videos
• Sound Files and Podcasts
• Links
• Images
• Uploaded Documents
• Interactive Content (Quizzes, Surveys)
14
Tools
QR Codes
http://bit.ly/mobilecontentosy
What are QR
Codes?
• Q R stands for
• Invented in Japan by Toyota in 1994 to track vehicles
during the manufacturing process
17
http://bit.ly/mobilecontentosy
How Would You
Get to Here?
https://www.youtube.com/watch?v=CACQmiaU
6CU&list=PLJtYAMJw3i-
hjdWRQ0q2dgl1P75dwfpks&index=1
18
Shortened URL http://bit.ly/1oOM8WW
Customized URL http://bit.ly/maandpamath
http://bit.ly/mobilecontentosy
QR Code Readers
• QR Codes can be used with a mobile device like a smart
phone or a tablet that has access to the internet
• The device must have an QR Code reader (also called
scanner) app installed
o Apple Devices: Qrafter or Scan
o Android Devices: QR Droid
NOTE: You should NOT have to pay money or give
information about yourself when selecting and installing a
QR Code reader or scanner
19
http://bit.ly/mobilecontentosy
Choosing Apps
20
http://bit.ly/mobilecontentosy
Choosing Apps
Ask you students “How do you choose which
app to download?”
• Reviews
• Ratings
• Description
• Cost
21
http://bit.ly/mobilecontentosy
QR Code Readers
The QR Code reader is an
app that uses the camera
on your device to scan
the code and then uses
the internet to interpret
the instructions in the
code
22
http://bit.ly/mobilecontentosy
QR Codes in
Real Life
23
http://bit.ly/mobilecontentosy
QR Codes in
Education
24
http://bit.ly/mobilecontentosy
Image with
Narration
To hear about this photo
go to this link http://vimeo.com/64923339
or scan this QR Code
25
Tools used to create this:
https://www.google.com/voice
https://www.dropbox.com
http://vimeo.com
http://qrcode.kaywa.com/dashboard/
http://bit.ly/mobilecontentosy
Steps to Using in
Education
1. First consider what the learning goal is
2. Make sure you have devices that can read a
QR Code
3. Make sure the content is mobile friendly
4. Create the QR Codes you need
26
http://bit.ly/mobilecontentosy
QR Codes in
Education
• QR Codes in Adult Education (video)
• Make your own QR Code Scavenger Hunt!
• Scavenger Hunt
• 5 Real Ways To Use QR Codes In Education
• Black & White and Scanned All Over (video)
• QR Codes Connect Students to Books
• Shambles QR Code Resource
• Desktop QR Code Reader
• QR Codes in Education Livebinder
• 50 QR code resources for the classroom
27
http://bit.ly/mobilecontentosy
Make Your Own
QR Code
28
• Bitly (for URL’s) https://bitly.com/
• Google (for URL’s) http://goo.gl/
• Kaywa (for URL’s and contact info)
http://qrcode.kaywa.com/
• ScanLife (for URL’s and contact info)
http://www.scanlife.com/en/
• ZXING (for URL’s, wifi, contact info and more)
http://zxing.appspot.com/generator/
http://bit.ly/mobilecontentosy
Shortening Links
29
You can use BitLy to
shorten URL’s
without creating an
account
https://bitly.com/
29
http://bit.ly/mobilecontentosy
Make Your Own
QR Code
1. Paste the Bitly shortened
URL in the address bar
of your browser
2. Type .qr at the end of
the shortened URL
3. Hit the Enter key
4. Up will come your QR
Code
30
http://bit.ly/mobilecontentosy
• Uh oh, Bitly
doesn’t make
QR codes
anymore….
now what?
31
http://bit.ly/mobilecontentosy
QR Codes from
KAYWA
32
• http://qrcode.kaywa.com/
Weebly
http://bit.ly/mobilecontentosy
To Create a
Weebly Website
• Go to http://www.weebly.com
• To create your account, use an email address
you can access here
• Use a password you can remember
• Have a URL name idea--your free URL will
look something like this
http://nelightful.weebly.com/
34
http://bit.ly/mobilecontentosy
Why Weebly?
• Free website creation tool
• Easy to add content
• Includes tools for most kinds of content
(writing, video, links, images)
• Automatically mobile friendly
• Elegant design options
• And did I mention…Free
35
http://bit.ly/mobilecontentosy
Weebly Interface
36
http://bit.ly/mobilecontentosy
Weebly Forms
• Create a Contact Form
• Collect Form Submissions
• Edit the Contact Form Address
• Add an Email Newsletter / Auto-Responder
Form
• How to Create a Password-Protected Website
or Membership Areas easily
37
http://bit.ly/mobilecontentosy
Weebly Tutorial
• http://help.weebly.com/beginners-guide.html
38
http://bit.ly/mobilecontentosy
PollEverywhere
in Education
• Best of Web 2.0: Using Poll Everywhere
• QR and Poll Everywhere
• Upcycled Education: PollEverywhere
• SMS Education: Poll Everywhere Is Making
the Mobile Pop Quiz More Affordable
• Our survey http://bit.ly/1m2ZuPw
39
PaperLi
http://bit.ly/mobilecontentosy
Paper.Li
41http://paper.li/LACNYCnell/1320940472
http://bit.ly/mobilecontentosy
Paper.Li
• Very simple to set up
• Content from Twitter,
online newspapers and
magazines
• Set up once and PaperLi
will do the rest (or make
changes as you need)
42
http://bit.ly/mobilecontentosy
Paper.Li
• To create a PaperLi account you must have
Twitter or Facebook account
• Resources
o http://sproutsocial.com/insights/how-to-publish-paper-li/
o http://www.pinterest.com/explore/paperli/
o http://www.razorsocial.com/how-to-use-paper-li-to-share-
great-content/
o http://theinnovativeeducator.blogspot.com/2010/10/provide
-students-with-personalized.html
43
PollEverywhere
http://bit.ly/mobilecontentosy
PollEverywhere
45
http://bit.ly/mobilecontentosy
PollEverywhere
in Education
• Increasing classroom participation and attentiveness
• Encouraging risk-taking with anonymous student responses
• Eliciting diverse opinions when there isn’t a correct answer
• Gauging student comprehension of material immediately
• Grabbing students with thought-provoking opening questions
• Assessing last night’s reading with a quick quiz
46http://novemberlearning.com/resources/handouts/real-time-assessment-with-poll-everywhere/
http://bit.ly/mobilecontentosy
Question
What tool or function of using mobile in
education appeals to you most?
1. Text NELLE to 37607 once to join our
session
2. After you receive the confirmation that you
have joined our session, send a new text to
37607 with your answer
47
http://bit.ly/mobilecontentosy
48
http://bit.ly/mobilecontentosy
49
My contact info
Nell Eckersley
• Email: nelle@lacnyc.org
• Twitter: http://twitter.com/LACNYCnell
• Website: http://nelightful.weebly.com/
My contact info

Developing mobile friendly_content_osy