developing mobile friendly content
DESCRIPTION
Tools for developing mobile friendly content for educatorsTRANSCRIPT
![Page 1: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/1.jpg)
Developing Mobile Friendly Content
Nell Eckersley
#UWdtl14|Session I-52|Developing Mobile Friendly Content
![Page 2: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/2.jpg)
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
http://slidesha.re/VkLFQi
![Page 3: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/3.jpg)
3
http://slidesha.re/VkLFQi
LINCS Community
https://community.lincs.ed.gov/group/technology-and-learning
![Page 4: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/4.jpg)
![Page 5: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/5.jpg)
5
http://slidesha.re/VkLFQi
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/
![Page 6: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/6.jpg)
6
http://slidesha.re/VkLFQi
Smartphone Owners 2014
http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/
![Page 7: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/7.jpg)
What is Mobile Friendly Content?
![Page 8: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/8.jpg)
8
http://slidesha.re/VkLFQi
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?
![Page 9: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/9.jpg)
http://slidesha.re/VkLFQi
Mobile Friendly
9
http://www.adultedcompass.org/
![Page 11: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/11.jpg)
11
http://slidesha.re/VkLFQi
Republic Wireless
https://republicwireless.com
![Page 12: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/12.jpg)
12
http://slidesha.re/VkLFQi
Republic Wireless
https://republicwireless.com
![Page 13: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/13.jpg)
13
http://slidesha.re/VkLFQi
EveryoneOn
http://www.everyoneon.org/adulted
![Page 14: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/14.jpg)
14
http://slidesha.re/VkLFQi
EveryoneOn
http://www.everyoneon.org/adulted
![Page 15: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/15.jpg)
What content do you want to deliver to mobile devices?
![Page 16: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/16.jpg)
![Page 17: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/17.jpg)
17
http://slidesha.re/VkLFQi
Types of Content
• Writing• Videos• Sound Files and Podcasts• Links• Images• Uploaded Documents• Interactive Content (Quizzes,
Surveys)
![Page 18: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/18.jpg)
Tools
![Page 19: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/19.jpg)
QR Codes
![Page 20: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/20.jpg)
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
![Page 21: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/21.jpg)
http://slidesha.re/VkLFQi
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
![Page 22: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/22.jpg)
http://slidesha.re/VkLFQi
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
![Page 24: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/24.jpg)
24
http://slidesha.re/VkLFQi
Choosing Apps
Ask you students “How do you choose which app to download?”
• Reviews • Ratings• Description• Cost
![Page 25: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/25.jpg)
http://slidesha.re/VkLFQi
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
![Page 28: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/28.jpg)
http://slidesha.re/VkLFQi
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/
![Page 29: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/29.jpg)
http://slidesha.re/VkLFQi
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
![Page 30: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/30.jpg)
http://slidesha.re/VkLFQi
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
![Page 31: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/31.jpg)
http://slidesha.re/VkLFQi
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/
![Page 32: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/32.jpg)
http://slidesha.re/VkLFQi
Shortening Links
32
You can use BitLy to shorten URL’s without creating an account
https://bitly.com/
32
![Page 33: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/33.jpg)
http://slidesha.re/VkLFQi
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
![Page 34: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/34.jpg)
http://slidesha.re/VkLFQi
• Uh oh, Bitly doesn’t make QR codes anymore…. now what?
34
![Page 35: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/35.jpg)
http://slidesha.re/VkLFQi
QR Codes from KAYWA
35
• http://qrcode.kaywa.com/
![Page 36: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/36.jpg)
Weebly
![Page 37: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/37.jpg)
37
http://slidesha.re/VkLFQi
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/
![Page 38: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/38.jpg)
38
http://slidesha.re/VkLFQi
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
![Page 40: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/40.jpg)
40
http://slidesha.re/VkLFQi
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
![Page 41: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/41.jpg)
41
http://slidesha.re/VkLFQi
Weebly Tutorial
• http://help.weebly.com/beginners-guide.html
![Page 42: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/42.jpg)
http://slidesha.re/VkLFQi
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
![Page 43: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/43.jpg)
PaperLi
![Page 44: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/44.jpg)
44
http://slidesha.re/VkLFQi
Paper.Li
http://paper.li/LACNYCnell/1320940472
![Page 45: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/45.jpg)
45
http://slidesha.re/VkLFQi
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)
![Page 46: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/46.jpg)
46
http://slidesha.re/VkLFQi
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
![Page 47: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/47.jpg)
PollEverywhere
![Page 48: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/48.jpg)
http://slidesha.re/VkLFQi
PollEverywhere
48
![Page 49: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/49.jpg)
http://slidesha.re/VkLFQi
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/
![Page 50: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/50.jpg)
![Page 51: Developing mobile friendly content](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d00dcb4c905ae138b57bb/html5/thumbnails/51.jpg)
http://slidesha.re/VkLFQi
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/