Cette page décrit les options qui s'offrent à vous pour étendre l'interface utilisateur (UI) de Google Workspace. Vous pouvez étendre l'interface utilisateur Google Workspace pour de nombreuses raisons, par exemple:
- Intégrez votre application ou votre service à Google Workspace afin que les utilisateurs puissent l'utiliser directement à partir d'une ou de plusieurs applications Google Workspace. Par exemple, créez un module complémentaire Google Workspace qui crée des chips intelligents et des aperçus de liens pour votre service dans Google Docs.
- Aidez les utilisateurs de Google Workspace à être plus productifs ou à améliorer leur flux de travail. Par exemple, créez une application Google Chat qui permet aux utilisateurs de générer des rapports hebdomadaires directement depuis Google Chat.
- Ajoutez des fonctionnalités qui ne sont pas disponibles en mode natif dans Google Workspace. Par exemple, ajoutez un menu personnalisé dans Google Docs, Sheets ou Slides.
Vous pouvez publier la plupart des options d'extension de l'UI Google Workspace sur Google Workspace Marketplace, une boutique en ligne dans laquelle les utilisateurs peuvent rechercher et installer des applications tierces qui s'intègrent à Google Workspace.
Présentation des options permettant d'étendre l'interface utilisateur de Google Workspace
Le tableau suivant répertorie les options permettant d'étendre l'interface utilisateur de Google Workspace et les compare en fonction des caractéristiques suivantes:
- Applications étendues: liste les applications Google Workspace que vous pouvez étendre avec l'option donnée.
- Options de codage: indique les différentes manières de compiler, y compris :
- AppSheet : plate-forme de développement sans code.
- Apps Script: plate-forme de développement cloud basée sur JavaScript, nécessitant peu de programmation.
- Développement complet: votre propre pile technologique compatible avec le langage de programmation de votre choix.
- Framework d'UI: indique les types de frameworks d'UI que vous pouvez utiliser pour créer chaque option, y compris :
- Basées sur des cartes: les interfaces de cartes sont des widgets et des cartes prédéfinis créés avec le service de cartes à l'aide d'Apps Script ou en renvoyant un fichier JSON correctement formaté pour afficher les cartes avec votre pile technologique préférée (développement complet). Les interfaces basées sur des cartes ne nécessitent pas de connaissances en HTML ou CSS, et fonctionnent bien sur les clients de bureau et mobiles.
- HTML: Apps Script propose un service HTML pour développer des pages Web pouvant interagir avec les fonctions Apps Script côté serveur. Les interfaces développées avec le service HTML sont hautement personnalisables, mais nécessitent davantage de travail manuel pour créer une expérience utilisateur de qualité.
- iFrame: les iFrames intègrent du contenu externe dans Google Workspace et offrent le plus de possibilités de personnalisation pour les interfaces utilisateur.
Vous trouverez ci-dessous la description de chaque option.
Ce que vous pouvez créer | Avec prévisualisation | Applications étendues | Options de codage | Interface utilisateur basée sur des cartes | UI HTML | UI iFrame |
---|---|---|---|---|---|---|
Modules complémentaires Google Workspace |
|
Gmail Drive
Agenda
Docs
Feuilles
Diapositives
|
Apps Script
Développement complet
|
|||
Aperçus de liens et chips intelligents | Modules complémentaires Google Workspace |
|
Docs
Feuilles
Diapositives
|
AppSheet
Apps Script
Développement complet
|
|||
Brouillons d'e-mails | Modules complémentaires Google Workspace |
|
Gmail
|
Apps Script
Développement complet
|
|||
Conférences Agenda | Modules complémentaires Google Workspace |
|
Agenda
|
Apps Script
|
Utilise l'interface utilisateur existante |
||
Modules complémentaires des éditeurs |
|
Docs
Feuilles
Diapositives
Forms
|
Apps Script
|
|||
Applications Google Chat |
|
Chat
|
AppSheet
Apps Script
Développement complet
|
|||
Fonctions personnalisées |
|
Feuilles
|
Apps Script
|
Utilise l'interface utilisateur existante |
||
Macros |
|
Feuilles
|
Apps Script
|
Utilise l'interface utilisateur existante |
||
Menus, boîtes de dialogue et barres latérales personnalisés |
|
Docs
Feuilles
Diapositives
Forms
|
Apps Script
|
|||
Applications Google Drive |
|
Drive
|
Développement complet
|
Utilise l'interface utilisateur existante |
||
Modules complémentaires Google Classroom |
|
Classroom
|
Développement complet
|
Modules complémentaires Google Workspace
Les modules complémentaires Google Workspace sont des applications qui s'intègrent aux applications Google Workspace. Un module complémentaire Google Workspace peut étendre plusieurs applications Google Workspace. Le plus souvent, l'application s'ouvre dans une barre latérale à partir de l'application Google Workspace qu'elle étend.
Consulter la documentation sur les modules complémentaires Google Workspace
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Aperçus des liens et chips intelligents | Modules complémentaires Google Workspace
Les modules complémentaires Google Workspace qui étendent Docs peuvent créer des aperçus de liens personnalisés à partir d'un service tiers. À l'instar des chips intelligents que Docs génère pour les mentions d'une personne, d'un fichier, d'un événement d'agenda ou d'une autre entité dans une application Google Workspace, un module complémentaire peut générer un chip intelligent pour un lien tiers et afficher un aperçu de la fiche lorsque quelqu'un pointe dessus.
Vous pouvez ajouter des aperçus de liens à des modules complémentaires Google Workspace existants ou créer un module complémentaire Google Workspace distinct spécifiquement pour les aperçus de liens.
Consulter la documentation sur les aperçus de liens et les chips intelligents
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Brouillons d'e-mails | Modules complémentaires Google Workspace
Les modules complémentaires Google Workspace qui étendent Gmail peuvent fournir une interface personnalisée lorsque l'utilisateur rédige de nouveaux messages ou répond à des messages existants. Pour utiliser cette interface, les utilisateurs ouvrent le module complémentaire à partir du brouillon de l'e-mail, soit en bas du brouillon, soit dans le menu Plus d'options de
.Consulter la documentation sur les brouillons d'e-mails
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Conférences Agenda | Modules complémentaires Google Workspace
Si vous êtes un fournisseur de solutions de conférence Web, vous pouvez créer un module complémentaire Google Workspace qui étend Google Agenda à votre solution de conférence. Le module complémentaire ajoute une option de conférence pour les événements Agenda, ce qui permet aux utilisateurs de créer des conférences et d'y participer directement depuis Agenda.
Consulter la documentation sur les conférences Agenda
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Utilise l'interface utilisateur existante
Modules complémentaires de l'éditeur
Les modules complémentaires des éditeurs sont des applications qui étendent Docs, Sheets, Slides ou Forms. Les modules complémentaires des éditeurs ne peuvent étendre qu'une application par module complémentaire, mais vous pouvez en publier plusieurs dans la même fiche Marketplace. Les utilisateurs ouvrent les modules complémentaires de l'éditeur à partir du menu Extensions de l'application qu'ils étendent.
Vous pouvez utiliser les interfaces suivantes pour un module complémentaire d'éditeur:
- Une barre latérale à côté de l'application qu'elle étend
- Boîte de dialogue superposée à l'application qu'elle étend
- Élément de menu qui exécute un script.
- Une fonction personnalisée dans une feuille de calcul Google Sheets.
Consulter la documentation sur les modules complémentaires de l'éditeur
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Utilisez des applications de chat
Les applications Chat permettent d'intégrer des ressources et des services dans Chat. Vous pouvez concevoir des applications Chat pour interagir avec les utilisateurs de différentes manières, par exemple:
- Répondez aux commandes à barre oblique par un message textuel ou un message sous forme de carte.
- Ouvrez une boîte de dialogue pour aider les utilisateurs à effectuer des processus en plusieurs étapes, comme remplir des données de formulaire.
- Prévisualisez les liens en joignant des fiches contenant des informations utiles qui permettent aux utilisateurs d'effectuer une action directement depuis la conversation.
Consulter la documentation sur les applications Chat
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Fonctions personnalisées
Les fonctions personnalisées vous permettent d'ajouter d'autres fonctions dans Sheets. Les utilisateurs peuvent les trouver et les utiliser comme n'importe laquelle des centaines de fonctions intégrées disponibles dans Sheets. Vous pouvez publier une fonction personnalisée en tant que module complémentaire de l'éditeur.
Consulter la documentation sur les fonctions personnalisées
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Utilise l'interface utilisateur existante
Macros
Les macros sont des enregistrements dans Sheets qui dupliquent une série spécifique d'interactions de l'interface utilisateur que vous définissez. Vous pouvez associer une macro à un raccourci clavier ou l'exécuter à partir du menu Extensions > Macros.
Lorsque vous enregistrez une macro, Sheets crée automatiquement une fonction Apps Script qui réplique les interactions avec l'interface utilisateur. Vous pouvez modifier les macros directement dans l'éditeur Apps Script. Vous pouvez écrire des macros de A à Z dans Apps Script, ou utiliser des fonctions que vous avez déjà écrites pour les transformer en macros.
Consulter la documentation sur les macros
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Utilise l'interface utilisateur existante
Menus, boîtes de dialogue et barres latérales personnalisés
Vous pouvez ajouter des menus personnalisés, des invites, des alertes, ainsi que des boîtes de dialogue et des barres latérales HTML aux fichiers dans Docs, Sheets, Slides et Forms. Les menus personnalisés apparaissent à côté des menus par défaut de l'application qu'ils étendent. Les boîtes de dialogue, les barres latérales, les invites et les alertes sont généralement activées par des actions de l'utilisateur telles que des clics sur un élément de menu, ou par des déclencheurs tels que des déclencheurs basés sur des événements.
Consulter la documentation sur les menus, boîtes de dialogue et barres latérales personnalisés
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Applications Google Drive
Si votre application est compatible avec les fichiers Drive, vous pouvez l'intégrer à l'interface utilisateur Drive pour lui présenter une option permettant de créer ou d'ouvrir des fichiers. Votre application peut apparaître dans le menu Nouveau > Plus et dans le menu Ouvrir avec lorsqu'un utilisateur effectue un clic droit sur un fichier dans Drive. Lorsqu'un utilisateur sélectionne votre application dans l'un ou l'autre des menus, votre application s'ouvre dans une nouvelle fenêtre.
Consulter la documentation sur les applications Drive
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :
Utilise l'interface utilisateur existante
Modules complémentaires Google Classroom
Les modules complémentaires Google Classroom permettent aux enseignants de créer des pièces jointes sur des devoirs, des annonces ou des supports de cours. Ces pièces jointes ouvrent du contenu tiers dans des iFrames dans Classroom. Les iFrames ouvrent des URL distinctes en fonction du type d'utilisateur et du contexte Classroom.
Consulter la documentation sur les modules complémentaires Classroom
Options de codage :
Étend les applications suivantes :
Framework d'interface utilisateur disponibles :