Queli Coto Desarrollador Web

Bueno es evidente que esta, es la noticia de la semana, o quizás del mes, en cuanto a tecnología se refiere, todo el mundo sabe o le suena que es el iphone, lo han sacado por la tele, se hacen colas para comprarlo e incluso listas de esperas.

La nueva “iphonemania” llega, hay que hacerse con uno o no seremos los más cool del grupo, no estaremos a la moda, no podremos navegar por internet si no tenemos este móvil ,ni aprovecharnos de todas esas ventajas que trae.

Pero la verdad  es que nos encontramos en un punto, en el cual el cambio es más que evidente, el concepto de navegar por internet, en un cybercafé o en un cuarto aislado se acabó, ahora el internet en un móvil!!!

Pero el primer error que se comete es pensar que el internet  móvil es y será exclusivo para el iphone, es un error muy similar al concepto de asimilar el icono del internet explorer 6 a navegar por internet, existen muchas personas aún, que quizás influenciadas por un buen marketing, como se hizo con el windows y su explorer, que aún siguen pensando que para poder navegar por internet se tiene que pulsar el icono de la “E azul”, y esto en mi  humilde opinión, es lo que puede suceder con el iphone, si no somos conscientes y lo paramos.

Como desarrollador web, me encuentro con un problema a la hora de hacer un sitio web, ahora están saliendo miles de frameworks, para css, html e incluso algún lenguaje de programación para desarrollar para iphone, por lo cuál la idea de una única web que propone el W3C, puede desaparecer o tener un gran enemigo.

Todos nuestros clientes, querrán ver su web através de su ordenador y de su iphone, cosa lógica y evidente, pero esto ya llevamos varios años peleando para que la accesibilidad se cumpla y por ello debemos también estar contentos, por fin todas las personas van a entender que el concepto de accesibilidad, no solo se centra en que todas las personas independientemente del nivel de discapacidad, puedan acceder a la iformación sino que también esa información sea accesible por cualquier dispositivo, concepto que se olvida por completo cuando se habla de accesibilidad.

Recientemente he realizado el curso del W3C, Mobile Web Best Practices,  donde se nos ha explicado una serie de pautas a seguir para desarrollar par las tecnologías moviles, y el navegador usado ha sido el del nokia N70, que sin ser tan bonito como el iphone, cumple el mismo objetivo, pero no olvidemos que otras marcas como la propia Nokia, Sony, LG no se van a quedar cortos y lanzarán en breve dispositivos similares al iphone e incluso con muchas mejoras.

Por lo que esta noticia, no solo es de técnologia, sino que también es una gran noticia para el avance de los conceptos de la accesibilidad, pero hay que tener mucho cuidado con esto, no convirtamos el iphone en el nuevo internet explorer 6 que tanto nos está constando que desaparezca del mercado, y nos dejemos de desarrollar y publicar , versiones de web para el iphone, frameworks para el iphone y demás.

El paso tiene que ser hacia adelante, no lo convirtamos hacia atras y en esto gran parte de la culpa la tenemos los desarrolladores y otra muy grande el marketing.

O será que ahora Mac le ha ganado el terreno a Windows y quiere tener este mercado para ellos solos  intentado devolverles, lo que tanto han criticado.

Por un desarrollo accesible y multidispositivo, no al desarrollo específico de webs para el iphone.

Bueno es sabido por todos los desarrolladores y profesionales web , que entre este y el próximo año, habrá una gran revolución en cuanto al desarrollo web.

No solo debemos, preocuparnos por que las webs se vean en un navegador “convencional” sino y más que nunca con la llegada del iphone y numerosos móviles con wifi, por fín podremos disfrutar de un internet realmente móvil.

Y claro con tanto cambio como se avecina, las WCAG 2.0, el CSS 3, la revolución que ha creado el “reinvento del javascript”, aplicaciones web como de escritorio se tratase, gracias a Tecnologías como Air o Xul, en medio de todo esto está lo más básico el marcado web.

El marcado web es la gran base, un buen marcado nos deja mucho camino libre y ganado, en cuanto a accesiblidad, cross browser, mantenimiento, posicionamiento en buscadores ( SEO ) y vuelve la gran guerra, por cual decantarse.

Hasta ahora las aplicaciones web se podrían hacer en html4 y xhtml 1, y lógicamente con tanto cambio venidero estos también se apuntan y van muy avanzados.

Pues hoy Chris Coyier, lo podéis conocer mejor en la fantástica entrevista que le ha hecho Berriart hace poco, ha puesto los resultados que han salido tras la encuesta que publicó en su sitio web, unos resultados bastante sorprendentes dando como claro ganador al xhtml2.

Me parece demasiada ventaja y los chicos que están desarrollando el html5 están trabajando muy bien, aunque el anuncio de que no soportarían ogg vorbis a mí, personalmente, no me ha gustado nada.

¿Vosotros, por cuál os decantaréis?

Como desarrollador web que soy, debo chequear todas las maquetaciones en todos los navegadores posibles.

Pero a veces, es imposible encontrar todos los navegadores que funcionen en un mismo sistema operativo y además, si te compras un ordenador y trae instalado el windows vista, perdemos el explorer 6 con lo cual, mientras este siga con vida, tenemos un problema.

En esta guía voy a detallar los pasos que he seguido para tener instalado en un pc los siguientes navegadores.

Firefox2, Firefox3, Opera, Safari, Internet explorer 8, Internet explorer 7, internet explorer 6 y Konqueror.

Empezamos con los sencillos

Internet explorer 7

Como estamos bajo windows vista, nuestro navegador por defecto instalado, es el internet explorer 7, así que lo tacharemos de la lista.

screenshot de noth.es en internet explorer 7

¿ Hasta aquí, dificil verdad ? Seguiremos con los siguienes que también son fáciles.

Firefox 2 y Firefox 3 beta

Vamos a instalar ahora los firefox, para ello yo recomiendo siempre las versiones portables, ya que las podemos guardar en nuestro pendrive y usarlo donde queramos.

Nos vamos a portableapps y nos bajaremos tanto la versión ff2 como la versión ff3.

Enlace descarga firefox 2 | Enlace descarga firefox 3

La instalación la hacemos donde queramos, yo recomiento una carpeta llamada navegadores para tenerlos todos ahí, pero esto es cuestión de gustos, la instalación es muy simple siguiente, siguiente y siguiente.

screenshot de seende.com en firefox 2

screenshot de job2time en firefox 3

Opera

Para la instalación del opera, haremos lo mismo que con los firefox, nos bajaremos la versión portable. La instalación de esta versión es mucho más simple, con descomprimir el fichero ya lo tenemos.

Enlace de descarga opera 9

screenshot de glamouralive.com en Opera

Safari

De este navegador existen muchas versiones por la red portables, pero yo no conzoco ningún, grupo que se este haciendo cargo de este desarrollo y prefiero no bajarme ningún portable de momento, por lo que la mejor opción o al menos la que recomiendo en esta guía es, la instalación del original de la página de safari.

Enlace de descarga Safari para windows

screenshot de quelicoto.es en safari

Ahora a por los más “difíciles”

Internet explorer 6

La mejor opción que he encontrado para hacer funcionar el ie6 en windows vista, ya que las opciones de multi ie, que en windows xp si funcionaban a la perfección en vista no es así.

Es intalar el microsoft virtual pc, que nos permitirá instalar otros sistemas operativos dentro de windows vista, como por ejemplo el que necesitamos el windows xp.

Por lo que procedemos a descargar la virtual pc de microsoft, la instalación es sencillísima, todo siguiente .

Ahora nos tocará instalar un pc virtual que contenga el explorer 6, para ello microsoft tiene disponible para la descarga legal y testing lo que denominan vpc image, así que nos vamos a descargar la que corresponde con el explorer 6

Descarga de IE6_VPC.EXE 435.1 MB

Pasos para instalar este imagen en el microsoft virtual pc

1. Lo primero ejecutaremos el exe que nos hemos descargado y guardamos su contenido en una carpeta por ejemplo c:\navegadores\ie6, este proceso tarda mucho, paciencia.
2. ejecutamos el virtual pc y nos preguntará que queremos hacer , escogemos crear un equipo virtual
3. Nos pide escoger un nombre por ejemplo ie6xp - siguiente
4. La siguiente pantalla nos dice el sistema operativo que necesitamos, escogemos windows xp, por ser la imagen que nos hemos descargado
5. Podemos ajustar la ram a usar, yo recomiendo 512 mb
6. En este proceso nos pide un disco virtual, vhd, que es lo que hemos descomprimido antes, seleccionamos la opción, un disco virtual existente
7. Lo seleccionamos, estará en c:\navegadores\ie6 y por ultimo finalizar
8. Con esto ya tendremos nuestro windows instalado con ie6, podemos configurar la red para que este tenga acceso internet, como si otro pc se tratase, basta con darle a iniciar con arrancarlo.

screenshot de quelicoto.es en internet explorer 6

Internet explorer 8

Tenemos que hacer los mismo pasos, instalar la imagen que nos proporciona microsoft

Descarga IE8_VPC.EXE 438.6 MB

screenshot de noth.es en internet explorer 8

Konqueror

Con este navegador sucede lo mismo que con las versiones 6 y 8 del explorer, necesitamos montar una imagen virtual de linux dentro de nuestro windows, la mejor forma y sencilla que he encontrado es usando la distribución, andlinux.org

Nos bajamos la versión que trae el KDE instalado, he igual conseguimos engancharnos y cambiarnos a linux otra vez.

Enlace de descarga de andlinux-beta1-kde.exe

Una vez descargado los pasos para su instalación son muy sencillos.

1. La instalación es todo siguiente - siguiente, hasta la pregunta de como compartir ficheros con windows
2. Recomiendo la segunda opción COFS, donde solo tenemos que escoger una carpeta, que será visible por ambos sistemas
3. Y por último antes de darle a finalizar debemos, seleccionar en el listado de programas a instalar, la opción del konqueror web browser, que es justo lo que estamos buscando.

Una vez instalado tendremos el entorno linux dentro de nuestro propio windows, y podremos ejecutar sus aplicaciones de la mima forma que las nativas, un auténtico lujo, ahora quién se niegará a probar linux pero eso es otra guerra.

Bastará con ejecutar konqueror

screenshot de quelicoto.es en konqueror

Y esta es la barra de estado de mi windows con todos los navegadores cargados

Navegador extra, al instalar este linux para windows también tenemos instalado el navegador firefox 2 para su testing en linux

Con lo cual está guía sirve para instalar los siguientes navegadores:

firefox 2, firefox 3, opera, safari, internet explorer 6, internet explorer 7, internet explorer 8, konqueror y firefox 2 para linux

Vamos ya nadie se puede negar a hacer webs multi-browser, otra cosa es que nos dé más dolores de cabeza pero para eso somos desarrolladores webs.

Se que existen muchas otras formas para tener multisistema dentro de otro como WMware, pero además de ser una aplicación no libre, tendremos que disponer de los sistemas operativos originales para poder instalarlo, vamos que esta guía no es la única forma de hacerlo, es la que yo utilizo y recomiendo.