0
MOBILE DEVELOPMENT           Gonzalo Parra   Katholieke Universiteit Leuven    Al-Quds University - April 12, 2011
THANKSFOR THE INVITATION!
WHO AM I?• Computer    Science Engineer• Master   of Industrial Management• CS   PhD. Student • Mobile Technologies       ...
Source: LP33.TV
A smartphone is a mobile phone that offers more advanced computing ability and connectivity than a contemporary           ...
Source: VisionMobile, Developer Economics 2010 and Beyond.
IPHONE & ANDROID              Source: http://juliapetit.com.br/
IPHONE VS. ANDROID                         Android             iPhoneProgramming Language         Java           Objective...
IPHONE VS. ANDROID• iPhone   is good at: • Music • UI   consistency (UX)• Android   is good at: • openess • customizabilit...
IPHONE
WHAT IS THE IPHONE?• accelerometer• Three-axis    gyro• Assisted   GPS• Digital   compass• multi-touch    display• sensors...
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   D...
EXAMPLES
MOBILE WEB APPLICATIONS• Language: HTML*, Javascript, CSS     • Frameworks: Sencha Touch, jQuery, iUi, ...• Tools: DashCod...
MOBILE WEB APPLICATIONSApple-Specific Meta Tag Keys •   apple-mobile-web-app-capable •   apple-mobile-web-app-status-bar-st...
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...
NATIVE VS. WEB• Native • Access   to hardware and other apps • Revenue• Web • No   need to device’s API • Quick   developm...
DECISION IS UP TO       YOUYOUR APPLICATION
MORE!PhD. Case study
MORE!• Social      discovery & connecting tool• Exposed       information:  •   researcher: name, photo, e-mail,      affil...
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?
GeneralInformation AcademicInformation   Socialnetworks &  Sharing              !HCI: DEVELOPMENT PROCESS
CURRENTLY...• The   case study of More! came to an end... • Interesting   concept • QR  codes are not the ideal solution f...
MOBILE DEVELOPMENT...?     CONTEXT!
QUESTIONS?   http://bit.ly/gonzalo-parra
QUESTIONS?  THANKS!   http://bit.ly/gonzalo-parra
Upcoming SlideShare
Loading in...5
×

Mobile development

723

Published on

Invited talk about mobile development.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
723
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
57
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile development"

  1. 1. MOBILE DEVELOPMENT Gonzalo Parra Katholieke Universiteit Leuven Al-Quds University - April 12, 2011
  2. 2. THANKSFOR THE INVITATION!
  3. 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 - Ive retouched it a bit) • Social Media • Applied on: TEL & CRIS
  4. 4. Source: LP33.TV
  5. 5. A smartphone is a mobile phone that offers more advanced computing ability and connectivity than a contemporary feature phone. Source: LP33.TV
  6. 6. Source: VisionMobile, Developer Economics 2010 and Beyond.
  7. 7. IPHONE & ANDROID Source: http://juliapetit.com.br/
  8. 8. IPHONE VS. ANDROID Android iPhoneProgramming Language Java Objective-CDevelopment platform Open Closed App Store/Market No restrictions Restricted UX Physical buttons No physical keys
  9. 9. IPHONE VS. ANDROID• iPhone is good at: • Music • UI consistency (UX)• Android is good at: • openess • customizability • Multi-vendors
  10. 10. IPHONE
  11. 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. 12. Sources: http://www.trendbird.co.kr/, iOS Developer Library, http://www.capsulecomputers.com.au
  13. 13. WHAT IS THE IPHONE? Source: Developing Applications for iOS, Stanford University
  14. 14. IPHONE OS IOS• iPod Touch• iPhone• iPad
  15. 15. BASICSThe finger is not a mouse! Source: Safari Web Content Guide, Apple Inc.
  16. 16. TYPES OF DEVELOPMENT• Native Apps• Mobile Web Apps• External platforms Apps• “Jailbreak Apps”
  17. 17. NATIVE APPLICATIONS• iPhone SDK (requires an Intel Mac)• Language: Objective-C• Tools: XCode, iOS Simulator• Apple Developer Program • AppStore
  18. 18. EXAMPLES
  19. 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. 20. MOBILE WEB APPLICATIONSApple-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. 21. EXAMPLESiUi: iPhone User Interface Framework
  22. 22. EXTERNAL PLATFORMS• PhoneGap, Titanium, Mobione,... • requires iPhone SDK• Language: HTML*, Javascript, CSS
  23. 23. JAILBREAK APPLICATIONS• Windows/Linux• Language: Objective-C• Tools: cygwin, Eclipse, jailbreak iPhone/iPod touch• Cydia store
  24. 24. NATIVE VS. WEB• Native • Access to hardware and other apps • Revenue• Web • No need to device’s API • Quick development/deployment
  25. 25. DECISION IS UP TO YOUYOUR APPLICATION
  26. 26. MORE!PhD. Case study
  27. 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. 28. OUR INSPIRATION: SHAZAM
  29. 29. OUR INSPIRATION: SHAZAM
  30. 30. OUR INSPIRATION: SHAZAM
  31. 31. OUR INSPIRATION: SHAZAM
  32. 32. HOW DOES IT WORK?
  33. 33. HOW DOES IT WORK?
  34. 34. NATIVE VS. WEB?
  35. 35. NATIVE VS. WEB?
  36. 36. GeneralInformation AcademicInformation Socialnetworks & Sharing !HCI: DEVELOPMENT PROCESS
  37. 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. 38. MOBILE DEVELOPMENT...? CONTEXT!
  39. 39. QUESTIONS? http://bit.ly/gonzalo-parra
  40. 40. QUESTIONS? THANKS! http://bit.ly/gonzalo-parra
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×