90 likes | 307 Views
PHONEGAP. Lightning Talk. Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012 . What is PhoneGap ? . Web Application framework (Web App Container technology) Apps for mobile devices Apps are OS and HW independent Provides OS and HW wrapper for App
E N D
PHONEGAP Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012
What is PhoneGap? • 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
Why use PhoneGap? • 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
Why use PhoneGap? …continued • Phonegap provides these features, which are not provided by HTML 5 • 3rd 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 • Phonegapimproves these existing HTML features: • Audio API • Video API • Browser persistent APIs
What does PhoneGapprovide? • Phonegapprovides interfaces to the Operating System and Hardware Platform • APIs conform to web standards • APIs are written in Javascript • Phonegapprovides development tools • Integrated Development Environments • Debuggers • Testing Frameworks • Phonegapprovides 3rd party Plug-Ins • Power User plug-ins • Development Community plug-ins • Partner plug-ins
PhoneGapOverview Diagram Web Applications (HTML 5, CSS, and Javascript) Phonegap Framework Developer Tools 3rd Party Plug-ins Engines Development Frameworks, Test, & Persistent Data Javascript Engine Native Engine Custom Plugin Custom Native Plugin APIs (Javascript) iOS API Simbian API OS 6.x API OS 5.x API WebOS API Android API Bada API WindowsPhone 7 API Hardare Platform
How do you make an App? 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
PhoneGapLinks & Info • Phonegap Home: • http://phonegap.com/ • Phonegap/Cordova Apache Project: • http://incubator.apache.org/cordova/ • Wikipedia: • http://en.wikipedia.org/wiki/PhoneGap • Phonegap getting started: • http://phonegap.com/start/ • Phonegap Documentation: • http://docs.phonegap.com/ • Phonegap Demonstration for Android: • https://github.com/libbybaldwin/phonegap-api-demo • Phonegap Group: • http://phonegapforum.com/