SlideShare una empresa de Scribd logo
www.interlat.co	
  –	
  info@interlat.co	
  -­‐	
  	
  h2p://www.facebook.com/interlat	
  -­‐	
  www.twi2er.com/interlat	
  -­‐	
  PBX:	
  57(1)	
  658	
  2959	
  	
  -­‐	
  Bogotá	
  -­‐	
  Colombia	
  
Aula	
  Virtual:	
  h2p://www.interlat.co/moodle/
Miércoles de Profundización en 	
  
e-business 	
  
Tema : Construyendo y publicando nuestra primera
App multiplataforma.	
  
Conferencista: Carlos Alonso Pérez	
  
País: España
Índice de la presentación
• Planeando nuestra aplicación
• Construcción
• Publicación
• Conclusiones
Planeando nuestra aplicación
• Objetivos
• Problemas
• Soluciones
• Viabilidad
• Decisión final
Objetivo: Triunfar
Objetivo: Triunfar
¿Qué hace falta para triunfar?
¿Qué hace falta para triunfar?
¿Qué hace falta para triunfar?
¿Qué hace falta para triunfar?
Y ...
Llegar a todos los públicos
Problema:
Problema: La fragmentación
Fragmentación: Sistemas Operativos.
Fragmentación: Tamaño de pantalla.
Fragmentación: Método de entrada.
Fragmentación: Hardware.
Fragmentación: Errores software.
Fragmentación: Conclusión
Equilibrio
Capacidades utilizadas
Clientes Potenciales
vs
Solución: Una única aplicación
Solución: Una única aplicación multiplataforma
Estudio de la solución: Tecnologías disponibles
HTML 5. Potencia y capacidades para tu browser
E"quetas	
  semán"cas
<header>
<nav> <section>
<article>
<figure>
<footer>
<menu>
Acceso	
  Hardware
Filesystem Sensores
Almacenamiento	
  local
Funcionamiento	
  offline
Comunicaciones	
  en	
  
"empo	
  real
NoQficaciones
WebSockets
Web	
  workers
Mul"media	
  y	
  Gráficos
canvas	
  2D	
  y	
  3D
gráficos	
  vectoriales	
  (SVG)
audio	
  y	
  vídeo
Javascript. El lenguaje de programación de la web.
prototype
eval
isFunction
typeof
instanceof
Object
new Function()
Object.isPrototypeOf()
Clases y objetos
CSS 3. Experiencia de usuario de última generación
Selectores
TipograZas	
  personalizadas
Efectos	
  en	
  textos	
  
Organización	
  en	
  columnasSemi	
  Transparencias
Colores	
  personalizados
Esquinas	
  redondeadas
Gradientes
Sombras
Animaciones
Transformaciones
jQuery Mobile. Desarrollo móvil rápido y sencillo
Javascript	
  no	
  intrusivo
Plugins
Máxima	
  compaQbilidad
Muy	
  ligero
Ampliamente	
  usado‘write	
  less,	
  do	
  more’
Documentación
Viabilidad técnica
SI
•	
  Geolocalización	
  (GPS)	
  
•	
  Reproducción	
  mulQmedia	
  
•	
  Sensores	
  de	
  movimiento	
  
•	
  Almacenar	
  datos	
  locales	
  
•	
  Acceso	
  offline
NO
•	
  Otros	
  sensores	
  
•	
  Cámara	
  
•	
  NoQficaciones	
  
•	
  Web	
  GL	
  	
  
•	
  Alto	
  rendimiento
h2p://mobilehtml5.org/
Decisión final
Construyendo nuestra aplicación multiplataforma
• Demo
• Primeros pasos
• Componentes UI
• Capacidades HTML 5
• Diseño personalizado
http://js-interlat-demo.herokuapp.com
Primeros pasos. El documento
Primeros pasos. El viewport
Primeros pasos. Estructura de la aplicación
Componentes UI
Componentes UI.
Componentes UI
Componentes UI
Construyendo y publicando nuestra primera app multi plataforma (II)
Construyendo y publicando nuestra primera app multi plataforma (II)
Construyendo y publicando nuestra primera app multi plataforma (II)
Construyendo y publicando nuestra primera app multi plataforma (II)
Diseño personalizado.
• CSS
• jQuery Theme Roller
Publicando nuestra aplicación multiplataforma
• Como aplicación nativa
• Como aplicación híbrida
• Como aplicación web
Como aplicación nativa
... ...
Como aplicación híbrida
... ...
Como aplicación web. Instalación
Como aplicación web. Instalación II
Conclusión
Buena solución...
Conclusión
Buena solución...
... pero no definitiva.
www.interlat.co	
  –	
  info@interlat.co	
  -­‐	
  	
  h2p://www.facebook.com/interlat	
  -­‐	
  www.twi2er.com/interlat	
  -­‐	
  PBX:	
  57(1)	
  658	
  2959	
  	
  -­‐	
  Bogotá	
  -­‐	
  Colombia	
  
Aula	
  Virtual:	
  h2p://www.interlat.co/moodle/
Gracias!
Carlos Alonso Pérez	
  
Web Developer - OffsideGaming
Site: http://mrcalonso.com
Email: info@mrcalonso.com
Twitter: @calonso

Más contenido relacionado

La actualidad más candente

Windows phonesessions
Windows phonesessionsWindows phonesessions
Windows phonesessions
Roberto Luis Bisbé
 
Básicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciaciónBásicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciación
Fernando Puente
 
Extender la funcionalidad de WordPress
Extender la funcionalidad de WordPressExtender la funcionalidad de WordPress
Extender la funcionalidad de WordPress
Fernando Puente
 
Análisis de Grav Cms, ¿es mejor que Wordpress?
Análisis de Grav Cms, ¿es mejor que Wordpress?Análisis de Grav Cms, ¿es mejor que Wordpress?
Análisis de Grav Cms, ¿es mejor que Wordpress?
Daniel Primo
 
Taller Desarrollo Móvil Webprendedor '09
Taller Desarrollo Móvil Webprendedor '09Taller Desarrollo Móvil Webprendedor '09
Taller Desarrollo Móvil Webprendedor '09
Sebastián Gamboa
 
Sofia prezi (1)
Sofia prezi (1)Sofia prezi (1)
Sofia prezi (1)
Sofia Botina
 
Joomla mobile
Joomla mobileJoomla mobile
Joomla mobile
joomladaycolombia
 
Power point para miercoles
Power point para miercolesPower point para miercoles
Power point para miercoles
luuysaaa
 
Construye un bot para Microsoft Teams sin saber programar
Construye un bot para Microsoft Teams sin saber programarConstruye un bot para Microsoft Teams sin saber programar
Construye un bot para Microsoft Teams sin saber programar
Luis Beltran
 
Dn12 u3 a9_rrmg
Dn12 u3 a9_rrmgDn12 u3 a9_rrmg
Dn12 u3 a9_rrmg
Mary Ramos
 
Introducción a Axure RP
Introducción a Axure RPIntroducción a Axure RP
Introducción a Axure RP
Omar Fernando Zafe
 
Prezi presentacion
Prezi presentacionPrezi presentacion
Prezi presentacion
estefa20
 
Taller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de pluginsTaller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de plugins
Fernando Puente
 
Mobile landing pages (Spanish)
Mobile landing pages (Spanish)Mobile landing pages (Spanish)
Mobile landing pages (Spanish)
marcwan
 

La actualidad más candente (14)

Windows phonesessions
Windows phonesessionsWindows phonesessions
Windows phonesessions
 
Básicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciaciónBásicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciación
 
Extender la funcionalidad de WordPress
Extender la funcionalidad de WordPressExtender la funcionalidad de WordPress
Extender la funcionalidad de WordPress
 
Análisis de Grav Cms, ¿es mejor que Wordpress?
Análisis de Grav Cms, ¿es mejor que Wordpress?Análisis de Grav Cms, ¿es mejor que Wordpress?
Análisis de Grav Cms, ¿es mejor que Wordpress?
 
Taller Desarrollo Móvil Webprendedor '09
Taller Desarrollo Móvil Webprendedor '09Taller Desarrollo Móvil Webprendedor '09
Taller Desarrollo Móvil Webprendedor '09
 
Sofia prezi (1)
Sofia prezi (1)Sofia prezi (1)
Sofia prezi (1)
 
Joomla mobile
Joomla mobileJoomla mobile
Joomla mobile
 
Power point para miercoles
Power point para miercolesPower point para miercoles
Power point para miercoles
 
Construye un bot para Microsoft Teams sin saber programar
Construye un bot para Microsoft Teams sin saber programarConstruye un bot para Microsoft Teams sin saber programar
Construye un bot para Microsoft Teams sin saber programar
 
Dn12 u3 a9_rrmg
Dn12 u3 a9_rrmgDn12 u3 a9_rrmg
Dn12 u3 a9_rrmg
 
Introducción a Axure RP
Introducción a Axure RPIntroducción a Axure RP
Introducción a Axure RP
 
Prezi presentacion
Prezi presentacionPrezi presentacion
Prezi presentacion
 
Taller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de pluginsTaller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de plugins
 
Mobile landing pages (Spanish)
Mobile landing pages (Spanish)Mobile landing pages (Spanish)
Mobile landing pages (Spanish)
 

Destacado

Javascript - 2014
Javascript - 2014Javascript - 2014
Javascript - 2014
Carlos Alonso Pérez
 
Construyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataformaConstruyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataforma
Carlos Alonso Pérez
 
Swift and the BigData
Swift and the BigDataSwift and the BigData
Swift and the BigData
Carlos Alonso Pérez
 
Html5
Html5Html5
Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5
Carlos Alonso Pérez
 
iOS Notifications
iOS NotificationsiOS Notifications
iOS Notifications
Carlos Alonso Pérez
 
Ruby closures, how are they possible?
Ruby closures, how are they possible?Ruby closures, how are they possible?
Ruby closures, how are they possible?
Carlos Alonso Pérez
 
Enumerados Server
Enumerados ServerEnumerados Server
Enumerados Server
Carlos Alonso Pérez
 
Scalable data modelling by example - Cassandra Summit '16
Scalable data modelling by example - Cassandra Summit '16Scalable data modelling by example - Cassandra Summit '16
Scalable data modelling by example - Cassandra Summit '16
Carlos Alonso Pérez
 
Javascript
JavascriptJavascript
Cassandra for impatients
Cassandra for impatientsCassandra for impatients
Cassandra for impatients
Carlos Alonso Pérez
 
iCloud
iCloudiCloud
Case Study: Troubleshooting Cassandra performance issues as a developer
Case Study: Troubleshooting Cassandra performance issues as a developerCase Study: Troubleshooting Cassandra performance issues as a developer
Case Study: Troubleshooting Cassandra performance issues as a developer
Carlos Alonso Pérez
 
Cassandra Workshop - Cassandra from scratch in one day
Cassandra Workshop - Cassandra from scratch in one dayCassandra Workshop - Cassandra from scratch in one day
Cassandra Workshop - Cassandra from scratch in one day
Carlos Alonso Pérez
 
Programacion web
Programacion webProgramacion web
Programacion web
Carlos Alonso Pérez
 
Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)
Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)
Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)
Carlos Alonso Pérez
 

Destacado (16)

Javascript - 2014
Javascript - 2014Javascript - 2014
Javascript - 2014
 
Construyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataformaConstruyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataforma
 
Swift and the BigData
Swift and the BigDataSwift and the BigData
Swift and the BigData
 
Html5
Html5Html5
Html5
 
Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5
 
iOS Notifications
iOS NotificationsiOS Notifications
iOS Notifications
 
Ruby closures, how are they possible?
Ruby closures, how are they possible?Ruby closures, how are they possible?
Ruby closures, how are they possible?
 
Enumerados Server
Enumerados ServerEnumerados Server
Enumerados Server
 
Scalable data modelling by example - Cassandra Summit '16
Scalable data modelling by example - Cassandra Summit '16Scalable data modelling by example - Cassandra Summit '16
Scalable data modelling by example - Cassandra Summit '16
 
Javascript
JavascriptJavascript
Javascript
 
Cassandra for impatients
Cassandra for impatientsCassandra for impatients
Cassandra for impatients
 
iCloud
iCloudiCloud
iCloud
 
Case Study: Troubleshooting Cassandra performance issues as a developer
Case Study: Troubleshooting Cassandra performance issues as a developerCase Study: Troubleshooting Cassandra performance issues as a developer
Case Study: Troubleshooting Cassandra performance issues as a developer
 
Cassandra Workshop - Cassandra from scratch in one day
Cassandra Workshop - Cassandra from scratch in one dayCassandra Workshop - Cassandra from scratch in one day
Cassandra Workshop - Cassandra from scratch in one day
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)
Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)
Sensors (Accelerometer, Magnetometer, Gyroscope, Proximity and Luminosity)
 

Similar a Construyendo y publicando nuestra primera app multi plataforma (II)

Desarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móvilesDesarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móviles
Juan Eladio Sánchez Rosas
 
Aplicaciones moviles en mozilla
Aplicaciones moviles en mozillaAplicaciones moviles en mozilla
Aplicaciones moviles en mozilla
Tensor
 
Desarrollo multiplataforma de apps con GWT y PhoneGap
Desarrollo multiplataforma de apps con GWT y PhoneGapDesarrollo multiplataforma de apps con GWT y PhoneGap
Desarrollo multiplataforma de apps con GWT y PhoneGap
betabeers
 
Charla 1er betabeers Córdoba
Charla 1er betabeers CórdobaCharla 1er betabeers Córdoba
Charla 1er betabeers Córdoba
Luis Muñoz Hueso
 
Presentacion cw2012
Presentacion cw2012Presentacion cw2012
Presentacion cw2012
Alberto Garrido
 
INTRODUCCION A ANDROID
INTRODUCCION A ANDROIDINTRODUCCION A ANDROID
INTRODUCCION A ANDROID
Richard Eliseo Mendoza Gafaro
 
Xamarin Dev Days - Introducción a Xamarin
Xamarin Dev Days - Introducción a XamarinXamarin Dev Days - Introducción a Xamarin
Xamarin Dev Days - Introducción a Xamarin
Javier Suárez Ruiz
 
Boya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows PhoneBoya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows Phone
Sorey García
 
Share point y los dispositivos moviles
Share point y los dispositivos movilesShare point y los dispositivos moviles
Share point y los dispositivos moviles
Adrian Diaz Cervera
 
Barcamp Mobile Web
Barcamp Mobile WebBarcamp Mobile Web
Barcamp Mobile Web
Maximiliano Firtman
 
Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...
Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...
Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...
CLEFormación
 
Azure Functions
Azure FunctionsAzure Functions
Azure Functions
Ivan Martinez
 
Azure Functions Spanish
Azure Functions SpanishAzure Functions Spanish
Azure Functions Spanish
CDS
 
Demo 2012
Demo 2012Demo 2012
Demo 2012
fzarazuaceron
 
Android: ambiente de desarrollo presente y futuro
Android: ambiente de desarrollo presente y futuroAndroid: ambiente de desarrollo presente y futuro
Android: ambiente de desarrollo presente y futuro
spyderp14
 
Introducción a los "Pelochos"
Introducción a los "Pelochos"Introducción a los "Pelochos"
Introducción a los "Pelochos"
Javier Suárez Ruiz
 
Mobile and web development
Mobile and web developmentMobile and web development
Mobile and web development
René Cum
 
Global AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptx
Global AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptxGlobal AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptx
Global AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptx
Luis Beltran
 
Webinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españaWebinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españa
Jerilee Dueñas Rengifo
 
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
Interlat
 

Similar a Construyendo y publicando nuestra primera app multi plataforma (II) (20)

Desarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móvilesDesarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móviles
 
Aplicaciones moviles en mozilla
Aplicaciones moviles en mozillaAplicaciones moviles en mozilla
Aplicaciones moviles en mozilla
 
Desarrollo multiplataforma de apps con GWT y PhoneGap
Desarrollo multiplataforma de apps con GWT y PhoneGapDesarrollo multiplataforma de apps con GWT y PhoneGap
Desarrollo multiplataforma de apps con GWT y PhoneGap
 
Charla 1er betabeers Córdoba
Charla 1er betabeers CórdobaCharla 1er betabeers Córdoba
Charla 1er betabeers Córdoba
 
Presentacion cw2012
Presentacion cw2012Presentacion cw2012
Presentacion cw2012
 
INTRODUCCION A ANDROID
INTRODUCCION A ANDROIDINTRODUCCION A ANDROID
INTRODUCCION A ANDROID
 
Xamarin Dev Days - Introducción a Xamarin
Xamarin Dev Days - Introducción a XamarinXamarin Dev Days - Introducción a Xamarin
Xamarin Dev Days - Introducción a Xamarin
 
Boya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows PhoneBoya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows Phone
 
Share point y los dispositivos moviles
Share point y los dispositivos movilesShare point y los dispositivos moviles
Share point y los dispositivos moviles
 
Barcamp Mobile Web
Barcamp Mobile WebBarcamp Mobile Web
Barcamp Mobile Web
 
Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...
Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...
Seminario &quot;Desarrollo para entornos móviles. Comparativas y tendencias&q...
 
Azure Functions
Azure FunctionsAzure Functions
Azure Functions
 
Azure Functions Spanish
Azure Functions SpanishAzure Functions Spanish
Azure Functions Spanish
 
Demo 2012
Demo 2012Demo 2012
Demo 2012
 
Android: ambiente de desarrollo presente y futuro
Android: ambiente de desarrollo presente y futuroAndroid: ambiente de desarrollo presente y futuro
Android: ambiente de desarrollo presente y futuro
 
Introducción a los "Pelochos"
Introducción a los "Pelochos"Introducción a los "Pelochos"
Introducción a los "Pelochos"
 
Mobile and web development
Mobile and web developmentMobile and web development
Mobile and web development
 
Global AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptx
Global AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptxGlobal AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptx
Global AI Night 2021 -Desarrollando un chatbot de WhatsApp serverless.pptx
 
Webinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españaWebinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españa
 
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
 

Construyendo y publicando nuestra primera app multi plataforma (II)