Web y portales educativos

4,843 views
4,673 views

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,843
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Web y portales educativos

  1. 1. Diseño de Páginas Web y Portales Educativos Unidad I. Semiología aplicado al diseño multimedia de páginas Web. Sección de Post Grado Doctorado en Educación Robert Aldo Velásquez Huerta Mg. Informática y Multimedios [email_address]
  2. 2. I. Internet: Aplicaciones <ul><li>Consultar información </li></ul><ul><li>Servicios públicos </li></ul><ul><li>Consultar diarios </li></ul><ul><li>Acceso a base de datos </li></ul><ul><li>Radio/Tv </li></ul><ul><li>Intercambio información </li></ul><ul><li>Crear información </li></ul><ul><li>Descargar archivos </li></ul>
  3. 3. I. Internet: Aplicaciones <ul><li>Consultar información </li></ul><ul><li>- Millones de páginas con información de todo tipo y en diferentes idiomas </li></ul><ul><li>- Accedemos mediante los buscadores (google, quintura) </li></ul>
  4. 4. I. Internet: Aplicaciones <ul><li>Servicios Públicos </li></ul><ul><li>- Acceso a información y servicios a través de Internet </li></ul><ul><li>- Web del estado (e-government) </li></ul><ul><li>- Trámites administrativos en línea </li></ul>
  5. 5. I. Internet: Aplicaciones <ul><li>Consultar Periódicos </li></ul><ul><li>- Webs de los periódicos y revistas </li></ul><ul><li>- Ofrecen la misma información que las ediciones impresas </li></ul>
  6. 6. I. Internet: Aplicaciones <ul><li>Acceso a Bases de Datos </li></ul><ul><li>- Bases de datos de investigaciones </li></ul><ul><li>- Accesos a bibliotecas </li></ul>
  7. 7. I. Internet: Aplicaciones <ul><li>Radios, TV, música, videos </li></ul><ul><li>- Transmisión de sonidos (podcast )y video (broadcast) </li></ul><ul><li>- Acceso a radios y televisión en línea. </li></ul>
  8. 8. I. Internet: Aplicaciones <ul><li>Intercambio de información – comunicación </li></ul><ul><li>- Correo electrónico </li></ul><ul><li>- Mensajería electrónica MSN </li></ul><ul><li>- Mensajes a móviles SMS </li></ul><ul><li>- Chat </li></ul><ul><li>- Telefonía IP </li></ul><ul><li>- Videoconferencia </li></ul>
  9. 9. I. Internet: Aplicaciones <ul><li>Crear Información </li></ul><ul><li>- Construir su propia página Web </li></ul><ul><li>- Generar una bitácora (Blogs) </li></ul>
  10. 10. I. Internet: Aplicaciones Educativas <ul><li>Comunicación interpersonal </li></ul><ul><li>Elimina las distancias y los muros de la clase, favorece actividades entre grupos. </li></ul><ul><li>- Correspondencia telemática ( kidlink ) </li></ul><ul><li>- Clases globales </li></ul><ul><li>- Tutoría virtual </li></ul><ul><li>- Reuniones virtuales </li></ul>
  11. 11. I. Internet: Aplicaciones Educativas <ul><li>Recogida de información </li></ul><ul><li>Se orienta a recabar información inédita utilizando las herramientas de comunicación </li></ul><ul><li>- Encuestas por correo </li></ul><ul><li>- Cuestionarios en la Web </li></ul>
  12. 12. I. Internet: Aplicaciones Educativas <ul><li>Trabajo colaborativo en grupo </li></ul><ul><li>Comprende la construcción de los conocimientos a través del trabajo en grupo. </li></ul><ul><li>Obliga al estudiante a desarrollar capacidades para el trabajo en grupo </li></ul><ul><li>- Creación colectiva. Secuencial o conjunta, se puede emplear el e-mail o herramientas colaborativas (Wiki, editores en línea ) </li></ul><ul><li>- Concursos como motivación para realizar una tarea escolar, </li></ul>
  13. 13. I. Internet: Aplicaciones Educativas <ul><li>Búsqueda de información y acceso a recursos </li></ul><ul><li>- La red tiene una gran cantidad de documentos en formato digital (textos, imágenes, música, programas, etc.) </li></ul><ul><li>- Proyectos que implican la investigación, exploración de Internet en busca de datos e informaciones. (WebQuest) </li></ul><ul><li>- Herramientas para la búsqueda y selección de información (google, quintura,etc.) </li></ul>
  14. 14. I. Internet: Aplicaciones Educativas <ul><li>Publicación electrónica </li></ul><ul><li>- La Web es el servicio con mayor difusión. </li></ul><ul><li>- La publicación y difusión de información no tiene control. </li></ul><ul><li>- Se requiere un mínimo de conocimientos técnicos. </li></ul>
  15. 15. I. Internet: Aplicaciones Educativas <ul><li>Autoaprendizaje y formación continua. </li></ul><ul><li>- Los diversos servicios posibilitan generar entornos de autoaprendizaje. </li></ul><ul><li>- Sistemas de enseñanza virtual (e-learning), para actividades de formación y entrenamiento. </li></ul>
  16. 16. II. Portales: ¿Qué es un portal? <ul><li>Es un conjunto de páginas Web o Web site que sirve como un punto de entrada único a la información de una institución o empresa. </li></ul><ul><li>Los portales deben estar organizados de forma que para los usuarios sea fácil, cómodo e intuitivo encontrar la información que desean. </li></ul><ul><li>Actúa como punto de entrada a Internet </li></ul><ul><li>Concentra servicios y productos </li></ul><ul><li>Organiza Internet ayudando a los usuarios en sus requerimientos de información. </li></ul><ul><li>Cuentan con un mecanismo de búsqueda </li></ul>
  17. 17. II. Portales: Características <ul><li>Entre las características claves que debe cumplir un buen portal están: </li></ul><ul><li>Un diseño agradable de sus páginas y una interfaz de fácil uso para los usuarios </li></ul><ul><li>Proporcionar mecanismos de organización y búsqueda de información </li></ul><ul><li>Proveer mecanismos de gestión y seguridad adecuados </li></ul><ul><li>Permitir el acceso a una variedad de recurso, no sólo HTTP. </li></ul>
  18. 18. II. Portal: Aplicaciones Educativas <ul><li>Servicios. </li></ul><ul><li>- Búsqueda de información. (Buscador o índices) </li></ul><ul><li>- Cuentas de acceso a e-mail </li></ul><ul><li>- Noticias ( suscripciones rss) </li></ul><ul><li>- Entretenimientos (páginas personales) </li></ul><ul><li>- Servicios comunicaciones (chat, foros) </li></ul><ul><li>- Descargas </li></ul><ul><li>Contenidos. </li></ul><ul><li>- Información (noticias, información especializada, galerías, etc.) </li></ul><ul><li>- Comunidades virtuales. </li></ul><ul><li>- Directorios de información. </li></ul>
  19. 19. II. Portal: Aplicaciones Educativas
  20. 20. II. Portal: Clasificación <ul><li>Temporales </li></ul><ul><li>- Tienen una vida limitada </li></ul><ul><li>- Objetivo es informar y promocionar eventos </li></ul><ul><li>Medios de opinión </li></ul><ul><li>- Publicaciones diarias de prensa o académicos </li></ul><ul><li>- Fácil mantenimiento para facilitar su actualización </li></ul><ul><li>Ejm. Colegio de Arquitectos </li></ul><ul><li>Entretenimiento </li></ul><ul><li>- Su contenido es light </li></ul><ul><li>- Variedad y originalidad de entretenimientos </li></ul><ul><li>- El chat es uno de sus mayores servicios </li></ul><ul><li>Ejm. Terra </li></ul><ul><li>Consumidores </li></ul><ul><li>- Uso de consumidores o clientes finales </li></ul><ul><li>- Permite transacciones comerciales de compra </li></ul><ul><li>Ejm. Hiraoka </li></ul>
  21. 21. II. Portal: Clasificación <ul><li>Business to business </li></ul><ul><li>- Orientado solo a usuarios finales, no pueden realizar transacciones </li></ul><ul><li>- Acceso a catálogos y enlaces de productos </li></ul><ul><li>Ejm. Unique </li></ul><ul><li>Información </li></ul><ul><li>- Sitios de información y corresponden a organismos educativos, cultural, etc. </li></ul><ul><li>Ejn. Espacios educativos </li></ul><ul><li>Educativos </li></ul><ul><li>- Brindan servicios de formación, capacitación </li></ul><ul><li>- Brindan recursos para los docentes, educadores y público en general </li></ul><ul><li>Ejm. Huascarán. Enlaces </li></ul>
  22. 22. II. Portal: Aplicaciones Educativas <ul><li>Servicios. </li></ul><ul><li>- Búsqueda de información. (Buscador o índices) </li></ul><ul><li>- Cuentas de acceso a e-mail </li></ul><ul><li>- Noticias ( suscripciones rss) </li></ul><ul><li>- Entretenimientos (páginas personales) </li></ul><ul><li>- Servicios comunicaciones (chat, foros) </li></ul><ul><li>- Descargas </li></ul>
  23. 23. II. Web educativa: ¿Qué es? <ul><li>Es una Web de interés educativo, diseñado con un objetivo pedagógico. </li></ul><ul><li>Busca facilitar aprendizajes o acceso a recursos didácticos </li></ul><ul><li>Proporciona información, comunicación y formación, convirtiéndose en un espacio virtual de trabajo individual y colaborativo. </li></ul><ul><li>Pueden ser Web personales (Web docente), institucionales (Portales educativos), formativas (Campus virtuales) </li></ul>
  24. 24. III. Web educativa: Etapas construcción <ul><li>Etapa de Conceptualización (Prediseño) </li></ul><ul><li>- Objetivo </li></ul><ul><li>- Público </li></ul><ul><li>- Contenidos </li></ul><ul><li>- Estructura </li></ul><ul><li>- Visualización </li></ul><ul><li>Etapa de armado y configuración (Construcción) </li></ul><ul><li>- Diseño gráfico (textos, fondos, imágenes, tablas, marcos) </li></ul><ul><li>- Diseño de las páginas (estructura de los contenidos) </li></ul><ul><li>- Establecer enlaces (estructura de navegación, elementos de exploración) </li></ul><ul><li>- Incorporar multimedias (videos, sonidos) </li></ul><ul><li>- Incorporar archivos (download) </li></ul>
  25. 25. III. Web educativa: Etapas construcción <ul><li>Etapa de puesta en marcha (Implementación servidor) </li></ul><ul><li>- Pruebas de funcionamiento links, multimedia, scripts </li></ul><ul><li>- Ajustes finales </li></ul><ul><li>- Publicación del Web </li></ul>
  26. 26. III. Web educativa: Prediseño ¿para que? OBJETIVOS ¿qué,cuánto? CONTENIDOS ¿para quienes? PUBLICO ¿cómo? ESTRUCTURA ¿cómo? VISUALIZACION Se determinan mutuamente Qué les interesa Cómo buscarán Orientación Estética/ Cultura/ Gustos Cómo se encuentran las cosas Cómo se organizan Qué contener para cumplirlos
  27. 27. II. Web educativa: Objetivos <ul><li>Establece los propósitos de su elaboración y publicación. </li></ul><ul><li>¿Para que se realiza esta página Web? </li></ul><ul><ul><li>Para presentar la imagen de la institución educativa como la mejor ante la comunidad educativa y el contexto local </li></ul></ul><ul><ul><li>Para que la comunidad educativa (docentes y estudiantes) accedan a información y recursos para apoyar los procesos de formación </li></ul></ul>
  28. 28. II. Web educativa: Público <ul><li>Establecer la población a la que pretendemos alcanzar con la Web. </li></ul><ul><li>¿Para quienes es esta página Web? </li></ul><ul><ul><li>Establecer un identi-kit del publico, definir sus intereses, inclinaciones, gustos, preferencias, etc. en general y particular </li></ul></ul><ul><ul><li>Esa gente ¿qué busca en mi página? </li></ul></ul><ul><ul><li>Información posibilita establecer los criterios del diseño de contenidos, lenguaje y estética. </li></ul></ul>
  29. 29. II. Web educativa: Contenidos <ul><li>Es la información y recursos que se presenta en la página Web. </li></ul><ul><li>¿Qué información y recursos es lo que interesa? </li></ul><ul><ul><li>Información y recursos deben ser significativos, interesantes, útiles para le publico. </li></ul></ul><ul><ul><li>El lenguaje para tratar la información debe ser adecuada, concisa y concreta. No lenguaje insinuante ni ambiguo. </li></ul></ul>
  30. 30. II. Web educativa: Estructuras Jerárquica lineal mixta Red <ul><li>La relación de las páginas entre si configuran la estructura del sitio. </li></ul><ul><li>La estructura debe responder a los criterios de búsqueda. </li></ul><ul><li>¿Cómo se intentará encontrar la información? </li></ul><ul><li>Conviene dividir las unidades de información en sub-unidades pequeñas, completas y coherentes luego enlazarlos </li></ul>
  31. 31. II. Web educativa: Visualización <ul><li>Se refiere a los aspectos de la visualización de una página Web </li></ul><ul><li>¿Cómo se deben ver la página los usuarios? </li></ul><ul><li>Los elementos gráficos deben enmarcarse a los objetivos y aspectos culturales del publico. </li></ul><ul><li>No se debe “decorar” o “adornar” con elementos que distorsionan el mensaje. </li></ul><ul><li>La estética no debe adecuarse a los gustos y preferencia de los responsables. </li></ul>
  32. 32. II. Web educativa: Visualización <ul><li>La página debe ser fácil de cargar. </li></ul><ul><li>Las páginas deben ser fáciles de leer </li></ul><ul><li>Establecer guías visuales </li></ul>
  33. 33. II. Web educativa: Consideraciones para el diseño <ul><li>Diseño estructural </li></ul><ul><li>- Fragmentación de contenidos : División lógica de los contenidos, mantener la estructura conceptual, aprovechar la fragmentación hipertextual. </li></ul><ul><li>- Construcción de la estructura : definición de la jerarquía, organización de los niveles de información </li></ul><ul><li>- Sistema de navegación : elementos que permiten explorar las páginas, rutas a seguir por los usuarios, definir los caminos de exploración. </li></ul><ul><li>Diseño gráfico </li></ul><ul><li>- Textos : letras fácilmente legibles, tamaño (no -12), párrafos breves, uso adecuado de las mayúsculas. </li></ul><ul><li>- Fondos : contraste adecuado para legibilidad de los textos, no muchas tramas, fondos como elementos de orientación y comunicación. </li></ul>
  34. 34. II. Web educativa: Consideraciones para el diseño <ul><li>- Imágenes : deben cumplir una función, tamaño proporcional, tamaño en bytes. </li></ul><ul><li>- Tablas: no ajustar a los márgenes, aprovechar para ordenar el diseño. </li></ul><ul><li>- Marcos: proporcionar una simetría adecuada </li></ul><ul><li>Visión global </li></ul><ul><li>- Definir las características de los títulos, subtítulos, y cuerpo del texto. </li></ul><ul><li>- Elección de fuentes , colores, apariencia de los hipervínculos. </li></ul><ul><li>- Definir los fondos , elementos multimediales a incluir (videos, sonidos). </li></ul>
  35. 35. II. Web educativa: Consideraciones para el diseño <ul><li>Otras consideraciones </li></ul><ul><li>- Compatibilidad con los navegadores </li></ul><ul><li>- Compatibilidad de resoluciones </li></ul><ul><li>- Facilidad de navegación </li></ul><ul><li>- Rapidez al cargar páginas gráficas </li></ul><ul><li>- Considerar las actualizaciones </li></ul>
  36. 36. La información y la libertad son indivisibles. La revolución informática es inimaginable sin la democracia y la verdadera democracia es inimaginable sin la libertad de información. Kofi Annan

×