View Static Version
Loading

Une app en 3 minutes Gratuitement et sans coder

Cette page s'adresse en priorité au milieu de l'éducation en général et aux enseignants d'EPS en particulier, mais l'outil permet des usages bien plus larges.

Créer une application n'a jamais été aussi simple : gratuitement, sans connaissance de programmation et en moins de temps qu'il n'en faut pour le dire. Grace à un service en ligne : glideapps.com ! Voici quelques propositions d'usages en EPS ainsi qu'un tutoriel complet, en seconde partie.

Aperçu du fonctionnement

L'application est créée à partir d'un fichier Google Sheet, à éditer en ligne, seul ou à plusieurs.

Puis, sur Glide App, on organise l'app en fonction du contenu de la feuille de calcul : à chaque onglet correspond une rubrique, à chaque colonne une entrée et l'organisation est simple comme bonjour.

Pourquoi une App en EPS ?

  • Pour faire sortir la leçon (d'EPS) du gymnase, du stade ou de la piscine : maximiser le temps de pratique au cours la séance en permettant la continuité numérique de cette dernière. C'est au coeur de notre réflexion sur un "gymnase inversé".
  • Pour impliquer les élèves dans la création de ressources : recueil collaboratif d'exercices d'échauffement, code d'acrosport...
  • Pour partager les réussites et les actions de (l'association sportive).
  • Pour communiquer autour d'un projet particulier : sortie pédagogique, évènement sportif...
  • Les usages sont sans limite : concevoir un jeu sérieux, organiser le projet EPS et le partager à la communauté éducative, créer un élément d'un escape game pédagogique, un recueil de règlements, présenter l'historique des records d'un établissement...

Ces possibilités ne sont évidemment pas exhaustives et le potentiel de détournement de cet outil à des fins pédagogiques est presque illimité. Vous trouverez ci-dessous des illustrations complètes avec des exemples d'applications ainsi que leur fichier Google Sheet d'appui.

Précautions d'usages

Comme tout acte de communication en milieu scolaire, la création d'une application implique certaines précautions en matière de droit à l'image, dans le cadre de la RGPD notamment. Attention donc à vous assurer de l'accord des responsables légaux de vos élèves si ils ou elles apparaissent dans vos créations.

Faire sortir la leçon d'EPS du gymnase

À certains moments et sous certaines conditions, il peut être intéressant de proposer à nos élèves un espace numérique sur lequel ils pourront trouver un relais de ce qui est abordé durant leurs séances d'EPS.

  • Avant la leçon, proposer une "mise en bouche" de ce qui sera abordé permet d'aiguiser la curiosité de certain.e.s élèves mais également de diminuer la charge émotionnelle de certain.e.s autres.
  • Après la leçon, on peut revenir sur certains feedbacks particulièrement pertinents ou faire un bilan de ce qui a été abordé, notamment les connaissances déclaratives.

Le lien créé peut, dans tous les cas, être bénéfique au climat de classe tout en permettant à l'élève d'accéder à une forme de portfolio numérique de ses séquences d'EPS.

Dans ce cadre, la réalisation d'une application permet de s'appuyer sur les pratiques numériques mobiles de nos élèves en leur donnant un aspect éducatif.

Exemple d'application créée pour un groupe de Terminale.

Créer un recueil d'échauffement

Dans notre premier exemple, l'information était principalement descendante. Il est également possible d'impliquer les élèves dans l'enrichissement du contenu. Ainsi les ressources disponibles pour la classe sont co-construites par élèves. Cette démarche implique un temps de présentation en classe afin de bien baliser les contributions des élèves. De plus, un travail de modération est indispensable pour éviter les éventuels débordements.

Lors de l'organisation des éléments de l'app, la fonctionnalité "Add item" permet à tous les utilisateurs d'ajouter du contenu à l'application.

Dans ce second exemple, nous avons cherché à impliquer les élèves dans la création d'un recueil d'exercices d'échauffement tout au long de l'année. Pour des raisons de droit à l'image, l'app originale ne peut être partagée. Une app de démonstration a été créée pour l'exemple.

Dans l'application créée, le bouton "plus" permet d'ajouter du contenu à l'application.

Le recueil d'échauffements des 3ème1

Chaque élève a pu ajouter un ou plusieurs exercices.

Partager la vie de l'AS

L'association sportive est un moment clé de la vie d'une équipe EPS. La mise en valeur de son activité, de ses résultats et des réussites des élèves passe aujourd'hui par le numérique, en témoignent le nombre grandissant de comptes Instagram d'AS et les 180000 abonnés du compte Facebook de l'UNSS.

La création d'une application peut ici remplir le double objectif d'informer et ce valoriser. Informer en proposant le calendrier des entrainements et/ou des compétitions, les points de rendez-vous,... ; Valoriser en mettant en avant les réussites, les événements exceptionnels, les liens vers les réseaux sociaux et tout ce qui vous semble pertinent.

Notre exemple, ci-dessous, n'est pas à jour, en raison de la réorganisation de notre association sportive. Néanmoins, vous y trouverez les principaux éléments qui nous semblent essentiels.

L'app de l'AS du Lycée Nahr Ibrahim (Liban)

Cette app est en construction mais vous permettra d'avoir un aperçu de ce qu'il est possible de faire.

Communiquer autour d'un projet pédagogique

Il n'est pas rare dans un établissement de voir les collègues d'EPS s'engager dans l'organisation de projets pédagogiques, sportifs ou culturels. L'organisation d'un événement comme une sortie pédagogique, un cross ou un championnat de France UNSS, implique une action de communication qui peut passer par les réseaux sociaux, la réalisation d'un site web... et pourquoi pas par la création d'une application dédiée !

Comment utiliser l'éditeur Glide App ?

Avant de se saisir d'une souris et de poser les mains sur un clavier, il est important de prévoir la structure et l'organisation du contenu de l'application : écrans, éléments, images, textes... le papier et le crayon peuvent ici être utiles !

Les 10 étapes de création d'une app

  1. Avoir un compte Google Drive et un compte Glide App (rapide et gratuit)
  2. Créer un fichier Google Sheet
  3. Créer une app sur Glide App en partir de votre fichier Google Sheet
  4. Personnaliser votre application (icône, couleurs, thème, adresse)
  5. Définir les écrans (ou rubriques) à partir des colonnes de chaque onglet de votre fichier
  6. Organiser chaque écran à partir des colonnes de la feuille de calcul
  7. Organiser chaque élément des écrans selon vos envies
  8. Admirer le résultat sur votre téléphone intelligent
  9. Corriger les éventuelles imperfections
  10. Partager le fruit de votre travail

Au commencement était le Google Sheet !

Dans un premier temps, vous avez besoin d'un compte Google pour créer un fichier Google Sheet.

  • Renommez-le avec le nom de votre application. Si vous autorisez la collaboration, plusieurs personnes pourront participer à la création de votre application.
  • Complétez la première ligne des 5 premières colonnes : titre, description, image, lien, vidéo (ce sont les principaux éléments que vous pourrez faire apparaître).

Toute la création de votre application se fera par des allers-retours entre votre fichier Google Sheet et l'interface de Glide App.

Personnaliser l'app

  • Toutes les modifications de votre app sont visibles dans l'aperçu que vous pouvez paramétrer en vue iPhone ou Android.
  • Avec l'outil "Settings", définissez le nom, l'adresse, l'icône, le thème (sombre ou clair) et la couleur principale de votre application.
  • Il faudra régulière mettre à jour les modifications de votre fichier Google Sheet avec le bouton "Reload Sheet".
  • On remarque qu'il est possible d'accéder au fichier Google Sheet facilement avec le bouton "Edit sheet".

Organiser la navigation dans l'app

  • L'outil "Navigation" vous permet de définir les différents écrans (ou rubriques) de votre app. À chaque écran correspond un onglet de votre fichier Google Sheet.
  • Personnalisez les icônes et le nom de chaque écran, vous avez l'embarras du choix.

Organiser chaque écran de l'app

  • L'outil "Screens" permet paramétrer l'affichage du contenu de votre fichier Google Sheet. Plusieurs dispositions s'offrent à vous : liste, briques (tiles), calendrier, colonnes, galerie et détails.
Disposition par liste / par briques / calendrier
Disposition par colonnes / galerie / détails
  • N'hésitez pas à tester chaque disposition afin de mettre en valeur au mieux le contenu de vos écrans.
  • La disposition "détails" permet d'afficher uniquement le contenu de la première ligne d'un onglet sur votre fichier Google Sheet, bien pratique pour créer un écran d'accueil.
  • La disposition "calendrier" est également particulière. Elle s'appuie sur des dates pour faire apparaitre une liste d'événements. Attention, l'éditeur attend des dates au format américain : "2019/04/29 08:00" pour le 29 avril 2019 à 8h du matin.
  • La fonction "Show Search Box" permet à vos utilisateurs d'effectuer une recherche dans l'écran correspondant. Bien pratique quand on a une liste avec beaucoup d'entrées.

Le contenu : bien penser son fichier Google Sheet

  • Dans notre exemple, on a créé 2 entrées : Contenu 1 et Contenu 2. Pour chacun de ces contenus ont été ajoutés une description, une image et un lien.
  • Concernant les images, aucune image de votre ordinateur n'est stockée dans l'outil Glide App. Il faut nécessairement utiliser une image stockée sur internet et fournir le lien hypertexte de cette image. N'oubliez pas de citer vos sources !
  • La partie droite de l'éditeur de Glide App permet d'organiser le contenu de l'écran.

Présenter chaque élément depuis l'éditeur de Glide App

  • La présentation tous les éléments est identique. Elle se paramètre depuis l'éditeur à partir de l'aperçu.
  • Il est possible d'afficher de nombreux éléments qui ont chacun leurs particularités. L'éditeur vous guide et vous explique chaque étape de la configuration.
  • Tout comme les images, les sons et les vidéos doivent être ajoutés à partir de liens hypertextes.
  • Les commentaires et les notes sont des éléments qui permettent une action de vos visiteurs.
  • Les boutons "Add item" et "Allow Editing" permettent à n'importe quel utilisateur d'ajouter ou de modifier le contenu de votre app.

Pour aller plus loin : do you "Markdown" ?

Vous l'aurez peut-être remarqué, un type de contenu disponible est le Markdown. C'est un langage dit de balisage : il permet de mettre en page un texte en utilisant des balises (un peu comme en html). Si vous voulez faire apparaître un long texte avec des titres, des puces, des images, c'est l'outil idéal.

À gauche : le code Markdown / À droite : l'affichage dans votre app

Stack Edit, l'éditeur libre de Markdown (stackedit.io) devient alors votre meilleur ami. En réalisant un copier/coller de votre article depuis votre logiciel de traitement de texte ou depuis une page Web, il vous convertira automatiquement votre mise en page en Markdown.

L'aperçu de Stack Edit vous permettra de visualiser l'affichage dans l'application. Une fois les dernières retouches effectuées, l'ultime étape consiste à copier/coller votre code Markdown dans la cellule correspondant à votre contenu au sein de votre fichier Google Sheet.

Markdown à gauche / Affichage dans l'app à droite

Attention, les images que vous souhaitez afficher doivent impérativement être stockées en ligne : c'est leur adresse (URL) qui permettra à votre app de les afficher correctement.

Installez et partagez votre app !

Une fois terminée, votre app est accessible depuis n'importe quel navigateur grâce à son adresse (que vous choisissez).

Pour "installer" votre application, deux clics suffisent : il faut entrer l'adresse de votre app dans le navigateur de votre smartphone puis ajouter le site sur la page d'accueil. Une fois cette opération réalisée, une icône apparait sur votre écran d'accueil.

Manipulation sur iPhone
Manipulation sur un smartphone Android

Les app créées avec Glide App sont d'abord des pages web. Mais des pages très particulières qui s'affichent différemment sur un smartphone ou un ordinateur. Une fois "installées", les apps s'affichent comme n'importe quelles autres.

À gauche, la vue smartphone / À droite, la vue ordinateur

Un accès restreint, en cas de besoin

L'outil "Settings" permet de définir la confidentialité de votre app :

  • Publique : tout son contenu est accessible par quiconque dispose du lien
  • Publique avec email : une inscription par email est nécessaire. Vous avez accès à la liste des emails inscrits depuis votre fichier Google Sheet.
  • Password : elle est accessible avec un mot de passe que vous choisissez.
  • Liste d'email : vous devez définir une liste d'utilisateurs dans votre fichier Google Sheet. Seuls ces utilisateurs pourront recevoir un code par email pour accéder à votre contenu.

Un outil vraiment gratuit ?

La création d'app est complètement gratuite tout comme l'ensemble des fonctionnalités de l'éditeur. Glide App propose un abonnement Pro pour avoir son propre nom de domaine (19$/mois) et un abonnement Business (99$/mois) qui permet d'avoir son application référencée sur l'App Store et le Google Play Store.

En guise de conclusion...

Chaque année dévoile son lot d'applications, éducatives ou non, plus ou moins utiles pour l'enseignant. Parfois, on tombe sur une pépite qui nous facilite la vie professionnelle ou répond à un besoin ancien. Ce fut le cas pour Hudl Technique en 2014, pour Trello en 2015 et pour la suite Adobe Spark en 2016.

Glide App fait partie de ces pépites qui répondent à un besoin tout en étant suffisamment ouvertes pour que chacun puisse modeler son usage en fonction de ce même besoin. C'est un couteau suisse qui se manipule facilement car le contenu prime sur le contenant. C'est exactement ce dont un enseignant a besoin lorsqu'il conçoit une séquence d'enseignement.

Enfin, l'outil étant relativement nouveau, il reste à surveiller et nous ne serions pas surpris de voir de nouvelles fonctionnalités apparaître dans les prochaines semaines (notifications, interactivité). Les développeurs proposent régulièrement de courtes vidéos présentant certaines subtilités de leur outil.

Created By
Julien Tixier
Appreciate

Credits:

Inclut une image créée par composita - "marathon run sport"

NextPrevious