Charla de VolKno en UTN

Cómo Montar y Mantener
tu Web App a Bajo Costo
#VolKnoEnUTN VolKnoSocial
www.volkno.com.ar

Agenda
● ¿Qué es VolKno?
● Lean Startup
● SPA con AngularJS
● API REST con JAX-RS
● Back-End: Spring
● OpenShift
www.volkno.com.ar

VolKno: Voluminous Knowledge
● Acomodá tu contenido favorito
● Descubrí la información que te gusta
www.volkno.com.ar

● Traé tus links favoritos
● Organizalos en estantes públicos
● Leelos, Compartilos, Comentalos
www.volkno.com.ar
Organizá

● Descubrí la información que te gusta
● Recibí notificaciones con sugerencias
● Explorá los temas destacados
www.volkno.com.ar
Descubrí

Accedé desde cualquier lado
www.volkno.com.ar

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

Startup = Experimento
Parar de hacer perder el tiempo
a la gente
Producto Mínimo Viable
(MVP)
www.volkno.com.ar
Lean

www.volkno.com.ar
¿Qué aprendimos?

www.volkno.com.ar
Validate Learning

www.volkno.com.ar
Medir! Medir! Medir! Medir!

¿Cuántas veces puedo pivotar
antes de quedarme sin plata?
www.volkno.com.ar
Pivotar
MVP Ajustar Pivotar o
Seguir

● 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

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

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

● 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

www.volkno.com.ar
Arquitectura VolKno

Explosión de Frameworks JS
http://todomvc.com/
www.volkno.com.ar

● Por su diseño modular y escalable
● Por su alta adopción
● Por su comunidad
www.volkno.com.ar
¿Por qué AngularJS?

¿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

www.volkno.com.ar
Building Blocks

● 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?

www.volkno.com.ar
API REST
JAX-RS

¿Por qué las APIs se están
comiendo al mundo?
www.volkno.com.ar

El Club de los Billonarios
www.volkno.com.ar

El Club de los Billonarios
¡Según Twitter,
el 60% de los
tweets viene de
Aplicaciones de
Terceros!
www.volkno.com.ar

● Bien definidas
● Bien documentadas
● Proveer Herramientas
● Deben funcionar muy bien
● ¡Listas para Usar!
www.volkno.com.ar
Las APIs son Contratos

● 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

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

● 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

● @Path
● @GET, @POST, @PUT, @DELETE
● @Produces, @Consumes
www.volkno.com.ar
Algunas Anotaciones

● La documentación de Apache CXF
● Libro de Bill Burke (O’Reilly)
www.volkno.com.ar
¿Cómo empezar?

Spring, MyBatis, PostgreSQL
www.volkno.com.ar
Back-End

● 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

Inyección de Dependencia
www.volkno.com.ar

Objeto de Acceso a Datos
www.volkno.com.ar

Pruebas Unitarias con Mockito
www.volkno.com.ar

Pruebas Integración DBUnit
www.volkno.com.ar

● 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

www.volkno.com.ar
Computación en la Nube

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

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

● Getting Started with OpenShift
www.volkno.com.ar
¿Cómo empezar?

http://www.volkno.com.ar/widget.html?shelf=1378
www.volkno.com.ar
Bibliografía

Charla de VolKno en UTN

Recomendados

Recomendados

Más contenido relacionado

Similar a Charla de VolKno en UTN

Similar a Charla de VolKno en UTN (20)

Último

Último (11)

Charla de VolKno en UTN