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.

Related Posts:

  • MVC en PHP 5 POO Segunda Parte._ Siguiendo con la segunda parte de este Construccion de un sistema MVC en PHP Parte 1 , veremos el archivo .htaccess, la seguridad en el, el mod_rewrite, el uso de PDO en la capa modelo, además veremos el uso de SQL standar,… Read More
  • Mi Primer MVC_ En estos días me encuentro realizando el sitio web de http://www.uvkmulticines.com y aplicando mis conocimientos de MVC en php5 usando PDO, además uso el patron Singleton y el patrón FrontController, cuando termine el pro… Read More
  • Obtener los tweets un usuarioEn está ocasión de una manera sencilla vamos a obtener los ultimos mensajes de un usuario que llamaremos usuariox en Twitter: Como recordaremos en el capitulo anterior de como usar CURL para acceder a los datos de una URL EX… Read More
  • file_get_contents vs curlA más de uno os habrá pasado que su servidor emite un warning al usar file_get_contents("URL_EXTERNA"), y es que esta función interna de PHP, expone una vulnerabilidad a la seguridad de tu aplicación web, en PHP 5 no es posib… Read More
  • unterminated literal string_ Tal vez nos hayamos topado con este mensaje en la consola de error de Firebug, pasa que javascript no lee el salto de linea \n, a veces nuestros datos proceden de administradores de contenido que son insertados copiando y p… Read More

0 comentarios:

Publicar un comentario