SlideShare une entreprise Scribd logo
1  sur  15
Diseño de sitios Web:  metodología Mtro. Edward Bermúdez Macías
Problemática Metodología
Comercio Problemática Metodología Aplicación  limitada   Dependencia  tecnológica Globalización Evolución Web? Métodos  de diseño SW SW / actividad
Problemática Metodología Procedimiento
[object Object],[object Object],[object Object],Problemática Metodología Procedimiento
Problemática ,[object Object],Terminología Ubicación /  Estructura Metodología Procedimiento
Nivel conceptual Nivel técnico Ámbito conceptual Ámbito tecnológico
Problemática ,[object Object],Terminología Ubicación /  Estructura Analogías Sitio Web Metodología Procedimiento
El término sitio Web en los ámbitos tecnológico y conceptual Ambiente virtual es una ubicación que es utilizada por una estructura de información cuyos elementos ocupan un espacio en Internet y que a través de un sistema hipertextual es accedida por usuarios de la Web.  es un código de programación que ubica y relaciona una serie de nodos de información, y las maneras en que ésta se presenta a través de un visualizador Nivel conceptual Nivel técnico Ámbito conceptual Ámbito tecnológico Fuente: Elaborada por el autor de esta tesis.
Problemática ,[object Object],Diseño  de sitios Web Métodos Perspectivas  Web Recursos  y herramientas Metodología Procedimiento
Comparación del método Lynch/Horton con el modelo descriptivo Fuente: Elaborado por el autor de esta tesis, a partir del documento Lynch, 1999 Exploración Generación Evaluación Comunicación ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Diseño Construcción Marketing Rastreo, evaluación y mantenimiento Modelo descriptivo Método Lynch / Horton Interfaz Sitio  Página
Comparación entre el modelo prescriptivo y la metodología del Manejo de Relaciones. Modelo prescriptivo Síntesis Evaluación Análisis Estudio de factibilidad Necesidades Objetivos Análisis de mercado y usuario Fuentes de información / permisos Medios usados (antecedentes) Canales de distribución Análisis costo – beneficio  Análisis de requerimientos de información-navegación Selección de hardware (soporte  del  hipermedio: CD, Web, kiosco) Diseño de las relaciones entre entidades  (rubros o categorías) Diseño de entidades Diseño de navegación Diseño de la interfaz de usuario Construcción Prueba y evaluación Diseño del protocolo de conversiones * Diseño de las conductas de tiempos de recorrido** Metodología de Manejo de Relaciones * Formatos de archivos, lenguajes de programación a utilizar; **rutas de navegación esperadas y sus tiempos Fuente: Elaborada por el autor de esta tesis, a partir de la síntesis de la figura 4 en Isakowitz, 1995, 38;  y de la figura 7 en Cross, 1999, 30
Ubicación de las acciones para configurar un sistema de recursos y herramientas  de comunicación en el proceso de diseño de la experiencia de usuario.  Fuente: A partir del gráfico: Los elementos de la Experiencia de Usuario; en Garret, 2000. Culminación Concepción Web como sistema de hipertexto  (orientado a información) Web como interfaz de software  (orientado a tareas) Objetivos del sitio Necesidades del usuario Requerimientos de contenido Especificaciones funcionales Arquitectura de la información Diseño de la interacción Diseño de la información Diseño de la navegación Diseño de la interfaz Diseño visual Configuración del sistema de recursos y herramientas de comunicación
Comparación de los recursos de comunicación disponibles en la Web. Servicio de audio y video-conferencia Síncrona Servicio de conversación escrita Servicio de publicación de mensajes Asíncrona Servicio de correo electrónico -  Similitud con interacción presencial + Tipo de interacción Recursos de comunicación - Recursos técnicos +  - Habilidades en el uso de la tecnología +  Fuente: Elaborada por el autor de esta tesis.
Problemática ,[object Object],Ámbito  conceptual Ámbito  tecnológico Autonomía Interacción Accesibilidad Colaboración Distribución Interoperabilidad Metodología Procedimiento

Contenu connexe

Tendances

Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
David Fandinho
 
Navegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internetNavegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internet
Andres
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEB
gpn
 

Tendances (20)

El diseño web
El diseño webEl diseño web
El diseño web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Joomla Cms
Joomla CmsJoomla Cms
Joomla Cms
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 
Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseño
 
Herramientas y Tecnologías para la Web
Herramientas y Tecnologías para la WebHerramientas y Tecnologías para la Web
Herramientas y Tecnologías para la Web
 
Pagina web
Pagina webPagina web
Pagina web
 
Mi primer pagina web
Mi primer pagina webMi primer pagina web
Mi primer pagina web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Diapositiva Pagina Web
Diapositiva Pagina WebDiapositiva Pagina Web
Diapositiva Pagina Web
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
 
Navegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internetNavegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internet
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEB
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Principios básicos de diseño web
Principios básicos de diseño webPrincipios básicos de diseño web
Principios básicos de diseño web
 

En vedette

15 metodologia web qem
15 metodologia web qem15 metodologia web qem
15 metodologia web qem
UVM
 
Metodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones webMetodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones web
Josafat Mtz
 
Metodología para creación de sitios web
Metodología para creación de sitios webMetodología para creación de sitios web
Metodología para creación de sitios web
Alfredo Anotha Diego
 
Creacion de una pagina web para el consejo comunal del sector la mariquita
Creacion de una pagina web para el consejo comunal del sector la mariquitaCreacion de una pagina web para el consejo comunal del sector la mariquita
Creacion de una pagina web para el consejo comunal del sector la mariquita
19630414
 
Metodología del diseño gráfico
Metodología del diseño gráficoMetodología del diseño gráfico
Metodología del diseño gráfico
lisimetodologia
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
King-eClient
 

En vedette (20)

Boxillos
BoxillosBoxillos
Boxillos
 
15 metodologia web qem
15 metodologia web qem15 metodologia web qem
15 metodologia web qem
 
Hacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web ResponsiveHacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web Responsive
 
Metodología en el Diseño Web
Metodología en el Diseño WebMetodología en el Diseño Web
Metodología en el Diseño Web
 
Metodología WEB NDT
Metodología WEB NDTMetodología WEB NDT
Metodología WEB NDT
 
Metodología WEB W2000
Metodología WEB W2000Metodología WEB W2000
Metodología WEB W2000
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Página web informativa para el consejo comunal
Página web informativa para el consejo comunalPágina web informativa para el consejo comunal
Página web informativa para el consejo comunal
 
Metología para la creación de sitios web
Metología para la creación de sitios webMetología para la creación de sitios web
Metología para la creación de sitios web
 
Metodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones webMetodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones web
 
Metodología para creación de sitios web
Metodología para creación de sitios webMetodología para creación de sitios web
Metodología para creación de sitios web
 
Creacion de una pagina web para el consejo comunal del sector la mariquita
Creacion de una pagina web para el consejo comunal del sector la mariquitaCreacion de una pagina web para el consejo comunal del sector la mariquita
Creacion de una pagina web para el consejo comunal del sector la mariquita
 
Algoritmo fundamentos de la programación
Algoritmo   fundamentos de la programaciónAlgoritmo   fundamentos de la programación
Algoritmo fundamentos de la programación
 
Metodología del diseño gráfico
Metodología del diseño gráficoMetodología del diseño gráfico
Metodología del diseño gráfico
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 
Metodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones webMetodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones web
 
Web 2.0 metodologia
Web 2.0 metodologiaWeb 2.0 metodologia
Web 2.0 metodologia
 
Sitios Web Educativos
Sitios Web EducativosSitios Web Educativos
Sitios Web Educativos
 
Metodologías Ágiles para el Desarrollo de Software y Metodologias Para el de...
Metodologías Ágiles  para el Desarrollo de Software y Metodologias Para el de...Metodologías Ágiles  para el Desarrollo de Software y Metodologias Para el de...
Metodologías Ágiles para el Desarrollo de Software y Metodologias Para el de...
 

Similaire à Metodología del diseño de sitios web educativos

Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1
cepr08TAC
 
Arquitectura de la Informacion
Arquitectura de la InformacionArquitectura de la Informacion
Arquitectura de la Informacion
guest5dd66d
 
Arquitectura de la Informacion
Arquitectura de la InformacionArquitectura de la Informacion
Arquitectura de la Informacion
Elizabeth Toro
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
Meli Vidal
 

Similaire à Metodología del diseño de sitios web educativos (20)

Taller Arquitectura de Información Parte 2 v1.1.0
Taller Arquitectura de Información Parte 2 v1.1.0Taller Arquitectura de Información Parte 2 v1.1.0
Taller Arquitectura de Información Parte 2 v1.1.0
 
Arquitectura de la información y usabilidad
Arquitectura de la información y usabilidadArquitectura de la información y usabilidad
Arquitectura de la información y usabilidad
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto web
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)
 
Taller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos Web
 
Modelo Madurez Sitios UAWeb 2007
Modelo Madurez Sitios UAWeb 2007Modelo Madurez Sitios UAWeb 2007
Modelo Madurez Sitios UAWeb 2007
 
Metodología de evaluación de madurez de la gestión de sitios web
Metodología de evaluación de madurez de la gestión de sitios webMetodología de evaluación de madurez de la gestión de sitios web
Metodología de evaluación de madurez de la gestión de sitios web
 
Ofimatica para la_aplicacion_pedagogica
Ofimatica para la_aplicacion_pedagogicaOfimatica para la_aplicacion_pedagogica
Ofimatica para la_aplicacion_pedagogica
 
CibermetríA Empresas Web
CibermetríA  Empresas WebCibermetríA  Empresas Web
CibermetríA Empresas Web
 
Inter tecno clase 01 - plan asignatura
Inter tecno   clase 01 - plan asignaturaInter tecno   clase 01 - plan asignatura
Inter tecno clase 01 - plan asignatura
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1
 
Herramientas de arquitectura de informacion resumen
Herramientas de arquitectura de informacion resumenHerramientas de arquitectura de informacion resumen
Herramientas de arquitectura de informacion resumen
 
Arquitectura de la Informacion
Arquitectura de la InformacionArquitectura de la Informacion
Arquitectura de la Informacion
 
Arquitectura de la Informacion
Arquitectura de la InformacionArquitectura de la Informacion
Arquitectura de la Informacion
 
Taller Escribir Para El Web Webprendedor
Taller Escribir Para El Web   WebprendedorTaller Escribir Para El Web   Webprendedor
Taller Escribir Para El Web Webprendedor
 
Modelo de Conectividad para Redes Humanas - Continuidad
Modelo de Conectividad para Redes Humanas - ContinuidadModelo de Conectividad para Redes Humanas - Continuidad
Modelo de Conectividad para Redes Humanas - Continuidad
 
Diseño y desarrollo de servicios de información y documentación digital con h...
Diseño y desarrollo de servicios de información y documentación digital con h...Diseño y desarrollo de servicios de información y documentación digital con h...
Diseño y desarrollo de servicios de información y documentación digital con h...
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 

Plus de Edward Bermúdez M.

María Llena eres de Gracia en Twitter
María Llena eres de Gracia en TwitterMaría Llena eres de Gracia en Twitter
María Llena eres de Gracia en Twitter
Edward Bermúdez M.
 

Plus de Edward Bermúdez M. (16)

Otro diseño es posible...
Otro diseño es posible...Otro diseño es posible...
Otro diseño es posible...
 
Diseño: humanizando la tecnología
Diseño: humanizando la tecnologíaDiseño: humanizando la tecnología
Diseño: humanizando la tecnología
 
Observación cualitativa para diseño
Observación cualitativa para diseñoObservación cualitativa para diseño
Observación cualitativa para diseño
 
Evaluación de sitios web
Evaluación de sitios webEvaluación de sitios web
Evaluación de sitios web
 
La importancia de la tecnología en la educación dentro del contexto global
La importancia de la tecnología en la educación dentro del contexto globalLa importancia de la tecnología en la educación dentro del contexto global
La importancia de la tecnología en la educación dentro del contexto global
 
Conceptos Tecnológicos como conternido en la enseñanza del diseño
Conceptos Tecnológicos como conternido en la enseñanza del diseñoConceptos Tecnológicos como conternido en la enseñanza del diseño
Conceptos Tecnológicos como conternido en la enseñanza del diseño
 
Diseño de servicios, de interacción, y de experiencias
Diseño de servicios, de interacción, y de experienciasDiseño de servicios, de interacción, y de experiencias
Diseño de servicios, de interacción, y de experiencias
 
Diseño en la Web del Futuro
Diseño en la Web del FuturoDiseño en la Web del Futuro
Diseño en la Web del Futuro
 
Tecnología y diseño
Tecnología y diseñoTecnología y diseño
Tecnología y diseño
 
Docencia diseño y tecnología
Docencia diseño y tecnologíaDocencia diseño y tecnología
Docencia diseño y tecnología
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Presentación proyecto ASE I
Presentación proyecto ASE IPresentación proyecto ASE I
Presentación proyecto ASE I
 
María Llena eres de Gracia en Twitter
María Llena eres de Gracia en TwitterMaría Llena eres de Gracia en Twitter
María Llena eres de Gracia en Twitter
 
Presentacion_UNAM
Presentacion_UNAMPresentacion_UNAM
Presentacion_UNAM
 
Trabajo Académico UIA
Trabajo Académico UIATrabajo Académico UIA
Trabajo Académico UIA
 
Diseño Interactivo: creando y evaluando una nueva profesión
Diseño Interactivo: creando y evaluando una nueva profesiónDiseño Interactivo: creando y evaluando una nueva profesión
Diseño Interactivo: creando y evaluando una nueva profesión
 

Dernier

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
pvtablets2023
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 

Dernier (20)

Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 

Metodología del diseño de sitios web educativos

  • 1. Diseño de sitios Web: metodología Mtro. Edward Bermúdez Macías
  • 3. Comercio Problemática Metodología Aplicación limitada Dependencia tecnológica Globalización Evolución Web? Métodos de diseño SW SW / actividad
  • 5.
  • 6.
  • 7. Nivel conceptual Nivel técnico Ámbito conceptual Ámbito tecnológico
  • 8.
  • 9. El término sitio Web en los ámbitos tecnológico y conceptual Ambiente virtual es una ubicación que es utilizada por una estructura de información cuyos elementos ocupan un espacio en Internet y que a través de un sistema hipertextual es accedida por usuarios de la Web. es un código de programación que ubica y relaciona una serie de nodos de información, y las maneras en que ésta se presenta a través de un visualizador Nivel conceptual Nivel técnico Ámbito conceptual Ámbito tecnológico Fuente: Elaborada por el autor de esta tesis.
  • 10.
  • 11.
  • 12. Comparación entre el modelo prescriptivo y la metodología del Manejo de Relaciones. Modelo prescriptivo Síntesis Evaluación Análisis Estudio de factibilidad Necesidades Objetivos Análisis de mercado y usuario Fuentes de información / permisos Medios usados (antecedentes) Canales de distribución Análisis costo – beneficio Análisis de requerimientos de información-navegación Selección de hardware (soporte del hipermedio: CD, Web, kiosco) Diseño de las relaciones entre entidades (rubros o categorías) Diseño de entidades Diseño de navegación Diseño de la interfaz de usuario Construcción Prueba y evaluación Diseño del protocolo de conversiones * Diseño de las conductas de tiempos de recorrido** Metodología de Manejo de Relaciones * Formatos de archivos, lenguajes de programación a utilizar; **rutas de navegación esperadas y sus tiempos Fuente: Elaborada por el autor de esta tesis, a partir de la síntesis de la figura 4 en Isakowitz, 1995, 38; y de la figura 7 en Cross, 1999, 30
  • 13. Ubicación de las acciones para configurar un sistema de recursos y herramientas de comunicación en el proceso de diseño de la experiencia de usuario. Fuente: A partir del gráfico: Los elementos de la Experiencia de Usuario; en Garret, 2000. Culminación Concepción Web como sistema de hipertexto (orientado a información) Web como interfaz de software (orientado a tareas) Objetivos del sitio Necesidades del usuario Requerimientos de contenido Especificaciones funcionales Arquitectura de la información Diseño de la interacción Diseño de la información Diseño de la navegación Diseño de la interfaz Diseño visual Configuración del sistema de recursos y herramientas de comunicación
  • 14. Comparación de los recursos de comunicación disponibles en la Web. Servicio de audio y video-conferencia Síncrona Servicio de conversación escrita Servicio de publicación de mensajes Asíncrona Servicio de correo electrónico - Similitud con interacción presencial + Tipo de interacción Recursos de comunicación - Recursos técnicos + - Habilidades en el uso de la tecnología + Fuente: Elaborada por el autor de esta tesis.
  • 15.

Notes de l'éditeur

  1. Problemática: Existe una aplicación limitada de las posibilidades de comunicación e información que ofrece la Web. Podemos suponer que las causas de esta situación están relacionadas con la dependencia tecnológica, la homogeneidad cultural de los medios masivos, e incluso que esté circunscrita a un paradigma de evolución en el uso de las tecnologías. Sin embargo, la principal barrera parece estar en la concepción que se tiene acerca de la Web. Una de las consecuencias y a la vez causa, es la aplicación de métodos o procesos de diseño de sitios Web bajo esa concepción limitada, y que produce soluciones de diseño muy similares entre sí, sin tener en cuenta la actividad que promueve la creación del sitio. Esto limita las relaciones entre las actividades que se ejercerán en el sitio Web, y éste, como espacio que les sirve de contexto. Es decir, el SW se limita a ser un conducto para el intercambio de información o como alternativa de comunicación. Si comparamos esta situación, con los avances en metodología para el diseño de sitios Web destinados a actividades de comercio electrónico y publicidad, podemos observar una seria desventaja de la participación que tiene la educación en la evolución de la tecnología Web.
  2. El desarrollo que ha tenido Internet, se caracteriza por su difusión pública y mayormente descentralizada; no existe un parámetro estándar para designar a las partes o elementos; sin embargo, teniendo en cuanta que existen términos referidos a elementos técnicos y a conceptos, se ha formulado esta distinción dentro de un ámbito tecnológico cuyo objetivo es el desarrollo de la tecnología. Ampliando esto, podemos formular un ámbito conceptual que congrega el análisis de la relación objeto-sujeto.
  3. Conceptos como computación ubicua, Websemántica, dirigen el dasesarrollo de elemntos técnicos como redes inalámbricas o lenguajes XML. Igualmnete, conceptos como red o virtualidad proviene de la relaicón entre tecnología y sociedad; y reflejan y condicionan el desarrollo tecnológico.
  4. Palabras de uso común son aplicadas a elementos y conceptos en Internet. Sitio, Web. Teniendo en cuenta la participación de la educación e Internet, cuyo origen fue precisamente académico, se precisó la definición de SWE
  5. técnicamente, es un código de programación que ubica y relaciona una serie de nodos de información, y las maneras en que ésta se presenta a través de un visualizador. Nivel conceptual , un sitio Web es una ubicación que es utilizada por una estructura de información cuyos elementos ocupan un espacio en Internet y que a través de un sistema hipertextual es accedida por usuarios de la Web .
  6. Primero los tres campos Luego, desglosar cada uno brevemente Metodos: generación desde distintas disciplinas, su correspondencia con modelos de diseño (Estructuras generales) ALcances: Metas: Acceso Universal: Hacer la Web accesible a todos, a través de promover tecnologías que tengan en cuenta las diferencias en cultura, lenguajes, educación, habilidades, recursos materiales, dispositivos de acceso, y limitaciones físicas de los usuarios en todos los continentes; Web Semántica: Desarrollar un ambiente de software que permita a cada usuario hacer el mejor uso de los recursos disponibles en la Web; Web de Confianza: Guiar el desarrollo de la Web teniendo en cuenta las consideraciones de carácter legal, comercial y asuntos sociales generados por esta tecnología Principios de desarrollo: la interoperabilidad (entre protocolos, formatos, aplicaciones, etc.), la capacidad para evolucionar, [1] la independencia del contenido con respecto al dispositivo donde se despliega, la descentralización del desarrollo del software para evitar el control sobre los contenidos, la internacionalización de los lenguajes de programación, y el fomento de la confianza en el sistema, a través de su calidad y pertinencia para el, o los usuarios. la capacidad de la Web para procurar espacios virtuales –y adaptables– de comunicación, ésta, potencia la conformación de redes sociales proceso de autorregulación en la Web, que por su estructura soportada en Internet, no permite la exclusión de ningún tipo de información; mientras habilita el poder de decisión del usuario. descentralización de la información, la capacidad, igualmente creciente, de las aplicaciones Web para ofrecerles espacios y herramientas de creación en línea. El espacio ideal para esta colaboración creativa es la misma Web, por sus herramientas, y su capacidad para posibilitar la escalabilidad de las estructuras sociales; es decir, que facilita y promueve la creación de grupos sin la rigidez de una estructura jerárquica de gran tamaño, ni el aislamiento de estructuras con alto nivel de cohesión interna pero incapacidad para relacionarse externamente. el sentido en que se desarrolla la Web responde a una necesidad social de comunicación, descentralizada e igualitaria en su participación; OBJETO DE APRENDIZAJE: el Paradigma Orientado a Objetos ha conducido a la conceptualización de los Objetos de Aprendizaje, estableciendo una estrecha relación entre la didáctica y la tecnología como medio. “cualquier recurso digital que puede ser reutilizado para apoyar el aprendizaje”, a lo cual agrega que “esta definición incluye cualquier cosa que pueda ser entregada por demanda a través de una red” Modelos: modelos centrados en el aprendizaje, modelos transmisivos, y modelos basado en la colaboración
  7. simplemente describen las secuencias de actividades que ocurren típicamente en el diseño; Esto corresponde a que los modelos descriptivos, están basados en “un concepto de solución en una etapa temprana del proceso”,
  8. [mientras] otros modelos intentan prescribir un patrón mejor o más apropiado de actividades”. y los modelos prescriptivos, en un “trabajo más analítico que precede a la generación de conceptos de solución”.
  9. Autonomia: Principalmente a partir de la corriente cognoscitiva, los modelos pedagógicos han centrado su atención en el aprendizaje como finalidad de cualquier acción educativa; por lo cual, todo el proceso gira alrededor del alumno. Igualmente para la Web, el papel que representa el usuario establece en gran medida su desarrollo tecnológico, en el sentido, en que está potencialmente dirigida hacia los individuos; esto, posiblemente se deba a la condición técnica en que se distribuyen los recursos de comunicación e información. paradigma centrado en el usuario . la capacidad para actuar de acuerdo a sus intereses particulares; lo cual no significa un aislamiento total, ni la pérdida de contacto social Interacciónla relación que establece el usuario con la interfaz desplegada en la pantalla se relacionan las personas en distintos niveles de mediación. en la educación a distancia los modelos transmisivos de información han llevado a analizar el diálogo entre los participantes, [1] como aspecto indispensable en la interacción personal Colaboración a partir de la corriente constructivista, y su vinculación con la psicología socio-cultural, la investigación pedagógica ha resaltado la importancia del contexto social la tecnología desea mejorar la experiencia del usuario frente al sistema, y al mismo tiempo provee las herramientas que le permitan, no solamente comunicarse a distancia, sino interactuar con otras personas en procesos creativos que suceden en la misma Web. concepto de contexto virtual , comunidades o redes de aprendizaje Accesibilidad; el diseño que facilite el uso. USAbilidad. presente en las prespectivas web, se suma a un principio de universalidad; compartido por los modelso pedagógicos. Ubicuidad de la información y la tecnología. Dsitribución: se encuentra en los procesos relacionados con la experiencia de usuario; concretamente en la definición de la arquitectura de información, y en la configuración del sistema de recursos y herramientas de comunicación. el desarrollo de la tecnología se hace hincapié en independizar el contenido de la forma en que se presenta, con lo cual, se permite que la información pueda “adquirir” varias formas, Interoperabilidad: un sitio Web educativo, como contexto de aprendizaje, se ha considerado la interrelación de materiales, herramientas de comunicación, y demás elementos tecnológicos que participan en el proceso. en un nivel técnico consiste en procurar que elementos como protocolos, formatos, o lenguajes de representación, puedan ser relacionados por el mismo sistema. La ventaja de este principio consiste en asegurar que no existan elementos en la Web, que no puedan ser accedidos o descritos, y por lo tanto representen un bloque de información aislado