Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 346 trang
THÔNG TIN TÀI LIỆU
Cấu trúc
Cover
Contents at a Glance
Contents
About the Authors
About the Technical Reviewers
Acknowledgments
Introduction
Understanding Cross-Platform Mobile Application Development
Types of Mobile Applications
Understanding Web Services
Overview of Mobile Applications
Mobile Application Features
User Interaction
Location Awareness
Push Notification
Challenges in Cross-Platform Mobile Application Development
OS Fragmentation
Multiple Teams/Products
Consistent User Experience
Feature Fragmentation
Development Environment Fragmentation
PhoneGap’s Strategy for Cross-Platform Mobile Application
Browser Component As the Common Platform
Mobile Application Webviews
Native Hooks to Expose Device Capabilities
HTML5 and CSS3: The Standards for Writing Applications
Single Origin Policy Not Applicable
Conclusion
Getting Started with PhoneGap
PhoneGap Architecture
Setting up an Environment on the Android
Required Installations for PhoneGap Android Project
Create a New Project
Write the HelloWorld Application
Deploy to Simulator
Deploy to the Device
Exploring PhoneGap Features
PhoneGap Tutorials
Emulator Examples
Device Examples
Setting the Environment
Local Development Environment
Prerequisite Steps
Download PhoneGap
Setting Environment for iOS Using Xcode 4
Setting Environment for BlackBerry
Setting Environment for Symbian
Setting Environment for webOS
Cloud Build Environment Using PhoneGap Build
Registering with PhoneGap Build
Registering Your Application with PhoneGap Build
Setting Up Android Build Environment
Setting Up iOS Build Environment
Setting Up BlackBerry Build Environment
Launching PhoneGap Build
Conclusion
Using PhoneGap with jQuery Mobile
Getting Acquainted with jQuery
jQuery Initialization
jQuery Selectors
jQuery DOM Manipulation
jQuery Ajax Calls
Getting Acquainted with jQueryMobile
Including jQueryMobile in Mobile App
jQueryMobile Declarative UI
Pages and Dialogs
Toolbars and Buttons
Form Elements
List Views
jQueryMobile Event Handling
Normal Events
Touch Events
Orientation Change Events
Scroll Events
Page Events
PhoneGap jQueryMobile Integration
Local Search Using jQueryMobile and PhoneGap
Bootstrapping PhoneGap and jQuery
Installing Necessary JavaScript Libraries
Layout of Local Search
Searching for a Local Business
Overall Layout in HTML
Fetching and Showing the Search Results
Showing Details of a Place/Business
Adding and Removing a Place/Business to Favorite
Loading Your Favorite Places
Showing Search Result on a Map
Complete Source Code
Pros of jQueryMobile
Cons of jQueryMobile
Conclusion
Using PhoneGap with Sencha Touch
Why Use Sencha Touch?
Pros of Sencha Touch
Cons of Sencha Touch
Downloading Sencha Touch
Integrating Sencha with PhoneGap
Building a Local Search Application Using Sencha Touch
Initializing Sencha Touch
Creating the Layout (Application Skeleton)
Switching Between Panels
Fetching the Places Listing
Fetching Places Details
Storing and Retrieving Favorites from Database
Conclusion
Using PhoneGap with GWT
Why Use GWT for User Interface Development?
Getting Acquainted with the GWT PhoneGap
Building a PhoneGap GWT Application
Build the GWT Application
Build a PhoneGap Android Application
GWT PhoneGap Reference
PhoneGap Emulator and Remote Debugging
Introduction
PhoneGap Emulator for Chrome – Using Ripple
Installing Ripple
Using Chrome Effectively for PhoneGap
Using Ripple
Tune Your App for Ripple
Start Chrome with Special Flags
Load App in Chrome
Enable Ripple
Play with Ripple Settings
Test Application with Ripple
Remote Debugging – http://debug.phonegap.com
Setting up Remote Debugging
Injecting Remote Debugging in the PhoneGap App
Debugging and Modifying the DOM Element
Issues with debug.phonegap.com
Installing Local debug.phonegap.com
Conclusion
Using PhoneGap Plug-Ins
What Is PhoneGap Plug-In?
Facebook Authentication and Fetching Friends
Setting Environment for Android
Initializing Facebook-Connect Plug-In
C2DM Plug-In for Mobile Push Notification to PhoneGap
Setting Environment for Android
Modifying Plug-In for PhoneGap-1.1.0
Signup for C2DM Service
Using C2DM Sender Account in PhoneGap
Android Simulator for C2DM-Enabled Service
Conclusion
Extending PhoneGap
JavaScript Limitations
Solution
Architecture
Scope
Extending PhoneGap for Android
Declaring the Native Part of the Plug-In
Declaring the JavaScript Part of the Plug-In
Calling the Plug-In
Sharing the Android PhoneGap Plug-In
Extending PhoneGap for iPhone
Declaring the Native Part of the Plug-In
Declaring the JavaScript Part of the Plug-In
Calling the Plug-In
Sharing the iPhone PhoneGap Plug-In
Extending PhoneGap for BlackBerry
Declaring the Native Part of the Plug-In
Declaring the JavaScript Part of the Plug-In
Calling the Plug-In
Sharing the BlackBerry PhoneGap Plug-In
Conclusion
Index
A
B
C
D
E
F
G
H
I
J, K
L
M, N
O
P, Q
R
S, T, U
V, W, X, Y, Z
Nội dung
[...]... Eclipse, and supports almost all features of PhoneGap You will need to download and install the following prerequisites for Android: 1 JDK 1.6+ 2 Eclipse 3.4 to 3.6 3 Android SDK with an Android 2.2 platform 4 Android ADT plugin for Eclipse 5 Android AVD for Android 2.2 6 PhoneGap SDK 1.1.0 for Android Since Android is programmed in Java, we need JDK 1.6+ and Eclipse 3.4+ We will then install Android... adhere to newer standards like HTML5/ CSS3 This adds more features to the browser world and lessens the fragmentation across mobile platforms (see Figure 1–11) Figure 1–11 Mobile browser CHAPTER 1: Understanding Cross-Platform Mobile Application Development Let’s look at Table 1–2, which lists mobile platforms and their corresponding browser platforms As you can see, all mobile platforms except the Windows... lines of JavaScript code This makes PhoneGap an ideal platform for creating mobile applications for the web services listed on programmableweb.com The restrictions are illustrated in Figure 1–13: 15 16 CHAPTER 1: Understanding Cross-Platform Mobile Application Development Figure 1–13 Single origin policy Conclusion PhoneGap uses HTML5, JavaScript, and CSS3 to develop mobile applications These are standard... cross-browser JavaScript frameworks like jquery, YUI, and Google Web Toolkit Mobile OS fragmentation is the worst and most diverse fragmentation of all This adds a sizable technical challenge to launching mobile applications on all mobile platforms CHAPTER 1: Understanding Cross-Platform Mobile Application Development Multiple Teams/Products If we choose to build a mobile application for each platform using... the webview The JavaScript code in the webview invokes this code to gain access to the GPS coordinates Once the code gains access to the GPS coordinates, it centers the map accordingly This is the main principle behind the PhoneGap framework CHAPTER 1: Understanding Cross-Platform Mobile Application Development HTML5 and CSS3: The Standards for Writing Applications HTML5 and CSS3 are emerging web. .. will then install Android SDK The Android SDK is a generic SDK and does not come with support for any platform A platform is an OS version, for example 2.2 Froyo, 2.3 Ginger Bread, and 3.0 Honeycomb These platforms need to be downloaded in order to create, build, and run Android projects This plugin is called the Android ADT Plugin Once the Eclipse, Android SDK, and Android ADT (Eclipse Plugin) are... Instructions for Linux Download the archie android-dk_r11-linux_x86.tgz archive and extract it to a folder Instruction for Mac OSX Intel Download the archive android-sdk_r11-mac_x86.zip file and extract it to folder This Android SDK can support all Android platforms that have been released so far These platforms include the Android 1.1 platform to the recent Android 3.0 (Honeycomb) platform Since nobody... platforms, the Android SDK comes with no platform preinstalled For this book, we will focus only on the SDK platforms: Android 2.2, API 8, and revision 3 Since there are no platforms preinstalled, the next step is to install the platforms you are interested in Go to the Android SDK location (in our case c:\android_sdk), and open an 21 22 CHAPTER 2: Getting Started with PhoneGap executable named Android... the Android 2.2 Platform 1 Open Eclipse and create a workspace for the Android PhoneGap The next step is to create an emulator for Android Since Android comes with many platform versions, we have to create an Android Virtual Device (AVD) for each platform that is targeted In Figure 2–7, you will see your eclipse as depicted in the screen Please note that the Android emulator runs an Android Virtual Device... . framework.
CHAPTER 1: Understanding Cross-Platform Mobile Application Development
15
HTML5 and CSS3: The Standards for Writing Applications
HTML5 and. mobile applications for multiple platforms either
have their own web services or rely on other web services. While PhoneGap can work
for standalone mobile