Git Product home page Git Product logo

elidd's Introduction

ELIDD

ELIDD (Entorno Ligero e Interactivo para Competencia Digital Docente) es una herramienta web para generar los indicadores de la competencia digital docente (CompDigEdu) o DigCompEdu por sus siglas en inglés. Puedes acceder al generador de indicadores en el sitio web elidd.ernesto.es.

Captura de pantalla

Cómo utilizarlo

  1. Abre la página web en tu navegador.
  2. Selecciona las casillas correspondientes a las competencias e indicadores deseados.
  3. Haz clic en el botón "Generar".
  4. La página web generará un texto con las competencias e indicadores seleccionados.

Funcionalidades

  • Genera un texto con las competencias e indicadores seleccionados.
  • Interfaz amigable para el usuario con casillas para seleccionar competencias e indicadores.
  • Utiliza Bootstrap para la presentación y el diseño.
  • Utiliza jQuery para la manipulación del DOM.

Estructura del archivo YAML

Se ha realizado una adaptación en formato YAML del Marco de Referencia de la Competencia Digital Docente publicado en la Resolución de 4 de mayo de 2022, de la Dirección General de Evaluación y Cooperación Territorial, por la que se publica el Acuerdo de la Conferencia Sectorial de Educación, sobre la actualización del marco de referencia de la competencia digital docente . Esta adaptación está diseñada para facilitar el uso con herramientas automatizadas.

La estructura del archivo YAML es la siguiente:

marco_referencia_competencia_digital_docente:
  - area: (número del área)
    titulo: (título del área)
    competencias:
      - competencia: (número de la competencia)
        titulo: (título de la competencia)
        etapas:
          - etapa: (letra de la etapa)
            titulo: (título de la etapa)
            niveles:
              - nivel: (código del nivel)
                titulo: (título del nivel)
                indicadores_logro:
                  - indicador: (código del indicador)
                    titulo: (título del indicador)
                afirmaciones_desempeño: (afirmación sobre el desempeño)
                ejemplos:
                  - (ejemplo)

Cómo depurar en local

  1. Asegúrate de tener Node.js instalado en tu computadora.
  2. Navega hasta la carpeta de tu proyecto utilizando el comando cd.
  3. Instala http-server utilizando el comando npm -g install http-server.
  4. Ejecuta http-server en la carpeta de tu proyecto utilizando el comando http-server.
  5. Abre tu navegador web y accede a la dirección URL que se muestra en la terminal para ver tu proyecto y depurar cualquier problema que encuentres.

Dependencias

  • Bootstrap : un popular framework para el desarrollo front-end en la web.
  • jQuery : una biblioteca JavaScript rápida, pequeña y rica en características para la manipulación del DOM.
  • js-yaml : una biblioteca JavaScript para analizar y volcar YAML.
  • clipboard.js : una biblioteca JavaScript ligera para copiar texto en el portapapeles.

Licencia

Este proyecto se publica bajo la licencia Creative Commons Attribution 4.0 International (CC BY 4.0) .

elidd's People

Contributors

erseco avatar

Watchers

 avatar  avatar

elidd's Issues

Agrear ejemplos del marco

El Marco de Referencia para la Competencia Digital Docente tiene una serie de ejemplos que deberian aparecer en el listado

Implementing a 'Share Selections' Feature

Will be useful the functionality of sharing selections allow passing the indicators by GET to share selections

  • Fix the id and name values of the checkboxes
  • Allow getting the values as GET parameter
  • Mark the checkboxes passed by GET
  • Add a Share button to share a link with selected values

Add resume table

Add resume table with the levels and indicators to apear like this

Captura de pantalla 2023-04-22 a las 17 49 09

<table style="undefined;table-layout: fixed; width: 827px">
<thead>
<tr>
<th></th>
<th class="area1">Compromiso profesional<br></th>
<th class="area2">Contenidos digitales</th>
<th class="area3">Enseñanza y aprendizaje</th>
<th class="area4">Evaluación y retroalimentación</th>
<th class="area5">Empoderamiento del alumnado</th>
<th class="area6">Desarrollo de la competencia digital del alumnado</th>
</tr>
</thead>
<tbody>
<tr>
<td>Indicador</td>
<td class="area1"></td>
<td class="area2"></td>
<td class="area3"></td>
<td class="area4"></td>
<td class="area5"></td>
<td class="area6"></td>
</tr>
<tr>
<td>Nivel</td>
<td class="area1"></td>
<td class="area2"></td>
<td class="area3"></td>
<td class="area4"></td>
<td class="area5"></td>
<td class="area6"></td>
</tr>
</tbody>
</table>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.