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
190
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
3
480
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
8
450
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
4
470
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
7
1k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.8k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
2
280
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
1
320
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
2
360

Other Decks in Programming

See All in Programming
40575ebf9c2f4a6e3bcb68630f446a3b?s=48 tomzoh
4
110
0712442105da0b6fe746bb85fd7989f1?s=48 ksmxxxxxx
0
170
A513bc1fa519d2fcf5e4e0d9b5500101?s=48 psibi
1
130
0b26590a0a8b0f1da140ed5de9b68379?s=48 usamik26
0
160
E76754f592fecf0116c53b2bc39ff135?s=48 kthoms
0
210
88ad4f75d7c84fcf560bb6205c52e8c1?s=48 dnskimo
1
190
D225ebf0faa666ac7655cc7e4689283c?s=48 dlew
2
180
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
1
370
36ee3f54c56704a49805ffb32b596930?s=48 44x1carbon
0
110
0b8291daeda1cd55e445af644d402bb0?s=48 aoiroaoino
2
300
Ffc500baeba9a1024e2c8273203c9f90?s=48 raulh82vlc
3
1.4k
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
880

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
890
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.6k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
500
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
399
20k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
257
24k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
193
15k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
230
790k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
20k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k

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