Repo Git para los Proyectos de la asignatura Interfaces de Usuario INF322

Introducción

En este repo los alumnos encontraran la estructura para desarrollar sus proyectos de la asignatura Diseño de Interfaces usuarias INF322. En la carpeta documentos encontrarán los posibes proyectos a implementar y otros documentos, como la carpeta Proceso Lean con un capítulo de libro que les guiará durante el proceso de diseño.

Instrucciones de Build

Mediante Docker

En el directorio lit-element-ts-tsc/ se encuentra todo lo relacionado a código para las vistas, y podemos probar estas de una simple forma y sin instalar paquetes extra si es que tenemos ya docker o podman instalados:

$ cd lit-element-ts-tsc/
$ ./deploy.sh      # para buildear la imagen y correr la instancia

Luego de esto podemos simplemente probar y observar las vistas en https://localhost:8080/ . Si queremos detener y eliminar la instancia simplemente hacemos:

$ ./stop.sh        # para detener y remover la instancia

Lo que hacen estos scripts de build por debajo es simplemente ejecutar los comandos adecuados para construir, crear y correr una instacia de container basada en la imagen que acabamos de construir, además de detenerla y eliminarla:

• El equivalente del script deploy.sh

$ docker build -t vistas-grupo-18 .
$ docker run -d -p 8080:8000 --name vista-18 vistas-grupo-18

• y luego, el equivalente de stop.sh

$ docker rm --force vista-18

Ambos scripts son agnósticos a podman o docker.

Mediante NPM

Si es que ya tenemos npm instalado en nuestra máquina podemos probar y observar las vistas a través de:

$ cd lit-element-ts-tsc/
$ npm install         # solo si no tenemos ya los paquetes necesarios
$ npm run build       # para compilar el typescript
$ npm run start       # para iniciar el web server

Luego de esto podemos ver los cambios en https://localhost:8000/ .