Two Minute Tutorials using AppLaud


Use AppLaud to create a Web App Project, Run it on a Device or Simulator

Primer tutorial for MDS AppLaud 1.2 Eclipse Plugin for Phonegap for Android
The first Two-Minute Tutorial (TMT0) presents in detail the steps to create a new project, understand project and file contents, enable and review JSLint settings, and run the app on a device or simulator. Users who have already created and run an app using AppLaud on a device or simulator may prefer to start with TMT1 – Use PhoneGap APIs and jQuery Mobile UI Framework.


User tips for AppLaud including DDMS and AVD
Ramp up your mobile app development by reviewing these tips and recommendations for AppLaud users.

TMT1 Part 1

Media Player: Use PhoneGap Media API and jQuery Mobile
Use jQuery Mobile to create an app that lets the user Play/Pause/Stop a media (audio) file, and update the status on the app page. Uses: PhoneGap Media API, jQuery Mobile (buttons, dynamic page update).

TMT1 Part 2

Add PhoneGap Accelerometer to Media Player
Building on the media player app in Part 1, use the PhoneGap Accelerometer API to provide an additional media control method based on device position change. Add to the UI a “Flip Mode” using more jQuery Mobile. Learn how to override css formatting to get the look you want.


Market-ready App: Set the Name, Launcher Icon and Permissions, Plus Useful Tips and Links
This tutorial explains how to change your app’s name, customize the launcher icon, and set the correct device access permissions – important steps in taking your app to market. Many resources and tips for taking your app to the Android and Amazon market.


Add the PhoneGap Barcode Scanner Plugin, Write an App using Barcode Scanner Technology
This tutorial demonstrates installation of the PhoneGap Barcode Scanner Plugin, and creates a simple app to scan and encode (i.e. create your own) barcodes with your Android phone.

TMT3 Part 2

Add the PhoneGap ChildBrowser Plugin and Add Barcode Scanner Handling Code
Extends TMT3 by adding the PhoneGap ChildBrowser Plugin to the app, and offers solutions for processing scan results. Can also be used to add the child browser to any AppLaud project.

TMT4 Part 1

jQuery Mobile Plugin for Google Maps: Route Finder App
This tutorial shows how to use a jQuery plugin with AppLaud.The plugin provides a simplified API for accessing Google Maps from jQuery Mobile: jQuery Google Maps plugin by Johan Säll Larsson. The sample app demonstrates an easy way to show a dynamic route in a mobile web app and provide interactive directions using device geolocation.

TMT4 Part 2

Dynamic Markers, Geocoding and jQuery Google Maps Plugin
The 2nd part of the Google Maps tutorials is an advanced, feature-packed tutorial featuring dynamic markers using either device geolocation or tap events. Developed with AppLaud and PhoneGap, the sample app makes use of the simplified Google Maps API provided by the jQuery Google Maps plugin and jQuery Mobile to easily manage maps, markers and marker data.

TMT4 Part 3

Save Markers using JSON and HTML5 Web Storage
The 3rd part of the Google Maps tutorials builds on Part 2 by adding code to save marker data across app launches. HTML5 Web Storage (localStorage specifically) is used to save the marker data on the device. The marker data is stored in JSON format.

TMT5 Part 1

Twitter: jsOAuth and ChildBrowser plugin – non-PIN oauth access!
This advanced Two-Minute Tutorial (TMT5) shows how to use the Twitter REST API in your AppLaud app. Using the PhoneGap ChildBrowser for Android plugin and jsOAuth JavaScript library, non-PIN OAuth 1.0a authentication is demonstrated. After authentication completes, the app uses Twitter’s REST API for home timelines, mentions and tweets right from the app’s simple, intuitive jQuery Mobile UI. The oauth access tokens are saved in local storage on the device, enabling continuous access to twitter.

TMT5 Part 2

Facebook: Add the Facebook Connect Plugin to Your App
Another advanced Two-Minute Tutorial (TMT5P2) shows how to add the Facebook plugin your AppLaud app. Includes details on registering as a Facebook Developer, getting the Facebook SDK, using Cordova 2.0.0 and adding the Facebook Plugin to your PhoneGap App.

PowerApp and Node.js Server

Something completely different: Complete App Project and Server
A complete PhoneGap for Android Project that includes the Barcode Scanner and Child Browser plugins, OpenID Authentication (from device), Google Maps, jQuery Mobile, and a companion server (optional). Built with AppLaud naturally, and ready to build, run, fork, download from github, or use as a template. Check out the Node.js server or watch the video to learn how it works.