Aller au contenu
Guide7 min de lecture

Vidéo de relecture guidée pour une application Replit

Prouvez que la version fonctionne avant que quelqu'un doive cliquer dessus lui-même.

Donnez à un relecteur le seul parcours qui prouve qu'une version Replit fait ce qui était demandé, plutôt qu'un lien qu'il n'ouvrira peut-être jamais.

Voir comment ça marcheLes 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour la télécharger.

Une demande de relecture sur une version Replit commence en général par une question précise : est-ce que la chose demandée fonctionne réellement. Un relecteur, qu'il s'agisse d'un responsable, d'un client ou d'un coéquipier chargé d'une passation, veut rarement une visite complète de l'application. Il veut voir le parcours précis qu'il a demandé, terminé, avec un résultat qu'il peut comparer à sa demande. Une vidéo de présentation guidée construite pour cet usage doit répondre à cette seule question, puis s'arrêter.

C'est un exercice différent d'une démo construite pour vendre l'application ou la mettre en valeur. Une relecture guidée ressemble davantage à une preuve qu'à du marketing. Elle doit correspondre précisément à la demande, montrer le repl réellement en cours d'exécution plutôt qu'une version simulée, et éviter de laisser entendre que toute l'application est terminée alors qu'un seul parcours a été relu. La structure de Replit, où le code et le webview en cours d'exécution se trouvent côte à côte, facilite cette préparation, à condition que le repl soit public et actif avant qu'un rendu ne soit demandé.

Cette distinction compte parce qu'une relecture qui va trop loin peut coûter plus de confiance qu'une relecture qui sous-estime le travail. Si un développeur envoie une présentation guidée qui inclut discrètement un écran sans rapport à côté du parcours demandé, un relecteur attentif peut commencer à se demander ce qui a encore été passé sous silence. Une présentation guidée qui s'en tient exactement à ce qui a été demandé, même si cela donne une vidéo plus courte que ce que le développeur préférerait envoyer, apparaît comme plus crédible précisément parce qu'elle ne cherche pas à faire plus que ce qu'elle peut prouver.

Qu'a exactement demandé le relecteur ?

Commencez par noter la demande avec les propres mots du relecteur, et non un résumé de ce que vous pensez qu'elle signifie. Si un responsable a demandé « peux-tu me montrer que le parcours d'inscription envoie bien un e-mail de confirmation », la présentation guidée doit montrer une inscription qui se termine et la confirmation qui apparaît, et non une visite de la page des paramètres du compte ni une explication de la façon dont l'e-mail est envoyé. Le dérapage du périmètre dans une vidéo de relecture vient en général d'un développeur qui veut montrer plus de travail que ce qui a réellement été demandé.

Type de demandeCe que la présentation guidée doit montrerCe qu'elle doit éviter
Une correction de bug préciseLes étapes exactes qui échouaient auparavant, désormais menées à termeLes parties sans rapport de l'application
Une nouvelle fonctionnalitéLa fonctionnalité depuis son point de départ jusqu'à son résultatUne visite des fonctionnalités existantes
Un point d'étape généralLe parcours le plus représentatif du travail récentChaque changement effectué depuis la dernière relecture

Pourquoi le repl a-t-il besoin d'une vérification avant l'enregistrement ?

Un repl qui n'a pas reçu de trafic récent devient inactif, et la première requête qui suit doit le réveiller avant que le webview n'affiche quoi que ce soit. Si un rendu est demandé alors que le repl est froid, l'enregistrement peut s'ouvrir sur un état de chargement plutôt que sur le parcours à relire, et un relecteur qui regarde cela en conclura raisonnablement que la version n'est pas prête.

Ouvrez vous-même le repl avant de demander quoi que ce soit. Parcourez une fois à la main le parcours exact. Confirmez qu'il se termine sans erreur, sans indicateur de chargement bloqué, ni redirection inattendue. Cette seule vérification permet d'éviter la plupart des problèmes qui, sinon, apparaîtraient pour la première fois devant la personne chargée de la relecture, ce qui est le pire moment possible pour les découvrir.

Traitez cette vérification de réveil comme une étape fixe, et non facultative, même quand le repl fonctionnait bien une heure plus tôt. Le rythme d'inactivité dépend d'un trafic que le développeur ne voit pas toujours, et un repl qui était actif pendant le développement peut redevenir silencieux dans l'intervalle entre la fin du travail et son envoi pour relecture. Une minute passée à confirmer que le parcours se termine toujours coûte bien moins cher qu'un relecteur qui se forge la mauvaise impression à partir d'un écran figé.

Comment l'enregistrement doit-il correspondre au parcours ?

Enregistrez uniquement ce qui a été demandé. Si le relecteur veut voir trois étapes menées à terme, la présentation guidée doit commencer sur l'écran de la première étape et se terminer sur le résultat visible de la troisième, sans rien ajouter avant ni après.

  1. Notez le parcours exact demandé par le relecteur, avec ses propres mots.
  2. Ouvrez vous-même le repl en premier et confirmez que le parcours se termine sans erreur.
  3. Enregistrez uniquement le parcours demandé, depuis son écran de départ jusqu'à son résultat visible.

GogoScreen prend l'URL d'une application web et une indication d'une ligne décrivant ce parcours, puis renvoie un fichier MP4 narré et monté, avec sous-titres, lissage du curseur, zooms sur les clics et suppression des temps morts. Si le parcours se trouve derrière une connexion, un compte de démonstration peut être fourni pour ce seul rendu ; les identifiants sont chiffrés, utilisés pour un seul rendu, puis supprimés. Si un storyboard est planifié en premier, les identifiants restent chiffrés pendant cette session et sont supprimés au plus tard deux heures après leur dernière utilisation. Environ un rendu sur cinq échoue ou nécessite une nouvelle tentative, donc il vaut la peine de prévoir la demande de rendu avec de la marge avant la relecture.

En quoi cela diffère-t-il d'une présentation guidée de relecture Bolt ?

Une relecture Replit bénéficie du webview toujours visible et de l'URL propre au repl, qui reste stable, que le projet vienne d'être modifié ou tourne depuis des semaines. Un projet Bolt se comporte différemment : l'aperçu de travail vit souvent dans une session sandboxée dans le navigateur jusqu'à ce qu'une étape de déploiement explicite le publie quelque part de stable, ce qui change ce que désigne réellement « l'application en cours d'exécution ». Le guide de la vidéo de page de destination Bolt, le guide de la vidéo de lancement Product Hunt Bolt et le guide du partage d'un projet Bolt avec un client couvrent cette configuration pour leurs propres moments, et le guide de la démo portfolio Bolt ainsi que le guide de la présentation guidée de relecture Bolt traitent les mêmes questions de relecture et de portfolio pour une version Bolt en particulier.

Pour une correction générée par une IA plutôt qu'écrite à la main, le guide de la vidéo de reproduction de bug par un agent IA couvre la preuve qu'un défaut précis ne se reproduit plus, et le guide de la vidéo de démo SaaS d'un agent IA couvre une histoire produit plus large construite par un agent. Si la présentation guidée doit vivre à l'intérieur du produit lui-même plutôt que comme un fichier autonome, le guide pour intégrer une vidéo de démo produit explique ce placement.

Que faire si le relecteur a besoin de plus de contexte qu'une vidéo ne peut en donner ?

Une vidéo montre le résultat d'un parcours, pas le raisonnement derrière sa construction. Si le relecteur doit aussi inspecter le code ou confirmer que la route sous-jacente est accessible, associez la présentation guidée au lien du repl lui-même plutôt que de le remplacer. Le guide de la vidéo de démo logicielle à partir d'une URL couvre en termes plus généraux ce qui rend une route prête pour ce type de capture, et le guide du GIF de démo README est utile quand la relecture doit vivre à côté du code plutôt que comme un fichier séparé envoyé sur une messagerie.

  • Envoyez la vidéo de présentation guidée pour un oui ou un non rapide sur le fonctionnement du parcours.
  • Envoyez séparément le lien du repl si le relecteur veut inspecter le code.
  • Gardez les deux usages distincts plutôt que de demander à un seul actif de remplir les deux rôles.

Mélanger les deux dans un seul message tend à ralentir la relecture plutôt qu'à l'accélérer. Un relecteur qui reçoit à la fois une vidéo et un lien peut ne pas savoir lequel ouvrir en premier, et un relecteur pressé par le temps est plus susceptible d'ignorer les deux que d'ouvrir l'un des deux attentivement. Envoyer d'abord la vidéo, avec le lien disponible si des questions se posent, garde le chemin rapide sans retirer la possibilité d'aller plus loin.

Pour une comparaison d'outils construits pour ce type de capture de relecture, voir GogoScreen contre Clueso. Consultez les tarifs, parcourez le reste des guides et des comparaisons, ou partez de la page d'accueil de GogoScreen pour essayer le flux de travail avec l'URL et l'indication sur votre propre repl.

Précisions

Avant de commencer

Que doit prouver une présentation guidée de relecture Replit ?

Elle doit prouver qu'un parcours précis demandé par le relecteur fonctionne réellement, depuis l'écran de départ jusqu'au résultat visible, et non proposer une visite générale de toute l'application.

Le relecteur ne devrait-il pas plutôt recevoir un lien vers le repl ?

Un lien vers le repl est utile pour un relecteur qui veut inspecter le code, mais il ne garantit pas que l'application en cours d'exécution est active ni que le relecteur trouvera le bon écran. Une courte vidéo élimine ces deux problèmes.

Que se passe-t-il si le repl était inactif au moment de la demande ?

Le relecteur voit un état de chargement à la place du parcours terminé, ce qui peut se lire comme une version qui ne fonctionne pas. Ouvrir le repl avant l'enregistrement évite entièrement ce problème.

Collez une URL, décrivez un parcours et obtenez une vidéo de démonstration de votre application web.

Les 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour télécharger la vidéo.