Skip to main content

Proyectos

La sección Proyectos está diseñada para mostrar los ítems de contenido en formato de tarjetas de tipo proyecto.
Cada proyecto se representa como una tarjeta visual que puede contener un título, descripción y otros detalles definidos dentro de su directorio.

Esta sección se configura mediante un archivo config.json y archivos de texto que definen el título y subtítulo. Los ítems de la sección se organizan en subdirectorios, y el nombre de cada directorio determina el orden en el que se mostrarán, ya que se ordenan alfabéticamente.

Lo que vas a construir​

Previsualización del resultado final de la sección (título + subtítulo + tarjetas de proyecto).

Vista previa — Proyectos

Paso a paso para configurar la sección Proyectos​

  1. Ubicar la carpeta de la sección content/es/sections/proyectos/

  2. Configurar la sección en config.json Crea o edita el archivo config.json con los valores mínimos requeridos:

{
  "visible": true,
  "type": "proyectos"
}
  • La clave visible indica si la sección se mostrará o no en el sitio.
  • La clave type define que los ítems se representarán con el estilo de tarjetas de proyectos.
  1. Definir el título de la sección:
  • title.txt: título que se mostrará como encabezado de la sección.
  • Editar el archivo title.txt para agregar el contenido. Ejemplo: 
    Proyectos en Curso
  1. Definir el subtítulo de la sección:
  • subtitle.txt: subtítulo descriptivo que aparecerá bajo el título.
  • Editar el archivo subtitle.txt. Ejemplo: 
    Iniciativas académicas y colaborativas que integran tecnología, educación, ciencia de datos y estudios sociales, con fuerte participación estudiantil e interdisciplinaria
  1. Agregar ítems (proyectos) a la sección:
  • Por cada proyecto, crea un directorio dentro de proyectos/ con el nombre que prefieras.
  • El nombre del directorio determina el orden alfabético en el que se mostrarán los ítems.
  • Estructura mínima de ejemplo: 
      content/es/sections/proyectos/
          ├─ config.json
          ├─ title.txt
          ├─ subtitle.txt
          ├─ 01-entornos-digitales/
          │  └─ descripcion.txt
          │  └─ integrantes.txt
          │  └─ link.txt
          │  └─ responsables.txt
          │  └─ title.txt
          │  └─ title_tag.txt
          │  └─ title_tag_down.txt
          └─ 02-ontologias-computacionales/
          │  └─ descripcion.txt
          │  └─ integrantes.txt
          │  └─ link.txt
          │  └─ responsables.txt
          │  └─ title.txt
          │  └─ title_tag.txt
          │  └─ title_tag_down.txt
  • En este caso, 01-entornos-digitales aparecerá antes que 02-ontologias-computacionales porque el orden se establece alfabéticamente según el nombre del directorio.

Paso a paso para configurar el Proyecto 01-entornos-digitales​

  1. Ubicar la carpeta del proyecto content/es/sections/proyectos/01-entornos-digitales

  2. Definir el tag:

  • El Tag se muestra encima del título.
  • Editar el archivo title_tag.txt para agregar el contenido. Ejemplo: 
    Piloto
  • Resultado: Vista previa — Proyectos estado
  1. Definir el título:
  • Título del proyecto que se mostrará.
  • Editar el archivo title.txt para agregar el contenido. Ejemplo: 
    Entornos digitales e identidades de género en la adolescencia
  1. Definir tag inferior:
  • El tag inferior se muestra debajo del título.
  • Editar el archivo title_tag_down.txt para agregar el contenido. Ejemplo: 
    Proyecto EDIGA
  • Resultado: Vista previa — Proyectos tag inferior
  1. Definir la descripción:
  • La descripción del proyecto aparecerá debajo del tag inferior.
  • Editar el archivo descripcion.txt. Ejemplo: 
    En esta lista encontrarás lo necesario para dar tus primeros pasos con micro:bit. El canal ofrece proyectos, tutoriales, juegos y muchas ideas para crear y aprender con tu placa.Este proyecto pretende analizar y comprender el papel que los entornos digitales tienen en el proceso de construcción de las identidades de género en la adolescencia en diferentes contextos socioculturales.
  1. Definir los integrantes:
  • Los integrantes pueden ser uno o varios. En este último caso, deben estar separados por comas.
  • Editar el archivo integrantes.txt. En este caso, dejaremos su contenido vacío.
  1. Definir los responsables:
  • Los responsables pueden ser uno o varios. En este último caso, deben estar separados por comas.
  • Editar el archivo responsables.txt. Ejemplo: 
    Adriana Gewerc, Stellae-USC
  • Resultado: Vista previa — Proyectos responsables
  1. Definir un link externo para visitar:
  • Sirve para dirigir al usuario a un sitio externo, por ejemplo el sitio oficial del proyecto en cuestión.
  • Editar el archivo link.txt. En este caso, dejaremos su contenido vacío.

Paso a paso para configurar el Proyecto 02-ontologias-computacionales​

La configuración de esta tarjeta es analoga a la anterior con la diferencia de que para esta definiremos a los integrantes del proyecto y un link externo para ampliar la información del mismo.

  1. Definir los integrantes:
  • Los integrantes pueden ser uno o varios. En este último caso, deben estar separados por comas.
  • Editar el archivo integrantes.txt. En este caso, dejaremos su contenido vacío. 
    Emilio Méndez, Juan Pablo Sandin, Facundo Fleitas
  • Resultado: Vista previa — Proyectos integrantes
  1. Definir los responsables:
  • Los responsables pueden ser uno o varios. En este último caso, deben estar separados por comas.
  • Editar el archivo responsables.txt. En este caso, dejaremos su contenido vacío.
  1. Definir un link externo para visitar:
  • Sirve para dirigir al usuario a un sitio externo, por ejemplo el sitio oficial del proyecto en cuestión.
  • Editar el archivo link.txt. Ejemplo: 
    https://hdl.handle.net/20.500.12008/48517
  • Resultado: Vista previa — Proyectos link