• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 & CSS3 "Mobile": PhoneGap
 

HTML5 & CSS3 "Mobile": PhoneGap

on

  • 1,207 views

Catania GTUG - Bootcamp pre-startup weekend.

Catania GTUG - Bootcamp pre-startup weekend.
Andrea Cannella's Presentation

Statistics

Views

Total Views
1,207
Views on SlideShare
1,206
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

HTML5 & CSS3 "Mobile": PhoneGap HTML5 & CSS3 "Mobile": PhoneGap Presentation Transcript

  • HTML5&CSS3 “Mobile”: PhoneGap Catania, 19 Maggio 2012 GTUG BootCamp pre Startup Weekend
  • Mercato Mobile2011 Vendite Smartphone 480.000 unità Vendite PC 410.000 unità
  • Previsioni2013 Rapporto 2 a 1 tra dispositivi mobile e PC.
  • Tempo 32%32% Telefonia 47%9% Posta Elettronica 9% 12%12% Navigazione Web47% Applicazioni (Social Network,mappe, ecc) Telefonia Email Web App
  • Stats Browser OS01/2011 8% 1% 9% 2% 5% 5% 31% 52% 28% 46% 9% 1% 1%4% Win7 Vista Win2003 WinXP Linux Mobile Mac 04/2012
  • Stats Browser Mobile 13% 17% iPhone iPad iPod Android 31% Others 37% 3%
  • Android Versions
  • PhoneGap
  • Esempio webapp con WebView() package web.app; import android.app.Activity; import android.webkit.WebView; import android.webkit.WebViewClient; import android.os.Bundle; public class WebAppActivity extends Activity { /** Called when the activity is first created. */ WebView myWebView; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); WebView myWebView = (WebView) findViewById(R.id.webview); myWebView.getSettings().setJavaScriptEnabled(true); myWebView.setWebViewClient(new WebViewClient()); myWebView.loadUrl("http://www.blogf1.it"); } }
  • Esempio con PhoneGap package blogF1; import org.apache.cordova.*; import android.os.Bundle; public class itAppActivity extends DroidGap { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/www/index.html"); } }
  • API Native (alcune)AccelerometroCameraConnessioniContattiNotifiche
  • Pubblicazione Get cross-platform mobile apps in three easy steps1.Write your app using HTML, CSS and JavaScript2.Upload it to the PhoneGap Build service3.Get back app-store ready apps for Apple iOS, Google Android, Windows Phone 7, Palm, Symbian, Blackberry and more.
  • PhoneGap Build Center
  • JQueryMobile
  • ConclusioniIl mondo mobile è in continuaespansione e da oggi spazio a nuovefigure professionali.I webdesigner di ieri devono oggiscontrarsi con i dispositivi mobile.Applicazione Nativa vs WebApp?