Colegio Bilingue La Colmena

El sistema se construyó usando dos Custom Objects de HubSpot (Estudiantes y Reportes de Notas) con propiedades estructuradas que almacenan información académica completa según el formato de secundaria costarricense con evaluación semestral. La arquitectura permite relaciones donde un Contacto (padre/madre) puede asociarse con múltiples Estudiantes (hijos en diferentes niveles), y cada Estudiante con múltiples Reportes de Notas (un reporte por año académico, donde los semestres se actualizan de forma progresiva).

El diseño de las relaciones garantiza que cada padre vea automáticamente solo los reportes semestrales de sus hijos sin configuración manual por usuario, creando una estructura relacional que refleja las relaciones familiares reales.

Se implementó HubSpot Memberships nativo con autenticación por email, registro de padres con verificación institucional, y gestión de sesiones seguras sin requerir infraestructura adicional. La lógica de permisos está implementada completamente en HubL, verificando la relación padre-estudiante antes de mostrar cualquier reporte semestral, garantizando privacidad absoluta entre familias del colegio.

El sistema de membresía se integra directamente con las asociaciones de objetos, de manera que cuando un padre inicia sesión, el portal automáticamente identifica qué estudiantes están asociados a su contacto y filtra los reportes correspondientes.

El portal se desarrolló usando un tema secundario (child theme) basado en un template del marketplace de HubSpot, customizado con los colores institucionales del Colegio Bilingüe La Colmena. Las plantillas personalizadas renderizan contenido dinámico usando exclusivamente HubL, sin dependencias de JavaScript, garantizando máxima compatibilidad, rendimiento superior y funcionamiento incluso con JavaScript deshabilitado.

Las plantillas consultan Custom Objects y filtran información basándose en el usuario autenticado, mostrando únicamente los reportes semestrales correspondientes sin necesidad de crear páginas duplicadas por familia.

La integración directa con Custom Objects refleja cualquier actualización administrativa (publicación de notas de I o II Semestre) inmediatamente en el portal de padres sin sincronización manual. El renderizado server-side con HubL puro permite navegar múltiples niveles de asociaciones (Contacto → Estudiante → Reporte Semestral) con lógica compleja de filtrado.

El portal incluye una interface intuitiva que permite a padres con varios hijos navegar fácilmente entre los reportes semestrales de cada uno desde un dashboard unificado, respetando la privacidad individual. El diseño es completamente responsive y funcional en dispositivos móviles, permitiendo consultar reportes desde cualquier lugar.