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
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
3
220
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
490
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
8
480
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
500
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
7
1.1k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
3
280
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
1
320
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
2
380

Other Decks in Programming

See All in Programming
070d33664df274636dad3da21c9b21fc?s=48 rockname
1
210
9fdb3aa57e5fb99b3772976b0b903e53?s=48 chikuwait
8
1.8k
B05baacb6000fe55fe558ce75aa9bc74?s=48 jdkfx
0
100
F172ce6f89fdaae222055bd3625960bd?s=48 croe
0
110
7b7067dda63cff8edc9ecfd1345cd316?s=48 diescake
6
3.1k
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
210
2b67c3578e104daca8c6609e5be43d8d?s=48 balconia
0
140
2b67c3578e104daca8c6609e5be43d8d?s=48 balconia
0
150
C3a47a823a1e7adcb5be27cc3df5c482?s=48 akiyoko
3
810
47e8496b5cc69a2ac8bf5e99d03fd8cf?s=48 yasuohosotani
0
120
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
210
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
470

Featured

See All Featured
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
235
18k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
18
3.3k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
55
2k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
269
17k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
247
21k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
118
10k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
58
3.7k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.1k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
98
5.6k

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