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

http://slidesha.re/VkLFQi

3

http://slidesha.re/VkLFQi

LINCS Community

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

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/

6

http://slidesha.re/VkLFQi

Smartphone Owners 2014

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

What is Mobile Friendly Content?

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?

http://slidesha.re/VkLFQi

Mobile Friendly

9

http://www.adultedcompass.org/

10

http://slidesha.re/VkLFQi

Access

• Smart Phones• Internet Connection

11

http://slidesha.re/VkLFQi

Republic Wireless

https://republicwireless.com

12

http://slidesha.re/VkLFQi

Republic Wireless

https://republicwireless.com

13

http://slidesha.re/VkLFQi

EveryoneOn

http://www.everyoneon.org/adulted

14

http://slidesha.re/VkLFQi

EveryoneOn

http://www.everyoneon.org/adulted

What content do you want to deliver to mobile devices?

17

http://slidesha.re/VkLFQi

Types of Content

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

Surveys)

Tools

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

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

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

23

http://slidesha.re/VkLFQi

Choosing Apps

24

http://slidesha.re/VkLFQi

Choosing Apps

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

• Reviews • Ratings• Description• Cost

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

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

Real Life

26

http://slidesha.re/VkLFQi

QR Codes in Education

27

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/

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

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

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/

http://slidesha.re/VkLFQi

Shortening Links

32

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

https://bitly.com/

32

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

http://slidesha.re/VkLFQi

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

34

http://slidesha.re/VkLFQi

QR Codes from KAYWA

35

• http://qrcode.kaywa.com/

Weebly

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/

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

39

http://slidesha.re/VkLFQi

Weebly Interface

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

41

http://slidesha.re/VkLFQi

Weebly Tutorial

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

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

PaperLi

44

http://slidesha.re/VkLFQi

Paper.Li

http://paper.li/LACNYCnell/1320940472

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)

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

PollEverywhere

http://slidesha.re/VkLFQi

PollEverywhere

48

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/

http://slidesha.re/VkLFQi

51

My contact info

Nell Eckerlsey• Email:  nelle@lacnyc.org • Twitter:  http://twitter.com/LACNYCnell • LINCS Technology and Learning Group

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