synapseindia complaints view-based application development

8/10/2019 Synapseindia Complaints View-Based Application Development

1/15

Synapseindia Complaints View-

Based Application DevelopmentLecture 1

1


2/15


3/15

Flows of Lecture 1

Introduction to the Game to be developed in thisworkshop

Comparison between Console Programming and

GUI Programming

iPhone View-based Application Architecture

Introduction to development tools Xcode andInterface Builder

3


4/15

Introduction to the Game

4

Name: BallShooting Game

Objective: Shoots a specific number of targets shown on the current

window within a certain time limitThere are several target types

Screen Shot: See the Next Slide.


5/15

Screen Shot of the Game

5


6/15

BallShooting Game Breakdown

6

INPUT PROCESS OUTPUT

Through UIComponent

s, e.g.,Buttons

Touch onScreen

Tilt Device

Static UIComponents

e.g., descriptionlabels

Action/Even

t Handling

CollisionDetection

Game EndCondition

Update UIComponent

Status -Continuous

Dynamic UIComponents , e.g.,

the score label

One time update

Update UIComponent

Status Onetime

Creatingnew UI

components

Dynamic UIComponents, e.g.,

the balloon Continuous update


7/15

Flows of Lecture 1



GUI Programming



7


8/15

Console programming SingleExecution Flow

8

Sequential flow ofconsole application:Input from user

Output resultInput from userOutput resultInput from userOutput result..

Boring black and whiteinterface


9/15

GUI (graphical user interface) programming Multiple Execution Flows

9

Multiple user inputs

Multiple media outputsMultiple flows

of GUI application


10/15

Console programming vs. GUI programming Development issues

10

Console programming:write the codecompile itrun and debug it

GUI programming:also need to design theinterface (i.e., screenlayout of the

application) with thehelp of an interfacebuilderwork on code andinterface alternately

(similar to building weba es


11/15

More on GUI Programming

You can draw your interface using InterfaceBuilderIn Interface Builder, you can also specify aname for referring to a particular image in thecodes

E.g. we use userImage to represent theshooter on the interface

When you want to put an image in anotherposition, you can specify a new locationinside the program codes


12/15

Flows of Lecture 1



GUI Programming



12


13/15

View based application project BallShooting

13

Main

allShootingViewController

App Delegate

Main Window


14/15

14

main

AppDelegate

View ControllerScreen view

Main Window

View-based Application Architecture

ViewController


15/15

15

main

AppDelegate

View ControllerScreen view

Main Window

View-based Application Architecture - Main

ViewController

Represent as a filemain.m

Acts like that of main

function in C/C++ programwhich will be the first placeto call during the programstarts

Invoke App Delegate

synapseindia complaints view-based application development

Documents