Ecosistemas Mobile - eCommerce Day Argentina 2016
-
Upload
mariano-kiwo-carrizo -
Category
Mobile
-
view
90 -
download
1
Transcript of Ecosistemas Mobile - eCommerce Day Argentina 2016
![Page 1: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/1.jpg)
Ecosistemas MobileWebApps a Nativas
Mariano A. CarrizoHead of Mobile – IDS Soluciones eCommerceInstructor – LinkedIn / IT Master Professional TrainingManager – Grupo de Desarrolladores iOS de Argentina
@kiwox marianocarrizo
![Page 2: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/2.jpg)
Web Mobile Web
![Page 3: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/3.jpg)
![Page 4: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/4.jpg)
Mobile Web WebApp
![Page 5: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/5.jpg)
<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 */}
CSS
JS
HTML
![Page 6: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/6.jpg)
<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">
![Page 7: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/7.jpg)
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:
![Page 8: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/8.jpg)
{ "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
![Page 9: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/9.jpg)
![Page 10: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/10.jpg)
HTMLCSSJSMEDIA
Nativo
![Page 11: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/11.jpg)
HTML
Nativo
![Page 12: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/12.jpg)
CheffSteps TripCase Untappd
![Page 13: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/13.jpg)
![Page 14: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/14.jpg)
Objective-CSwiftC/C++
JavaC/C++
![Page 15: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/15.jpg)
Híbrido Nativo
+
![Page 16: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/16.jpg)
• 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
Híbrido Nativo
![Page 17: Ecosistemas Mobile - eCommerce Day Argentina 2016](https://reader035.fdocuments.us/reader035/viewer/2022081605/58f2f84f1a28abf04f8b465d/html5/thumbnails/17.jpg)
Ecosistemas MobileWebApps a Nativas
Mariano A. CarrizoHead of Mobile – IDS Soluciones eCommerceInstructor – LinkedIn / IT Master Professional TrainingManager – Grupo de Desarrolladores iOS de Argentina
@kiwox marianocarrizo