Invited talk about mobile development.

1. MOBILE DEVELOPMENT
Gonzalo Parra
Katholieke Universiteit Leuven
Al-Quds University - April 12, 2011

2. THANKS
FOR THE INVITATION!

3. WHO AM I?
• Computer Science Engineer
• Master of Industrial Management
• CS PhD. Student
• Mobile Technologies
http://bit.ly/gonzalo-parra
• User experience (UX)
(attachment - I've retouched it a bit)
• Social Media
• Applied on: TEL & CRIS

4. Source: LP33.TV

5. A smartphone is a mobile phone that
offers more advanced computing ability
and connectivity than a contemporary
feature phone.
Source: LP33.TV

6. Source: VisionMobile, Developer Economics 2010 and Beyond.

7. IPHONE & ANDROID
Source: http://juliapetit.com.br/

8. IPHONE VS. ANDROID
Android iPhone
Programming Language Java Objective-C
Development platform Open Closed
App Store/Market No restrictions Restricted
UX Physical buttons No physical keys

9. IPHONE VS. ANDROID
• iPhone is good at:
• Music
• UI consistency (UX)
• Android is good at:
• openess
• customizability
• Multi-vendors

10. IPHONE

11. 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

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

13. WHAT IS THE IPHONE?
Source: Developing Applications for iOS, Stanford University

14. IPHONE OS
IOS
• iPod Touch
• iPhone
• iPad

15. BASICS
The finger is not a mouse!
Source: Safari Web Content Guide, Apple Inc.

16. TYPES OF DEVELOPMENT
• Native Apps
• Mobile Web Apps
• External platforms Apps
• “Jailbreak Apps”

17. NATIVE APPLICATIONS
• iPhone SDK (requires an Intel Mac)
• Language: Objective-C
• Tools: XCode, iOS Simulator
• Apple Developer Program
• AppStore

18. EXAMPLES

19. 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, ...

20. MOBILE WEB APPLICATIONS
Apple-Specific Meta Tag Keys
• apple-mobile-web-app-capable
• apple-mobile-web-app-status-bar-style
• format-detection
• viewport
Supported Attributes
• onorientationchange
• ongesturestart, ongesturechange,..
• ontouchmove, ontouchcancel,..
• ondragenter, ondragleave,..
• ...

21. EXAMPLES
iUi: iPhone User Interface Framework

22. EXTERNAL PLATFORMS
• PhoneGap, Titanium, Mobione,...
• requires iPhone SDK
• Language: HTML*, Javascript, CSS

23. JAILBREAK APPLICATIONS
• Windows/Linux
• Language: Objective-C
• Tools: cygwin, Eclipse, jailbreak iPhone/iPod touch
• Cydia store

24. NATIVE VS. WEB
• Native
• Access to hardware and other apps
• Revenue
• Web
• No need to device’s API
• Quick development/deployment

25. DECISION IS UP TO
YOU
YOUR APPLICATION

26. MORE!
PhD. Case study

27. 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.

28. OUR INSPIRATION: SHAZAM

29. OUR INSPIRATION: SHAZAM

30. OUR INSPIRATION: SHAZAM

31. OUR INSPIRATION: SHAZAM

32. HOW DOES IT WORK?

33. HOW DOES IT WORK?

34. NATIVE VS. WEB?

35. NATIVE VS. WEB?

36. General
Information
Academic
Information
Social
networks &
Sharing
!
HCI: DEVELOPMENT PROCESS

37. 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

38. MOBILE DEVELOPMENT...?
CONTEXT!

39. QUESTIONS?
http://bit.ly/gonzalo-parra

40. QUESTIONS?
THANKS!
http://bit.ly/gonzalo-parra