O documento discute abordagens para aplicações móveis multiplataforma, incluindo nativas para cada plataforma, utilizando um toolkit cross-platform ou abordagem híbrida. É apresentada a arquitetura do framework Calatrava, que separa UI e lógica, permitindo compartilhar código entre plataformas e evoluir a interface de forma iterativa de acordo com cada plataforma.

1. Aplicações Móveis com Calatrava

2. Diferentes plataformas

3. Possíveis abordagens

4. Alternativas para multi-plataforma
Nativo para cada plataforma Cross-platform toolkit

5. Alternativas para multi-plataforma
Plataforma portável - WEB Abordagem híbrida

6. Separação entre UI e Lógica
Objective-CiPhone
android Java
web mobile HTML 5
Lógica
Compartilhada

7. Kernel
Arquitetura
Controllers
Page
ViewController Activity Haml/CoffeeScrip
t
Plugins
Bridge

8. Page References

9. Implementação Page

10. Implementação Page

11. Controller

12. UI HTML Compartilhada
Shell
Page
WebViewController WebViewActivity Haml/CoffeeScrip
t

13. Desenvolvimento evolutivo
• Implemente a UI na shell
• Compartilhe a shell em iOS e Android
• Substitua as páginas por implementações nativas conforme
necessário

14. Em resumo
• Framework para desenvolvimento móvel multi plataforma com liberdade
para criar UIs que otimizam a experiência do usuário
• Recomendado se a lógica da sua aplicação é complexa
• Lógica em Javascript
• Arquitetura de plugins para acesso a funcionalidades nativas
• Permite a evolução iterativa da UI
• iOS, Android e Web Mobile
• Pull requests são bem vindos

15. https://github.com/calatrava/calatrava
Mais informações:
• http://martinfowler.com/articles/multiMobile/
• http://calatrava.github.io/

16. Dúvidas?

17. Obrigado
Alexandre Corrêa Barbosa
@acbarbosa
http://log4dev.com