|
Get started with appMobi basics.
|
|
|
|
|
|
|
|
|
|
|
| Introduction to appMobi app development |
|
This section will give anyone with a working knowledge of JavaScript and HTML the knowledge to begin creating native applications for mobile devices.
It's a step-by-step guide to creating a new app, developing the app, testing on the device using appMobi test containers, and, when your app is ready, promoting it to "Production" status and building the distribution files you'll need to distribute it.
Once you’ve read through the basics, you may want to visit the API documentation of the JavaScript library used to access appMobi functionality.
|
| Your appMobi app lives in a .ZIP |
|
appMobi apps can be thought of as very small websites. appMobi has coined the term "appsite" to refer to your app.
The simplest possible appsite consists of a single file - INDEX.HTML, but most appsites will have graphics, additional HTML files, and other resources. To make it easy to handle any appsite, whether it is simple or complex, appMobi uses .ZIP files to store all the files and directory structure for an app.
To familiarize yourself with the basic structure of an appMobi app, we recommend that you go to the demo library and download the source code to any of the sample apps there. As you'll see, it's surprisingly simple to create an app with appMobi.
|
| appMobi apps need a host |
|

Your appsite in appMobi is really just a small web site - it needs to be hosted somewhere during the development stage. When your app is ready and you perform a "Build" to create a native app, the app itself will not require hosting anymore. However, if your app needs to provide updated information from a third party (such as a sports scoreboard or train schedule), you'll need to make sure that the hosts providing the data are accessible.
appMobi provides development hosting for all account types - The free plans include 10MB of storage, and the paid plans include 1GB of storage. You'll never need to worry about your account's security or uptime - appMobi's hosting is provided by the recognized leader, Amazon S3.
|
| Develop using HTML, CSS and JavaScript |
|
Unlike native app development, where you need to use a specific PC type and learn new programming languages and software tools for each platform, your appMobi development system can be anything you are comfortable using to develop HTML. You can use your choice of Mac, PC, Linux PC, running HTML and JavaScript tools that you are familiar with. Some of our favorites include DreamWeaver or TopStyle for HTML, and FireBug for JavaScript, but you're the boss - use whatever works for you.
Every appMobi app is essentially a miniature web site that is deployed directly to the target device. That mini-website must always have the following attributes:
- An index.html start page
- Every page in the mini-website should reference _appMobi/appmobi.js through a script tag.
- Every page that needs to access the device OS or hardware must verify appMobi "deviceready" by listening to the “deviceready” event.
Here's an example of how your HTML references the appMobi JavaScript library. Every page of your app that needs appMobi access should have this code.
<script type=text/javascript src=_appMobi/appmobi.js></script>
|
| Debug and testing |
|
appMobi is unique as a cross development tool because it gives you the ability to test your app directly on the device you are targeting, using a special app that we call the "test container". You will need to install the test container on any devices you wish to use for testing.
Install the test container for your devices now by navigating to http://www.appmobi.com on the web browser of your mobile device. Just click the "Demos" button and you'll be led through the install process.
Once you've installed the test container, you can debug your appMobi app on your device, by again going to http://www.appmobi.com and clicking on the "My Apps" button.
|
| Finishing your app |
|
|
When your app is complete and ready to deploy to the app store(s) of your choice, go to Developer Dashboard, select the "QA" release, and upload the final version of your app. Then click on "Promote to Production" to create the final executable files for your app.
Note that when you create the final executables, you will be required to provide a number of ancillary files, dependent on the platform you are building for.
For example, to build an iPhone version of an app, you will need to provide a 57x57 Icon that will be used for the app when it is run on the iPhone. appMobi automatically requests the appropriate files from you based on the platforms you select for building.
|
| OK, you've got the basics. What's next? |
| Now that you are a graduate of the appMobi basics class, the next thing to do is to go to the Developer Dashboard and start working with your first app. Download "Hello World" from the demo library and experiment with changing colors, font, sounds, whatever you want. When you want to see your app on your test container, just create a ZIP file and upload it into the Developer Dashboard and then test it in your test container. Click here to go to the Developer Dashboard.
|
|