MOBILE DEVELOPMENTGonzalo Parra

Katholieke Universiteit Leuven

Al-Quds University - April 12, 2011

THANKS FOR THE INVITATION!

• Computer Science Engineer

• Master of Industrial Management

• CS PhD. Student

• Mobile Technologies

• User experience (UX)

• Social Media

• Applied on: TEL & CRIS

WHO AM I?

Metadata for Architectural Contents in Europe

(attachment - I've retouched it a bit)

leaflet.indd 3 6/10/2009 18:42:44

http://bit.ly/gonzalo-parra

Source: LP33.TV

A smartphone is a mobile phone that offers more advanced computing ability and connectivity than a contemporary

feature phone.

Source: LP33.TV

Source: VisionMobile, Developer Economics 2010 and Beyond.

IPHONE & ANDROID

Source: http://juliapetit.com.br/

IPHONE VS. ANDROID

Android iPhone

Programming Language

Development platform

App Store/Market

UX

Java Objective-C

Open Closed

No restrictions Restricted

Physical buttons No physical keys

IPHONE VS. ANDROID• iPhone is good at:

• Music

• UI consistency (UX)

• Android is good at:

• openess

• customizability

• Multi-vendors

IPHONE

WHAT IS THE IPHONE?• accelerometer

• Three-axis gyro

• Assisted GPS

• Digital compass

• multi-touch display

• sensors (proximity, ambient light)

• camera (photos, video)

• UMTS/HSDPA, GSM/EDGE, WI-FI, Bluetooth

Sources: http://www.trendbird.co.kr/, iOS Developer Library, http://www.capsulecomputers.com.au

WHAT IS THE IPHONE?

Source: Developing Applications for iOS, Stanford University

IPHONE OS IOS

• iPod Touch

• iPhone

• iPad

BASICSThe finger is not a mouse!

Source: Safari Web Content Guide, Apple Inc.

TYPES OF DEVELOPMENT

• Native Apps

• Mobile Web Apps

• External platforms Apps

• “Jailbreak Apps”

NATIVE APPLICATIONS

• iPhone SDK (requires an Intel Mac)

• Language: Objective-C

• Tools: XCode, iOS Simulator

• Apple Developer Program

• AppStore

EXAMPLES

MOBILE WEB APPLICATIONS

• Language: HTML*, Javascript, CSS

• Frameworks: Sencha Touch, jQuery, iUi, ...

• Tools: DashCode (HTML* editor), iOS Simulator, Safari

• Can be rendered in “any” smartphone

* PHP, JSP, ASP, ...

MOBILE WEB APPLICATIONSApple-Specific Meta Tag Keys

• apple-mobile-web-app-capable

• apple-mobile-web-app-status-bar-style

• format-detection

• viewportSupported Attributes

• onorientationchange

• ongesturestart, ongesturechange,..

• ontouchmove, ontouchcancel,..

• ondragenter, ondragleave,..

• ...

EXAMPLESiUi: iPhone User Interface Framework

EXTERNAL PLATFORMS

• PhoneGap, Titanium, Mobione,...

• requires iPhone SDK

• Language: HTML*, Javascript, CSS

JAILBREAK APPLICATIONS

• Windows/Linux

• Language: Objective-C

• Tools: cygwin, Eclipse, jailbreak iPhone/iPod touch

• Cydia store

NATIVE VS. WEB

• Native

• Access to hardware and other apps

• Revenue

• Web

• No need to device’s API

• Quick development/deployment

DECISION IS UP TO YOU

YOUR APPLICATION

MORE!PhD. Case study

MORE!• Social discovery &

connecting tool

• Exposed information:

• researcher: name, photo, e-mail, affiliation and publication list.

• current presentation: slides and paper.

• social tools accounts: Twitter, SlideShare, blog, Delicious, Facebook and Linkedin.

OUR INSPIRATION: SHAZAM

OUR INSPIRATION: SHAZAM

OUR INSPIRATION: SHAZAM

OUR INSPIRATION: SHAZAM

HOW DOES IT WORK?

HOW DOES IT WORK?

NATIVE VS. WEB?

NATIVE VS. WEB?

HCI: DEVELOPMENT PROCESS

!

General Information

Academic Information

Social networks &

Sharing

CURRENTLY...• The case study of More! came to an end...

• Interesting concept

• QR codes are not the ideal solution for person fingerprinting

• future work involved a native app development

MOBILE DEVELOPMENT...?

CONTEXT!

http://bit.ly/gonzalo-parra

QUESTIONS?

THANKS!http://bit.ly/gonzalo-parra

QUESTIONS?