alejandro andré responsable de desarrollo de aplicaciones de telepizza
DESCRIPTION
Alejandro andré responsable de desarrollo de aplicaciones de Telepizza, nos cuenta por qué se decantaron por Firefox OS, cómo lo conocieron y los beneficios que tiene para TelepizzaTRANSCRIPT
![Page 1: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/1.jpg)
Aplicación para Firefox OS
La experiencia de Telepizza
![Page 2: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/2.jpg)
© Telepizza, 2013
¿Por qué una aplicación para Firefox OS?
La esencia de la estrategia consiste en la elección de lo que no se debe hacer
Michael Porter
’’
![Page 3: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/3.jpg)
© Telepizza, 2013
Antecedentes
Estrategia multicanal
Aplicaciones• Web
• Web móvil
• Apps� iPhone
� Android
� Nokia
� Blackberry *
• TV
Países• España
• Portugal
• Polonia
• Chile
![Page 4: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/4.jpg)
© Telepizza, 2013
Algunos números
Web• Volumen:
� Más de 10.000.000 pedidos en 5 años.
� Más de 1.000.000 clientes online.
• Uso:� >%25 pedidos online, >%30 vs teléfono.
� Algunas tiendas >60%.
� ~20% por móvil, creciendo muy fuertemente.
• Conversión:� >%25 conversión de visita única a pedido.
� >%50 conversión de login a pedido.
� Frecuencia y valor de cliente superior al teléfono.
![Page 5: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/5.jpg)
© Telepizza, 2013
Algunos números
L
MX
JV S
D
Com
ida
Cen
a
![Page 6: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/6.jpg)
© Telepizza, 2013
Dificultades
Lenguajes• HTML/CSS/Javascript
• .NET/C#
• Java/Android
• Objective C/iOS
Modelos de propiedad• Propiedad
• Revenue-share
Cambios frecuentes• Políticas de precios, promociones, productos
• Actualizaciones, nuevas tecnologías, nuevos disposi tivos...
Nuevos países
![Page 7: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/7.jpg)
© Telepizza, 2013
Dificultades
Alto coste de mantenimiento
![Page 8: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/8.jpg)
© Telepizza, 2013
Nueva estrategia
Web / HTMLDiseño “ responsive ”
![Page 9: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/9.jpg)
© Telepizza, 2013
Nueva estrategia
HTML4• Call center
HTML4 responsive• Navegadores PC
• Tablet, Smartphones
• Firefox OS.
HTML5 responsive• Apps híbridas: iOS, Android
• Apps hosted: Firefox OS (futuro)
Web services• Agregadores WS
![Page 10: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/10.jpg)
© Telepizza, 2013
Ventajas del diseño “responsive”
Adaptable• A cualquier resolución.
• A cualquier dispositivo actual o futuro.
• HTML4 (Web, Smartphones) / HTML5 (Apps, TV)
Eficiente• Ancho de banda ajustado.
Mantenible• Un sólo código.
Resultado.• Navegadores soportados: IE8+, Chrome, FF, Safari...
• Dispositivos soportados: TODOS con navegador
![Page 11: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/11.jpg)
© Telepizza, 2013
Ventajas del diseño “responsive”
Experiencia de usuario optimizada para cada dispositivo
![Page 12: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/12.jpg)
© Telepizza, 2013
Foco
Foco en plataformas con presencia en mercado y/o potencial de crecimiento en
países Telepizza
![Page 13: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/13.jpg)
© Telepizza, 2013
¿Cómo se hizo?
Tipo de aplicación: empaquetada vs alojada.• Empaquetadas (off-line)
• Hospedadas (web/on-line)
¿Por qué hospedada?• Catálogo y política promocional diferente por tiend a.
• Política promocional diferente por día.
• Control de existencias.
• Selección de tienda / Callejero.
• Horarios de apertura
• Plazos de entrega.
• Medios de pago.
• Estado del pedido.
![Page 14: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/14.jpg)
© Telepizza, 2013
¿Cómo se hizo?
Tecnologías y APIs utilizadas• Frontal: HTML, CSS y Javascript
• Backoffice: .NET
• APIs específicas - Geolocalización:� Selección tienda cercana a recoger.
� Autocompletado campos dirección domicilio.
• Ajustes específicos para Firefox OS
Dificultades encontradas• Identificación del dispositivo.
• Pasarelas de pagos.
![Page 15: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/15.jpg)
© Telepizza, 2013
¿Cómo se hizo?
Manifiesto de la aplicación{
"version": "2.0.2",
"name": "Telepizza 2.0","description": "Telepizza - Comida a Domicilio y Ofertas Exclusivas","developer": {
"name": "Tele Pizza S.A.U.","url": http://www.telepizza.es
},
"launch_path": "/home?app=firefox","fullscreen": "true","orientation": ["portrait"],"installs_allowed_from": ["*"],"icons": {
"128": "/icon-firefox.png"},"permissions": {
"geolocation": {"description": "Required to show your current location." }
},"default_locale": "es","locales": {
"es": {….
![Page 16: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/16.jpg)
© Telepizza, 2013
¿Cómo se hizo?
Manifiesto de la aplicación
• URL específica
• Idiomas soportados
• Iconos
• Orientación
• Permisos
![Page 17: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/17.jpg)
© Telepizza, 2013
¿Cómo se hizo?
Icono
![Page 18: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/18.jpg)
© Telepizza, 2013
¿Cuánto tardamos?
Web responsive
• Diseño: 3 meses� Largas discusiones con Marketing para definir la mejor UX.
� Pruebas con usuarios finales.
• Desarrollo: 3 meses
• Pruebas: 1 mes
• Despliegue paulatino� Más de 15 versiones hasta la versión actual.
![Page 19: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/19.jpg)
© Telepizza, 2013
¿Cuánto tardamos?
Adaptación a Firefox OS
• 1 semana adaptación y pruebas sobre emulador.
• 1 día pruebas sobre dispositivos reales.
• 1 día ajustes.
• 1 semana publicación y aprobación en el marketplace.
![Page 20: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/20.jpg)
© Telepizza, 2013
El resultado
![Page 21: Alejandro andré responsable de desarrollo de aplicaciones de Telepizza](https://reader034.vdocuments.site/reader034/viewer/2022051209/5482fd815806b506058b4735/html5/thumbnails/21.jpg)
© Telepizza, 2013
Gracias!