Charla de VolKno en UTN
•
0 recomendaciones•5,267 vistas
El documento presenta VolKno, una aplicación web para organizar y compartir enlaces favoritos. Explica cómo se puede construir una aplicación web moderna de forma económica usando AngularJS para el frontend, APIs RESTful con JAX-RS para el backend implementado con Spring, y alojado en OpenShift para hospedaje en la nube de bajo costo.
Recomendados
Recomendados
Más contenido relacionado
Similar a Charla de VolKno en UTN
Similar a Charla de VolKno en UTN (20)
Último
Último (20)
Charla de VolKno en UTN
- 1. Cómo Montar y Mantener tu Web App a Bajo Costo #VolKnoEnUTN VolKnoSocial www.volkno.com.ar
- 2. Agenda ● ¿Qué es VolKno? ● Lean Startup ● SPA con AngularJS ● API REST con JAX-RS ● Back-End: Spring ● OpenShift www.volkno.com.ar
- 4. VolKno: Voluminous Knowledge ● Acomodá tu contenido favorito ● Descubrí la información que te gusta www.volkno.com.ar
- 5. ● Traé tus links favoritos ● Organizalos en estantes públicos ● Leelos, Compartilos, Comentalos www.volkno.com.ar Organizá
- 6. ● Descubrí la información que te gusta ● Recibí notificaciones con sugerencias ● Explorá los temas destacados www.volkno.com.ar Descubrí
- 7. Accedé desde cualquier lado www.volkno.com.ar
- 9. Start up es una organización de personas diseñada para obtener un nuevo producto o servicio bajo condiciones de extrema incertidumbre www.volkno.com.ar Startup
- 10. Startup = Experimento Parar de hacer perder el tiempo a la gente Producto Mínimo Viable (MVP) www.volkno.com.ar Lean
- 13. www.volkno.com.ar Medir! Medir! Medir! Medir!
- 14. ¿Cuántas veces puedo pivotar antes de quedarme sin plata? www.volkno.com.ar Pivotar MVP Ajustar Pivotar o Seguir
- 15. ● Identificar usuarios ● Ver como los distintos usuarios usan el sitio ○ Grabar su comportamiento ○ Encuestas anónimas. ○ Pedir Feedback ● Juntarse con la comunidad emprendedora ○ Contar tu idea a todo el mundo www.volkno.com.ar Salir del edificio
- 16. The goal of a start up is to figure out the right thing to build -- the thing that customers want and will pay for -- as quickly as possible. Eric Ries www.volkno.com.ar
- 18. Aplicaciones Web Modernas ● Mucha atención a UX ● Flat Design ● Diseños Responsivos y Minimalistas ● SPA: Single Page Application ● Fuerte Predominio de JavaScript ● Frameworks CSS www.volkno.com.ar
- 19. ● Primera Generación: HTML + CSS ○ Aplicaciones Server-Centric ○ Poco o casi nada JavaScript ● Segunda Generación: Ajax con jQuery ○ Web Apps más Ricas ○ Fuerte uso de Ajax y abuso de jQuery ● Tercera Generación: Frameworks JavaScript ○ MVC del lado del cliente www.volkno.com.ar Evolución en App Webs
- 21. Explosión de Frameworks JS http://todomvc.com/ www.volkno.com.ar
- 22. ● Por su diseño modular y escalable ● Por su alta adopción ● Por su comunidad www.volkno.com.ar ¿Por qué AngularJS?
- 23. ¿Qué tendrá ese framework? ● MVC de la década del 10 ● App guiada por el HTML ● Two-Ways POJO Data Binding ● Escribir poco código ● Directivas para encapsular comportamiento ● Casi nada de necesidad de manipular DOM ● Servicios, Contextos, Manejo de Eventos ● Listo para Unit Testing www.volkno.com.ar
- 25. ● AngularJS in 60 Minutes ○ Dan Wahlin ● angular.org ● Foros, GitHub, StackOverflow ● Templates y Generadores ○ angular-seed ○ angular-fullstack ○ MEAN.js www.volkno.com.ar ¿Cómo empezar?
- 26. www.volkno.com.ar API REST JAX-RS
- 27. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 28. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 29. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 30. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 31. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 32. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 33. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 34. ¿Por qué las APIs se están comiendo al mundo? www.volkno.com.ar
- 35. El Club de los Billonarios www.volkno.com.ar
- 36. El Club de los Billonarios ¡Según Twitter, el 60% de los tweets viene de Aplicaciones de Terceros! www.volkno.com.ar
- 38. ● Bien definidas ● Bien documentadas ● Proveer Herramientas ● Deben funcionar muy bien ● ¡Listas para Usar! www.volkno.com.ar Las APIs son Contratos
- 39. ● Web Services que usan HTTP como protocolo de transporte ● Operaciones más usadas ○ GET, POST, PUT, DELETE => CRUD ● URI => Sintaxis para Identificar Recursos www.volkno.com.ar REST
- 40. Ejemplo de CRUD de Webmarks ● GET http://www.volkno.com.ar/api/webmarks ○ Para consultar un listado de Webmarks ● GET /api/webmarks/1735 ○ Para consultar el webmark 1735 ● POST /api/webmarks ○ Para guardar un nuevo webmark ● PUT /api/webmarks/1735 ○ Para modificar el webmark 1735 www.volkno.com.ar
- 41. ● Es un estándar de Java EE para construir RESTful Web Services (API) usando anotaciones ● Mediante anotaciones expone clases Java en servicios REST ● Nosotros usamos Apache CXF www.volkno.com.ar JAX-RS
- 42. ● @Path ● @GET, @POST, @PUT, @DELETE ● @Produces, @Consumes www.volkno.com.ar Algunas Anotaciones
- 43. ● @Path ● @GET, @POST, @PUT, @DELETE ● @Produces, @Consumes www.volkno.com.ar Algunas Anotaciones
- 44. ● @Path ● @GET, @POST, @PUT, @DELETE ● @Produces, @Consumes www.volkno.com.ar Algunas Anotaciones
- 45. ● La documentación de Apache CXF ● Libro de Bill Burke (O’Reilly) www.volkno.com.ar ¿Cómo empezar?
- 46. Spring, MyBatis, PostgreSQL www.volkno.com.ar Back-End
- 47. ● Contenedor de Inversión de Control ● Provee Inyección de Dependencia => Ideal para Servicios ● Tiene muchos módulos que sirven para integrar distintos servicios Java EE y libs ● Spring Data, Spring Security, Spring MVC, Spring Web Flow, etc www.volkno.com.ar Spring Framework
- 50. Inyección de Dependencia www.volkno.com.ar
- 51. Objeto de Acceso a Datos www.volkno.com.ar
- 52. Pruebas Unitarias con Mockito www.volkno.com.ar
- 53. Pruebas Unitarias con Mockito www.volkno.com.ar
- 54. Pruebas Integración DBUnit www.volkno.com.ar
- 55. Pruebas Integración DBUnit www.volkno.com.ar
- 56. Pruebas Integración DBUnit www.volkno.com.ar
- 58. ● PaaS de Red Hat ● Cartridges out-of-the-box ○ JBoss EAP, Wildfly, Tomcat, PHP, Zend, Python ○ Ruby, Node.js, Vert.x, Perl, MongoDB, MySQL ○ PostgreSQL, Jenkins, SwitchYard, Cron, Fuse ● Cartridges DIY ● Plan gratuito: 3 Gears www.volkno.com.ar OpenShift
- 59. www.volkno.com.ar Computación en la Nube
- 60. www.volkno.com.ar Computación en la Nube
- 62. RHC: Command Line Tools ● rhc app create <app-name> <cartridge> ● rhc cartridge add <cartridge> -a <app-name> ● rhc app restart -a <app-name> ● rhc app ssh -a <app-name> ● rhc tail -a <app-name> ● rhc app show --gears -a <app-name> ● rhc app show -a <app-name> www.volkno.com.ar
- 63. env: Variables de Entorno ● OPENSHIFT_GEAR_MEMORY_MB ● OPENSHIFT_DATA_DIR ● OPENSHIFT_LOG_DIR ● OPENSHIFT_POSTGRESQL_DB_HOST ● OPENSHIFT_POSTGRESQL_DB_USERNAME ● OPENSHIFT_PRIMARY_CARTRIDGE_DIR ● OPENSHIFT_HAPROXY_PORT ● OPENSHIFT_JBOSSEWS_JPDA_PORT ● OPENSHIFT_HOMEDIR www.volkno.com.ar
- 64. ● Getting Started with OpenShift www.volkno.com.ar ¿Cómo empezar?