• Like
Geoinquietos: La web movil está aquí...
Upcoming SlideShare
Loading in...5
×

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

  • 9,454 views
Uploaded on

Presentación realizada en geoinquietos cantabria, sobre la web movil, especialmente aplicada al ámbito geoespacial. Se presenta el proyecto 'Surfspots móvil'

Presentación realizada en geoinquietos cantabria, sobre la web movil, especialmente aplicada al ámbito geoespacial. Se presenta el proyecto 'Surfspots móvil'

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
9,454
On Slideshare
0
From Embeds
0
Number of Embeds
6

Actions

Shares
Downloads
20
Comments
3
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 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.
  • 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.

Transcript

  • 1. La web móvil está aquí... #geoinquietos Cantabria
  • 2. Yo era un tranquilo programador web
  • 3. Tecleando HTML, CSS y Javascript
  • 4. 960px, jQuery o el # IE Preocupado por cosas como
  • 5. Pero de un tiempo para acá...
  • 6. Bla, bla, iphone, android... Bla, bla, bla, tablets... Bla, bla, bla, bla, html5... REVOLUCIÓN MÓVIL
  • 7. Eso debe ser algo como...
  • 8. Web móvil
  • 9. o tal vez no...
  • 10. La web Móvil Una visión, una experiencia y algunas herramientas @VictorVelarde
  • 11. Parte 1: Visión del contexto
  • 12. ¿Cómo es de importante el fenómeno?
  • 13. 6.854 millones
  • 14. 5.000 millones con móvil
  • 15. ¿Y en España?
  • 16. 55,73 mill. En España
  • 17. 7.527.000 con Internet móvil
  • 18. ¿Qué móviles?
  • 19. Diversidad de dispositivos
  • 20. 40 % smartphones
  • 21. Símbolo
  • 22. Cuota smartphones España 2010-11
  • 23. ¿Y qué hay sobre su capacidad de trabajo?
  • 24. 1946 – ENIAC El primer ordenador
  • 25. 2011 – Samsung Galaxy S2 10.000 veces + rápido en 116 gramos
  • 26. Multifunción: agenda, música, sensores... ++ Internet & GPS
  • 27. El paraíso para un #geoinquieto
  • 28. Hoy sólo él tiene un Galaxy S2 con Internet
  • 29. En 2 años cualquiera lo tendrá...
  • 30. por no hablar de #tablets
  • 31. La web móvil es y será esencial
  • 32. Para móviles desarrollar tú debes
  • 33. Parte 2: Experiencias
  • 34. ¿Cómo empieza la cosa?
  • 35. IH Cantabria & ciclo del agua
  • 36. Desarrollo software
  • 37. Info tiempo real www.redvigia.es
  • 38. El proyecto
  • 39.  
  • 40. Mashup OpenLayers
  • 41. Sería interesante una versión móvil...
  • 42. Versión móvil con jQuery Mobile
  • 43. En acción...
  • 44.  
  • 45.  
  • 46. ...fin demo
  • 47. jQuery Mobile & OpenLayers Matlab SQL Server & Funciones espaciales ASP .NET (IIS) Servicios y datos boyas (FTP)
  • 48. La web móvil está a nuestro alcance
  • 49. Parte 3: Herramientas
  • 50. ¿Cómo desarrollo para móviles?
  • 51. Lo nativo es mejor...
  • 52. iOS: Objetive C + XCode + SDK
  • 53. Android: java + eclipse + SDK
  • 54. Symbian : C++/J2ME + eclipse + SDK
  • 55. Windows: C# + Visual Studio + SDK
  • 56. Pero, ¿quién puede hacerlo para todas las plataformas?
  • 57.  
  • 58. ...o un buen Equipo
  • 59. Porque lo nativo = fragmentación
  • 60. del programador...
  • 61. ¿Alternativas?
  • 62. Web móvil vs. aplicación nativa
  • 63. VENTAJAS DESVENTAJAS DESVENTAJAS Implementación + fácil Seguridad & control Diseño + fácil Accesibilidad - icono Monetización APIs nativas Lentitud
  • 64. Flexibilidad vs idoneidad
  • 65. Herramientas de desarrollo para web móvil
  • 66. HTML5 + CSS3 + Javascript
  • 67.  
  • 68. Y otros... DynamicX WinK jQTouch
  • 69. jQuery Mobile
  • 70. Multidispositivo
  • 71. Controles & temas
  • 72. Soporte táctil
  • 73. Ejemplos en jqmGallery
  • 74. OpenLayers 2.11 y los dispositivos móviles
  • 75. HTML5 Geolocation OpenLayers.Control.Geolocate
  • 76. Controles y eventos táctiles Pinch, TouchNavigation, +/-Accelerometer
  • 77. http://m.openlayers.org/ Ejemplos jQuery Mobile & Sencha Touch
  • 78. Tendencias
  • 79. phonegap
  • 80. ¿ WebApp API’s ? // ACCESO APIS // Telefonía, agenda, cámara... var call = navigator.telephony.open("tel: +33612341234");
  • 81. Emuladores * Ripple chrome
  • 82. La web móvil es más fácil con herramientas
  • 83. Recopilando...
  • 84. “ La web móvil esencial y está a nuestro alcance con las herramientas adecuadas”
  • 85. No te quedes fuera ...
  • 86. Surféa la web móvil
  • 87. ?
  • 88.  
  • 89.
      [2011–And.roid.es]: http://goo.gl/340VM [2011–Wikipedia I] History of computing: http://goo.gl/FmNnI [2011–Wikipedia II] ENIAC: http://goo.gl/pK1Lr [2010–CNET Reviews] Cell phone to hit 5 bill. globally http://goo.gl/5tPrg [2011–Minist. de Industria / ONTSI]: Indicadores TIC España: http://goo.gl/T0qrW [2011–Blog Alberto Vilches] Aplicaciones web vs. Nativas: http://goo.gl/E4k2m [2011–Surfspots]:
        • Página: www.surfspots.es
        • 90. Facebook: http://es-es.facebook.com/SurfSpots
        • 91. Reportaje TVE - E+I Emprendedores e Innovadores: http://goo.gl/HAcm0
    Algunas fuentes interesantes...