Está en la página 1de 13

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI

Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas


Curso: Diseños de Sitios WebCódigo: 301122

UNIDAD Nº 1, 2 y 3

ESTRATEGIA DE APRENDIZAJE BASADA EN PROYECTOS

FASE 4

PRESENTADO POR:

LUIS EDUARDO GALINDEZ DAZA

legalindezd@unadvirtual.edu.co

Grupo: 301122_63

PRESENTADO A:

AVILA PÉREZ MARIO LUIS

TUTOR

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

ESCUELA DE CIENCIAS BASICAS, TECNOLOGÍA E INGENIERÍA

PROGRAMA INGENIERIA DE SISTEMAS

CURSO ACADÉMICO DISEÑOS DE SITIOS WEB

NOVIEMBRE DE 2019
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

INTRODUCCIÓN

Mediante la presentación del siguiente informe y con los parámetros del


aprendizaje basado en proyectos realizamos una evaluación integral de nuestro
sitio web y damos un plan de mejoramiento diligenciando la matriz proporcionada
por el tutor, mediante el uso de diferentes metodologías y herramientas
especializadas en línea, para su respectiva validación y ajustes pertinentes.

El Aprendizaje Basado en Proyectos se reconoce como una estrategia didáctica


de aprendizaje en el que los estudiantes, planean, implementan y evalúan
proyectos que tienen aplicación en el mundo real más allá del aula de clases.
(Blaank, 1997; Dickninson, et al 1998, Haerwell, 1977).

Esta estrategia posee las siguientes características: Afinidad con situaciones


reales del mundo laboral, Relevancia Practica, Enfoque orientado a necesidades
e intereses de los estudiantes, Aprendizaje Holístico, Realización Colectiva,
Enfoque Orientado a la Acción, Enfoque Orientado al Producto, Enfoque Orientado
a Procesos, Auto Organización, y Carácter Interdisciplinario.

El aprendizaje basado en proyectos posee las siguientes fases: Comprensión,


Diseño, Construcción, Aprobación y Mantenimiento.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

OBJETIVOS

Objetivo General:

Realizar un proceso de evaluación integral del sitio web utilizando la Matriz de


Evaluación Estructurada, la cual será entregada por el docente dentro del Aula
Virtual.

Objetivos Específicos:

Desarrollo de la fase 4: Implantación

Análisis personal al registrar en la Matriz de Evaluación Estructurada, el proceso


de evaluación del sitio.

Descargar el formato de la matriz para registrarlo de forma digital.

Registrar la evaluación y generar un documento PDF de la matriz diligenciada.

Registrar mínimo 5 conclusiones, las cuales deberán ser específicas frente a la


evaluación de elementos del sitio, usando un lenguaje técnico y muy bien
argumentado para cada una de estas.

Registrar 5 elementos o aspectos de mejora para el sitio web, argumentando muy


bien desde el enfoque técnico del diseño web, porqué se deben realizar estos
ajustes.

Uso de material y herramientas de apoyo para el desarrollo de la actividad.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

ACTIVIDAD FASE DE IMPLANTACIÓN EVALUACIÓN DEL SITIO WEB

CURSO DISEÑOS DE SITIOS WEB - COD. 301122

MATRIZ EVALUACIÓN SITIO WEB DEL OVI

Diseñada Por: Director Curso

La presente matriz de valoración del sitio web se ha creado con base a la metodología de evaluación
propuesta por Luis Codina. Por favor realice una valoración muy estricta de los ítems que se le
presentan a continuación.

1. Datos del estudiante.

Nombre Estudiante Luis Eduardo Galindez Daza


Código Estudiante 98250039
Grupo 301122_63
CEAD Florencia
No. Telefónico 3184771791
URL Sitio Web https://galindez1.github.io/index.html

2. Metadatos.

ITEMSI/NO
El sitio posee título registrado en la etiqueta <Tittle>Si
El sitio posee Meta descripción de tipo “Author”Si
El sitio posee Meta descripción de tipo “Description”Si
El sitio posee Meta descripción de tipo “Keywords”Si
El sitio posee Meta Charset con valor “UTF-8”Si
El sitio posee atributo Lang en la etiqueta <HTML> con valor: “es”Si

3. Contenidos.

ITEM SI/NO
Se define Autoría y/o Autores de contenidos del sitio Si
Se presenta información de contacto de los Autores Si
Se ofrecen medios de contacto con los autores desde el sitio Si
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

Se registran datos de la institución (UNAD) Si


Se registran datos de contacto de la institución (UNAD) No
Se ofrecen medios de contacto con la institución desde el sitio Si
Existe información valiosa y relacionada con el tema del sitio Si
Existe un volumen de información suficiente (Justa y de Calidad) Si
La información del sitio fue contrastada, revisada, editada y No
supervisada.
La información y los contenidos del sitio están actualizados frente
al tema que abordan
Utiliza diferentes formatos de archivo para la construcción y No
publicación de contenidos en el sitio.
Se apoya de medios audiovisuales como Audio y Vídeo para Si
enriquecer los contenidos del sitio
Los textos son claros y plenamente entendible para cualquier tipo
de lector. Si
Los textos presentan errores de ortografía o errores de tipo
gramatical. No

Si

4. Navegación.

ITEMSI/NO
El sitio posee un menú organizado por ítems o seccionesSi
Se puede recorrer la estructura del Sitio Web sin perderseNo
Es clara la jerarquía y navegabilidad del menú del sitioSi
El sitio de puede navegar sin problemaNo
Existen Links o Enlaces rotosSi
El sitio presenta un sistema de búsqueda internoNo
El sitio cuenta con un mapa del sitio activo y funcionalNo
El sitio facilita la navegación con dispositivos móvilesNo
Se puede navegar el sitio sin requerir de un número elevado deSi
clics
Los ítems de menú son claros en su nombre y facilitan laSi
identificación del contenido al cual se enlazan
El menú del sitio está dispuesto en una posición del sitio que loSi
hace planamente visible y fácil de acceder
Se utilizan iconos para apoyar el aspecto visual del menú y susNo
ítems.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

5. Ergonomía (comodidad y facilidad de utilización).

ITEMSI/NO
El sitio presenta buena relación figura-fondoSi
El sitio maneja una tipografía adecuada y muy legibleSi
Los contenidos poseen márgenes laterales y entre párrafos paraNo
facilitar la lectura
Se presentan imágenes en resolución adecuadaSi
La visualización del sitio es agradable y no desarrolla fatiga visualNo
al usuario
La paleta de colores facilita la navegabilidad y no produce fatigaSi
visual al usuario
Los colores de los enlaces en sus diferentes eventos permiten queNo
se lea el contenido de los mismos sin ningún problema
Se hace un uso adecuado y racional de imágenes en el sitio sinSi
sobrecargar los contenidos
Se hace un uso adecuado y racional de animaciones, efectos ySi
banners dentro del sitio
El usuario puede navegar dentro del sitio por un periodo de tiempoNo
amplio sin sufrir fatiga visual
El sitio posee elementos de accesibilidad webSi
El sitio esta optimizado para que se use de forma correcta porNo
personas que algún tipo o grado de discapacidad
El sitio se adapta a dispositivos móviles para facilitar su uso enNo
este tipo de tecnología.

6. Conclusiones generales sobre el sitio evaluado.


Por favor registre las conclusiones que desde su análisis deja el proceso de
evaluación del sitio web del OVI. Sea muy claro y concreto, aborde las
conclusiones desde un enfoque técnico. (Mínimo 5 conclusiones)

Conclusión1: En cuanto a la implementación de las etiquetas en los


Metadatos el sitio presenta un uso completo de las mismas sin embargo
luego de la primera validación y usando la herramienta de apoyo
Totalvalidator se encuentra un error gramatical.
Conclusión2: En lo que refiere a los Contenidos el sitio presenta un
equilibrio en cuanto los puntos evaluados en la matriz sin embargo hay un
desbalance de los contenidos que se evalúan lo que proporciona un
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

desequilibrio en el uso y manejo que se le da a la información por parte de


los usuarios.
Conclusión3: En cuanto a Navegación la matriz nos muestra que el sitio
cumple con el requisito principal al usar un menú bien organizado respecto
a los ítems y secciones necesarias para navegar por el mismo sin embargo
a medida que se realiza la respectiva evaluación podemos ver que hay
diferentes aspectos que no se encuentran presentes y que son necesarios
para que el menú y el sitio en general cumpla con calidad el criterio de
navegabilidad y usabilidad.
Conclusión4: Según la matriz al evaluar la Ergonomía se puede ver que la
mayoría de los aspectos evaluados no se encuentran presentes esto mismo
se puede corroborar al ingresar al índex principal, aunque el mismo cumpla
con la mayoría de requisitos exigidos para su desarrollo y construcción y del
objetivo que se pretende desarrollar al usar la técnica de aprendizaje basada
en proyectos.
Conclusión5: La comodidad y facilidad de utilización aspecto principal de
la Ergonomía del sitio es el aspecto que más relevancia nos muestra la
evaluación de la matriz y que se debe mejorar para que el sitio cumpla con
los requisitos y criterios principales de navegabilidad, adaptabilidad y
usabilidad y así sea un sitio que proporcione todas las características
necesarias de un sitio desarrollado de manera básica pero profesional y
usando los estándares actuales de calidad.

7. Aspectos generales que usted cree se deben mejorar en el sitio web


del OVI, de acuerdo con la evaluación realizada.
Por favor registre de forma general los aspectos que usted considera se deben
mejorar o ajustar en el sitio web del OVI, de acuerdo con la evaluación
realizada.

El aspecto primordial que se debe revisar y corregir según la matriz en el


sitio es el gramatical ya sea en su código y en la información presentada en
las diferentes páginas ya que va permitir el correcto desarrollo, evaluación
y codificación del sitio a la vez que nos permite que en su construcción las
etiquetas usadas permitan que el sitio pueda ser evaluado de manera
correcta y mejorado según los errores que presenten luego del uso de las
herramientas proporcionadas en el diseño web y así lograr un mejor
desarrollo de los aspectos de estándares de calidad que el sitio debe cumplir.

Según la matriz en cuanto a contenido podemos ver que el sitio presenta un


desbalance y desequilibrio debido a que la información presentada en el
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

mismo es un aspecto importante que se debe evaluar para que el usuario


tenga información actualizada, relevante y de calidad.

El uso de los contenidos multimedia se debe mejorar.

La navegación es un aspecto importante evaluado en la matriz y podemos


ver que el menú a pesar de cumplir con el requisito principal de ítems y
secciones necesarias se debe mejorar ya que la navegabilidad se ve afectada
y el usuario se confunde mucho como por ejemplo al abrir un nuevo ítem de
una sección diferente al dar clic lo redirige a una nueva ventana y no se abre
en la misma página evitando que el usuario abra muchas ventanas y esto
disminuya el interés por navegar dentro del sitio un aspecto importante de
comodidad y facilidad en cuanto a ergonomía se refiere.

Hacer uso de íconos en el menú de navegación para apoyar el aspecto visual


de sus ítems.

Hacer uso de un sistema de búsqueda interno e incluir un mapa de sitio


funcional.

Se debe adaptar el sitio a los estándares de calidad de forma correcta ya


que al hacer uso de las diferentes herramientas de apoyo se puede ver y
evidenciar la falta de aplicación en cuanto a la codificación diseño y
desarrollo se refiere debido a la cantidad de errores que se muestran y que
disminuyen la calidad profesional del sitio.

Otro de los aspectos primordiales que se deben aplicar en el sitio en cuanto


a ergonomía se refiere para que la comodidad y facilidad del sitio cumpla
con los estándares actuales de usabilidad y navegabilidad es el de
implementar la adaptabilidad en cuanto a dispositivos móviles se refiere ya
que permitirá una mayor cobertura de usuarios y visitantes.

Algunos de los ítems usados se encuentran en sitios que no deberían como


por ejemplo el contador de visitas y los iconos que enlazan a las redes
sociales y de información de la página ya que son aspectos no tan relevantes
y su ubicación podría ser en otra parte mejorando así la ergonomía y
navegación del sitio proporcionando una mejor organización visual de los
contenidos presentados.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

8. Uso de material y herramientas de apoyo.

Total Validator: https://www.totalvalidator.com/


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

Clean CSS: http://www.cleancss.com/


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

W3C CSS Validator: http://jigsaw.w3.org/css-validator/

W3C Marckup Validator: http://validator.w3.org/


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e IngenieríaPrograma: Ingeniería de Sistemas
Curso: Diseños de Sitios WebCódigo: 301122

BIBLIOGRAFÍA y VIDEOGRAFÍA

TAW3: http://www.tawdis.net/
OVI UND1: http://hdl.handle.net/10596/9134

OVI UND2: http://hdl.handle.net/10596/9135

OVI UND3: http://hdl.handle.net/10596/9136

Total Validator: https://www.totalvalidator.com/

Clean CSS: http://www.cleancss.com/

W3C CSS Validator: http://jigsaw.w3.org/css-validator/

W3C Marckup Validator: http://validator.w3.org/

TAW3: http://www.tawdis.net/

Editor de Código: https://www.sublimetext.com/

Url de repositorio Github: https://github.com/Galindez1/Galindez1.github.io

Github Pages: https://pages.github.com/

Herramienta para el manejo de los repositorios de Github:


https://desktop.github.com/

COMO crear una PAGINA WEB en HTML y CSS [PASO A PASO] |


Adaptable a DISPOSITIVOS MÓVILES:
https://www.youtube.com/watch?v=HH_SMpxV7qQ

Como hacer un menú desplegable con HTML y CSS:

https://www.youtube.com/watch?v=oZa2Ut8u2S0&t=675s

Curso Básico de CSS desde 0:

https://www.youtube.com/watch?v=24gNhTcy6pw

Curso Intensivo de Sublime Text:

https://www.youtube.com/watch?v=VJmvnfUKZ2I

Como subir tu proyecto a Github:

https://www.youtube.com/watch?v=IW28zJc7BN0

También podría gustarte