Transcript
Page 1: Building an app-like experience (without the app)

Building an app-like experience (without the app)

Chad HaefeleEmerging Technologies Librarian, UNC Chapel [email protected]

3/21/11

Page 2: Building an app-like experience (without the app)

10 billion!

Page 3: Building an app-like experience (without the app)

Java, Objective C

Single platform

Full hardware access(GPS, camera, etc)

Can be used offline

Tricky to get stats

Money!

Cool

HTML, CSS, Javascript

Multi-platform (maybe)

Limited hardware access (GPS only)

Requires web connection

Standard webstats

Hard to charge for

Not sexy

App WebappApp vs webapp

Page 4: Building an app-like experience (without the app)

Object Oriented

Boiled down

Web coding

VS

Page 5: Building an app-like experience (without the app)

http://dclibrarylabs.org/ iPhone app code

Page 6: Building an app-like experience (without the app)

Webapp code

Page 7: Building an app-like experience (without the app)

Which is the app?

Page 8: Building an app-like experience (without the app)

http://code.google.com/p/iui

Click icon to add picture

Help: http://groups.google.com/group/iphonewebdev/

iUI

Page 9: Building an app-like experience (without the app)

Click icon to add picture

Jquery mobile

http://jquerymobile.com/

Help: http://forum.jquery.com/jquery-mobile

Page 10: Building an app-like experience (without the app)

Mobile site generator

www.hiddenpeanuts.com/msg• Built with iUI• Note: Might move to Jquery Mobile

soon(ish)!

Page 11: Building an app-like experience (without the app)

Barcode scanning

Steal from apps via links

iPhone: pic2shop pic2shop://scan?callback=http://

www.library.org/mobilecatalog.php?ISBN=EAN

More info: bit.ly/pic2shopscan

Android: Barcode Scanner http://zxing.appspot.com/scan?ret=http://

www.library.org/mobilecatalog.php?ISBN={CODE}

More info: bit.ly/zxingscan

Page 12: Building an app-like experience (without the app)

Google’s App Inventor

Page 13: Building an app-like experience (without the app)

Barcode scanning

Click icon to add pictureiPhone/iPod Touch demo (beta)

Page 14: Building an app-like experience (without the app)

Barcode scanning

Option 1

Click icon to add pictureiPhone/iPod Touch demo (beta)

Page 15: Building an app-like experience (without the app)

Barcode scanning

Click icon to add pictureiPhone/iPod Touch demo (beta)

Page 16: Building an app-like experience (without the app)

Barcode scanning

Click icon to add pictureiPhone/iPod Touch demo (beta)

Page 17: Building an app-like experience (without the app)

Barcode scanning

iPhone/iPod Touch demo (beta)

Page 18: Building an app-like experience (without the app)

Barcode scanning

Click icon to add pictureiPhone/iPod Touch demo (beta)

Option 2

Page 19: Building an app-like experience (without the app)

Barcode scanning

Click icon to add pictureiPhone/iPod Touch demo (beta)

Page 20: Building an app-like experience (without the app)

Barcode scanning

Click icon to add pictureiPhone/iPod Touch demo (beta)

Page 21: Building an app-like experience (without the app)

Barcode scanning

iPhone/iPod Touch demo (beta)

Page 22: Building an app-like experience (without the app)

?Thanks!

[email protected] Slides online: http://www.slideshare.net/chaefele


Recommended