Download - Mobile 2.0
![Page 1: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/1.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Mobile 2.0 Design & Develop for the iPhone and Beyond
by Brian Fling
![Page 2: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/2.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
WILLKOMMEN! BIENVENUE!WELCOME!
BENVENUTO! BIENVENIDO!
![Page 3: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/3.jpg)
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 North America.Has worked directly with all Tier 1 carriers in 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 largest communities of mobile designers.Co-creator of Leaflets for the iPhone.Author of the dotMobi Mobile Web Developers Guide.
![Page 4: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/4.jpg)
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 for any 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 because you’re actually chefs?
![Page 5: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/5.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
WHY MOBILE IS UTTERLY HORRIBLE
AND WHY YOU SHOULD RUN AWAY
Part One
![Page 6: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/6.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
A Brief
HISTORY of MOBILE
![Page 7: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/7.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
IN THE BEGINNING...
![Page 8: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/8.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 9: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/9.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Perceptions haven’t much changed since.
![Page 10: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/10.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
It is up to us to change how people use mobile technology
![Page 11: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/11.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolution
Brick Era
1990 2000 201019801970
![Page 12: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/12.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
G as in 2G, 2.5G and 3G.
The generations of mobile networks.O!cially there are only 1G, 2G & 3G, but several midpoints have been defined as 2.5G, 2.75G, etc.
![Page 13: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/13.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Portable! Fits in a BriefcaseSparse cellular networkVoice calls onlyCosts more per call than a pay phone
Brick Era
![Page 14: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/14.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolution
Brick Era
Candy Bar Era
1990 2000 201019801970
![Page 15: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/15.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Candybar EraGSM, CDMA, TDMA, iDENMore cellular towersLess power needed,much smallerBetter voice qualityAdded SMSStill just a phone
![Page 16: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/16.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolution
Brick Era
Candy Bar Era
Feature Phone Era
1990 2000 201019801970
![Page 17: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/17.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Feature Phone EraGPRS, HSCSD, WiDENData-capable devicesAddition of Mobile WebCamera phones & MMSMass adoption as airtime rates lower
![Page 18: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/18.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolution
Brick Era
Candy Bar Era
Feature Phone Era
Smart Phone Era
1990 2000 201019801970
![Page 19: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/19.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Smart Phone EraGPRS, HSDPA, WI-FIThe Mobile Platform becomes keyEmail a primary driver in salesA push for Push NotificationsVery “gadgety”
![Page 20: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/20.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolution
Brick Era
Candy Bar Era
Feature Phone Era
Smart Phone Era
Touch Era
1990 2000 201019801970
![Page 21: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/21.jpg)
Copyright © 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 McCaw
“
”
![Page 22: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/22.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
the mythical“Future-Phone”
![Page 23: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/23.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
The iPhone is the shape of things to come.
![Page 24: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/24.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Touch EraGPRS, HSPDA, EVDO, Wi-FiA focus on haptic interfacesAccelerometersGPS/Location-basedSubscriber-centered designRich interfacesA media platform“It’s about the web”
![Page 25: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/25.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Gartner’sPREDICTIONS
for 2009
![Page 26: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/26.jpg)
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”
![Page 27: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/27.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
These are not predictions.It’s happening.
![Page 28: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/28.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The
MOBILE ECOSYSTEM
![Page 29: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/29.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Mobile 1.0The first two generations of browsers and hardware used to view the web on mobile devices. Design and development for these devices was highly di!cult due to the constraints of the technology.
![Page 30: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/30.jpg)
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 goalsOperators (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)
![Page 31: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/31.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The mobile ecosystem has many layers. Each with their own complexities and obstacles.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
![Page 32: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/32.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
Operators
A mobile network operator (MNO) also known as...• a wireless service provider• a wireless carrier• a mobile phone operator• a cellular company...is a telephone company that provides services for mobile phone subscribers.
![Page 33: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/33.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Mobile Service ProviderA broad term to describe the mobile network provider that provides subscribers wireless access to 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 the world.
![Page 34: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/34.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Top Network Operators
Rank Company Primary Markets Network Subscribers*
1 China Mobile China (including Hong Kong) GSM, GPRS, EDGE 337.9 mil
2 Vodafone Europe, Australia, New Zealand, Africa GSM, GPRS, EDGE, UMTS, HSDPA 206 mil
3 Telefonica Europe, Latin America GSM, GPRS, EDGE, UMTS, HSDPA 154.8 mil
4 China Unicom China GSM, GPRS, CDMA 153.1 mil
5 America Movil Mexico, Latin America GSM, GPRS, EDGE, UMTS, CDMA 137.2 mil
6 T-Mobile Europe, USA GSM, GPRS, EDGE, UMTS, HSDPA 111.8 mil
7 MTS Russia GSM, GPRS, EDGE, UMTS 74.67 mil
8 Orange Europe, Netherlands, Africa GSM, GPRS, EDGE, UMTS, HSDPA 73.2 mil
9 Telenor Netherlands, Eastern Europe GSM, GPRS, EDGE, UMTS 68 mil
10 AT&T USA GSM, GPRS, EDGE, UMTS, HSDPA 63.7 mil
* Proportionate subscribers in millions as of June 2007. Sources: Companies Annual Reports
![Page 35: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/35.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
ARPUAverage Revenue Per UserA term used to describe the financial value of a program, application or service.
![Page 36: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/36.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
Networks
Mobile networks communicate through electromagnetic radio waves with a cell site base station, the antennas of which are usually mounted on a tower, pole or building.They are often referred to by their generation and/or standard.
![Page 37: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/37.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
G as in 2G, 2.5G and 3G.
The generations of mobile networks.O!cially there are only 1G, 2G & 3G, but several midpoints have been defined as 2.5G, 2.75G, etc.
![Page 38: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/38.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
GSM Mobile Networks
2G Second generation of mobile phone standards and technology Speeds
GSM Global System for Mobile communications 12.2 kbits/s
GPRS General Packet Radio Service max 60 kbits/s
EDGE Enhanced Data rates for GSM Evolution 59.2 kbits/s
HSCSD High-Speed Circuit-Switched Data 57.6 kbits/s
3G Third generation of mobile phone standards and technology Speeds
W-CDMA Wideband Code Division Multiple Access 14.4 Mbits/s
UMTS Universal Mobile Telecommunications System 3.6 Mbits/s
UMTS-TDD Time Division Duplexing 16 Mbits/s
TD-CDMA Time Divided Code Division Multiple Access 16 Mbits/s
HSPA 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
![Page 39: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/39.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Other Network TechnologiesCDMA & EVDOiDEN & WiDENWiMAXWorldwide 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.
![Page 40: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/40.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
Handsets
A mobile handset or “mobile phone” is a long-range, portable electronic device used for mobile communication.
![Page 41: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/41.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Handsets!
© C
opyr
ight
200
8 G
arre
tt M
urra
y <in
fo@
garr
ettm
urra
y.net
>
![Page 42: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/42.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Comparing Mobile Devices
Feature PhonesPhone, Web, SMS
Smart PhonesApplications
Other
![Page 43: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/43.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
PlatformsThe core mobile development platform in which all software is written.
![Page 44: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/44.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Platforms
Licensed
Java MEJava ME (or J2ME) is a specification of a subset of the Java platform aimed at 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.
BREWBREW is an application development platform created by Qualcomm for mobile phones. It is air-interface independent, i.e. it can support GSM/GPRS, UMTS, and CDMA
Windows Mobile Windows Mobile is a compact operating system combined with a suite of basic applications for mobile devices based on the Microsoft Win32 API
Proprietary
Palm C/C++ based
BlackBerry Java-based
Danger’s Hiptop Java-based
Apple’s iPhone Objective-C
Open Source
Android Java-based
![Page 45: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/45.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
Operating SystemsOperating systems are common in Smart Phones, but rare in Feature phones.
![Page 46: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/46.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Operating Systems
SymbianSymbian OS is a open-source operating system, designed for mobile devices, with associated libraries, user interface frameworks and reference implementations of common tools.
Windows Mobile 6
Windows Mobile is a compact operating system combined with a suite of basic applications for mobile devices based on the Microsoft Win32 API
Palm OS Used by Palm’s TREO line of mobile phones, though gradually being replaced by Windows Mobile.
Linux Increasingly used in mobile phones. The new RAZR uses Linux as its Operating System.
OS X Used by Apple’s iPhone and iPod Touch.
Android Used by Android Phones and can be customized by Operators.
![Page 47: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/47.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
Application FrameworksA software framework that is used to implement the standard structure of an application for a specific operating system.
![Page 48: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/48.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Application Frameworks
Java Applications written in the Java ME framework can often be deployed across the majority of Java-based devices.
BREW Applications written in the BREW framework can often be deployed across the majority of BREW-based devices.
Flash Lite Applications written using the Flash Lite 2.0 and Action Script 2.0 frameworks can run using the Flash Lite Player.
Windows Mobile 6
Applications written using the Win32 API can be deployed across the majority of Windows Mobile-based devices.
Cocoa Touch Applications written using the iPhone version of the Cocoa can be deployed on iPhone’s and iPod Touches.
Web Web Applications can be deployed across the majority of devices that support the WAP 2.0 specifications and run using a mobile web browser.
![Page 49: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/49.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
ApplicationsMobile applications often are designed to serve a particular function or purpose.Example applications may include Games, Web Browser, Camera or Media Player.
![Page 50: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/50.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.
THE RAZR
![Page 51: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/51.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
![Page 52: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/52.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
![Page 53: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/53.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
![Page 54: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/54.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
V3m/V9m: Teleca-Obigo 4.0
![Page 55: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/55.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
V3m/V9m: Teleca-Obigo 4.0
V3x: Openwave 6.2.3.1.c.1.112
![Page 56: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/56.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
V3m/V9m: Teleca-Obigo 4.0
V3x: Openwave 6.2.3.1.c.1.112
V3m: Openwave 6.2.3.1.c.1.115
![Page 57: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/57.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
V3m/V9m: Teleca-Obigo 4.0
V3x: Openwave 6.2.3.1.c.1.112
V3m: Openwave 6.2.3.1.c.1.115
V3xxi: Opera 8.0 (96.80.53R)
![Page 58: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/58.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
V3m/V9m: Teleca-Obigo 4.0
V3x: Openwave 6.2.3.1.c.1.112
V3m: Openwave 6.2.3.1.c.1.115
V3xxi: Opera 8.0 (96.80.53R)
V8: Opera 8.5 (08.B7.23R)
![Page 59: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/59.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The epitomy of Mobile 1.0, and probably the most prolific device.Also, the perfect example of handset madness™ to the extreme!
THE RAZR
V3: Openwave 6.2.3.2
V3c/i/r: Openwave 6.2.3.4.c.1.109
V3m/V9m: Teleca-Obigo 4.0
V3x: Openwave 6.2.3.1.c.1.112
V3m: Openwave 6.2.3.1.c.1.115
V3xxi: Opera 8.0 (96.80.53R)
V8: Opera 8.5 (08.B7.23R)
This isn’t even HALF OF THE MODELS!
![Page 60: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/60.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Phot
o co
pyrig
ht J
erem
y Pl
emon
![Page 61: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/61.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Operators
Networks
Handsets
Platforms
Operating Systems
Application Frameworks
Applications
Services
Layers of Mobile
ServicesNetwork-based services are often available at the Application, Framework, or OS level to enhance the relevance of information.Example services may include The Internet, Messaging or Location.
![Page 62: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/62.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
All of these layers must be passed through before you get
to the content.
![Page 63: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/63.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 64: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/64.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Why theMOBILE WEB?
![Page 65: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/65.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Size, Depth, Breadth
![Page 66: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/66.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
why theMOBILE
WEB?
![Page 67: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/67.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Population of the EarthSource: Wikipedia
![Page 68: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/68.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Population of the EarthSource: Wikipedia
20 Million
![Page 69: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/69.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Population of the EarthSource: Wikipedia
United Kingdom (50m)
20 Million
![Page 70: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/70.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Population of the EarthSource: Wikipedia
United Kingdom (50m)
United States of America (303m)
20 Million
![Page 71: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/71.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Population of the EarthSource: Wikipedia
United Kingdom (50m)
United States of America (303m)
European Union (495m)
20 Million
![Page 72: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/72.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Population of the EarthSource: Wikipedia
United Kingdom (50m)
United States of America (303m)
European Union (495m)
China (1.3 billion)
20 Million
![Page 73: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/73.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Today
![Page 74: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/74.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Today
![Page 75: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/75.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Today
Mobile Users (2.9b)
![Page 76: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/76.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Today
Mobile Users (2.9b)
Mobile Web Access (1.3b)
![Page 77: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/77.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of TodaySources: GSM Association, T-Mobile, Credit Suisse, Pyramid Research
Mobile Users (2.9b)
Mobile Web Access (1.3b)
Desktop Web Access (1.1b)
![Page 78: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/78.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Tomorrow
![Page 79: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/79.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Tomorrow
Mobile Web Subscribers by2010
![Page 80: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/80.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Web of Tomorrow
Mobile Web Subscribers by2010
Source: Informa Telecoms & Media 2006
50%of the planet!
![Page 81: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/81.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The mobile web is the most cost-e!ective way to reach
HALF THE PLANET.
![Page 82: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/82.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
We are at the precipice of the next generation of
THE WEB.
![Page 83: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/83.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
BUT...
![Page 84: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/84.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
BUT...
![Page 85: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/85.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MOBILE WEB of Today
![Page 86: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/86.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MARKUP
![Page 87: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/87.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Largely relies on table-based designs, though no one admits it.
![Page 88: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/88.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
STYLESHEETS
![Page 89: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/89.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Limited CSS support.
![Page 90: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/90.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Virtually no “cascade.”
![Page 91: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/91.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
JAVASCRIPT
![Page 92: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/92.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
No Javascript.
![Page 93: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/93.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Use of “WEB STANDARDS”
![Page 94: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/94.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Web Standards techniques and principles don’t apply.
![Page 95: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/95.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
BUT...
![Page 96: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/96.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
WHY MOBILE IS GOING TO CHANGE
EVERYTHING WE KNOW TO BE TRUE
Part Two
![Page 97: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/97.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
6 Months Ago...
![Page 98: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/98.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MOBILE as a
MEDIUM
![Page 99: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/99.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Tomi Ahonen3G Strategy Consultant
![Page 100: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/100.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MASSMEDIA7th
![Page 101: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/101.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing Press
MASSMEDIA7th
![Page 102: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/102.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing PressRecordings
MASSMEDIA7th
![Page 103: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/103.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing PressRecordingsCinema
MASSMEDIA7th
![Page 104: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/104.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing PressRecordingsCinemaRadio
MASSMEDIA7th
![Page 105: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/105.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing PressRecordingsCinemaRadioTelevision
MASSMEDIA7th
![Page 106: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/106.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing PressRecordingsCinemaRadioTelevisionThe Internet
MASSMEDIA7th
![Page 107: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/107.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Printing PressRecordingsCinemaRadioTelevisionThe InternetMobile
MASSMEDIA7th
![Page 108: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/108.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Benefit #1
FIRST TRULY PERSONAL MASS
MEDIA
![Page 109: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/109.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Benefit #2
FIRST ALWAYS ON MASS MEDIA
![Page 110: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/110.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Benefit #3
FIRST ALWAYS CARRIED MASS
MEDIA
![Page 111: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/111.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Benefit #4
ONLY MASS MEDIA WITH A BUILT IN
PAYMENT
![Page 112: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/112.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Benefit #5
POINT OF THOUGHT
![Page 113: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/113.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
![Page 114: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/114.jpg)
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.
![Page 115: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/115.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
PLUS
![Page 116: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/116.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Mobile has the potential to reach anybody through
ANY MEDIUM.
![Page 117: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/117.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
LBSLocation-based ServicesThe ability for a mobile device to provide information that is relevant to it’s physical location via a Global Positioning System (GPS).
![Page 118: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/118.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
GPS
![Page 119: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/119.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
TRIANGULATIONGPS
![Page 120: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/120.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Prepare for a trulyCONTEXTUAL WEB.
![Page 121: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/121.jpg)
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.
![Page 122: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/122.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DESIGNING for CONTEXT
![Page 123: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/123.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Cost Content ContextIf you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content.
Issues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices.
What does your website add to the users mobility? How do you add value to the their physical context? What is the context in which they will use your site? On a bus or train?
The 3 C’s of the Mobile Web
![Page 124: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/124.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Cost Content ContextIf you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content.
Issues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices.
What does your website add to the users mobility? How do you add value to the their physical context? What is the context in which they will use your site? On a bus or train?
The 3 C’s of the Mobile Web
![Page 125: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/125.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Cost Content ContextIf you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content.
Issues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices.
What does your website add to the users mobility? How do you add value to the their physical context? What is the context in which they will use your site? On a bus or train?
The 3 C’s of the Mobile Web
![Page 126: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/126.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
ContextThe circumstances that form the setting for an event, statement, or idea, and in terms of which it can be fully understood and assessed.Considered together with the surroundings or circumstances.
![Page 127: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/127.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Tip #1ADDRESS THE
INHERENT BENEFITS OF THE MEDIA.
![Page 128: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/128.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MASSMEDIA7th
![Page 129: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/129.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
5 unique benefitsFirst truly personal mass mediae.g. We don’t share our phones with our spouses
First always-on mass mediaInformation is always available 24/7, even when idle
First always-carried mass media7 out of 10 people sleep with their phones within reach
Only mass media with a built-in payment channelUniversal click-to-buy—twice as many people have phones than credit cards
O!ers point of thoughtAbility to create of consume content whenever the mood strikes
![Page 130: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/130.jpg)
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.
![Page 131: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/131.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 132: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/132.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 133: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/133.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 134: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/134.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 135: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/135.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Tip #3CREATE SOLUTIONS
BASED ON GOALS.
![Page 136: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/136.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
My Dad
![Page 137: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/137.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
![Page 138: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/138.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Find a need & fill it.
![Page 139: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/139.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Tip #4BALANCE THE
CONSTRAINTS OF THE TECHNOLOGY.
![Page 140: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/140.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 141: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/141.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Balancing Goals
![Page 142: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/142.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Balancing Goals
Busin
ess G
oals
![Page 143: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/143.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Balancing Goals
User Goals
Busin
ess G
oals
![Page 144: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/144.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Balancing Goals
User Goals
Busin
ess G
oals Technical Goals
![Page 145: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/145.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Balancing Goals
User Goals
Busin
ess G
oals Technical Goals
SweetSpot
![Page 146: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/146.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Start with a goal and REVERSE ENGINEER IT.
![Page 147: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/147.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Tip #5REMEMBER
PHYSICAL CONTEXT.
![Page 148: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/148.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 149: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/149.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
1990
![Page 150: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/150.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Who are they?What are they doing?
Where are they?
![Page 151: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/151.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Tip #6ADAPT CONTENT
FOR MULTIPLE CONTEXTS.
![Page 152: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/152.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
AdaptationThe process of dynamically optimizing content to the restrictions of the requesting device. The adaptation model relies on the mobile device’s user agent profile to tell the server to deliver markup or images based on the browser, screen size and device capabilities.
![Page 153: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/153.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 154: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/154.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
AdaptationThe process of dynamically optimizing content to the restrictions of the requesting device. The adaptation model relies on the mobile device’s user agent profile to tell the server to deliver markup or images based on the browser, screen size and device capabilities.
![Page 155: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/155.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
AdaptationThe process of dynamically optimizing content to the restrictions of the requesting device. The adaptation model relies on the mobile device’s user agent profile to tell the server to deliver markup or images based on the browser, screen size and device capabilities.
![Page 156: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/156.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Adapt forMULTIPLE CONTEXTS
![Page 157: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/157.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 158: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/158.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
THE FUTURE IS HERE.Part Three
![Page 159: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/159.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MOBILE 2.0
![Page 160: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/160.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 161: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/161.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Web 1.0Proprietary
Walled GardensFirst to market
Brand-centered
Web 2.0StandardsWeb ServicesWeb as a PlatformUser-centered
![Page 162: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/162.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 163: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/163.jpg)
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 webThe mobile web browser is the next killer appMobile Web Applications are the futureAJAX is the next frontierRich Interactions kill battery lifeThe Mobile User Experience SucksMobile Widgets are the next big thingThe Carrier is the new “C” wordWe are creators not consumers
![Page 164: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/164.jpg)
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 webThe mobile web browser is the next killer appMobile Web Applications are the futureAJAX is the next frontierRich Interactions kill battery lifeThe Mobile User Experience SucksMobile Widgets are the next big thingThe Carrier is the new “C” wordWe are creators not consumers
![Page 165: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/165.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Mobile 2.0The convergence of mobile services and web services. The promise of Mobile 2.0 is to add portability, ubiquitous connectivity and location-based services to enhance information and services found on the web.
![Page 166: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/166.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolutions
![Page 167: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/167.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Hot Trends
sensoringbiometrics
transactionslifestreaming
recommendationimage recognitionaugmented reality
mobile connected gameslocation-based social media
retail proximity media consumption
![Page 168: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/168.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Mobile 1.0Proprietary
Walled GardensFirst to market
Brand-centered
Mobile 2.0StandardsWeb ServicesWeb as a PlatformUser-centered
![Page 169: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/169.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile Evolution
Brick Era
Candy Bar Era
Feature Phone Era
Smart Phone Era
Touch Era
1990 2000 201019801970
![Page 170: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/170.jpg)
Copyright © 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 McCaw
“
”
![Page 171: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/171.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
the mythical“Future-Phone”
![Page 172: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/172.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
We are at the precipice of the next generation of
THE WEB.
![Page 173: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/173.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Two companies in particular are making that happen...
![Page 174: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/174.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
![Page 175: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/175.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
![Page 176: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/176.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
but lets not forget...
![Page 177: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/177.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
![Page 178: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/178.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 179: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/179.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
A Confession
![Page 180: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/180.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 181: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/181.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 182: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/182.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 183: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/183.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 184: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/184.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 185: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/185.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
2,680 Mobile Web Apps!
![Page 186: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/186.jpg)
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!
![Page 187: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/187.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Over 1,000 new mobile web apps in the last 6 months!
![Page 188: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/188.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 189: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/189.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 190: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/190.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 191: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/191.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 192: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/192.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 193: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/193.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 194: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/194.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 195: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/195.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 196: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/196.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
![Page 197: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/197.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
![Page 198: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/198.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
![Page 199: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/199.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
![Page 200: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/200.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhoneClones
![Page 201: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/201.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhoneClones
![Page 202: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/202.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhoneClones
![Page 203: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/203.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
![Page 204: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/204.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
![Page 205: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/205.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G1
![Page 206: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/206.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G1
![Page 207: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/207.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
![Page 208: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/208.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
![Page 209: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/209.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
Other
![Page 210: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/210.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
Other
![Page 211: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/211.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
Other
“D-Day”
![Page 212: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/212.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
Other
“D-Day”
![Page 213: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/213.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Mobile 2.0 Market Penetration Forecast
Q4 2007 Q1 2008 Q2 2008 Q3 2008 Q4 2008 Q1 2009 Q2 2009 Q3 2009 Q4 2009
TheiPhone
iPhone3G
iPhoneClones
The G12nd GenAndroid
Other
“D-Day”
10%
![Page 214: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/214.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
The App Store
![Page 215: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/215.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
10 Million Downloads and Counting!
![Page 216: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/216.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
over 4,000 Native Apps Available Today!
![Page 217: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/217.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
1,000 new apps in oneweek!
![Page 218: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/218.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
getleaflets.com
![Page 219: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/219.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
the iPhone is the shape of things to come.
![Page 220: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/220.jpg)
Copyright © 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
![Page 221: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/221.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
webkit featuresSupports all standard flavors of XHTMLSupports CSS 1, 2 and a good deal of CSS 3Javascript, including AJAX and advanced scriptingReplaceable fontsThis means complex layouts, styling and interaction...
![Page 222: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/222.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
limitations10MB download limitJavascript execution time limit of 5 seconds for each top-level itemNo FlashNo JavaNo mouse-over, hover, tooltip mouse eventsNo file downloads or uploads!Slower processor, so intensive scripting can be laggy or choppy
![Page 223: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/223.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Nokia N95
![Page 224: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/224.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Android
![Page 225: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/225.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Look Familiar?
![Page 226: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/226.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
The G1
![Page 227: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/227.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
iPod Touch
![Page 228: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/228.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
The iPod touch is an “entirely new type of iPod,” one that Apple sees moving the iPod beyond its roots as a mere media player, becoming “the first mainstream Wi-Fi mobile platform.
—Peter Oppenheimer, Apple CFO
![Page 229: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/229.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
iPod Touch iPhone
![Page 230: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/230.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
22 million**cumulative iPods
iPod Touch iPhone
![Page 231: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/231.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
22 million**cumulative iPods
2 million
iPod Touch iPhone
![Page 232: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/232.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
22 million**cumulative iPods
2 million
?iPod Touch iPhone
![Page 233: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/233.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Over 140 million iPods sold in less than six years.
![Page 234: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/234.jpg)
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.
![Page 235: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/235.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
TIMING is EVERYTHING
![Page 236: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/236.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Speed Reality
![Page 237: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/237.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
EDGE
0 50 100 150 200
EDGE
Max Speed Actual Average
![Page 238: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/238.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
EDGE
0 50 100 150 200
EDGE
Max Speed Actual Average
![Page 239: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/239.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
EDGE
0 50 100 150 200
EDGE
Max Speed Actual Average
![Page 240: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/240.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
3G (HSDPA)
0 3.75 7.50 11.25 15.00
3G
Max Speed Actual Average
![Page 241: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/241.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
3G (HSDPA)
0 3.75 7.50 11.25 15.00
3G
Max Speed Actual Average
![Page 242: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/242.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
3G (HSDPA)
0 3.75 7.50 11.25 15.00
3G
Max Speed Actual Average
![Page 243: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/243.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Wi-Fi via Broadband
0 15 30 45 60
WI-FI
Max Speed Actual Average
![Page 244: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/244.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Wi-Fi via Broadband
0 15 30 45 60
WI-FI
Max Speed Actual Average
![Page 245: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/245.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Wi-Fi via Broadband
0 15 30 45 60
WI-FI
Max Speed Actual Average
![Page 246: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/246.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
0 1.25 2.50 3.75 5.00
WI-FI
3G
EDGE
Speeds, compared
Actual Average
![Page 247: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/247.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
0 1.25 2.50 3.75 5.00
WI-FI
3G
EDGE
Speeds, compared
Actual Average
![Page 248: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/248.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
0 1.25 2.50 3.75 5.00
WI-FI
3G
EDGE
Speeds, compared
Actual Average
![Page 249: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/249.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
0 1.25 2.50 3.75 5.00
WI-FI
3G
EDGE
Speeds, compared
Actual Average
![Page 250: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/250.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
0 1.25 2.50 3.75 5.00
WI-FI
3G
EDGE
Speeds, compared
Actual Average
25% as fast
![Page 251: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/251.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
0 1.25 2.50 3.75 5.00
WI-FI
3G
EDGE
Speeds, compared
3% as fast
Actual Average
25% as fast
![Page 252: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/252.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
A 300kb file: EDGE, 3G & Wi-Fi
![Page 253: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/253.jpg)
Copyright © 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.
![Page 254: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/254.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Screen Reality
Phot
o co
pyrig
ht P
eter
Dea
n
![Page 255: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/255.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Screens Sizes!
320 pixels
320 p
ixels
240 pixels
320 p
ixels
320 pixels
240 p
ixels
176 pixels
220 p
ixels
128 pixels
160 p
ixels
![Page 256: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/256.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Desktop-sized Nytimes.com
![Page 257: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/257.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
iPhone-sized nytimes.com
![Page 258: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/258.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
iPhone-sized nytimes.com
![Page 259: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/259.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
nytimes.com on Android phone
![Page 260: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/260.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Context!
![Page 261: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/261.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
What’s important here?
![Page 262: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/262.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
What’s important here?
![Page 263: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/263.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
What’s important here?
![Page 264: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/264.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
What’s important here?
![Page 265: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/265.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
What’s important here?
![Page 266: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/266.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
mobile nytimes.com
![Page 267: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/267.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
getleaflets.com
![Page 268: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/268.jpg)
Copyright © 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.0 with Mobile 2.0The use of web standards and semantics in mobileDesigning for the mobile contextMobile web best practicesDesigning specifically for the iPhone/iPod TouchRapid and iterative development
![Page 269: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/269.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DEMO
![Page 270: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/270.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
NOTE:These are only screenshots. To view Leaflets in all its useful glory, visit getleaflets.com on
your iPhone/iPod Touch.
![Page 271: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/271.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Screen
![Page 272: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/272.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Screen• Simple, iPhone-esque
![Page 273: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/273.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Screen• Simple, iPhone-esque
• Loading indicator for images in case of slow network
![Page 274: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/274.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Screen• Simple, iPhone-esque
• Loading indicator for images in case of slow network
![Page 275: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/275.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Screen• Simple, iPhone-esque
• Loading indicator for images in case of slow network
• Users know how to use it right away because it uses metaphors they’re used to
![Page 276: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/276.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Search
![Page 277: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/277.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Search• Send users to mobile
versions of search results where possible
![Page 278: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/278.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Search• Send users to mobile
versions of search results where possible
• Give users as many search options in one screen without having to reload
![Page 279: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/279.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Search• Send users to mobile
versions of search results where possible
• Give users as many search options in one screen without having to reload
![Page 280: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/280.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Search• Send users to mobile
versions of search results where possible
• Give users as many search options in one screen without having to reload
• More than just simple search (dictionary, shopping, et cetera)
![Page 281: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/281.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds
![Page 282: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/282.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds• Simple feed reader (the
first for the iPhone, BTW)
![Page 283: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/283.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds• Simple feed reader (the
first for the iPhone, BTW)
• Subscribe, unsubscribe, but don’t bother with read status
![Page 284: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/284.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds• Simple feed reader (the
first for the iPhone, BTW)
• Subscribe, unsubscribe, but don’t bother with read status
• Allow users to change from two-column to single-column for readability
![Page 285: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/285.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds• Simple feed reader (the
first for the iPhone, BTW)
• Subscribe, unsubscribe, but don’t bother with read status
• Allow users to change from two-column to single-column for readability
![Page 286: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/286.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds• Simple feed reader (the
first for the iPhone, BTW)
• 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
![Page 287: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/287.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Feeds• Simple feed reader (the
first for the iPhone, BTW)
• 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
![Page 288: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/288.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Newsvine
![Page 289: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/289.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Newsvine• Most of the Newsvine
content but it loads much faster
![Page 290: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/290.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Newsvine• Most of the Newsvine
content but it loads much faster
• Works much like Feeds, allows for single column view, full text reading, et cetera
![Page 291: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/291.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List
![Page 292: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/292.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List• Our version of “the deck,”
collecting neat iPhone sites we liked
![Page 293: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/293.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List• Our version of “the deck,”
collecting neat iPhone sites we liked
• Users can mark apps as “favorites” to access them easily in the future
![Page 294: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/294.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List• Our version of “the deck,”
collecting neat iPhone sites we liked
• Users can mark apps as “favorites” to access them easily in the future
![Page 295: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/295.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List• Our version of “the deck,”
collecting neat iPhone sites we liked
• Users can mark apps as “favorites” to access them easily in the future
• Users can rate apps and comment on them
![Page 296: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/296.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List• Our version of “the deck,”
collecting neat iPhone sites we liked
• Users can mark apps as “favorites” to access them easily in the future
• Users can rate apps and comment on them
![Page 297: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/297.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
App List• Our version of “the deck,”
collecting neat iPhone sites we liked
• Users can mark apps as “favorites” to access them easily in the future
• Users can rate apps and comment on them
![Page 298: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/298.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Upcoming
![Page 299: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/299.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Upcoming• View your Upcoming
events, including all details
![Page 300: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/300.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Upcoming• View your Upcoming
events, including all details
![Page 301: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/301.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Upcoming• View your Upcoming
events, including all details
• View your friends’ events as well
![Page 302: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/302.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Upcoming• View your Upcoming
events, including all details
• View your friends’ events as well
![Page 303: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/303.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Flickr
![Page 304: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/304.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Flickr• See your latest comments,
your latest photos and your friends’ latest photos
![Page 305: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/305.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Flickr• See your latest comments,
your latest photos and your friends’ latest photos
![Page 306: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/306.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Flickr• See your latest comments,
your latest photos and your friends’ latest photos
• Much faster than the full site, but provides a much nicer experience than the default mobile Flickr site
![Page 307: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/307.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Flickr• See your latest comments,
your latest photos and your friends’ latest photos
• Much faster than the full site, but provides a much nicer experience than the default mobile Flickr site
![Page 308: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/308.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball
![Page 309: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/309.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball• Nearly real-time updates
for scores, base positions, batters
![Page 310: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/310.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball• Nearly real-time updates
for scores, base positions, batters
• Shows scores for the day’s finished games
![Page 311: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/311.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball• Nearly real-time updates
for scores, base positions, batters
• Shows scores for the day’s finished games
![Page 312: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/312.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball• Nearly real-time updates
for scores, base positions, batters
• Shows scores for the day’s finished games
• Shows upcoming games
![Page 313: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/313.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball• Nearly real-time updates
for scores, base positions, batters
• Shows scores for the day’s finished games
• Shows upcoming games
![Page 314: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/314.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Baseball• Nearly real-time updates
for scores, base positions, batters
• Shows scores for the day’s finished games
• Shows upcoming games• Also provides baseball
news
![Page 315: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/315.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
New York Times
![Page 316: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/316.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
New York Times• All the same content, less
than a tenth of the loading time of nytimes.com
• Styled to look more like NY Times’ own site
![Page 317: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/317.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
SUCCESSFUL EXPERIMENTEntire application built between WWDC and the iPhone 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
![Page 318: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/318.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
TAKEAWAYSWhile we designed it for the iPhone, Leaflets could 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
![Page 319: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/319.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
HOW TO BUILD A COOL MOBILE APP IN LESS THAN A WEEK
Part Four
![Page 320: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/320.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 321: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/321.jpg)
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
![Page 322: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/322.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Screen• Simple, iPhone-esque
• Loading indicator for images in case of slow network
• Users know how to use it right away because it uses metaphors they’re used to
![Page 323: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/323.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Icon XHTML
<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>
<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>
![Page 324: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/324.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Home Icon CSS
#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;
}
#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;
}
![Page 325: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/325.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Layer your CSS where possible to save
bandwidth.
![Page 326: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/326.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
controls.css
![Page 327: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/327.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
newsvine.css
![Page 328: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/328.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 329: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/329.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.+ 3 Kilobytes
![Page 330: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/330.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
+ 320 bytes
+ 3 Kilobytes
![Page 331: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/331.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
+ 320 bytes
+ 3 Kilobytes
-webkit-border-radius: 10px;+
![Page 332: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/332.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
+ 320 bytes
+ 3 Kilobytes
-webkit-border-radius: 10px;+
![Page 333: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/333.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Build your own mini-framework.
![Page 334: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/334.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
![Page 335: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/335.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
HeadlinesImage Handling
Lists
![Page 336: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/336.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
HeadlinesImage Handling
Lists
Nav Bar
![Page 337: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/337.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
HeadlinesImage Handling
Lists
Nav Bar Buttons
![Page 338: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/338.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
HeadlinesImage Handling
Lists
Nav Bar Buttons Inputs
![Page 339: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/339.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
HeadlinesImage Handling
Lists
Nav Bar Buttons Inputs Photos
![Page 340: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/340.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
HeadlinesImage Handling
Lists
Nav Bar Buttons Inputs Photos ULs for News
![Page 341: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/341.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS, stacked
Core layoutBase TypographyLinks and colors
![Page 342: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/342.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS, stacked
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
![Page 343: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/343.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Your CSS, stacked
Core layoutBase TypographyLinks and colors
NavigationCommon buttons
Form controls
ButtonsPhotos ULs for News
![Page 344: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/344.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Only use what you need.
![Page 345: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/345.jpg)
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"cient and then remove unnecessary brackets and semi-colonsCompress images or use CSS where possibleCache data on the server for fastest possible server-side load times
![Page 346: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/346.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
CSSTRANSFORMS
![Page 347: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/347.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
CSSTRANSFORMS
![Page 348: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/348.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Simple Code
<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>
</div>
Step 1:
![Page 349: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/349.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Simple Code
function flip (event)
{
var element = event.currentTarget;
/* Toggle the setting of the classname attribute */
element.className = (element.className == 'card') ? ¬
'card flipped' : 'card';
}
Step 2:
<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>
</div>
Step 1:
![Page 350: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/350.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Simple Code
.card.flipped
{
-webkit-transform: rotateY(180deg);
}
Step 3:
function flip (event)
{
var element = event.currentTarget;
/* Toggle the setting of the classname attribute */
element.className = (element.className == 'card') ? ¬
'card flipped' : 'card';
}
Step 2:
<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>
</div>
Step 1:
![Page 351: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/351.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DEMOS
![Page 352: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/352.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
JAVASCRIPT PROBLEMS (AND SOLUTIONS?)
![Page 353: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/353.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Potential Chokeville
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));
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);
}
![Page 354: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/354.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Potential Smoothness
#fader {
-webkit-transition: opacity 1s ease-out;
}
![Page 355: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/355.jpg)
Copyright © 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.com
Cappuccino (aka Objective-J)Developed by 280north, attempts to recreate Objective-C (namely Cocoa) in Javascript; available at cappuccino.org
Fundamentally di!erent ways to build web applicationsCloser to native application buildingPossibility of porting applications to the desktop
![Page 356: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/356.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Cappuccino Example
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>
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
{
....
![Page 357: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/357.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MULTI-TOUCHTWO FINGER SWIPES, THREE FINGER
SALUTES, SHAKING FISTS...
![Page 358: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/358.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
EXPOSEDiPhone OS 2.0+ exposes several multi-touch events to JavascriptUtilize native-like behavior in your appsCombined with CSS Transforms you can make powerful animations and interactions with a small amount of code
![Page 359: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/359.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DEMOS
![Page 360: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/360.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
EASY APPSGET TO WORK ALREADY, WILL YOU? WE
NEED GROCERIES!
![Page 361: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/361.jpg)
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 you can grab it, skin it and use it
Re-style your existing site to simplifySend iPhone users an iPhone-specific stylesheet that hides unnecessary content and restyles your site to fit the iPhone aesthetic
Build a bare-bones version of your current siteStart fresh and only focus on contextually-relevant sections of your site
Use DashcodeFor very simple sites, you might be able to whip up a quickie
![Page 362: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/362.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
RSS is great!
![Page 363: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/363.jpg)
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 check them only when necessary
You’ve probably already got the RSS feeds readyNearly all publishing platforms create RSS automatically and it’s usually trivial to create additional feeds
Easy to grab updatesVery easy to re-style since it’s XMLYou’ve got a bunch of typed data ready to be wrangled
Gives the impression of a full suite of dataWith only the NY Times RSS feed, you can create an app
![Page 364: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/364.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Magpie RSS
<?php
define('MAGPIE_CACHE_DIR', 'rss_cache');
require_once('magpierss/rss_fetch.inc');
$rss = fetch_rss('http://www.nytimes.com/services/xml/ ¬
rss/nyt/HomePage.xml');
?>
Step 1:
![Page 365: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/365.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Magpie RSS
<?php
define('MAGPIE_CACHE_DIR', 'rss_cache');
require_once('magpierss/rss_fetch.inc');
$rss = fetch_rss('http://www.nytimes.com/services/xml/ ¬
rss/nyt/HomePage.xml');
?>
Step 1:
<?php foreach ($rss->items as $item): ?>
<h2><?= $item['title']; ?></h2>
<span><?= $item['description']; ?></span>
<?php endforeach; ?>
Step 2:
![Page 366: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/366.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
MAGPIE RULES!Automatically caches contentYou can tweak how long content is cached for, where, all that good stu!
Easy to installDrag two folders into your app and include a file
Does all the work for youGive it a URL and that’s pretty much it
Free!Zero cost to get it up and running, zero maintenance cost other than hosting
![Page 367: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/367.jpg)
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.
![Page 368: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/368.jpg)
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.
![Page 369: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/369.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
iUIAND OTHERS LIKE IT...
![Page 370: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/370.jpg)
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, layout
Simple to implementIn some cases, doesn’t require much more than adding the kit to your project and changing a few lines of code
Handles orientation changesCan handle o!-site links as well, with the same animations and feelLow overhead
![Page 371: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/371.jpg)
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 all
Potential usability issuesWhile iUI makes an e!ort not to break things, depending on implementation the experience can su!er
Should your app look like it was made by Apple?Especially when iUI uses the most generic parts of the iPhone interface...
![Page 372: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/372.jpg)
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
![Page 373: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/373.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
But are mobile applications a good idea?
![Page 374: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/374.jpg)
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.
![Page 375: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/375.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Web App iPhone AppUses Web StandardsEasy to deploy and updateSupport all Mobile 2.0 devicesCan have a Web App in two weeks or less.Web Apps can be added to the DesktopMust have an Internet connection
Takes advantage of iPhone featuresLoads Wicked FastNeed to know Objective-CWorks only with iPhone and iPod TouchMust deploy over Apple’s iPhone store (or deck)
![Page 376: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/376.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
DeckRefers to the web presence maintained by a carrier. When you access the web from a mobile device, the first page you see is often referred to as the carrier deck. But is commonly used to refer to all mobile web sites.Origins: Hypercard development
![Page 377: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/377.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Top-Deck = Increased ViewsLower Deck = Oblivion
![Page 378: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/378.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Deck PlacementThe term used to describe where a third-party vendor WAP site, or application will appear on the Carrier Deck. Default order on content on most Carrier Decks is determined by sales. New items often have temporary “Top-Deck Placement”
![Page 379: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/379.jpg)
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 bystarting simple.
![Page 380: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/380.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Build Web Apps first.iPhone Apps second.
![Page 381: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/381.jpg)
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)
![Page 382: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/382.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
But...
![Page 383: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/383.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Phone Gap
![Page 384: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/384.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DEMO
![Page 385: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/385.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
GETTING USERSto your
IPHONE SITE
![Page 386: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/386.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DEVICE DETECTION
![Page 387: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/387.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Device DetectionThe method of routing mobile devices to appropriate mobile specfic sites using the mobile browsers user agent string.
![Page 388: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/388.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Routing MethodsEducate 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.
![Page 389: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/389.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Simple Device Detection
![Page 390: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/390.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Publish only one mobile specific site, designed for the
lowest supported browser, routing all mobile browsers to
it.
![Page 391: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/391.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Advanced Device Detection
![Page 392: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/392.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Route to the best possible mobile specific site based on
the user agent of the requesting device.
![Page 393: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/393.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
At this point we are basically talking about Adaptation.
![Page 394: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/394.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Mobile Stylesheets
![Page 395: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/395.jpg)
Copyright © 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 attribute to render a mobile stylesheet
to mobile devices.
![Page 396: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/396.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Example Mobile Stylesheet
![Page 397: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/397.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
Example Mobile Stylesheet
![Page 398: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/398.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 399: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/399.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 400: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/400.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 401: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/401.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 402: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/402.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 403: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/403.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 404: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/404.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
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>
<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 all
aspects of mobile application development and web technologies.</p>
<div id="speakers2">
<ul>
![Page 405: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/405.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
No Device Detection
![Page 406: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/406.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Rely on an alternate domain or subdirectory forcing the user to manually enter or
navigate to the mobile specific site.
![Page 407: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/407.jpg)
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)
![Page 408: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/408.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The Device Detection Dilemma in Mobile 2.0
![Page 409: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/409.jpg)
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 support handheld stylesheets.
![Page 410: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/410.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
OTHER STUFFSTHINGS TO CONSIDER, PONDER OR
IGNORE.
![Page 411: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/411.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
What about Ads?
![Page 412: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/412.jpg)
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 user might not realize they want (especially content relevant... what if a user sees a movie listing and then you can give them more content about the movie?)
Google AdSenseAdMobJumpTapGreystripeAppLoop
![Page 413: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/413.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
Can you justify the costs of Mobile?
![Page 414: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/414.jpg)
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 for your site, but that doesn’t mean you can’t create a mobile site that looks nice and works wellMake an e!ort to write standards-based code that will be backwards compatibleIf you’re going to target other browsers, avoid CSS 3 and Javascript where possibleXHTML-MP and Mobile CSS are very modern and very powerful, don’t rule them out
![Page 415: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/415.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
EXAMPLES
![Page 416: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/416.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
RESOURCES
![Page 417: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/417.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
http://mobiforge.com
Mobile Web Developers GuidePart I: Creating Simple Mobile Sites
BRIAN FLINGwith Ronan Cremin, Jo Rabin and D. Keith Robinson
![Page 418: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/418.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
http://mobiledesign.org
![Page 419: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/419.jpg)
Co
pyr
igh
t ©
20
08
Bri
an F
ling
. All
trad
em
arks
an
d c
op
yrig
hts
re
mai
n t
he
pro
pe
rty
of
the
ir r
esp
ect
ive
ow
ne
rs.
![Page 420: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/420.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
DANKE! MERCI!
THANK YOU! GRAZIE!
GRACIAS!
![Page 421: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/421.jpg)
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.
![Page 422: Mobile 2.0](https://reader038.vdocuments.us/reader038/viewer/2022102804/541309a47bef0a741b8b5f35/html5/thumbnails/422.jpg)
Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.
The EndBrian [email protected]
tel. +1 206 201-1875mob. +1 206 351-6060
website: flingmedia.comblog: flinglog.com
twitter: twitter.com/fling