Boceto de PDA

Reactee. PDA + Camiseta = Mensaje de texto.

En que consiste:

1. Creas tu camiseta con el texto reactivo.
2. Te la envian por correo.
3. Si alguien te escribe un mensaje de texto, "reactee" le responde.

http://reactee.com/

Sitios asociados al montaje de las PDAS.

Adobe device central
Flash Lite

Guia para analizar el lugar.

Aquí hay un ejemplo de cómo se puede analizar el lugar antes de hacer la presentación.

Ejercicio 3: "Diseño de metáfora"

Enunciado: Identificar en un espacio físico donde se desarrolle alguna labor productiva: los indices, iconos, acciones, usuarios y procedimientos que en el se llevan a cabo, para construir a partir de ellos una interfaz para pda - web, basada en una metáfora.

Valor: 15%

Entrega:Presentación corta de la investigación (5 diapositivas: digitales e impresas). Sistema de iconos e interfaz funcional de PDA - WEB en flash o HTML. Hacer montaje de visor con la PDA seleccionada. Esquema de interfaz y diagrama de contenidos.

Referencias web:

Iconos:
http://jimmac.musichall.cz/icons.php
http://www.pixelgirlpresents.com/icons.php?cat=pc

Funcionalidades de PDA:
Gráficamente son muy limitadas pero sus funcionalidades son interesantes.
http://mobile.ask.com/index.jsp
http://travelosa.mobi/
http://co.m.yahoo.com/
http://www.thumbplay.com/
http://www.oursites.co.nz/rubbishfilmfest/home_old.asp
http://wap.projectrunway.mlogic3g.com/
http://mobile.reuters.com/

Porcentajes de evaluación ejercicio 1.

Les comparto los porcentajes de evaluación para este primer ejercicio:

• Uso del css (20%)
• Lenguaje (15%)
• Layout (15%)
• Manual de estilos (infográfico) (10%)
• Usabilidad de los formularios (10%)
• Foro Documento (10%)
• Investigación (10%)
• Transacción (diagrama flujo) (10%)

Blogs: bitacora de proyecto

Tal y como les comenté antes la idea de los blogs es que se conviertan en bitacoras de cada uno de sus proyectos. Esto les permitirá compartir comentarios y también mostrar su trabajo (a manera de portafolio). A continuación les comparto los vínculos de sus compañeros.

JUAN DAVID AGUDELO M.
CAROLINA MARIA ALZATE J.
JAVIER ANDRES CASTRO G.
JULIAN DEL VALLE M.
CLAUDIA PATRICIA FIGUEROA P.
MARCO POLO LOPERA G.
ANDREA CATALINA MORA U.
JAIME ANDRES MORENO M.
DIEGO ANDRES ROZO M.
MARIA ISABEL LÓPEZ.
JULIANA CHALARCA.
WILMAR GÓMEZ.

HTML + CSS para dummies.

Les comparto esta dirección donde pueden encontrar los fundamentos básicos de HTML +CSS para repasar. También hay algunos vínculos de CSS un poco más avanzados al final.

http://www.w3.org/Style/Examples/011/firstcss.es.html

Foro del documento "Fundamentos"

Este es el vinculo del foro del documento "Fundamentos" que es el primer capitulo del libro de Jeffrey Veen: Arte y ciencia del diseño web. Editorial Prentice Hall. 2001

http://interfacesgraficas.freeforums.org/index.php

(Pueden dejar sus comentarios en el vínculo de comentarios que aparece abajo)

El tema del foro es:

"Texto con formato CSS versus Flash"
... hemos escuchado que un sitio construido a partir de HTML con estilos en CSS permite menos interacción que una pagina construida en Flash por completo ...

¿Cual es su opinión?

Ejercicio 1: "De lo impreso a lo digital"

Enunciado: A partir de una revista impresa, (escogida por cada estudiante) desarrollar una propuesta para esta publicación en la red. Dicha propuesta debe hacerse enteramente con texto a excepción de los encabezados y el cabezote e incluir una aplicación transaccional a manera de pop up.

Valor: 15%

Entrega: Manual de estilos infográfico formato medio pliego que contenga: Titulo de la revista, entradilla, pantallazos, descripción de los estilos CSS, descripción del concepto gráfico, y diagráma de flujo. Desarrollo de home, dos niveles internos y capa de transacciones.

Referencias web diseño tipográfico:
http://www.alistapart.com/
http://www.8020publishing.com/
http://www.academycastle.com/
http://www.acceptancerock.com/
http://applestooranges.com/
http://www.badboy.ro/
http://www.markboultondesign.com/
http://www.onetwentysix.com/
http://www.pre-voce.com/
http://www.pre-voce.com/ /* es flash pero el layout funciona