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
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
720
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
SpringBoot3.4の構造化ログ #kanjava
irof
2
980
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
220
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.9k
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
520
SwiftUI Viewの責務分離
elmetal
PRO
1
220
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
490
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
45
16k
時計仕掛けのCompose
mkeeda
1
290
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
Featured
See All Featured
Practical Orchestrator
shlominoach
186
10k
Docker and Python
trallard
44
3.3k
Documentation Writing (for coders)
carmenintech
67
4.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
RailsConf 2023
tenderlove
29
1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
For a Future-Friendly Web
brad_frost
176
9.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
How STYLIGHT went responsive
nonsquared
98
5.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
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