developing mobile friendly content

Developing Mobile Friendly Content

Nell Eckersley

#UWdtl14|Session I-52|Developing Mobile Friendly Content

2

http://slidesha.re/VkLFQi

Agenda

• What is Mobile Friendly Content?• What content do you want to deliver to

mobile devices?• Tools

QR Codes Weebly PaperLi PollEverywhere





3


LINCS Community

https://community.lincs.ed.gov/group/technology-and-learning


https://community.lincs.ed.gov/group/technology-and-learning

http://www.polleverywhere.com/app

http://www.polleverywhere.com/app/help

https://www.polleverywhere.com/multiple_choice_polls/bMUbH4T1jVEPIXC?preview=true

5


2014 Statistics

As of January 2014:• 90% of American adults have a cell

phone• 58% of American adults have a

smartphone• 32% of American adults own an e-

reader• 42% of American adults own a tablet

computerhttp://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/


http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/

6


Smartphone Owners 2014




What is Mobile Friendly Content?

8


Mobile Friendly

1. Go to http://lacnyc.org/ on your mobile device

2. How does it compare with what shows on a computer screen?

3. Go to http://www.adultedcompass.org/

4. How does it compare with what shows on a computer screen?


http://lacnyc.org/

http://www.adultedcompass.org/


Mobile Friendly

9




10


Access

• Smart Phones• Internet Connection


11


Republic Wireless

https://republicwireless.com


https://republicwireless.com/

12


Republic Wireless

https://republicwireless.com


https://republicwireless.com/

13


EveryoneOn

http://www.everyoneon.org/adulted



14


EveryoneOn




What content do you want to deliver to mobile devices?



http://www.polleverywhere.com/free_text_polls/Ryy85TM6O78pAiv?preview=true

17


Types of Content

• Writing• Videos• Sound Files and Podcasts• Links• Images• Uploaded Documents• Interactive Content (Quizzes,

Surveys)


QR Codes

http://slidesha.re/VkLFQi What are QR

Codes?

• Q R stands for

• Invented in Japan by Toyota in 1994 to track vehicles during the manufacturing process

20

Quick Response



How Would You Get to Here?

https://www.youtube.com/watch?v=CACQmiaU6CU&list=PLJtYAMJw3i-hjdWRQ0q2dgl1P75dwfpks&index=1

21

Shortened URL http://bit.ly/1oOM8WW

Customized URL http://bit.ly/maandpamath






http://bit.ly/1oOM8WW

http://bit.ly/1oOM8WW

http://bit.ly/maandpamath




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 installedo Apple Devices: Qrafter or Scano 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

22


https://itunes.apple.com/us/app/qrafter-qr-code-barcode-reader/id416098700?mt=8

https://itunes.apple.com/us/app/scan-qr-code-barcode-reader/id411206394?mt=8

https://play.google.com/store/apps/details?id=la.droid.qr&hl=en

23


Choosing Apps


24


Choosing Apps

Ask you students “How do you choose which app to download?”

• Reviews • Ratings• Description• Cost



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

25


http://slidesha.re/VkLFQi QR Codes in

Real Life

26



QR Codes in Education

27



Image with Narration

To hear about this photo go to this link

http://vimeo.com/64923339 or scan this QR Code

28

Tools used to create this:https://www.google.com/voice https://www.dropbox.comhttp://vimeo.com http://qrcode.kaywa.com/dashboard/


http://vimeo.com/64923339

https://www.google.com/voice

https://www.dropbox.com/

http://vimeo.com/

http://qrcode.kaywa.com/dashboard/

http://qrcode.kaywa.com/dashboard/


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

29



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

30


http://www.youtube.com/watch?v=EYPaG_vSOIg

http://www.youtube.com/watch?v=EYPaG_vSOIg

http://www.teampedia.net/wiki/index.php?title=QR_Code_Scavenger_Hunt

http://www.fractuslearning.com/2012/02/20/qr-codes-in-education/

http://www.youtube.com/watch?v=ayW032sKtj8&feature=youtu.be

http://www.schoollibraryjournal.com/slj/newsletters/newsletterbucketextrahelping/886787-443/qr_codes_connect_students_to.html.csp

http://www.shambles.net/pages/learning/ict/qrcode/

http://www.dansl.net/blog/2010/desktop-qr-code-reader/

http://www.livebinders.com/play/play/51894

http://www.livebinders.com/play/play/51894

http://www.zdnet.com/blog/igeneration/50-qr-code-resources-for-the-classroom/16093


Make Your Own QR Code

31

• 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/


https://bitly.com/

http://goo.gl/

http://qrcode.kaywa.com/

http://www.scanlife.com/en/

http://zxing.appspot.com/generator/


Shortening Links

32

You can use BitLy to shorten URL’s without creating an account

https://bitly.com/

32


https://bitly.com/


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 key4. Up will come your

QR Code33



• Uh oh, Bitly doesn’t make QR codes anymore…. now what?

34



QR Codes from KAYWA

35

• http://qrcode.kaywa.com/


Weebly

37


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/


http://www.weebly.com/

http://nelightful.weebly.com/

38


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


39


Weebly Interface


40


Weebly Forms

• Create a Contact Form• Collect Form Submissions• Edit the Contact Form Address• Add an Email Newsletter / Auto-Resp

onder Form

• How to Create a Password-Protected Website or Membership Areas easily


http://kb.weebly.com/contact-form.html

http://kb.weebly.com/form-submissions.html

http://kb.weebly.com/form-address.html

http://kb.weebly.com/newsletter-form.html



http://www.websitetooltester.com/en/blog/create-a-password-protected-website/



41


Weebly Tutorial

• http://help.weebly.com/beginners-guide.html


http://help.weebly.com/beginners-guide.html

http://help.weebly.com/beginners-guide.html


PollEverywhere in Education

• Best of Web 2.0: Using Poll Everywhere

• QR and Poll Everywhere• Upcycled Education: PollEverywhere• SMS Education: Poll Everywhere Is M

aking the Mobile Pop Quiz More Affordable

• Our survey http://bit.ly/1m2ZuPw

42


http://www.youtube.com/watch?v=C7vm0FUfgcc

http://www.youtube.com/watch?v=C7vm0FUfgcc

http://educationqrcodes.wikispaces.com/QR+and+Poll+Everywhere

http://www.upcyclededucation.com/2011/04/poll-everywhere-tech-tuesday.html



http://www.fastcompany.com/1693313/sms-education-poll-everywhere-making-mobile-pop-quiz-more-affordable



http://bit.ly/1m2ZuPw

PaperLi

44


Paper.Li

http://paper.li/LACNYCnell/1320940472


http://paper.li/

http://paper.li/LACNYCnell/1320940472

45


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)


46


Paper.Li

• To create a PaperLi account you must have Twitter or Facebook account

• Resourceso 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


http://sproutsocial.com/insights/how-to-publish-paper-li/

http://sproutsocial.com/insights/how-to-publish-paper-li/

http://www.pinterest.com/explore/paperli/

http://www.razorsocial.com/how-to-use-paper-li-to-share-great-content/

http://www.razorsocial.com/how-to-use-paper-li-to-share-great-content/

http://theinnovativeeducator.blogspot.com/2010/10/provide-students-with-personalized.html

http://theinnovativeeducator.blogspot.com/2010/10/provide-students-with-personalized.html

PollEverywhere


PollEverywhere

48


http://www.polleverywhere.com/


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 quiz49http://novemberlearning.com/resources/handouts/real-time-assessment-with-poll-everywhere/


http://novemberlearning.com/resources/handouts/real-time-assessment-with-poll-everywhere/



http://www.polleverywhere.com/free_text_polls/cDghIJviDEzYJ0u?preview=true


51

My contact info

Nell Eckerlsey• Email: [email protected] • Twitter: http://twitter.com/LACNYCnell • LINCS Technology and Learning Group

https://community.lincs.ed.gov/• Website: http://nelightful.weebly.com/


mailto:[email protected]

http://twitter.com/LACNYCnell

https://community.lincs.ed.gov/

http://nelightful.weebly.com/