Mobile development

889 views
837 views

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
889
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
58
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×