• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app
 

Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app

on

  • 1,066 views

 

Statistics

Views

Total Views
1,066
Views on SlideShare
980
Embed Views
86

Actions

Likes
0
Downloads
4
Comments
0

4 Embeds 86

http://vodoosolutions.com 32
http://www.vodoosolutions.com 30
http://dev1.tm.vodoo.ro 20
http://192.168.0.226 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

    Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app Presentation Transcript

    • { Native mobile apps with HTML, CSS & JavaScript Georges Chitiga – CEO, CTO at VoDoo Solutions http://vodoosolutions.com
    • Build your app with:Actually, almost everything that works with:
    • What is PhoneGAP ?
    • One code, deploy to all JavaScript is cooler everyday - iPhone 3GS+ - Android Better then web apps - Blackberry 5+ - WebOS - Windows Phone 7 - W8 Coming Soon - Symbian - Bada What is PhoneGAP ?
    • One code, deploy to all JavaScript is cooler everyday - iPhone 3GS+ - Android Better then web apps Every day new - Blackberry 5+ frameworks, new - WebOS - Windows Phone 7 cool techniques and - W8 Coming Soon new technologies - Symbian rise. - Bada What is PhoneGAP ?
    • One code, deploy to all JavaScript is cooler everyday - iPhone 3GS+ - Android Better then web apps Every day new - Blackberry 5+ frameworks, new - WebOS - Windows Phone 7 cool techniques and PhoneGAP allows you to access the device - W8 Coming Soon new technologies SDK API - Symbian rise. - Bada What is PhoneGAP ?
    • Code Upload Build RunDid you understand ?
    • PhoneGAP API
    • <!DOCTYPE html><html> <head> <title>Application Title</title> <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> PhoneGAP API
    • <script type="text/javascript" charset="utf-8"> var pictureSource; // picture source var destinationType; // sets the format of returned value // Wait for PhoneGap to connect with the device document.addEventListener(“deviceReady",onDeviceReady,false); // PhoneGap is ready to be used function onDeviceReady() { pictureSource=navigator.camera.PictureSourceType; destinationType=navigator.camera.DestinationType; } PhoneGAP API
    • function capturePhoto() { navigator.camera.getPicture(onPhotoDataSuccess, onFail, {quality: 50 }); }//HTML<button onclick="capturePhoto();">Capture Photo</button> PhoneGAP API
    • function capturePhotoEdit() { navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20,allowEdit: true }); } PhoneGAP API
    • function onPhotoDataSuccess(imageData) { var smallImage = document.getElementById(smallImage); smallImage.style.display = block; smallImage.src = "data:image/jpeg;base64," + imageData; }//HTML<img style="display:none;width:60px;height:60px;" id="smallImage"src="" /> PhoneGAP API
    • Navigator.camera.getPicture Camera Options quality : 75, destinationType : Camera.DestinationType.DATA_URL, sourceType : Camera.PictureSourceType.CAMERA, allowEdit : true, encodingType: Camera.EncodingType.JPEG, targetWidth: 100, targetHeight: 100 PhoneGAP API
    • http://docs.phonegap.com/en/2.2.0/ PhoneGAP API
    • DEMO TIME
    • QA
    • Diamond SponsorsPlatinum Sponsors Gold SponsorsTraining Partners Media Partners Other Partners