Building and packaging mobile apps in Dreamweaver CC Requirements Prerequisite knowledge Previous experience with Dreamweaver, jQuery Mobile, and PhoneGap will help you make the most of this tutorial. Additional required other products PhoneGap Build jQuery Mobile User level Intermediate Required products Dreamweaver (Download trial) Sample files meridien_mobile_final.zip Using Dreamweaver CC, you can create native mobile applications with jQuery Mobile web pages and then use PhoneGap Build to package the applications for various mobile platforms. In this tutorial, you’ll create a mobile application that display restaurants based on a type of cuisine and identify the location of a restaurant on a map. You’ll also learn how to package this application in a format that can be used on multiple mobile platforms. Note: If you are stuck at any point in the tutorial, open the index.html page from the sample files, and look at the code. The main steps in creating and packaging the mobile application are: Create a jQuery Mobile web page using the jQuery Mobile option in the Dreamweaver CC Insert panel The jQuery Mobile framework is a JavaScript framework that enables you to quickly build websites and applications for mobile devices. This framework works on the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. Use jQuery Mobile themes and the jQuery Mobile Swatches panel in Dreamweaver CC to customize the look and feel of your application Use PhoneGap APIs to access native features of mobile devices—in this case to point to the location of a restaurant on a map. PhoneGap exposes APIs to make use of device features such as the accelerometer, contacts, and more. Package the application using PhoneGap Build for use on various mobile platforms PhoneGap Build lets you build packages for platforms you’re targeting using the most up-to-date SDK. You can package mobile applications using PhoneGap Build without having to maintain native SDKs.
21
Embed
Building and packaging mobile apps in Dreamweaver CC
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Building and packaging mobile apps in Dreamweaver CC
Requirements
Prerequisite knowledge
Previous experience with Dreamweaver, jQuery Mobile, and PhoneGap will help you make the most of this tutorial.
Additional required other products
PhoneGap Build
jQuery Mobile
User level
Intermediate
Required products
Dreamweaver (Download trial)
Sample files
meridien_mobile_final.zip
Using Dreamweaver CC, you can create native mobile applications with jQuery Mobile web pages
and then use PhoneGap Build to package the applications for various mobile platforms.
In this tutorial, you’ll create a mobile application that display restaurants based on a type of cuisine
and identify the location of a restaurant on a map. You’ll also learn how to package this application
in a format that can be used on multiple mobile platforms.
Note: If you are stuck at any point in the tutorial, open the index.html page from the sample files,
and look at the code.
The main steps in creating and packaging the mobile application are:
Create a jQuery Mobile web page using the jQuery Mobile option in the Dreamweaver CC
Insert panel
The jQuery Mobile framework is a JavaScript framework that enables you to quickly build websites
and applications for mobile devices. This framework works on the vast majority of all modern
desktop, smartphone, tablet, and e-reader platforms.
Use jQuery Mobile themes and the jQuery Mobile Swatches panel in Dreamweaver CC to
customize the look and feel of your application
Use PhoneGap APIs to access native features of mobile devices—in this case to point to the
location of a restaurant on a map.
PhoneGap exposes APIs to make use of device features such as the accelerometer, contacts, and
more.
Package the application using PhoneGap Build for use on various mobile platforms
PhoneGap Build lets you build packages for platforms you’re targeting using the most up-to-date
SDK. You can package mobile applications using PhoneGap Build without having to maintain