jueves, 27 de septiembre de 2012

Prototipado

En la semana 2 del curso MOOC de Idesweb nos ocupamos del Prototipado de una página web.

El proyecto que vamos a desarrollar es una web tipo flicker, pero de "juguete".

Después de visualizar los videos de la semana y leer los requisitos de la web me propongo el realizar el prototipado de la web siguiendo el esquema general que adjunto:


He seguido el método de Jesse James Garrett, ojo no es el de toma el dinero y corre, se trata de un vocabulario visual para realizar diagramas de contenido o de flujo.


Este esquema da una idea general de como nos movemos dentro de la web. El siguiente paso es realizar una maqueta de Baja fidelidad. empezaré por el Scketch o boceto a mano alzada de las distintas páginas web.

En un proyecto real utilizaría una hoja por boceto, para mayor claridad. Pero como lo que se lleva sos los recortes, así se queda.

El siguiente paso sería realizar un wireframe. Bocetos realizados en escala de grises, con un editor de imágenes como photoshop o Gimp, donde se tiene en cuenta la distribución, dimensiones y una explicación de los contenidos.
Como esta parte necesita su tiempo, la dejaré para más tarde. continuará.

sábado, 22 de septiembre de 2012

HISTORIA DE LA WEB desde detrás de mis gafas.

Este blog nace como un medio para el seguimiento del curso MOOC de IDESWEB.

Desde que en 1990 Tim Berners-Lee inventó el World Wide Web hasta la actualidad la expansión de ésta ha sido exponencial.

Como ando por los 40, pude vivir de primera mano la revolución que supuso la web en nuestras vidas, como si de una experiencia personal se tratara.

La primera vez que oí hablar de Internet, que no es lo mismo que la Web, fue en 1994 en clase de Química Analitica II de mano de Antonio Canals. Nos comentó que la Universidad de Alicante tenía un solo ordenador en el centro de proceso de datos, CPD, conectado a Internet. Los cientificos de la universidad hacían peticiones a la persona encargada de ese equipo para buscar información de cualquier tema. Tenían que esperar una semana para recibir un diquette con la información que demandaban.

Un año más tarde, 1995, tuve mi primer contacto con Internet esta vez como espectador. Una compañera de carrera  había pasado el verano con una beca en Karlsruhe Alemania. Nos comentó que en aquella universidad todos los alumnos disponían de una cuenta de correo electrónico y una "cuenta" de acceso a Internet. En nuestra universidad, el CPD, había habilitado una sala con ordenadores para que los alumnos de intercambio tuvieran acceso a Internet. Así que Rosa nos sirvió de anfitriona a un par de compañeros y nos presentó internet:
Bueno, una pequeña parte, aunque por aquel entonces Mosaic ya llevaba un par de años funcionando yo sólo recuerdo unos interfaces monocromo. Los alumnos de intercambio entraban al sistema con el usuario "invita2" y su clave principal. Había quien estaba enviando los apuntes a "casa", leyendo o enviando emails y una nueva actividad "chatear". Entramos en un canal, yo diría que se trataba de IRC y pronto estabamos chateando con una alumno de informática de la politécnica de Cordoba.

La primera sensación que tuve fue la de sentir que los alumnos de la UA éramos estudiantes de segunda. Pero aquello por suerte no duró mucho.

En 1996 la universidad puso ordenadores a disposición de todos los alumnos. Había al menos uno en cada biblioteca y en la de filología disponían por lo menos 6 o 7. Para acceder a ellos había que reservar una hora y era frecuente reservar para el día siguiente o incluso con más tiempo.

Mi compañero Salvador ya tenía experiencia y me enseñó a navegar con Netscape, me mostró varios buscadores, el que más me gustó fue Altavista. Me abrí una cuenta de correo en hotmail y poco más, porque una hora y un modem de 56k no daba para mucho.

Aquel mismo sábado pude reservar un par de horas en la biblioteca de filología "la pecera" y aquella experiencia fue lo más parecido a "volar solo", una experiencia inolvidable. La sensación que tuve era como la de asomarse a una ventana mágica desde donde se podía observar cualquier lugar del mundo. Volví a casa "flipado".

Como dato curioso comentar que las primeras versiones de Adobe Acrobat cabían en un par de disquettes, y que por la tarde era más dificil navegar, los americanos se habían levantado y colapsaban la red. En ocasiones aquello no iba ni a 1K, entonces nos conformábamos con cotillear la cache para ver que habían hecho los de la mañana, pronto aprendí a borrarla tras navegar. ;-)

Mi padre trabajaba en telefónica en el Departamento de Datos, así que la expansión de las RDSI por toda la provincia se revivía en casa a la hora de la comida. Mi padre fue el que puso las RDSI para la inauguración de infoville en Villena.

Telefónica utilizaba la ciudad de Alicante como conejillo de indias para la implantación de nuevos sistemas de comunicación. Imagenio se probó en el barrio del Plá algún año antes que el resto de España. Recuerdo algunas partidas en red con 1Mb, cuando en el resto del país no pasaban de los 128k.

 Mi primera Web.

Entre 1996 y 1997 creamos la primera web del Club de Aeromodelismo SAF-15 en el servidor de hosting gratuito Geocities. Con unas pocas instrucciones de html y leyendo el código de otras web pude hacer mi primera página en 1997.


Aquí un borrador del código de una de las primeras versiones de mi página web.

Desgraciadamente Geocities se cerró de la noche a la mañana y no pudimos salvar todo el contenido de nuestra web. Un alma caritativa "Reocities" hizo un backup de emergencia y se pudo salvar sólo una parte del contenido.

En 1997 el diario información hizo un reportaje de las páginas de alicantinos en Internet, la nuestra estaba bien posicionada y la mencionó en un artículo del dominical.


En 2001 hice la página web del Doctorado de Derecho Ambiental ¡Que aún está en funcionamiento!. Contenía algunas páginas con asp, pues querían hacer una versión de juguete de un campus virtual. De hecho el campus virtual se estaba probando en aquellos días y por eso no llegó a utilizarse la versión lite que había preparado.

Aquí dejo uno de los 20 bocetos que preparamos tras la entrevista con Gabriel Real.



Aquel mismo año entré a trabajar como Controlador de Calidad y Producción en una fábrica de cosmética y el desarrollo web se apartó de mi carrera. What if...