Successfully reported this slideshow.

Arquitectura de software para aplicaciones móviles

16,731 views

Published on

  • hola por favor dime como me puedo conectar contigo... gracias
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Arquitectura de software para aplicaciones móviles

  1. 1. Aplicaciones «Móviles»Arquitectura de Software
  2. 2. ¿Quien soy?Sergio Castillo YrizalesLíder de Proyectos CCRExpositor de la comunidad JSPeru4 años de experiencia en soluciones web3 años en soluciones móviles 2
  3. 3. ¿Que es Arquitectura? 3
  4. 4. ¿Por que móvil? Uno de cada diez peruanos ya tiene un smartphone. El 86% de los peruanos se conecta a internet.Fuente:Ipsos Apoyo 2011 4
  5. 5. Alguno de ustedes a hecho una aplicación móvil? 5
  6. 6. Alguno de ustedes a hecho una pagina web? 6
  7. 7. Alguno de ustedes a hecho una aplicación web? 7
  8. 8. Soluciones MóvilesDos tipos: Aplicaciones nativas (IOS, Android, Windows Phone, etc.) Aplicaciones Web??? 8
  9. 9. Aplicaciones NativasVentajas Más Rápidas Mejores GráficosDesventajas Muchas tecnologías por aprender (Objective- C, Java, Silverlight, Flex…) Diferentes Mercados (AppStore, Google Play, Windows MarketPlace…) 9
  10. 10. Aplicaciones WebVentajas Un solo grupo de tecnologías (HTML+CSS+JS) Compatibles en todos los Mercados (PhoneGap, Titanium…) Menor costo de Desarrollo Menor Curva de aprendizajeDesventajas Rápidas… 10
  11. 11. ¿Y cual elijo?Depende de tu aplicación:Aplicaciones nativas Juegos Acceso a sensores, cámara, etc.Aplicaciones web móviles Varios objetivos Objetivo principal: consumo de información. Accesibilidad Mercado variado que incluye PCs, Macs y Smartphones 11
  12. 12. Preguntas? 12
  13. 13. Arquitectura de App WebComponentes: Servidor SOAP REST Cliente HTML5 CSS3 Javascript 13
  14. 14. ServidorServicios Web: SOAP RESTBase de DatosDLLs 14
  15. 15. ClienteHTML5 Accesibilidad (Navegadores de PCs y de Smartphones) Standard by W3C Ahora incluye la posibilidad de tener Video y Audio 15
  16. 16. ClienteCSS3 Uso de una gran cantidad de colores Transiciones 3D Agregar nuevas fuentes (@font-face) Muchos efectos mas 16
  17. 17. ClienteJavascript Respuesta a Eventos Acceso a datos y consumo de Servicios Web Manejo de DOM 17
  18. 18. ¿Y la Arquitectura? 18
  19. 19. EstrategiasEstrategia de Construcción de BackEndEstrategia de Organización de Código FrontEndEstrategia de Presentación Multiplataforma 19
  20. 20. Estrategia BackEndServicios Web REST Flexibilidad de Desarrollo Uso adecuado de los verbos HTTP GET, POST, PUT y DELETE Buena estrategia de manejo de Cache Diversas tecnologías: .NET(WCF), JAVA(Jersey, RESTlet) 20
  21. 21. Estrategia FrontEndPatron MVC Modelos para comunicarse con los servicios Controladoras que responden a la interacción de los usuarios Vistas que permiten separar el diseño de la programación Tecnologías: Backbone, AngularJS, etc… 21
  22. 22. Estrategia de PresentaciónMuchas veces pasada por altoMuy importante para maximizar la satisfacción delusuarioDos estrategias: Responsive Design Framework UI: Jquery Mobile, SenchaTouch, etc… 22
  23. 23. Preguntas? 23
  24. 24. Caso de ÉxitoCCRSYS - Supervisión 24
  25. 25. Problema (Req. Técnicos)Se necesita una aplicación que pueda ser usada ennuestros equipos Windows MobileAsi mismo se debe poder accesar a la misma desde lasPCs de la empresaY en el futuro debe poder accesarse desdedispositivos Android 25
  26. 26. Estrategia FrontEndPatrón MV* mediante Backbone Modelos que manejas la data Vistas que responden a eventos y construyen el DOM Rutas que controlan el flujo de la aplicación 26
  27. 27. Estrategia BackEndServicios REST con WCF Integración con la BD MS SQL Server Flexibilidad en formatos de Respuesta (JSON) Buen IDE (Visual Studio) 27
  28. 28. Estrategia de PresentaciónFramework: Jquery Mobile Compatibilidad con la mayor cantidad de dispositivos: Windows Phone, IOS, Android, Blackberry 10, Windows Mobile. Desarrollo Amigable 28
  29. 29. Vista en Smartphone 29
  30. 30. Vista en PC 30
  31. 31. Más preguntas?Twitter: @scyrizales 31

×