1. Trang chủ
  2. » Công Nghệ Thông Tin

apress beginning phonegap, mobile web framework for javascript and html5 (2012)

346 591 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

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

Ngày đăng: 21/03/2014, 11:47

TỪ KHÓA LIÊN QUAN