Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
From the author of Step 3: Build and Emulate the App

Step 3: Build and Emulate the App

The native application settings you defined in the previous set of steps are used to build apps for Android, iPhone, or iPad.

You generate these apps one at a time, and then open them in emulators that were installed as part of the process of installing the SDKs for Android and iOS.

This is really a one-step process. Choose Site > Mobile Applications > Build and Emulate, and select an available output (see Figure 7). After the app is built, a dialog appears, displaying the path to your application, as shown in Figure 8. Use the emulator to test your app. Click and drag with your mouse to simulate how users will navigate their touchscreens.

You can use this same "one-step" process to build (and emulate) additional apps in other formats.

Figure 7 Testing an app in an emulator.

The complete workflow is that you build the HTML5 page in Dreamweaver CS5.5, and then build and emulate the app. You test and troubleshoot the app in the emulator. Then, when you've identified issues that need to be corrected, you revise the HTML (or jQuery Mobile elements), and rebuild the app.

Figure 8 Testing an app in an emulator.

  • + Share This
  • 🔖 Save To Your Account