iPhone Tutorial Icon CartoonSmart Blog CartoonSmart Affiliate Program Free Tutorial Videos CartoonSmart CartoonSmart Discounts About Contact CartoonSmart How to Optimize Flash for iOS or Android Export
Tutorials
Freebies and Demos iPhone/iPad tutorials iOS App Starter Kits PhoneGap Tutorials Dreamweaver and  HTML5 tutorials Toon Boom Tutorials Illustrator tutorials After Effects
Just Flash Tutorials
Flash to Android or iOs tutorials Actionscript 3 tutorials Gaming Drawing Tutorials Animation Tutorials Interface Design Tutorials Actionscript 2 tutorials MySQL
 
cartoon templates
Flash Templates
 
New Stuff
Your Cart
 
Time Length of Course
Phone Gap Tutorial Logo


Build Apps using Dreamweaver CS5.5 or CS6
that run on Android, iOS & More!

Course Compatibility: Adobe Illustrator CS5
 




Session 1: Getting Setup with Dreamweaver CS5.5 or CS6 and an Intro to PhoneGap - Nearly 3 Hours!

PhoneGap is an amazing framework that will allow you to code in Dreamweaver CS5.5, CS6 or other text editors and deploy to multiple devices. Throughout the course, our instructor Lawrence Turton, will be testing on a PC using his Android device. And like Lawrence, if you have Dreamweaver CS5.5 then you are pretty much setup already. But we've also included a separate setup video for Mac users to test on their iOs devices. The setup is slightly different, but after that the code to deploy is the same. Which is the beauty of using PhoneGap. Throughout the entire multi-session series, we'll be using the same code regardless of the device type, to interact with things like the Accelerometer, Battery status, Location, Camera, Contact Book, and so on.


PhoneGap Tutorial Video 1 - 56 Minutes
– Introduction to the Series and Initial Setup. Free to watch here on YouTube or Vimeo.

For Mac Users, check out this video as well. Also free to watch here on YouTube or Vimeo.

PhoneGap Tutorial Video 2 - 1 Hour 40 Minutes - This nearly two hour video begins with a "hello world" app, and explores the accelerometer, detecting WIFI and other device specifics like name or OS version, how to initiate alert or confirmation popup menus, creating a stop watch function, and of course tons more about programming in general.

Free to watch here on YouTube or Vimeo.


Phone Gap and Dreamweaver CS6Tutorial Preview 1



Session 2: PhoneGap's Camera API, Events API, or GeoLocation API - Over 2 Hours

Choose your adventure! You can decide what you want to learn now.

PhoneGap Camera API Tutorial - 57 Minutes – Learn how to take a picture or use a picture from the camera library. Explore options like save-quality, allow simple editing before selection, encode as PNG or JPG, desired width or height, and more.

PhoneGap Events API Tutorial - 35 Minutes - We'll look at event types, such as what to do when the device is ready, an app is paused, app is resumed, the network has gone on or offline, the user presses the back, menu, or search buttons (doesn't apply to iOS), a call has ended, the battery hits a critical or low level, or the battery status has changed.

PhoneGap GeoLocation API Tutorial - 36 Minutes -Explore how to get the current location of the phone, and look at properties like latitude, longitude, altitude, accuracy, heading, speed, and more. Also learn how to watch for changes in the current location.

Phone Gap and Dreamweaver CS6Tutorial Preview 2



Session 3: Contacts API and Compass API - Over 2 Hours!

Again you can decide what you want to learn. There's no viewing order to these...

PhoneGap Contacts API Tutorial - 1 Hour: 52 Minutes– Learn how to create, clone, update, remove and find contacts in the devices contact database. Access properties of a contact, like name (first, last, nickname), phone number, email, address, IMS, organization, birthday, note, photo, category, and URL's associated with a contact.

PhoneGap Compass API Tutorial - 19 Minutes - Learn how to use the compass to detects the direction or heading that the device is pointed. Options to look at are the magnetic heading, true heading (relative to geographic North), heading accuracy, and time stamp when a reading occurred.

 

Phone Gap and Dreamweaver CS6Tutorial Preview 3




Session 4: Using Dreamweaver CS6 with PhoneGap and Storage API

Choose your own adventure again here in Session 4....

Using Dreamweaver CS6 with Phone Gap - 1 Hour: 2 Minutes – Learn how Dreamweaver CS6 integrates with the PhoneGap Build Service to compile applications in the "Cloud".You'll also learn how to get started with QR Codes (Quick Reference Codes) to find and install your app from the PhoneGap servers. Also discussed are many details about publishing your app for iOS, Android, Blackberry and other devices.

PhoneGap Storage API Tutorial - 46 Minutes - The Storage API gives you the ability to create a database on the client side rather than on a remote server. So you'll learn how to populate a database, retrieve data, delete data, and everything else related to managing a database.

Phone Gap and Dreamweaver CS6Tutorial Preview 4





Session 5: Capture API and Media API

PhoneGap Capture API Tutorial - 1 Hour: 19 Minutes – This API allows you to capture an image, video, or audio. You'll learn all the parameters involved with capturing these types of media (max duration, various modes, etc). You'll learn how to store and retrieve the media. With these tools you could program your own voice or video recorder.

Also discussed are the quirks between capturing media on different devices.

PhoneGap Media API Tutorial- 53 Minutes - The Media API allows smooth playback of audio without slowing down your application. This is a better option than using HTML5 based audio or Flash Player audio, which could slow down your app, or in the case of Flash, isn't available on the iOS devices. You'll learn how to control your media with Play, Seek, Pause, Resume and Stop options.

Phone Gap and Dreamweaver CS6Tutorial Preview 5



Session 6: File API



PhoneGap File API Tutorial- 3 Hours: 38 Minutes – We've saved one of the longest tutorials for last. While most of the lessons you can watch in any order you like, our instructor requests you watch most of the previous ones first because he combines many different API's in this final lesson. With the File API you can access the device's file directory. So you can search, read, write, upload and transfer files with this API, making it one of the most interesting ones. And worthy of an almost 4 hour lesson!


Phone Gap and Dreamweaver CS6Tutorial Preview 6




Final Application Project

Phone Gap and Dreamweaver CS6Tutorial Preview 6


As a final example, Lawrence combines many of the PhoneGap API's into one amazing iPhone application (tested on an iPhone 4 & 4S) . As you can see above, the app has five buttons on the bottom which navigate to:

- Contact Window: with buttons to trigger a text, phone call or email

- Voice Recorder: Playback a sound file you've recorded through the app

- YouTube Video Playlist / Player: Create a playlist of your favorite YouTube Videos

- Image Capture App: Take a picture from the device's camera and insert it within another image. This could be the foundation of an amazing application. Perhaps a kid's book featuring the child reading the book.

- Compass: Get the magnetic heading of your device






Want to know more about what PhoneGap does?
Here's a quick explanation from the people that made it...

Go to Phonegap








  40
Purchase this Tutorial
Paypal Cards2CO
Purchase With a Credit Card and receive download links minutes after the order
 



Check out some of Lawrence's other HTML5 tutorials that could be used in conjuction with this course....

HTML5 Basics tutorial   HTML5 and DW Tutorial









CartoonSmart Affiliate Program Binpress 1&1 Hosting Web and Animation Design for Hire
Bulk Discount on CartoonSmart Tutorials

Binpress

Bulk Discount on CartoonSmart Tutorials


CartoonSmart-Made Apps!


Pinball Kingpin iPhone App Pinball Kingpin iPad app
  Werewolf iPad Game

Pinball Showdown iPhone Pinball Showdown iPhone
  Pinball Submarine Battle

Werewolf iPad Game   Werewolf iPad Game

Werewolf iPad Game   How CartoonSmart makes their apps







Sign up for our newsletter
Email: