Glide - Applications Android & IOS

Guillaume LELEU

Mis en ligne le 10-06-2022 à 11:14

Langues disponibles

1 . Définition

2 . Créer votre première application

Pour commencer, une fois connecté, vous serez sur votre tableau de bord qui vous montrera toutes les applications que vous avez faite, dans notre cas il n’y en a pas et c’est d’ailleurs le moment de changer ça !

Cliquez sur « **New Project**» pour créer votre application.

![01 - Glide](https://coding-school.fr/images/users/16548533902950.png)

Vous allez devoir ensuite donner un nom à cette application puis cliquez sur « **Glide App** » et enfin « **Continue** »

![02 - Glide](https://coding-school.fr/images/users/16548534132950.png)

Si vous voulez importer des données vous pouvez. Vous avez une multitude de choix passant de Google Sheets à Excel, un fichier CSV, etc. Pour le tutoriel nous allons sélectionner « **Glide Tables** » puis cliquer sur « **Create App** »

![03 - Glide](https://coding-school.fr/images/users/16548534302950.png)

Votre application est maintenant créée, voici votre interface :

![04 - Glide](https://coding-school.fr/images/users/16548534442950.png)

Comme dit dans l’introduction, il y a déjà du design, c’est normal, Glide simplifie les choses et vous propose des templates déjà bien complètes.

Maintenant passons à l’importation d’un fichier Excel pour montrer la puissance de Glide. Pour cela vous allez devoir recréer une application.

Nous avons créé un fichier avec à l’intérieur des données :
* Nom
* Prénom
* Age

De 4 personnes

![05 - Glide](https://coding-school.fr/images/users/16548534602950.png)

Nous allons donc cliquer sur « **New Project** »

![06 - Glide](https://coding-school.fr/images/users/16548534742950.png)

Sélectionnez « **Glide App** »

![07 - Glide](https://coding-school.fr/images/users/16548534962950.png)

Cliquez maintenant sur « **Import a file from computer** »

![08 - Glide](https://coding-school.fr/images/users/16548535102950.png)

Sélectionnez votre fichier puis faites « **Ouvrir** »

![09 - Glide](https://coding-school.fr/images/users/16548535252950.png)

Le fichier va s’importer et une nouvelle page va s’ouvrir et vous verrez vos données dans l’application !

![10 - Glide](https://coding-school.fr/images/users/16548535402950.png)

Vous pouvez changer, sur la droite, le style d’affichage de ces données, exemple ici en affichage « **Card** »

![11 - Glide](https://coding-school.fr/images/users/16548535532950.png)

Glide reste assez restrictif, par exemple vous aurez toujours le menu de navigation sur la gauche qui donnera accès à une section « **à propos** » et « **déconnexion** »

![12 - Glide](https://coding-school.fr/images/users/16548535662950.png)

![13 - Glide](https://coding-school.fr/images/users/16548535802950.png)

La page « **à propos** » ne peut pas être modifié.

![14 - Glide](https://coding-school.fr/images/users/16548535962950.png)

Pour publier votre application, cliquez sur "**Publish**" en haut à droite puis scannez le QR Code !

Glide - Applications Android & IOS

1 . Définition

2 . Créer votre première application

Sommaire