Blog del Master en Diseño de Proyectos Web 2009. Elisava, Escola Superior de Disseny
Proyectos web 2009 » Entradas en la categoria 'Posgrado en Web 2.0'

Web Design: Extensiones para Firefox Comments Off

Hola a todos!
He encontrado este post de Speckyboy Magazine.
Habla de las diferentes extensiones que podemos instalar en Firefox y que pueden ayudarnos en la parte del diseño, como la que enseñó Nacho hoy en clase.
Creo que puede ser útil que las conozcamos y que usemos algunas.
:P Saludes

Mediaculum extraviado Comments Off

Hola chicos!
Cuanto tiempo!
Espero que todos estén super! Y trabajando mucho.

Ayer, en el primer día de clases, no encontrabamos por ningun lado donde enseñar Mediaculum. El FTP no funcionaba y por buscador encontramos un par de versiones que no funcionaban bien, ni tenían el video disponible, además de otros errores de programación.
“Aquí” está la versión de prueba “oficial” de Mediaculum. (Por cierto, el video no tiene sonido…y creo que no es la ultima versión?), espero que si hay otra más actualizada me lo digan.
Espero que a alguien le sirva y que yo no sea la única despistada!
Besitos!
Quedamos pendientes con reunirnos.

Gmail inconformista Comments Off

Me gusta cómo Gmail no se apalanca y continúa tomando acciones para mejorar. Hace unas semanas nos avisó a todos del nuevo sistema de etiquetas para clasificar nuestros mails y de la forma tan cómoda de usarlas (arrastras el mail a la etiqueta o viceversa).

También hace unos días hablaba con lluís mientras que mirábamos un momento para entrar en su correo electrónico. Al estar en catalán, me llamó la atención que su checkbox tradicionalmente llamado “recordar contraseña” en el registro tuviera el mensaje de “permanecer conectado” (en catalán). Lo achaqué a que era la traducción que habían hecho al catalán de ese mensaje y como nos tuvimos que ir se nos olvidó. Hace unos minutos me he dado cuenta de que en mi home de Gmail en castellano también aparece ese mensaje (¿cuándo lo habían cambiado?).

¿Por qué implementar pequeñas funcionalidades cuando la herramienta ya funciona? ¿Por qué cuidar detalles que parecen que no pueden ser más revisados? Creo que la respuesta son tres aspectos: entender de una forma diferente el papel y la actitud de tu empresa (obviamente, por tus propios intereses), dar valor añadido a tu producto y cuidar a tu cliente / usuario.

Piezas gráficas: Presentacion de Mediaculum Comments Off

 

Cartel3[Afiche]

 

flyer_castellano_ok[Flyer]

 

banner_castellano

[Banner]

Última versión de cartel Mediaculum 09 Comments Off

Así está de momento la última propuesta corregida por Nacho del cartel. Me falta hablar con los del taller de diseño de Elisava para que me pasen el logo trazado de la universidad ya por el momento no he encontrado a nadie que lo tenga.

Respecto a los cambios he eliminado la carpeta del muñeco para añadir olamente un gran logotipo de mediaculum en el centro. Conceptualmente se entiende y gráficamente nuestro logotipo gana presencia y se situa en el centro del cartel.

También le he añadido cara al muñeco otorgandole personalidad y dotandole de mas dinamismo como algunos compañeros pidieron.

Ya por último he cambiado la fecha por la de Nico que realmente me parece bastante mas clara y mucho menos pesada que la estrella negra.

Votación para la gráfica de Mediaculum 09 Comments Off

Aquí están las propuestas gráficas para la promoción de la presntación de Mediaculum 09.

Abrimos votaciones hasta el domingo 21. Votad via mail la propuesta que mas os guste.

Por cierto falta por poner la aula donde se hará la presentación, quien lo sepa porfavor que nos avise.

Saludos Mediaculumeros.

Propuestas de grafica Mediaculum 09 Comments Off

Aquí están las propuestas gráficas para la promoción de la presntación de Mediaculum 09.

Abrimos votaciones hasta el domingo 21. Votad via mail la propuesta que mas os guste.

Por cierto falta por poner la aula donde se hará la presentación, quien lo sepa porfavor que nos avise.

Saludos Mediaculumeros.

Refinando las órbitas Comments Off

¡Hola! Perfeccionamos un poco las órbitas de nuestros planetas por aquello de evitar un cataclismo cósmico. De todos modos, algún planeta todavía se resiente a veces de su propia gravedad.

Lluís y JAvi

Un poquito de humor Comments Off

La idea inicial era hacer una linea del tiempo. Algo muy minimalista. Pero una linea del tiempo en el sentido histórico pasandola para las horas. Reduciendo la classica linea en que vemos periodos históricos de millones de años para cada hora del dia.
… y asi nació el NoLoHagasEnElMetro

Por fin la Home Comments Off

Hola a todos/as

Os paso el link de la Home definitiva, siempre que no se proponga algún cambio más… ‘O_o
De algún modo he conseguido que en todos los navegadores se vea bien, en especial Explorer 6
(increible verdad xD). Falta por solucionar el tema PHP “errores” que, aunque con Xavi vimos que estaba bien escrito el código, algo pasa que no conecta bien con la base de datos (sigo con ello).

Por cierto!! Al final con la peli FLASH que hacemos??

Si alguien necesita ver la CSS está todo colgado en el FTP en mi carpeta.

ver: Home Mediaculum

A por la recta final ^_^ chicos/as

El tiempo en bolas :P Comments Off

La verdad es que de todo lo visto, este senzillo reloj sea quizás el menos original jejeje… pero eso si, funciona xD

Se trata de unas bolitas de distintos tamaños que nos indican horas, minutos y segundos. Espero que sea inteligible. Se aceptan críticas ^_^

Saludos a todos/as

Ver reloj: El tiempo en bolas

Reloj de globos!! Comments Off

Imprimir
[pincha la imagen para visualizar el reloj]

La idea principal de este reloj fue conceptualizar el tiempo como algo que simplemente se nos va con cada minuto que pasa, como los globos que se nos escapan al cielo, no sabemos a donde se van… solo que se van…

en esta visualización el movimiento ascendete de los globos marca el paso del tiempo. El globo más pequeño, ubicado al extremo derecho de la pantalla marca los segundos, teniendo como ciclo un minuto completo desde que entra hasta que sale de la pantalla. El globo del centro marca el paso de los minutos, de esta manera en una hora entra y sale de la pantalla. Finalmente el globo más grande, ubicado al extremo izquierdo de la pantalla refleja el transcurso de las horas de un día completo, es decir, demora todo un día en aparecer y desaparecer de la escena.
Bueno, basicamente esta es la idea principal de mi trabajo, pero a medida que lo he ido desarrollando han surgido muchas ideas y a medida que se va entendiendo el funcionamiento de porcessing te das cuenta de que cada proyecto da para mucho más…

nos vemos, xau! :)

Reloj tetris Comments Off

Cuando se planteó el ejercicio, de concebir un reloj pensamos que la hora es una medición en base a la construcción de un día, y por tanto nos propusimos hacer un reloj que fuera mostrando el paso del tiempo, a medida que las partes se fueran uniendo, de tal manera de mostrar también el pulso marcado por este paso temporal. Por otro lado decidimos mostrar el tiempo a través de la imagen del Tetris, para generar una visión más lúdica, de algo tan matemático y mecánico. Y también para hacer una reminiscencia de un elemento icónico de nuestra infancia.
Nuestro reloj se compone principalmente de tres instancias que generan esta medición de tiempo en forma dinámica. La primera a través de las piezas, que van cayendo o bajando un espacio por cada segundo, hasta que se posicionan en la base. Cada pieza demora 10 segundos en caer y una vez que han caído y se han unido las 6 piezas estas desaparecen dando paso a una nueva sucesión. En segundo lugar los minutos mostrados a través de una barra de energía, la cual se va llenando a medida que las piezas se unen y generan cada minuto. Por último todo juego posee niveles, es por esto que decidimos poner la hora representada a través del nivel de dificultad del juego, ya que la hora es un espacio de tiempo más prolongado y en un juego cuando avanzas cada nivel, aumenta la dificultad y por tanto aumenta el tiempo en que tardas en pasar al siguiente nivel.

Para verlo pincha aqui

Pensando en como Visualizar el Tiempo. Comments Off

Por: Oriol Blas y Patricia Posada.

De la arena al sol, del sol al cosmos. En un primer momento de la conceptualizaciòn de la propuesta,  pensamos en hacer un reloj de arena, pero no teníamos muy claro como modificar la función del mismo, para que tuviese un aporte especial, por lo que cambiamos de concepto para hacer  un  Reloj que fuese una especie de sol noctrno, donde los datos del tiempo se visualizaban en la sombra que se proyectaba sobre  el el mismo, pero vimos que era demasiado simple, y era bastante abstracta, así que intentamos concretar como mostrar los datos del tiempo, con una propuesta con cierta poética y lógica, estética y datos, que es lo relevante de trabajar en Processing. Esta es nuestra propuesta:

Un reloj “Cósmico” donde los segundos aparecen simulando ser estrellas y  estas forman una hermosa constelación, los minutos a su vez giran simulando ser el sol y las horas cambian de posición como un planeta afectado por el  transcurrir del tiempo.

Para viajar atraves de un Reloj Còsmico… Pincha Aquì

Estudios previos de Diseño:

 

 

 

Plantillas usuario corregidas Comments Off

hola, aqui se puede ver mi plantilla corregida. las dos primeras paginas presenta el usuario, con foto e sin foto, despues si q va a pagina normal del usuario, y luego al player, q ya no tenemos tiempo de hacerlo..

P R O C E S S I N G: “Qué hora pEZ?” & “RoadTime” Comments Off

Hola chicos!
Finalmente me he emocionado con algo de programación jeje…
Acá les dejo el primer reloj que he hecho en Processing: “Que hora pEZ?”.
Y el segundo: “RoadTime”.
Espero que les gusten!
Besitos

Processing - Ejercicio Comments Off

Para ver el ejercicio PINCHA AQUÍ

<!- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  PROCESSING - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->

Processing es un lenguaje y entorno de programación de código abierto basado en Java, de fácil utilización, y que sirve como medio para la enseñanza y producción de proyectos multimedia e interactivos de diseño digital. Fue iniciado por Ben Fry y Casey Reas a partir de reflexiones en el Aesthetics and Computation Group del MIT Media Lab.

Processing es desarrollado por artistas y diseñadores como una herramienta alternativa al software propietario. Puede ser utilizado tanto para aplicaciones locales así como aplicaciones para la web (Applets).

Alcances
Al estar basado en Java, puede heredar todas sus funcionalidades, convirtiéndose en una herramienta poderosa a la hora de encarar proyectos complejos.

http://es.wikipedia.org/wiki/Processing

Metropolis Comments Off

visualizar

A partir de la luz y el color intentamos manejar y medir las tres variables del tiempo determinadas en el ejercicio, con un fondo que sugiere el día y la noche, pasando por el alba y el atardecer que fijan las medias horarias, y degradando en su nivel de oscuridad, luces y sombras.

El horizonte se torna más oscuro a medida que la franja horaria contenida en medio día aumenta, pero de nuevo se vuelve a iluminar con el paso de las 12 horas que le prosiguen, generando así el ciclo de las 24 horas.

La luz avanza de prisa y sin descanso, los cuerpos de día y de noche generan oposiciones entre oscuridad y luz, y cada minuto de cada hora y de cada día se ve reflejado en torno a la construcción, con 60 ventanas intermitentes que anuncian secuencialmente la llegada de cada uno de los 60 segundos.

La sombra refleja durante el día y la noche los distintos cambios de luz en el edificio, y entre negros y grises contrasta la tonalidad que sugiere la luz total enmarcada en las ventanas.

Una secuencia rítmica que nos acerca a la relación íntima y cercana entre tiempo y luz, con un avance vertiginoso que en nuestra vida diaria nunca nos llevaría a pensar que aquellos haces de luz generados por una medida racional, dejarán algún día de ser infinitos.

trabajo de: Rolando Medina y Chiara Lera

Ejercicio: Reloj en Processing, “Chorando Tempo”. Comments Off

La idea principal de esta visualización de la hora radica en su comparación con las acciones de un ojo. Si bien en el post anterior, dichas acciones se referenciaron de una determinada manera; finalmente, y en busca de una mayor lógica en la visualización, se establece la relación entre:

- La dilatación de la pupila como segundero: cada amplliación es un segundo.

- El movimiento del iris como minutos: cuando la pupila llega a su tamaño máximo, incrementa la posición en el movimiento giratorio.

- La caída de la lágrima como horas: cuando el iris realiza todo su recorrido, se precipita una lágrima al mismo tiempo que crece el nivel de líquido.

Para ver el ejemplo pinche aquí

TetrisTime Comments Off

En homenatge a milers d’hores perdudes en la infancia.

TetrisTime

Aprendiendo a hacer métricas (segunda parte) Comments Off

Me he alegrado mucho al ver el post de Gema Muñoz en Territorio Creativo con un gran recopilatorio de herramientas (algunas ya las conocíamos) para analizar nuestra presencia y actividad en Web. Cuando tenga un poco más de tiempo les echaré un vistacillo a fondo pero… ¡no podía dejar de postearlo! El que no analice será porque no quiere…

Plantillas Mediaculum/Usuario: Home, Proyectos y tags. Comments Off

Hola chicos!
Aquí les dejo mi propuesta de plantilla corregida.
Pueden ver dos ejemplos con el uso de mi marca y colores personales. Esa muestra home y proyectos.
Y otras dos de Manel, en colores un poco más “Mediaculum clásico” que muestran home y tags.
Espero sus comments.
Besitos a todos!

Para trabajar con ems Comments Off

Para el proyecto hemos hablado de trabajar los CSS con ems como medida para los font-sizes. En un principio, parece fácil y piensas que tu plantilla va a tener mejor calidad que si sólo lo haces con píxeles.

La cuestión es que trabajar con ems lleva un poco más de trabajo porque hay que acostumbrarse a pensar en ellos y porque hay que saber manejarlos en casos especiales.

Moraleja: estrujar el cerebro para entenderlo. Aquí va un post bastante sencillito sacado de un blog llamado clagnut. Al final del mismo, viene un calculador de ems que promete ser utilizado hasta la saciedad en las próximas semanas.

Usabilidad: Apple VS Microsoft Comments Off

Hola chicos!
He encontrado un articulo en el blog WebdesignerDepot, que me parece que vale la pena leer:
“Apple vs. Microsoft - A Website Usability Study”
Besos!

Plantilla Mediaculum’09 Comments Off

Aquí está la revision de la nueva plantilla.

Corrección plantilla {entrega} Comments Off

Ya realizadas las ultimas modificaciones de Nacho , este es el resultado final… cambio y reubicacion de botones, señalizacion con pestañas, ajuste de textos, etc.

Imprimir

Imprimir

 

;)

Plantillas nuevas y modificadas Comments Off

Aca muestro una propuesta nueva de plantilla y también la modificación de una de las plantillas que vimos en la última correccion con Nacho…

Vamos al Salón del Cómic??? Comments Off

Nos dejarán entrar? JaJa :)

Toda la info aquí

Plantillas del Jueves -EN CORRECCIÓN- Comments Off

Hola!
Aca están las plantillas presentadas el jueves en clase.
Ya me encuentro en proceso de corrección de formato y demás elementos que hablamos con Cristobal.
A pesar de quedar descartadas, publico las dos que tendrían que funcionar con flash.
Si alguien quiere comentarme algo más que valga la pena tener en cuenta, espero el comment!
Gracias chicos!

Sobre la evolución de los móviles… Comments Off

Seguramente aquí si encontraremos el primer móvil que tuvimos, pasando por el que perdimos y el que nos robaron, llegando finalmente hasta el actual.
Recuento de dispositivos móviles 1983 - 2009.