O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a navegar o site, você aceita o uso de cookies. Leia nosso Contrato do Usuário e nossa Política de Privacidade.
O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a utilizar o site, você aceita o uso de cookies. Leia nossa Política de Privacidade e nosso Contrato do Usuário para obter mais detalhes.
Writing applications for phones has been a daunting task since every platform uses it's own language and API's. PhoneGap will solve this problem for you by utilizing the browser capabilities. In this session we will see how we can turn a web based application into a native app. We will also look at posibilites to integrate native functionality, like the camera or accelerometer, in our application. The final part of the presentation is about deployment of these applications. Adobe offers a cloud based service called PhoneGap Build which easily builds your application for all platforms.
Building like a pro41conﬁg.xmlW3C Widget Speciﬁcationhttps://gist.github.com/Martin1982/5063962Friday, 7 June 13
When the web just doesn’t sufficePlug-ins42Friday, 7 June 13
Accelerometer43Get device movementin an X,Y, Z space.Friday, 7 June 13
Camera & Capture & Media44Use the device’s library,camera and microphone towork with local audio, videoand images.<input type="file" accept="image/*" capture="camera">Don’t forget iOS 6 supports:Friday, 7 June 13
Compass45API to detect which way adevice user is pointingFriday, 7 June 13
Connection46See if a user is connected andinspect the type of connection:Wiﬁ, xG, EthernetCaution navigator.isOnline is your close friendFriday, 7 June 13
Contacts47Access the user’s contact listFriday, 7 June 13
Device48•Name•Cordova version•Platform•UUID•Version•ModelFriday, 7 June 13
Events49Handles application stateFriday, 7 June 13
File50Filesystem bridging, basedon the W3C File APIFriday, 7 June 13
Geolocation51Caution: Already supported by browsers!API to get the latitudes andlongitudes of the device.Friday, 7 June 13
Globalization52Currency, language, date & timeFriday, 7 June 13
InAppBrowser53The browser opened bywindow.open()Extremely useful to openexternal links!Friday, 7 June 13
Notification54•Alert•Conﬁrmation•Beep•VibrateFriday, 7 June 13
Splashscreen55No matter how beautiful your splash screen is,eventually you’ll need to show and hide itFriday, 7 June 13
Storage56SQL storage based on the W3CWebSQL speciﬁcation.Caution; WebSQL is no longer maintainedIndexedDB is the new superhero!Friday, 7 June 13
Why reinvent the wheelUser plugins57Friday, 7 June 13
Pick what you want58https://github.com/phonegap/phonegap-pluginsFriday, 7 June 13
Now it’s your turnConclusion60Friday, 7 June 13
Conclusion61Package web applications as native appsEnrich applications with native pluginsQuick deployment with PhoneGap Build VS. fine-tuned deployment with PhoneGap CLI tools / IDEIf it doesn’t fit the bill? Download or write your ownplugin!Always remember; your app runs as a localapplication straight from the filesystem as in file://Friday, 7 June 13
Start playingSmall demo app available from:http://martin1982.github.io/dmc2013demo/62Friday, 7 June 13