Jason.O Keefe.Genuitec.Presentation.Final
Upcoming SlideShare
Loading in...5
×
 

Jason.O Keefe.Genuitec.Presentation.Final

on

  • 3,267 views

 

Statistics

Views

Total Views
3,267
Views on SlideShare
3,187
Embed Views
80

Actions

Likes
0
Downloads
40
Comments
0

2 Embeds 80

http://localhost 78
http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

    Jason.O Keefe.Genuitec.Presentation.Final Jason.O Keefe.Genuitec.Presentation.Final Presentation Transcript

    • Web. Smartphone. Future. Now Mobile Web Development Presented by Jason O’Keefe, Senior Mobile Advocate at
    • Mobile Kicks A**
    • … But Who’s your Daddy?! · AT&T, Sprint, Verizon Wireless, T-Mobile, MetroPCS · Palm, Nokia, Apple, Motorola, RIM, Samsung, LG · Windows Mobile, iPhone OS, WebOS, Blackberry OS, Symbian
    • The Web is a developer's future
      • Why no more suckage?
      • HTML5 (incl. CSS3, JavaScript)
      • WebKit Browser Engine
      • iPhone + Mobile Safari
      • App Store*
      • Services*: Geolocation, Camera, Photos, Contacts, Phone
      • High performance JavaScript Engines
      • Smartphones: Android, Blackberry, Nokia, LG, Samsung
      The Mobile Web… Sucks No More
    • HTML5 vs. Native - How they Size Up
    • Show me the Code
      • Geolocation
      • CSS3
      • Local Database
      • UI Frameworks
      • HTML5 Offline Support with AppCache
      • PhoneGap 
    • Geolocation Example
    • CSS 3 – Declarative Awesomeness
      • Easier to create complex visual effects
      • Greater layout flexibility
      • Animation via transformations
      • Hardware acceleration 
      • Mobile browser early adoption
    • CSS 3 - Backgrounds & Borders
      • Example 1: CSS 3 Button
      • CSS3 properties used
      • - border-radius
      • - box-shadow
      • - text-shadow
      • - gradients
    • CSS 3 - Advanced Graphics
      • Example #2: 2D Transformation
    • Web Database - Native SQL Services
      • Native browser database storage
      • SQLite reference implementation
      • Transactions
      • 5Mb default size
      • Makes offline possible
      • Web dev gets balls
    • UI Frameworks for Mobile Web
      • What?
      • Styling, native look and feel
      • Form input
      • User events, swipe, touch, orientation
      • Examples of iPhone frameworks  
      • iUI - code.google.com/p/iui
      • jQTouch - www.jqtouch.com
      • WebApp.Net - webapp-net.com
      • iWebKit - www.iwebkit.net
      • iphone-universal - code.google.com/p/iphone-universal
      • Magic - www.jeffmcfadden.com/projects/Magic%20Framework
    • UI Frameworks Demo Example #1: Menus
    • UI Frameworks Demo Example #2: Forms
    • HTML5 Offline Support - AppCache
      • iPhone & Android, others? 
      • Offline HTTP caching mechanism
        • Define resources to cache via Manifest file
        • Manifest MIME type: text/cache-manifest
      myapp.manifest file
    • Offline Example index.html
    • Hybrid Mobile Web Applications
      • Mobile web does not solve application requirements for:
      • AppStore-readiness
      • Native services or sensor access
      • Hardware optimization
      • Consider hybrid mobile web framework:
      • Package mobile web app as native app
      • API for services and sensors
      • Hooks to custom native feature implementation
      • Frameworks
      • PhoneGap
      • Big5
      • Rhomobile
      • Appcelerator
    • PhoneGap Demo Example #1: Accelerometer/Notification
    • Carrier, App Store and the Web   *Credit to Jason Grigsby, Cloud Four blog for charts
    • Closing Remarks
      • … and Please complete an evaluation 
    • Questions?