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
🔨 小さなビルドシステムを作る
momeemt
4
680
rage against annotate_predecessor
junk0612
0
170
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
180
私の後悔をAWS DMSで解決した話
hiramax
4
210
Testing Trophyは叫ばない
toms74209200
0
880
AI Coding Agentのセキュリティリスク:PRの自己承認とメルカリの対策
s3h
0
230
Design Foundational Data Engineering Observability
sucitw
3
200
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
旅行プランAIエージェント開発の裏側
ippo012
2
910
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
530
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
Featured
See All Featured
A better future with KSS
kneath
239
17k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
BBQ
matthewcrist
89
9.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
The Language of Interfaces
destraynor
161
25k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
What's in a price? How to price your products and services
michaelherold
246
12k
Navigating Team Friction
lara
189
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
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