Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Multi-platform Mobile with Calatrava - May 2013

Fe6b81005d1553accd6b2a28f6a2bef1?s=47 Pete Hodgson
May 23, 2013
Programming
2
190

Multi-platform Mobile with Calatrava - May 2013

Fe6b81005d1553accd6b2a28f6a2bef1?s=128

Pete Hodgson

May 23, 2013
Tweet

More Decks by Pete Hodgson

See All by Pete Hodgson
A Journey Into Feature Toggles - OSCON Austin 2017
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
240
Test-driven Client-side JS
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
550
Functional Reactive JavaScript
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
8
540
different.js - Forward JS 2014
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
550
Railsconf2014
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
7
1.1k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
iOS Unit Testing Workshop
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
3
290
Unit testing with Kiwi - CocoaConf San Jose 2013
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
1
330
Automated Mobile Acceptance Testing Presentation - mdevcon 2013
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
2
460

Other Decks in Programming

See All in Programming
Jetpack Compose best practices 動画紹介 ＠GoogleI/O LT会
D46ece3c06abca01b4920592f80c0ba4?s=48 takakitojo
0
330
Get Ready for Jakarta EE 10
B489790e1a844284d7cd1fa2cd6e021f?s=48 ivargrimstad
0
440
1時間半で克服するJavaScriptの非同期処理/async_javascript_kokufuku
338259af0e093b5d91e9dc7afbcdd0d5?s=48 marchin1989
2
620
チームでカレーを作ろう！アジャイルカレークッキング
D30220c903365b2170e791313296b2f9?s=48 akitotsukahara
0
820
NEWT.net: Frontend Technology Selection
A2040e0e2f7a6cabf81b54e4a401c0e8?s=48 xpromx
0
250
BASE BANKチームの技術選定と歴史 / how to decide technology selection for startup
Eb6be531bcfaa99714d8d3b48665a5a9?s=48 budougumi0617
0
1k
Node.jsデザインパターンを読んで
3d06fa4b3230d37a8d940405cc4abcc6?s=48 mmmommm
0
2.6k
io22 extended What's new in app performance
82aa6e293e94bf37796f4ae50f583f6c?s=48 veronikapj
0
340
JetPackComposeは宣言型プログラミングパラダイムって実はよくわかってないんですが、別に使ってもいいんですよね、
6affc38c52fa1cd2e395b3044cfb95fe?s=48 conigashima
0
180
A Philosophy of Software Design 後半
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
10
2.8k
engineer
E6706306bf41c5a5675e7296ecdb4103?s=48 spacemarket
0
1k
Haskellでオブジェクト指向プログラミング
97a42cc1630ebdfdaaa8d50078a9fd3d?s=48 koheisakata
0
110

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
9128d500301ae51524e887bb680f471d?s=48 caitiem20
315
19k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Pencils Down: Stop Designing & Start Developing
79acae287842acf29084005533a7fb3b?s=48 hursman
112
9.8k
KATA
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
7
8.7k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.2k
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
12
1.3k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
3k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
What’s in a name? Adding method to the madness
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
105
16k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k

Transcript

  1. Cross-platform Mobile

  2. Pete Hodgson @ph1

  3. Portable Body

  4. http://martinfowler.com/articles/multiMobile/

  5. mobile app

  6. UI the rest

  7. UI portable body

  8. UI portable body

  9. UI portable body JavaScript

  10. UI portable body iOS JavaScript

  11. portable body UI

  12. portable body

  13. portable body iPhone mobile web Android

  14. portable body iPhone mobile web Android

  15. iPhone mobile web Android

  16. http://calatrava.github.io/

  17. - controllers - domain objs. - services <html> views

  18. - controllers - domain objs. - services <html> views

  19. kernel UI

  20. update UI respond to user input kernel UI

  21. show me

  22. None

  23. updating the UI

  24. updating the UI

  25. updating the UI

  26. updating the UI

  27. someView.render( aViewMessage ) updating the UI

  28. someView.render( aViewMessage ) updating the UI {...}

  29. someView.render( aViewMessage ) updating the UI {...}

  30. reading the UI

  31. ` reading the UI

  32. someView.get( ‘field_id’, callbackFn ) ` reading the UI

  33. someView.get( ‘field_id’, callbackFn ) ` reading the UI

  34. responding to events

  35. responding to events

  36. responding to events `

  37. someView.bind( ‘event_id’, callbackFn ) responding to events `

  38. None

  39. calatrava is HTML first

  40. native <html> <html> <html> HTML first

  41. native <html> <html> <html> native HTML first

  42. native <html> <html> <html> native HTML first native

  43. Testing Acceptance Tests

  44. Testing Acceptance Tests app logic

  45. where’s your logic? mobile app mobile services

  46. shared mobile services app HTML

  47. app shared mobile services app app iPhone HTML Android

  48. thanks!

  49. thanks! @ph1 for slides

  50. www.thoughtworks.com/radar