You are here: Home / Training Courses / Mobile / Creating Mobile Apps with Dreamweaver & jQuery Mobile

Creating Mobile Apps with Dreamweaver & jQuery Mobile

This two-day hands-on training course provides the knowledge necessary to develop applications that run in web browsers on mobile devices.

The workshop also shows how these web designed applications can be configured to run as web based, Android, iPhone & iPad apps.

Essentials

Course Information

In this course students learn about the requirements for creating text, images and video content which will be available to smartphone and tablet users across different devices and operating systems. Creating templates for reuse and testing of mobile applications is also covered.

Duration

2 Days

Cost

£595 +VAT

Schedule

Course Dates

Prerequisites

Before taking this course, students should be familiar with the basic functions of their computer’s operating system.

Additional Notes

Courses can be run on Windows and Macintosh platforms and tailored to meet customers’ requirements.

Courses run in Edinburgh and at client sites in Glasgow, Scotland and throughout the UK.

Exams

NA

Course Outline

Creating Mobile Apps with Dreamweaver & jQuery Mobile

Introduction

  • The current mobile market
  • Comparing mobile software technologies
  • Examples of mobile browser based applications
  • Mobile web apps vs native apps

Planning a Mobile Application

  • Viewing area and orientation
  • Adapting to differing screen sizes
  • File formats
  • Navigation guidelines

Tools for Creating Mobile Applications

  • Creating mobile web pages with Dreamweaver
  • Multi-screen view
  • Media Queries
  • Additional utilities

Mobile Device Templates

  • Templates
  • Using HTML
  • Using Cascading Style Sheets
  • Utilising JavaScript

Testing Browser Based Applications

  • Adobe Device Central
  • Testing websites
  • Working with device emulators

Deploying Mobile Browser Applications

  • Strategies on deployment
  • Making content available to users
  • Updating content

jQuery Mobile

  • Introduction to jQuery Mobile
  • Understanding the framework
  • Using Dreamweaver jQuery Mobile Objects
  • Working with the code

Developing Mobile Applications Lab

  • In this lab students will design, build, test and deploy a mobile application
  • Adobe Dreamweaver CS5.5 is utilised with the jQuery Mobile framework to develop a web based mobile application
  • Utilising the appropriate SDK this application will be compiled into a smartphone app demonstrating how the Android/iOS SDK is integrated with PhoneGap
  • An Android app will be developed and deployed to an Android device for testing
  • PLEASE NOTE: Due to technical requirements (iPhone/iPad, iTunes, Mac OSX and a developer provisioning certificate) the creation of an iPhone app will be demonstrated

Hints, Tips and Resources

  • Working with tablet devices
  • App stores
  • Resources