jueves, 7 de octubre de 2010

Desarrollo web para móviles

Me pidierón hacer la versión para móviles para UVK Multicines, entonces me dije manos a la obra:
Me puse a pensar que es lo primero que tengo que hacer?.
_ Ver otras web desarrolladas para móviles.
_ Necesito testeadores de moviles.
_ Informarme de este mundo, cada vez más creciente.

_ La idea era hacer de la web, algo agradable a la vista, rápida, que funcione en cualquier móvil, de facil navegación y que no pierda la identidad de sitio web de UVK.

Despues de ver web por aqui y por alla, tenia ya en mente lo que queria.

Ahora los testers.

Use Mobione para Iphone, además de mi Iphone 2.0 =)
Opera Mobile Tester: lo que me daba acceso a las ultimas versiones de android, windows mobile, blackberry y Symbian.
Intente usar el simulador de windows mobile, pero mucho ruido y pocas nueces como todo lo .net
Luego con compañeros de trabajo teníamos un Blackberry, un Symbian y un Windows Mobile como dispositivos reales de prueba, además de un Samsung que me permitia usar el navegador NetFront.

Ahora informarme:

Lo primero que vi es que no todos los navegadores de móviles vienen con javascript desactivado(por seguridad), entonces era hacer una versión sin javascript y que ese navegador al menos soporte HTML.
_ Despues el mundo por unos momentos se hizo oscuro:

Perdido en el espacio de los navegadores para moviles.
Existen en gran cantidad, si desarrollas web desde hace un tiempo, seguro en algún momento migraste desde las tablas a los divs(pues ahora tienes que hacerlo a HTML5), sabrás que al momento de posicionar divs, no es lo mismo en los navegadores de escritorio y es que en PC existen como SO:
Windows
Linux
Mac
Unix
IBM
Pues en moviles la cuenta es:
Blackberry
IOS
Android
Symbian
Windows Mobile
WebOs
Maeemo
Maego
etc.
Cada uno con sus propio navegador web.
Lo que me llevo a usar tablas, a sabiendas de que Windows Mobile en algunas versiones usa el motor de Internet Explorer 4(omg)y yo que me habia armado con el IEtester que tiene un simulador de explorer 5.5 hacia delante, despues de perder horas cuadrando divs, a pesar de mi experiencia en css.
En algunos no respetaba el padding, el margin, no flotaba, no caso al css le hacían.

Además optimize el sitio:Reporte de sitio optimizado
_ El resultado se puede ver en: UVK - MOVIL, si entras directamente desde tu movil y deseas ver la versión de escritorio, no pódras por que desde el servidor te estoy redireccionando.

Al haber usado MVC, para este sitio web, ya solo me ocupe de la capa vista, y escribi cero de lógica.