Editar sistema de control de asistencia y exámenes

En este post voy a mostrarte cómo puedes editar el código fuente del sistema de control de asistencia para escuelas que también permite la generación automática de exámenes junto con su calificación.

Control de asistencias y tareas programado por Parzibyte - Guía de edición

Instalar Go, Node, PostgreSQL

1. Go: [https://parzibyte.me/blog/posts/instalar-configurar-go-golang-en-windows-10/}](https://parzibyte.me/blog/posts/instalar-configurar-go-golang-en-windows-10/)
2. Node: [https://parzibyte.me/blog/posts/instalar-npm-node-js-windows/](https://parzibyte.me/blog/posts/instalar-npm-node-js-windows/)
3. PostgreSQL: https://www.postgresql.org/

Primera vez (instalar dependencias)

Contar con Go, Node, NPM y PostgreSQL. Versiones:

C:\Users\parzibyte>go version
go version go1.22.2 windows/amd64

C:\Users\parzibyte>node -v
v14.17.0

C:\Users\parzibyte>npm -v
6.14.13

PostgreSQL 16

1. Crear base de datos en PostgreSQL
2. Crear archivo .env en api basándose en .env.example
3. Configurar credenciales de PostgreSQL en el archivo .env
4. En el lado del cliente (carpeta raíz) ejecutar npm install. Esto solo se hace una vez
5. En el lado del servidor (carpeta api) ejecutar go mod tidy. Esto solo se hace una vez

Comenzar modo desarrollo (para editar)

1. En el lado del cliente, ejecuta npm run serve. Se detiene con CTRL + C y los cambios se refrescan automáticamente
2. En el lado del servidor (carpeta api), compila con go build -tags "desarrollo" -o control_asistencia.exe. Debes compilar cada vez que realices un cambio. Luego, ejecuta con control_asistencia.exe. Cada que hagas un cambio, debes volver a compilar y ejecutar

Modo producción (para distribuir)

Esto se hace cuando has terminado todos los cambios

1. En el lado del servidor (carpeta api) compila con go build -tags "produccion" -o control_asistencia_prod.exe -ldflags "-H windowsgui"
2. En el lado del cliente (carpeta raíz) compila con npm run build
3. Crea una carpeta limpia en otro lugar. Coloca ahí control_asistencia_prod.exe y ahí mismo crea una carpeta llamada public
4. Espera a que npm run build termine y copia el contenido de dist a la carpeta public
5. En la carpeta limpia (padre de public) pega el .env configurándolo como sea necesario
6. Ya puedes distribuir la carpeta limpia. Cuando quieras, ejecuta control_asistencia_prod.exe y navega a http://localhost:2811/public/
7. No olvides que necesitas PostgreSQL donde sea que vayas a usar el sistema. Solo como guía, la carpeta resultante se debe ver algo así:

│   .env
│   control_asistencia_prod.exe
│
└───public
    │   favicon.ico
    │   index.html
    │
    ├───css
    │       app.3b53d338.css
    │       chunk-vendors.a3436299.css
    │
    ├───fonts
    │       materialdesignicons-webfont.0a2d736e.eot
    │       materialdesignicons-webfont.0e77e9c8.ttf
    │       materialdesignicons-webfont.62ff6e3a.woff2
    │       materialdesignicons-webfont.d7928196.woff
    │
    ├───img
    │       brand-logo.fd3ab708.png
    │       logo.0c82048c.png
    │       logo2.5ece94b6.png
    │       logo3.65564c2e.png
    │       logo4.b26325ae.png
    │       logo5.5e3d3d98.png
    │       logo6.b060180b.png
    │       logo7.03f21eac.png
    │       logo8.ff89c199.png
    │       logo9.66c7461d.png
    │
    └───js
            app.0615c33b.js
            chunk-vendors.cd4b1222.js

Vídeo de apoyo

Adicional a la guía escrita, puedes revisar el siguiente vídeo: