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

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson Pete Hodgson
May 23, 2013
Programming
590
2

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson

Pete Hodgson

May 23, 2013

More Decks by Pete Hodgson

See All by Pete Hodgson
Feature Flags Suck! - KubeCon Atlanta 2025
Avatar for Pete Hodgson phodgson
1
310
Migratory Patterns - KubeCon Salt Lake City, 2024
Avatar for Pete Hodgson phodgson
0
220
A Journey Into Feature Toggles - OSCON Austin 2017
Avatar for Pete Hodgson phodgson
5
740
Test-driven Client-side JS
Avatar for Pete Hodgson phodgson
5
930
Functional Reactive JavaScript
Avatar for Pete Hodgson phodgson
8
870
different.js - Forward JS 2014
Avatar for Pete Hodgson phodgson
4
900
Railsconf2014
Avatar for Pete Hodgson phodgson
7
1.5k
Building Your Own Lightsaber
Avatar for Pete Hodgson phodgson
104
6.5k
iOS Unit Testing Workshop
Avatar for Pete Hodgson phodgson
3
600

Other Decks in Programming

See All in Programming
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.7k
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
770
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
1k
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
270
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.9k
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
Avatar for freee freee
PRO
0
270
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
150
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
590
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
340
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
670
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
0
230
仕様駆動開発の消費期限
Avatar for watany watany
20
8.5k

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
53k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
370
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
170
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
320
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
270
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k

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