Aprendizajes Adquiridos

El realizar este blog y nutrirlo con informaión relacionada al diseño web, nos ha permitido investigar, seleccionar, analizar y poner en práctica diversos tipos de aprendizajes desde el algoritmico al heuristico.

Es muy importante que el estudiante no sea repetitivo sino que ponga su imaginación a volar y pueda ser muy creativo.

Hemos aprendido muchisimo en esta asignatura desde la creación de un sitio web, worpress que nunca lo habiamos utilizado y sus grandes ventajas para publicar contenidos online, los metadatos que es la nueva revolución de la web y el formato doublin core que permite filtrar la información en esta era en que la red es una gran máquina sobresaturada de información.

El querer aprender hoy depende de nosotros, asi que a explorar se ha dicho porque existen innumerables recursos a nuestra dispocisión y gratuitos, solo tenemos que animarnos.

Gracias profesora por sus orientaciones para enseñarnos a crear, investigar cosas novedosas.

Estructura vs Diseño del sitio web

Diferencia entre Estructura vs.Diseño

Estructura:se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).


Diseño:se refiere a la solución gráfica que se creará para el sitio, en la cual aparecen colores, logotipos, viñetas, y otros elementos de diseño que permiten identificar visualmente al sitio.

Dado lo anterior, cuando hablamos de la estructura nos estamos refiriendo básicamente a cuál será la experiencia que tendrá un usuario cuando accede al sitio. De esta manera podremos determinar dónde estarán ubicados los servicios interactivos (buscador, sistemas de encuestas, áreas de contenidos).

Gracias a la realización de esta etapa es posible discutir en términos muy prácticos cuál será la oferta de elementos de información e interacción que tendrá el usuario. Al no incluir elementos de diseño, se permite que la discusión sobre la estructura se desarrolle en aspectos concretos, sin que intervengan aún consideraciones
estéticas que habitualmente atrasan la aprobación de esta etapa del desarrollo.

Referecias

Guía web 1.0

Esta página , es un buen ejemplo para oreintarse en el diseño web porque la misma describe cada una de las etapas que conlleva realizar un sitio web. Se puede apreciar en la misma un sistema de navegación local con marcos o frames y tablas de contenidos con indices.

te invito a explorar la Guía web 1.0

Diseños de Sitios y Paginas Web

Presentación sobre Diseño Web

View more PowerPoint from Marcelo Freitas

Diseño Fisico de una Pagina Web

Antes de Desarrollar en diseño Visual hay que definir la estructura fìsica de la pagina web a Desarrollar.

El Diseño de la estructura física como la teoría lo dice facilita el mantenimiento del sitio web desarrollado, esto requiere de una buena organización de los archivos que serán utilizados.

Ventajas que considero al construir una estructura física de recursos y almacenamiento de un sitio web:

·         Facilidad para localizar el lugar de almacenamiento de los archivos y carpetas

·         Mantenimiento eficiente de cada recurso utilizado por la clasificación de imágenes y otros archivos.

·         Claridad y entendimiento de cada componente,  agilizando las actualizaciones del servidor web.

·         Rapidez en el mantenimiento del sitio, incluso para los administradores web que no lo diseñaron.

La estructura física jerarquizada utilizada como una norma o regla garantiza un sitio web organizado y libre de complicaciones que entorpezcan el trabajo.

Diseño Visual - Diagramación

Software para hacer diagramas

Existen diferentes aplicaciones software que se utilizan para la confección de diagramas. Para una mejor comprensión de los mismos se han clasificado en 2 grupos: los que originalmente fueron ideados para hacer diagramas, y los que originalmente no fueron pensados para diagramación, pero que también pueden usarse con este objetivo ya que son poderosas herramientas de diseño gráfico.


Algunas aplicaciones software que fueron ideadas para hacer diagramas:
SmartDraw (http://www.smartdraw.com)
Microsoft Visio (http://www.microsoft.com)
iGrafx Flowcharter (http://www.igrafx.de)
DENIM & Silk. (http://guir.berkeley.edu/projects/denim/)
Mindmanager (http://www.mindjet.com)
Freemind (http://freemind.sourceforge.net/)
OmniGraffle (OSX) (http://www.omnigroup.com)

Aplicaciones software que no fueron ideadas específicamente para hacer diagramas:
Corel Draw (http://www.corel.com)
Adobe [antes Macromedia] Freehand (http://www.adobe.com)
Adobe Illustrator (http://www.adobe.com)

Tipos de Sistemas de Navegación

Durante el diseño de un sitio web, generalmente se incluyen varios tipos de Sistema de Navegación. Para lograr el éxito es necesario conocerlos y entender en qué medida ofrece flexibilidad y una noción del contexto en el que nos encontramos. Pueden identificarse cuatro tipos de Sistema de Navegación, ellos son:

- Sistemas de navegación jerárquicos: es el más tradicional. Ofrece acceso a los diferentes niveles jerárquicos inferiores a partir de la página inicial. Frecuentemente presenta inconvenientes para la navegación horizontal por lo que se recomienda combinarlo con otros sistemas. Ofrece conceptos muy detallados e incluidos bajo conceptos más generales, esto es, los conceptos más generales se desglosan en conceptos más detallados que son relacionados con eventos u objetos individuales.

- Sistemas de navegación globales: Este sistema complementa a uno jerárquico. Brinda la posibilidad de navegación tanto a lo profundo como a lo largo del sitio - navegación vertical y horizontal. Es común el establecimiento de reglas que regulen las condiciones y situaciones en las que se utilizará la navegación según el nivel dentro del sitio.

- Sistemas de navegación locales: Para comprender la necesidad de implementar un SNL es necesario entender el concepto de subsede o subsitio. El diseño visual debe tener cierta coherencia entre módulos. La estructura de navegación debe ser igualmente coherente entre módulos y ésta debe incluir navegación local para el subsitio o módulo, y la navegación global del sitio de contenido principal, es decir, se debe apreciar ambos sistemas claramente.


- Sistemas de navegación específicos: Se utiliza principalmente cuando no es posible clasificar las relaciones entre las páginas web en algunos de los sistemas de navegación anteriores. El ejemplo más ilustrativo se encuentra en los enlaces dentro de un texto hacia otro documento relacionado, esté o no en el sitio. Es muy frecuente hallar este tipo de navegación en revistas digitales que los incluyen en las notas finales o a pie de página (imitando a las publicaciones impresas). Este tipo de Navegación es común encontrarlo en las Wikis.

Sistema de Navegación

Los sistemas de navegación son los elementos de una interfaz que permiten la navegación por las diferentes secciones y páginas que componen el sitio web. Es cómo se presenta la información, utilizando para ellos elementos basados en texto, gráficos o bien de entorno. Los elementos relevantes en este caso, serán todos aquellos que permiten mostrar la navegación en la pantalla.
La importancia de diseñar correctamente un sistema de navegación radica en prevenir que los usuarios puedan hallarse perdidos frente a la web y experimenten sensaciones de confusión, frustración e ira, entre otras. El Sistema de Navegación es necesario para brindar un sentido del entorno y dar flexibilidad al movimiento dentro del sitio.
Los sistemas de navegación son una pieza de vital importancia para la experiencia del usuario del sitio web. Su aparente sencillez es lo que hace que a menudo olvidemos su importancia y descuidemos su elaboración.

Características de un buen Sistema de Navegación

Todo buen sistema de navegación debe satisfacer al menos los siguientes objetivos:
- Establecer un modo de ir de un sitio a otro dentro de la web. La navegación debe ser clara, concisa, consistente y fácilmente identificable dentro de la página. No se puede olvidar que también debe ser transparente: nadie debe ser consciente de que hay un sistema de navegación o de que está usándolo.
- Comunicar al usuario la relación entre el contenido que está visualizando y la navegación del sitio. Debemos permitir que el usuario sepa en todo momento dónde se encuentra, hacia donde puede ir desde este punto y que partes del sitio ha visitado ya.
- Reflejar la arquitectura del sitio que subyace al sistema de navegación. Debemos diferenciar la navegación global, la navegación local o subsecciones y la navegación contextual.
- Permitir volver a la página de inicio rapidamente. En un sitio web la página de inicio sirve como punto de partida y como lugar al que volver cuando nos encontramos perdidos, por eso debe ser sencillo ir a este punto desde cualquier parte del sitio.
- Debe tener un corsé para el crecimiento del site, lo cual significa tener muy claro desde el principio las posibilidades de agrandamiento de ese site y crear un sistema de navegación que permita cubrir esas posibilidades sin desvirtuarse.

Organizaciòn de Contenidos para Sitios Web!

Realizar una buena organización de contenido para un sitio web requiere de una serie de puntos que deben ser tomados en cuenta para que este resulte exitoso. Permitiendo a los usuarios que visiten la página entender y comprender con claridad cada unos de los contenidos publicados.

La Organización de Contenidos se lleva a cabo los siguientes Pasos.

· Justificación

· Perfil de los Usuario

· Objetivos Generales

· Objetivos Específicos

· Plan de Contenidos

· Y los recursos tecnológicos a utilizar

Resulta beneficio desarrollar cada uno de estos puntos antes de diseñar un sitio web, ya que con tener claro que es lo que desea trasmite y la forma en que se presentaran propicia a un contenido bien estructurado.

Autor: Ángela Rodríguez

.

Planificaciòn del Sitio Web Educativo

Planificacion sitio Web educativo

View more presentations from Aldo Velásquez Huerta

Planificaciòn de Contenido

La planificación de contenidos es una parte esencial a la hora de crear un tutorial, articulo, pagina web, etc. Esta etapa que forma parte de la arquitectura de contenidos educativos en la web encierra aspectos como la justificación, a quienes va dirigido, los objetivos generales, objetivos específicos y los conceptos que van hacer tratados en el contenido.

Es importante que el desarrollo de la planificación de contenido este centrada en el logro que deseamos alcanzar en la fabricación de un tema en particular.

Los Metadatos

En la actualidad millones de personas utilizan la Web para buscar y encontrar información de prácticamente cualquier tema. Lo anterior se logra con el uso de diversos buscadores de uso gratuito como yahoo, google, lycos, etc. Pero, ¿cómo es que los buscadores localizan las páginas con tan solo teclear unas palabras en su campo de búsqueda? Esto es gracias a la existencia de metadatos; los buscadores pueden generar listas de recursos digitales en la web, los cuales son descritos de forma particular por un conjunto de datos que generalmente están basados en estándares internacionales.

¿Qué son los metadatos?
Los metadatos son datos a cerca de los datos, es decir, los metadatos describen el tipo de información que contiene una página Web.
Estos metadatos se guardan en bases de datos que poseen los buscadores y así es como estos identifican rápidamente a las páginas. Existen diversos métodos de utilizar los metadatos en las páginas Web, algunos ejemplos de usos de metadatos en la informática son los siguientes:
@ Metatags en HTML. Son etiquetas con información sobre el propio documento Web: autor, editor, codificación, etc.
@ Metadatos en la Web semántica. La Web semántica se construye con metadatos RDF en XML.
@ Información en el propio sistema de ficheros. HFS o ReiserFS, por nombrar dos. Se ven completados por los buscadores inteligentes (Beagle o Spotlight) que saben reconocer estos metadatos.
@ Clasificaciones de fotografías. La información EXIF e IPTC almacenada en ellas facilita la catalogación y búsqueda en bancos de imágenes. Programas informáticos como IrfanView, XnView o Picasa por ejemplo, permiten editar y agregar estos datos.
@ Clasificadores de canciones. Contienen metadatos sobre las canciones, bien en MP3 o en CD de audio, en un formato llamado ID3. Por ejemplo iTunes y Rhythmbox.

Información sacada de la Revista Digital Universitaria
http://www.revista.unam.mx/vol.7/num10/art88/oct_art88.pdf

Criterios para evaluar un sitio web

Unas de las verdades que no se pueden ocultar, es que en su gran mayoría los docentes nos disponemos de tiempo para desarrollar contenidos educativos o recursos multimedios, por ello recurrimos a la gran red en busca de algún recurso previamente elaborado que se ajuste a las necesidades educativas de nuestros alumnos. Pero surgen muchas interrogantes ¿Es útil para mi labor docente? ¿En qué curso puedo utilizarla? ¿Qué actividades puedo realizar? ¿Existen algunos criterios para hacer una buena selección de contenidos? Es muy difícil dar una respuesta clara y definitiva a cómo evaluar la utilidad de un sitio web. Pero podemos considerar algunos aspectos generales para evaluar un sitio web

Bienvenidos!
En este blogs compartiremos como la arquitectura de contenidos en el web brinda los beneficios que hacen más capaces en encontrar más fácilmente lo que buscan, y sobre todo, tienen la posibilidad de participar en una rica experiencia educativa, donde "aprenden" no sólo por textos, sino también por la propia interacción.

Saludos a nuestros visitante! 

Bienvenida

Les doy la mas cordial bienvenida, a este nuevo entorno de trabajo, que nos permitirá adquirir nuevas destrezas, habilidades y sobre todo familiarizarnos con este recurso valiosimo y de gran potencial educativo.