This document provides instructions for building a basic native iPhone app in 30 minutes or less using the NimbleKit framework. It begins with definitions of native apps versus web apps. It then outlines the steps to create a new NimbleKit project in Xcode, add HTML, CSS, jQuery, graphics and JavaScript, run and compile the app, and publish it to the App Store or for internal enterprise use. Alternately, a native Objective-C version could be built. It concludes with a brief discussion of local versus external data storage and transactions using SQLite and Ajax.

1. Dick Pepper
How to dick.pepper@gmail.com
Build a Emergent Design Group
Native http://emergentdg.com/bcn11
iPhone
App
in 30
Minutes
or Less

2. Vocabulary
• Native Apps vs Web Apps:
The Difference
• Web Apps: HTML styled with CSS, no
compiling, available on website
• Web apps mainly run online.

3. Vocabulary
• Native Apps vs Web Apps:
The Difference
• Native Apps: Objective C, compiled with
special software, available in iTunes.
• Native apps can use device hardware
(camera, gps, accelerometer) and
software.
• Native apps can be built to run offline

4. Vocabulary
• Hybrid Apps
• Use HTML5 styled with CSS3/Webkit
• Use JavaScript instead of Objective-C
Can be submitted to app store
• Compiled within
FRAMEWORK:NimbleKit, PhoneGap,
Titanium

5. Vocabulary
• Hybrid Apps
• Can use UI frameworks like Sencha,
iWebkit, etc.
• SOME frameworks can tie in Objective-C
• IDEAL for presentation-focused apps,
content-rich apps, HTML5.
• Supports ALL WebKit features

6. Let’s Build An App
• One of the most popular ways to make
critical business and personal decisions.
• You need:
• An Apple Developers Account, configured
• Xcode with NimbleKit installed
• Latest build of JQuery
• A PNG of a Penny, both sides
• Some other icons we’ll talk about later.

7. bit.ly/app30
All Code at http://emergentdg.com/bcn11

8. Step 1: Start Xcode and Create a New
Project of NimbleKit Application
Note: Set up your iPhone Dev Account first.

9. Step 1: Start Xcode and Create a New
Project of NimbleKit Application

10. Step 2: Open main.html to edit

11. Step 3: Add JQuery, graphics, html

12. Step 4: Add CSS styles

13. Step 5: Run and Compile

14. Step 6: Add Javascript
{

15. Step 7: Publish
• App Store
• Create Archive in XCode
• Fill out forms on iTunes, upload, and wait
• Enterprise
• Create Archive, check Enterprise
• Publish on your website with special link
• Email staff and/or customers the link

16. Alternate Version with native Cocoa
{

17. Objective C version
... and 5 other files.

18. Questions?
Time Check?

19. Data and Apps
• Local or External?
• SQLite is built in.
• JQuery and Ajax help you transact from
your app to your server.
• $.post('http://abc.com/test.html',
function(data) {$('.result').html(data);});
• There are no cross-domain issues. It just
works.