intro to mobile web development with coldfusion
DESCRIPTION
An introduction to developing mobile applications with CFML, the rapid application development language. First the opportunity is established, areas of execution identified, and then resources on how to get started are explained.TRANSCRIPT
![Page 1: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/1.jpg)
Mobile DevelopmentWith ColdFusion
Vox Pop Design – http://voxpopdesign.com
![Page 2: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/2.jpg)
Overview
• Why Mobile Development?
• Four Areas of Opportunity for Devs (3 for CF)• How to Get Started (Standalone/3rd Party)• Challenges Debugging• Resources• Q&A
http://www.flickr.com/photos/gaetanlee/118885444/
![Page 3: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/3.jpg)
Street Cred (Who Is Matthew Reinbold?)
• BS
in Computer Engineering (SDSM&T)
• MBA
with Emphasis in Emerging Technology Business (University of Utah)
• Formerly of IBM, Microsoft, DigiTech, & MasterControl
• Founder & Creative Principal, Vox Pop Design• Services used by Adobe , Sothebys, KUEN• President, Salt Lake ColdFusion User’s Group• Blog: voxpopdesign.com/bloomburst
• Twitter: twitter.com/libel_vox
![Page 4: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/4.jpg)
Why Mobile?* (Dec 2008)
3.95 Billion Mobile Phone Users. Perspective:
• 850 million cars
• 950 million PCs (desktop + laptops)
• 1.2 billion landline telephones• 1.3 billion Internet accessors• 1.4 billion televisions• 1.5 billion credit cards
* http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html
http://www.flickr.com/photos/quinnanya/3286068884/
![Page 5: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/5.jpg)
Why Mobile? ‐
Deux
• 75% per capita penetration in US
• Western Europe averages 110% (yes. 110%)
• China, India each add 6 million cell phones a month
• More people access web via phone than PC in China, Japan, South
Korea
• Phones Add Greatest GDP to a Country (no literacy needed)
• Phones are upgraded every 15 months (and shrinking – ave. 3.5
years for PC)
• Affordable (relatively)
• 1 in 5 US Households are cell phone only**
* http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html
** http://www.mobilecrunch.com/2009/05/11/center-for-disease-control-releases-report-on-wireless-families-one-in-five-fams-are-cellphone-only/
![Page 6: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/6.jpg)
Four Opportunities for Developers
• Mobile OS (Insurgency? There’s an app for that)
• Voice (867‐5309eeeohhhnnnnine)• Text (SMS, MMS)
• Mobile Web (Browsers & QR Codes)
http://www.flickr.com/photos/absolutely_loverly/3359266160/
![Page 7: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/7.jpg)
Mobile OS – Marketshare Nov ’08*
• Symbian OS –
46.6% (Nokia, Japan)
• iPhone OS – 17.3%• RIM Blackberry – 15.2%
• Windows Mobile – 13.6%
• Linux – 5.1% (China)• Palm, BREW, Android, etc.
* http://en.wikipedia.org/wiki/Smartphone pulled 2009-02-10
![Page 8: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/8.jpg)
Mobile OS – Trent’s Analysis
‘The iPhone is THE most elegant, modern smartphone at this point in time and it's perfect for what we want to do
with the NIN app ‐
except for the ludicrous approval process, and that's what I want to draw attention to.
‘Android is cool, but nobody has an
Android phone. Blackberry is OK but the
hardware is inconsistent and WinMo
straight‐up sucks balls.’
–
May 4th, ‘09
![Page 9: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/9.jpg)
Mobile OS – Flash/AIR?
• iPhone – no Flash yet, maybe never*
• Flash Lite 3.1 (current) has feature parity with Flash 7• Adobe Flash Lite Distributable Player**• $10 Million Fund for Flash Apps **
• Full Flash on Android, Symbian, Windows Mobile, Palm Pre in 2010*
* http://mashable.com/2009/02/16/flash-smartphones-iphone/
** http://venturebeat.com/2009/02/15/mobile-flash-apps-get-better-distribution-more-money/
Ex. Complete list of Flash Lite phones at http://www.adobe.com/mobile/pdfs/flash_lite_forecast_installed_base_jan09.pdf
![Page 10: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/10.jpg)
Voice – Sample Applications
• Automated Tech Support
• Phone Directories• Call Capture (Commercial IVR)
http://www.flickr.com/photos/exalthim/3242330704/
![Page 11: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/11.jpg)
Voice – Demo
• Voiceshot
Provides 800 Number, Can Do TTS, XML‐RPC API, API Voicemail
![Page 12: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/12.jpg)
Voice – Server Interaction
space/time graph
![Page 13: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/13.jpg)
Text (SMS) – Examples
• Ski Utah Snow Report• X96 Breaking News• Obama’s Presidential Campaign
(GigaOm):
– Conduct non‐intrusive surveys (e.g. are you registered to vote yet? what zip
code are
you in?)
– On a state‐by‐state basis, send reminder messages about the cutoff dates for voter
registration and link to registration forms
– On a state‐by‐state basis, tell people to mail in their ballots to vote absentee
– Invite people to campaign events in their area code
– Remind people to get out and vote on Election Day (believe it or
not, some people
forget, although you’d need to be hiding in a cave to miss this one)
– Promote down‐ballot candidates on a zipcode‐by‐zipcode basis
![Page 14: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/14.jpg)
Text (SMS) – Examples Duex
• Ordering Subway in New York
• Register• Text ‘menu’
to 466626
• Reply with Number of Sandwhich to Order
• Receive Text Confirmation and Pick Up time
![Page 15: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/15.jpg)
Text (SMS) –
Dedicated Short Codes
• Drawbacks are Cost and Time
• $1000/month for 5 or 6 character number of your choice ($500 for random)
• Payment due up front
• Carrier Approval Can Take 3‐6 Months
• However, Dedicated Codes Have Greatest Reliability, Support High Volume
• http://usshortcodes.com
![Page 16: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/16.jpg)
Text (SMS) –
Dedicated Short Codes [ColdFusion SMS Gateway]
• Only ColdFusion 7 Enterprise Shipped with It• All ColdFusion 8 Packages Now have It• Gateway Tutorial• In absence of Short Code can simulate
gateway interaction with SMSClient.bat
• … but…
![Page 17: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/17.jpg)
Text (SMS) – Shared Short Codes
• Shared Number• Specifiy Your App as Receiver with a ‘Keyword’
ie: Text ‘Hello [your planet]’
to [some number]
• Affordable and Developing as Soon as Credit Card is Processed
• But May Be Suspended Because of Others
• Numerous Companies –
TextMarks, mBill, Club Texting
![Page 18: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/18.jpg)
Text (SMS) – Demo
Mobivity
•
Sign Up for Shared Short Code (95495)
•
Register Desired Keywords
•
Interact with ColdFusion through XML‐RPC (XML exchanges over HTTP get)
![Page 19: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/19.jpg)
Text (SMS) – Email to SMS
• Available for most North American Carriers
• Put Cell Phone # followed by carrier addy• Some Examples:
– Verizon: [10‐digit phone number]@vtext.com
– AT&T: [10‐digit phone number]@cingularme.com
– Sprint: [10‐digit phone number]@pm.sprint.com
http://www.flickr.com/photos/wonderlane/276890512/
![Page 20: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/20.jpg)
Text (SMS) – SMS by Twitter Proxy
• Twitter supports SMS messaging
• ColdFusion and Twitter API: Ben Nadel – KinkyTwits
(CF and jQuery)
• HTML/JS/AIR and Twitter API: Yahoo Sideline (source code available)
![Page 21: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/21.jpg)
Text (MMS) –
Still Relevant?
• Multimedia Messaging Service
• Allows for sending ‘attachments’
(video, pics)
• Loosing Favor?– Unevenly Supported on Handsets– Extra on Plans– Cross Vendor Compatibility Issues (iPhone didn’t
even support it till OS 3.0)
![Page 22: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/22.jpg)
Mobile Web
• Previously only for ‘Smart Phones’
(13.9% increase in 2008*)
• Data Plan may be Needed and can be $$$
• Requires incredibly clean code optomized for small screens
* http://www.mobilephoneblog.org/2009/03/smartphone-sales-increase-139-in-2008.html
http://www.flickr.com/photos/bpedro/2882551706/
![Page 23: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/23.jpg)
Mobile Web ‐
Browsers
• Opera Mini 4.2 (compressed result thru proxy, limited JavaScript)
• iPhone Mobile Safari
• Internet Explorer Mobile 6
• Firefox Mobile (2010)
• Various WAP Browsers (while streamlined lacks richness, detail)
![Page 24: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/24.jpg)
Mobile Web ‐
Examples
• http://reader.google.com/m/
• http://bmw.mobi
• http://m.twitter.com
![Page 25: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/25.jpg)
Mobile Web ‐
Challenges
• Small Screens (Images < 200px wide)
• Difficulty of Data Input• Browser Inconsistancies• Device Memory Limitations
• Unpredictable (ie. Slow) Bandwidth
http://www.flickr.com/photos/kb35/369380644/
![Page 26: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/26.jpg)
Mobile Web – QR/SemaCode/Data Matrix
• Fantastic for briding phsyical media/digital content divide
• Require a reader (often free)• Can contain URLs, Messages, Phone Numbers
![Page 27: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/27.jpg)
Mobile Web – QR Examples
• Dutch Government Health Campaign
• Selling Hip Hop
![Page 28: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/28.jpg)
Mobile Web – QR and ColdFusion
• Generate QR Codes From ColdFusion (and jsp) http://www.servletsuite.com/servlets/qrcodetag.htm
• Great for any
‘real world’
tidbit that could be supplimented with online offerings
(documents, billboards, bumper stickers, etc.)
![Page 29: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/29.jpg)
Debugging –
Challenges
• Voice, SMS: No Visual Output, Failure is Brutal
• Essential to Log Inputs, Outputs• http://ready.mobi
![Page 30: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/30.jpg)
Debugging – Adobe’s Device Central
![Page 31: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/31.jpg)
Resources ‐
Books
• [theory] ‐
Cameron Moll, Mobile Web Design
• [theory] – Matt Jones & Gary Marsden, Mobile Interaction Design
• [social effects] ‐
Howard Rheingold, Smart Mobs
• [social effects] ‐
Clay Shirky, Here Comes Everybody
![Page 32: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/32.jpg)
Resources ‐
Groups
• Utah Mobile Development Group
• Utah iPhone Developers Group
![Page 33: Intro to Mobile Web Development with ColdFusion](https://reader033.vdocuments.us/reader033/viewer/2022061222/54c1b2194a7959e8348b45a2/html5/thumbnails/33.jpg)
Questions?Do You Want to Be Part of a $1 Trillion Industry?
“Mobile messaging is worth about 130 billion dollars. Mobile
voice is worth about 600 billion dollars. The mobile data and
content industries are worth about 70 billion dollars. The total
mobile services industry is worth about 800 billion dollars. The
handsets business is worth about 150 billion, and the network
hardware rounds out the remainder, a bit under 50 billion, to
bring our total to one Trillion (1,000 Billion) dollars.”
‐
Tomi Ahonen – Dec, 2008
Matthew Reinbold
http://voxpopdesign.com