Glide : Le guide complet
12 min read

Glide : Le guide complet

Glide est magique. À partir d'un Google Sheet, l'outil fait une application mobile en quelques secondes. Vous devez ensuite faire le reste, voyons comment.
Glide : Le guide complet

Ceci est le guide ultime de Glide.

Dans ce guide, vous apprendrez tout ce qu'il faut savoir à propos de cet outil no code de création d'application mobile, incluant :

  • Fonctionnalités importantes
  • Conseils avancés
  • Démonstration de vrais applications
  • Comparaison avec d'autres outils d'apps (comme Adalo)
  • Plus encore

Le premier outil que j'ai testé pour créer une application mobile, c'était Glide. C'était vraiment de la magie. Je me suis toujours imaginer des idées d'apps au fil des années et là, enfin il était possible de la rendre en vie.

Si vous voulez retirer le maximum de Glide, ce guide est pour vous.

En résumé

Pour ✅

  • Application gratuite jusqu'à 500 lignes
  • Communauté active
  • Intégration avec Zapier et Stripe
  • Modèles gratuits pour commencer facilement

Contre ❌

  • Pas de drag-and-drop ce qui limite le contrôle des éléments
  • La base de donnée est limité à Google Sheet seulement
  • Il manque de leçons guidées qui prend le créateur par la main
  • La vue bureau qui veut imiter une web app est très limité

Pour qui 🤓

Glide est principalement utilisé pour :

  • Tester rapidement une idée d'affaires (un produit minimum viable)
  • Des besoins personnels tels que le budget, le voyage, une to-do, etc.
  • Créer une application à l'interne de votre organisation au travail comme une liste d'employés par exemple
  • Une communauté

C'est quoi Glide?

Glide est un outil no code qui permet de transformer votre Google Sheet en une application mobile. Cette application se partage facilement à l'aide d'un lien URL.

Au départ, vous pouvez choisir un modèle ou à partir de votre Google Sheet. Dans les deux cas, Glide créé automatiquement l'app par défaut. L'interface d'édition vous permet ensuite d'interagir avec les éléments.

Il n'y a pas de drag-and-drop comme Adalo alors cela limite le contrôle sur le visuel de l'app, mais personnellement, j'aime bien le design de Glide.

Chaque semaine, l'équipe ajoute de nouvelles fonctionnalités les plus épatantes les unes que les autres (merci à leur shipping culture).

Un onglet dans Google Sheet devient un onglet (ou une page) dans Glide. Une colonne dans Google Sheet correspond à un élément dans Glide. Vous avez le contrôle sur la façon de disposer les éléments par exemple avec une carte géographique, une liste, un calendrier, etc.

Les utilisateurs peuvent interagir avec votre application. Comme Instagram, vous pouvez faire en sorte que chaque utilisateur ait sa propre application avec ses données personnelles, y compris un profile.

L'application que vous créé avec Glide est une progressive web app (PWA). Pour l'utilisateur, cela ressemble à tout point à une application native sur l'App Store et Google Play, mais la PWA se partage avec un lien URL, disponible sur iOS et Android.

Enfin, il y a une bonne documentation rempli de tutoriels et la communauté est toujours là pour t'aider (je n'ai jamais vu un forum aussi actif 💪).

Commencer avec Glide

Pour créer une application mobile avec Glide, voici un bref aperçu des étapes clés.

Étape 1: Créer un compte

Vous devez connecter votre compte Google, soit un compte personnel Gmail ou un compte professionnel Gsuite. La raison est que Glide connecte avec votre Google Sheet.

Étape 2: Créer le Google Sheet

Pour votre première app, je conseille de choisir un modèle afin de bien comprendre.

Je vais créer une app pour prendre en exemple dans cet article. Copiez l'application en vous rendant ici.

Il y a un onglet pour les articles, auteurs et la section à propos. Chaque colonne correspond à une propriété que vous pouvez stylisé à votre guise.

Étape 3: Créer et modifier l'application dans Glide

Glide crée automatiquement une app par défaut afin de vous donner un point de départ. C'est toujours différent.

Étape 4: Partager votre application mobile

Une fois le design de votre app terminé, vous choisissez votre sous-domaine (.glideapp.io) et voilà.

Voici mon app réalisé en quelques minutes seulement.

Tarification de Glide

Glide a une tarification qui s'accommode à tous les besoins, bien que ça peut sembler compliqué à comprendre au départ.

Individual apps

Ces plans s'appliquent à ceux et celles qui veulent gérer leurs applications seul-es.

👇 Personal Basic Pro Private
Prix (payable anuellement) Gratuit $9/mois $24/mois $1,50/utilisateur actif/mois
Prix (payable mensuellement) Gratuit $12/mois $32/mois $2/utilisateur actif/mois
Nombre de lignes 500 5000 25 000 25 000
Stockage de fichiers 100MB 2GB 10GB 10GB
Frais de transaction 10% 5% 2% 2%
Device Mobile seulement Mobile seulement Mobile, Tablet et Web Mobile, Tablet et Web
Domaine glideapp.io glideapp.io Votre domaine Votre domaine
Branding Glide Glide Votre branding Votre branding
Google Sheet reloads 1000 5000 Illimité Illimité
Lieux sur la carte 10 50 1000 1000
Signatures 10 50 Illimité Illimité
Actions Zapier 100 500 Illimité Illimité
Nombre d'utilisateurs Illimité Illimité Illimité Minimum 20

Personal : La grosse particularité du plan gratuit est qu'il permet de créer jusqu'à 500 lignes dans votre Google Sheet et d'atteindre 100 MB de stockage de fichiers et d'images. J'ai testé une vingtaine d'apps avec le temps et je peux vous dire que c'est suffisant pour créer des apps personnels et pour tester un MVP.

Par contre, pour l'utiliser professionnellement, le bémol est que vous devez consentir à partager aux utilisateurs que cet app est "réalisé avec glideapps.com à partir d'une Google Sheet". Même que Glide ajoute un pop-up pour indiquer la marque. À mon avis, c'est de trop, mais je les comprends...

Basic : Le plan basic est à $9US/mois (payable annuellement) ou $12US/mois (payable mensuellement). Cela vous donne droit jusqu'à 5000 lignes et 2GB de stockage de fichiers et d'images. Le gros bémol est que la marque Glide est toujours là.‍

Pro : Le plan pro est à $24US/mois (payable annuellement) ou $32US/mois (payable mensuellement). Cela vous donne droit jusqu'à 25 000 lignes et 10GB de stockage de fichiers et d'images. Et enfin Glide n'affiche plus sa marque dans le domaine et nul part ailleurs.

Private : Le plan private est à $1,50US/utilisateur actif/mois (payable annuellement) ou $2US/utilisateur actif/mois (payable mensuellement). Vous avez toutes les fonctionnalités de Pro et vous devez avoir au moins 20 utilisateurs.

Business apps

Une application entreprise sert pour les organisations qui font des apps pour leurs employés ou clients.

👇 Small Medium Large
Prix (payable mensuellement) $6/mois $12/mois $24/mois
Applications (Pro ou Private) 4 8 12
Utilisateurs publics (si app Pro) 5000 15 000 50 000
Contributeurs Illimité Illimité Illimité
Utilisateurs minimum (si app Private, donc vos employés) 10 20 40

Small : Le coût est de $6US/mois (payable mensuellement). Vous avez droit à 4 applications Pro ou Private, 5000 utilisateurs pour l'app Pro, vous pouvez ajouter le nombre de collaborateurs pour créer les apps et le nombre d'utilisateurs (employés) minimum est de 10.

Medium : Le coût est de $12US/mois (payable mensuellement). Vous avez droit à 8 applications Pro ou Private, 15 000 utilisateurs pour l'app Pro, vous pouvez ajouter le nombre de collaborateurs pour créer les apps et le nombre d'utilisateurs (employés) minimum est de 20.

Large : Le coût est de $24US/mois (payable mensuellement). Vous avez droit à 12 applications Pro ou Private, 50 000 utilisateurs pour l'app Pro, vous pouvez ajouter le nombre de collaborateurs pour créer les apps et le nombre d'utilisateurs (employés) minimum est de 40.

Glide vs Adalo

Je vais bientôt faire un article plus en profondeur sur la comparaison.

Rapidement, je veux spécifier que je préfère Glide. La raison la plus importante est que j'ai pas à me préoccuper du design. Ça me permet de focuser sur l'essentiel, les fonctionnalités pour répondre aux besoins des utilisateurs.

En attendant la revue détaillée, voici un aperçu des différences entre les deux outils.

👇 Glide Adalo
Prix annuel (commence à) $9/mois $50/mois
Nombre de lignes (version gratuite) 500 50
App Progressive Web App (PWA) PWA & Native
Interaction CRUD Drag & Drop
Courbe d'apprentissage Bas Moyen
E-commerce Oui Oui
Intégration Zapier Oui Oui

En terme de fonctionnalités, les deux outils sont assez comparables.

La terminologie de Glide

Bien que Glide soit facile pour les débutants, il faut se creuser un peu la tête lorsqu'on veut faire des trucs plus complexes.

Alors, même si vous voulez créer l'application la plus simple au monde, il faut quand même connaitre la base de la terminologie de l'outil Glide.

Record ou List item : Une ligne dans un tableau qui apparaît comme un élément unique dans une liste. Par exemple, la liste ci-dessous présente deux éléments de liste.

Spreadsheet : Aussi appelé Spreadsheet Document ou Google Sheet, c'est le document initial qui contient la base de donnée. Il contient tous les sheets.

Sheet : Aussi appelé Tab ou Table, une Sheet est une "page" dans un Google Sheet.

Screen : Il y a plusieurs types d'écrans, tels que :

  • List screens est une type de liste montrant des éléments dans une mise en page que vous choisissez.
  • Details screens est une des composantes qui permet de montrer toutes les données dans une colonne de votre sheet.
  • Form screen est la vue d'un formulaire.
  • Add screens permet aux utilisateurs d'ajouter quelque chose.
  • Edit screens permet aux utilisateurs de modifier quelque chose.

Un Spreadsheet en ordre

Il y a une certaine structure à garder lorsqu'il vient le temps de créer sa base de donnée avec Google Sheet.

Structure d'un spreadsheet avec Glide
Structure d'un spreadsheet

Dans cet exemple, chaque employé est une ligne où on y voit toutes leurs données.

Chaque colonne est un objet pour Glide. Et dans l'app, par exemple pour le premier employé Marie Rao, Glide détecte son titre, numéro de téléphone, email, etc.

La première ligne, celle encadrée en rouge dans l'image ci-haut, détermine ce que les données veulent dire. Pour Glide, chaque donnée est une composante (que nous verrons bientôt).

Si la ligne n'a pas de donnée, par exemple Marie Rao n'a pas de manager car elle est la CEO, il n'y a pas de problème de laisser la case vide. Par contre, ne laissez pas de colonne entièrement vide.

Publier, partager et installer

Par défaut, toutes les applications Glide sont en mode Brouillon. Pour la rendre public, il suffit de cliquer sur Share App et ensuite sur Publish App.

Avant de la partager, je vous conseille de modifier l'URL par défaut. Pour les apps Pro, vous pouvez lier votre domaine acheté par exemple chez Namecheap. Pour la partager, cliquez sur Share App (si ce n'est pas déjà fait, publiez la en cliquant sur Publish App) et ensuite modifier le lien URL.

Pour permettre aux gens de copier votre app, il faut cocher la case qui permet cette fonctionnalité. Une fois sur la page sur l'ordinateur (pas sur mobile), on peut voir Copy App au lieu de Share App.

Pour installer l'app sur votre iPhone et Android, il suffit de cliquer sur Ajouter sur l'écran d'accueil.

Installer une app Glide sur iOS
Installer une app sur iOS
Installer une app Glide sur Android
Installer une app sur Android

Images

Les images doivent être des lien URL et être hébergé à quelque part. Si c'est à l'extérieur, cela peut-être dans votre Google Drive (assurez-vous de permettre que Anyone with the link can view) ou un site tel que Unsplash.

Si par exemple, chaque employé avait plusieurs photos, il suffit d'indiquer Photo 1, Photo 2, Photo 3, etc. Il est important de respecter la structure suivante : "mot" avec un espace "1", "2", "3", etc.

Regroupement des données d'un Spreadsheet avec Glide
Regroupement des données

Glide regroupera les 3 colonnes en 1 colonne, ce qui rend Glide un peu plus magique que Google Sheet. Glide nomme cette colonne une Array Column. D'ailleurs, leur objectif est de devenir indépendant de Google Sheet et d'utiliser uniquement Glide Tables.

Glide Table
Glide Table

Il sera alors possible d'utiliser le Carousel.

Comme toutes les composantes de Glide, les images peuvent avoir plusieurs mises en page. Je vous laisse les découvrir, l'interface est assez simple à comprendre.

Relations

Les relations sont très utiles et je suis convaincu que vous les utiliserez sur toutes vos apps. Il est donc important de bien comprendre comment les utiliser et ce qu'il est possible de faire.

Prenons par exemple mon app de blog. Chaque article est écrit par un auteur. Les articles sont dans un sheet et les auteurs sont dans un autre sheet.

Pour pouvoir voir les articles écrit par chaque auteur, il faut créer une nouvelle colonne Relations dans Glide.

Pour ce faire, vous devez choisir les deux colonnes dans chaque sheet qui ont les auteurs. Alors, Glide saura par exemple que l'article Glide : Le guide complet est écrit par Non codeur. S'il y a plusieurs articles par auteurs, vous pouvez cocher Match multiple.

Glide Relations
Relations

Pensez à n'importe quelle app, les relations sont partout. Par exemple, cette Glide app qui copie les fonctionnalités de base d'Instagram où chaque utilisateur a ses photos.

Données uniques à l'utilisateur

Si vous créé une app seulement pour vous, par exemple pour votre budget, vous n'avez pas besoin de données uniques. Mais si vous voulez que plusieurs personnes utilisent l'app et que chaque utilisateur ait leur données à eux, il faut savoir quoi faire.

Peu importe la fonction que nous verrons plus bas, vous pouvez prévisualiser les données uniques en cliquant sur Preview as.

Prévisualisation des utilisateurs d'une app Glide
Prévisualisation des utilisateurs d'une app

Row Owners

Dans une app où vous avez des lignes qui correspondent chacun à un utilisateur, il serait préférable d'utiliser la fonction Make Row Owners.

Dans cet exemple, on permet de montrer seulement les candidats pour chaque interviewer. En fin de compte, c'est une manière de filtrer les données uniques à un type d'utilisateur.

Glide Row Owners
Row Owners

User-specific columns

Pour avoir cette fonction, vous devez utiliser une app Sign in with email et la Row ID column.

Cette fonction permet à chaque utilisateur d'avoir une donnée unique dans "sa" ligne. Par exemple, vous pouvez prendre des notes personnelles sur un lieu. Toutes les informations du lieu sont visibles par tout le monde, mais chaque note est unique à chaque utilisateur.

Glide User specific columns
User specific columns

Conditions

Cette fonction est utile pour cacher toute sorte de composantes à certains utilisateurs précis. Par exemple, vous pouvez faire une séquence d'onboarding de votre app où vous voulez que l'utilisateur voit seulement un écran et rien d'autre. Les autres écrans seront visibles une fois qu'une condition sera atteinte, soit celle de la séquence d'onboarding terminée.

Presque tout ce qui se retrouve dans Glide peut être visible et invisible selon les conditions que vous choisissez. Voici un exemple d'app (vous pouvez copier pour voir l'admin) réalisé par Glide qui montre certaines données en fonction de vos réponses aux formulaires.

Exemple d'app Glide avec des conditions
Exemple d'app Glide avec des conditions

Cela m'amène à parler des formulaires, une composante essentielle d'une app.

Formulaire

Le formulaire est une différente page qui s'ouvre lorsqu'un utilisateur clique sur un bouton.

Une chose que j'aime vraiment est que Glide permet de répertorier des données automatiquement sans que l'utilisateur ait à les rentrer dans le formulaire, comme par exemple son email et la date à laquelle il/elle complète le formulaire.

Exemple de formulaire dans une app Glide
Formulaire

Dans mon app de Callisthénie, je permet aux gens de rentrer leurs nombres de répétitions à chaque séance d'entrainement.

Bien que l'utilisateur voit le nombre de répétitions (3), il y a en réalité d'autres données récoltées dans le formulaire. Au-delà de la date et du courriel, il n'est pas nécessaire que l'utilisateur retape le nom de l'exercice car le formulaire se retrouve déjà dans la page de l'exercice. Pour tous les types de données, référez-vous à ce guide.

Exemple de données dans un formulaire d'une app Glide
Exemple de données dans un formulaire

Voilà, j'espère que vous avez aimé ce guide.

Comme Glide ajoute de nouvelles fonctionnalités chaque semaine ou presque, je compte mettre à jour ce guide sur une base régulière.

Et vous, êtes-vous fan de Glide aussi?