Créer une application de suivi de fitness comme Nike Run Club semble être un projet réservé aux équipes de développement bien financées avec des mois de codage devant elles. Des fonctionnalités comme le suivi GPS en temps réel, l'enregistrement des entraînements, les systèmes de réalisations et les défis sociaux nécessitent une architecture de base de données complexe et une intégration d'appareils natifs, ce qui exige traditionnellement une expertise dans plusieurs langages de programmation et plates-formes. Pour les entrepreneurs et les passionnés de fitness ayant une vision mais sans expérience en codage, cette barrière technique s'est longtemps dressée entre l'idée et l'exécution.
C'est là qu'Adalo change complètement la donne. Adalo est un créateur d'applications sans code pour les applications web basées sur une base de données et les applications iOS et Android natives, une seule version sur les trois plates-formes. La création assistée par l'IA et la publication rationalisée permettent de lancer sur l'App Store Apple et Google Play en jours plutôt qu'en mois. Avec ces capacités, créer une application de suivi de course entièrement fonctionnelle avec intégration GPS, fonctionnalités sociales et badges de réalisations devient accessible à quiconque a une vision, sans codage requis.
Pourquoi Adalo fonctionne pour créer une application de suivi de course
Adalo est un créateur d'applications sans code pour les applications web basées sur une base de données et les applications iOS et Android natives, une seule version sur les trois plates-formes, publiée sur l'App Store Apple et Google Play. Cela en fait la base parfaite pour créer une application de fitness de style Nike Run Club qui nécessite une architecture de base de données robuste pour suivre les courses, stocker les statistiques utilisateur et gérer les fonctionnalités sociales, tout en offrant l'expérience mobile native que les coureurs attendent.
Pour une application de suivi de fitness, la distribution sur l'app store n'est pas optionnelle, c'est essentiel. Vos utilisateurs ont besoin de notifications push pour les rappeler de leurs objectifs de course, d'un suivi GPS fiable pendant les entraînements en plein air et d'une synchronisation en temps réel qui capture chaque kilomètre. Adalo offre tout cela grâce à une véritable compilation native, pas des enveloppes web, garantissant que votre application fonctionne correctement, que les utilisateurs enregistrent un jogging rapide ou participent à des défis mensuels avec des amis.
Créer une application de suivi de fitness comme Nike Run Club semble être un projet réservé aux équipes de développement bien financées avec des mois de codage devant elles. Des fonctionnalités comme le suivi GPS en temps réel, l'enregistrement des entraînements, les systèmes de réalisations et les défis sociaux nécessitent une architecture de base de données complexe et une intégration d'appareils natifs, ce qui exige traditionnellement une expertise dans plusieurs langages de programmation et plates-formes. Pour les entrepreneurs et les passionnés de fitness ayant une vision mais sans expérience en codage, cette barrière technique s'est longtemps dressée entre l'idée et l'exécution.
Adalo, un créateur d'applications alimenté par l'IA, change complètement la donne. Il crée des applications web basées sur une base de données et des applications iOS et Android natives à partir d'une seule base de code, une version sur les trois plates-formes. La création assistée par l'IA et la publication rationalisée permettent de lancer sur l'App Store Apple et Google Play en jours plutôt qu'en mois. Ce tutoriel vous montrera comment exploiter ces capacités pour créer votre propre application de suivi de course entièrement fonctionnelle, complète avec intégration GPS, fonctionnalités sociales et badges de réalisations, sans écrire une seule ligne de code.
Pourquoi Adalo fonctionne pour créer une application de suivi de fitness
Pour une application de suivi de fitness, la distribution sur l'app store native est non-négociable. Vos utilisateurs s'attendent à recevoir des notifications push pour les rappeler leurs objectifs de course, les motiver lors de défis et célébrer leurs réalisations. Ils ont besoin d'un suivi GPS fiable pendant les entraînements en plein air et d'une synchronisation de données en temps réel qui capture chaque kilomètre.
Adalo offre cette expérience polished et native avec un avantage critique : une seule création est publiée sur le web, l'App Store iOS et Google Play Store simultanémentContrairement aux plates-formes qui enveloppent des applications web dans une coque mobile (introduisant une latence et des problèmes de performance sous charge), Adalo compile en vrai code natif. L'infrastructure modulaire de la plate-forme s'étend pour servir des applications avec des millions d'utilisateurs actifs mensuels, sans plafond, et les plans payants incluent des enregistrements de base de données illimitésafin que votre application n'atteigne pas les limites de stockage à mesure que votre base d'utilisateurs se développe.
Ada, le créateur IA d'Adalo, vous permet de décrire ce que vous voulez et génère votre application. Magic Start crée des fondations d'applications complètes à partir d'une description, tandis que Magic Add ajoute des fonctionnalités en langage naturel.
Magic Start peut générer la fondation de votre application à partir d'une simple description. Dites-lui que vous avez besoin d'une application de suivi de fitness avec enregistrement GPS, fonctionnalités sociales et badges de réalisations, et elle crée automatiquement votre structure de base de données, vos écrans et vos flux utilisateur. Ce qui prenait autrefois des jours de planification se fait maintenant en minutes. Construisons votre application de fitness à partir de zéro.
Conditions préalables et configuration initiale
Étape 1 : Créer votre compte Adalo et votre application
- Visitez Adalo.com et créez un compte gratuit
- Cliquez sur « Créer une nouvelle application » à partir de votre tableau de bord
- Sélectionnez « Application mobile » (optimisée pour le suivi de fitness en déplacement)
- Nommez votre application (par exemple, « RunTracker » ou « FitPulse »)
- Choisissez « Partir de zéro » pour construire des fonctionnalités personnalisées, ou utilisez Magic Start pour générer une fondation à partir de votre description
Étape 2 : Configurer le thème de votre application
- Sélectionnez une couleur de marque primaire (les tons audacieux et énergiques fonctionnent bien pour les applications de fitness)
- Choisissez une couleur secondaire pour les boutons d'appel à l'action
- Choisissez une police sans-serif propre et moderne pour la lisibilité pendant les entraînements
- Activez l'option mode sombre pour la course de nuit
- Cliquez sur « Continuer » pour accéder au générateur d'applications
Étape 3 : Configurer les paramètres de la plate-forme
- Accédez à Paramètres dans la barre latérale gauche
- Sous panneau Paramètres de l'applicationconfigurez :
- Nom et icône de l'application
- Écran de démarrage (image motivante)
- Style de la barre d'état
- Activez Services de localisation (critique pour le suivi GPS)
- Définir l'écran initial sur « Bienvenue »
Créer la structure de la base de données
Votre base de données est l'épine dorsale de votre application de fitness. Avec le service aucune limite d'enregistrements sur les plans payantsd'Adalo, vous pouvez stocker des années d'historique de course, des milliers d'itinéraires et des interactions sociales illimitées sans craindre d'atteindre des limites de stockage.
Étape 4 : Améliorer la collection Utilisateurs
- Cliquez sur le bouton Base de données icône dans la barre latérale gauche
- Sélectionnez la collection « Utilisateurs » préexistante
- Ajoutez ces propriétés (cliquez sur « + Ajouter une propriété » pour chacune) :
- Nom complet (Texte)
- Photo de profil (Image)
- Nom d'utilisateur (Texte – Unique)
- Biographie (Texte – Multiligne)
- Poids (Nombre – pour les calculs de calories)
- Taille (Nombre)
- Unité préférée (Texte – Valeurs : « Miles », « Kilomètres »)
- Distance totale (Nombre – total cumulé)
- Courses totales (Nombre)
- Durée totale (Nombre – en minutes)
- Membre depuis (Date – Automatique à l'inscription)
- Séquence actuelle (Nombre – jours consécutifs)
- Série la plus longue (Nombre)
- Paramètre de confidentialité (Texte – Valeurs : « Public », « Amis uniquement », « Privé »)
En savoir plus sur les bases de données
Étape 5 : Créer la collection Courses
- Cliquez sur « + Ajouter une collection »
- Nommez-la « Courses »
- Ajoutez ces propriétés :
- ID de course (Texte – Généré automatiquement)
- Distance (Nombre – dans les unités préférées de l'utilisateur)
- Durée (Nombre – en secondes)
- Heure de début (Date et heure)
- Heure de fin (Date et heure)
- Allure moyenne (Nombre – minutes par mile/km)
- Calories brûlées (Nombre – calculé avec des formules tenant compte des unités)
- Gain d'altitude (Nombre)
- Données d'itinéraire (Texte – Chaîne JSON de coordonnées)
- Lieu de départ (Localisation)
- Lieu d'arrivée (Localisation)
- Conditions météorologiques (Texte)
- Température (Nombre)
- Type de course (Texte – Valeurs : « Course facile », « Longue course », « Travail de vitesse », « Récupération », « Course de compétition »)
- Remarques (Texte – Multiligne)
- Ressenti (Texte – Valeurs : « Excellent », « Bon », « Correct », « Fatigué », « Difficile »)
- Public/Privé (Vrai/Faux)
Étape 6 : Créer la collection Itinéraires
- Cliquez sur « + Ajouter une collection »
- Nommez-la « Routes »
- Ajoutez les propriétés :
- Nom de l'itinéraire (Texte)
- Description (Texte – Multiligne)
- Distance (Nombre)
- Coordonnées (Texte – Tableau JSON de points latitude/longitude)
- Point de départ (Localisation)
- Point d'arrivée (Localisation)
- Difficulté (Texte – Valeurs : « Facile », « Modéré », « Difficile »)
- Type de surface (Texte – Valeurs : « Route », « Sentier », « Piste », « Mixte »)
- Photo de l'itinéraire (Image)
- Nombre de fois parcouru (Nombre)
- Note moyenne (Nombre)
- Est un favori (Vrai/Faux)
Étape 7 : Créer la collection Réalisations
- Cliquez sur « + Ajouter une collection »
- Nommez-la « Réalisations »
- Ajoutez les propriétés :
- Nom de la réalisation (Texte)
- Description (Texte)
- Icône du badge (Image)
- Type de critère (Texte – Valeurs : « Distance », « Courses », « Série », « Vitesse », « Spécial »)
- Valeur du critère (Nombre)
- Points (Nombre)
- Date d'obtention (Date et heure)
- Est débloquée (Vrai/Faux)
Étape 8 : Créer la collection Défis
- Cliquez sur « + Ajouter une collection »
- Nommez-la « Challenges »
- Ajoutez les propriétés :
- Nom du défi (Texte)
- Description (Texte – Multiligne)
- Type de défi (Texte – Valeurs : « Distance », « Durée », « Fréquence »)
- Valeur de l'objectif (Nombre)
- Date de début (Date)
- Date de fin (Date)
- Progression actuelle (Nombre)
- Est actif (Vrai/Faux)
- Est complété (Vrai/Faux)
- Badge de récompense (Image)
Étape 9 : Créer la collection Fil social
- Cliquez sur « + Ajouter une collection »
- Nommez-le « Publications »
- Ajoutez les propriétés :
- Type de publication (Texte – Valeurs : « Parcours terminé », « Accomplissement », « Photo », « Texte »)
- Légende (Texte – Multiligne)
- Image (Image)
- Nombre de mentions J'aime (Nombre)
- Nombre de commentaires (Nombre)
- Date de création (Date et heure – Automatique)
- Est épinglé (Vrai/Faux)
Étape 10 : Créer la collection Commentaires
- Cliquez sur « + Ajouter une collection »
- Nommez-la « Commentaires »
- Ajoutez les propriétés :
- Texte du commentaire (Texte – Multiligne)
- Date de création (Date et heure – Automatique)
- Mentions J'aime (Nombre)
Étape 11 : Créer la collection Amis
- Cliquez sur « + Ajouter une collection »
- Nommez-la « Amis »
- Ajoutez les propriétés :
- Statut (Texte – Valeurs : « En attente », « Accepté », « Bloqué »)
- Date de création (Date et heure – Automatique)
- Date d'acceptation (Date et heure)
Étape 12 : Configurer les relations de la base de données
- Dans Parcours collection :
- Ajouter une relation aux Utilisateurs : « Coureur » (Un utilisateur peut avoir plusieurs Parcours)
- Ajouter une relation aux Itinéraires : Plusieurs-vers-Un (itinéraire enregistré optionnel)
- Ajouter une relation aux Publications : Un-vers-Un (parcours partagé automatiquement)
- Dans Itinéraires collection :
- Ajouter une relation aux Utilisateurs : « Créateur » (Plusieurs-vers-Un)
- Ajouter une relation aux Parcours : Un-vers-Plusieurs
- Dans Réalisations collection :
- Ajouter une relation aux Utilisateurs : Plusieurs-vers-Plusieurs (les utilisateurs peuvent avoir plusieurs accomplissements)
- Dans Défis collection :
- Ajouter une relation aux Utilisateurs : Plusieurs-vers-Plusieurs (participants)
- Dans Publications collection :
- Ajouter une relation à Users : « Auteur » (Plusieurs-à-Un)
- Ajouter une relation aux Parcours : Un-vers-Un (si publication de parcours)
- Ajouter une relation aux Utilisateurs : « Personnes ayant aimé » (Plusieurs-vers-Plusieurs)
- Ajouter une relation aux Commentaires : Un-à-Plusieurs
- Dans Commentaires collection :
- Ajouter une relation aux Publications : Plusieurs-vers-Un
- Ajouter une relation aux Utilisateurs : « Commentateur » (Plusieurs-vers-Un)
- Dans Amitiés collection :
- Ajouter une relation aux Utilisateurs : « Demandeur » (Plusieurs-vers-Un)
- Ajouter une relation aux Utilisateurs : « Destinataire » (Plusieurs-vers-Un)
Installation des composants requis
Étape 13 : Installer les composants de cartes et de localisation
- Accédez à la Marché Adalo
- Installer :
- Composant Cartes (pour la visualisation de l'itinéraire)
- Minuteur (pour chronométrer le parcours et déclencher des enregistrements de localisation périodiques)
- Clé API Google Maps pour les cartes Web :
- Visitez Google Cloud Console pour créer une clé API
- Au minimum, activer API Geocoding pour les cartes Web
- Activez Géocodage uniquement si vous avez besoin de recherches d'adresses/de lieux et Matrice de distances uniquement si vous avez besoin d'estimations de distance/durée de trajet
- Google Maps Platform inclut un crédit gratuit de 250 $/mois; de nombreuses petites applications restent dans le niveau gratuit
- Dans Adalo : collez votre clé API dans Paramètres → Intégrations
Étape 14 : Installer des composants supplémentaires
- Retour à Place de marché
- Installer :
- Graphique/Diagramme (pour la visualisation des statistiques)
- composant Lecteur audio (pour les conseils d'entraînement)
- Partager (partage sur les réseaux sociaux)
Créer l'authentification des utilisateurs et l'intégration
Étape 15 : Créez l'écran de bienvenue
- Renommez l'écran par défaut en « Bienvenue »
- Ajouter des éléments de conception : image de fond, logo, titre/sous-titre
- Ajouter des boutons de navigation :
- S'inscrire → Écran « Inscription »
- Connexion → Écran « Connexion »
- Continuer en tant qu'invité → « Accueil » (mode lecture seule)
Étape 16 : Créez l'écran d'inscription
- Ajouter l'écran « Inscription »
- Formulaire (Utilisateurs) : E-mail, Mot de passe, Confirmer, Nom complet
- Sélecteur d'image pour la Photo de Profil (facultatif)
- Créer un compte → Inscription, puis accéder à « Sondage de bienvenue »
- Connexion lien texte pour les utilisateurs existants
Étape 17 : Créer l'écran Sondage de bienvenue
- Ajouter un nouvel écran → le nommer « Sondage de bienvenue »
- (Optionnel) Ajouter le texte statique « Étape 1 sur 3 »
- Formulaire (Mettre à jour → Utilisateur connecté):
- Objectifs (Liste déroulante) : Commencer la course, Aller plus vite, Courir plus loin, Rester actif, S'entraîner pour une épreuve → enregistrer dans Objectif (Texte)
- Fréquence (Liste déroulante) : Nouveau à la course, 1–2 fois/semaine, 3–4 fois/semaine, 5+ fois/semaine → enregistrer dans Fréquence (Texte)
- Poids (Nombre) → enregistrer dans Poids (Nombre)
- Taille (Nombre) → enregistrer dans Taille (Nombre)
- Suivant → Lien vers Préférences d'unités (vérifier que le formulaire met à jour l'utilisateur connecté avant de naviguer)
Étape 18 : Créer l'écran Préférences d'unités
- Ajouter un nouvel écran Adalo Blue « Préférences d'unités »
- (Optionnel) Texte « Étape 2 sur 3 »
- Formulaire (Mettre à jour → Utilisateur connecté):
- Unités préférées (Contrôle segmenté) : Miles / Kilomètres → Unité préférée
- Confidentialité par défaut de la course (Liste déroulante) : Public / Amis uniquement / Privé → Paramètre de confidentialité
- Suivant → Lien vers Activer la localisation; Retour Adalo Blue Sondage de bienvenue
Étape 19 : Créer l'écran Autorisation de localisation
- Ajouter un nouvel écran Adalo Blue « Activer la localisation » (Étape 3 sur 3)
- Expliquer pourquoi la localisation est nécessaire (suivi GPS)
- Activer la localisation → Demander l'autorisation → En cas de succès, lien vers Accueil.
- Ignorer pour l'instant → Lien vers Accueil.
Création du tableau de bord d'accueil
Étape 20 : Créer l'écran Accueil principal
- Ajouter un nouvel écran Adalo Blue « Accueil »
- Ligne d'en-tête :
- Avatar de l'utilisateur (Utilisateur connecté → Photo de profil) → Lien vers Profil
- « Bonjour, {Prénom} » (utiliser la formule)
- Date actuelle (Texte magique → formaté)
- Cartes de statistiques :
- Distance de cette semaine : Somme de Runs.Distance où Runner = Utilisateur connecté et date est cette semaine
- Courses totales : Nombre de Runs où Runner = Utilisateur connecté
- Série actuelle : Utilisateur connecté → Série actuelle
- Démarrage rapide :
- Commencer une course (principal) → Suivi des courses
- Choisir un itinéraire (secondaire) → Itinéraires enregistrés
- Carte de défi actif (conditionnel) :
- Liste personnalisée : Défis filtrés où les participants incluent l'utilisateur connecté et Est actif = vrai
- Afficher le nom, la barre de progression (Progression actuelle / Valeur cible), jours restants
- Cliquer → Détail du défi
- Fil d'activité récente :
- Liste personnalisée : Publications filtrées selon votre confidentialité/logique d'amis ; triées les plus récentes en premier (limite 5-10)
- Afficher l'auteur, le résumé, « il y a [temps] » → Cliquer → Détail de la publication
Étape 21 : Créer la barre de navigation inférieure
- Ajoutez Barre d'onglets avec 5 onglets :
- Accueil → Accueil
- Activité → Mes courses
- Commencer → Suivi des courses
- Défis → Défis
- Profil → Profil
- Définir les couleurs actives/inactives pour correspondre à votre thème.
Créer l'expérience de suivi des courses
Étape 22 : Créer l'écran de pré-course
Suivi des courses écran → carte en plein écran centrée sur la localisation actuelle ; sélecteurs pour le type de course/itinéraire ; bouton bascule du coach audio ; Commencer une course.
Étape 23 : Créer l'écran de course active
Carte + panneau de statistiques. Utiliser Emplacement actuel de l'appareil (Texte magique) + Minuteur pour enregistrer les coordonnées périodiquement (par exemple, tous les 5-10 secondes) pendant que l'application est ouverte. Contrôles : Pause, Terminer.
Étape 24 : Créer l'écran de course en pause
Dupliquer Course active → afficher l'état en pause avec CV, Terminer, Abandonner.
Étape 25 : Créer l'écran Résumé de course
Créer de la Exécutez et remplir : distance, durée, heures de début/fin, itinéraire, allure, dénivelé.
Calories brûlées (avec unités appropriées) :
- Si kilomètres et kilogrammes: Distance_km × Poids_kg × 1,0
- Si miles et livres: Distance_mi × Poids_lb × 0,63
Ajouter des cartes de résumé, des champs modifiables (type de course, ressenti, notes, photo, confidentialité). Enregistrer la course met à jour les totaux de l'utilisateur, vérifie les accomplissements, publie si publique.
Étape 26 : Créer la confirmation Course enregistrée
Écran de succès avec les nouveaux accomplissements (s'il y en a) et les actions rapides (afficher le résumé complet / retour à l'accueil).
Création de l'historique et de l'analytique des courses
Étape 27 : Créer l'écran Mes courses
- Nouvel écran Adalo Blue « Mes courses ».
- Filtres : Contrôle segmenté (Tout / Cette semaine / Ce mois / Cette année) → enregistrer dans FilterPeriod ; Menu déroulant pour Trier (Date, Distance, Durée, Allure) → SortBy.
- Ligne de résumé : Distance totale, Nombre total de courses, Allure moyenne pour la période sélectionnée.
- Liste personnalisée : Courses filtrées par Coureur = Utilisateur connecté + FilterPeriod ; triées par SortBy. Afficher la vignette de la carte, la date/heure, la distance, la durée, l'allure, le type de course, le ressenti → appuyer pour Détail de la course.
Étape 28 : Créer l'écran Détail de la course
En-tête avec date/heure, Éditer, Suppression; grande carte ; grille de statistiques (distance/durée/allure moyenne/calories/dénivelé/météo/température/ressenti/type de course) ; graphique d'allure (optionnel) ; notes ; statistiques sociales ; partage.
Étape 29 : Créer l'écran Statistiques
Onglets : Semaine / Mois / Année / Tout le temps → StatsPeriod. Cartes de métriques (distance totale, nombre total de courses, temps total, plus longue course, allure la plus rapide, séries). Graphique de distance (barres), tendance d'allure (ligne), carte thermique d'activité (optionnel).
Implémentation des accomplissements et de la ludification
Étape 30 : Créer l'écran Accomplissements
Vue d'ensemble de la progression (badges, points, prochain jalon) ; onglets (Tous, Distance, Fréquence, Séries, Vitesse, Spécial) ; grille de cartes (états verrouillés/déverrouillés avec progression/date).
Étape 31 : Créer la logique des accomplissements
Ajoutez Action personnalisée « Vérifier les accomplissements » lors de l'enregistrement de la course :
- Jalons de distance (5K, 10K, Semi, Marathon totaux)
- Nombre de courses (10/50/100/500)
- Séries (7/30/100 jours)
- Vitesse (mile en moins de 6 min / km en moins de 5 min)
- Spécial (course de nuit, lève-tôt, guerrier du week-end)
Lors du déverrouillage : créer un enregistrement d'accomplissement, mettre à jour les points, créer une publication, afficher la célébration.
Étape 32 : Créer l'écran Défis
- Ajouter un nouvel écran Adalo Blue « Défis ».
- Onglets : Actifs / Disponibles / Terminés → enregistrer dans ChallengeTab.
- Liste personnalisée : Défis
- Filtres :
- Actifs : Date de début ≤ maintenant ET Date de fin ≥ maintenant ET les participants incluent l'utilisateur connecté
- Disponibles : les participants n'incluent pas l'utilisateur connecté (et optionnellement Date de début ≥ maintenant)
- Terminé : (Date de fin < maintenant OU utilisateur a atteint l'objectif) ET les participants incluent l'utilisateur connecté
- Trier : Actif par date de fin asc ; Disponible par date de début asc ; Terminé par date de fin desc
- Filtres :
- Disposition des cartes : Nom, brève description, type + objectif, barre de progression (calculée par utilisateur à partir des courses entre début/fin), « Se termine {date} ».
- Actions :
- Rejoindre le défi (Disponible) : ajouter l'utilisateur connecté aux participants → notification → actualiser → basculer vers l'onglet Actif
- Afficher les détails (Actif/Terminé) : lien vers Détail du défi (envoyer l'enregistrement)
- États vides : Messages sympathiques pour chaque onglet.
Étape 33 : Créer l'écran de détail du défi
- Nouvel écran Adalo Blue « Détail du défi. » (attend un défi)
- En-tête : Image du badge de récompense, nom, description, type/objectif, plage de dates.
- Progression (par utilisateur) :
- Distance : somme des courses.Distance dans les dates du défi
- Durée : somme des courses.Durée (secondes) dans les dates
- Fréquence : nombre de courses dans les dates
- Afficher Anneau de progression + « {Actuel} / {Objectif} »
- Classement (optionnel) : lister les participants avec le score calculé ; trier desc ; afficher le rang/l'avatar/le nom/le score.
- Boutons (conditionnel) :
- Rejoindre (si pas participant et avant le début) → ajouter aux participants
- Partager la progression → feuille de partage
- Quitter le défi (optionnel) → supprimer des participants
- Bloc conseil : Clarifier que seules les courses dans les dates du défi comptent.
Création de fonctionnalités sociales
Étape 34 : Créer l'écran du fil d'activité
- Nouvel écran Adalo Blue « Fil d'activité. »
- Onglets : Abonnements / Amis / Tous → ÉtendueFlux.
- Liste personnalisée : Publications
- Filtrer par portée et confidentialité (par exemple, Abonnements = auteurs que vous suivez ; Amis = amitiés acceptées ; Tous = publications publiques)
- Trier : les plus récentes en premier
- Dispositions des éléments :
- Publication de course : vignette de carte + statistiques
- Succès : badge + texte
- Photo : image + légende
- Texte : corps
- Actions : J'aime (basculer dans Fans et mettre à jour le nombre de j'aime), Commenter (à Détail de la publication), Partager.
Étape 35 : Créer l'écran de détail du post
- Attendus Publiez.
- En-tête : auteur (photo/nom), il y a [durée].
- Corps : rendu par type (carte + statistiques / badge / image / texte).
- J'aime : basculer les "J'aime" + mettre à jour le compte.
- Commentaires : liste des commentaires pour ce post (les plus anciens→les plus récents).
- Compositeur : saisie de texte + Envoyer → créer un commentaire (définir le commentateur et le post) + incrémenter le compte.
Étape 36 : Créer l'écran de profil utilisateur
En-tête (photo, nom complet, nom d'utilisateur, bio, Modifier le profil). Statistiques (total des courses, distance totale, abonnés/suivi si implémenté). Vitrine des réalisations (liste horizontale → voir tout). Bascule de la grille/liste d'activité (filtrer tout vs. public). Actions : Paramètres, Statistiques.
Étape 37 : Créer l'écran de profil d'un autre utilisateur
Vue publique uniquement ; statut d'ami (Ajouter / En attente / Amis), courses/posts publics, bouton de message optionnel ; respecter les paramètres de confidentialité.
Étape 38 : Créer l'écran Amis
Onglets pour Amis / Demandes / Trouver des amis.
- Amis : liste des amitiés acceptées ; recherche ; appuyez pour accéder au profil.
- Demandes : liste en attente ; accepter/refuser.
- Trouver des amis : recherche par nom d'utilisateur/nom ; utilisateurs suggérés ; boutons ajouter un ami.
Création des itinéraires et de la navigation
Étape 39 : Créer l'écran des itinéraires enregistrés
Filtres (Mes itinéraires / Itinéraires communautaires / À proximité). Liste personnalisée des itinéraires avec aperçu de la carte, nom, distance, difficulté, surface, nombre de fois couru, évaluation moyenne ; bascule des favoris ; Créer un itinéraire bouton.
Étape 40 : Créer l'écran de détail de l'itinéraire
Grande carte avec itinéraire complet ; informations (distance/durée estimée, difficulté/surface, élévation si disponible, créateur) ; statistiques (nombre de fois que vous avez couru, meilleur temps, statistiques communautaires) ; actions (Commencer cet itinéraire, Enregistrer dans les favoris, Partager, Signaler un problème).
Étape 41 : Créer l'écran du créateur d'itinéraire
Objectif : Permettre aux utilisateurs de créer un itinéraire en échantillonnant le GPS actuel ou en ajoutant manuellement des points, puis enregistrer un enregistrement Itinéraires avec un tableau JSON de coordonnées.
A. (Optionnel) Collecte des points de brouillon
Créer des points d'itinéraire (Brouillon) avec Latitude (Nombre), Longitude (Nombre), Ordre (Nombre), Propriétaire → Utilisateurs, Créé le.
B. Écran et carte
Nouvel écran « Créer un itinéraire. » Ajoutez Cartes centré sur votre position actuelle. Marqueurs liés aux points d'itinéraire (Brouillon) filtrés par Propriétaire = Utilisateur connecté (ordonnés par Ordre). (Si pris en charge, dessiner une polyligne.)
C. Contrôles
- Ajouter le point actuel : Créer des points d'itinéraire (Brouillon) avec lat/lng actuel et Ordre = max + 1.
- Annuler : Supprimer le dernier point de brouillon.
- Effacer : Supprimer tous les points de brouillon pour ce propriétaire.
D. Formulaire des détails de l'itinéraire
Nom (requis), Description, Difficulté, Type de surface, Photo.
E. Distance et coordonnées JSON
- Demander la distance à l'utilisateur ou calculer via une action personnalisée (Haversine/tiers).
- Créer JSON de coordonnées à partir des points de brouillon ordonnés : [{"lat": <Lat1>, "lng": <Lng1>}, {"lat": <Lat2>, "lng": <Lng2>}, ...] (via action personnalisée ou modèle de concaténation).
F. Enregistrer l'itinéraire (bouton)
Valider ≥ 2 points et nom présent → Créer des itinéraires avec :
- Nom de l'itinéraire, description, difficulté, type de surface, photo de l'itinéraire, créateur = utilisateur connecté
- Distance = calculée ou manuelle
- Coordonnées = chaîne JSON
- Point de départ = premier point; point d'arrivée = dernier point
Ensuite supprimer tous les points de brouillon pour ce propriétaire et lien à Détail de l'itinéraire (envoyer l'enregistrement).
Ajout du coaching audio et des indications
Étape 42 : Implémenter les signaux audio
Adalo n'inclut pas de composant TTS propriétaire. Ajouter TTS via un composant Marketplace tiers, un service externe ou l'API Web Speech (web). Vous pouvez également pré-enregistrer des signaux audio pour les jalons/cadence/fin et les déclencher en fonction de changements de distance/temps/cadence. Fournir Paramètres audio (activé, fréquence, volume).
Implémentation des fonctionnalités de confidentialité et de sécurité
Étape 43 : Créer les paramètres de confidentialité
Confidentialité des publications par défaut, visibilité du profil, bascules de partage d'activité (partage automatique des courses; afficher la localisation en temps réel aux amis; autoriser l'enregistrement d'itinéraires), Confidentialité des localisation (flouter le début/fin), liste des utilisateurs bloqués.
Considérations en matière de confidentialité
Étape 44 : Créer des fonctionnalités de sécurité
Contact d'urgence; bascule optionnelle (partager la localisation pendant les courses lorsque l'application est ouverte); « Courir avec d'autres » (course de groupe virtuelle avec localisations autorisées). Beacon Création des paramètres et préférences
Étape 45 : Créer l'écran des paramètres
Sections pour
Préférences de l'application Compte, (unités, entraîneur audio, thème), Confidentialité et sécurité Données et stockage, (exporter les courses), Actions du compte Assistance, Étape 46 : Créer les paramètres de notifications.
Bascules pour les notifications d'activité, de défis, de réalisations, sociales et de motivation.
Étape 47 : Créer les données de test
Tester votre application
Ensemencer plusieurs utilisateurs, diverses courses/itinéraires, amitiés et défis.
Étape 48 : Tester les flux utilisateur principaux
Intégration → enregistrement de course (démarrer/pause/reprendre/terminer) → interactions sociales → réalisations → contrôles de confidentialité.
Étape 49 : Tester sur plusieurs appareils
Utilisez les applications d'aperçu Adalo sur iOS/Android; tester le comportement GPS
avec l'application ouverte , les notifications, le mode hors ligne et la réactivité web. Le suivi en arrière-plan/continu est limité par rapport aux compilations natives personnalisées., notifications, hors ligne, et réactivité web. Le suivi en arrière-plan/continu est limité par rapport aux builds natifs personnalisés.
Étape 50 : Test de performance
Ensembles de données plus volumineux (100+ exécutions, 50+ amis), temps de chargement, rendu des cartes, filtrage des listes, longues exécutions, mauvais GPS, chutes de réseau. Optimisez les listes, les images et les requêtes. Utilisez X-Ray pour identifier les problèmes de performance avant qu'ils n'affectent les utilisateurs—cela met en évidence les goulots d'étranglement dans vos requêtes de base de données et configurations de composants.
Préparation du lancement
Étape 51 : Configurer les intégrations de production
API Google Maps : basculer vers la clé de production, définir des quotas/alertes, activer uniquement les API que vous utilisez (Maps JS requis pour le web ; Geocoding/Distance Matrix optionnel).
Analyses : suivre les inscriptions, exécutions, réalisations, interactions sociales.
Notifications push : configurer iOS/Android et tester la livraison.
Étape 52 : Créer les ressources de l'App Store
App Store iOS :
- Fournir les 6,7 pouces (par exemple, 1290 × 2796) et 5,5 pouces (1242 × 2208) captures d'écran ; ajouter iPad si applicable
- Icône d'application (1024 × 1024), vidéos d'aperçu optionnelles, description/mots-clés, URL de politique de confidentialité, URL de support
- Toujours vérifier les spécifications actuelles d'Apple avant la soumission
Google Play :
- PNG/JPG entre 320 px et 3840 px, rapport d'aspect 1:2 à 2:1
- Fournir au moins 3 captures d'écran de téléphone; ajouter des captures d'écran de tablette si optimisé
- Graphique de mise en avant (1024 × 500), icône d'application (512 × 512), vidéo de promotion (optionnelle), descriptions, classification du contenu
Étape 53 : Préparer les exigences légales
Politique de confidentialité (utilisation des données, GPS, tiers), Conditions de service, liens dans Paramètres/inscription/pied de page web.
Étape 54 : Publication sur les App Stores
- iOS : Apple Developer ($99/an). Dans Adalo, Publier → iOS, remplir les informations, charger les certificats, générer et soumettre via App Store Connect.
- Android : Google Play Developer ($25 à usage unique). Dans Adalo, Publier → Android, générer l'AAB et charger via Play Console.
- Web : Publier → Application Web, choisir un domaine ou un domaine personnalisé (plan payant), DNS + SSL.
Les délais d'examen varient; prévoyez plusieurs jours et des itérations potentielles.
Vue d'ensemble de la publication
Optimisation post-lancement
Étape 55 : Surveiller les métriques clés
Acquisition (inscriptions, achèvement de l'intégration), engagement (DAU/MAU, exécutions par semaine), rétention (D1/D7/D30), social (connexions, messages, engagement), technique (blocages, problèmes GPS, temps de chargement, utilisation de l'API).
Étape 56 : Recueillir les commentaires des utilisateurs
Formulaires intégrés, avis de magasin, examen des analyses, entretiens avec les utilisateurs.
Étape 57 : Itérer et améliorer
Performance (requêtes, images, pagination), fonctionnalités (plans d'entraînement, FC, musique, météo, intervalles), social (défis de groupe, courses virtuelles, clubs, messagerie), personnalisation (tableau de bord, objectifs, conseils de coaching). Utilisez Magic Add pour décrire les nouvelles fonctionnalités que vous souhaitez—cela génère automatiquement les modifications de base de données, les écrans et la logique.
Limitations de plateforme et solutions de contournement
Limites GPS et arrière-plan
- Adalo peut capturer la localisation actuelle de l'appareil et enregistrer des points sur un minuteur tandis que l'application est ouverte.
- GPS continu/arrière-plan lorsque l'application est fermée ou l'écran est verrouillé est limité; définissez les attentes en conséquence et tenez les utilisateurs informés.
Cartes et itinéraires
- Utilisez le Cartes composant pour visualiser les itinéraires à partir de coordonnées enregistrées.
- La navigation au tour par tour, les cartes hors ligne ou l'acheminement automatique nécessitent un service externe appelé via Actions Personnalisées.
Réseaux sociaux en temps réel et présence en direct
- Il n'y a pas de sockets natifs pour les flux en direct. Pour la présence « en cours d'exécution » ou les classements en direct, utilisez interrogation basée sur un minuteur ou connectez un backend en temps réel externe via Actions Personnalisées/Collections externes.
Performance à l'échelle
- Gardez les listes épurées, activez le chargement progressif et évitez les listes imbriquées.
- Pour les grands ensembles de données (nombreuses courses, publications ou amis), déplacez les données vers Collections externes et suivez Optimiser les performances conseils.
- L'infrastructure modulaire d'Adalo 3.0 (lancée fin 2025) est 3 à 4 fois plus vite que les versions précédentes et s'adapte aux besoins de votre application—aucune limite arbitraire d'enregistrements sur les plans payants.
Notifications
- Les notifications push fonctionnent pour les utilisateurs installés et connectés qui ont accordé les permissions.
- Créez des déclencheurs pour les nouvelles courses, commentaires, défis et rappels de séries.
Répartition des coûts et ressources
Abonnement Adalo
- Les forfaits commencent à 36 $/mois avec une utilisation illimitée et la publication sur les app stores—aucuns frais basés sur l'utilisation ni factures surprises.
- Vérifiez les fonctionnalités et limites du plan actuel sur la page la tarification en direct.
App Stores
- Apple Developer : 99 $/an.
- Google Play Developer : 25 $ une seule fois.
Utilisation des cartes
- Google Maps Platform inclut un crédit gratuit de 250 $/mois; de nombreuses petites applications restent dans la couche gratuite. Les coûts réels dépendent de l'utilisation.
Monétisation facultative (paiements/abonnements)
- Ajoutez des paiements ou des abonnements avec les Stripe composants d'Adalo. Les tarifs varient selon le pays et le mode de paiement (gérez le statut via les webhooks Stripe/automations).
Maintenance continue
- De nombreuses équipes budgétisent ~15–25 % annuellement d'effort initial pour la maintenance, les mises à jour et l'assistance.
Ressources supplémentaires
- Base de données Adalo — collections, propriétés, relations
- Collections externes — connecter les API externes
- Actions Personnalisées — appeler les points de terminaison tiers
- Optimiser les performances — listes, images, stratégie de données
- Configuration des cartes — composant et clé API
- Notifications push — déclencheurs et exigences
- Marché des composants — graphiques, audio, partage, etc.
- Vue d'ensemble de la publication — iOS/Android/Web
- Tarifs — détails du plan
Remarque : Cette version de style Nike Run Club couvre Journalisation GPS des courses (pendant que l'application est ouverte), historique des entraînements, réalisations/défis, et partage social avec les composants natifs d'Adalo plus des intégrations API légères. Pour des fonctionnalités de qualité production comme suivi en arrière-plan, navigation au tour par tour, ou présence en direct, connectez les services externes via Actions personnalisées/Collections externes, gardez les listes épurées, et effectuez des tests de performance sur de vrais appareils avant de publier.
FAQ
Pourquoi choisir Adalo plutôt que d'autres solutions de création d'applications ?
Adalo est un générateur d'applications alimenté par l'IA qui crée de véritables applications iOS et Android natives. Contrairement aux wrappers web, il compile en code natif et publie directement sur l'Apple App Store et le Google Play Store à partir d'une seule base de code, la partie la plus difficile du lancement d'une application étant gérée automatiquement. Les plans payants incluent des enregistrements de base de données illimités et aucun frais basé sur l'utilisation.
Quel est le moyen le plus rapide de créer et de publier une application sur l'App Store ?
L'interface glisser-déposer d'Adalo et la création assistée par l'IA vous permettent de passer de l'idée à l'application publiée en jours plutôt qu'en mois. Magic Start génère des fondations d'applications complètes à partir de descriptions, et Adalo gère le processus complexe de soumission à l'App Store afin que vous puissiez vous concentrer sur les fonctionnalités et l'expérience utilisateur.
Puis-je créer une application de suivi de remise en forme avec GPS et fonctionnalités sociales sans codage ?
Oui. Adalo inclut des composants de place de marché pour les cartes, les minuteurs et les graphiques, ainsi que des services de localisation natifs qui capturent les données GPS pendant que l'application est ouverte. Vous pouvez créer la journalisation des entraînements, les badges de réussite, les flux sociaux et les défis communautaires entièrement via le constructeur visuel.
Adalo prend-il en charge les notifications push pour les fonctionnalités d'application de remise en forme ?
Oui, Adalo prend entièrement en charge les notifications push pour les applications natives iOS et Android. Vous pouvez créer des déclencheurs pour les complétions de course, les mises à jour de défi, les rappels de série, les déverrouillages d'accomplissement et les interactions sociales pour maintenir les utilisateurs engagés.
Quelles sont les limitations du suivi GPS dans Adalo ?
Adalo capture l'emplacement actuel de l'appareil et enregistre les points GPS sur un minuteur pendant que l'application est ouverte, ce qui fonctionne bien pour le suivi des courses. Le suivi GPS continu en arrière-plan lorsque l'application est fermée ou que l'écran est verrouillé est limité par rapport aux versions natives personnalisées. Pour le suivi d'arrière-plan de qualité production, connectez les services externes via Actions personnalisées.
Combien coûte la création et la publication d'une application de fitness avec Adalo ?
Les plans Adalo commencent à 36 $/mois avec une utilisation illimitée et la publication sur l'app store. Ajoutez Apple Developer Program (99 $/an) et Google Play Developer (25 $ une seule fois). Google Maps Platform inclut un crédit gratuit mensuel de 250 $ qui couvre de nombreuses petites applications. Aucuns frais surprises basés sur l'utilisation.
Puis-je ajouter des fonctionnalités de gamification comme des accomplissements et des défis ?
Oui. Créez des collections de base de données pour les accomplissements et les défis, des actions personnalisées pour vérifier les jalons lorsque les courses sont enregistrées, et des fonctionnalités sociales pour partager les accomplissements. Créez des jalons de distance, des récompenses de série, des accomplissements de vitesse et des défis communautaires avec des classements, le tout sans code.
Combien de temps faut-il pour créer une application de suivi de fitness ?
Avec Magic Start générant la base de votre application et le constructeur visuel gérant les écrans et la logique, vous pouvez avoir un prototype fonctionnel en quelques jours. Une application complète avec suivi GPS, fonctionnalités sociales et accomplissements prend généralement 2 à 4 semaines selon la complexité et les tests.
Ai-je besoin d'une expérience en codage pour créer cette application ?
Aucun codage requis. Le constructeur visuel d'Adalo utilise des composants glisser-déposer, et Magic Add vous permet de décrire les fonctionnalités en langage naturel pour générer automatiquement les modifications de base de données et les écrans. La plateforme gère la complexité technique.
Mon application de fitness peut-elle évoluer vers des milliers d'utilisateurs ?
Oui. L'infrastructure modulaire d'Adalo 3.0 (lancée fin 2025) est 3 à 4 fois plus rapide que les versions précédentes et évolue pour servir les applications avec des millions d'utilisateurs actifs mensuels. Les plans payants n'ont pas de limite d'enregistrements de base de données, donc votre application ne heurtera pas de limites de stockage à mesure que votre base d'utilisateurs se développe.
Créez votre application rapidement avec l'un de nos modèles d'application prédéfinis
Commencez à créer sans code