mobile development
DESCRIPTION
Invited talk about mobile development.TRANSCRIPT
![Page 1: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/1.jpg)
MOBILE DEVELOPMENTGonzalo Parra
Katholieke Universiteit Leuven
Al-Quds University - April 12, 2011
![Page 2: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/2.jpg)
THANKS FOR THE INVITATION!
![Page 3: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/3.jpg)
• 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
![Page 4: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/4.jpg)
Source: LP33.TV
![Page 5: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/5.jpg)
A smartphone is a mobile phone that offers more advanced computing ability and connectivity than a contemporary
feature phone.
Source: LP33.TV
![Page 6: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/6.jpg)
Source: VisionMobile, Developer Economics 2010 and Beyond.
![Page 7: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/7.jpg)
IPHONE & ANDROID
Source: http://juliapetit.com.br/
![Page 8: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/8.jpg)
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
![Page 9: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/9.jpg)
IPHONE VS. ANDROID• iPhone is good at:
• Music
• UI consistency (UX)
• Android is good at:
• openess
• customizability
• Multi-vendors
![Page 10: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/10.jpg)
IPHONE
![Page 11: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/11.jpg)
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
![Page 12: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/12.jpg)
Sources: http://www.trendbird.co.kr/, iOS Developer Library, http://www.capsulecomputers.com.au
![Page 13: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/13.jpg)
WHAT IS THE IPHONE?
Source: Developing Applications for iOS, Stanford University
![Page 14: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/14.jpg)
IPHONE OS IOS
• iPod Touch
• iPhone
• iPad
![Page 15: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/15.jpg)
BASICSThe finger is not a mouse!
Source: Safari Web Content Guide, Apple Inc.
![Page 16: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/16.jpg)
TYPES OF DEVELOPMENT
• Native Apps
• Mobile Web Apps
• External platforms Apps
• “Jailbreak Apps”
![Page 17: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/17.jpg)
NATIVE APPLICATIONS
• iPhone SDK (requires an Intel Mac)
• Language: Objective-C
• Tools: XCode, iOS Simulator
• Apple Developer Program
• AppStore
![Page 18: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/18.jpg)
EXAMPLES
![Page 19: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/19.jpg)
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, ...
![Page 20: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/20.jpg)
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,..
• ...
![Page 21: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/21.jpg)
EXAMPLESiUi: iPhone User Interface Framework
![Page 22: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/22.jpg)
EXTERNAL PLATFORMS
• PhoneGap, Titanium, Mobione,...
• requires iPhone SDK
• Language: HTML*, Javascript, CSS
![Page 23: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/23.jpg)
JAILBREAK APPLICATIONS
• Windows/Linux
• Language: Objective-C
• Tools: cygwin, Eclipse, jailbreak iPhone/iPod touch
• Cydia store
![Page 24: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/24.jpg)
NATIVE VS. WEB
• Native
• Access to hardware and other apps
• Revenue
• Web
• No need to device’s API
• Quick development/deployment
![Page 25: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/25.jpg)
DECISION IS UP TO YOU
YOUR APPLICATION
![Page 26: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/26.jpg)
MORE!PhD. Case study
![Page 27: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/27.jpg)
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.
![Page 28: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/28.jpg)
OUR INSPIRATION: SHAZAM
![Page 29: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/29.jpg)
OUR INSPIRATION: SHAZAM
![Page 30: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/30.jpg)
OUR INSPIRATION: SHAZAM
![Page 31: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/31.jpg)
OUR INSPIRATION: SHAZAM
![Page 32: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/32.jpg)
HOW DOES IT WORK?
![Page 33: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/33.jpg)
HOW DOES IT WORK?
![Page 34: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/34.jpg)
NATIVE VS. WEB?
![Page 35: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/35.jpg)
NATIVE VS. WEB?
![Page 36: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/36.jpg)
HCI: DEVELOPMENT PROCESS
!
General Information
Academic Information
Social networks &
Sharing
![Page 37: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/37.jpg)
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
![Page 38: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/38.jpg)
MOBILE DEVELOPMENT...?
CONTEXT!
![Page 39: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/39.jpg)
http://bit.ly/gonzalo-parra
QUESTIONS?
![Page 40: Mobile development](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c835934a7959a26d8b463c/html5/thumbnails/40.jpg)
THANKS!http://bit.ly/gonzalo-parra
QUESTIONS?