Cosas que aprendes diseñando aplicaciones

Algunas de las lecciones aprendidas con veinte años diseñando aplicaciones. Opinionated stuff. Presentado durante la LechazoConf 2018.

Transcript

1. Cosas que aprendes diseñando aplicaciones. @nachocoloma Photo by Scott Jackson on Unsplash
2. Hola. Me llamo Nacho Soy de La Laguna, Tenerife
3. Hola. Bueno. Las afueras de La Laguna.
4. Mi cuarto proyecto 2002 1996 Termino mi carrera. Diseño el software que gestiona los 43 aeropuertos de AENA en España.
5. Mi cuarto proyecto 2002 1996 Termino mi carrera. Diseño el software que gestiona los 43 aeropuertos de AENA en España. Con 27 años, era el más joven de un equipo de 30 personas.
6. Fast forward un par de años Banca para empresas, Tráfico marítimo, Tren de alta velocidad 2002 1996 Termino mi carrera Diseño el software que gestiona los 43 aeropuertos de AENA en España 2009
7. Por tierra, mar y aire
8. Por tierra, mar y aire
9. Koliseo Primer producto 2002 1996 Termino mi carrera Diseño software para aeropuertos, tráfico marítimo y ferroviario, banca 2009 Éxi f as
10. Producto != Proyecto Te implicas a largo plazo y creces con él Java tests 580 JavaScript tests 380
11. El significado de full stack Java: SDK 1.1.7 – 8, JEE, Junit, TestNG, JRebel, Jackson, GSON, Guava, Joda Time, Swing - Java (DI): Spring, Guice, Dagger, AOP - Java (Persistence): Objectify, JDO, JPA, MyBatis, Hibernate - Java (Build tools): Gradle, Maven, Ant - Java (Integration): Protobuf, JMS, JAX-RS, JAX-WS, Retrofit, Cloud Endpoints Java (Web): Jersey, JAX-RS, Mustache.java, Spring MVC, JSF, Struts, Struts Action 2, JSP, Tag Files, Ehcache, OSCache, Selenium - Java (Server): Jetty, Tomcat, Weblogic, Websphere, JBoss, Geronimo - Web: HTML5, CSS3, Sass, LESS, Chrome Web Insights, WebPageTest, Bootstrap, Foundation, SVG - JavaScript (client-side): ECMAScript 6, jQuery, Zepto, Backbone, Handlebars, React.js, Require.js, Browserify, Underscore, Lo-Dash, QUnit - JavaScript (server-side): node.js, npm, Bower, ECMAScript 6, Promises, jspm, Gulp, Grunt, Express, Mongoose, Google Closure Compiler, Uglifyjs, Jade, JSHint - Server-side ruby: Jekyll, Live-Reload Google Cloud Platform: App Engine (GAE), Compute Engine (GCE), Cloud Storage (GCS), BigQuery, Cloud Datastore, Cloud SQL, Identity Toolkit, Cloud Endpoints, Container Engine (GKE), Docker, Ansible, Kubernetes, Memcache - Android: Dagger, OkHttp, Picasso, Retrofit - Databases: Google Cloud Datastore, MongoDB, Redis, MySQL, Postgres, Oracle, H2 / hsqldb, LDAP - Security: Oauth, OAuth2, OpenID, Webseal, Tivoli Access Manager, Spring Security - Project Management: Scrum, Kanban, Agile, XP, Critical Chain - Version Control: Git, Subversion, Mercurial - IDE: Eclipse, IntelliJ IDEA, Sublime Text Editor 2/3, Atom, Vim - Other: Apache 2, Stripe
12. El significado de full stack Java: SDK 1.1.7 – 8, JEE, Junit, TestNG, JRebel, Jackson, GSON, Guava, Joda Time, Swing - Java (DI): Spring, Guice, Dagger, AOP - Java (Persistence): Objectify, JDO, JPA, MyBatis, Hibernate - Java (Build tools): Gradle, Maven, Ant - Java (Integration): Protobuf, JMS, JAX-RS, JAX-WS, Retrofit, Cloud Endpoints Java (Web): Jersey, JAX-RS, Mustache.java, Spring MVC, JSF, Struts, Struts Action 2, JSP, Tag Files, Ehcache, OSCache, Selenium - Java (Server): Jetty, Tomcat, Weblogic, Websphere, JBoss, Geronimo - Web: HTML5, CSS3, Sass, LESS, Chrome Web Insights, WebPageTest, Bootstrap, Foundation, SVG - JavaScript (client-side): ECMAScript 6, jQuery, Zepto, Backbone, Handlebars, React.js, Require.js, Browserify, Underscore, Lo-Dash, QUnit - JavaScript (server-side): node.js, npm, Bower, ECMAScript 6, Promises, jspm, Gulp, Grunt, Express, Mongoose, Google Closure Compiler, Uglifyjs, Jade, JSHint - Server-side ruby: Jekyll, Live-Reload Google Cloud Platform: App Engine (GAE), Compute Engine (GCE), Cloud Storage (GCS), BigQuery, Cloud Datastore, Cloud SQL, Identity Toolkit, Cloud Endpoints, Container Engine (GKE), Docker, Ansible, Kubernetes, Memcache - Android: Dagger, OkHttp, Picasso, Retrofit - Databases: Google Cloud Datastore, MongoDB, Redis, MySQL, Postgres, Oracle, H2 / hsqldb, LDAP - Security: Oauth, OAuth2, OpenID, Webseal, Tivoli Access Manager, Spring Security - Project Management: Scrum, Kanban, Agile, XP, Critical Chain - Version Control: Git, Subversion, Mercurial - IDE: Eclipse, IntelliJ IDEA, Sublime Text Editor 2/3, Atom, Vim - Other: Apache 2, Stripe
13. “Full Stack” La versión resumida • Server side code • Client side code: web and mobile • Database: SQL or noSQL • CI/CD
14. La foto completa • Server side code • Client side code: web and mobile • Database: SQL or noSQL • CI/CD Y también • IaaS / PaaS / CaaS / Serverless • Networking, Load Balancing, CDN • Logging / Monitoring / Alerting. • Security • Legal: GDPR, Safe Harbor, MCCs • Big Data / Reporting • Machine Learning • HA y Disaster recovery
15. SLA “Hope is not a strategy” -- SRE motto at Google • SLO (Service Level Objective): El porcentaje de disponibilidad que fijas como objetivo de tu sistema. • SLA (Service Level Agreement): Un SLO externo que incluye penalizaciones si no se cumple. • Ejemplo: SLA de 99.9% al mes con un SLO interno de 99.95%.
16. SLA • SLO (Service Level Objective): El porcentaje de disponibilidad que fijas como objetivo de tu sistema. • SLA (Service Level Agreement): Un SLO externo que incluye penalizaciones si no se cumple. • Ejemplo: SLA de 99.9% al mes con un SLO interno de 99.95%. ◦ 99.9% = 8h ◦ 99.95% = 4h ◦ 99% = 3d
17. Los múltiples niveles de un bug Arregla el problema, no el mensaje de error NullPointerException en producción: • ¿Por qué ha fallado? • ¿Puede darse en producción? • Si es así, ¿podemos tener una excepción más correcta? • Si no es así, ¿podemos tener un error más inteligible? • Y por supuesto, arreglar el error
18. Listados vacíos Los listados vacíos son una oportunidad perdida
19. Listados vacíos En su lugar, puedes hacer onboarding, introducir conceptos, enlazar con la ayuda, amenizar la página. 15 Instancias de <EmptyView>
20. La ayuda Responsive, mobile first, con tests unitarios, proofread.
21. La ayuda Responsive, mobile first, con tests unitarios, proofread.
22. La última milla La vida de un requisito: añadir el género de un ponente
23. La última milla La vida de un requisito: añadir el género de un ponente • Implementar el género: masculino, femenino • Filtrar por género
24. La última milla La vida de un requisito: añadir el género de un ponente • Implementar el género: masculino, femenino • Filtrar por género • Test unitario del filtro
25. La última milla La vida de un requisito: añadir el género de un ponente • Implementar el género: masculino, femenino • Filtrar por género • Test unitario del filtro • Géneros adicionales: Otros / No especificado
26. La última milla La vida de un requisito: añadir el género de un ponente • Implementar el género: masculino, femenino • Filtrar por género • Test unitario del filtro • Géneros adicionales: Otros / No especificado • Qué pasa con los datos existentes • Qué pasa si echo atrás este cambio • Compatibilidad hacia atrás del API
27. La última milla La vida de un requisito: añadir el género de un ponente • Implementar el género: masculino, femenino • Filtrar por género • Test unitario del filtro • Géneros adicionales: Otros / No especificado • Qué pasa con los datos existentes • Qué pasa si echo atrás este cambio • Compatibilidad hacia atrás del API Última milla • Documentar la funcionalidad • Anunciar la funcionalidad: blog post, tweet • Cambiar el avatar por defecto • Genderize.io
28. Loading placeholders Rendimiento percibido por el usuario
29. Reimplementado en React Deuda técnica pagada, 60% menos JavaScript, toneladas de tests unitarios y mejor rendimiento
30. • Ayuda completa • Casi mil tests unitarios • Onboarding en listados vacíos • Loading placeholders • 100% proofread • Deuda técnica pagada • Performance! • Aplicación de control de accesos para mobile • Cuatro proveedores de OAuth 2.0 Todas las métricas “on fire” Much WOW. So awesome.
32. No estábamos midiendo correctamente Cuando optimizas tu trabajo para unas métricas en lugar de apreciar la foto global
33. You are not the customer Koliseo ha sido nuestro mayor éxito y nuestro mayor fracaso. Cuesta lo mismo construir el producto correcto que el producto equivocado. Photo credit: Startup Vitamin
34. Seis años de Codemotion, uno de Commit 160 ponentes, 140 sesiones, 12 tracks
35. Algunos números 500 propuestas de charla x tres minutos por charla = 25 horas = 3 días Montar la agenda de Codemotion solía tomar un mes entero a jornada completa Tres días invertidos sólo en cambios de última hora 160 avatares que poner en tamaño cuadrado es un dolor
36. Photo by Michael Olsen on Unsplash Detectamos una necesidad no cubierta donde pivotar
37. Detectar demanda Poner las charlas con mayor interés en salas con mayor capacidad Big Data Superpowers
38. Progressive Web Application Filtrar charlas y soporte offline en el navegador, disponible en Chrome, Firefox, Safari y Edge
39. Feedback bienvenido A día de hoy hay más de 8.700 entradas de feedback en koliseo.com
40. La medida del éxito Cambiar una charla desde la cena de ponentes, la noche antes del evento. De pie, desde el móvil. Photo by Bundo Kim on Unsplash
41. Qué hemos aprendido Producto no es proyecto, aquí el mérito técnico no lo es todo. Valida tu idea. Build something people wants.
42. Photo by Rodion Yutsaev on Unsplash ¡Gracias! @nachocoloma