background preloader

Tutorial: Developing a PhoneGap Application

Tutorial: Developing a PhoneGap Application
In this tutorial, you create a fully functional employee directory application with PhoneGap. You will learn: How to use different local data storage strategies.How to use several PhoneGap APIs such as Geolocation, Contacts, and Camera.How to handle specific mobile problems such as touch events, scrolling, styling, page transitions, etc.How to build an application using a single page architecture and HTML templates.How to build (compile and package) an application for 6 platforms using PhoneGap Build. To complete this tutorial, all you need is a code editor, a modern browser, and a connection to the Internet. A working knowledge of HTML and JavaScript is assumed, but you don’t need to be a JavaScript guru. Setting Up Download the assets for the workshop here.Unzip the file anywhere on your file system.If your code editor allows you to “open a directory”, open the phonegap-workshop-master directory. Step-by-step solution files are also available here. Part 1: Choosing a Local Storage Option

PhoneGap Tutorial PhoneGap is a software development framework by Adobe System, which is used to develop mobile applications. To develop apps using PhoneGap, the developer does not require to have knowledge of mobile programming language but only web-development languages like, HTML, CSS, and JScript. PhoneGap produces apps for all popular mobile OS platforms such as iOS, Android, BlackBerry, and Windows Mobile OS etc. In this tutorial we will focus on developing App for Android platform. This tutorial will give you adequate information about how to produce apps quickly using PhoneGap services. Programmers who want their website to be available on app either offline or online, may take advantage of this tutorial. It is mandatory that you have knowledge of HTML, CSS and JScript to create website that you might want to put on App.

PhoneGap Build : Githubを使って最初のアプリをビルド | MUSHIKAGO APPS MEMO およそ1年前に「Adobe PhoneGap Build とりあえずどんなものか」を書きましたが、ページデザインもだいぶ変わり、できる事も変わってきました。その記事では、Dreamweaverを使ってPhoneGap Buildを利用する方法を紹介していましたが、ここでは、GitHubを使って最初の最初のアプリを作るところをやってみようと思います。 GitHubのセットアップについては、「Titanium StudioとGitHubをセットアップする」を、GitHub.comでのフォークについては「Titanium : GitHub上のプロジェクトをForkして開く」でも少し触れていますのでご参考に。 PhoneGap Buildを利用するには PhoneGap BuildはAdobeのサービスです。ローカル環境にインストールするようなツール製品ではありません。 GitHub.comのレポジトリにあるコードをそのままコンパイルする事ができるため、GitHub for Macを使ってコードを管理するととても便利なのです。 無償プランと有償プラン 1年ほど前の記事ですが、現在も変わってないと信じるとしたら、このADC記事の「PhoneGap Buildの使い方」の「PhoneGap Buildのサービス内容」のところが見やすいですね。 また、月額1000円でPhoneGap Buildのサブスクリプションを購入する事もできるようです。 もちろん、Creative Cloudの有償プランに入ってる人は、PhoneGap Buildも有償プランの方で利用できます。 GitHubのレポジトリを利用した最初のアプリ作成 まず、GitHubのアカウントは作っておきましょう。 これでGitHubのレポジトリをソースとして、PhoneGap Buildでアプリを作成する環境が整いました。 最初のアプリをビルドしてみる。 それでは、準備が整ったのでドキュメントにある「Getting Started」をやってみましょう。 GtiHubレポジトリのフォークについては、製品は違いますが「Titanium : GitHub上のプロジェクトをForkして開く」の中でも少し触れていますのでご参考に。 GitHubにログインしている状態で、PhoneGap Hello World app. コードを修正する 大変お疲れ様でした。

Related: