iPhone App Dev Tools

iPhone Application
Development
William Taysom
2009 April 22

January 9, 2007

Introduced in 2007.

30 Million Sold

30 Million Sold.

• 480×320 display
• 163ppi (50% more than your MacBook)
• 8GB, 16GB, even 32GB of Storage

Large display, high resolution, gigabyes of
storage, ...

• Speaker
• Mic
• Headphone

...a speaker, mic,
headphone, ...

• Camera
• Wireless
• GPS

...camera, wireless,
GPS, ...

• Accelerometer
• Ambient Light Sensor
• Proximity Sensor

...accelerometer, light sensor, proximity
sensor, ...

• And it’s a Phone.

...and itʼs a phone.
But thatʼs not why weʼre here.

This is why weʼre here.
25,000 Apps.

You want some.

You want some.

I will show you how.

I will show you how.

iPhone application development has four aspects:
• Your relationship with Apple,
• the iPhone developer tools,
• the iPhone Platform, and
• the Objective-C programming language.

Letʼs talk about your relationship with Apple.

• Apple makes the device.
• Apple provides the tools.
• Apple approves your apps.

Apple makes the device.
Apple provides the tools.
Apple approves your apps.

• You will have a relationship with Apple.

You will have a relationship with Apple.
Your relationship is mediated by three web sites:

iPhone Dev Center

...the iPhone Dev
Center, ...

iPhone Developer
Program Portal

...the iPhone Developer Program
Portal, ...

iTunes Connect

...and iTunes Connect.

This chart summarizes the iPhone development process from signing up with the Dev Center
• to seeing your app on the AppStore.

iPhone Dev Center

Letʼs check it
out.

This is where you download the SDK, ...

...and is one place where you can read
documention.

With the SDK, you are ready to develop your app.
In the mean time, ...

...you should sign up for the iPhone Developer
Program.

From the iPhone Dev Cenver,
• you learn more about the Developer Program.

“iPhone Developer Program: The fastest path from code to customer.”
The Program isnʼt just the fastest path: itʼs the only path.
To put your App on a device or on the store, you need to join the program.

After signing up, you need to be approved.
With the Standard program, you sign up as an individual or as a corporation.
We signed up as a corporation. We needed to fax Apple a copy of our Articles of Incorporation.
Then they called us for conﬁrmation.
Then we needed to call them again after they sent us the wrong form email.
• In total, the process took us about a month.

Once approved,
• you visit the Program Portal.

iPhone Developer
Program Portal

The portal provides you with provisioning proﬁles.

A provisioning proﬁle allows you to sign apps.
A signature gives you permission to test an app on a device or to prepare an app for distribution.

iPhone Development
Certiﬁcate

App ID

Unique Device ID

You need to collect three things in order to generate a provisioning
proﬁle:

iPhone Development
who
Certificate

App ID

Unique Device ID

An iPhone Development Certificate tells who will use the profile.

iPhone Development
who
Certiﬁcate

App ID what

Unique Device ID

An app ID identiﬁes what app the person is working
on.

iPhone Development
who
Certiﬁcate

App ID what

Unique Device ID where

A unique device ID determines where the app will be used, which device or the
store.

It's a bit like the game Cleudo: who done it, where, and with what
weapon.

While youʼre preparing your
app, ...

...you should visit iTunes Connect. iTunes Connect is...

iTunes Connect

...your backdoor enterance into the iTunes
Store.

From iTunes Connect,
• you ﬁll out a paid applications contact so that you can sell your app on the store.
You need to provide Apple with your bank and tax info.
They need to verify it. The turnaround can be a few days or weeks.

While youʼre waiting for your contract, you can upload your app and its accompanying
artwork.

At this point, you are waiting for your contract and for app approval.
Though people have been stuck waiting,
my ﬁrst app was approved within 24 hours.
Since then, Iʼve always received feedback within a few days.

Start by signing up with iPhone Dev Center.
Download the SDK. Work on your app.

Sign up for the iPhone Developer
program.

Go through the approval
process.

Gather info for the program portal.
• Fill out the paid applications contract from iTunes Connect.
Submit your app.
• Wait for approval.

Enjoy the fruits of your
labor.

That is your relationship with Apple.

Letʼs talk about tools.
The iPhone SDK includes everything you need for iPhone (and Mac) development.

We will use four tools:
• Xcode
• The iPhone Simulator
• Interface Builder
• Instruments

Xcode is Apple's integrated development environment. We will spend most of our time in
it.

Xcode is a front end for command-line utilities:
• compiling with gcc,
• linking with ld,
• debugging with gdb, and
• version control (also called source code management): svn, cvs, or Perforce.

• compling ↣ gcc


• linking ↣ ld


• linking ↣ ld
• debugging ↣ gdb


• linking ↣ ld
• debugging ↣ gdb
• SCM ↣ svn, cvs, Perforce


Window Types

Xcode has many types of windows:

Documentation

...documentation, ..
.

Console

...debugging
console, ...

Debugger

...debugger, ..
.

Project

...the project window (Xcodeʼs main
window), ...

Organizer

...an organizer for your
iPhone, ...

SCM

...and source code
managment.

We will see all of these windows before weʼre done with Xcode.

The iPhone Simulator is great for everyday testing and
debugging.

Looks just like the real thing in
portrait...

Thatʼs the gist of the
simulator.

Interface Builder helps you layout the views for your
app.

These are your primary IB
windows.

Main Window

The main window shows all of the objects in your interface builder
document.

View Window

The view window is where you layout the subviews of a view.

Attribute Inspector

The inspector allows you to edit properties of your objects.
Here we see the visual attributes of a slider.

Connections Inspector

And here we see connections between the slider and other
objects.

Interface Builder can remove the guesswork of in-code layout.
But be warned. IB can trip you up due to limitations and bugs.

Instruments is used for proﬁling
and, ...

...most importantly, itʼs used in checking for memory
leaks.

We will have some good runs with Instruments over the next few
days.

These are tools which weʼll be using.
However, the SDK offers many more.

...and Dashcode.
Before native iPhone apps were an option, Dashcode was created to make iPhone speciﬁc Web Applications.

Hereʼs Dashcode.
If it turns out that native development wonʼt work well for you
or if you have stronger experience with web development, ...

...I recommend that you look into
Dashcode.

Xcode, iPhone Simulator, Interface Builder,
Instruments...

...these are the tools that weʼll be
using.

Turn your attention to the iPhone
platform.

The iPhone OS provides several layers of services.
Services on higher layers abstract away details from services on lower layers.
Services on lower layers provide more ﬂexibility as well as more inconvenience and tedium.
Letʼs start at the bottom.

Just like Mac OS X, the iPhone is built on the Mach UNIX kernel.
Core OS exposes common UNIX libraries.

Core OS

POSIX threads for in shared state multithreaded concurrency.
• BSD sockets for low level TCP and UDP networking.
• Standard C libraries including stdio, stdlib, and the rest.

Core OS

• POSIX Threads ↣ Concurrency


Core OS

• BSD Sockets ↣ TCP & UDP Networking


Core OS

• BSD Sockets ↣ TCP & UDP Networking
• <stdio.h> <stdlib.h> ...the rest


Core services include OS X speciﬁc libraries as well as popular, relatively new C libraries.

Core Services

Core foundation is the plain C library which mirrors Objective-C Foundation classes.
• Core Location enables your iPhone to determine where it is.
• SQLite is for lightweight SQL databases.
• libxml2 is for heavy duty XML processing.

Core Services

• Core Foundation ↣ Foundation Mirror


Core Services

• Core Location ↣ GPS


Core Services

• SQLite ↣ SQL Database


Core Services

• SQLite ↣ SQL Database
• libxml2 ↣ XML Processing


The media layer supports 2D and 3D graphics, audio, and
video.

Media

For audio, we have Core Audio and OpenAL.
• OpenGL ES is geared toward 3D graphics.
• Quartz, also called Core Graphics, provides 2D graphics support.
• Core Animation provides all those animated effects we see on the iPhone and the Mac
• including this presentation. •

Media

• Core Audio & OpenAL ↣ Audio


Media

• OpenGL ES ↣ 3D Graphics


Media

• Quartz (Core Graphics) ↣ 2D Graphics


Media

• Quartz (Core Graphics) ↣ 2D Graphics
• Core Animation ↣ Animated Effects


Cocoa Touch contains the Objective-C frameworks you use to build your application.

Foundation

Foundation is the essential Objective-C framework. Foundation contains:
• NSObject, the root of the Objective-C class hierarchy,
• Data type wrappers,
• Collections,
• Local ﬁlesystem access,
• HTTP requests, and much more.

Foundation
• NSObject

• Collections,

Foundation
• NSObject
• NSString, NSNumber, NSNull

• Collections,

Foundation
• NSObject
• NSArray, NSDictionary, NSSet

• Collections,

Foundation
• NSObject
• NSFileManager, NSFileHandle

• Collections,

Foundation
• NSObject
• NSFileManager, NSFileHandle
• NSURL, NSURLRequest, NSURLResponse
• Collections,

CocoaAsyncSocket

For TCP and UDP networking, nothing beats CocoaAsyncSocket.
Though not part of the iPhone SDK, CocoaAsyncSocket is such an valuable networking library
that I can't help but mention it.

UIKit

UIKit contains all the standard views and controllers which make up your application.
• From the time the user taps the application icon to the moment when application execution terminates, UIKit
is in charge.

UIKit handles the main event loop and calls you when it expects a response.
How does it work?

How does the touch screen interface relate to the source code
implementation?

Consider the clock application.

UIKit uses windows and views to ﬁll the screen.

The OS has a window with the status bar on the top.
The application window ﬁlls the rest of the screen below it.

The window contains the main view for the application.

The view has a tab bar at the bottom
and another view for the World Clock.

The World clock has a navigation bar on top.
A table view ﬁlls the rest.

The cell contains four labels and a special clock face.
This is how the Clock application is divided into views.
Each view is a UIView subclass.

Here, the views are relabed with class names.
The status bar is associated with the UIApplication class.
The window is a UIWindow.
The tab bar is a UITabBar, etc.
The cell is a UITableViewCell.
The labels are UILabels,
and the clock face is some custom UIView.

A viewʼs responsibility is to represent some piece of information or to layout some subviews.
UIKit uses controller classes to update and to keep track of views.

A UIApplicationDelegate
creates the main window,
creates the main view controller,
and places the controllerʼs view in the window.

All this happens in the applicationDidFinishLaunching: method of the UIApplicationDelegate.

UIKit has speciﬁc controllers for managing certain kinds of
views.

A UITabBarController mangages a tab bar.
It responds to touches on the bar by displaying the corresponding tab.
Each tab has a controller.

This diagram shows a UITabBarController with several view controllers.
The title of a controller provides the label for its tab bar button.
The controllerʼs tab bar item tells the tab bar controller which image to show on the tab bar button.
The selected controllerʼs view ﬁlls the space above the tab bar.

In our case, the view is associated with the controller for the World
Clock.

Since the World Clock has a navigation bar on top, its controller is a UINavigationController.
A navigation controller manages a stack of controllers whose views are pushed in from the right.
In the clock, the stack only contains one controller.

So letʼs look at the address book for a minute.
When you touch a Johnʼs name, ...

...his info slides right in.
The upper left corner provides a back button.

We have three controllers on the UINavigationContoller
stack.

At the top of the stack, in the bottom right corner of the diagram, we see Johnʼs info.
His info is pushed on top up of the All Contacts controller,
which, in turn, is pushed on top of the Groups controller.

The title of the top controller is used as the title of the navigation bar.
The view ﬁlls the space under the navigation bar.
The navigation item populates the navigation bar with other information
including custom bar buttons.

Notice that the UINavigationController is contained in the UITabBarController.

Whenever you have a tab bar controller and a navigation controller,
the tab bar should be on the outside and the navigation controller should be on the inside.
Iʼve tried it the other way. It just doesnʼt work: the controllers get very confused.

What controller manages the UITableView?

Why itʼs a UITableViewController.
The UITableViewController serves as the data source for the table view.
It tells the table how many rows there are and what cell to put in each visible row.

How does the table view controller know what to put in the table?
How does it remember the list of clocks?
The controller asks the model.
I canʼt be sure how Apple wrote the Clock app, but we can imagine what the model is like.
Since the clock only needs to keep track of a little data,
they shouldnʼt bother with SQLite databases or external property list ﬁles.

Instead, they probably store all the data in the user defaults database.
What data speciﬁcally?

Again, I canʼt be sure, but I guess they use a time zone
object.

They need to keep an array of time zones: one for each clock.
Since you can add and remove clocks, the array might be mutable.

For each tab in the app, they need to keep some data.
So I suppose they use an array for that.

Finally, they could use an index to remember which of the tabs is
selected.

Step back.
• We have our model,
• our view,
• and our controller.
• Combine them...

Model

Step back.
• our view,
• Combine them...

View Model

Step back.
• our view,
• Combine them...

View Controller Model

Step back.
• our view,
• Combine them...

Weʼll be making three apps over the next few
days.

Before starting, letʼs ﬁnish our overview.

The Cocoa Touch layer contains the primary APIs youʼll use in making apps.

Turn to other layers as needed.
Truly, ...

...the iPhone is an impressive
platform.

Objective-C is the language you use to speak to the
platform.

1981: Brad Cox

Objective-C was developed by Brad Cox in the early eighties.

1988: NeXT

In 1988 NeXT Inc. licensed Objective-
C...

NeXTstep

...for their NeXTstep operating
system.

1996: Jobs Returns

In 1996 Steve Jobs and NeXT joined Apple.

NeXTstep

NeXTstep became...

Mac OS X

...Mac OS X.
Letʼs see that again.

Mac OS X

...Mac OS X.
One more time.

Objective-C

Objective-C came along for the ride.
Since iPhone OS is a version of Mac OS X, the iPhone's programming language is Objective-C.

Design

What is Objective-C like?

Objective-C brings some Object-Oriented features from Smalltalk into
C.

Runtime

Objective-C uses a lightweight runtime library in contrast to the virtual machines of Java and .Net.
• Objects are pointers to C structures.
• Methods are C functions.
• Classes are constructed at runtime.

Runtime

• Object ↣ struct objc_object *


Runtime

• Method ↣ C Function


Runtime

• Method ↣ C Function
• Class ↣ Runtime Constructed


Syntax

Objective-C's syntax is the same as C syntax with a few
additions.

Directives

Directives are preﬁxed by the at-sign.
• These are the ones I type most often.
• These, though common, are usually typed by Xcode when you make a new class.
• Exceptions arenʼt often caught in Objective-C. They usually represent program errors.
• I rarely use any of the directives in this last group.

Directives
• @"string literal" @property @synthesize
@selector()


Directives
@selector()
• @interface @implementation @protocol
@class @end


Directives
@selector()
@class @end
• @dynamic @try @throw @catch() @ﬁnally


Directives
@selector()
@class @end
• @dynamic @try @throw @catch() @ﬁnally
• @protocol() @private @projected @public
@synchronized() @encode()


Messages

Method calls, also known as messages, use square brackets.
• Here the receiver is a variable named “string” and the method name, or selector, is “integerValue”.
• Arguments come after a colon.
• For multiple arguments, the method name is broken into parts: one for each argument.
The selector here is “stringByReplacingOccurrencesOfString:withString:”.
In Objective-C, they like descriptive method names.
• A method can take a variable number of comma-seperated arguments after its last colon.

Messages

• [string integerValue]


Messages

• [string isEqualToString:anotherString]


Messages

• [string stringByReplacingOccurrencesOfString:oneString

withString:anotherString]


Messages

• [string stringByReplacingOccurrencesOfString:oneString

withString:anotherString]

• [NSString stringWithFormat:@"%d %@", number, string]


Method Declarations

Method declarations are similar to message sends.
• A minus-sign indicates an instance method.
A plus sign would indicate a class method. The return type is placed in parenthesis.
• The type of a parameter is wrapped in parenthesis after the colon and before the parameter name.
• As with messges, the selector is split when there are multiple parameters.
• Hereʼs a class method. The comma and ellipses after the last parameter indicate that the method accepts a
variable number of arguments.

Method Declarations

• - (NSInteger)integerValue;


Method Declarations

• - (BOOL)isEqualToString:(NSString *)aString;


Method Declarations

• - (NSString *)stringByReplacingOccurrencesOfString:
(NSString *)target withString:(NSString *)replacement;


Method Declarations

• - (NSString *)stringByReplacingOccurrencesOfString:
(NSString *)target withString:(NSString *)replacement;

• + (id)stringWithFormat:(NSString *)format, ...;


Dot Syntax

• [label text]
• [label setText:string]

Historically, this is how you would get and set a propery in Objective-C.
• But that isnʼt the way itʼs usually done on the iPhone.

Dot Syntax

Historically, this is how you would get and set a propery in Objective-C.
• But that isnʼt the way itʼs usually done on the iPhone.

Dot Syntax

Instead you use a dot for getters and setters. The meaning is the same.
The compiled code is the same. Only the notation differs.

Dot Syntax

• label.text
• label.text = string

Instead you use a dot for getters and setters. The meaning is the same.
The compiled code is the same. Only the notation differs.

Fast Enumeration

for (NSString *name in names) {

...
}

Last but not least, Objective-C has a special for loop to iterate across
collections.

Thatʼs Objective-C in a too-small nutshell.
Your printed materials include a concise reference to Objective-C.
The materials also include a reference to C and the C Preprocessor.

To summarize:
• Your relationship to Apple deﬁnes the process of iPhone development.
• The SDK provides you with the tools.
• The iPhone platform provides you with capabilities.
• Objective-C provides you with the language.
• These four aspects cover everything you need in order to develop on the iPhone and get those...

The rest of the course is a tutorial in which weʼll build three
apps.

Temp

We start with a temperature converter.
• Weʼll learn all about Interface Builder,
• views and controls,
• how to use text ﬁelds,
• alert windows,
• landscape autorotation,
• and weʼll localize the app.

Temp

• alert windows,

Temp

• Views & Controls

• alert windows,

Temp


• Text Fields

• alert windows,

Temp


• Text Fields

• Alerts

• alert windows,

Temp


• Text Fields

• Alerts

• Autorotation

• alert windows,

Temp


• Text Fields

• Alerts

• Autorotation

• Localization

• alert windows,

The Elements

Our big example is a viewer for the atomic elements sorted in different ways.
• Weʼll learn all about table views,
• plists,
• view controllers,
• table view cells,
• web views,
• animation, and a whole lot more.

The Elements
• Table Views

• plists,
• web views,

The Elements
• Table Views

• Plists

• plists,
• web views,

The Elements
• Table Views

• Plists

• View Controllers

• plists,
• web views,

The Elements
• Table Views

• Plists


• Table View Cells

• plists,
• web views,

The Elements
• Table Views

• Plists



• Web Views

• plists,
• web views,

The Elements
• Table Views

• Plists



• Web Views

• Animation

• plists,
• web views,

GLGravity

As a ﬁnal treat, weʼll play with
• OpenGL ES
• and the iPhoneʼs accelerometer.

GLGravity

• OpenGL ES

• OpenGL ES

GLGravity

• OpenGL ES

• Accelerometer

• OpenGL ES

Let’s get started.

Letʼs get
started.

iPhone App Dev Tools

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (18)

Similar a iPhone App Dev Tools

Similar a iPhone App Dev Tools (20)

Último

Último (20)

iPhone App Dev Tools