SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (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
 

Andere mochten auch

15 metodologia web qem
15 metodologia web qem15 metodologia web qem
15 metodologia web qemUVM
 
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 ResponsiveHernan Beati
 
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 Webph-web sitemakers
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webYadith Gomez Nolasco
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina webIngenieroF5
 
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 comunalroxanajfe
 
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 webLeocadio Cruz Garcia
 
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 webJosafat 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 webAlfredo 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 mariquita19630414
 
Algoritmo fundamentos de la programación
Algoritmo   fundamentos de la programaciónAlgoritmo   fundamentos de la programación
Algoritmo fundamentos de la programaciónDesarrolloWeb.com
 
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áficolisimetodologia
 
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
 
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...Joel Fernandez
 

Andere mochten auch (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...
 

Ähnlich wie Metodología del diseño de sitios web educativos

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.0cheo.silva
 
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 usabilidadJesús Tramullas
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3Miguel Tortello
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto webiConstruye
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)Javier Chávez
 
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 WebPaulo Saavedra
 
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 webUA WEB, A.C.
 
Ofimatica para la_aplicacion_pedagogica
Ofimatica para la_aplicacion_pedagogicaOfimatica para la_aplicacion_pedagogica
Ofimatica para la_aplicacion_pedagogicaEscuela 13 DE 21
 
CibermetríA Empresas Web
CibermetríA  Empresas WebCibermetríA  Empresas Web
CibermetríA Empresas WebTere Rodríguez
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1cepr08TAC
 
Arquitectura de la Informacion
Arquitectura de la InformacionArquitectura de la Informacion
Arquitectura de la Informacionguest5dd66d
 
Arquitectura de la Informacion
Arquitectura de la InformacionArquitectura de la Informacion
Arquitectura de la InformacionElizabeth Toro
 
Taller Escribir Para El Web Webprendedor
Taller Escribir Para El Web   WebprendedorTaller Escribir Para El Web   Webprendedor
Taller Escribir Para El Web WebprendedorJuan C. Camus
 
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 - ContinuidadUlises Hernandez Pino
 
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...Jesús Tramullas
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia webMeli Vidal
 

Ähnlich wie 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
 

Mehr von Edward Bermúdez M.

Diseño: humanizando la tecnología
Diseño: humanizando la tecnologíaDiseño: humanizando la tecnología
Diseño: humanizando la tecnologíaEdward Bermúdez M.
 
Observación cualitativa para diseño
Observación cualitativa para diseñoObservación cualitativa para diseño
Observación cualitativa para diseñoEdward Bermúdez M.
 
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 globalEdward Bermúdez M.
 
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ñoEdward Bermúdez M.
 
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 experienciasEdward 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 TwitterEdward Bermúdez M.
 
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ónEdward Bermúdez M.
 

Mehr von 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
 

Kürzlich hochgeladen

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.pdfpatriciaines1993
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
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 ESOluismii249
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 

Kürzlich hochgeladen (20)

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
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
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
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 

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.

Hinweis der Redaktion

  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