Démos · 배움 강의
Education · Online Classes
배움 강의
Inscriptions et gestion pour des cours en ligne
Les écrans visités dans l'aperçu s'ajoutent aussi à l'historique de cet onglet. Pour explorer plus longtemps, ouvrez la démo dans un nouvel onglet.
En un coup d'œil
Voici un exemple d'appli pour un service de cours en ligne, développé par Cocode avec Flutter, CoUI et Serverpod. Dans l'appli élève, on trouve des cours par catégorie, tri ou recherche, on choisit le format et la date de début, puis on paie avec le coupon de première inscription ; dans la console d'administration, on gère les élèves et les cours, on remplit le formulaire d'ajout de leçon et l'on consulte les ventes du mois. Cocode réalise ce type d'applis de cours en développement externalisé, de la conception à la maintenance en passant par le développement et la mise en ligne.
- Type
- Inscriptions et gestion pour des cours en ligne
- Composants
- App élève · Console d'administration · Widgetbook · Galerie golden · Documentation du projet
- Technologies
- Flutter · CoUI · Serverpod · Widgetbook
- À essayer
- Dans le navigateur, sans inscription, avec des données d'exemple
- Réalisé par
- Cocode Inc.
Fonctionnalités principales
6 fonctionnalités
- Trouver un coursFiltrez les huit cours par dessin, cuisine, sport ou langues, triez-les par popularité, nouveauté ou prix, ou cherchez par mot-clé.
- Parcours d'inscriptionChoisissez le format et la date de début sur la page du cours, puis payez par carte, virement ou paiement rapide avec le coupon de première inscription. Une page de confirmation suit.
- Accueil administrateurVisualisez d'un coup d'œil les questions en attente, les élèves, les ventes du mois et la progression moyenne, l'état de vos cours et les nouveaux élèves de la semaine.
- Gestion des élèvesFiltrez les élèves par statut (en cours, terminé, expiré) et par cours, et consultez leur progression et leur dernière activité.
- Cours et leçonsConsultez pour chaque cours les élèves, la progression moyenne, la note et les revenus du mois, voyez si chaque leçon est publique ou programmée, puis remplissez le formulaire d'ajout de leçon et enregistrez un brouillon.
- VentesConsultez les ventes, les inscriptions, le panier moyen et le taux de remboursement du mois, un graphique par semaine et les trois cours les plus vendus.
Comptes de démonstration
Dans l'appli comme dans la console, choisissez un compte sous « Choisir un compte de démo » sur le premier écran. Aucun mot de passe n'est demandé.
- ÉlèveParcourir les cours · S'inscrire · Payer · Mon compte
- Formateur · AdminTableau de bord · Cours · Élèves · Ajout de leçon · Ventes
Écrans à explorer
Accessibles directement dans le navigateur : 5, toujours dans un nouvel onglet.
- AppApp élèveChoisir un cours, s'inscrire et payer (nouvel onglet)
- ConsoleConsole d'administrationGérer élèves, cours, leçons et ventes (nouvel onglet)
- WidgetbookWidgetbookCatalogue des écrans et composants (nouvel onglet)
- GoldenGalerie goldenCaptures d'écran par appareil et thème, comparées à la maquette (nouvel onglet)
- DocsDocumentation du projetStructure, conventions et comparaison avec le design (nouvel onglet)
Stack technique
À propos de l'environnement de démo
- Une démo autour d'un service de cours en ligne fictif. Aucune vraie inscription, aucun paiement ni SMS n'est envoyé.
- Elle fonctionne sans serveur, avec des données d'exemple dans ce navigateur, et revient à son état de départ quand on recharge la page. Ne saisissez pas de vraies données personnelles.
- Changer de langue vous laisse sur le même écran, et les données d'exemple comme les noms des élèves et des formateurs ou les titres des cours passent dans la langue choisie.
- « Mes cours » et les avis dans l'appli, ainsi que « Questions » et « Réglages » dans la console, sont encore en préparation et n'affichent qu'un message.
Développement d'application de cours en ligne sur mesure
De la première prise de contact à la passation. Nous cadrons d'abord le périmètre, puis nous établissons un devis.
- ConsultationUn responsable vous contacte pour faire le point sur votre situation
- Cadrage1 semaine. Liste des écrans, puis devis et contrat
- RéalisationChaque semaine, vous essayez une version intermédiaire
- PassationDépôt · Admin · Droits · Documents
- Suivi (option)Gestion des stores et maintenance
Questions fréquentes
Peut-on faire développer une plateforme de cours en ligne ?
Oui. Comme dans cette démo, Cocode réalise ensemble l'appli des élèves et la console d'administration utilisée par les formateurs et l'équipe d'exploitation. Nous commençons par comprendre comment vos cours sont suivis et gérés, puis nous dressons en une semaine la liste des écrans, base du devis et du contrat.
Comment les coûts sont-ils déterminés ?
Il dépend du périmètre à réaliser. Nous définissons d'abord le périmètre ensemble, puis nous vous remettons un devis. Les critères qui fixent le coût et les types de contrat sont présentés sur la page Processus et coûts.
Combien de temps cela prend-il ?
Cela dépend du périmètre. Parlez-nous du service que vous envisagez, et nous commencerons par estimer ensemble la durée. Pendant le projet, vous pouvez vérifier chaque semaine une version intermédiaire qui fonctionne, via un lien et une app de test.
À qui appartiennent les droits d'auteur et la propriété ?
Une fois la recette validée et le prix intégralement payé, l'intégralité des droits patrimoniaux d'auteur est attribuée à votre entreprise — y compris le droit de créer des œuvres dérivées — et nous n'exerçons pas nos droits moraux sur les livrables. Cela est stipulé dans le contrat.
Les composants communs utilisés dans plusieurs projets, comme CoUI, sont exclus de la cession ; en contrepartie, nous vous remettons une copie de leur code source ainsi qu'un droit d'utilisation et de modification sans limite de durée, de quantité ni de territoire. La logique métier, les structures de données et les éléments de marque propres à votre entreprise vous appartiennent intégralement.
La lecture vidéo et le paiement font-ils partie du périmètre ?
Des fonctions comme la lecture vidéo, la progression et les droits d'accès varient selon le service et sont définies lors de la consultation. Cette démo ne montre que l'inscription, un paiement simulé et les écrans d'administration ; les parties reliées à des services externes, comme un vrai paiement ou le streaming vidéo, influencent le devis.
Besoin d'un système de ce type ?
Trois lignes suffisent pour nous écrire. C'est de là que part le cadrage.