Mi pequeña aportación al diseño de Mediaculum… aunque nunca exista nada definitivo en la web.
Propuesta basada en la visualización de contenidos de tres formas distintas, a saber: categorías, proyectos y tags, definidos por colores. “Proyectos destacados” y “sobre mi” están deslabazados e incompletos pero bueno…
En aquesta part del projecte de Mediaculum, es tractava de fer el disseny gràfic de tota l’aplicació, des de la part del registre, la d’administració i la part pública.
Ens basavem en els wireframes que vam presentar cada grup a les classes del Máximo.
El meu grup va escollir la part pública (mediaculum/usuari).
El gràfic es simple, respectant la home (ja aprobada) s’ha basat aquest disseny en els colors, el gris i el taronja. Es basa en la idea d’un visualitzador dinàmic d’imatges, que van creixent a mida que anem afegint tags, categories i continguts. Quan passem per sobre de la imatge, aquesta es fa gran i es mostra la imatge “de portada” i el nom i la data del projecte, tags i categories. Quan tornem a clicar ja s’obre, en una nova pantalla, el contingut del projecte. S’ha plantejat com un carrussel d’imatges (que encara s’ha de saber si en aquest carrussel es pot posar un video o inlcus audio)
Aqui deixo el pdf amb tot el procés que com diuen: 1 imatge val mes que 1000 paraules
I clar, no pot ser que a la primera estigui be. Doncs com sempre a retocar i canviar coses.Aqui va la última versió (que ha aviso que no serà la última). Be, de fet demà tornare a posar un altre versió per ques’han de canviar sombretes i la visualització del projecte
Grup: Eduardo, Gioia i Laia
usuario mediaculum:
pincha aquí para ver una parte del grupo
http://www.proyectosweb2009.com/yolanda/usuario/usuariomediaculum.pdf
Arturo, Patricia, Yolanda
Propuestas de plantillas para home y formulario del admin de Mediaculum.
La maravillosa lanzadera se la hemos “vampirizado” a Iban, Israel y Joan. Gracias!!
Grupo formado por: Juan Fernando González, Rolando Medina y yo.
This is our propuesta.
If you want to see it…
Powered by Alba Souto, Lluís Tallada & Gina Solaro
Para ver la propuesta del grupo 3 PINCHA AQUI!
Aqui esta los bocetos de Mediaculum_Usuario
Haz Click Aquí
visualiza el ejercicio
Trabajo de:Chiara Lera, Toni Camì, Audrey Lingstuyl
Pincha aqui para verlos
Realizado por: Iban Beldarrain, Joan Ardiaca e Israel Pérez.
En aquesta part del projecte de Mediaculum, es tractava de fer el disseny gràfic de tota l’aplicació, des de la part del registre, la d’administració i la part pública.ç
Ens basavem en els wireframes que vam presentar cada grup a les classes del Máximo.
El meu grup va escollir la part pública (mediaculum/usuari).
El gràfic es simple, respectant la home (ja aprovada) s’ha basat aquest disseny en els colors, el gris i el taronja. Es basa en la idea d’un visualitzador dinàmic d’imatges, que van creixent a mida que anem afegint tags, categories i continguts. Quan passem per sobre de la imatge, aquesta es fa gran i es mostra la imatge “de portada” i el nom i la data del projecte, tags i categories. Quan tornem a clicar ja s’obre, en una nova pantalla, el contingut del projecte. S’ha plantejat com un carrussel d’imatges (que encara s’ha de saber si en aquest carrussel es pot posar un video o inlcus audio)
Aqui deixo el pdf amb tot el procès que conm diuen: 1 imatge val mes que 1000 paraules
Grup: Eduardo, Gioia i Laia
En aquesta part del projecte de Mediaculum, es tractava de fer el disseny gràfic de tota l’aplicació, des de la part del registre, la d’administració i la part pública.ç
Ens basavem en els wireframes que vam presentar cada grup a les classes del Máximo.
El meu grup va escollir la part pública (mediaculum/usuari).
El gràfic es simple, respectant la home (ja aprovada) s’ha basat aquest disseny en els colors, el gris i el taronja. Es basa en la idea d’un visualitzador dinàmic d’imatges, que van creixent a mida que anem afegint tags, categories i continguts. Quan passem per sobre de la imatge, aquesta es fa gran i es mostra la imatge “de portada” i el nom i la data del projecte, tags i categories. Quan tornem a clicar ja s’obre, en una nova pantalla, el contingut del projecte. S’ha plantejat com un carrussel d’imatges (que encara s’ha de saber si en aquest carrussel es pot posar un video o inlcus audio)
Aqui deixo el pdf amb tot el procès que conm diuen: 1 imatge val mes que 1000 paraules
Web Development Project Estimator, una eina per fer-se una idea del que pot pujar i les parts bàsiques que ha de contemplar el pressupost d’una web. No ens solucionarà la vida, però ens pot ser útil com a punt de partida. La dedico a tots els que anem més perduts que un peix al Pedraforca en aquest tema, xD
Nuevos cambios en el wireframe, después de las revisiones al Escenario de Uso.
Para verlo, PINCHA AQUI!
Link de la pagina de microzoo
http://www.proyectosweb2009.com/eduardo/zoo/
Participantes:
Giogia Fueter, Patricia Posada, Rolando Medina, Audrey Lingstuyil y Eduardo China
Sencillo porfolio en Flash.
AQUI
Share/Save
Un reportatge sobre EyeOS, el projecte que ens va donar a conèixer en Xavi en una de les primeres classes, de la mà de Balzac.tv.
Acabo de quedar-me en shock, el projecte el van començar dos nois de 17 anys!!!! És a dir, que ens hem de posar les piles amb Mediaculum però ja! Jolin, quin subidón de motivació!
Aquí us deixo el vídeo:
Intento de galeria para Web dinamica
Aqui para verla
Un saludo
En la última clase de repaso de los wireframes y también en la clase de diseño hablamos mucho sobre formularios. Las funcionalidades que ofrecía la página de registro (que apareciese el check box de “Acepto las condiciones…” activado, los formularios para la activación de cuentas, los dos “examinar” para las imágenes en “Mi perfil”, la búsqueda de contenidos en nuestros proveedores a través de tags en sus sites… y en el fondo, muchas de las plantillas que identificamos las denominamos como “formularios”.
Investigando sobre el “diseño emocional” de Don Norman acabé en el blog “El Factor Humano” de Nelson Rodríguez-Peña. Está muy interestante e incluye mucha información sobre usabilidad. Uno de sus últimos post es sobre el reciente libro Web Form Design: Filling In the Blanks, de Luke Wroblewski. Nelson Rodríguez simplemente añade que el libro cumple con todas sus expectativas y más y lo recomienda como referencia en el azaroso mundo este de los formularios Web.
Ahora vamos a estar centrados en la fase de “hachazos” para acotar todos los aspectos que faltan de los wireframes y no tenemos mucho tiempo. De todos modos, en un futuro y con más tiempo puede ser muy intersante echar un vistacillo si no al libro (a no ser que alguien se lo compre) a las imágenes que el autor usa de ejemplo y que están disponibles en Flickr.
Hay muchísimos ejemplos de buenas y no tan buenas prácticas. Si nos hubiesen dicho toda la tela que lleva detrás esto de los formularios, no nos lo habríamos creido… de todos modos, como dice el autor, un formulario es una de las partes clave en la interacción con la Web ya sea para comprar entradas de cine, meter los datos para participar en alguna encuesta o concurso, registrarse en una red social, etc.
visualiza el ejercicio
Trabajo de:Chiara Lera
¡Hola! Aquí va la galería de imágenes para la clase de Web Dinámica. Para realizarla he utilizado el tutorial que facilitó Alba. Está muy bien y hay muchísimos aspectos de los que hemos visto en clase.
Para poder verla, pincha aquí.
Estic intentant acabar amb una galeria que tinc feta pero no se per que les rutes dels arxius no funcionen des de la FTP…gggrrrrr
En Cristobal m’ha dit de fer uns canvis i ara m’estic barallant amb unes rutes absolutes (ara les busco jajajajaj), pero de moment penjo una altra galeria que si que em funciona sense cap problema…
Au continuo amb el flash i amb l’exercici aquest del disseny gràfic de Mediaculum…qui va dir que tindriem aquest finde “”lliure”"????
exercici
Un ejemplo de galeria en Actionscript 3.
Al final conseguimos que todo funcionara!! 
Web MicroZoo
Grupo: Arturo Córdova, Ana Cuco, Gina Solaro, Lluís Tallada y yo.
Es pot veure aqui, o fent clic a la imatge.
Grup: Joan, Iban, Alba, Jorge i Núria
