Diapositivas presentadas por Mariano Carrizo, Head of Mobile IDS Soluciones eCommerce, en el eCommerce IT Camp dentro del marco del eCommerce Day Buenos Aires 2016.

1. Ecosistemas Mobile
WebApps a Nativas
Mariano A. Carrizo
Head of Mobile – IDS Soluciones eCommerce
Instructor – LinkedIn / IT Master Professional Training
Manager – Grupo de Desarrolladores iOS de Argentina
@kiwox marianocarrizo

2. Web Mobile Web

4. Mobile Web WebApp

5. <meta name=“apple-mobile-web-app-capable” content=“yes”>
@media all and (display-mode: standalone) {
/* Reglas para WebApp */
}
If(window.navigator.standalone) {
/* Código WebApp */
}

6. <link rel="apple-touch-icon" sizes="57x57" href="/img/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" href="/img/icono_todos.png">

7. PWA: Progressive Web Apps
https://developers.google.com/web/progressive-web-apps/
• WebWorkers
• Notificaciones Push
• Off-line
• Seguridad
• Optimización
• Metadatos normalizados
• Cross-Platform
Más info:

8. {
"name": "AliExpress",
"short_name": "AliExpress",
"icons": [{
"src": "/img/android-chrome-36x36.png",
"sizes": "36x36",
"type": "image/png"
},{
"src": "/img/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
}],
"start_url": "/?from=homescreen",
"display": "standalone",
"background_color": "#fff",
"theme_color": "#000",
"orientation": "portrait"
}
<link rel="manifest" href="/manifest.json">
https://m.aliexpress.com

10. Nativo

12. CheffSteps TripCase Untappd

14. Objective-C
Swift
C/C++
Java
C/C++

15. +

16. • Interfaces convencionales
• Poco uso de hardware
• Mayor dependencia de servidor
• Actualizaciones constantes
• Prototipos y pruebas de concepto
• Todas las plataformas
• UI de alto impacto
• Performance crítica
• Funcionalidad off-line
• Actualizaciones parciales
• Volúmen de datos
• Integrado a la plataforma

17. Explotando el potencial mobile:
Cómo llevar mi negocio a la mano del
consumidor
Federico Homovc - CTO
federico@clincshop.com

18. Aplicaciones nativas
Ventajas para las tiendas on line
• Mejor experiencia de usuario
• App diferenciada por plataforma
• Diseño específico para mobile
• Acceso a funcionalidades del dispositivo
• Mayor conversión

19. Conversión en mobile

20. Plataformas de eCommerce
Panorama actual
• Para las plataformas de eCommerce, la solución
mobile es una web responsive
• Alternativas: Web responsive, web app, app
nativa
• Mobile first y Mobile only

21. Estadísticas de conversión

22. Integración con plataformas de
eCommerce
Panorama actual
• Evolución de APIs
• Oauth2
• Documentación y soporte existentes
• Buena performance

23. Integración con plataformas de eCommerce
Limitaciones externas
• Falta de recursos en plataformas
• Falta de soluciones óptimas (Soap vs Rest)
Desafíos
• Adaptación de la información
• Experiencia de usuario omnichannel
• Mantenimiento de la información sincrónico y asincrónico

24. Integración con plataformas
externas

25. App factories
Ventajas
• Código reutilizable
• Opciones de personalización
• Configuración
• Bajo costo

26. App factories
Dificultades
• Integración con servicios externos (push
notifications, analytics, etc)
• Actualización de apps en gran escala
• Customización
• Mantenimiento cross-platform
• Mantenimiento de código

27. Preguntas