CirGuZ: el libro de cirugía, lección por lección en el celular.

2025 · en línea

La plataforma de estudio de la cátedra de Cirugía II del Dr. Sixto Guzmán Soliz en la UTO: sus estudiantes entran con su cuenta de Google y leen el libro de la materia lección por lección, guardan lo que quieren repasar y estudian en claro u oscuro.

CirGuZ: bienvenida «¡Bienvenido a tu espacio de aprendizaje!»CirGuZ en el celular: los libros de la cátedra
Dr. Mcs. Sixto Guzmán SolizCátedra de Cirugía II · Medicina, UTO · Oruro

Tecnología

  • Angular 20
  • Firebase Auth
  • Firebase Hosting
  • Material 3
  • TypeScript
  • Firestore
  • PWA

Servicios

#Concepto de producto#UX/UI#Desarrollo web#Contenido académico#PWA

El proyecto

Cliente e idea

El Dr. Sixto Guzmán Soliz enseña Cirugía II en la carrera de Medicina de la Universidad Técnica de Oruro. Su libro de la materia reúne décadas de experiencia, y con él lo llevamos al celular de sus estudiantes.

Reto y objetivos

El libro era de papel y no todos los estudiantes podían tenerlo a mano. Había que convertir capítulos largos y técnicos en algo que se pudiera estudiar en ratos cortos, en el bus o entre turnos, sin perder el orden de la materia.

Solución y resultado

Diseñamos una plataforma donde el estudiante entra con su cuenta de Google y encuentra los libros de la cátedra, cada uno dividido en lecciones que se leen una tras otra, con anterior y siguiente.

Cada lección se puede guardar para repasarla o marcar como completada, y la app se adapta a quien la usa: modo claro, oscuro o automático y un color de acento a elección. Se instala como una app.

El libro de la cátedra

Cirugía II, lección por lección, en el celular.

Repasar lo importante

Cada estudiante guarda lo que quiere volver a leer.

Para leer horas

Modo claro, oscuro o automático según la hora.

Resumen del proyecto

Funciones principales

Todo el recorrido sigue el libro: de la biblioteca de la cátedra a una lección, y de ahí a la siguiente, guardando en el camino lo que hay que volver a leer.

CirGuZ en el celular: librosCirGuZ en el celular: lecciones del libro

El libro de la materia, en el bolsillo

Los libros de la cátedra con su autor y sus lecciones, de las infecciones quirúrgicas a la peritonitis. Cada lección se lee con anterior y siguiente, y se puede marcar como completada.

CirGuZ en el celular: lecciones guardadas

Lo que hay que repasar, guardado

Las lecciones guardadas quedan en su propia sección, ordenadas por libro, para volver a ellas cuando haga falta.

CirGuZ en el celular: elige un tema y su colorCirGuZ en el celular: los libros en modo oscuroCirGuZ en el celular: las lecciones en modo oscuro

Estudiar a su manera

Modo claro, oscuro o automático, y un color de acento a elección para que la app se sienta propia, también de noche.

CirGuZ: una lección abierta

También en la computadora

En una pantalla grande la plataforma se lee como un libro: los capítulos a un lado y la lección al centro.

Desarrollo

Metodología

La plataforma está hecha en Angular con un sistema de diseño Material 3, sobre Firebase: inicio de sesión con Google, Firestore para los libros, las lecciones y el avance de cada estudiante, y hosting como PWA instalable. El contenido se cargó respetando la estructura del libro original, capítulo por capítulo.

Proceso

Pensada para el celular

Los estudiantes leen en el celular, en el bus o entre turnos. Cada pantalla tiene una sola tarea, la navegación queda abajo y el texto de las lecciones se lee cómodo en claro o en oscuro.

Proceso

En la computadora

La misma plataforma en una pantalla ancha: la biblioteca, una lección completa y las lecciones guardadas.

CirGuZ: libros en modo oscuro
CirGuZ: una lección abierta
CirGuZ: lecciones guardadas

Marca

Tipografía

Una sans propia, clara y sin adornos, pensada para leer textos médicos largos en una pantalla pequeña.

xSans

RegularMediumBold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwXxYyZz0123456789
CirGuZ en el celular: la tipografía en la lista de lecciones

Marca

Colores

El azul de la plataforma para la acción principal y superficies frías y limpias, como un quirófano; el logo multicolor pone la única nota de color.

#0B57D0Azul
#E9EEF6Niebla
#444746Grafito
#F4F4F4Blanco clínico

Conclusión

CirGuZ lleva la cátedra del Dr. Guzmán más allá del aula: sus estudiantes tienen el libro de la materia en el bolsillo, ordenado lección por lección y listo para repasar.

CirGuZ en el celular: bienvenidaCirGuZ en el celular: librosCirGuZ en el celular: leccionesCirGuZ en el celular: guardadosCirGuZ en el celular: temaCirGuZ en el celular: libros en oscuro

Casos

Nuestros últimos trabajos

¿Tienes un proyecto así?

Cuéntanos qué necesitas: lo vemos juntos y te proponemos un camino por escrito, en español o en inglés.

[email protected]