Marcos González Sancho:
La tarea de crear una web para dispositivos móviles abarca una gran multitud de aspectos, desde la propia concepción de la misma y los contenidos que va a tener (e incluso el filtrado de su equivalente convencional si la hubiera), a la detección de dispositivo, obtención de contenidos adaptados a medida del dispositivo, geolocalización, contenidos multimedia…
Hoy os ofrecemos la tercera parte, dedicada al desarrollo para web móvil.
Desarrollo
Especificaciones XHTML MP (Mobile Profile), CSS Mobile Profile 2.0, ECMAScript Mobile Profile y Media Queries
http://www.openmobilealliance.org/tech/affiliates/wap/wap-277-xhtmlmp-20011029-a.pdf
http://www.openmobilealliance.org/Technical/release_program/docs/Browsing/V2_3-20050118-C/OMA-WAP-ESMP-V1_0-20040709-C.pdf
http://www.w3.org/TR/css-mobile/
http://www.w3.org/TR/css3-mediaqueries/
Especificaciones de XHTML Mobile Profile y CSS Mobile Profile, ECMAScript y Media Queries, necesarias cuando se queiren abarcar muchos más dispositivos que los potentes y recientes smartphones de iOS y Android.
DotMobi Web Developers Guide — http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide
Una de las guías más interesantes para tener una visión general a la hora de trabajar creando webs para dispositivos móviles, en el más amplio abanico, no centrada únicamente en plataformas como iOS y Android.Incluye aspectos relacionados con el diseño.
Mobile Compatibility Tables - http://www.quirksmode.org/m/table.html
Tablas de compatibilidad para navegadores en dispositivos móviles, una manera muy ágil de conocer a grandes rasgos los problemas con los que nos podemos encontrar en un desarrollo web para dispositivos.
When can i use… — http://caniuse.com/
Interesante servicio web que nos permite ver la tabla de compatibilidades para diferentes navegadores en función del elemento seleccionado, incluyendo CSS, HTML5, SVG, JS entre otros.
A List Apart Put Your Content in my pocket I and II
http://www.alistapart.com/articles/putyourcontentinmypocket
http://www.alistapart.com/articles/putyourcontentinmypocketpart2
Interesante artículo recorriendo criterios clave a la hora de prearar el conteindo de una web para dispositivos móviles.
WURLF — http://wurfl.sourceforge.net/
Base de datos de dispositivos (posiblemente la mayor del mundo) que sirve como fundamento para casi todas las herramientas más potentes en el mercado de detección de dispositivos. Permite ser usada en nuestros propios servidores, mediante sus APIS, como por ejemplo la disponible para PHP: http://wurfl.sourceforge.net/nphp/
Detect Mobile Browsers — http://detectmobilebrowsers.mobi/
Sitio dedicado al proceso de detección de navegadores para poder ofrecer contenidos específicos en cada situación.
Handset Detection — http://www.handsetdetection.com/
Servicio web dedicado a la detección de dispositivos que dispospone de un plan gratuito y planes avanzados de pago, con panel de estadísticas, etc. Este servicio está basado en WURLF.
Modernizr — http://www.modernizr.com/
Librería Javascript que nos permite comprobar la disposnibilidad de funciones nuevas basadas en HTML5 y CSS3, sin perder compatibilidad (pudiendo detectar la falta de ella y generar contenidos alternativos) con dispositivos de menores prestaciones.
Geoposicionamiento (HTML5 API, Google Gears, Geo JavaScript Library)
http://dev.w3.org/geo/api/spec-source.html
http://tools.google.com/gears/
http://code.google.com/apis/gears/gears_init.js
http://code.google.com/p/geo-location-javascript/
Librerías y scripts necesarios para lograr emplear sistemas de geoposicionamiento en un amplio abanico de plataformas y dispositivos de forma unificada.
jQuery Mobile — http://jquerymobile.com/
Complemento para jQuery adaptado a las funciones de los dispositivos , que nos permite disponer de una interfaz ya preparada y de cantidad de sistemas clásicos en los smartphones más recientes. Control de eventos táctiles, transiciones, etc.
WordPress Mobile — http://wordpress.org/extend/mobile/
Recursos para adaptar el popular sistema de blogs a dispositivos, y diferentes plataformas, también es aconsejable algún que otro plugin que hace la tarea de una forma más generalizada como por ejemplo: http://wordpress.org/extend/plugins/wordpress-mobile-edition/
TinySRC — http://tinysrc.net/
Este simplísimo servicio web te permitirá obtener la versión de la imagen adaptada a las necesidades del dispositivo que la solicita. Incorpora en el propio servicio web la detección de dispositivo.
PHP Smart Image Resizer — http://shiftingpixel.com/2008/03/03/smart-image-resizer/
Librería en PHP que nos permite gestionar la generación de imágenes redimensionadas al vuelo, cachear las imágenes creadas y reaprovecharlas posteriormente. Se debería usar con un sistema de detección de dispositivo como por ejemplo Handset Detection.
Apple WebApps — https://developer.apple.com/webapps/
Recurso oficial de apple para la creación de aplicaciones web para la plataforma iOS.
PhoneGap — http://www.phonegap.com/
Framework que nos permitirá convertir nuestras aplicaciones web en aplicaciones nativas para diferentes plataformas, como iOS, Android, Blackberry, Palm, WM y Nokia.
Esta serie de 5 posts ha sido escrita por Marcos González Sancho
> Primera parte. Referencias generales
> Segunda parte. Diseño, arquitectura y usabilidad
web de [Q] interactiva │ Blog de [Q] interactiva │ Grupo de usuarios blocketpc │ @qmarcos │ web de Infocket
{ 2 trackbacks }