Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012
Web Application framework (Web App Container technology) ◦ Apps for mobile devices ◦ Apps are OS and HW independent ◦ Provides OS and HW wrapper for App ◦ Seamlessly port App to supported OS and HW Javascript based framework Apache project called Cordova Apps act as clients for the User
Write in HTML 5, CSS, and Javascript Write your application 1 time -> write less code Packages your App with a OS and HW wrapper Free, Open Source framework -> You can contribute Faster time-to-market -> waste less time Provides these capabilities: REST-ful XML JSON SOAP HTTP Requests AJAX
Phonegap provides these features, which are not provided by HTML 5 ◦ 3 rd Party Plug-Ins ◦ ‘Chrome-less’ web browser -> more viewing space for web app ◦ UI layer uses 100% of screen -> more viewing space for web app Phonegap improves these existing HTML features: ◦ Audio API ◦ Video API ◦ Browser persistent APIs
Phonegap provides interfaces to the Operating System and Hardware Platform ◦ APIs conform to web standards ◦ APIs are written in Javascript Phonegap provides development tools ◦ Integrated Development Environments ◦ Debuggers ◦ Testing Frameworks Phonegap provides 3 rd party Plug-Ins ◦ Power User plug-ins ◦ Development Community plug-ins ◦ Partner plug-ins
Phonegap Framework Hardare Platform Web Applications (HTML 5, CSS, and Javascript) iOS API Simbian API OS 5.x API WebOS API Bada API Android API Windows Phone 7 API OS 6.x API APIs (Javascript) Javascript Engine Custom Plugin Native Engine Engines Developer Tools3 rd Party Plug-ins Custom Native Plugin Development Frameworks, Test, & Persistent Data
1. Write App using HTML 5, CSS, and Javascript 2. Choose the HW Platform and OS, then place the App code in the framework’s locations 3. Compile App with Javascript & Native Engines 4. Binary file generated 5. Download Binary file to the Platfrom or the Simulator
Phonegap Home: ◦ Phonegap/Cordova Apache Project: ◦ Wikipedia: ◦ Phonegap getting started: ◦ Phonegap Documentation: ◦ Phonegap Demonstration for Android: ◦ Phonegap Group: ◦