tag:blogger.com,1999:blog-32085808278216964812024-03-13T17:56:53.712+01:00Arquitectura de la Información y Desarrollo Web AvanzadoSobre la forma en que ha de soportarse la información para su difusiónm4reloxhttp://www.blogger.com/profile/17813464729615565056noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-3208580827821696481.post-56855616750524841572012-01-13T08:37:00.001+01:002014-01-16T12:15:56.749+01:00Práctica11. Test de usabilidad
Uno de los enfoques de la usabilidad corresponde al comportamiento del usuario durante el proceso de navegación, hasta la localización de los contenidos que resuelven su demanda informativa. Para experimentar el número de clics que el usuario realiza durante una búsqueda y evaluar la usabilidad de los menús de navegación global, local y contextual se pueden llevar a cabo tests de usabilidad. En Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-3208580827821696481.post-1034284580159840702012-01-12T08:25:00.064+01:002014-01-16T12:15:56.742+01:0019.- Usabilidad web
El concepto Usabilidad como tal, no está recogido en el Diccionario de la Real Academia, debe su origen, probablemente, a alguno de los siguientes términos en inglés Usability = Usabilidad, User friendly = Fácil de usar, Friendly use = Facilidad de uso, véase (HASSAN, Y.; MARTÍN FERNÁNDEZ, F.J.; GHZALA, I. 2004). Según su origen, se advierte que la facilidad de uso es el objetivo de la Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-88256063240718071712011-12-16T08:30:00.000+01:002014-01-16T12:15:56.751+01:00Práctica9. Implementación de un buscador básico
Una de las aplicaciones más importantes de cualquier sitio web es su sistema de recuperación de información. Con el objetivo de conocer y acercar el proceso de implementación y funcionamiento de un buscador básico, así como sus particularidades y funcionamiento y configuración, se propone la resolución de la presente práctica.
Descargar Práctica9. Implementación de un buscador básico
DescargarUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-17960765967201417112011-12-15T08:30:00.009+01:002014-01-16T12:15:56.744+01:00Práctica8. Gestión, redirección y construcción de enlaces
En muchos casos el proceso de construcción de enlaces depende de la correcta obtención de la información del mismo. Por ello, los distintos lenguajes de programación del lado del servidor disponen de funciones y rutinas diseñadas para captar tales datos y manejarlos según las necesidades de redirección. En resumen, se trata de gestionar los enlaces y diferenciar sus apartados para elaborar un Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3208580827821696481.post-85944614537154280892011-12-15T08:25:00.000+01:002014-01-14T19:23:17.399+01:0016.- Gestores de enlazamiento y redirección para la navegación
Un gestor de enlazamiento es un programa especializado en generar o reconstruir direcciones URL válidas a partir de variables, pistas, nombres, cadenas de texto, identificadores o enlaces orientados al SEO. De hecho no siempre el enlace visible, amigable y fácilmente comprensible para la lectura del usuario puede ser interpretado, por el sistema de información. Esto implica no sólo la capacidad Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-20203818769783758782011-12-02T08:30:00.014+01:002014-01-14T19:23:17.396+01:00Práctica7. Creando la trama de navegación
Conocido el método de enlazamiento y navegación dinámicos incorporarlos al caso del proyecto de sitio web y a la estructura que se había diseñado en prácticas anteriores. Será necesario enlazar páginas para cada sección desde el menú general de forma dinámica, así como las distintas páginas de contenidos en las que están agrupadas.
Descargar Práctica7. Creando la trama de navegación
Descargar Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-71306940154035851012011-12-02T08:25:00.307+01:002014-01-08T14:41:51.087+01:0015.- Navegación dinámica vs navegación estática
Hasta el momento se han abordado aspectos fundamentales de la construcción de un sitio web, desde su concepción, organización, estructura formal y técnica, su programación óptima, aspectos de estilo y formato, pero no se han atendido otros que resultan cruciales, como es la forma de navegación y enlazamiento del sitio web.
Tipos de enlaces
Antes de explicar los métodos de navegación estática yUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-51410017407164717492011-12-01T08:30:00.010+01:002014-01-08T14:41:51.079+01:00Práctica6. Controlando la información de los formularios
El control de la información transmitida por medio de formularios es una constante en el diseño y desarrollo del interfaz para la interacción con el usuario. Permite el envío de los parámetros necesarios para el funcionamiento del sitio web, la publicación de comentarios, entradas, información, el envío de mensajes, parámetros de funcionamiento para las opciones de búsqueda y recuperación, entreUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-17361429382211720952011-12-01T08:25:00.002+01:002013-12-11T14:27:43.977+01:0014.- Arquitectura de formularios y su adaptación dinámica
Los formularios constituyen un elemento esencial en todo el aparato de comunicaciones y edición del sitio web. Es por ello que requieren un tratamiento especial y una revisión en su modo de construcción. Los formularios son empleados como recipiente de recogida de datos. Su modo empleo más común es el envío de mensajes y correos como método de contacto. Pero también son utilizados para otros Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-33617998629136000252011-11-17T08:25:00.007+01:002013-12-11T14:27:43.983+01:00Práctica5. Adaptación dinámica de las páginas de contenidos
Hasta el momento se ha trabajado con páginas de contenido estáticas basadas en HTML. Pero como se pretende enseñar, éstas páginas pueden ser adaptadas para su aprovechamiento en la estructura del sitio web dinámico en PHP. Tomando un contenido estático y la estructura ya creada en la práctica4, no resulta difícil averiguar que cada página de contenido es una página matriz en la que se cargan Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-32526513207337249442011-11-11T08:20:00.000+01:002013-12-11T14:27:43.980+01:00Práctica4. Construyendo la estructura del sitio web
De acuerdo a lo que se viene explicando, uno de los métodos más efectivos para lograr una estructura de sitio web es el empleo de funciones include de PHP para introducir los distintos fragmentos que componen el código del sitio web. En la práctica4 se costruirá la estructura del sitio web conforme a este método.
Aunque el editor Eclipse PDT, permite la edición del lenguaje PHP, será Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-59490937736926898712011-11-10T08:23:00.000+01:002013-12-04T13:07:48.748+01:0013.- Diseño de estructuras web: iframe vs include
Desde un punto de vista estructural, los sitios web se desarrollan a partir de capas que dividen las distintas áreas que las componen, a saber: encabezamiento, menú general, menú local, contenidos y navegación contextual y pie de página, véase figura1. Recuérdese también el apartado de diseño de estructuras web con capas y CSS layouts. En el presente artículo se abordará la forma de interacción,Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-3208580827821696481.post-6262270407780389042011-11-03T08:30:00.008+01:002013-11-28T14:38:52.618+01:00Práctica3. Editando las páginas de contenidosPara
cada sub-categoría de contenidos definida en la práctica2, se deberá elaborar
una página web simple en formato HTML y CSS teniendo en cuenta los principios
expuestos en los artículos de maquetación de textos y estructuración de páginas
de contenidos. Recuérdese que el objetivo es la elaboración de páginas de
contenidos lo más sencillas posibles, sin artificios, con calidad para la
lectura deUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-39108295271390659402011-11-03T08:28:00.000+01:002013-11-27T14:50:40.115+01:0012.- Cómo estructurar una página de contenidos
Toda página de contenidos ha de seguir unas especificaciones de presentación, pero también de estructuración que faciliten al máximo la lectura y distinción de todos sus apartados. En cualquier contenido debería estar presente la siguiente organización:
Encabezamiento o título del contenido. (obligatorio) - El encabezamiento deberá estar destacado tipográficamente sobre toda la página de Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-46603624624689261682011-11-03T08:25:00.000+01:002013-11-20T14:59:40.004+01:0011.- Maquetación de textos
La correcta maquetación de textos, imágenes y listados ayuda a crear una presentación de los contenidos, limpia, clara y precisa. Por ello se recomienda tener control sobre sus principales propiedades, los márgenes, justificados, sangrados, alineaciones, proporciones, etc. Las hojas de estilo en cascada, también denominadas CSS, ayudan en este propósito y por ello se han reseñado las propiedadesUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-47485717468532125212011-10-27T08:25:00.001+02:002013-11-13T14:42:31.286+01:0010.- Estructura de carpetas y archivos
La correcta estructuración de las carpetas y archivos del sitio web es un factor clave para su buena comprensión y gestión por parte de su administrador, desarrollador y arquitecto de la información. Existe una serie de carpetas y archivos cuyas denominaciones no deberían variar, ya que tener unas convenciones básicas es el principio de toda normalización. La estructura de un sitio web estático Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-4066614582903131592011-10-27T08:20:00.034+02:002013-11-07T12:49:32.919+01:0009.- Estilo de enlaces, menús y vinculación de archivos CSSEnlaces
Los enlaces constituyen la base de la hipertextualidad en el sitio web. Desde el punto de vista de la arquitectura de la información deben proporcionar toda la información que sea posible en relación a su título o descripción, idioma de la página de destino y marco o página en la que será cargado el enlace. Ello se consigue con la sintaxis que se muestra en la tabla1.
<a href='Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-56385361542464314172011-10-21T08:28:00.001+02:002013-11-05T09:35:35.534+01:0008.- Representación de resultados e interfaz de búsqueda
El proceso de representación y visualización de resultados le sigue al proceso de recuperación de información en el que el buscador resuelve los documentos más pertinentes a la consulta del usuario. Las implicaciones que se derivan de la presentación de los resultados de la consulta son claves en arquitectura de la información. ¿Cómo representar la información?
Qué campos y tipos de datos debenUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-32729819575001495092011-10-20T08:28:00.003+02:002013-10-30T12:03:49.847+01:0007.- Diseño de estructuras web con capas y CSS: layoutsPara diseñar la estructura de una página web, existen diversos métodos:
Uso de marcos o frames para separar los distintos espacios del sitio web. Implica el uso de las etiquetas <frameset>, véase tabla1. Este modelo muy popular en los primeros desarrollos de la web, posteriormente ha sido desechado debido a las dificultades de accesibilidad que presentaba y a los problemas de Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3208580827821696481.post-10358549008110985302011-10-20T08:25:00.001+02:002013-10-23T14:54:39.511+02:00Práctica2. Planificación y desarrollo del sitio web: primeros pasos
Se tratará de concretar la temática del sitio web, área de trabajo, fuentes de información, contenidos a utilizar, estructura de secciones, categorías, subcategorías, vocabularios controlados y bosquejo del proyecto de sitio web. De esta forma el marco de trabajo quedará definido desde el comienzo para sucesivas prácticas de edición web.
Descargar Práctica2. Planificación y desarrollo del sitioUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-45288181011321968802011-10-20T08:20:00.002+02:002013-10-23T13:25:06.474+02:00Herramientas para la edición web y próximas prácticasPara el correcto desarrollo de las prácticas, se utilizarán principalmente dos editores web. Por un lado Dreamweaver y por otro Eclipse. El primero está pensado para la edición de sitios web a partir de un interfaz gráfico de opciones y herramientas que permiten escribir el código sin un conocimiento profundo en HTML, CSS, Javascript, etc. El segundo implica un conocimiento más exhaustivo de la Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-81020335934820029552011-10-14T08:20:00.000+02:002013-10-16T14:09:08.249+02:0006.- Sistemas de búsquedaAntes de instalar un buscador en el sitio web...
¿Tiene el sitio web suficiente contenido como para requerir un buscador?
Determinar un número suficiente de páginas y contenidos para integrar un buscador. Por ejemplo entre 500 y 1000 páginas.
Información muy especializada puede ser suficiente motivo para requerir un buscador, ya que esta puede ser demandada con frecuencia y en poco Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-46257875372569029812011-10-07T08:25:00.001+02:002013-10-14T16:08:56.752+02:0005.- Sistemas de navegaciónSistemas de navegación principales. Su objetivo es la navegación a través de todos los contenidos del sitio web, permiten establecer el contexto y la flexibilidad de navegación.
Global. Debe indicar dónde se encuentra el usuario y a dónde puede ir.
Local. Su objetivo es mostrar qué opciones o temas colindantes se encuentran dentro de la sección que está siendo consultada.
Contextual. Trata de Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3208580827821696481.post-61852392315093203602011-10-06T08:20:00.000+02:002013-10-10T13:39:56.808+02:0004.- Sistemas de organización de contenidosOrganización de contenidos
Sistemas de organización exacta y objetiva. Permiten la recuperación exacta cuando el objeto o documento que se busca es conocido. Son de fácil elaboración, y consulta, pero no responden a una búsqueda exhaustiva o imprecisa. Son los sistemas de clasificación alfabética, cronológica y geográfica.
Alfabética. Es el método de organización primario que proporciona un Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3208580827821696481.post-74043072033781517462011-09-29T08:00:00.000+02:002013-10-09T13:23:34.256+02:0003.- Necesidades de información y comportamiento del usuario
El usuario de cualquier sistema de información plantea demandas y necesidades de información que se traducen en labores o actividades de búsqueda y recuperación de contenidos. Esta es la razón de ser de cualquier recurso o sitio web de información.Tales consultas se pueden clasificar en 4 tipos bien diferenciados:
Búsqueda exhaustiva
Exploración de contenidos
Recuperación del elemento o Unknownnoreply@blogger.com0