• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mobile 2.0
 

Mobile 2.0

on

  • 1,166 views

Презентация 2008 года.

Презентация 2008 года.

Statistics

Views

Total Views
1,166
Views on SlideShare
1,166
Embed Views
0

Actions

Likes
1
Downloads
29
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile 2.0 Mobile 2.0 Presentation Transcript

    • Mobile 2.0Design & Develop for the iPhone and Beyond by Brian Fling Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WILLKOMMEN! BIENVENUE! WELCOME!BENVENUTO!BIENVENIDO! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WHO AM I?Mobile Designer since 2000.Worked for the first MVNO in NorthAmerica.Has worked directly with all Tier 1 carriersin North America and most of Tier 2.Helped brands like Rolling Stone, Napster& ESPN with mobile web strategy & design.Runs mobiledesign.org, one of the largestcommunities of mobile designers.Co-creator of Leaflets for the iPhone.Author of the dotMobi Mobile WebDevelopers Guide. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WHO ARE YOU?How many of you are developers?How many of you are designers?How many of you are entrepreneurs?How many of you have created a mobile site forany mobile platform?How many of you own an iPhone (2.5G or 3G)?How many have created iPhone-specific sites?How many of you shouldn’t be here becauseyou’re actually chefs? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Part One WHY MOBILE ISUTTERLY HORRIBLE AND WHY YOUSHOULD RUN AWAY Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • A BriefHISTORYof MO B I L E Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • IN THEBEGINNING... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Perceptions haven’t much changed since. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • It is up to us to change howpeople use mobile technology Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era 1970 1980 1990 Mobile Evolution 2000 2010Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertG as in 2G, 2.5G and 3G.The generations of mobile networks.O cially there are only 1G, 2G & 3G, butseveral midpoints have been defined as 2.5G,2.75G, etc. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era Portable! Fits in a Briefcase Sparse cellular network Voice calls only Costs more per call than a pay phone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era Candy Bar Era 1970 1980 1990 Mobile Evolution 2000 2010Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The Candybar Era GSM, CDMA, TDMA, iDEN More cellular towers Less power needed, much smaller Better voice quality Added SMS Still just a phone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era Candy Bar Era Feature Phone Era 1970 1980 1990 Mobile Evolution 2000 2010Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The Feature Phone Era GPRS, HSCSD, WiDEN Data-capable devices Addition of Mobile Web Camera phones & MMS Mass adoption as airtime rates lower Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era Candy Bar Era Smart Phone Era Feature Phone Era 1970 1980 1990 Mobile Evolution 2000 2010Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The Smart Phone Era GPRS, HSDPA, WI-FI The Mobile Platform becomes key Email a primary driver in sales A push for Push Notifications Very “gadgety” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era Touch Era Candy Bar Era Smart Phone Era Feature Phone Era 1970 1980 1990 Mobile Evolution 2000 2010Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • “ Change occurs because there is a gap between what is and what should be. ” — Craig McCawCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • the mythical“Future-Phone”Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • come. The iPhone is the shape of things toCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The Touch Era GPRS, HSPDA, EVDO, Wi-Fi A focus on haptic interfaces Accelerometers GPS/Location-based Subscriber-centered design Rich interfaces A media platform “It’s about the web” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Gartner’sPREDICTIONS for 2009 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Gartner’s Predictions1. Established Vendors Consolidate and New Players Join the Fray2. Device Vendors Build Out Ecosystems3. Device Makers Remove Complexity for Users4. Mobile Devices Become Lifestyle Statements5. High-End Device Platforms Become “Field- Refreshable” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • These are not predictions. It’s happening. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • TheMOBILEECOSYSTEM Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertMobile 1.0The first two generations of browsers andhardware used to view the web on mobiledevices.Design and development for these deviceswas highly di cult due to the constraints ofthe technology. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • IT IS ROUGH... We have to deal with a lot of junk! ARPU, depending on application goals Operators (Vodafone, T-Mobile, AT&T, et al) Di erent languages (Java, C++, BREW) Poor support for web standards (CSS, XHTML, JS) The “Deck” Handsets (about a bajillion of them) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Layers of Mobile Services ApplicationsThe mobile ecosystem Application Frameworkshas many layers. Operating SystemsEach with their own Platformscomplexities andobstacles. Handsets Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Layers of Mobile Services ApplicationsA mobile network operator(MNO) also known as... Application Frameworks• a wireless service provider Operating Systems• a wireless carrier Platforms• a mobile phone operator Handsets• a cellular company...is a telephone company that Networksprovides services for mobile Operators Operatorsphone subscribers. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertMobile Service ProviderA broad term to describe the mobile networkprovider that provides subscribers wireless accessto voice and data services.Also known as a mobile network operator, or MNO in the telecommunications industry,though usually referred to as carriers in North America and operators elsewhere in theworld. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Rank Company Primary Markets Network Subscribers* 1 China Mobile China (including Hong Kong) GSM, GPRS, EDGE 337.9 mil GSM, GPRS, EDGE, 2 Vodafone Europe, Australia, New Zealand, Africa UMTS, HSDPA 206 mil GSM, GPRS, EDGE, 3 Telefonica Europe, Latin America UMTS, HSDPA 154.8 mil Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. 4 China Unicom China GSM, GPRS, CDMA 153.1 mil GSM, GPRS, EDGE, 5 America Movil Mexico, Latin America UMTS, CDMA 137.2 mil GSM, GPRS, EDGE, 6 T-Mobile Europe, USA UMTS, HSDPA 111.8 mil GSM, GPRS, EDGE, 7 MTS Russia UMTS 74.67 mil GSM, GPRS, EDGE, 8 Orange Europe, Netherlands, Africa UMTS, HSDPA 73.2 mil GSM, GPRS, EDGE, 9 Telenor Netherlands, Eastern Europe UMTS 68 mil GSM, GPRS, EDGE, 10 AT&T USA UMTS, HSDPA 63.7 mil * Proportionate subscribers in millions as of June 2007. Sources: Companies Annual Reports Top Network Operators
    • Jargon AlertARPUAverage Revenue Per UserA term used to describe the financial value ofa program, application or service. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Layers of Mobile Services ApplicationsMobile networks communicatethrough electromagnetic radio Application Frameworkswaves with a cell site basestation, the antennas of which Operating Systemsare usually mounted on a Platformstower, pole or building.They are often referred to by Handsetstheir generation and/or Networks Networksstandard. Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertG as in 2G, 2.5G and 3G.The generations of mobile networks.O cially there are only 1G, 2G & 3G, butseveral midpoints have been defined as 2.5G,2.75G, etc. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 2G Second generation of mobile phone standards and technology SpeedsGSM Global System for Mobile communications 12.2 kbits/sGPRS General Packet Radio Service max 60 kbits/sEDGE Enhanced Data rates for GSM Evolution 59.2 kbits/sHSCSD High-Speed Circuit-Switched Data 57.6 kbits/s Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.3G Third generation of mobile phone standards and technology SpeedsW-CDMA Wideband Code Division Multiple Access 14.4 Mbits/s UMTS Universal Mobile Telecommunications System 3.6 Mbits/sUMTS-TDD Time Division Duplexing 16 Mbits/s TD-CDMA Time Divided Code Division Multiple Access 16 Mbits/sHSPA High-Speed Packet Access 14.4 Mbits/s HSDPA High-Speed Downlink Packet Access 14.4 Mbits/s HSUPA High-Speed Uplink Packet Access 5.76 Mbit/s GSM Mobile Networks
    • Other Network Technologies CDMA & EVDO iDEN & WiDEN WiMAX Worldwide Interoperability for Microwave Access, is a telecommunications technology aimed at providing wireless data over long distances in a variety of ways, from point-to-point links to full mobile cellular type access. WiMAX allows a user, for example, to browse the Internet on a laptop computer without physically connecting the laptop to a router or switch port via an ethernet port. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Layers of Mobile Services Applications Application FrameworksA mobile handset or “mobile Operating Systemsphone” is a long-range,portable electronic device Platformsused for mobile Handsets Handsetscommunication. Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Handsets! Copyright 2008 Garrett Murray <info@garrettmurray.net> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Other Applications Smart Phones Phone, Web, SMS Feature Phones Comparing Mobile DevicesCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Layers of Mobile Services Applications Application Frameworks Operating SystemsThe core mobile developmentplatform in which all software Platforms Platformsis written. Handsets Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Licensed Java ME (or J2ME) is a specification of a subset of the Java platform aimed at Java ME providing a certified collection of Java APIs for the development of software for small, resource-constrained devices such as cell phones, PDAs and set-top boxes. BREW is an application development platform created by Qualcomm for mobile BREW phones. It is air-interface independent, i.e. it can support GSM/GPRS, UMTS, and CDMA Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Windows Mobile is a compact operating system combined with a suite of basicWindows Mobile applications for mobile devices based on the Microsoft Win32 API Proprietary Palm C/C++ based BlackBerry Java-basedDanger’s Hiptop Java-basedApple’s iPhone Objective-C Open Source Android Java-based Mobile Platforms
    • Layers of Mobile Services Applications Application FrameworksOperating systems arecommon in Smart Phones, but Operating Systems Operating Systemsrare in Feature phones. Platforms Handsets Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Symbian OS is a open-source operating system, designed for mobileSymbian devices, with associated libraries, user interface frameworks and reference implementations of common tools.Windows Windows Mobile is a compact operating system combined with a suite ofMobile 6 basic applications for mobile devices based on the Microsoft Win32 API Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Used by Palm’s TREO line of mobile phones, though gradually beingPalm OS replaced by Windows Mobile. Increasingly used in mobile phones. The new RAZR uses Linux as its Linux Operating System. OS X Used by Apple’s iPhone and iPod Touch.Android Used by Android Phones and can be customized by Operators. Mobile Operating Systems
    • Layers of Mobile Services ApplicationsA software framework that is Application Frameworks Application Frameworksused to implement thestandard structure of an Operating Systemsapplication for a specificoperating system. Platforms Handsets Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Applications written in the Java ME framework can often be deployed Java across the majority of Java-based devices. Applications written in the BREW framework can often be deployed BREW across the majority of BREW-based devices. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Applications written using the Flash Lite 2.0 and Action Script 2.0 Flash Lite frameworks can run using the Flash Lite Player. Windows Applications written using the Win32 API can be deployed across the Mobile 6 majority of Windows Mobile-based devices. Applications written using the iPhone version of the Cocoa can beCocoa Touch deployed on iPhone’s and iPod Touches. Web Applications can be deployed across the majority of devices that Web support the WAP 2.0 specifications and run using a mobile web browser. Application Frameworks
    • Layers of Mobile ServicesMobile applications often are Applications Applicationsdesigned to serve a particularfunction or purpose. Application FrameworksExample applications may Operating Systemsinclude Games, Web Browser,Camera or Media Player. Platforms Handsets Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR The epitomy of Mobile 1.0, and probably the most prolific device. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR The epitomy of Mobile 1.0, and probably the most prolific device. Also, the perfect example of handset madness™ to the extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR 3 .2 ave 6.2. V3: Openw The epitomy of Mobile 1.0, and probably the most prolific device. Also, the perfect example of handset madness™ to the extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR 3 .2 ave 6.2. V3: Openw The epitomy of V3c/i/r: O pe nwave 6.2.3 .4.c.1.109 Mobile 1.0, and probably the most prolific device. Also, the perfect example of handset madness™ to the extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR 3 .2 ave 6.2. V3: Openw The epitomy of nwave 6.2.3 V3c/i/r: O pe .4.c.1.109 Mobile 1.0, and probably the most V3m/V9m: Teleca-Obigo 4.0 prolific device. Also, the perfect example of handset madness™ to the extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR 3 .2 ave 6.2. V3: Openw The epitomy of nwave 6.2.3 V3c/i/r: O pe .4.c.1.109 Mobile 1.0, and probably the most V3m/V9m: Teleca-Obigo 4.0 prolific edevice. 6 .2.3.1 . c.1.1 12 v enwa Also, V3x: the perfect Op example of handset madness™ to the extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR V3m: Open wave 6.2.3.1 .c.1. 115 3 .2 ave 6.2. V3: Openw The epitomy of nwave 6.2.3 V3c/i/r: O pe .4.c.1.109 Mobile 1.0, and probably the most V3m/V9m: Teleca-Obigo 4.0 prolific edevice. 6 .2.3.1 . c.1.1 12 v enwa Also, V3x: the perfect Op example of handset madness™ to the extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR V3m: Open wave 6.2.3.1 .c.1. 115 3 .2 ave 6.2. V3: Openw The epitomy of nwave 6.2.3 V3c/i/r: O pe .4.c.1.109 Mobile 1.0, and probably the most V3m/V9m: Teleca-Obigo 4.0 prolific edevice. 6 .2.3.1 . c.1.1 12 v enwa the perfect Also, V3x: Op example of handset R) 6.80.53madness™ to the (9 pera 8.0 V3xxi: O extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR V3m: Open wave 6.2.3.1 .c.1. 115 3 .2 ave 6.2. V3: Openw The epitomy of nwave 6.2.3 V3c/i/r: O pe .4.c.1.109 Mobile 1.0, and probably the most V3m/V9m: Teleca-Obigo 4.0 prolific edevice. 6 .2.3.1 . c.1.1 12 v enwa Also, pera 8perfect3 V3 V: OO the x 8: p .5 (08.B7.2 R) example of handset R) 6.80.53madness™ to the (9 pera 8.0 V3xxi: O extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE RAZR V3m: Open wave 6.2.3.1 .c.1. 115 3 .2 ave 6.2. V3: Openw The epitomy of V3c/i/r: O n’t evMobileALFandF en H 1.0, O nwave 6.2.3 pe This is .4.c.1.109 V3m/V9m: Teleca-Obigo 4.0 ELS! probably the most THE MOD device.2 prolific e 6.2.3. 1.c.1 .11 v enwa Also, pera 8perfect3 V3 V: OO the x 8: p .5 (08.B7.2 R) example of handset R) 6.80.53madness™ to the (9 pera 8.0 V3xxi: O extreme! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Photo copyright Jeremy Plemon
    • Layers of MobileNetwork-based services are Services Servicesoften available at theApplication, Framework, or ApplicationsOS level to enhance therelevance of information. Application FrameworksExample services may include Operating SystemsThe Internet, Messaging orLocation. Platforms Handsets Networks Operators Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • All of these layers must bepassed through before you get to the content. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Why theMOBILE WEB? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Size, Depth, BreadthCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • why theMOBILE WEB?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Population of the Earth Source: WikipediaCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 20 Million Population of the Earth Source: WikipediaCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 20 Million United Kingdom (50m) Population of the Earth Source: WikipediaCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 20 Million United Kingdom (50m) United States of America (303m) Population of the Earth Source: WikipediaCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 20 Million United Kingdom (50m) United States of America (303m) European Union (495m) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Source: Wikipedia Population of the Earth
    • 20 Million United Kingdom (50m) United States of America (303m) European Union (495m) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. China (1.3 billion) Source: Wikipedia Population of the Earth
    • Mobile Web of TodayCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile Web of TodayCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile Web of Today Mobile Users (2.9b)Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile Web of Today Mobile Web Access (1.3b) Mobile Users (2.9b)Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile Users (2.9b) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Mobile Web Access (1.3b) Desktop Web Access (1.1b) Sources: GSM Association, T-Mobile, Credit Suisse, Pyramid ResearchMobile Web of Today
    • Mobile Web of TomorrowCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 2010 Mobile Web of Tomorrow Mobile Web Subscribers byCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 2010 50% of the planet! Mobile Web of Tomorrow Mobile Web Subscribers by Source: Informa Telecoms & Media 2006Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The mobile web is the mostcost-e ective way to reach HALF THE PLANET. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • We are at the precipiceof the next generation of THE WEB. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • BUT...Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • BUT... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • MOBILE WEB of Today Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • MARKUPCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Largely relies on table-baseddesigns, though no one admits it. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • STYLESHEETS Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Limited CSS support. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Virtually no “cascade.” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • JAVASCRIPT Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • No Javascript.Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Use of“WEB STANDARDS” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Web Standards techniquesand principles don’t apply. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • BUT...Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Part Two WHY MOBILE ISGOING TO CHANGE EVERYTHING WEKNOW TO BE TRUE Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 6 Months Ago... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • MOBILE as aMEDIUMCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tomi Ahonen3G Strategy Consultant Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIACopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting Press Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting PressRecordings Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting PressRecordingsCinema Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting PressRecordingsCinemaRadio Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting PressRecordingsCinemaRadioTelevision Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting PressRecordingsCinemaRadioTelevisionThe Internet Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIAPrinting PressRecordingsCinemaRadioTelevisionThe InternetMobile Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Benefit #1 FIRST TRULYPERSONAL MASS MEDIA Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Benefit #2FIRST ALWAYS ON MASS MEDIA Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Benefit #3FIRST ALWAYSCARRIED MASS MEDIA Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Benefit #4ONLY MASS MEDIA WITH A BUILT IN PAYMENT Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Benefit #5 POINT OF THOUGHTCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile is the only mass media that can do EVERYTHING the previous six can do. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • PLUSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile has the potential to reach anybody through ANY MEDIUM. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertLBSLocation-based ServicesThe ability for a mobile device to provideinformation that is relevant to it’s physicallocation via a Global Positioning System(GPS). Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • GPSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • GPS TRIANGULATIONCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Prepare for a truly CONTEXTUAL WEB.Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile will REVOLUTIONIZE the way we gather and interact with information in the NEXT TWO YEARS. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DESIGNING forCONTEXT Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The 3 C’s of the Mobile WebCost Content ContextIf you dont Issues like What does yourdevelop your navigation, image website add to themobile website sizes, page weight users mobility?responsibly, the and scripts all How do you adduser could get need to be value to the theirstuck with a big considered when physical context?bill in order to thinking about What is theview your content. your website on context in which mobile devices. they will use your site? On a bus or train? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The 3 C’s of the Mobile WebCost Content ContextIf you dont Issues like What does yourdevelop your navigation, image website add to themobile website sizes, page weight users mobility?responsibly, the and scripts all How do you adduser could get need to be value to the theirstuck with a big considered when physical context?bill in order to thinking about What is theview your content. your website on context in which mobile devices. they will use your site? On a bus or train? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The 3 C’s of the Mobile WebCost Content ContextIf you dont Issues like What does yourdevelop your navigation, image website add to themobile website sizes, page weight users mobility?responsibly, the and scripts all How do you adduser could get need to be value to the theirstuck with a big considered when physical context?bill in order to thinking about What is theview your content. your website on context in which mobile devices. they will use your site? On a bus or train? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertContextThe circumstances that form the setting for anevent, statement, or idea, and in terms ofwhich it can be fully understood and assessed.Considered together with the surroundings orcircumstances. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tip #1 ADDRESS THEINHERENT BENEFITS OF THE MEDIA. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 7 th MASS MEDIACopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 5 unique benefits First truly personal mass media e.g. We don’t share our phones with our spouses First always-on mass media Information is always available 24/7, even when idle First always-carried mass media 7 out of 10 people sleep with their phones within reach Only mass media with a built-in payment channel Universal click-to-buy—twice as many people have phones than credit cards O ers point of thought Ability to create of consume content whenever the mood strikes Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tip #2LOOK AT YOUR CONTENT IN MULTIPLE FACETS OF DISTRIBUTION. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live BillboardSend to Buy Friend WAP ry Vi to MMS su di al AuJoin WAP Site QR Code Word of Print Ad Mouth SMSNotify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live BillboardSend to Buy Friend WAP ry Vi to MMS su di al AuJoin WAP Site QR Code Word of Print Ad Mouth SMSNotify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live BillboardSend to Buy Friend WAP ry Vi to MMS su di al AuJoin WAP Site QR Code Word of Print Ad Mouth SMSNotify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live BillboardSend to Buy Friend WAP ry Vi to MMS su di al AuJoin WAP Site QR Code Word of Print Ad Mouth SMSNotify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tip #3CREATE SOLUTIONS BASED ON GOALS. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • My DadCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Find a need & fill it. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tip #4 BALANCE THE CONSTRAINTS OFTHE TECHNOLOGY. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Balancing GoalsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Bu sin e ss Go als Balancing GoalsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Bu sin e ss Go als User Goals Balancing GoalsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Bu sin e ss Go als User Goals Te ch Balancing Goals nic al oa G lsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Bu sin e ss Go Spot als Sweet User Goals Te ch Balancing Goals nic al oa G lsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Start with a goaland REVERSE ENGINEER IT. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tip #5 REMEMBERPHYSICAL CONTEXT. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 1990Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Who are they?What are they doing? Where are they?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Tip #6ADAPT CONTENT FOR MULTIPLE CONTEXTS. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertAdaptationThe process of dynamically optimizing content tothe restrictions of the requesting device.The adaptation model relies on the mobile device’suser agent profile to tell the server to deliver markupor images based on the browser, screen size anddevice capabilities. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertAdaptationThe process of dynamically optimizing content tothe restrictions of the requesting device.The adaptation model relies on the mobile device’suser agent profile to tell the server to deliver markupor images based on the browser, screen size anddevice capabilities. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertAdaptationThe process of dynamically optimizing content tothe restrictions of the requesting device.The adaptation model relies on the mobile device’suser agent profile to tell the server to deliver markupor images based on the browser, screen size anddevice capabilities. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Adapt forMULTIPLE CONTEXTSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live BillboardSend to Buy Friend WAP ry Vi to MMS su di al AuJoin WAP Site QR Code Word of Print Ad Mouth SMSNotify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Part ThreeTHE FUTURE IS HERE. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • MOBILE 2.0 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Web 1.0 Web 2.0 Proprietary StandardsWalled Gardens Web ServicesFirst to market Web as a PlatformBrand-centered User-centered Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 10 Things I Learned at Mobile 2.0 #1 Mobile 2.0 = The web The mobile web browser is the next killer app Mobile Web Applications are the future AJAX is the next frontier Rich Interactions kill battery life The Mobile User Experience Sucks Mobile Widgets are the next big thing The Carrier is the new “C” word We are creators not consumers Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 10 Things I Learned at Mobile 2.0 #1 Mobile 2.0 = The web The mobile web browser is the next killer app Mobile Web Applications are the future AJAX is the next frontier Rich Interactions kill battery life The Mobile User Experience Sucks Mobile Widgets are the next big thing The Carrier is the new “C” word We are creators not consumers Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertMobile 2.0The convergence of mobile services and webservices. The promise of Mobile 2.0 is to addportability, ubiquitous connectivity andlocation-based services to enhanceinformation and services found on the web. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile EvolutionsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • sensoring biometrics transactions lifestreaming Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. recommendation image recognition augmented reality mobile connected games location-based social mediaretail proximity media consumption Hot Trends
    • Mobile 1.0 Mobile 2.0 Proprietary StandardsWalled Gardens Web ServicesFirst to market Web as a PlatformBrand-centered User-centered Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Brick Era Touch Era Candy Bar Era Smart Phone Era Feature Phone Era 1970 1980 1990 Mobile Evolution 2000 2010Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • “ Change occurs because there is a gap between what is and what should be. ” — Craig McCawCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • the mythical“Future-Phone”Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • We are at the precipiceof the next generation of THE WEB. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Two companies in particular are making that happen... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • but lets not forget...Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • A ConfessionCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 2,680 Mobile Web Apps!Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 500 new mobile web apps in the last 2 months! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Over 1,000 new mobileweb apps in the last 6 months! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Mobile 2.0 Market Penetration Forecast Q4 2009Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Mobile 2.0 Market Penetration Forecast Q4 2009Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. TheiPhoneQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. TheiPhoneQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhoneiPhone ClonesQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhoneiPhone ClonesQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhoneiPhone ClonesQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhone iPhoneiPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhone iPhoneiPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Other 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Other 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • “D-Day” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Other 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • “D-Day” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Other 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • 10% “D-Day” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Other 2nd Gen Android The iPhone iPhone The G1iPhone Clones 3GQ4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009 Mobile 2.0 Market Penetration Forecast
    • The App StoreCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 10 Million Downloads and Counting!Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • over 4,000 Native Apps Available Today!Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 1,000 new apps in one week! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • getleaflets.comCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • come. the iPhone is the shape of things toCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • When we talk about iPhone, we’re really talking about WEBKIT Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • webkit features Supports all standard flavors of XHTML Supports CSS 1, 2 and a good deal of CSS 3 Javascript, including AJAX and advanced scripting Replaceable fonts This means complex layouts, styling and interaction... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • limitations 10MB download limit Javascript execution time limit of 5 seconds for each top-level item No Flash No Java No mouse-over, hover, tooltip mouse events No file downloads or uploads! Slower processor, so intensive scripting can be laggy or choppy Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Nokia N95Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • AndroidCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Look Familiar?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The G1Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iPod TouchCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The iPod touch is an “entirelynew type of iPod,” one that Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.Apple sees moving the iPodbeyond its roots as a meremedia player, becoming “thefirst mainstream Wi-Fimobile platform. —Peter Oppenheimer, Apple CFO
    • iPod Touch iPhoneCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iPod Touch 22 million* *cumulative iPods iPhoneCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iPod Touch 22 million* *cumulative iPods iPhone 2 millionCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iPod Touch 22 million* *cumulative iPods ? iPhone 2 millionCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Over 140 million iPods sold in less than six years. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • CONTEXT is KEYIT REALLY IS. I SWEAR. YOU’LL THANK ME LATER, HOPEFULLY. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • TIMING isEVERYTHINGCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The Speed RealityCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 0 50 Max Speed 100 EDGE 150 Actual Average 200Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 0 50 Max Speed 100 EDGE 150 Actual Average 200Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 0 50 Max Speed 100 EDGE 150 Actual Average 200Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 3G 0 3.75 Max Speed 7.50 3G (HSDPA) 11.25 Actual Average 15.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 3G 0 3.75 Max Speed 7.50 3G (HSDPA) 11.25 Actual Average 15.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 3G 0 3.75 Max Speed 7.50 3G (HSDPA) 11.25 Actual Average 15.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WI-FI 0 15 Max Speed 30 45 Wi-Fi via Broadband Actual Average 60Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WI-FI 0 15 Max Speed 30 45 Wi-Fi via Broadband Actual Average 60Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WI-FI 0 15 Max Speed 30 45 Wi-Fi via Broadband Actual Average 60Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 3G WI-FI 0 1.25 2.50 Actual Average 3.75 Speeds, compared 5.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 3G WI-FI 0 1.25 2.50 Actual Average 3.75 Speeds, compared 5.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 3G WI-FI 0 1.25 2.50 Actual Average 3.75 Speeds, compared 5.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 3G WI-FI 0 1.25 2.50 Actual Average 3.75 Speeds, compared 5.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 3G WI-FI 0 1.25 2.50 Actual Average 25% as fast 3.75 Speeds, compared 5.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EDGE 3G WI-FI 0 1.25 2.50 3% as fast Actual Average 25% as fast 3.75 Speeds, compared 5.00Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • A 300kb file: EDGE, 3G & Wi-FiCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Even though we have Wi-Fi, we can’t always rely on it. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Photo copyright Peter DeanThe Screen RealityCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • 128 pixels 176 pixels 320 pixels 320 pixels 240 pixels 160 pixels Screens Sizes! 220 pixels 240 pixels 320 pixels 320 pixelsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Desktop-sized Nytimes.comCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iPhone-sized nytimes.comCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iPhone-sized nytimes.comCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • nytimes.com on Android phoneCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Context! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • What’s important here?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • What’s important here?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • What’s important here?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • What’s important here?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • What’s important here?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • mobile nytimes.comCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • getleaflets.comCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • WHY MAKE LEAFLETS?We wanted to showcase the merger of Web 2.0with Mobile 2.0The use of web standards and semantics inmobileDesigning for the mobile contextMobile web best practicesDesigning specifically for the iPhone/iPodTouchRapid and iterative development Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DEMOCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • NOTE:These are only screenshots. To view Leafletsin all its useful glory, visit getleaflets.com on your iPhone/iPod Touch. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Home ScreenCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Home Screen • Simple, iPhone-esqueCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • network Home Screen • Loading indicator for • Simple, iPhone-esque images in case of slowCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • network Home Screen • Loading indicator for • Simple, iPhone-esque images in case of slowCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Home Screen• Simple, iPhone-esque• Loading indicator for Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. images in case of slow network• Users know how to use it right away because it uses metaphors they’re used to
    • SearchCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Search where possible • Send users to mobile versions of search resultsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Search• Send users to mobile versions of search results Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. where possible• Give users as many search options in one screen without having to reload
    • Search• Send users to mobile versions of search results Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. where possible• Give users as many search options in one screen without having to reload
    • Search• Send users to mobile versions of search results Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. where possible• Give users as many search options in one screen without having to reload• More than just simple search (dictionary, shopping, et cetera)
    • FeedsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Feeds • Simple feed reader (the first for the iPhone, BTW)Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Feeds• Simple feed reader (the first for the iPhone, BTW) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.• Subscribe, unsubscribe, but don’t bother with read status
    • Feeds• Simple feed reader (the first for the iPhone, BTW) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.• Subscribe, unsubscribe, but don’t bother with read status• Allow users to change from two-column to single-column for readability
    • Feeds• Simple feed reader (the first for the iPhone, BTW) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.• Subscribe, unsubscribe, but don’t bother with read status• Allow users to change from two-column to single-column for readability
    • Feeds• Simple feed reader (the first for the iPhone, BTW) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.• Subscribe, unsubscribe, but don’t bother with read status• Allow users to change from two-column to single-column for readability• Read full articles, link to websites
    • Feeds• Simple feed reader (the first for the iPhone, BTW) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.• Subscribe, unsubscribe, but don’t bother with read status• Allow users to change from two-column to single-column for readability• Read full articles, link to websites
    • NewsvineCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • faster Newsvine • Most of the Newsvine content but it loads muchCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Newsvine• Most of the Newsvine content but it loads much Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. faster• Works much like Feeds, allows for single column view, full text reading, et cetera
    • App ListCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • App List sites we liked collecting neat iPhone • Our version of “the deck,”Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • App List• Our version of “the deck,” collecting neat iPhone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. sites we liked• Users can mark apps as “favorites” to access them easily in the future
    • App List• Our version of “the deck,” collecting neat iPhone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. sites we liked• Users can mark apps as “favorites” to access them easily in the future
    • App List• Our version of “the deck,” collecting neat iPhone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. sites we liked• Users can mark apps as “favorites” to access them easily in the future• Users can rate apps and comment on them
    • App List• Our version of “the deck,” collecting neat iPhone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. sites we liked• Users can mark apps as “favorites” to access them easily in the future• Users can rate apps and comment on them
    • App List• Our version of “the deck,” collecting neat iPhone Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. sites we liked• Users can mark apps as “favorites” to access them easily in the future• Users can rate apps and comment on them
    • UpcomingCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • details Upcoming events, including all • View your UpcomingCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • details Upcoming events, including all • View your UpcomingCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • details as well Upcoming events, including all • View your Upcoming • View your friends’ eventsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • details as well Upcoming events, including all • View your Upcoming • View your friends’ eventsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • FlickrCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Flickr your latest photos and your friends’ latest photos • See your latest comments,Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Flickr your latest photos and your friends’ latest photos • See your latest comments,Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Flickr• See your latest comments, your latest photos and Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. your friends’ latest photos• Much faster than the full site, but provides a much nicer experience than the default mobile Flickr site
    • Flickr• See your latest comments, your latest photos and Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. your friends’ latest photos• Much faster than the full site, but provides a much nicer experience than the default mobile Flickr site
    • BaseballCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • batters Baseball • Nearly real-time updates for scores, base positions,Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Baseball• Nearly real-time updates for scores, base positions, Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. batters• Shows scores for the day’s finished games
    • Baseball• Nearly real-time updates for scores, base positions, Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. batters• Shows scores for the day’s finished games
    • Baseball• Nearly real-time updates for scores, base positions, Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. batters• Shows scores for the day’s finished games• Shows upcoming games
    • Baseball• Nearly real-time updates for scores, base positions, Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. batters• Shows scores for the day’s finished games• Shows upcoming games
    • Baseball• Nearly real-time updates for scores, base positions, Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. batters• Shows scores for the day’s finished games• Shows upcoming games• Also provides baseball news
    • New York TimesCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • New York Times• All the same content, less than a tenth of the Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. loading time of nytimes.com• Styled to look more like NY Times’ own site
    • SUCCESSFUL EXPERIMENTEntire application built between WWDC and theiPhone launch (~3 weeks)TechCrunch called it a “must-have iPhone app”105,000 hits the first week12,000 unique users the first week7,000 recurring users per weekAverage of 22 pages viewed per visitVirtually no drop o in tra c in the last year Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • TAKEAWAYSWhile we designed it for the iPhone, Leafletscould work on any capable mobile browserStandards, standards, standardsDesign for contextOptimize for bandwidthTest, then test some moreJavascript is crucial to the user experienceCSS3 is ideal for mobile development Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Part Four HOW TO BUILD ACOOL MOBILE APP IN LESS THAN A WEEK Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • HTML, CSS & JSTHE CAUSE OF AND SOLUTION TO ALL OF LIFE’S PROBLEMS Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Home Screen• Simple, iPhone-esque• Loading indicator for Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. images in case of slow network• Users know how to use it right away because it uses metaphors they’re used to
    • <div id="apps"> <ul> <li id="navSearch"><a href="/search/">Search</a></li> <li id="navRSS"><a href="/feeds/">Feeds</a></li> <li id="navNewsvine"><a href="/newsvine">Newsvine</a></li> <li id="navLinks"><a href="/applist/">App List</a></li> <li id="navEvents"><a href="/upcoming/">Upcoming</a></li> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. <li id="navFlickr"><a href="/flickr/">Flickr</a></li> <li id="navDelicious"><a href="/delicious/">del.icio.us</a></li> <li id="navBaseball"><a href="/scores/">Baseball</a></li> <li id="navNYT"><a href="/nyt/">NY Times</a></li> <?php if ($_user): ?> <li id="navSettings"><a href="/user/settings.php">Settings</a></li> <?php endif; ?> </ul> <div id="loading_status"> <img id="loader" src="/media/images/loader.gif" border="0" alt="" /> ¬ <span id="ltext">Loading icons...</span> </div></div> Home Icon XHTML
    • #apps li { float: left; width: 56px; height: 56px; border: 1px hidden #666; text-align: center; margin: 7px 10px 20px; background: #666 url(/media/images/button_glare.png) no-repeat; -webkit-box-shadow: 0px 1px 3px black; -webkit-border-radius: 10px;} Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.#apps li a { text-decoration: none; color: #999; display: block; padding-top: 60px; font-weight: bold; font-size: 0.8em;}li#navNewsvine { background: url(/media/images/button_glare.png) no-repeat, ¬ url(/media/images/home_newsvine_low.png) no-repeat; background-color: #005422;} Home Icon CSS
    • Layer your CSS where possible to save bandwidth. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • controls.cssCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • newsvine.cssCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • + 3 KilobytesCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • + + 320 bytes 3 KilobytesCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • + + + 320 bytes 3 Kilobytes -webkit-border-radius: 10px;Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • + + + 320 bytes 3 Kilobytes -webkit-border-radius: 10px;Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Build your own mini- framework. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Core layout Your CSS Links and colors Base TypographyCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Core layout Base Typography Links and colors Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Navigation HeadlinesCommon buttons Image Handling Form controls Lists Your CSS
    • Core layout Base Typography Links and colors Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Navigation Headlines Common buttons Image Handling Form controls ListsNav Bar Your CSS
    • Core layout Base Typography Links and colors Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Navigation Headlines Common buttons Image Handling Form controls ListsNav Bar Buttons Your CSS
    • Core layout Base Typography Links and colors Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Navigation Headlines Common buttons Image Handling Form controls ListsNav Bar Buttons Inputs Your CSS
    • Core layout Base Typography Links and colors Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Navigation Headlines Common buttons Image Handling Form controls ListsNav Bar Buttons Inputs Photos Your CSS
    • Core layout Base Typography Links and colors Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Navigation Headlines Common buttons Image Handling Form controls ListsNav Bar Buttons Inputs Photos ULs for News Your CSS
    • Core layout Links and colors Base Typography Your CSS, stackedCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Core layout Navigation Form controls Links and colors Base Typography Common buttons Your CSS, stackedCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Core layout Base Typography Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. Links and colors Navigation Common buttons Form controls Photos Buttons ULs for NewsYour CSS, stacked
    • Only use what you need. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • SAVE SPACEUse ob_start("ob_gzhandler") for PHP contentRemove whitespace from HTML and CSSRefactor Javascript code to be more e cientand then remove unnecessary brackets andsemi-colonsCompress images or use CSS where possibleCache data on the server for fastest possibleserver-side load times Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • CSSTRANSFORMSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • CSSTRANSFORMSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Step 1: <div id="card" class="card" onclick="flip(event)"> <div id="front" class="front face"> <p> <br> </p> </div> <div id="back" class="back face"> <p> <br> </p> </div> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. </div> Simple Code
    • Step 1: <div id="card" class="card" onclick="flip(event)"> <div id="front" class="front face"> <p> <br> </p> </div> <div id="back" class="back face"> <p> <br> </p> </div> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. </div>Step 2: function flip (event) { var element = event.currentTarget; /* Toggle the setting of the classname attribute */ element.className = (element.className == card) ? ¬ card flipped : card; } Simple Code
    • Step 1: <div id="card" class="card" onclick="flip(event)"> <div id="front" class="front face"> <p> <br> </p> </div> <div id="back" class="back face"> <p> <br> </p> </div> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. </div>Step 2: function flip (event) { var element = event.currentTarget; /* Toggle the setting of the classname attribute */ element.className = (element.className == card) ? ¬ card flipped : card; }Step 3: .card.flipped { -webkit-transform: rotateY(180deg); } Simple Code
    • DEMOSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • JAVASCRIPT PROBLEMS (AND SOLUTIONS?) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • function gradient(id, start, end, ms){ var speed = Math.round(ms/100); var timer = 0; if (start > end) { for (i = start; i >= end; i--) { setTimeout("set_opacity(" + i + "," + id + ")", (timer * speed)); Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. timer++; } } else { for (i = start; i <= end; i++) { setTimeout("set_opacity(" + i + "," + id + ")", (timer * speed)); timer++; } }}function set_opacity(opacity, id){ var object = document.getElementById(id).style; object.opacity = (opacity/100);} Potential Chokeville
    • } #fader { -webkit-transition: opacity 1s ease-out; Potential SmoothnessCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • OBJECTIVELY SPEAKINGSproutCoreIn use by Apple, used primarily for non-mobile web applications,utilizes Ruby; available at sproutcore.comCappuccino (aka Objective-J)Developed by 280north, attempts to recreate Objective-C (namelyCocoa) in Javascript; available at cappuccino.orgFundamentally di erent ways to build webapplicationsCloser to native application buildingPossibility of porting applications to the desktop Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • import <Foundation/CPObject.j>import <Foundation/CPURLRequest.j>import <Foundation/CPJSONPConnection.j>import <AppKit/CPSlider.j>import <AppKit/CPToolbar.j>import <AppKit/CPToolbarItem.j>import <AppKit/CPCollectionView.j> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.var SliderToolbarItemIdentifier = "SliderToolbarItemIdentifier", AddToolbarItemIdentifier = "AddToolbarItemIdentifier", RemoveToolbarItemIdentifier = "RemoveToolbarItemIdentifier";@implementation AppController : CPObject{ CPURLConnection tagConnection; CPString lastIdentifier; CPDictionary photosets; CPWindow theWindow; CPCollectionView listCollectionView; CPCollectionView photosCollectionView;}- (void)applicationDidFinishLaunching:(CPNotification)aNotification{ .... Cappuccino Example
    • MULTI-TOUCHTWO FINGER SWIPES, THREE FINGER SALUTES, SHAKING FISTS... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EXPOSEDiPhone OS 2.0+ exposes several multi-touchevents to JavascriptUtilize native-like behavior in your appsCombined with CSS Transforms you can makepowerful animations and interactions with asmall amount of code Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DEMOSCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EASY APPSGET TO WORK ALREADY, WILL YOU? WE NEED GROCERIES! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE QUICKEST WAYSUse RSSNearly all sites provide RSS feeds for their primary data and youcan grab it, skin it and use itRe-style your existing site to simplifySend iPhone users an iPhone-specific stylesheet that hidesunnecessary content and restyles your site to fit the iPhoneaestheticBuild a bare-bones version of your current siteStart fresh and only focus on contextually-relevant sections of yoursiteUse DashcodeFor very simple sites, you might be able to whip up a quickie Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • RSS is great!Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • THE BENEFITSVery easy to cacheThe feeds are text and have publish dates so you can quickly checkthem only when necessaryYou’ve probably already got the RSS feeds readyNearly all publishing platforms create RSS automatically and it’susually trivial to create additional feedsEasy to grab updatesVery easy to re-style since it’s XMLYou’ve got a bunch of typed data ready to be wrangledGives the impression of a full suite of dataWith only the NY Times RSS feed, you can create an app Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Step 1: <?php define(MAGPIE_CACHE_DIR, rss_cache); require_once(magpierss/rss_fetch.inc); $rss = fetch_rss(http://www.nytimes.com/services/xml/ ¬ Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. rss/nyt/HomePage.xml); ?> Magpie RSS
    • Step 1: <?php define(MAGPIE_CACHE_DIR, rss_cache); require_once(magpierss/rss_fetch.inc); $rss = fetch_rss(http://www.nytimes.com/services/xml/ ¬ Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners. rss/nyt/HomePage.xml); ?>Step 2: <?php foreach ($rss->items as $item): ?> <h2><?= $item[title]; ?></h2> <span><?= $item[description]; ?></span> <?php endforeach; ?> Magpie RSS
    • MAGPIE RULES!Automatically caches contentYou can tweak how long content is cached for, where, all that goodstuEasy to installDrag two folders into your app and include a fileDoes all the work for youGive it a URL and that’s pretty much itFree!Zero cost to get it up and running, zero maintenance cost otherthan hosting Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • SECRET:We use Magpie for a majority of Leaflets. It’s the core technology. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • SECRET:You can too. Just send me some money when you’re filthy rich. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • iUI AND OTHERS LIKE IT...Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • FEATURESiPhone interface look and feel in a web appNative-looking controls, backgrounds, layoutSimple to implementIn some cases, doesn’t require much more than adding the kit toyour project and changing a few lines of codeHandles orientation changesCan handle o -site links as well, with the sameanimations and feelLow overhead Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DISADVANTAGESMost iUI sites tend to look the sameIf you’ve seen one, you’ve seen them allPotential usability issuesWhile iUI makes an e ort not to break things, depending onimplementation the experience can su erShould your app look like it was made byApple?Especially when iUI uses the most generic parts of the iPhoneinterface... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • MOBILE WEB APPS vs. N AT I V E A P P S Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • But are mobile applications a good idea? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • When to make a Native App? If you want to charge for it. If you want to create a game. If you want to use location. If you want to use the camera. If you want to use the accelerometer. If you want to access the filesystem. If you user is likely to be o ine. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Web App iPhone App Uses Web Standards Takes advantage of Easy to deploy and iPhone features update Loads Wicked Fast Support all Mobile 2.0 Need to know Objective- devices C Can have a Web App in Works only with iPhone two weeks or less. and iPod Touch Web Apps can be added Must deploy over Apple’s to the Desktop iPhone store (or deck) Must have an Internet connection Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertDeckRefers to the web presence maintained by acarrier. When you access the web from a mobiledevice, the first page you see is often referred toas the carrier deck. But is commonly used torefer to all mobile web sites.Origins: Hypercard development Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Top-Deck = Increased Views Lower Deck = Oblivion Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertDeck PlacementThe term used to describe where a third-partyvendor WAP site, or application will appear onthe Carrier Deck. Default order on content onmost Carrier Decks is determined by sales.New items often have temporary “Top-DeckPlacement” Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Building a great mobile user experience is hard. Go easy on yourself by starting simple. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Build Web Apps first.iPhone Apps second. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Build Web Apps first.iPhone Apps second. (if at all) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • But...Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Phone GapCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DEMOCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • GETTING USERS to yourIPHONE SITE Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DEVICEDETECTION Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Jargon AlertDevice DetectionThe method of routing mobile devices toappropriate mobile specfic sites using themobile browsers user agent string. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Routing Methods Educate the user to manually enter a mobile URL such as a folder or sub-domain. e.g. domain.com/mobile or m.domain.com. Detect the mobile device automatically and redirect the user to a location. In this case, the user simply enters domain.com. Use the mobile specific .mobi top-level domain. Here the user enters domain.mobi. A SMS query that returns a URL called WAP Push. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Simple Device Detection Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Publish only one mobilespecific site, designed for the lowest supported browser,routing all mobile browsers to it. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Advanced Device Detection Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Route to the best possiblemobile specific site based on the user agent of the requesting device. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • At this point we are basically talking about Adaptation. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile StylesheetsCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Code XHTML pages with the mobile context in mind and use the media type attributeto render a mobile stylesheet to mobile devices. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Example Mobile StylesheetCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Example Mobile StylesheetCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head><body> Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.<div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from allaspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul> Mobile 2.0 Code
    • No Device DetectionCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Rely on an alternate domainor subdirectory forcing the user to manually enter or navigate to the mobile specific site. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DEVICE DETECTIONWe used a simple Javascript redirect:if (navigator.userAgent.match(/iPhone/i)){ window.location.replace(http://app.getleaflets.com);}Or you can use other methods of detection:PHP (http://andymoore.info/php-to-detect-mobile-phones)URLs (e.g. m.site.com, site.com/m, site.mobi) Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The Device DetectionDilemma in Mobile 2.0 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • USING MEDIA QUERIESCalling an iPhone stylesheet:<link media="only screen and (max-device-width: 480px)" ¬href="iphone.css" type= "text/css" rel="stylesheet">To specify a stylesheet for everything else:<link media="screen and (min-device-width: 481px)" ¬href="other.css" type="text/css" rel="stylesheet"/>Do not use:<link media="handheld"...At least, not for the iPhone—it doesn’t supporthandheld stylesheets. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • OTHER STUFFSTHINGS TO CONSIDER, PONDER OR IGNORE. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • What about Ads?Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • AD NETWORKSHouse adsLink from one section to another to drive tra c to content a usermight not realize they want (especially content relevant... what if auser sees a movie listing and then you can give them more contentabout the movie?)Google AdSenseAdMobJumpTapGreystripeAppLoop Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Can you justify the costs of Mobile? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DON’T LIMITIt might be hard to justify an iPhone-only app foryour site, but that doesn’t mean you can’t create amobile site that looks nice and works wellMake an e ort to write standards-based code thatwill be backwards compatibleIf you’re going to target other browsers, avoidCSS 3 and Javascript where possibleXHTML-MP and Mobile CSS are very modern andvery powerful, don’t rule them out Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • EXAMPLESCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • RESOURCES Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Mobile WebDevelopers GuidePart I: Creating Simple Mobile Sites Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.BRIAN FLINGwith Ronan Cremin, Jo Rabin and D. Keith Robinson http://mobiforge.com
    • http://mobiledesign.orgCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • DANKE! MERCI!THANK YOU! GRAZIE! GRACIAS! Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • Q&AIf I don’t know the answer, I’ll lie. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
    • The End Brian Fling brian@flingmedia.com tel. +1 206 201-1875 mob. +1 206 351-6060 website: flingmedia.com blog: flinglog.com twitter: twitter.com/flingCopyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.