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
110
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
SwiftUI Viewの責務分離
elmetal
PRO
0
150
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
480
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
Software Architecture
hschwentner
6
2.1k
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
730
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
Featured
See All Featured
Music & Morning Musume
bryan
46
6.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
RailsConf 2023
tenderlove
29
1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
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