Building an app-like experience (without the app)

Building an app-like experience (without the app)

Chad HaefeleEmerging Technologies Librarian, UNC Chapel HillcHaefele@email.unc.edu

3/21/11

10 billion!

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

Object Oriented

Boiled down

Web coding

VS

http://dclibrarylabs.org/ iPhone app code

Webapp code

Which is the app?

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

Click icon to add picture

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

iUI

Click icon to add picture

Jquery mobile

http://jquerymobile.com/

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

Mobile site generator

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

soon(ish)!

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

Google’s App Inventor

Barcode scanning

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

Barcode scanning

Option 1

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

Barcode scanning

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

Barcode scanning

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

Barcode scanning

iPhone/iPod Touch demo (beta)

Barcode scanning

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

Option 2

Barcode scanning

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

Barcode scanning

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

Barcode scanning

iPhone/iPod Touch demo (beta)

?Thanks!

cHaefele@email.unc.edu Slides online: http://www.slideshare.net/chaefele