Taller de Titulación: Personas y Territorios - Plataforma virtual CODOEN

De Casiopea


TítuloTaller de Titulación: Personas y Territorios - Plataforma virtual autoinstruccional CODOEN - Proyecto PUCV - Interdiciplinario 37.0/2021
Tipo de ProyectoProyecto de Titulación
Período2021-
AsignaturaTaller de Titulación: Personas y Territorios
Del CursoTaller de Titulación: Personas y Territorios
CarrerasDiseño, Diseño Gráfico
Alumno(s)Marcelo Mondaca
ProfesorMichèle Wilkomirsky, Elisabeth Rodriguez

Introducción

En los últimos años se ha puesto gran atención en el rol del profesor con la educación del estudiante, en donde su conocimiento y desempeño en el aula e incluso a través de medios digitales, es fundamental para el aprendizaje del estudiante.

A la fecha existe el “estudio internacional sobre la formación inicial en matemáticas de los maestros” o TEDS-M, que demuestra la importancia del conocimiento de los profesores de matemática, en el cual, Chile muestra un déficit en relación a otros países. En nuestro país también existen métodos de evaluación, como la ‘’Evaluación docente’’, la “Evaluación de Conocimientos Específicos y Pedagógicos’’, y la prueba ‘’INICIA’’, que evidencian un déficit en los conocimientos de los docentes.

Aún con estos resultados no existen herramientas digitales o tecnológicas que evalúen y a la vez puedan apoyar la formación del docente en este caso del profesor de matemáticas. Debido a esta problemática se propone una plataforma virtual autoinstruccional denominada como: “CODOEN”, para determinar el perfil de conocimiento especializado del profesor de matemática de enseñanza media, y desde este, apoyar su conocimiento deficiente y fortalecerlo para un mejor desarrollo profesional.

¿Qué es un CMS(Content management system) o Sistema de Gestión de Contenido?

"A content management system (CMS) is a software package that provides some level of automation for the tasks required to effectively manage content. A CMS allows editors to create new content, edit existing content, perform editorial processes on content, and ultimately make that content available to other people to consume it."[1]

"Un sistema de gestión de contenidos (CMS) es un paquete de software que proporciona cierto nivel de automatización de las tareas necesarias para gestionar eficazmente los contenidos. Un CMS permite a los editores crear nuevos contenidos, editar los existentes, realizar procesos editoriales sobre el contenido y, en última instancia, poner ese contenido a disposición de otras personas para que lo consuman."

  1. Concepto de CMS Barker, D. (2021). Web Content Management Systems, Features, And Best Practices. Shroff/O’Reilly."


Sistemas de gestión de contenido más populares

Ranking basado en la información puesta en W3techs al 1 de julio de 2021:

  • 1.WordPress
  • 2.Shopify
  • 3.Joomla
  • 4.Wix
  • 5.Squarespace

¿Qué es Moodle?

Moodle es una plataforma de aprendizaje diseñada para proporcionarle a educadores, administradores y estudiantes un sistema integrado único, robusto y seguro para crear ambientes de aprendizaje personalizados.[1]


Que permite Moodle:

En la documentación, como administrador Moodle nos muestra una variedad de elementos que permiten el manejo del sitio en distintas áreas como:

Usuarios y cursos:

  • Autenticación:[1] Ofrece diferentes métodos para añadir nuevos usuarios, como registro con correo electrónico, cuentas creadas manualmente por el administrador, suspender ingreso a cierto usuario en particular, etc.
  • Gestión de cuentas:[2] Buscar, editar, eliminar u otras acciones sobre las cuentas.
  • Roles y permisos:[3] Añadir permisos y roles a los usuarios de moodle.
  • inscripciones:[4] Añadir usuarios a cursos.

Servidores y seguridad:

  • Herramientas de administrador: Buscar y reemplazar dentro de la base de datos y transferencia de datos
  • Respaldo: Respaldar o hacer "copias de seguridad" del sitio
  • Herramientas para desarrolladores: Depurar el sitio, borrar caché y herramientas para sitios de prueba y desarrollo
  • Desempeño: Revisar la eficiencia y funcionamiento de Moodle
  • Seguridad: Mantener el sitio seguro
  • Servicios web: Conectar Moodle con otros sistemas y aplicaciones.

Configuración de sitio:

  • Apariencia del sitio: Formas de cambiar la visualización y navegación del sitio
  • Idioma: Idiomas por defecto y personalizar las que se usan por defecto
  • Reportes del sitio: Lista de reporte para administradores
  • Configuración del servidor: Registro, mantenimiento y configuraciones por defecto


Plugins

Moodle nos permite adicionar una gran cantidad de Plugins que nos ayudarán en nuestro sitio a desarrollar, pero para comenzar se necesita saber que es un plugin.

¿Qué es un Plugin?

"A software plug-in is an add-on for a program that adds functionality to it. For example, a Photoshop plug-in (such as Eye Candy) may add extra filters that you can use to manipulate images. A browser plug-in (such as Macromedia Flash or Apple QuickTime) allows you to play certain multimedia files within your Web browser."[1]

Un plug-in de software es un complemento de un programa que le añade funcionalidad. Por ejemplo, un plug-in de Photoshop (como Eye Candy) puede añadir filtros adicionales que puedes utilizar para manipular imágenes. Un plug-in de navegador (como Macromedia Flash o Apple QuickTime) permite reproducir determinados archivos multimedia dentro del navegador web.

Plugins de GeoGebra

Moodle nos permite buscar plugins de GeoGebra para adicionarlas a los cuestionarios de matemáticas para una manera mas grafica y didáctica en el cuestionario.

  • GeoGebra Question type: Permite al profesor establecer preguntas que pueden ser resueltas y verificadas automaticamente.

https://www.youtube.com/watch?v=7Ol7J5M7IIs&ab_channel=TomKilloran


Sitios referencia hechos con Moodle

Formatos de salida de imagen

Hoy en día, en la era digital, nos encontramos con distintas maneras en las que vemos una imagen en un sitio web, aplicación móvil, en incluso juegos, pero estos tienen distintas maneras en las que se comportan, desde una imagen estática hasta una con movimiento sin caer en un formato de video, bajando considerablemente el tamaño de este. A estos tipos, les llamamos Formatos Gráficos

Formatos gráficos más utilizados en la web[1]

  • Formato JPG:

Es un formato de compresión que por lo general modifica la estructura habitual de las imágenes de pixeles, por lo que a veces este formato en función del grado de compresión puede llegar e generar perdida de calidad de imagen. El esquema de colores que trabaja es, RGB, escala de grises, CMYK

  • Formato PNG:

El formato PNG o mas bien Portable Network Graphics es un formato de imagen universal, se caracteriza por ser capaz de soportar la transparencia o semitransparencia, lo que puede aplicarse para todo tipo de imágenes, las cuales trabaja en el esquema de RGB, escala de grises y colores indexados,

  • Formato GIF:

GIF o Graphics Interchange Format, puede agrupar varias imágenes en un único archivo permitiendo crear pequeñas animaciones, a pesar de esto, no es recomendable para ver fotografías, trabaja con colores indexados.

  • Formato SVG:

El formato SVG o Scalable Vector Graphics tiene grandes ventajas en el uso web, una escalabilidad sin perdida y bajo volumen de datos, además en sitios web móviles y responsivas. Se puede editar mediante CSS, por ejemplo, colores, tipo de letra, tamaño, etc. Se puede trabajar tanto en rgb como nombres de colores SVG(Ej: "Blue").

Su uso se recomienda para todo tipo de graficos en sitio web, desde iconos, logotipos, botones, iconos, etc


Animación con SVG

Existen varias alternativas para animar en formato SVG y poder adjuntarlos en nuestro sitio web, para esto se encontró un sitio llamado SVGator que nos permite hacer animaciones, exportándolos a un SVG y con una simple línea de código en html se adjunta a donde queremos que vaya.

Testeo de Plugin JsxGraph en moodle

JsxGraph nos permite agregar un grafico en una pregunta y a la vez interactuar con el sin salir del sitio moodle en que nos encontremos.

gif Donde se muestra interacción con la circunferencia y un punto A
Código insertado para mostrar el grafico

El código mostrado permite crear el espacio de trabajo y dentro de el comenzar a hacer lo que se quiere mostrar, un pro es que podemos interactuar de diferentes maneras con el gráfico, y su contra es que se debe hacer un código complejo para mostrar lo que se quiere, aunque se cuente con una librería online de JsxGraph en el cual se puede ver cada ejemplo matemático.

Referencias sitios web o aplicaciones

CMS: Unbounce y Ruby: lenguaje de programación

Kadenze2021 referencia t1.png

CMS: Khoros y Umbraco

Udemy2021 referencia t1.png

CMS: Ruby on rails: web frameworks y Ruby: lenguaje de programación

Codecademy2021 referencia t1.png

CMS: Next.js: frameworks y Node.js: lenguaje de programación

Coursera2021 referencia t1.png

CMS: Expressjs, un web framework, y PHP: Lenguaje de programación

Skill share2021 referencia t1.png

CMS: Gatsby

EdX2021 referencia t1.png
Tutellus2021 referencia t1.png

CMS: Wordpress y PHP: lenguaje de programación

Keepcoding2021 referencia t1.png
  • Modelo PDT 2021, DEMRE*

La primera referencia o búsqueda de sitios que estén en un orden de evaluación de contenidos, se encuentra el modelo PDT o prueba de transición de DEMRE. Sitio dónde evalua y puntua a modo de practica el examen PDT para la selección universitaria.

La primera pantalla corresponde a la selección de materia, de manera sencilla y guiada a los contenidos a evaluar:

Página de inicio y selección de materia

La segunda pantalla, nos lleva a la evaluación, dónde, en un espacio se sitúa la pregunta con selección de puntos para marcar la alternativa correcta,mientras que en la parte superior se ve un contador de tiempo el cual nos dice cuanto tenemos para finalizar el ensayo:

Página de preguntas

La página de resultados nos muestra cuales preguntas hemos tenido correctas, erradas y omitidas, marcándose con un color respectivo para cada situación, verde: correcta, rojo: incorrecta y naranjo: omitidas. De esta manera se puede ver en cuales hemos tenido errores y desde ahí reforzar cierto contenido debilitado.

Página de resultados
  • Aplicación "Prepara tu examen de conducir Chile"

Desde la pantalla de inicio de la aplicación móvil, nos muestra las elecciones que podemos tomar dependiendo que licencia se quiera tomar examen, para esto al pasar esta selección nos pregunta si queremos hacer el examen o leer el cuestionario de preguntas para estudiar, de este modo estudiando este cuestionario, podemos hacer el examen que al finalizar se verán los resultados y nuestras respuestas correctas y erróneas



  • Sitio web "Smartick"=

Sitio de test rápidos de matemáticas, en este caso de una manera mas "ludica" al momento de responder, donde se ira marcado de color verde o rojo según sea la respuesta correcta o erronea.

  1. Pantalla inicial que nos pregunta por nuestra edad y estudios
  2. Formulación de pregunta y respuesta correcta
  3. Respuesta marcada errónea y a la vez se marca la respuesta correcta
  4. Pantalla de resultados
  5. Recapitulación de las preguntas marcando en cada una cual era la correcta para la revisión posterior


  • Corrección de portafolio. Existe un método de capacitación para profesores en los cuales a través de este, se evalúa al docente en su desempeño con estos en el aula de clases.

Bibliografía

- Barker, D. (2021). Web Content Management Systems, Features, And Best Practices. Shroff/O’Reilly.