Synapseindia Complaints View-

Based Application Development

Lecture 1
1
Flows of Lecture 1
Introduction to the Game to be developed in this
workshop

Comparison between Console Programming and
GUI Programming

iPhone View-based Application Architecture

Introduction to development tools Xcode and
Interface Builder

2
Flows of Lecture 1
Introduction to the Game to be developed in this
workshop

Comparison between Console Programming and
GUI Programming

iPhone View-based Application Architecture

Introduction to development tools Xcode and
Interface Builder

3
Introduction to the Game
4
Name: BallShooting Game

Objective:
Shoots a specific number of targets shown on the current
window within a certain time limit
There are several target types

Screen Shot: See the Next Slide.

Screen Shot of the Game
5
BallShooting Game Breakdown
6
INPUT PROCESS OUTPUT
Through UI
Component
s, e.g.,
Buttons
Touch on
Screen
Tilt Device
Static UI
Components
e.g., description
labels
Action/Even
t Handling
Collision
Detection
Game End
Condition
Update UI
Component
Status -
Continuous
Dynamic UI
Components , e.g.,
the score label
One time update
Update UI
Component
Status One
time
Creating
new UI
components
Dynamic UI
Components, e.g.,
the balloon
Continuous update
Flows of Lecture 1
Introduction to the Game to be developed in this
workshop

Comparison between Console Programming and
GUI Programming

iPhone View-based Application Architecture

Introduction to development tools Xcode and
Interface Builder

7
Console programming Single
Execution Flow
8
Sequential flow of
console application:
Input from user
Output result
Input from user
Output result
Input from user
Output result
..



Boring black and white
interface
GUI (graphical user interface) programming
Multiple Execution Flows
9
Multiple user inputs
Multiple media outputs
Multiple flows
of GUI application
Console programming vs. GUI programming
Development issues
10
Console programming:
write the code
compile it
run and debug it

GUI programming:
also need to design the
interface (i.e., screen
layout of the
application) with the
help of an interface
builder
work on code and
interface alternately
(similar to building web
pages)

More on GUI Programming
You can draw your interface using Interface
Builder
In Interface Builder, you can also specify a
name for referring to a particular image in the
codes
E.g. we use userImage to represent the
shooter on the interface
When you want to put an image in another
position, you can specify a new location
inside the program codes

Flows of Lecture 1
Introduction to the Game to be developed in this
workshop

Comparison between Console Programming and
GUI Programming

iPhone View-based Application Architecture

Introduction to development tools Xcode and
Interface Builder

12
View based application project
BallShooting
13
Main
BallShootingViewController
App Delegate
Main Window
14
main
App
Delegate
View Controller
Screen view
Main Window
View-based Application Architecture
View
Controller
15
main
App
Delegate
View Controller
Screen view
Main Window
View-based Application Architecture - Main
View
Controller
Represent as a file
main.m

Acts like that of main
function in C/C++ program
which will be the first place
to call during the program
starts

Invoke App Delegate