Program Demos | eLearning Developer Portfolio

Medical Spanish Practice Quiz & Workbook Cuestionario y Cuaderno de Práctica de Español Médico

Client: Kalam Company (Medical Interpreter Services)
This project consists of two integrated resources: a comprehensive bilingual workbook and an interactive audio‑based quiz application. Together, they prepare medical interpreters to accurately translate clinical terminology and full‑sentence patient‑provider dialogue.

Cliente: Kalam Company (Servicios de Interpretación Médica)
Este proyecto consta de dos recursos integrados: un cuaderno de trabajo bilingüe completo y una aplicación de cuestionario interactivo basado en audio. Juntos, preparan a intérpretes médicos para traducir con precisión terminología clínica y diálogos completos entre paciente y proveedor.

Technical Solve: Engineered a custom JavaScript audio player with a forced 5‑second post‑audio delay (non‑adjustable) to prevent visual keyword matching, ensuring genuine listening comprehension. Implemented same‑category "smart distractors" – all Spanish options contain the same medical term but differ in tense, medication name, time frame, or severity – forcing learners to parse the full sentence rather than relying on word‑spotting. The application also features bilingual role‑based narration (nurse/doctor/patient) with a one‑time replay option and progressive difficulty scaffolding. All 89 terms are fully customizable via a self‑contained JSON glossary.

Solución Técnica: Programé un reproductor de audio JavaScript personalizado con un retraso forzado de 5 segundos después del audio (no ajustable) para evitar el emparejamiento visual de palabras, asegurando una comprensión auditiva genuina. Implementé "distractores inteligentes" de la misma categoría – todas las opciones en español contienen el mismo término médico pero difieren en tiempo verbal, nombre del medicamento, marco temporal o gravedad – forzando al alumno a procesar la oración completa en lugar de buscar palabras clave. La aplicación también incluye narración bilingüe basada en roles (enfermero/médico/paciente) con una opción de repetición única y andamiaje de dificultad progresiva. Los 89 términos son completamente personalizables a través de un glosario JSON autónomo.

System Breach: Zero-Day Response Brecha del Sistema: Respuesta Zero-Day

This interactive cybersecurity simulation immerses learners in a high-stakes server room breach where tactical decisions directly impact system survival. It transforms standard compliance training into a narrative experience that prioritizes learner intuition over rote memorization.

Esta simulación interactiva de ciberseguridad sumerge a los alumnos en una intrusión de sala de servidores donde las decisiones tácticas impactan directamente la supervivencia del sistema. Transforma la capacitación de cumplimiento estándar en una experiencia narrativa.

Technical Solve: Engineered a cinematic, multi-layered UI in Storyline 3 using psychological color theory and custom motion-path animations to simulate complex emphasis effects. Integrated synchronized sensory feedback—ranging from "power-up" chimes for success to custom "flatline" visuals and audio for fatal errors—to reinforce intuitive learning pathways.

Solución Técnica: Programé una interfaz de varias capas en Storyline 3 utilizando psicología del color y animaciones de trayectorias personalizadas para simular efectos de énfasis. Integré retroalimentación sensorial sincronizada, desde sonidos de "encendido" hasta visuales de "línea de muerte" del sistema, para reforzar el aprendizaje intuitivo.

Moodle 5.x & H5P: Full-Stack LMS Deployment Moodle 5.x y H5P: Despliegue de LMS Full-Stack

Client: Nortec Institute
[ GUEST ACCESS ENABLED — NO LOGIN REQUIRED ]
This project showcases **H5P interactive content** within a self-hosted Moodle environment. Beyond design, it demonstrates the full architectural deployment of a live LMS, featuring a security awareness module that utilizes hotspots to train employees on identifying physical office vulnerabilities.

Cliente: Nortec Institute
[ ACCESO DE INVITADO — NO REQUIERE INICIO DE SESIÓN ]
Este proyecto destaca contenido interactivo **H5P** en un entorno Moodle autogestionado. Más allá del diseño, demuestra el despliegue arquitectónico de un LMS en vivo, con un módulo de seguridad que utiliza puntos de acceso para identificar vulnerabilidades físicas.

Technical Solve: Engineered a Linux-based Moodle ecosystem on dedicated i9 hardware. Established secure remote access via encrypted tunnels to bypass third-party hosting limitations, enabling full administrative control and optimized library management.

Solución Técnica: Programé un ecosistema Moodle basado en Linux sobre hardware i9 dedicado. Establecí acceso remoto seguro mediante túneles cifrados para superar las limitaciones de hosting externas, permitiendo un control administrativo total.

XY Gizmos Onboarding Inducción de XY Gizmos

Introduces new employees to company flagship products through interactive, step-by-step workflows and branded storytelling.

Introduce a los nuevos empleados a los productos principales de la empresa mediante flujos de trabajo interactivos y narrativa de marca.

Technical Solve: Engineered a custom HTML5 video controller with JavaScript to resolve Storyline 3 audio-drift and GPU rendering lock-ups. Supports multi-language branches with dynamic duration logic.

Solución Técnica: Creé un controlador de video HTML5 personalizado con JavaScript para resolver desfases de audio y bloqueos de GPU en Storyline 3. Admite ramas multi-idioma con lógica de duración dinámica.

				// Custom HTML5 Video Controller & Sync Logic
				var vid = document.getElementsByTagName('video')[0];
				window.myStorylineVideo = vid;

				// Bypass browser GPU freezes by manipulating DOM stack
				vid.style.zIndex = "1000";
				vid.style.position = "relative";

				vid.ontimeupdate = function() {
					if (!player.GetVar("isDragging")) {
						var ct = vid.currentTime;
						// Sync custom Storyline slider variable
						player.SetVar("videoSlider", (ct / totalSeconds) * 100);
					}
};

Maple Math Software Simulation Simulación de Software Maple

A high-fidelity technical simulation training users on core mathematical software functionality and trigonometry workflows.

Una simulación técnica de alta fidelidad que capacita a los usuarios en las funciones del programa matemático Maple y flujos de trigonometría.

Technical Solve: Engineered complex input-validation logic to handle mathematical notation. Utilized hidden variables to track partial success and provide specific corrective feedback.

Solución Técnica: Programé una lógica de validación de entrada compleja para manejar notación matemática. Utilicé variables ocultas para rastrear el éxito parcial y ofrecer retroalimentación correctiva.

Email Confidentiality & Ethics Confidencialidad y Ética de Email

Scenario-driven module immerses legal professionals in realistic micro-scenarios involving phishing and misaddressed emails.

Módulo basado en escenarios que sumerge a profesionales legales en microescenarios sobre phishing y correos erróneos.

Technical Solve: Architected a non-linear narrative engine with dynamic state-tracking. Developed a "Risk Meter" visualization that updates based on the cumulative impact of learner choices.

Solución Técnica: Arquitecé un motor de narrativa no lineal con seguimiento de estado dinámico. Desarrollé una visualización de "Medidor de Riesgo" que se actualiza según las decisiones del alumno.

Financial Freedom Simulation Simulación de Libertad Financiera

Interactive simulation challenging students to build an emergency fund while navigating real-world debt traps.

Simulación interactiva que desafía a los estudiantes a crear un fondo de emergencia mientras navegan trampas de deuda del mundo real.

Technical Solve: Developed a real-time calculator engine using advanced variables to simulate compounding interest and debt-to-income ratios based on iterative learner inputs.

Solución Técnica: Desarrollé un motor de cálculo en tiempo real mediante variables avanzadas para simular el interés compuesto y ratios de deuda basados en las entradas del alumno.

Irregular Verbs Masterclass Clase Maestra de Verbos Irregulares

Combines animation and interactive assessment to guide learners through complex English grammar retention.

Combina animación y evaluación interactiva para guiar a los alumnos en la retención de gramática compleja en inglés.

Technical Solve: Orchestrated the integration of Adobe Character Animator with Captivate, using timeline triggers to sync puppet performances with interactive quiz layers.

Solución Técnica: Orquesté la integración de Adobe Character Animator con Captivate, utilizando activadores de línea de tiempo para sincronizar animaciones con capas de cuestionario.

Thomas's Roblox Adventure La Aventura de Thomas en Roblox

A storytelling module for young readers that embeds vocabulary and literary elements into a high-engagement narrative.

Un módulo de historia para jóvenes lectores que integra vocabulario y elementos literarios en una narrativa de alto compromiso.

Technical Solve: Implemented a persistent "Literary Tracker" variable system that awards badges in real-time as students identify key vocabulary milestones throughout the story.

Solución Técnica: Implementé un sistema de variables de "Rastreador Literario" persistente que otorga insignias en tiempo real a medida que los estudiantes identifican vocabulario clave.

Interactive Program Demos

Demos de Programas Interactivos