Étendre l'interface utilisateur de Google Workspace

Cette page décrit les options d'extension de l'interface utilisateur (UI) Google Workspace. Vous pouvez étendre l'interface utilisateur Google Workspace pour de nombreuses raisons, par exemple:

  • Intégrez votre application ou service à Google Workspace afin que les utilisateurs puissent s'en servir directement depuis une ou 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 workflow. Par exemple, vous pouvez créer 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 permettant d'étendre l'interface utilisateur de Google Workspace sur Google Workspace Marketplace, une boutique en ligne où les utilisateurs peuvent trouver 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: répertorie les applications Google Workspace que vous pouvez étendre avec l'option donnée.
  • Options de codage: répertorie les méthodes de compilation disponibles, y compris les suivantes :
    • AppSheet : plate-forme de développement sans code
    • Apps Script: plate-forme de développement cloud basée sur JavaScript, qui nécessite peu de programmation.
    • Développement complet: votre propre pile technologique compatible avec le langage de codage de votre choix.
  • frameworks d'UI: indique les types de frameworks d'UI que vous pouvez utiliser pour créer chaque option, y compris :
    • 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 la pile technologique de votre choix (développement complet). Les interfaces basées sur des fiches ne nécessitent aucune connaissance en HTML ou CSS et fonctionnent aussi bien sur les ordinateurs que sur les mobiles.
    • HTML: Apps Script propose un service HTML pour le développement de 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 un travail plus manuel pour créer une expérience utilisateur optimale.
    • 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 une description de chaque option à la suite du tableau.

Ce que vous pouvez créer Aperçu Applications étendues Options de codage UI basée sur des cartes UI HTML UI iFrame
Modules complémentaires Google Workspace Exemple de module complémentaire Google Workspace
Gmail
 Drive
Agenda
Docs
Sheets
Diapositives
Apps Script
Développement complet
Aperçus de lien et chips intelligents | Modules complémentaires Google Workspace Exemple d'aperçu des liens pour les modules complémentaires Google Workspace
Docs
AppSheet
Apps Script
Développement complet
Brouillons d'e-mails | Modules complémentaires Google Workspace Exemple de module complémentaire Google Workspace pour les brouillons d'e-mails
Gmail
Apps Script
Développement complet
Conférences Agenda | Modules complémentaires Google Workspace Exemple de module complémentaire Google Workspace pour une conférence Agenda
Agenda
Apps Script

Utilise l'interface utilisateur existante

Modules complémentaires des éditeurs Exemple de module complémentaire de l'éditeur
Docs
Sheets
Diapositives
Forms
Apps Script
Applications Google Chat Exemple d'application Chat
Discuter
AppSheet
Apps Script
Développement complet
Fonctions personnalisées Exemple de fonction personnalisée
Sheets
Apps Script

Utilise l'interface utilisateur existante

Macros Exemple de macro
Sheets
Apps Script

Utilise l'interface utilisateur existante

Menus, boîtes de dialogue et barres latérales personnalisés Exemple de menu et de barre latérale
Docs
Sheets
Diapositives
Forms
Apps Script
Applications Google Drive Exemple d'application Drive
 Drive
Développement complet

Utilise l'interface utilisateur existante

Modules complémentaires Google Workspace

Exemple de module complémentaire 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 de l'application Google Workspace qu'elle étend.

Consulter la documentation sur les modules complémentaires Google Workspace

Publiable



Options de codage :

Apps Script
Développement complet

Étend les applications suivantes :

Gmail
Drive
Agenda

Docs
Sheets
Diapositives

Frames d'UI disponibles :

Card Framework



Exemple d'aperçu du lien

Les modules complémentaires Google Workspace qui étendent Docs peuvent créer des aperçus de liens personnalisés à partir d'un service tiers. Comme les chips intelligents générés par Docs pour mentionner une personne, un fichier, un événement d'agenda ou 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 une carte d'aperçu lorsque quelqu'un pointe sur le chip.

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

Publiable



Options de codage :

AppSheet
Apps Script
Développement complet

Étend les applications suivantes :

Docs

Frames d'UI disponibles :

Card Framework



Brouillons d'e-mails | Modules complémentaires Google Workspace

Exemple de brouillon d'e-mail

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 au bas du brouillon, soit dans le menu Autres options .

Consulter la documentation sur les brouillons d'e-mails

Publiable



Options de codage :

Apps Script
Développement complet

Étend les applications suivantes :

Gmail

Frames d'UI disponibles :

Card Framework



Conférence Agenda | Modules complémentaires Google Workspace

Exemple de conférence Agenda

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. Ce 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

Publiable



Options de codage :

Apps Script

Étend les applications suivantes :

Agenda

Frames d'UI disponibles :

Utilise l'interface utilisateur existante


Modules complémentaires de l'éditeur

Exemple de module complémentaire de l'éditeur

Les modules complémentaires des éditeurs sont des applications qui viennent compléter Docs, Sheets, Slides ou Forms. Ils ne peuvent étendre qu'une seule application par module complémentaire, mais vous pouvez publier plusieurs modules complémentaires d'éditeur sur la même fiche Marketplace. Les utilisateurs ouvrent les modules complémentaires des éditeurs à partir du menu Extensions de l'application qu'ils étendent.

Vous pouvez utiliser les interfaces suivantes pour un module complémentaire d'éditeur:

Consulter la documentation sur les modules complémentaires des éditeurs

Publiable



Options de codage :

Apps Script

Étend les applications suivantes :

Docs
Sheets
Diapositives
Forms

Frames d'UI disponibles :

HTML
iFrame



Utilisez des applications de chat

Exemple d'application Chat

Les applications de chat importent 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 texte ou un message 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 des actions directement depuis la conversation.

Consulter la documentation sur les applications Chat

Publiable



Options de codage :

AppSheet
Apps Script
Développement complet

Étend les applications suivantes :

Discuter

Frames d'UI disponibles :

Card Framework



Fonctions personnalisées

Exemple de fonction personnalisée

Les fonctions personnalisées vous permettent d'ajouter plus de fonctions dans Sheets. Les utilisateurs peuvent les rechercher et les utiliser comme n'importe laquelle des centaines de fonctions intégrées disponibles dans Sheets.

Consulter la documentation sur les fonctions personnalisées

Publiable



Options de codage :

Apps Script

Étend les applications suivantes :

Sheets

Frames d'UI disponibles :

Utilise l'interface utilisateur existante


Macros

Exemple de macro

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 de l'interface utilisateur. Vous pouvez modifier des macros directement dans l'éditeur Apps Script. Vous pouvez créer des macros en partant de zéro 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 :

Apps Script

Étend les applications suivantes :

Sheets

Frames d'UI disponibles :

Utilise l'interface utilisateur existante


Menus, boîtes de dialogue et barres latérales personnalisés

Exemple de menu personnalisé

Vous pouvez ajouter des menus, des invites, des alertes, ainsi que des boîtes de dialogue et des barres latérales en HTML aux fichiers 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 des éléments 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 :

Apps Script

Étend les applications suivantes :

Docs
Sheets
Diapositives
Forms

Frames d'UI disponibles :

HTML
iFrame



Applications Drive

Exemple d'application Drive

Si votre application est compatible avec les fichiers Drive, vous pouvez l'intégrer à l'interface utilisateur Drive pour la présenter comme 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 de ces menus, celle-ci s'ouvre dans une nouvelle fenêtre.

Consulter la documentation sur les applications Drive

Publiable



Options de codage :

Développement complet

Étend les applications suivantes :

Drive

Frames d'UI disponibles :

Utilise l'interface utilisateur existante