Operation Manual

460
USING DREAMWEAVER
Designing for multiple screens and devices
Last updated 3/28/2012
System requirements for packaging applications
You must ensure that you meet the following system requirements before you can proceed with packaging an
application.
MAC OS - iOS
• Mac OS X Snow Leopard version 10.6.x or later
• Xcode 3.2.x with the iOS SDK (Install instructions below.)
MAC OS - Android
• Mac OS X 10.5.8 or later (x86 only)
• Android SDK (Install instructions below.)
Windows - iOS
• iOS is only available for users with an Apple computer
Windows - Android
• Windows XP (32-bit), Vista (32- or 64-bit), or Windows 7 (32- or 64-bit)
• Android SDK (Install instructions below.)
Create an application package (Windows)
For information on creating a web application, including sample files, see this tutorial on the Dreamweaver Developer
Center.
1 Open the web application that you want to convert to a mobile application. Ensure that your web application is set
up as a site in Dreamweaver, and the size of your site is smaller than 25 MB.
Note: Ensure that the application contains only HTML5, CSS, and JavaScript files.
2 Select Site > Mobile Applications > Configure Application Framework.
3 Click Easy Install to install the Android SDK.
Note: If the Easy Install fails, please see tech note 90408.
4 Select a location to install the SDK files, and click Select. After the installation is complete, click Save.
5 Select Site > Mobile Applications > Application Settings.
6 For Bundle ID, enter a name for the package using the information in the dialog box.
7 Enter a name for the application, and the name of the person who designed the application.
8 Optionally, specify the following:
a In Application Icon PNG, specify a PNG file to be used as the icon for the application. Dreamweaver resizes the
icon to the standard size if you haven’t resized it already.
b Specify a target path for the package.
c To download and install the latest SDK components from Google, click Manage AVDs. Use the Android SDK
and AVD Manager to update the Android SDK. For information on using the manager, see
http://developer.android.com/sdk/adding-components.html.
Note: When you click Save, the phonegap.js file is copied to the site root.