SlideShare une entreprise Scribd logo
1  sur  39
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.

Contenu connexe

Tendances

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 developmentIvano 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 LibrariesMatt Machell
 
Mobile applications chapter 2
Mobile applications chapter 2Mobile applications chapter 2
Mobile applications chapter 2Akib B. Momin
 
Introduction of Mobile applications
Introduction of Mobile applicationsIntroduction of Mobile applications
Introduction of Mobile applicationsAkib B. Momin
 
Palms Elementary School iPad Training
Palms Elementary School iPad TrainingPalms Elementary School iPad Training
Palms Elementary School iPad Trainingmrross1
 
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 Librariesjason clark
 
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadStanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadEvan 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 androidSynapseindiappsdevelopment
 
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 4Akib 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 testingGinsburg Design
 
Vision on Tap 6/21/2009
Vision on Tap 6/21/2009Vision on Tap 6/21/2009
Vision on Tap 6/21/2009kevingc
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Teamstudio
 
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 #dpc19Antonio 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 UXSolstice
 
Guide Dogs and Digital Devices
Guide Dogs and Digital DevicesGuide Dogs and Digital Devices
Guide Dogs and Digital DevicesXamarin
 

Tendances (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
 

En vedette

En vedette (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
 

Similaire à Doran-C4L2010

&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
 
wexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentationwexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentationtutorialsruby
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do ThatNathan 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 AppSt. 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 jQTouchSt. 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 applicationsX.commerce
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Phil 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 HappensC4Media
 
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 ConferenceGen Kanai
 
Mobile web application development
Mobile web application developmentMobile web application development
Mobile web application developmentVince Aggrippino
 
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 - microservicesAnton 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-10Almog Koren
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5Akib B. Momin
 

Similaire à Doran-C4L2010 (20)

&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" />
 
wexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentationwexarts.org iPhone Project: Developer Documentation
wexarts.org iPhone Project: Developer Documentation
 
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
 

Plus de 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
 

Dernier

My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 

Dernier (20)

My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 

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.

Notes de l'éditeur

  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).