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
180

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
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
3
210
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
490
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
8
470
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
480
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
7
1.1k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
88
4k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
3
280
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
1
320
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
2
360

Other Decks in Programming

See All in Programming
0e6b2b5b4861d0e4b136527c0d7d428e?s=48 imk2o
0
200
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
2
360
B31f9495679ee5513a2f9904767336af?s=48 kidokidofire
1
110
Dc5157c1e1b11923f4cdd210ee27d4af?s=48 patorash
0
140
7a33106dde82ecc65a220eaf9d131222?s=48 patrickjahr
0
100
A1792748885fe8f2555d9c718ee7ae53?s=48 joytomo
1
540
81689b093f75cf3f383e581ca57188df?s=48 minecr
0
120
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
9
3.3k
B49933741d74e122bc1314b2975e9fc9?s=48 mrtc0
1
160
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
110
0063efb4c7066273b877fdabcdcd15b3?s=48 dora1998
0
170
4ab3fec3e82ddb19bcadd93ef909a443?s=48 syucream
4
1.4k

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
208
10k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
495
110k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
53
2.9k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
12
870
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
200k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
34
1.6k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
2k
Ba530e786553390f3fb271848485681c?s=48 3n
163
22k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k

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