SlideShare una empresa de Scribd logo
1 de 89
La web móvil está  aquí... #geoinquietos Cantabria
Yo era un tranquilo   programador web
Tecleando  HTML, CSS y Javascript
960px, jQuery  o el # IE Preocupado por cosas como
Pero de un tiempo para acá...
Bla, bla,   iphone, android...   Bla, bla, bla, tablets... Bla, bla, bla, bla, html5... REVOLUCIÓN  MÓVIL
Eso debe ser algo como...
Web móvil
o tal vez  no...
La web  Móvil              Una visión, una experiencia y algunas herramientas  @VictorVelarde
Parte 1:  Visión del   contexto
          ¿Cómo es de importante el fenómeno?
6.854   millones
5.000  millones  con móvil
          ¿Y en España?
55,73 mill. En España
7.527.000     con  Internet móvil
¿Qué móviles?
Diversidad  de dispositivos
40 % smartphones
Símbolo
Cuota smartphones  España 2010-11
          ¿Y qué hay sobre su capacidad de trabajo?
1946 – ENIAC  El primer ordenador
2011 – Samsung Galaxy S2  10.000  veces + rápido  en 116 gramos
Multifunción: agenda, música, sensores...  ++  Internet &   GPS
El paraíso para un  #geoinquieto
Hoy sólo él tiene un  Galaxy S2   con Internet
En 2 años    cualquiera   lo tendrá...
por no hablar de  #tablets
          La web móvil es y será  esencial
Para móviles    desarrollar     tú debes
Parte 2:  Experiencias
          ¿Cómo empieza la cosa?
IH Cantabria  &  ciclo del agua
Desarrollo  software
Info tiempo real  www.redvigia.es
          El proyecto
 
Mashup OpenLayers
          Sería interesante una versión móvil...
Versión móvil con  jQuery Mobile
En acción...
 
 
...fin demo
          jQuery Mobile & OpenLayers Matlab SQL Server & Funciones espaciales ASP .NET (IIS) Servicios y datos  boyas (FTP)
          La web móvil está a  nuestro alcance
Parte 3:  Herramientas
          ¿Cómo desarrollo para móviles?
Lo nativo     es mejor...
iOS:  Objetive C + XCode + SDK
Android:  java + eclipse + SDK
Symbian : C++/J2ME + eclipse + SDK
Windows:  C# + Visual Studio + SDK
          Pero, ¿quién puede hacerlo para  todas  las plataformas?
 
...o un  buen Equipo
Porque lo nativo =   fragmentación
del programador...
          ¿Alternativas?
Web   móvil  vs. aplicación nativa
          VENTAJAS DESVENTAJAS DESVENTAJAS Implementación  + fácil Seguridad &  control Diseño + fácil Accesibilidad - icono Monetización APIs nativas Lentitud
Flexibilidad   vs  idoneidad
          Herramientas de desarrollo para web móvil
HTML5 + CSS3 + Javascript
 
Y otros...   DynamicX WinK jQTouch
          jQuery Mobile
Multidispositivo
Controles  & temas
Soporte táctil
Ejemplos en jqmGallery
          OpenLayers 2.11 y los dispositivos móviles
HTML5 Geolocation OpenLayers.Control.Geolocate
Controles y eventos táctiles Pinch, TouchNavigation, +/-Accelerometer
http://m.openlayers.org/ Ejemplos jQuery Mobile & Sencha Touch
          Tendencias
phonegap
¿  WebApp API’s ?   // ACCESO APIS // Telefonía, agenda, cámara... var call = navigator.telephony.open("tel:  +33612341234");
Emuladores *    Ripple chrome
          La web móvil es más fácil  con   herramientas
Recopilando...
          “ La web móvil  esencial  y está a nuestro  alcance  con las  herramientas  adecuadas”
No te quedes fuera ...
Surféa la  web móvil
          ?
 
[object Object]

Más contenido relacionado

Destacado

Aspectos de la teología de la liberación
Aspectos de la teología de la liberaciónAspectos de la teología de la liberación
Aspectos de la teología de la liberaciónRecursos Cristianos. Org
 
Fondo de control social: ciudadanos al cuidado de lo público en Cartagena
Fondo de control social: ciudadanos al cuidado de lo público en CartagenaFondo de control social: ciudadanos al cuidado de lo público en Cartagena
Fondo de control social: ciudadanos al cuidado de lo público en CartagenaTransparenciaporColombia
 
Quizz île de la réunion
Quizz île de la réunionQuizz île de la réunion
Quizz île de la réunionHANNA974
 
Le climat et développement durable prova zacademy
Le climat et développement durable prova zacademyLe climat et développement durable prova zacademy
Le climat et développement durable prova zacademyProveZacademy
 
Yo, mi región, mi cultura
Yo, mi región, mi culturaYo, mi región, mi cultura
Yo, mi región, mi culturaherilon
 
Licitaciones públicas transparentes - Argentina
Licitaciones públicas transparentes - ArgentinaLicitaciones públicas transparentes - Argentina
Licitaciones públicas transparentes - ArgentinaTransparenciaporColombia
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2Aireth Amaya
 
Pasos en la misma dirección
Pasos en la misma direcciónPasos en la misma dirección
Pasos en la misma direcciónsilviacenriquez
 
Api - mix it 2013
Api - mix it 2013Api - mix it 2013
Api - mix it 2013Eric D.
 

Destacado (20)

Aspectos de la teología de la liberación
Aspectos de la teología de la liberaciónAspectos de la teología de la liberación
Aspectos de la teología de la liberación
 
Fondo de control social: ciudadanos al cuidado de lo público en Cartagena
Fondo de control social: ciudadanos al cuidado de lo público en CartagenaFondo de control social: ciudadanos al cuidado de lo público en Cartagena
Fondo de control social: ciudadanos al cuidado de lo público en Cartagena
 
Discursos a mis_estudiantes
Discursos a mis_estudiantesDiscursos a mis_estudiantes
Discursos a mis_estudiantes
 
Quizz île de la réunion
Quizz île de la réunionQuizz île de la réunion
Quizz île de la réunion
 
Crecimiento y desarrollo
Crecimiento y desarrolloCrecimiento y desarrollo
Crecimiento y desarrollo
 
Adorary venerar
Adorary venerarAdorary venerar
Adorary venerar
 
Un examen doctrina católica romana
Un examen doctrina católica romanaUn examen doctrina católica romana
Un examen doctrina católica romana
 
Paroles
ParolesParoles
Paroles
 
Le climat et développement durable prova zacademy
Le climat et développement durable prova zacademyLe climat et développement durable prova zacademy
Le climat et développement durable prova zacademy
 
Yo, mi región, mi cultura
Yo, mi región, mi culturaYo, mi región, mi cultura
Yo, mi región, mi cultura
 
Presentación Alianzas que generan valor
Presentación Alianzas que generan valorPresentación Alianzas que generan valor
Presentación Alianzas que generan valor
 
spiorad 5 sept 15
spiorad 5 sept 15spiorad 5 sept 15
spiorad 5 sept 15
 
Licitaciones públicas transparentes - Argentina
Licitaciones públicas transparentes - ArgentinaLicitaciones públicas transparentes - Argentina
Licitaciones públicas transparentes - Argentina
 
Clase 4 graficos
Clase 4 graficosClase 4 graficos
Clase 4 graficos
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Pasos en la misma dirección
Pasos en la misma direcciónPasos en la misma dirección
Pasos en la misma dirección
 
Medidas seguridad informática
Medidas seguridad informáticaMedidas seguridad informática
Medidas seguridad informática
 
Plaquette A4
Plaquette A4Plaquette A4
Plaquette A4
 
Les Hôtels en France
Les Hôtels en FranceLes Hôtels en France
Les Hôtels en France
 
Api - mix it 2013
Api - mix it 2013Api - mix it 2013
Api - mix it 2013
 

Similar a Geoinquietos: La web movil está aquí...

Aplicaciones moviles en mozilla
Aplicaciones moviles en mozillaAplicaciones moviles en mozilla
Aplicaciones moviles en mozillaTensor
 
Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Hernan Beati
 
Contenido web en múltiples pantallas
Contenido web en múltiples pantallasContenido web en múltiples pantallas
Contenido web en múltiples pantallasEdgar Parada
 
Presente y futuro del desarrollo de apps mobile y wearable
Presente y futuro del desarrollo de apps mobile y wearablePresente y futuro del desarrollo de apps mobile y wearable
Presente y futuro del desarrollo de apps mobile y wearableSoftware Guru
 
Honduras Global: Mobile Web, Presentacion para UJCV
Honduras Global: Mobile Web, Presentacion para UJCVHonduras Global: Mobile Web, Presentacion para UJCV
Honduras Global: Mobile Web, Presentacion para UJCVDr. Edwin Hernandez
 
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesJuan Paulo Madriaza
 
HTML5, CSS3 y móviles
HTML5, CSS3 y móvilesHTML5, CSS3 y móviles
HTML5, CSS3 y móvilesPideCurso
 
Responsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesResponsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesXavi Cardet
 
Desarrolla aplicaciones móviles
Desarrolla aplicaciones móvilesDesarrolla aplicaciones móviles
Desarrolla aplicaciones móvilesDarkFran01
 
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDesarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDevanyyoyo
 
El Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin Caratula
El Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin CaratulaEl Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin Caratula
El Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin CaratulaLuis Angel Galindo
 
Intermedia
IntermediaIntermedia
Intermediaojopiojo
 
HTML5 - The Mobile Revolution
HTML5 - The Mobile RevolutionHTML5 - The Mobile Revolution
HTML5 - The Mobile RevolutionCésar Trigo
 
Historia de las aplicaciones moviles jojo
Historia de las aplicaciones moviles jojoHistoria de las aplicaciones moviles jojo
Historia de las aplicaciones moviles jojocobiruto
 

Similar a Geoinquietos: La web movil está aquí... (20)

Aplicaciones moviles en mozilla
Aplicaciones moviles en mozillaAplicaciones moviles en mozilla
Aplicaciones moviles en mozilla
 
Desarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móvilesDesarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móviles
 
Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?
 
Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?
 
Contenido web en múltiples pantallas
Contenido web en múltiples pantallasContenido web en múltiples pantallas
Contenido web en múltiples pantallas
 
Presente y futuro del desarrollo de apps mobile y wearable
Presente y futuro del desarrollo de apps mobile y wearablePresente y futuro del desarrollo de apps mobile y wearable
Presente y futuro del desarrollo de apps mobile y wearable
 
Honduras Global: Mobile Web, Presentacion para UJCV
Honduras Global: Mobile Web, Presentacion para UJCVHonduras Global: Mobile Web, Presentacion para UJCV
Honduras Global: Mobile Web, Presentacion para UJCV
 
Barcamp Mobile Web
Barcamp Mobile WebBarcamp Mobile Web
Barcamp Mobile Web
 
Introducción a la web móvil
Introducción a la web móvilIntroducción a la web móvil
Introducción a la web móvil
 
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
 
Meetup app-moviles
Meetup app-movilesMeetup app-moviles
Meetup app-moviles
 
HTML5, CSS3 y móviles
HTML5, CSS3 y móvilesHTML5, CSS3 y móviles
HTML5, CSS3 y móviles
 
Lupita
LupitaLupita
Lupita
 
Responsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesResponsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendaciones
 
Desarrolla aplicaciones móviles
Desarrolla aplicaciones móvilesDesarrolla aplicaciones móviles
Desarrolla aplicaciones móviles
 
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDesarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
 
El Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin Caratula
El Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin CaratulaEl Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin Caratula
El Web 2.0 MóVil Caminando Hacia El Teleco 2.0 Sin Caratula
 
Intermedia
IntermediaIntermedia
Intermedia
 
HTML5 - The Mobile Revolution
HTML5 - The Mobile RevolutionHTML5 - The Mobile Revolution
HTML5 - The Mobile Revolution
 
Historia de las aplicaciones moviles jojo
Historia de las aplicaciones moviles jojoHistoria de las aplicaciones moviles jojo
Historia de las aplicaciones moviles jojo
 

Último

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 

Último (16)

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 

Geoinquietos: La web movil está aquí...

Notas del editor

  1. La web móvil no es algo del futuro... algo reservado a ejecutivos con terminales corporativos y carísimos. La web móvil ya está aquí... es una ola imparable y ha llegado para inundarlo todo.
  2. La web móvil no es algo del futuro... algo reservado a ejecutivos con terminales corporativos y carísimos. La web móvil ya está aquí... es una ola imparable y ha llegado para inundarlo todo.