Web Builder 2.0 Workshop: iPhone Design and Development Workshop

Slide 1: iPhone and Mobile Development Summit Brian Fling, Principal & Director of Strategy Garrett Murray, Senior Developer Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 5: Who is Brian? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 6: Who is Brian? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * Has worked directly with all Tier 1 carriers in North America and most of Tier 2. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 7: Who is Brian? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * 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. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 8: Who is Brian? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * 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, the largest network of mobile designers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 9: Who is Brian? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * 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, the largest network of mobile designers. * Author of dotMobi Developers Guide. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 10: Who is Brian? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * 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, the largest network of mobile designers. * Author of dotMobi Developers Guide. * Co-creator of Leaflets for the iPhone. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 14: Who is Garrett? * Senior Developer at Blue Flavor. * Web Developer since 1998. * Has worked with hundreds of clients including Pfizer Inc., Business Week Magazine and the United Nations Development Programme. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 15: Who is Garrett? * Senior Developer at Blue Flavor. * Web Developer since 1998. * Has worked with hundreds of clients including Pfizer Inc., Business Week Magazine and the United Nations Development Programme. * Created the OS X application xPad and the open-source Ruby on Rails weblog application SimpleLog. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 16: Who is Garrett? * Senior Developer at Blue Flavor. * Web Developer since 1998. * Has worked with hundreds of clients including Pfizer Inc., Business Week Magazine and the United Nations Development Programme. * Created the OS X application xPad and the open-source Ruby on Rails weblog application SimpleLog. * Host of Maniacal Rage Podcast & TV. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 17: Who is Garrett? * Senior Developer at Blue Flavor. * Web Developer since 1998. * Has worked with hundreds of clients including Pfizer Inc., Business Week Magazine and the United Nations Development Programme. * Created the OS X application xPad and the open-source Ruby on Rails weblog application SimpleLog. * Host of Maniacal Rage Podcast & TV. * Co-creator of Leaflets for the iPhone. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 22: Agenda 09:00 Act I, Part One—The Mobile Ecosystem Understanding the mobile technology and landscape. 10:45 BREAK 11:00 Act I, Part Two—Designing for Context Designing for how people use information outside the web browser. 12:30 LUNCH 1:30 Act I, Part Three—Mobile Web Development What you need to know to develop for mobile devices. 3:00 INTERMISSION 3:15 Act II, Part One—Mobile 2.0 The future of mobile in the post-iPhone age. 4:30 BREAK 4:45 Act II, Part Two—iPhone Nitty-Gritty Practical examples for iPhone development and design. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 28: Jargon Alert Mobile Portable personal communication devices able to connect voice calls or data requests wirelessly. Not to be confused with “cellular” or “cell.” Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 29: Jargon Alert Mobile Web The collective term for websites designed for viewing on a mobile device. Websites are published and accessed via the Internet just like a regular desktop website. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 36: England United States of America European Union Population of the Earth Source:Wikipedia Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 37: England United States of America China European Union Population of the Earth Source:Wikipedia Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 42: Mobile Subscribers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Mobile Web Access Desktop Web Access Sources: GSM Association,T-Mobile, Credit Suisse, Pyramid Research Mobile Web of Today

Slide 45: by 2010 Mobile Web Subscribers Mobile Web of Tomorrow Source: Informa Telecoms & Media 2006 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 46: Mobile will revolutionize the way we gather and interact with information in the next three years. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 49: Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. SMS Live Billboard Send to Buy Friend WAP ry Vi to MMS su di al Au Join WAP Site QR Code Word of Print Ad Mouth SMS Notify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify

Slide 50: Jargon Alert LBS Location-based Services The ability for a mobile device to provide information that is relevant to it’s physical location via a Global Positioning System (GPS). Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 55: Smart Phones iPhone Feature Phones Basic Phones 1980 1990 2000 Mobile Evolution 2010 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

Slide 58: Smart Phones iPhone Feature Phones

Slideshare.net (beta)