Febrero 2013 en Spotify. Desarrollo web

@jmperezperez Ingeniero Software - Frontend Web Developer Spotify - Estocolmo José Manuel Pérez Pérez Quién soy?

Qué es Spotify Cómo se usan las tecnologías web en Spotify Qué proporcionan Desafíos y consejos De qué voy a hablar

Cliente de escritorio

Clientes móviles

TV

20.000.000 usuarios activos. 5.000.000 suscripciones. 20.000.000 tracks 1.000.000.000 playlists Spotify en cifras

Dónde se aplica el desarrollo web en Spotify Componentes Web

Departamento técnico: Aprox. 250 empleados: Estocolmo, Gotemburgo, San Francisco y New York. Perfiles web: Backend: Python, Java, PHP, C++ Frontend: JavaScript y HTML5 Objetivo: mantener la calidad del servicio y la experiencia de usuario, a medida que vamos creciendo. Desafío tecnológico

Equipos de 5 a 10 personas: diferentes perfiles Startups independientes Metodologías ágiles Tests, revisiones de código Hack days / hack week (10% tiempo) Estructura y modo de trabajo

Dónde está el desarrollo Web

Spotify.com

Spotify Play Button

Web player

Spotify Apps

API JS: Buscar contenido, acceder a la biblioteca del usuario API Views: Insertar elementos UI (listas, carátulas con reproductor, botones...) Ejemplos: letras de canciones, noticias, generadores de playlists, juegos de preguntas, reproducción de listas de forma colaborativa... Apps HTML5 Web apps para Spotify Spotify Apps

Clientes híbridos: iOS radio

Cliente móvil (radio) Cliente de escritorio (novedades, radio, actividad) + Web Player Ciertas funcionalidades están implementadas usando web Nativo + web Desarrollo híbrido

Capa que expone servicios de la plataforma en forma de JS API JS común Desarrollo de features Cómo se consigue Nativo + web Desarrollo híbrido

Reutilización de código (multiplataforma) Hace más fácil que un equipo puede ser dueño de una funcionalidad Escalabilidad e independencia: Múltiples pequeñas features desarrolladas independientemente Facilidad de despliegue de actualizaciones y correcciones Facilidad de integración de desarrollos de partners (campañas, aplicaciones) Future friendly Por qué utilizar web Por qué

Conocer bien la plataforma (necesito librerías?) Separación por capas (i.e. vista personalizada) Responsive Web Design Client feature-detection Optimización Idealmente, el mismo código se puede ejecutar en todas las plataformas Desarrollar web multiplataforma Cómo

Web se ejecuta sobre una capa superior (iPhone, Android) Desarrollo nativo tiene, en principio, mejor rendimiento Hechos Again Web vs native

Estructuración de funcionalidad en pequeños módulos Prototipar y testear. Estar dispuesto a hacerlo. Cómo abordarlo Web vs native

Febrero 2013 @jmperezperez Gracias!

Febrero 2013 jobs.spotify.com developer.spotify.com @SpotifyPlatform Más info