Étendre l'interface utilisateur de Google Workspace

Cette page décrit les options disponibles pour étendre l'interface utilisateur (UI) de Google Workspace. Vous pouvez étendre l'interface utilisateur de 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 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 lien pour votre service dans Google Docs.
• Aidez les utilisateurs de Google Workspace à être plus productifs ou à améliorer leur workflow. Par exemple, créez une application Google Chat qui permet aux utilisateurs de créer des feuilles de temps hebdomadaires directement depuis Google Chat.
• Ajoutez des fonctionnalités qui ne sont pas disponibles nativement 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'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 d'extension de l'interface utilisateur de Google Workspace

Le tableau suivant présente les options d'extension de l'interface utilisateur 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: liste 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 low-code basée sur le cloud et sur JavaScript.
  • Développement complet: votre propre pile technologique compatible avec votre langage de codage préféré.
• Framework d'UI: indique les types de frameworks d'UI que vous pouvez utiliser pour créer chaque option, y compris les suivants :
  • Basé sur des cartes: les interfaces de carte sont des widgets et des cartes prédéfinis créés avec le service de carte à l'aide d'Apps Script ou en renvoyant un code JSON correctement mis en forme pour afficher des cartes avec votre pile technologique préférée (développement complet). Les interfaces basées sur des cartes ne nécessitent aucune connaissance en HTML ni en CSS, et fonctionnent aussi bien sur les clients pour ordinateur de bureau que sur les clients 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 plus de travail manuel pour créer une expérience utilisateur de qualité.
  • IFrame: les iFrames intègrent du contenu externe à Google Workspace et offrent la plus grande personnalisation pour les interfaces utilisateur.

Vous trouverez ci-dessous une description de chaque option.

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 depuis 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'UI disponibles :

---

Aperçus de lien 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. Comme les 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 une fiche d'aperçu lorsqu'un utilisateur 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.

Afficher les aperçus de liens et la documentation sur les chips intelligents

Options de codage :

Étend les applications suivantes :

Framework d'UI 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 des messages ou répond à des messages existants. Pour utiliser cette interface, les utilisateurs ouvrent le module complémentaire dans le brouillon d'e-mail, soit en bas du brouillon, soit dans le menu more_vert Plus d'options.

Consulter la documentation sur les brouillons d'e-mails

Options de codage :

Étend les applications suivantes :

Framework d'UI disponibles :

---

Fenêtre principale et panneau latéral de la réunion | Modules complémentaires Google Workspace

Les modules complémentaires Google Workspace qui étendent Meet vous permettent d'intégrer votre application à l'interface principale ou au panneau latéral d'une réunion, où les utilisateurs peuvent découvrir, partager et collaborer dans votre application sans quitter Meet.

Contrairement aux autres modules complémentaires Google Workspace, les modules complémentaires Meet n'utilisent pas l'interface utilisateur du framework de cartes. Vous devez plutôt intégrer votre application à l'aide d'un iFrame.

Consulter la documentation du SDK des modules complémentaires Meet

Options de codage :

Étend les applications suivantes :

Framework d'UI 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 avec votre solution de conférence. Le module complémentaire ajoute une option de visioconférence aux événements Agenda, ce qui permet aux utilisateurs de créer et de rejoindre ces conférences directement depuis Agenda.

Consulter la documentation sur les conférences Calendar

Options de codage :

Étend les applications suivantes :

Framework d'UI disponibles :

Utilise l'UI existante

---

Modules complémentaires de l'éditeur

Les modules complémentaires pour l'éditeur sont des applications qui étendent Docs, Sheets, Slides ou Forms. Les modules complémentaires pour l'éditeur ne peuvent étendre qu'une seule application par module complémentaire, mais vous pouvez publier plusieurs modules complémentaires pour l'éditeur 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 de l'éditeur:

• 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.
• Fonction personnalisée dans une feuille de calcul Google Sheets.

Consulter la documentation des modules complémentaires de l'Éditeur

Options de codage :

Élargit les applications suivantes :

Framework d'UI disponibles :

---

Utilisez des applications de chat

Les applications Chat fournissent 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 message texte ou par message avec fiche.
• Ouvrez une boîte de dialogue pour aider les utilisateurs à effectuer des processus en plusieurs étapes, comme remplir des données de formulaire.
• Affichez un aperçu des 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

Options de codage :

Étend les applications suivantes :

Framework d'UI 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'UI disponibles :

Utilise l'UI existante

---

Macros

Les macros sont des enregistrements dans Sheets qui dupliquent une série spécifique d'interactions avec l'UI 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 reproduit les interactions de l'interface utilisateur. Vous pouvez modifier les macros directement dans l'éditeur Apps Script. Vous pouvez écrire des macros à partir de zéro dans Apps Script ou transformer des fonctions que vous avez déjà écrites en macros.

Consulter la documentation des macros

Options de codage :

Étend les applications suivantes :

Framework d'UI disponibles :

Utilise l'UI existante

---

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

Vous pouvez ajouter des menus, des invites, des alertes, des boîtes de dialogue et des barres latérales HTML personnalisés aux fichiers dans Docs, Sheets, Slides et Forms. Les menus personnalisés s'affichent à 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, comme les clics sur des éléments de menu, ou par des déclencheurs, comme les 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 :

Élargit les applications suivantes :

Framework d'UI disponibles :

---

Générer des installations d'applications

Si votre application est compatible avec les fichiers Drive, vous pouvez l'intégrer à l'interface utilisateur de Drive pour la présenter comme une option permettant de créer ou d'ouvrir des fichiers. Votre application peut apparaître dans les menus Nouveau > Plus et Ouvrir avec lorsqu'un utilisateur clique avec le bouton droit sur un fichier dans Drive. Lorsqu'un utilisateur sélectionne votre application dans l'un de ces menus, elle s'ouvre dans une nouvelle fenêtre.

Consulter la documentation des applications Drive

Options de codage :

Étend les applications suivantes :

Framework d'UI disponibles :

Utilise l'UI existante

---

Modules complémentaires Google Classroom

Les modules complémentaires Google Classroom permettent aux enseignants de créer des pièces jointes pour les devoirs, les annonces ou les 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 des modules complémentaires Classroom

Options de codage :

Élargit les applications suivantes :

Framework d'UI disponibles :

---