Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Multi-platform Mobile with Calatrava - May 2013
Pete Hodgson
May 23, 2013
Programming
2
190
Multi-platform Mobile with Calatrava - May 2013
Pete Hodgson
May 23, 2013
Tweet
Share
More Decks by Pete Hodgson
See All by Pete Hodgson
A Journey Into Feature Toggles - OSCON Austin 2017
phodgson
4
240
Test-driven Client-side JS
phodgson
4
550
Functional Reactive JavaScript
phodgson
8
540
different.js - Forward JS 2014
phodgson
4
550
Railsconf2014
phodgson
7
1.1k
Building Your Own Lightsaber
phodgson
94
4.6k
iOS Unit Testing Workshop
phodgson
3
290
Unit testing with Kiwi - CocoaConf San Jose 2013
phodgson
1
330
Automated Mobile Acceptance Testing Presentation - mdevcon 2013
phodgson
2
460
Other Decks in Programming
See All in Programming
Jetpack Compose best practices 動画紹介 @GoogleI/O LT会
takakitojo
0
330
Get Ready for Jakarta EE 10
ivargrimstad
0
440
1時間半で克服するJavaScriptの非同期処理/async_javascript_kokufuku
marchin1989
2
620
チームでカレーを作ろう!アジャイルカレークッキング
akitotsukahara
0
820
NEWT.net: Frontend Technology Selection
xpromx
0
250
BASE BANKチームの技術選定と歴史 / how to decide technology selection for startup
budougumi0617
0
1k
Node.jsデザインパターンを読んで
mmmommm
0
2.6k
io22 extended What's new in app performance
veronikapj
0
340
JetPackComposeは宣言型プログラミングパラダイムって実はよくわかってないんですが、別に使ってもいいんですよね、
conigashima
0
180
A Philosophy of Software Design 後半
yosuke_furukawa
PRO
10
2.8k
engineer
spacemarket
0
1k
Haskellでオブジェクト指向プログラミング
koheisakata
0
110
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
Faster Mobile Websites
deanohume
294
28k
Pencils Down: Stop Designing & Start Developing
hursman
112
9.8k
KATA
mclloyd
7
8.7k
Code Review Best Practice
trishagee
43
9.2k
Fireside Chat
paigeccino
12
1.3k
The Pragmatic Product Professional
lauravandoore
19
3k
Infographics Made Easy
chrislema
233
17k
What’s in a name? Adding method to the madness
productmarketing
11
1.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
105
16k
Docker and Python
trallard
27
1.6k
GitHub's CSS Performance
jonrohan
1020
420k
Transcript
Cross-platform Mobile
Pete Hodgson @ph1
Portable Body
http://martinfowler.com/articles/multiMobile/
mobile app
UI the rest
UI portable body
UI portable body
UI portable body JavaScript
UI portable body iOS JavaScript
portable body UI
portable body
portable body iPhone mobile web Android
portable body iPhone mobile web Android
iPhone mobile web Android
http://calatrava.github.io/
- controllers - domain objs. - services <html> views
- controllers - domain objs. - services <html> views
kernel UI
update UI respond to user input kernel UI
show me
None
updating the UI
updating the UI
updating the UI
updating the UI
someView.render( aViewMessage ) updating the UI
someView.render( aViewMessage ) updating the UI {...}
someView.render( aViewMessage ) updating the UI {...}
reading the UI
` reading the UI
someView.get( ‘field_id’, callbackFn ) ` reading the UI
someView.get( ‘field_id’, callbackFn ) ` reading the UI
responding to events
responding to events
responding to events `
someView.bind( ‘event_id’, callbackFn ) responding to events `
None
calatrava is HTML first
native <html> <html> <html> HTML first
native <html> <html> <html> native HTML first
native <html> <html> <html> native HTML first native
Testing Acceptance Tests
Testing Acceptance Tests app logic
where’s your logic? mobile app mobile services
shared mobile services app HTML
app shared mobile services app app iPhone HTML Android
thanks!
thanks! @ph1 for slides
www.thoughtworks.com/radar