Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Bridging the Phonegap
Search
Dan Slack
February 19, 2013
Programming
0
120
Bridging the Phonegap
An introduction to Mobile web and Phonegap
Dan Slack
February 19, 2013
Tweet
Share
More Decks by Dan Slack
See All by Dan Slack
Creating Amazing Apps with Angular and Ionic
dslack
1
170
Other Decks in Programming
See All in Programming
SOCI Index Manifest v2が出たので調べてみた / Introduction to SOCI Index Manifest v2
tkikuc
1
110
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
210
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
610
個人軟體時代
ethanhuang13
0
110
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
220
TanStack DB ~状態管理の新しい考え方~
bmthd
2
350
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
8
3.2k
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
1
120
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
mipypf
0
910
パッケージ設計の黒魔術/Kyoto.go#63
lufia
1
220
Laravel Boost 超入門
fire_arlo
1
140
rage against annotate_predecessor
junk0612
0
100
Featured
See All Featured
Building an army of robots
kneath
306
46k
The World Runs on Bad Software
bkeepers
PRO
70
11k
How to train your dragon (web standard)
notwaldorf
96
6.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
The Cost Of JavaScript in 2023
addyosmani
53
8.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
GitHub's CSS Performance
jonrohan
1031
460k
Agile that works and the tools we love
rasmusluckow
329
21k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Transcript
Bridging the Phonegap Cross Platform Mobile Development
Dan Slack Web Developer, Niche Solutions
[email protected]
@javaslack http://www.github.com/NicheSolutions http://www.nichesolutions.ca
Who am I?
Agenda • Mobile Web Applications • What is Phonegap? •
Phonegap APIs • Extending Phonegap • Design Considerations
Mobile Web • We can use our existing skillsets •
Leverage HTML5 APIs (Geolocation, storage, etc.) • Evergrowing W3C Standards • What is Mobile Web?
Mobile Web • Mobile device detection ◦ server-side vs client-side
• Testing ◦ User Agent switching ◦ Resolution changes • About Ripple Design Considerations:
Ripple
Mobile Web DEMO
What is Phonegap? (aka Apache Cordova) • Near write-once, run-anywhere
on mobile • Write using HTML5/CSS3/JS stack • A bridge between native and web layer • Some history...
What is Phonegap?
What is Phonegap?
What is Phonegap?
What is Phonegap?
What is Phonegap? • Phonegap uses the native layer •
We can open and test in native environment • Native environment for each OS • Phonegap Build and Debug • Ripple Issues - http://bit.ly/XPhts2
Better than the Web? Mobile web can handle many scenarios,
but... • Monetization • Access to native APIs ◦ Calendar, Contacts ◦ Compass, Accelerometer, Camera • Visibility
Phonegap DEMO
Phonegap Plugins • Phonegap has many APIs ◦ And growing...
• Plugin framework for extra features not covered • Phonelistener, BarcodeScanner, NFC, more
Phonegap Plugins • Platform specific • https://github.com/phonegap/phonegap-plugins • Something missing?
Make it! • Blackberry specific case
Final Considerations • Resolutions, platform limitations ◦ http://mobilehtml5.org/ • Use
Performance Tricks ◦ document.createDocumentFragment ▪ http://bit.ly/zZ4m9L ◦ reduce closures, avoid for-in ◦ http://bit.ly/c26sdW • JS Frameworks ◦ size
Thanks! Questions? Resources: Samples Phonegap Ripple http://bit.ly/YCqNhW http://www.phonegap.com http://developer.blackberry.com/html5/download