SlideShare a Scribd company logo
Mobile Web App Design …Getting Started Michael Doran, Systems Librarian [email_address]
Okay, we get it! … now what? … iPhone statistics, library services,  WorldCat mobile, Android, Millennials, charts and graphs, yada, yada, yada…
buy? build? Hmm.  Is it too late to join buy4lib? … now what? www.boopsie.com/ www.blackboard.com/Mobile/
build web app? native app? e.g. iPhone app written in Cocoa requiring download via the App Store “ Most of the folks I know in app  development are moving to  standardization on web versus device specific development.” Linda Woods AT&T Education Advocate Industry & Mobility Application Solutions 2009  Handheld Librarian Online Conference
This just out… an iPhone OPAC. Download it from the App Store. What?  Uhhh.  I just bought a Nexus One. Loser!
The Tao of mobile web (app) design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],A mobile web app should do one thing and do it well. A mobile web app should be as simple as possible, but no simpler.
a good mobile web app typical single-interface that-does-everything library web app 1
1
4
Simple is as  simple does.
[object Object],[object Object],[object Object],[object Object],iPhone web apps (according to Apple*) 2 ,[object Object],[object Object],[object Object],[object Object],If it doesn’t look  exactly like an iPhone app it can’t be any good! *  Content on iPhone: Is It a Webpage or an Application?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],iPhone web application tool kits JavaScript libraries, CSS code, images… I didn’t have to start from scratch.
iUI iWebKit jQTouch
“ Moore’s Law doesn’t apply to batteries…as we’re now going into mobile…the cycles count.” Douglas Crockford* Gee, I love what jQuery can do, but maybe server-side processing is the way to go.  * Quoted in “Coders at Work” by Peter Seibel,  pg. 100
[11:45]  <jkeck> jquery++ [11:45] <mjgiarlo> @fight bacon jquery [11:45]  <zoia> jquery: 2090000, bacon: 106 [11:45]  <mdoran> whatever
Handheld emulators/simulators ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Operating System Software Development Kit
Oooohh
 
 
 
 
 
 
Handheld emulators/simulators Palm iPhone Android Opera Mini
Browser compatibility – don’t skip this Internet Explorer Firefox Chrome
XHTML/HTML/CSS validation ,[object Object],[object Object],[object Object],Get right with these  before  you move on to platform compatibility.
Mobile design –  platform  compatibility viewport
Mobile design –  platform  compatibility Larger buttons for finger tapping
Mobile design –  platform  compatibility 2
Test it on the real thing (handset), too! Borrow from colleagues Or, as a last resort…  Just need to… test… my app…. one… more time
Don’t forget the documentation! ,[object Object],[object Object],[object Object],A viewport? Who knew? It’s a small world after all.
Example docs and websites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Reading? I just want to code!
“ Deliver relevance -- expectations are high and you can only dazzle once.” Cindy Cunningham, OCLC LITA 2009 National Forum Patrons can be persnickety.  Maybe I should practice on the Library staff, first.
Hmmm, a staff app… … easier to do a needs assessment … easier to get UI feedback … library has WiFi, so we can use mobile devices without a data plan What would help staff working in the stacks?
ShelfLister version 2.0 End barcode Start barcode 3 http://vts.uta.edu/sl.htm
ShelfLister version 2.0 6
UTA hereby grants USER permission to use, copy, modify, and distribute  this software and its documentation for any purpose and without fee […] Consider releasing your mobile app as free open source.  It’s better than free beer!
If that imbecile up there can do it… How hard could it be? Getting something to beta would only take me a week.
That’s it! Any questions? @dchud:  Thanks for giving up your presentation slot.

More Related Content

What's hot

These mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app developmentThese mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app development
Ivano Malavolta
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for Libraries
Matt Machell
 
Mobile applications chapter 2
Mobile applications chapter 2Mobile applications chapter 2
Mobile applications chapter 2
Akib B. Momin
 
Introduction of Mobile applications
Introduction of Mobile applicationsIntroduction of Mobile applications
Introduction of Mobile applications
Akib B. Momin
 
Palms Elementary School iPad Training
Palms Elementary School iPad TrainingPalms Elementary School iPad Training
Palms Elementary School iPad Training
mrross1
 
Web over 9000
Web over 9000Web over 9000
Web over 9000
Seth Caldwell
 
Mobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital LibrariesMobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital Libraries
jason clark
 
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadStanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Evan Doll
 
Synapseindia android app sharing app inventor for android
Synapseindia android app sharing app inventor for androidSynapseindia android app sharing app inventor for android
Synapseindia android app sharing app inventor for android
Synapseindiappsdevelopment
 
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
Firefox os  the web, mobile (for yahoo! hack europe - april 2013)Firefox os  the web, mobile (for yahoo! hack europe - april 2013)
Firefox os the web, mobile (for yahoo! hack europe - april 2013)Yahoo Developer Network
 
Mobile applications chapter 4
Mobile applications chapter 4Mobile applications chapter 4
Mobile applications chapter 4
Akib B. Momin
 
An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testing
Ginsburg Design
 
Vision on Tap 6/21/2009
Vision on Tap 6/21/2009Vision on Tap 6/21/2009
Vision on Tap 6/21/2009
kevingc
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1
Teamstudio
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
Antonio Peric-Mazar
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
 
Look into the future
Look into the futureLook into the future
Look into the futureKarla Saenz
 
Ride the Wave of Conversational UX
Ride the Wave of Conversational UXRide the Wave of Conversational UX
Ride the Wave of Conversational UX
Solstice
 
Guide Dogs and Digital Devices
Guide Dogs and Digital DevicesGuide Dogs and Digital Devices
Guide Dogs and Digital Devices
Xamarin
 

What's hot (20)

These mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app developmentThese mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app development
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for Libraries
 
Mobile applications chapter 2
Mobile applications chapter 2Mobile applications chapter 2
Mobile applications chapter 2
 
Introduction of Mobile applications
Introduction of Mobile applicationsIntroduction of Mobile applications
Introduction of Mobile applications
 
Palms Elementary School iPad Training
Palms Elementary School iPad TrainingPalms Elementary School iPad Training
Palms Elementary School iPad Training
 
Web over 9000
Web over 9000Web over 9000
Web over 9000
 
Mobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital LibrariesMobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital Libraries
 
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadStanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
 
Synapseindia android app sharing app inventor for android
Synapseindia android app sharing app inventor for androidSynapseindia android app sharing app inventor for android
Synapseindia android app sharing app inventor for android
 
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
Firefox os  the web, mobile (for yahoo! hack europe - april 2013)Firefox os  the web, mobile (for yahoo! hack europe - april 2013)
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
 
Mobile applications chapter 4
Mobile applications chapter 4Mobile applications chapter 4
Mobile applications chapter 4
 
An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testing
 
Vision on Tap 6/21/2009
Vision on Tap 6/21/2009Vision on Tap 6/21/2009
Vision on Tap 6/21/2009
 
Mobile Tools and Trends
Mobile Tools and TrendsMobile Tools and Trends
Mobile Tools and Trends
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
 
Look into the future
Look into the futureLook into the future
Look into the future
 
Ride the Wave of Conversational UX
Ride the Wave of Conversational UXRide the Wave of Conversational UX
Ride the Wave of Conversational UX
 
Guide Dogs and Digital Devices
Guide Dogs and Digital DevicesGuide Dogs and Digital Devices
Guide Dogs and Digital Devices
 

Viewers also liked

Quickpoint How To
Quickpoint How ToQuickpoint How To
Quickpoint How To
Quickoffice Test
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
Quickoffice Test
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
Quickoffice Test
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
Quickoffice Test
 
Kentucky_Mobile_Processing_Unit
Kentucky_Mobile_Processing_UnitKentucky_Mobile_Processing_Unit
Kentucky_Mobile_Processing_UnitQuickoffice Test
 
Quickpoint How To
Quickpoint How ToQuickpoint How To
Quickpoint How To
Quickoffice Test
 
Reclaimed_Water_BC_Calculator_Irrigation
Reclaimed_Water_BC_Calculator_IrrigationReclaimed_Water_BC_Calculator_Irrigation
Reclaimed_Water_BC_Calculator_IrrigationQuickoffice Test
 
Bilingual_Pay_Differential_Sheet
Bilingual_Pay_Differential_SheetBilingual_Pay_Differential_Sheet
Bilingual_Pay_Differential_Sheet
Quickoffice Test
 
여보세요견본원본한국어Korean
여보세요견본원본한국어Korean여보세요견본원본한국어Korean
여보세요견본원본한국어KoreanQuickoffice Test
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
Quickoffice Test
 
여보세요 견본 원본 한국어 Korean
여보세요 견본 원본 한국어 Korean여보세요 견본 원본 한국어 Korean
여보세요 견본 원본 한국어 KoreanQuickoffice Test
 
여보세요견본원본한국어Korean
여보세요견본원본한국어Korean여보세요견본원본한국어Korean
여보세요견본원본한국어KoreanQuickoffice Test
 

Viewers also liked (17)

Quickpoint How To
Quickpoint How ToQuickpoint How To
Quickpoint How To
 
Quickpoint How To
Quickpoint How ToQuickpoint How To
Quickpoint How To
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
 
63878
6387863878
63878
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
 
agentsofchange1
agentsofchange1agentsofchange1
agentsofchange1
 
Kentucky_Mobile_Processing_Unit
Kentucky_Mobile_Processing_UnitKentucky_Mobile_Processing_Unit
Kentucky_Mobile_Processing_Unit
 
PPT
PPTPPT
PPT
 
Quickpoint How To
Quickpoint How ToQuickpoint How To
Quickpoint How To
 
Reclaimed_Water_BC_Calculator_Irrigation
Reclaimed_Water_BC_Calculator_IrrigationReclaimed_Water_BC_Calculator_Irrigation
Reclaimed_Water_BC_Calculator_Irrigation
 
ms_pp_2007_winxp
ms_pp_2007_winxpms_pp_2007_winxp
ms_pp_2007_winxp
 
Bilingual_Pay_Differential_Sheet
Bilingual_Pay_Differential_SheetBilingual_Pay_Differential_Sheet
Bilingual_Pay_Differential_Sheet
 
여보세요견본원본한국어Korean
여보세요견본원본한국어Korean여보세요견본원본한국어Korean
여보세요견본원본한국어Korean
 
ms_word_2007_winxp
ms_word_2007_winxpms_word_2007_winxp
ms_word_2007_winxp
 
여보세요 견본 원본 한국어 Korean
여보세요 견본 원본 한국어 Korean여보세요 견본 원본 한국어 Korean
여보세요 견본 원본 한국어 Korean
 
여보세요견본원본한국어Korean
여보세요견본원본한국어Korean여보세요견본원본한국어Korean
여보세요견본원본한국어Korean
 

Similar to Doran-C4L2010

wexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentationwexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentationtutorialsruby
 
&lt;img src="../i/r_14.png" />
&lt;img src="../i/r_14.png" />&lt;img src="../i/r_14.png" />
&lt;img src="../i/r_14.png" />tutorialsruby
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
Nathan Smith
 
Best Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile AppBest Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile App
St. Petersburg College
 
Creating a Slick Web App Using jQTouch
Creating a Slick Web App Using jQTouchCreating a Slick Web App Using jQTouch
Creating a Slick Web App Using jQTouch
St. Petersburg College
 
Saying no to native apps - UX Masterclass Copenhagen
Saying no to native apps - UX Masterclass CopenhagenSaying no to native apps - UX Masterclass Copenhagen
Saying no to native apps - UX Masterclass CopenhagenBrian Donohue
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
X.commerce
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013
Phil Barrett
 
Put a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What HappensPut a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What Happens
C4Media
 
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
BBC News Labs
 
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy Apigee | Google Cloud
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
Gen Kanai
 
Mobile web application development
Mobile web application developmentMobile web application development
Mobile web application development
Vince Aggrippino
 
Civi mobile & CiviSync Mobile
Civi mobile & CiviSync MobileCivi mobile & CiviSync Mobile
Civi mobile & CiviSync Mobile
Ireland India Business Association
 
Trip advsiorhybridpresentation
Trip advsiorhybridpresentationTrip advsiorhybridpresentation
Trip advsiorhybridpresentationElanaBoehm
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino
 
Developer connect - microservices
Developer connect - microservicesDeveloper connect - microservices
Developer connect - microservices
Anton McConville
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
Almog Koren
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5
Akib B. Momin
 

Similar to Doran-C4L2010 (20)

wexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentationwexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentation
 
&lt;img src="../i/r_14.png" />
&lt;img src="../i/r_14.png" />&lt;img src="../i/r_14.png" />
&lt;img src="../i/r_14.png" />
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
Best Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile AppBest Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile App
 
Creating a Slick Web App Using jQTouch
Creating a Slick Web App Using jQTouchCreating a Slick Web App Using jQTouch
Creating a Slick Web App Using jQTouch
 
Saying no to native apps - UX Masterclass Copenhagen
Saying no to native apps - UX Masterclass CopenhagenSaying no to native apps - UX Masterclass Copenhagen
Saying no to native apps - UX Masterclass Copenhagen
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013
 
Put a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What HappensPut a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What Happens
 
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
 
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
Mobile web application development
Mobile web application developmentMobile web application development
Mobile web application development
 
Civi mobile & CiviSync Mobile
Civi mobile & CiviSync MobileCivi mobile & CiviSync Mobile
Civi mobile & CiviSync Mobile
 
Trip advsiorhybridpresentation
Trip advsiorhybridpresentationTrip advsiorhybridpresentation
Trip advsiorhybridpresentation
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
 
Developer connect - microservices
Developer connect - microservicesDeveloper connect - microservices
Developer connect - microservices
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5
 
Mobile html5 v2
Mobile html5 v2Mobile html5 v2
Mobile html5 v2
 

More from Quickoffice Test

egnyte rename
egnyte renameegnyte rename
egnyte rename
Quickoffice Test
 
Quickword How To
Quickword How ToQuickword How To
Quickword How To
Quickoffice Test
 
evi
evievi
Docx test
Docx testDocx test
Docx test
Quickoffice Test
 
Presentation
PresentationPresentation
Presentation
Quickoffice Test
 
!!!zzz To
!!!zzz To!!!zzz To
!!!zzz To
Quickoffice Test
 
!!!zzz itttest1
!!!zzz itttest1!!!zzz itttest1
!!!zzz itttest1
Quickoffice Test
 
mac_pp_2011
mac_pp_2011mac_pp_2011
mac_pp_2011
Quickoffice Test
 

More from Quickoffice Test (20)

call02
call02call02
call02
 
call03
call03call03
call03
 
call06
call06call06
call06
 
call07
call07call07
call07
 
test
testtest
test
 
EGNYTE
EGNYTEEGNYTE
EGNYTE
 
egnyte rename
egnyte renameegnyte rename
egnyte rename
 
A
AA
A
 
Quickword How To
Quickword How ToQuickword How To
Quickword How To
 
evi
evievi
evi
 
Docx test
Docx testDocx test
Docx test
 
Presentation
PresentationPresentation
Presentation
 
april
aprilapril
april
 
April
AprilApril
April
 
April
AprilApril
April
 
April
AprilApril
April
 
test
testtest
test
 
!!!zzz To
!!!zzz To!!!zzz To
!!!zzz To
 
!!!zzz itttest1
!!!zzz itttest1!!!zzz itttest1
!!!zzz itttest1
 
mac_pp_2011
mac_pp_2011mac_pp_2011
mac_pp_2011
 

Recently uploaded

Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
Peter Spielvogel
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.
ViralQR
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 

Recently uploaded (20)

Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 

Doran-C4L2010

  • 1. Mobile Web App Design …Getting Started Michael Doran, Systems Librarian [email_address]
  • 2. Okay, we get it! … now what? … iPhone statistics, library services, WorldCat mobile, Android, Millennials, charts and graphs, yada, yada, yada…
  • 3. buy? build? Hmm. Is it too late to join buy4lib? … now what? www.boopsie.com/ www.blackboard.com/Mobile/
  • 4. build web app? native app? e.g. iPhone app written in Cocoa requiring download via the App Store “ Most of the folks I know in app development are moving to standardization on web versus device specific development.” Linda Woods AT&T Education Advocate Industry & Mobility Application Solutions 2009 Handheld Librarian Online Conference
  • 5. This just out… an iPhone OPAC. Download it from the App Store. What? Uhhh. I just bought a Nexus One. Loser!
  • 6.
  • 7. a good mobile web app typical single-interface that-does-everything library web app 1
  • 8. 1
  • 9. 4
  • 10. Simple is as simple does.
  • 11.
  • 12.
  • 14. “ Moore’s Law doesn’t apply to batteries…as we’re now going into mobile…the cycles count.” Douglas Crockford* Gee, I love what jQuery can do, but maybe server-side processing is the way to go. * Quoted in “Coders at Work” by Peter Seibel, pg. 100
  • 15. [11:45] <jkeck> jquery++ [11:45] <mjgiarlo> @fight bacon jquery [11:45] <zoia> jquery: 2090000, bacon: 106 [11:45] <mdoran> whatever
  • 16.
  • 18.  
  • 19.  
  • 20.  
  • 21.  
  • 22.  
  • 23.  
  • 24. Handheld emulators/simulators Palm iPhone Android Opera Mini
  • 25. Browser compatibility – don’t skip this Internet Explorer Firefox Chrome
  • 26.
  • 27. Mobile design – platform compatibility viewport
  • 28. Mobile design – platform compatibility Larger buttons for finger tapping
  • 29. Mobile design – platform compatibility 2
  • 30. Test it on the real thing (handset), too! Borrow from colleagues Or, as a last resort… Just need to… test… my app…. one… more time
  • 31.
  • 32.
  • 33. “ Deliver relevance -- expectations are high and you can only dazzle once.” Cindy Cunningham, OCLC LITA 2009 National Forum Patrons can be persnickety. Maybe I should practice on the Library staff, first.
  • 34. Hmmm, a staff app… … easier to do a needs assessment … easier to get UI feedback … library has WiFi, so we can use mobile devices without a data plan What would help staff working in the stacks?
  • 35. ShelfLister version 2.0 End barcode Start barcode 3 http://vts.uta.edu/sl.htm
  • 37. UTA hereby grants USER permission to use, copy, modify, and distribute this software and its documentation for any purpose and without fee […] Consider releasing your mobile app as free open source. It’s better than free beer!
  • 38. If that imbecile up there can do it… How hard could it be? Getting something to beta would only take me a week.
  • 39. That’s it! Any questions? @dchud: Thanks for giving up your presentation slot.

Editor's Notes

  1. Branch in the decision tree Ko-ko Jason Casden NCSU WolfWalk app =&gt; native-to-web
  2. Unix philosophy With apologies to Albert Einstein
  3. Crockford: “Which I think puts even more pressure on getting JavaScript to go fast. Particularly as we’re now going into mobile. Moore’s law doesn’t apply to batteries. So how much time we’re wasting in interpreting stuff really matters there. The cycles count. So I think that’s going to put more pressure on improving the quality of the runtime.” Ref Jesse Keck Quoted in “Coders at Work” by Peter Seibel, pg. 100
  4. Browser detection
  5. Code4lib picture by Ray Schwartz. Used by permission (and by permission of Katherine Lynch).