maximiliano firtman - Разработка приложений с помощью phonegap
DESCRIPTION
TRANSCRIPT
![Page 1: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/1.jpg)
max firtman @firt firt.mobi
![Page 2: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/2.jpg)
mobile+web developer mobilexweb.com blog @firt
who am I?
![Page 3: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/3.jpg)
buenos aires ~ argentina
where?
patagonia football meat & wine tango
![Page 4: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/4.jpg)
speaker
![Page 5: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/5.jpg)
Image from my house
books
![Page 6: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/6.jpg)
![Page 7: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/7.jpg)
coming soon... also by @estellevw
![Page 8: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/8.jpg)
![Page 9: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/9.jpg)
.com
![Page 10: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/10.jpg)
why mobile?
![Page 11: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/11.jpg)
mobile
‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere.
![Page 12: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/12.jpg)
then... what is the problem?
![Page 13: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/13.jpg)
mobile is a minefield
Photo by World of Good (Flickr) Malvinas / Falklands Islands
![Page 14: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/14.jpg)
lots of questions
Photo by wayneandwax (Flickr)
![Page 15: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/15.jpg)
lots of questions
we need to learn
![Page 16: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/16.jpg)
lots of platforms
![Page 17: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/17.jpg)
mobile web appears
![Page 18: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/18.jpg)
native vs
web
![Page 19: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/19.jpg)
WAIT!
![Page 20: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/20.jpg)
Are you sure?
![Page 21: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/21.jpg)
native code vs
javascript
![Page 22: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/22.jpg)
browser vs
installed apps & stores
![Page 23: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/23.jpg)
lack of definitions
![Page 24: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/24.jpg)
when we say mobile web
from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps
(browser or installed)
![Page 25: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/25.jpg)
Callback
![Page 26: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/26.jpg)
![Page 27: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/27.jpg)
§ A platform to create native apps using web technologies
§ A JavaScript library
§ A native library for every platform
§ Compilation helpers
What is
![Page 28: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/28.jpg)
§ Open Source
§ Multi-platform
§ Latests -even future- standards
§ First class apps
Features
![Page 29: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/29.jpg)
WARNING!
![Page 30: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/30.jpg)
§ PhoneGap is not a UI framework
§ PhoneGap doesn’t include a browser and or a rendering engine
§ PhoneGap doesn’t compile
§ Every platform need its own compilation
§ HTML5/CSS3 compatibility varies - www.mobilehtml5.org
Warning!
![Page 31: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/31.jpg)
Compatibility
![Page 32: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/32.jpg)
§ iOS (iPhone y iPad)
§ Android
§ BlackBerry 4.x, - 7
§ webOS
§ Symbian
§ Samsung Bada
§ Windows Phone 7.5
Compatibility (official 1.2)
![Page 33: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/33.jpg)
§ BlackBerry PlayBook
§ Meego 1.2 Harmattan (Nokia N9)
Compatibility (non-official yet)
![Page 34: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/34.jpg)
§ Apple AppStore
§ Android Market, Amazon AppStore
§ AppWorld
§ AppCatalog
§ Nokia Store
§ Samsung Apps
§ Windows Marketplace
Stores
![Page 35: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/35.jpg)
§ Accelerometer
§ Camera (video/photo)
§ Compass
§ Contacts
§ File Management
Abilities
![Page 36: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/36.jpg)
§ Geolocation
§ Multimedia
§ Network Information
§ Notification
§ Storage
Abilities
![Page 37: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/37.jpg)
Abilities
![Page 38: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/38.jpg)
Architecture
![Page 39: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/39.jpg)
![Page 40: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/40.jpg)
Requirements
![Page 41: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/41.jpg)
§ Download PhoneGap www.phonegap.com
§ Use your HTML5 IDE
To develop
![Page 42: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/42.jpg)
§ Install SDKs
§ Dreamweaver CS5.5 or IDEs
§ Or you can use PhoneGap Build
To compile
![Page 43: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/43.jpg)
§ Xcode for iOS - available in Mac App Store
§ Android SDK - developer.android.com
§ BlackBerry WebWorks - blackberry.com/developers/browserdev/widgetsdk.jsp
§ Nokia Web Tools for Symbian - developer.nokia.com
§ Windows Phone SDK - microsoft.com/download
Compile ourselves
![Page 44: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/44.jpg)
Get an account at build.phonegap.com
To compile on the cloud
![Page 45: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/45.jpg)
§ Simulatos and Emulators (www.mobilexweb.com/emulators)
§ Real devices
§ Ripple Simulator
§ Can we use a desktop browser?
To test
![Page 46: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/46.jpg)
Challenges & questions
![Page 47: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/47.jpg)
we are using the browser engine... so
why package it?
![Page 48: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/48.jpg)
is it safe to use an embedded web
view?
![Page 49: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/49.jpg)
from http://blog.brightcove.com
![Page 50: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/50.jpg)
§ HTML5 and CSS3 support
§ Debugging & Profiling
§ Performance & Memory usage
§ BlackBerry 5
Challenges
![Page 51: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/51.jpg)
§ Screen sizes & orientations
§ DPIs
§ User Interface - should we emulate native UI?
§ Performance & JavaScript Best Practices
Challenges
![Page 52: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/52.jpg)
Debug
![Page 53: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/53.jpg)
§ Weinre (debug.phonegap.com)
§ iWebInspector for iOS (iwebinspector.com)
§ Pray?
Debug
![Page 54: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/54.jpg)
Plugins
![Page 55: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/55.jpg)
§ Native code to add more support
§ Every platform should have its native code
§ We need a plugin community
Plugins
![Page 56: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/56.jpg)
Advices
![Page 57: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/57.jpg)
§ Try to maintain one source code
§ Define CSS and JavaScript per platform for porting
§ Embrace differences
§ Best experience for every platform
Advices
![Page 58: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/58.jpg)
some last advices
![Page 59: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/59.jpg)
![Page 60: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/60.jpg)
performance, performance
![Page 61: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/61.jpg)
good practices
![Page 62: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/62.jpg)
don’t be fanatic
photo by Kurt Christensen (flickr)
![Page 63: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/63.jpg)
be multiplatform
![Page 64: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/64.jpg)
be
futurefriend.ly
![Page 65: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/65.jpg)
best experience for every context
best experience for every context
![Page 66: Maximiliano Firtman - Разработка приложений с помощью PhoneGap](https://reader034.vdocument.in/reader034/viewer/2022050804/549a3b08b479596f4d8b5883/html5/thumbnails/66.jpg)
you can reach a good experience
firt.mobi twitter: @firt
mobilexweb.com
спасибо!