Diseño Web
miércoles, 22 de agosto de 2012
miércoles, 15 de agosto de 2012
Arquitectura de la información
Trabajo Realizado por Steven Mercado 1090406 - Felipe Delgado 1090406
Distribución
de la información: Este sitio web distribuye su información de dos maneras en
su pagina principal, hay una pantalla dinámica al igual de dos columnas donde
presentan sus campañas mas recientes y la otra parte es la de opinión del
usuario donde hay un enlace a twitter que permite conocer la opinión de las
personas ya sea del sitio web o de alguna campaña en especifico. Es un portal
fácil de utilizar ya que cada link esta bien direccionado y maneja una
información concreta de las campañas que están haciendo, haciendo resaltar sus
títulos con colores llamativos y permitiendo a los usuarios estar opinando
continuamente sobre sus temas de interés
Sistema de
navegación: El sistema de navegación de avaaz consta de una barra superior en
la que se encuentra un menú además de tener link en los títulos de cada campaña,
y varios sub-menus en los links donde nos explica que hay en cada sección.
Tipos de
contenido: Manejan todo tipo de contenido imágenes, video, texto e
interactividad
Al irse al
link de campañas y al dar click sobre alguno de ellos lo manda a otra parte
donde, además, de tener otras campañas se encuentra la misma información que ya
había antes, pensamos que no debería tener un link para eso o que si lo tiene
que mejor incluyan más datos.
Para cada
campaña no sabemos si la frase del portal sea Es el
momento de pasar a la acción
pero lo que nos pareció curioso es que en cada campaña que están realizando
tienen link para el titulo y para la frase mencionada anteriormente donde
llevan al mismo lugar.
En la página
principal hay 3 maneras de presentar las mismas campañas, pensamos que exageran
un poco a la hora de mostrar una campaña.
La
información que ofrece este sitio web es sobre las campañas a nivel mundial
para protestar en contra de los gobiernos de todos los países donde cualquier
persona puede “firmar” si esta de acuerdo con la campaña y dar su opinión. Las fuentes de información son sus
mismos miembros ya que cada año, Avaaz determina sus prioridades a través de encuestas a todos
sus miembros. Asimismo, sugerencias o ideas sobre posibles temas de campañas
son objeto de consultas y tests semanales dirigidos a una muestra de 10.000
miembros escogidos al azar. Sólo se llevan a cabo aquellas iniciativas que
evidencian una participación elevada de nuestros miembros. Es por eso que las
campañas globales que se envían a toda la comunidad Avaaz generan, a menudo, la
participación de cientos de miles de miembros en unos pocos días, o incluso en
cuestión de horas.
Distribución
de la información: El portal casi no maneja texto, se enfoca en el uso de video
clips con pequeñas descripciones para informar al usuario de los programas del
canal, también como la primera pagina maneja una pantalla dinámica donde muestran
sus shows que están de moda dando la posibilidad de conocer un poco mas al dar
click sobre ellos.
Sistema de
navegación: El sistema de navegación consta de dos barras idénticas de menú una
en la parte superior de la pagina y otra en la parte inferior, dos espacios
para ventanas de twitter una donde los usuarios pueden opinar y otra donde se
muestran los twits del canal y al lado derecho cuenta con un mini calendario el
cual indica que día estamos y que programa se esta pasando en estos momentos.
Tipos de
contenido: Manejan imágenes, video y texto. Interactividad con el usuario es en
la parte de los juegos, encuestas y opiniones en twitter.
La
información que maneja este sitio web es sobre la programación de natgeo
Distribución
de la información: La pagina de CNN combina imágenes con texto en sus noticias
mas importantes, dividiendo sus paginas en 3 partes que son las noticias
viejas, la parte izquierda con los títulos de algunas noticias, las noticias
mas sobresalientes en la mitad ya que contienen una imagen , y en la parte
derecha información que ofrece el portal como el clima de cualquier país o
tendencias a cual ha sido el tema mas buscando en su portal.
Sistema de
navegación: consiste en uno global ya que contempla diferentes menús en la
parte superior, inferior, y los lados de la página, donde hay muchas
direcciones que seguir. Contiene un site map organizado jerárquicamente y en
forma de lista para facilitar la búsqueda de la noticia de nuestro interés.
Tipos de
contenido: maneja todo tipo de contenido texto, imágenes y videos en forma de podcast
y algunas noticias que contienen su video. En cuanto a interactividad con el
usuario lo único que tiene es que uno puede opinar sobre cualquier noticia.
La
información que maneja este sitio web son noticias de todo el mundo y suponemos
que el portal tiene sus delegados para realizar su respectiva investigación y
escribir el articulo sobre la noticia que desarrolló.
Distribución
de la información: Nos parece una buena distribución de la información ya que
tiene todo de una manera muy organizada combinando las imágenes con menús
interactivos que dan a conocer los productos de la compañía. Y las
especificaciones del producto son acompañadas con imágenes que las hacen ver de
manera más agradable
Sistema de
navegación: Maneja menús desplegables en la parte superior de la pagina los
cuales están bien estructurados ya que son específicos para lo que las personas
quieren buscar, después de encontrar tu producto abre otra pagina donde
encontraras las especificaciones de que producto quieres (referencias, accesorios,
etc) , puede que se vuelva un poco complicado porque al tener tanto enlace la
pagina puede llegar el momento en que uno no sepa donde esta y ya no empezaras
desde la pagina de inicio sino de otra, por ejemplo, cuando estas en la pagina
principal y das click en algún producto te manda a la pagina de sony pero
store.sony y para volver a la principal ya no se puede ni siquiera hundiendo en
el logo de sony.
Tipos de
contenido: maneja todo tipo de contenido texto, imágenes y videos en forma de
podcast y algunas noticias que contienen su video.
La
información que maneja el sitio web es sobre la información de los productos de
la compañía sony.
Distribución
de la información: La pagina de mercedes es totalmente interactiva, nos pareció
un buen manejo de la información y un buen uso de la creatividad con la que
esta realizada el sitio la manera de dar a conocer sus productos. Maneja texto
acompañado de imágenes con menus agradable a la vista del usuario
Sistema de
navegación: La página maneja una sola barra de menú en la parte superior donde
se encuentra todo lo necesario, desde la información de la compañía hasta donde
podemos encontrar los concesionarios. El punto a favor es que cada click es
diferente entonces es agradable sentir curiosidad al no saber que pase cuando
vayas a otra parte del menú.
Tipos de
contenido: Maneja de todo y en cuanto a interactividad permite a los usuarios
conocer los automóviles de una manera muy original, sin tener que ir a verlo,
la pagina ofrece diferentes tipos de angulo de vista y conocer el interior de
los automóviles y eso solo manejando el mouse hacia donde nosotros queramos.
La
información que maneja el sitio web es sobre los automóviles que ofrece la
marca mercedes Benz
Distribución
de la información: La página maneja la distribución de la información de una
forma clara en un recuadro, donde se enfoca cuando damos click en cualquier
opción del menú. Al momento de dar click la información de alguna moto se
despliega en la parte de abajo un pequeña descripción y en caso de que el
usuario quiera saber más, hay la opción de abrir una especie de ficha técnica
además de tener una galería de fotos del producto.
Sistema de navegación: La página consta
de un menú ubicado en la parte inferior y uno desplegable en la parte izquierda
de la pagina, y al dar click sobre cualquier opción pueden que salgan otros sub
menús ya sea para cambiar los colores o para ver especificaciones de una moto.
Tipos de
contenido: Maneja todo tipos de contenido, inclusive maneja videos dentro de la
página que no influyen en nada pero dan una sensación diferente ya que no hace
ver la página tan estática, y la interacción se puede ver al momento de poder
girar algunas motos o cambiarles el color
La
información que maneja el sitio web es sobre las motos que ofrece la marca Vespa
Distribución
de la información: La distribución de la información se maneja por bloques en
la página principal además de tener las noticias actuales, hay links
adicionales en la parte inferior de la página.
Sistema de
navegación: El sistema de navegación consta de una barra de menú desplegable
además de un menú estático. Contiene un mapa de sitio el cual nos ayuda a
ubicarnos fácilmente y tiene un botón de inicio que nos permite volver desde
donde empezamos.
Tipos de
contenido: Texto, imágenes y videos, poca interactividad.
La
información que maneja el sitio web es sobre lo que ofrece la Universidad de
San Buenaventura y los servicios que presta para sus estudiantes y empleados.
Distribución
de la información: Es una pagina sencilla de entender ya que para cada producto
hacen una especie de portal adicional donde podremos encontrar información de
los juguetes, juegos y sus respectivos precios con buenas imágenes y algunas
animaciones que son entretenidas y motivan a los usuarios a quedarse en el
portal.
Sistema de
navegación: Consta de un menú superior en la cual se ofrecen sus productos y
otro en la parte inferior el cual contiene información acerca de la compañía,
es realmente básico navegar por el sitio y siempre te da la posibilidad de
volver al comienzo.
Tipos de
contenido: Contiene de todos, texto, imágenes, animaciones, e interactividad a
la hora de ofrecer juegos y de permitir ver los productos de forma dinámica. La
verdad son muy creativos y a cada portal le hacen su diseño para promocionarlo.
La
información que maneja el sitio web es sobre los productos que venden la
compañía de LEGO promocionando sus productos mas recientes.
Distribución
de la información: Distribución de la Información esta dada en bloques donde el
usuario escoge que es lo que quiere hacer y después un bloque en el que se
presentan algunas noticias
Sistema de
navegación: Consta de un menú en la parte superior, permite volver al comienzo
siempre hundiéndole en el logo de la pagina, y en la parte inferior información
sobre derechos de la pagina y la seguridad.
Tipos de
contenido: Básicamente maneja texto e imágenes, interactividad poca.
COSAS COMUNES
El tipo de
menús que casi siempre se ubican arriba y en la parte inferior de la página
todo lo que tiene que ver con derechos de autor.
martes, 7 de agosto de 2012
Términos Web 2.0
Algunos de los términos que me llamaron la atención por su impacto actual fueron:
http://www.youtube.com/watch?v=LWsNg2mxEoc
Los que dan sus aportes:
http://www.eltiempo.com/tecnologia/actualidad/ARTICULO-WEB-NEW_NOTA_INTERIOR-8127740.html
http://www.cartograf.net/articulo/la-red-solo-infoxica-si-se-usa-mal
2- Nativos Digitales
Aquí una pequeña discusión y comparación entre estas dos generaciones.
http://aprenderapensar.net/2009/05/18/nativos-digitales-vs-inmigrantes-digitales/
3 - Folcksonomías
http://www.youtube.com/watch?v=xsHURTdJN2k
4- Web 1.0
1- Infoxicación: Es una sobrecarga de información que nos proporcionan los medios y que si no sabemos manejar, almacenar, entender o sacar utilidad nos congestionará tanto que nos bloquearan.
En pocas palabras, sabemos que internet es un mundo infinito de información y oportunidades de saber y conocer diferentes cosas, pero el limite de información lo colocamos nosotros, la capacidad de cada persona para aprender, para percibir información es diferente y depende del entrenamiento o "disciplina" que tenga nuestro cerebro y del tipo de información al que este costumbrado.
Sin embargo, en la infoxicación se encuentra una oportunidad para instruir mejor nuestro cerebro, para adaptarnos a otro tipo de información y afianzar conocimientos sobre lo que antes nos abrumaba.
Aquí hay una explicación mas sencilla:
http://www.youtube.com/watch?v=LWsNg2mxEoc
Los que dan sus aportes:
http://www.eltiempo.com/tecnologia/actualidad/ARTICULO-WEB-NEW_NOTA_INTERIOR-8127740.html
http://www.cartograf.net/articulo/la-red-solo-infoxica-si-se-usa-mal
2- Nativos Digitales
Es necesario hablar de inmigrantes digitales al mencionar la palabra nativo digital, pues estos últimos son aquellas personas que nacieron después de la década de los 90, quienes fueron educadas en una era digital, donde la información circula a otra velocidad y donde los métodos tradicionales no son manejados como lo eran en la generación anterior, Ejemplo de esto es la lectura en libros impresos tradicionales a quien la generación actual accede pero de manera digital.
Aquí una pequeña discusión y comparación entre estas dos generaciones.
http://aprenderapensar.net/2009/05/18/nativos-digitales-vs-inmigrantes-digitales/
3 - Folcksonomías
Un método colaborativo de clasificación de información que permite ser editada entre varias personas y ayuda a tener acceso a la información de manera mas fácil por medio de etiquetas referentes a cada información encontrada por diferentes personas.
Un ejemplo de esto es flickr que permite que las personas pueden buscar diferentes fotos y clasificarlas con etiquetas o delicious.com que a mi parecer es bastante útil y permite a las personas encontrar paginas y clasificarlas de acuerdo a nombres o etiquetas comunes para tener acceso a paginas web de un modo mas rápido y fácil.
Un video de compartir información.
http://www.youtube.com/watch?v=xsHURTdJN2k
4- Web 1.0
En la web 1.0 encontramos un sistema de información plano, tradicional donde existe un emisor de mensajes como e l administrador de un sitio, funcionando a manera de noticiero y es quien decide el contenido que suministrara a varias personas(consumidores).
esta web se puede decir que era "manejada" por un grupo selecto de personas con los conocimietnos técnicos necesarios para transmitir informacion en un lenguaje digital.
A diferencia de esta web, la web 2.0 logro crear un acceso para las personas "de a pie" aquellos que deseaban aportar al contenido encontrado y que podrian dar una opinion que tal vez alguien en otro lugar necesitaba.
http://www.youtube.com/watch?v=SrBl9CHTP1Q
http://www.youtube.com/watch?v=SrBl9CHTP1Q
martes, 31 de julio de 2012
Las mejores y peores web
TOP 3 de las mejores:
Rolex
http://www.rolex.com/es
Sprite
http://www.sprite.com.co
Pixelscode
http://pixelscode.com
Rolex
http://www.rolex.com/es
Sprite
http://www.sprite.com.co
Pixelscode
http://pixelscode.com
Las peores:
Alcaldia de cali
El uso de Internet y su impacto
1- ¿Qué aspectos de su vida ha modificado el uso paulatino del Internet? ¿Qué ha empezado a hacer más gracias al Internet? ¿Qué ha dejado de hacer por andar metido en Internet?
Los aspectos que ha cambiado el Internet en mi vida es la parte de investigación; pues he empezado a interesarme por diferentes aspectos y tener acceso a ellos de forma gratuita e "infinita".
ya que no existe limites de distancia o costo para obtener información de diferentes personas o partes del mundo sobre un tema en particular al igual que el rápido acceso que se puede tener esta información.
Sin embargo, he dejado de hacer varias cosas por el interés que trae el boom de internet en algunos momentos, olvidando un uso útil y provechoso,(algún curso) y en vez de eso dedicarme a darle el uso cotidiano y sin alteraciones de correo, facebook y alguna noticia.
miércoles, 25 de julio de 2012
Vannervar Bush
Este hombre fue el promotor de la gestión de información por medio de las asociaciones, estudió la manera en que la información es asociada por palabras y facilitaba una búsqueda eficiente de archivos, libros y documentos de su época por medio de una maquina que denominó memex que significa Memory - Extender, o memoria extendida.
El Memex es un dispositivo en el que se almacenan todo tipo de textos, registros, libros y comunicaciones, que puede ser mecanizado de forma que puede ser consultado con extrema velocidad y flexibilidad.
Para la consulta de un artículo, el usuario construye una red de caminos asociados, de acuerdo con su interés, a través de todos los materiales de la biblioteca de forma que pueda cambiar la configuración cuando lo desee; se constituyen senderos de lectura, enlazando los artículos disponibles, y se puede modificar esa configuración cuando se quiera.
El aporte que logro dar Vannevar Bush a lo que hoy conocemos como un computador, fue lograr tener esa visión tan amplia del funcionamiento de un aparato que ayudara al ser humano en su capacidad de organización, rapidez y exactitud de de búsqueda de información. Aunque en esa época no existía la tecnología necesaria para darle vida al memex, el concepto se aplica aun muchos después.
Es un Estadounidense nacido en 1937 y desde su niñez tuvo el interés por las tecnologías y soñó con poder registrar todo.Diseñador, creador de utopías, inventor, escritor, director de cine, artista, hacker, empresario, profesor.
Actualmente Ted Nelson es profesor de Información Ambiental en la Universidad KEIO en Japón y está considerando la posibilidad de actualizar el diseño de XANADÚ para reimplemnetarlo en Internet En 1963 Ted inventó los términos de hipertexto e hipermedia para referirse a escritos no secuenciales, que coordinaran la presentación de cualquier tipo de información, texto e imágenes, que fue acuñado en 1965. El HIPERTEXTO es un modelo para la interconexión de documentos electrónicos.
En 1970 crea el proyecto XANADÚ, que pretendía que la idea del hipertexto tuviera una aplicación práctica. Era y es una forma revolucionaria de lo que es el acto leer y escribir. La estructura de Xanadú aparece como una red destinada a “…proveer millones de documentos a millones de usuarios que, en forma simultánea, siguen las conexiones y las ventanas a través del cuerpo de un hipertexto en crecimiento continuo”.(Ted Nelson)
Douglas Enbelbart
se dio cuenta de que la informática podía ser una gran solución para lo complicado que era el mundo, dedico el desarrollo de herramientas para aumentar el desarrollo cognoscitivo y productividad, en lo que se encuentra la gran revolución de la informática: el ratón.
Gracias a este hombre en su gran aporte a la web, el de lograr comunicar varios dispositivos por medio de un mismo lenguaje es que hoy podemos realizar tantas operaciones en la web.
Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva.
Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje anguage) o lenguaje de etiquetas de hipertexto
Es posible encontrar muchas de las ideas plasmadas por Berners-Lee en el proyecto
y el memex Vannevar Bush
Suscribirse a:
Entradas (Atom)