Demos · 배움 강의
Education · Online Classes
배움 강의
Inscripciones y gestión para clases en línea
Las pantallas que visite en la vista previa también se suman al historial de esta pestaña. Para explorar con calma, abra la demo en una ventana nueva.
De un vistazo
Esta es una app de ejemplo para un servicio de clases en línea, desarrollada por Cocode con Flutter, CoUI y Serverpod. En la app para alumnos se encuentran clases por categoría, orden o buscador, se eligen la modalidad y la fecha de inicio, y se paga con el cupón de primera inscripción; en la consola de administración se gestionan los alumnos y las clases, el formulario para subir lecciones y las ventas del mes. Cocode desarrolla por encargo apps de clases en línea como esta, desde la planificación y el desarrollo hasta la publicación y el mantenimiento.
- Tipo
- Inscripciones y gestión para clases en línea
- Partes
- App para alumnos · Consola de administración · Widgetbook · Galería golden · Documentación del proyecto
- Tecnología
- Flutter · CoUI · Serverpod · Widgetbook
- Cómo probarla
- En el navegador, sin registro, con datos de ejemplo
- Desarrollada por
- Cocode Inc.
Funciones principales
6 funciones
- Buscar clasesFiltra las ocho clases por dibujo, cocina, deporte o idiomas, ordénalas por popularidad, novedad o precio, o búscalas por palabra clave.
- Flujo de inscripciónEn la página de la clase elige la modalidad y la fecha de inicio, y paga con tarjeta, transferencia o pago rápido con el cupón de primera inscripción. Después aparece la confirmación.
- Inicio de administraciónMira de un vistazo las preguntas por responder, los alumnos, las ventas del mes y el progreso medio, el estado de tus clases y los alumnos nuevos de la semana.
- Gestión de alumnosFiltra a los alumnos por activos, completados o caducados y por clase, y revisa su progreso y su última actividad.
- Clases y leccionesConsulta en cada clase los alumnos, el progreso medio, la valoración y los ingresos del mes, si cada lección es pública o programada, y rellena el formulario para subir lecciones y guarda un borrador.
- VentasConsulta las ventas, las inscripciones, el ticket medio y la tasa de reembolso del mes, un gráfico por semanas y las tres clases más vendidas.
Cuentas de prueba
Tanto en la app como en la consola, elige una cuenta en «Elegir una cuenta de demo» en la primera pantalla. No hace falta contraseña.
- AlumnoVer clases · Inscribirse · Pagar · Mi cuenta
- Instructor · AdminPanel · Clases · Alumnos · Subir lección · Ventas
Pantallas para explorar
Se abren directamente en el navegador: 5, siempre en una ventana nueva.
- AppApp para alumnosElegir clase, inscribirse y pagar (ventana nueva)
- ConsoleConsola de administraciónGestionar alumnos, clases, lecciones y ventas (ventana nueva)
- WidgetbookWidgetbookCatálogo de pantallas y componentes (ventana nueva)
- GoldenGalería goldenCapturas por dispositivo y tema, comparadas con el diseño (ventana nueva)
- DocsDocumentación del proyectoEstructura, convenciones y contraste con el diseño (ventana nueva)
Stack tecnológico
Sobre el entorno de demostración
- Una demo basada en un servicio ficticio de clases en línea. No se hace ninguna inscripción, pago ni envío de SMS reales.
- Funciona sin servidor, con datos de ejemplo dentro de este navegador, y al recargar vuelve al estado inicial. No introduzcas datos personales reales.
- Al cambiar de idioma sigues en la misma pantalla, y los datos de ejemplo como los nombres de alumnos e instructores o los títulos de las clases pasan al idioma elegido.
- «Mis clases» y las reseñas de la app, y «Preguntas» y «Ajustes» de la consola, aún están en preparación y solo muestran un aviso.
Desarrollo a medida de apps de cursos online
Desde la primera consulta hasta el traspaso. Primero definimos el alcance y luego le damos un presupuesto.
- ConsultaLa persona responsable le contacta para conocer su situación
- Alcance1 semana. Lista de pantallas, luego presupuesto y contrato
- DesarrolloAvanzamos probando cada semana una versión intermedia
- TraspasoRepositorio · Admin · Permisos · Documentación
- Soporte (opc.)Gestión con las tiendas y mantenimiento
Preguntas frecuentes
¿Se puede encargar el desarrollo de una plataforma de clases en línea?
Sí. Como en esta demo, Cocode desarrolla juntas la app para alumnos y la consola de administración que usan los docentes y el equipo de operaciones. Primero conocemos cómo se cursan y se gestionan sus clases y luego dedicamos una semana a listar las pantallas, que es la base del presupuesto y del contrato.
¿Cómo se determina el costo?
Depende del alcance de lo que se va a desarrollar. Primero definimos juntos el alcance y después le enviamos un presupuesto. Los criterios para fijar el costo y los tipos de contrato se explican en la página Proceso y costos.
¿Cuánto tiempo lleva?
Depende del alcance. Cuéntenos qué servicio tiene en mente y empezaremos por estimar juntos el plazo. Durante el proyecto, cada semana puede revisar una versión intermedia que funciona, mediante un enlace y una app de prueba.
¿De quién son los derechos de autor y la propiedad?
Al completarse la aceptación y el pago total, todos los derechos patrimoniales de autor pasan a su empresa — incluido el derecho a crear obras derivadas —, y nosotros no ejercemos los derechos morales sobre los entregables. Así consta en el contrato.
Los componentes comunes que se usan en varios proyectos, como CoUI, quedan excluidos de la cesión; a cambio, le entregamos una copia del código fuente y el derecho a usarlos y modificarlos sin límite de plazo, cantidad ni territorio. La lógica de negocio, la estructura de datos y los elementos de marca propios de su empresa le pertenecen en su totalidad.
¿El alcance incluye la reproducción de vídeo y los pagos?
Funciones como la reproducción de vídeo, el progreso y los permisos varían según el servicio y se definen en la consulta. Esta demo solo muestra la inscripción, un pago simulado y las pantallas de administración; las partes que se conectan con servicios externos, como los pagos reales o el streaming de vídeo, influyen en el presupuesto.
¿Necesita un sistema como este?
Puede enviarnos solo tres líneas. La definición del alcance empieza ahí.