Propuesta de Desarrollo
1. Resumen Ejecutivo
El Desafío
Diana Mendoza es maestra de inglés que actualmente gestiona sus cursos, materiales y alumnos de manera manual o con herramientas dispersas (WhatsApp, Google Drive, formularios). No cuenta con una plataforma propia centralizada donde sus alumnos puedan acceder a lecciones, practicar con ejercicios interactivos, y donde ella pueda crear contenido, asignar actividades y monitorear el progreso de cada estudiante.
La ausencia de un entorno digital propio limita su capacidad de escalar, mantener una imagen profesional y ofrecer a sus alumnos una experiencia de aprendizaje estructurada y atractiva.
La Solución
Una plataforma educativa web responsiva con LMS completo y Landing Page pública. La profesora podrá crear y gestionar cursos con 8 tipos de ejercicios interactivos —incluyendo 3 tipos de juegos— desde un constructor visual intuitivo. Los alumnos aprenderán inglés en un aula virtual dinámica con retroalimentación en tiempo real y seguimiento de su progreso.
Propuesta de Fase 1 (MVP completo): Este documento cubre la plataforma completa en una sola fase — desde la landing pública hasta el módulo de speaking con grabación de audio — lista para operar desde el día del deploy.
2. Descripción de la Solución
La plataforma integra tres capas funcionales: una Landing Page para atraer nuevos alumnos, un LMS Teacher para que Diana cree y administre contenido, y un Aula Virtual Student donde los alumnos practican con ejercicios interactivos.
Stack Tecnológico
- Framework: Next.js 15 (App Router) + TypeScript — SSR y rutas protegidas por rol
- Estilos: Tailwind CSS — diseño responsive-first desde el día uno
- Auth & Base de datos: Firebase Auth + Firestore — tiempo real, escalable sin servidor
- Almacenamiento: Firebase Storage — audios de speaking, imágenes de ejercicios
- Drag & Drop: dnd-kit — para los ejercicios de tipo Word Scramble y Drag & Drop
- Grabación de audio: MediaRecorder API nativa — sin dependencias externas
- Deploy: Firebase Hosting — CDN global, SSL automático, dominios personalizados
3. Alcance y Entregables
El MVP cubre la plataforma completa en una sola fase de 12 semanas, con todos los tipos de ejercicio incluidos y la plataforma lista para operar con alumnos reales.
| # | Entregable | Descripción | Tipos de Ejercicio |
|---|---|---|---|
| 1 | Landing Page Pública | Hero, propuesta de valor, cursos destacados, acerca de, formulario de contacto / registro de interés | — |
| 2 | Sistema de Autenticación | Registro, login, recuperación de contraseña, sesión persistente, 3 roles (Admin, Teacher, Student) | — |
| 3 | Gestión de Cursos y Lecciones | CRUD completo de cursos y lecciones, organización por niveles y módulos temáticos, estado borrador/publicado | — |
| 4 | Exercise Builder — Tipo Quiz | Opción múltiple con N alternativas, imagen opcional, respuesta correcta configurable | Quiz |
| 5 | Exercise Builder — True / False | Afirmación en inglés, el alumno selecciona verdadero o falso con explicación del resultado | True/False |
| 6 | Exercise Builder — Fill in the Blank | Oración con campo vacío, el alumno escribe la palabra faltante, validación exacta o por sinónimos | Fill-in-blank |
| 7 | Exercise Builder — Matching | Unir palabras en inglés con su imagen o traducción mediante drag & drop o selección par a par | Matching |
| 8 | Exercise Builder — Word Scramble | Letras desordenadas que el alumno arrastra para formar la palabra correcta | Word Scramble |
| 9 | Exercise Builder — Drag & Drop Ordering | Palabras u oraciones que el alumno ordena arrastrando para construir la secuencia correcta | Drag & Drop |
| 10 | Exercise Builder — Listening | Audio subido por la maestra, el alumno escucha y responde preguntas de comprensión auditiva | Listening |
| 11 | Speaking Module | Grabación de audio con MediaRecorder, almacenamiento en Firebase Storage, revisión y comentarios del teacher | Speaking |
| 12 | Aula Virtual (Exercise Renderer) | Modo play para todos los 8 tipos de ejercicio, retroalimentación en tiempo real, calificación automática | — |
| 13 | Dashboard Teacher | Vista de alumnos inscritos, progreso por lección, calificaciones, envíos de speaking pendientes de revisión | — |
| 14 | Dashboard Alumno | Cursos activos, porcentaje de avance, historial de ejercicios completados y puntajes | — |
| 15 | Panel de Administración | Gestión de usuarios (alumnos, teachers), configuración general de la plataforma | — |
| 16 | Diseño Responsive | Adaptación completa a móvil, tablet y desktop — todos los ejercicios funcionales en touch | — |
| 17 | Deploy a Producción | Firebase Hosting, SSL automático, dominio personalizado, configuración de reglas de seguridad | — |
Fuera de Alcance (Fases Futuras)
Las siguientes funcionalidades no están incluidas en esta fase. Podrán cotizarse y desarrollarse en fases posteriores una vez que la plataforma esté operativa.
Funcionalidades Excluidas
- App nativa iOS / Android
- Video llamadas en tiempo real (Zoom, Meet)
- Certificados digitales con firma
- Sistema de pagos en línea (Stripe, PayPal)
- Gamification avanzada (leaderboards, badges, puntos)
- Soporte multiidioma (solo inglés en MVP)
Integraciones Excluidas
- Google Classroom / Canvas / Moodle
- Reconocimiento de voz automático (speech-to-text)
- Reportes descargables en Excel / PDF
- Notificaciones push (PWA / nativa)
- IA para retroalimentación de pronunciación
- Traducción automática de contenidos
4. Cronograma
El desarrollo se estructura en 5 fases durante 12 semanas, con entregas incrementales que permiten validar cada capa antes de avanzar a la siguiente.
| Fase | Semanas | Duración | Actividades Principales |
|---|---|---|---|
| F1: Base & Landing | S1 – S2 | 2 semanas | Setup inicial (Next.js + Firebase), sistema de Auth, 3 roles, Landing Page pública, configuración de CI/CD |
| F2: Teacher Core | S3 – S5 | 3 semanas | Dashboard Teacher y Student, CRUD de Cursos y Lecciones, Panel de Administración básico, asignación de cursos a alumnos |
| F3: Exercise Engine | S6 – S8 | 3 semanas | Exercise Builder (8 tipos), Exercise Renderer / Aula Virtual, motor de calificación automática, progreso del alumno |
| F4: Speaking & Feedback | S9 – S10 | 2 semanas | Speaking Module (grabación + playback), revisión del teacher, comentarios por ejercicio, historial de entregas |
| F5: Deploy & QA | S11 – S12 | 2 semanas | Testing integral (flujos teacher + student), correcciones UX, deploy a producción, dominio personalizado, capacitación básica |
5. Inversión
La inversión cubre el desarrollo completo de las 12 semanas: diseño, frontend, backend, configuración de infraestructura y deploy a producción.
Estructura de Pago (40 / 30 / 30)
Los pagos se distribuyen en tres hitos vinculados al avance del proyecto:
| Hito | Momento | Porcentaje | Monto |
|---|---|---|---|
| Anticipo | A la firma del contrato | 40% | $10,000 MXN |
| Entrega funcional | Al deploy en staging (semana 10) | 30% | $7,500 MXN |
| Entrega final | Al deploy en producción y aceptación | 30% | $7,500 MXN |
Nota sobre infraestructura: Los costos de Firebase (Firestore, Storage, Hosting), dominio personalizado y cualquier servicio de terceros corren por cuenta del cliente y no están incluidos en esta propuesta.
6. Soporte y Mantenimiento
Zulunity acompaña la plataforma después del lanzamiento para garantizar una operación estable desde el primer día de clases.
✅ Incluido — Soporte Correctivo (30 días)
Durante los 30 días posteriores al deploy en producción, Zulunity atenderá sin costo adicional cualquier bug o comportamiento inesperado derivado del desarrollo entregado.
- Corrección de bugs en funcionalidades entregadas
- Ajustes menores de UX / comportamiento
- Soporte vía canal directo (WhatsApp / Slack)
🔧 Opcional — Mantenimiento Continuo
Después del período de soporte correctivo, Diana puede contratar un plan de mantenimiento mensual que incluye:
- Monitoreo de la plataforma y alertas de caída
- Actualizaciones de seguridad (dependencias, Firebase)
- Soporte técnico para nuevas actividades y contenido
- Desarrollo de mejoras menores acordadas
Costo a cotizar según necesidades específicas.
7. Términos y Condiciones
- Infraestructura y Servicios de Terceros: Los costos de Firebase (Firestore, Storage, Hosting), dominio personalizado, almacenamiento de audios, correo transaccional y cualquier servicio externo no están incluidos en esta propuesta y serán responsabilidad del cliente.
- Validación Funcional: La propuesta contempla un aterrizaje funcional inicial para cerrar los detalles de cada tipo de ejercicio y las reglas de calificación. Si durante el desarrollo aparecen cambios estructurales al proceso pedagógico o nuevos tipos de ejercicio no documentados, se evaluará su impacto en alcance, tiempo y costo.
- Propiedad Intelectual: Una vez liquidado el 100% del proyecto, la propiedad intelectual del código fuente desarrollado será transferida al cliente.
- Cambios al Alcance: Cualquier funcionalidad adicional no contemplada en esta propuesta (nuevos tipos de ejercicio, integraciones, app nativa, etc.) será analizada y cotizada por separado.
- Contenido y Medios: La provisión de textos, imágenes, audios de lecciones y contenido pedagógico es responsabilidad de la cliente. Zulunity desarrolla la plataforma; el contenido educativo lo aporta Diana Mendoza.
- Confidencialidad: Toda la información compartida durante el proyecto — metodología pedagógica, materiales, datos de alumnos — será tratada bajo principios de confidencialidad entre ambas partes.
- Deslinde de Responsabilidad: Tras la entrega formal de la plataforma y la liquidación correspondiente, Zulunity queda deslindado de responsabilidades futuras sobre operación, evolución o mantenimiento del sistema, salvo contratación expresa del servicio opcional de soporte.
- Reconocimiento de Autoría: Zulunity se reserva el derecho de incluir la plataforma en su portafolio de proyectos realizados, preservando la confidencialidad de los datos de los alumnos.
8. Próximos Pasos
Para arrancar el proyecto seguimos este flujo de cinco pasos desde la aprobación hasta el primer día de desarrollo activo.
-
Aprobación de la Propuesta
Validación interna del alcance, inversión y calendario. Resolver cualquier duda sobre los módulos o tipos de ejercicio antes de firmar. -
Firma de Contrato
Formalización del inicio del proyecto, definición de canales de comunicación y frecuencia de demos/revisiones. -
Pago de Anticipo (40%)
Activación de recursos del equipo y calendarización de las semanas de desarrollo. -
Sesión de Kick-Off
Cierre de detalles: estructura de cursos y niveles, paleta de colores / branding de la plataforma, ejemplos de cada tipo de ejercicio, reglas de calificación y catálogo inicial de contenido. -
Inicio de Desarrollo
Arranque formal de la Fase 1 con seguimiento semanal, demos incrementales al final de cada fase y canal directo para feedback continuo.
Contacto: Equipo de Desarrollo de Negocios
Email: contact@zulunity.com
Web: zulunity.com | zulunity.info