background preloader

Mobile apps

Facebook Twitter

Home. Sample App using the PhoneGap Database API. This is the third version of my Employee Directory application.

Sample App using the PhoneGap Database API

The jQuery Mobile and the Mobile jQuery without jQuery Mobile versions both used JSON services to get data from a remote server. In this version, the application gets data from a local database using the PhoneGap database API. As a result, this version can work offline which is probably what you would expect for this type of application.

Source code You can download the source code here. The database is created when you start your application.

Aplicaciones moviles

Simple Offline Data Synchronization for Mobile Web and PhoneGap Applications. Being able to work offline is an expected feature of mobile applications.

Simple Offline Data Synchronization for Mobile Web and PhoneGap Applications

For data-driven applications, it means that you — the developer — will have to store (a subset of) your application data locally, and implement a data synchronization mechanism that keeps your local and server data in sync. In this article, I describe a simple data synchronization strategy that uses the device’s (or browser’s) SQLite database. The implementation currently leverages the Web SQL API (even though the W3C is no longer actively maintaining the spec) because both iOS and Android support it, but they don’t support IndexedDB, the official alternative.

However, the API described below — getLastSync(), getChanges(), applyChanges() — defines a generic synchronization contract, and the solution can be expanded and made “pluggable”: You could create different synchronization objects, each providing a different implementation of these methods. Try it in the Playground Server API. How to make ebooks apps for the Apple iPad and iPhone. Writers Forum Magazine, June 2010This article has been extended online.

How to make ebooks apps for the Apple iPad and iPhone

Ebook applications now outnumber games in Apple's iTunes store. Apache Cordova. Building Mobile Apps with HTML and a Local Database. After my recent post, Crafting Native Looking iOS Apps with HTML, a number of you asked for an offline version that would use a Local Database (instead of the simple in-memory store) and provide a mechanism to automatically keep the local database in sync with a server database.

Building Mobile Apps with HTML and a Local Database

I’ll save automatic data synchronization strategies for a future post, but here is the first step: an “offline” version of the application that uses the device’s or the browser’s local database as its data provider. This version still uses Backbone.js as its architectural framework. Backbone.js makes it easy to change its default data access mechanism (which assumes RESTful services). You just replace the default Backbone.sync implementation and provide your own data access logic: in this case, some local SQL logic.

Example of PhoneGap's Database Support. Folks who have used Adobe AIR before already know (or hopefully know) about it's cool, built-in database support.

Example of PhoneGap's Database Support

Any AIR application (whether written in Flex or HTML - you do remember you can do AIR with HTML, right?) Can make use of an embedded SQLite database. This is incredibly useful for applications and pretty darn easy to use as well. PhoneGap also has built in support for SQLite via their storage support. In this blog entry I'll walk you through a sample application I've created that makes use of the feature. First - it is important to carefully read PhoneGap's storage documentation. Adding Database Synchronization to Your PhoneGap Project. For the past few days I've been working on a proof of concept PhoneGap application that demonstrates an example of database synchronization.

Adding Database Synchronization to Your PhoneGap Project

This is a fairly complex topic and I'm only going to demonstrate one version of this, but I hope the concepts, code, and example application are useful to people hoping to tackle the same problem. Before we start digging into code, let me explain what the application will demonstrate and the type of synchronization it will use.

PhoneGap apps powered by Database.com. In this article we will explore the creation of mobile applications built using PhoneGap, with all data served and persisted using Database.com.

PhoneGap apps powered by Database.com

Before we dive deeper into the technical details, let's review the terminology. PhoneGap is a free and open source technology that enables developers to create natively installed mobile applications on multiple platforms using traditionally web-based technologies. The best way to think of PhoneGap is a web view that takes up the device's full width and height. Within the web view, you build your application interface using HTML, CSS, and JavaScript. Figure 1. The application's web view is based upon the native web view of the operating system, essentially the same as the standard web browser – minus the window chrome. PhoneGap provides a JavaScript-to-native bridge. Figure 2.

PHONE GAP

The cloud based mobile app builder for the web, iOS and Android. Mobile HTML5. HTML5 App Development Tools. Build Apps for Any Device with Sencha. Jo HTML5 Mobile App Framework. JavaScript mobile development framework for HTML5 mobile web apps. Support. A wide range of options.

Support

Whether you need the kind of support provided by ongoing access to Sencha engineers or just ad-hoc help with a problem every now and then, we’ve got you covered. From training and Professional Services to paid support subscriptions to our knowledgeable and enthusiastic Sencha community, there’s not a problem that can’t be solved. Get help from peers and assist others through Sencha community resources: Purchase Options Sencha Training For all of our products we offer comprehensive training with the flexibility to meet the needs of both beginners and experienced developers.

See Training Courses Free Upgrade to Next Major Release The right to obtain all major and minor versions for one year. While many companies charge extra for maintenance, at Sencha your paid support subscription includes all major and minor versions of the products you cover for one full year. Premium Forum Access With access to our Premium Forums, your problems are our priority.

Faster Response Time. Building Your First PHP-Based Mobile Application. In Flash Builder 4.5 for PHP select File | New | Flex Mobile and PHP Project to create a new Flex Mobile and PHP project.

Building Your First PHP-Based Mobile Application

Figure 5: Create PHP Project dialog Call the PHP project PHPMobileService and be sure to set the appropriate web root and root URL for a local application server, and validate the configuration (see figure 5). Example server settings: Web Root: /usr/local/zend/apache2/htdocs Root URL: Output folder: bin-debug (see figure 6).