Trabajo Práctico N°3

Visualización de datos y comunicación

 NUBE DE PALABRAS

   La imagen da como resultado una conexión de ideas que hacen posible entender el desarrollo del tema. 
   A mi modo de ver, no da lugar a nuevas interpretaciones pero sí me sugiere otras lecturas referidas al tema elabora, como el caso de la palabra: arquitectura, diseño, tecnología, información, usuario y digital.
   Pienso que aparece un valor simbólico porque los conceptos mas importantes que aparecen son pocos, pero quieren significar mucho y describen prácticamente el texto en su totalidad.

Relacion del tema con un sitio de internet:

Sitio seleccionado: http://www.som.com/

La relación que puedo encontrar entre este sitio web y el tema asignado es la manera en que se estructura la página, en este sitio está presente la arquitectura de la información ya que se puede observar su organización en la parte derecha; aparece una serie de opciones en forma de lista que el usuario puede seleccionar a su parecer. 

Por otro lado el diseño esta ligado a ese tipo de informacion, la imagen de fondo tiene directa vinculacion con el nombre de la pagina, esto ayuda a un mejor entendimiento y comprensión del tipo de sitio que se visita y se puede determinar qué usos se le puede dar de acuerdo a su estructuración.

Puntos a tener en cuenta:

- Contenidos-mensaje: no presenta abundancia de contenidos en la página de inicio, pero si al hacer click en las diferentes opciones que se encuentran al comienzo de la exploración.  A su vez, estas opciones están agrupadas por categorías.

- Interfaz gráfica: 

1. En general el valor plástico y expresivo del sitio se caracteriza por ser simple porque no posee demasiada carga estética en su totalidad.

2. En el caso de la estética de la imagen, el sitio presenta imagenes en muy buena calidad que hacen posible una legitima visual del usuario para percibirlas.

3. En cuanto a selección de colores se perciben los tonos claros y pasteles y resaltando por sobre todo, el color blanco.
4. La tipografía seleccionada es la Arial en la información y cambia de estilo en el titulo del sitio.
5. Los botones y la diagramación de los elementos se ubican en el lado derecho.

- Interfaz de navegación: como se puede percibir, la página cuenta con una barra de navegación en la parte superior facilitandole al usuario buscar contenidos relacionados a dicho sitio.

- Estructura:

EVALUACION TEORICA A LIBRO ABIERTO

Tema: ¿Qué es el Diseño y la Arquitectura de la Información?

 Para entrar en tema...

   Hablar de diseño, no resulta simple de definir, ya que se presenta como un término amplio que abre un abanico de diversas facetas que lo pueden conceptualizar.

   Se hace necesario conocer el surgimiento y por consiguiente, el objetivo del diseño. Cabe mencionar además, la implicancia de dicho término a la tecnología y técnica, de qué manera influye en las mismas y cómo a su vez éstas intervienen en el mundo de la informática.

   Por otra parte, el diseño se vincula también con la arquitectura de la información a partir de la cual comienzan a aparecer nuevos conceptos, cómo funciona este proceso de construcción de la información, de qué manera influye en el sociedad, entre otros puntos que se desarrollarán a continuación.

   



DISEÑO GRAFICO 

                                              

                                             ARQUITECTURA DE LA INFORMACION

Desarrollo personal del tema:

   Se puede decir, que el diseño adquiere muchas definiciones pero comunmente solemos asociar este concepto con una actividad mental que a través de la cual podemos planificar, proyectar y construir ideas. 

   Para entender este significado, se hace necesario entrar al campo de lo proyectual, es decir, pensar un proyecto a base de necesidades; de allí surge el diseño que actúa como solucionador del problema.

   La tarea del diseñador es cubrir esa necesidad que se plantea el usuario, centro del problema, comunicando ideas y conceptos de forma precisa y directa por medio de elementos gráficos, corriendo en juego la eficacia de la comunicación visual que dependerá de los recursos que utilice y los conocimientos que adquiera de ellas.

   Por otro lado, también se puede hablar de diseño multimedia que, a diferencia del diseño gráfico tradicional, éste está ligado estrechamente a lo tecnológico. Desde este punto, nace la necesidad de conceptualizar lo que entendemos por tecnología y técnica.

   Habitualmente decimos que la tecnología es un concepto amplio que abarca un conjunto de técnicas, conomientos y procesos que se apoyan en el diseño y construcción de objetos para satisfacer las necesidades humanas. Y en el caso de la técnica, la consideramos un procedimiento o conjunto de acciones que se llevan a cabo para obtener un resultado determinado.

   Visto desde otros puntos de vista como en el caso de los postivistas del siglo XIX, afirman que la tecnología va de la mano de la ciencia porque representan los avances de la humanidad.

   Por su lado, Marcuse y Habermas sostienen que la técnica está vinculada al poder dentro de la sociedad. Podemos decir entonces que los avances de la humanidad están asociados al poder.

   Desarticulando estos diferentes modos de ver la tecnología es posible afirmar que el lenguaje multimedia es quién la utiliza y se apoya en ella.

     

                                                                                                

   A partir del diseño multimedia se construye la tecnología informática y se pueden desarrollar dos dispositivos: el de comunicación >> interfaz- relación entre el usuario, acción y objeto; y el de percepción >> hipertexto.

   Ahora bien, como se dijo antes, el diseño se encuentra vinculado con la tecnología y el mundo digital; y partiendo de esta idea se puede hablar de un diseño que introduce nuevas herramientas para configurar esa cultura digital. 

   Una de ellas es la llamada Arquitectura de la Información (AI), en otras palabras, es la fusión del arte y la ciencia de estructurar y organizar sitios web con el objetivo de ayudar al usuario a encontrar y manipular la información. Esa información pasa a ser el soporte sobre el cual se construyen nuevos conocimientos y desafíos.

   Asimismo nos podemos plantear cuál es el objetivo del arquitecto de la información al momento de construír esta estructura informativa.

   Su principal tarea se basa en determinar el tipo de contenidos y qué función cumplirá el sitio web, luego se plantea de qué manera accederán los usuarios a la información y por último, promover y asegurar el crecimiento del sitio.

Esquema conceptual

Diseño de web

Fuentes:

Bibliografía: 

Montagu, A. Pimentel, D. Groisman, Martín. 2004. Cultura Digital, comunicación y sociedad. Ed. Paidos. Buenos Aires. Capítulo 1: Súperconectados. [Pp 25-95]

Sitios web:

http://es.scribd.com/doc/15485427/Conceptos-Basicos-de-Diseno
http://www.buenastareas.com/ensayos/Definicion-De-Tecnologia/143780.html
http://es.wikipedia.org/wiki/T%C3%A9cnica
http://www.nosolousabilidad.com/articulos/ai.htm

Imagenes:

http://www.google.com.ar/imgres?num=10&hl=es&biw=1280&bih=677&tbm=isch&tbnid=cWE80F2pOfUo7M:&imgrefurl=http://cabezasgraficas.com.ar/%3Fp%3D253&docid=whZGnGElv7RbGM&imgurl=http://cabezasgraficas.com.ar

http://www.google.com.ar/imgres?num=10&hl=es&sa=X&biw=1280&bih=677&tbm=isch&tbnid=jS4DVw9bA06DbM:&imgrefurl=http://taniiarangeel.blogspot.com/2011_03_01_archive.html&docid=FvFHDoD0i4ZbjM&imgurl=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqShBkqwGBzcOVHpSGIvSCIT5suT9vtmu6U8SxXsT1-aaor4SLsvtftETFItFj4MHpeZGmElg4X24-_wbaHtX1UlE_xXBbB_q5hlRPUWA5nR2QlSTcOTyX8LGUS0Vf6PKDOLjLyqfVkWTJ/s1600/vida%252Bsilvestre.jpg&w=550&h=720&ei=eFOQUPG2JoKa9gTgyoDABg&zoom=1&iact=rc&dur=324&sig=110675039634057755545&page=3&tbnh=144&tbnw=118&start=46&ndsp=25&ved=1t:429,i:263&tx=63&ty=70

http://www.google.com.ar/imgres?num=10&hl=es&sa=X&biw=1280&bih=677&tbm=isch&tbnid=WHaId3DTGBW5xM:&imgrefurl=http://www.colectivobicicleta.com/2009/05/diseno-grafico-de-grafik-dust_26.html&docid=BSZEV7R9_9sL1M&imgurl=http://redaccionbicicleta.files.wordpress.com/2009/05/grafik-dust-3.jpg&w=540&h=284&ei=o1OQUKa7EI_29gS1ioGIAQ&zoom=1&iact=rc&dur=2&sig=110675039634057755545&page=1&tbnh=133&tbnw=256&start=0&ndsp=16&ved=1t:429,i:66&tx=154&ty=71

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitzPoE5XEGKeo7QbdcL7WCqndZPW8AY7_eCAOHB1rNGLLwqOiwtUyWbrhFef_pnJaTJ7zcTIfirs8-wzswpQghvtuEUs3DsHr0SFp9K4yi2jr9VPfMUenkyyy9Ihv4KFAFiWC1CBIeWTQ/s400/2575462910_1f387d8fba.jpg

http://www.google.com.ar/imgres?num=10&hl=es&biw=1280&bih=677&tbm=isch&tbnid=1twyHnKqY4b07M:&imgrefurl=http://www.incone.com.ar/index/estudio-creativo/diseno-multimedial.html&docid=6-ePsFucqHqWsM&imgurl=http://www.incone.com.ar/index/images/stories/multimedia1.jpg&w=300&h=300&ei=ilSQUKO9NpHW9QTn_4CwAw&zoom=1&iact=hc&vpx=646&vpy=172&dur=174&hovh=225&hovw=225&tx=69&ty=111&sig=110675039634057755545&page=1&tbnh=138&tbnw=138&start=0&ndsp=15&ved=1t:429,i:112


http://www.google.com.ar/imgres?start=23&num=10&hl=es&biw=1280&bih=677&tbm=isch&tbnid=4say74iBJp3_NM:&imgrefurl=http://www.compass.com.pa/index.php%3Foption%3Dcom_categoryblock%26view%3Darticle%26Itemid%3D108%26id%3D567&docid=e9frIYFUD1wf_M&imgurl=http://www.compass.com.pa/images/stories/NEW-PHOTOS/estructura-de-pagina-web.jpg&w=300&h=210&ei=o1SQUI76ApOE9gTa2IHwBA&zoom=1&iact=hc&vpx=747&vpy=310&dur=377&hovh=155&hovw=221&tx=92&ty=95&sig=110675039634057755545&sqi=2&page=2&tbnh=149&tbnw=213&ndsp=21&ved=1t:429,i:22


http://www.google.com.ar/imgres?start=138&num=10&hl=es&biw=1280&bih=677&tbm=isch&tbnid=Snlrd74gd_Hp3M:&imgrefurl=http://www.nosolousabilidad.com/articulos/guia_ai.htm&docid=iHIVhNwdMLBwWM&imgurl=http://www.nosolousabilidad.com/articulos/img/guia1.png&w=600&h=363&ei=o1SQUI76ApOE9gTa2IHwBA&zoom=1&iact=hc&vpx=567&vpy=332&dur=554&hovh=136&hovw=225&tx=110&ty=51&sig=110675039634057755545&sqi=2&page=7&tbnh=136&tbnw=225&ndsp=28&ved=1t:429,i:124

http://www.google.com.ar/imgres?start=191&num=10&hl=es&biw=1280&bih=677&tbm=isch&tbnid=bTihjFNz4eN_JM:&imgrefurl=http://www.alta-resolucion.net/web.php&docid=3Ldhy7OInfqSDM&imgurl=http://www.alta-resolucion.net/imagenes/web-imagen.jpg&w=980&h=550&ei=o1SQUI76ApOE9gTa2IHwBA&zoom=1&iact=rc&dur=98&sig=110675039634057755545&sqi=2&page=9&tbnh=128&tbnw=199&ndsp=26&ved=1t:429,i:286&tx=41&ty=79

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxLYFtzlugdtU9fnM3dkI9vqHxxZ8mBuw4Ebyw3qf8gGuCNmxRVMFgLQIAJOFql0nJgiV9aiLiqKYLhF3lZo8naEgArHXU51UysESceyGM-yMaQ74oyombYmlWOHCQtE7WF6bi0ZwUA4/s400/diseno+web.jpg

Presentación final del modelado.

IMD 2012 - Hojaldre

Estas fueron las imagenes seleccionadas para realizar el trabajo. Sin embargo escogi la foto 3.

Foto 1:

Foto 2:

Foto 3:

Trabajo Practico N° 2

Mientras avanzaba con el trabajo, logre capturar otras tomas exteriores e inmersivas del modelado ya coloreadas.

 Imagenes exteriores:

Imagenes inmersivas:

STORYBOARD

En el mismo se puede observar un recorrido secuencial del modelado.