Ampliar a interface do Google Workspace

Nesta página, descrevemos as opções para estender a interface do usuário (interface) do Google Workspace. É possível estender a interface do Google Workspace por vários motivos, incluindo:

  • Integre seu app ou serviço ao Google Workspace para que os usuários possam usar o app diretamente de um ou mais apps do Google Workspace. Por exemplo, crie um complemento do Google Workspace que gere ícones inteligentes e visualizações de links para seu serviço nos Documentos Google.
  • Ajude os usuários do Google Workspace a serem mais produtivos ou melhorar o fluxo de trabalho. Por exemplo, crie um app do Google Chat que permita que os usuários relatem planilhas de horas semanais diretamente no Google Chat.
  • Adicione recursos que não estão disponíveis nativamente no Google Workspace. Por exemplo, adicione um menu personalizado no Documentos, Planilhas ou Apresentações Google.

É possível publicar a maioria das opções para estender a interface do Google Workspace para o Google Workspace Marketplace, uma loja on-line onde os usuários podem encontrar e instalar apps de terceiros que se integram ao Google Workspace.

Visão geral das opções para estender a interface do Google Workspace

A tabela a seguir lista as opções para estender a interface do Google Workspace e as compara por estas características:

  • Apps estendidos: lista os apps do Google Workspace que podem ser estendidos com a opção fornecida.
  • Opções de programação: lista as maneiras de criar, incluindo:
    • AppSheet: uma plataforma de desenvolvimento sem código.
    • Apps Script: uma plataforma de desenvolvimento com pouco código e baseada na nuvem em JavaScript.
    • Desenvolvimento completo: seu próprio conjunto de tecnologias com suporte à sua linguagem de programação preferida.
  • Frameworks de interface: indica os tipos de frameworks de interface que você pode usar para criar cada opção, incluindo:
    • Baseadas em cartões: as interfaces de cartões são widgets e cards predefinidos criados com o Card Service usando o Apps Script ou retornando JSON formatado corretamente para renderizar cards com seu conjunto de tecnologias preferido (desenvolvimento completo). As interfaces baseadas em cards não exigem conhecimento de HTML ou CSS e funcionam bem em clientes de computadores e dispositivos móveis.
    • HTML: o Apps Script oferece um serviço HTML para desenvolver páginas da Web que podem interagir com as funções do Apps Script no lado do servidor. As interfaces desenvolvidas com o serviço HTML são altamente personalizáveis, mas exigem mais trabalho manual para criar uma ótima experiência do usuário.
    • iFrame: os iframes incorporam conteúdo externo no Google Workspace e oferecem o máximo de personalização para interfaces do usuário.

Após a tabela, há descrições para cada opção.

O que você pode criar Visualizar Apps estendidos Opções de programação interface baseada em cartão interface HTML interface iframe
Complementos do Google Workspace Exemplo de complemento do Google Workspace
Gmail
Drive
Agenda
Documentos
Planilhas
Apresentações
Apps Script
Desenvolvimento completo
Visualizações de links e ícones inteligentes | Complementos do Google Workspace Exemplo de visualizações de links de complementos do Google Workspace
Documentos
Planilhas
Apresentações
AppSheet
Apps Script
Desenvolvimento completo
Rascunhos de e-mail | Complementos do Google Workspace Exemplo de complemento do Google Workspace para rascunhos de e-mails
Gmail
Apps Script
Desenvolvimento completo
Conferência do Agenda | Complementos do Google Workspace Exemplo de complemento do Google Workspace para videoconferência na Agenda
Agenda
Apps Script

Usa a interface atual

Complementos do Editor Exemplo de complemento do editor
Documentos
Planilhas
Apresentações
Formulários
Apps Script
Apps do Google Chat Exemplo de app de chat
Chat
AppSheet
Apps Script
Desenvolvimento completo
Funções personalizadas Exemplo de função personalizada
Planilhas
Apps Script

Usa a interface atual

Macros Exemplo de macro
Planilhas
Apps Script

Usa a interface atual

Menus, caixas de diálogo e barras laterais personalizados Exemplo de menu e barra lateral
Documentos
Planilhas
Apresentações
Formulários
Apps Script
Apps Google Drive Exemplo do app Drive
Drive
Desenvolvimento completo

Usa a interface atual

Complementos do Google Sala de Aula Complementos do Google Sala de Aula
Sala de Aula
Desenvolvimento completo

Complementos do Google Workspace

Exemplo de complemento do Google Workspace

Os complementos do Google Workspace são aplicativos que se integram aos apps do Google Workspace. Um complemento do Google Workspace pode ampliar vários apps do Google Workspace. Na maioria das vezes, o app é aberto em uma barra lateral dentro do app Google Workspace estendido.

Confira a documentação de complementos do Google Workspace

Publicável



Opções de programação:

Apps Script
Desenvolvimento completo

Estende os seguintes apps:

Gmail
Google Drive
Agenda

Documentos
Planilhas
Apresentações

Frameworks de interface disponíveis:

Framework do cartão



Exemplo de visualização de link

Os complementos do Google Workspace que ampliam os Documentos Google podem criar visualizações de links personalizadas por um serviço de terceiros. Semelhante aos ícones inteligentes que o app Documentos gera para menções de uma pessoa, um arquivo, um evento da agenda ou outra entidade em um aplicativo do Google Workspace, um complemento pode gerar um ícone inteligente para um link de terceiros e mostrar um card de visualização quando alguém passa o cursor sobre o ícone.

É possível adicionar visualizações de links a complementos atuais do Google Workspace ou criar um complemento separado do Google Workspace especificamente para visualizações de links.

Conferir prévias de links e a documentação dos ícones inteligentes

Publicável



Opções de programação:

AppSheet
Apps Script
Desenvolvimento completo

Estende os seguintes apps:

Documentos
Planilhas
Apresentações

Frameworks de interface disponíveis:

Framework do cartão



Rascunhos de e-mail | Complementos do Google Workspace

Exemplo de rascunho de e-mail

Os complementos do Google Workspace que ampliam o Gmail podem oferecer uma interface personalizada quando o usuário escreve novas mensagens ou responde a mensagens. Para usar essa interface, os usuários abrem o complemento no rascunho de e-mail, na parte inferior do rascunho ou no menu Mais opções.

Acessar documentação de rascunhos de e-mails

Publicável



Opções de programação:

Apps Script
Desenvolvimento completo

Estende os seguintes apps:

Gmail

Frameworks de interface disponíveis:

Framework do cartão



Conferência da agenda | Complementos do Google Workspace

Exemplo de videoconferência do Google Agenda

Se você for um provedor de videoconferência na Web, poderá criar um complemento do Google Workspace que amplie o Google Agenda com sua solução de videoconferência. O complemento adiciona uma opção de videoconferência para os eventos da Agenda, permitindo que os usuários criem e participem dessas videoconferências diretamente do Agenda.

Ver a documentação de videoconferência do Google Agenda

Publicável



Opções de programação:

Apps Script

Estende os seguintes apps:

Agenda

Frameworks de interface disponíveis:

Usa uma interface atual


Complementos do editor

Exemplo de complemento do editor

Complementos do Editor são apps que estendem o Documentos, Planilhas, Apresentações ou Formulários. Os complementos do editor só podem estender um app por complemento, mas você pode publicar vários Complementos do editor na mesma listagem do Marketplace. Os usuários abrem os complementos do editor no menu Extensões no app estendido.

Você pode usar as seguintes interfaces para um Complemento do editor:

Veja a documentação dos complementos do Editor

Publicável



Opções de programação:

Apps Script

Estende os seguintes apps:

Documentos
Planilhas
Apresentações
Formulários

Frameworks de interface disponíveis:

HTML
iFrame



Apps de chat

Exemplo de app de chat

Os apps do Chat trazem recursos e serviços para o Chat. Você pode projetar apps do Chat para interagir com os usuários de várias maneiras, incluindo:

  • Responda aos comandos de barra com uma mensagem de texto ou card.
  • Abra uma caixa de diálogo para ajudar os usuários a concluir processos de várias etapas, como o preenchimento de dados de formulário.
  • Visualizar links anexando cards com informações úteis que permitem que os usuários realizem ações diretamente na conversa.

Confira a documentação dos apps do Chat

Publicável



Opções de programação:

AppSheet
Apps Script
Desenvolvimento completo

Estende os seguintes apps:

Chat

Frameworks de interface disponíveis:

Framework do cartão



Funções personalizadas

Exemplo de função personalizada

Com as funções personalizadas, você pode adicionar mais funções ao app Planilhas. Os usuários podem encontrá-las e usá-las como qualquer uma das centenas de funções integradas disponíveis no Planilhas. É possível publicar uma função personalizada como Complementos do Editor.

Veja a documentação de funções personalizadas

Publicável



Opções de programação:

Apps Script

Estende os seguintes apps:

Planilhas

Frameworks de interface disponíveis:

Usa uma interface atual


Macros

Exemplo de macro

Macros são gravações no app Planilhas que duplicam uma série específica de interações de interface definidas por você. É possível vincular uma macro a um atalho de teclado ou executá-la no menu Extensões > Macros.

Quando você grava uma macro, o app Planilhas cria automaticamente uma função do Apps Script que replica as interações da interface. É possível editar macros diretamente no editor do Apps Script. É possível gravar macros do zero no Apps Script ou transformar funções que você já criou em macros.

Veja a documentação de macros

Opções de programação:

Apps Script

Estende os seguintes apps:

Planilhas

Frameworks de interface disponíveis:

Usa uma interface atual


Menus, caixas de diálogo e barras laterais personalizados

Exemplo de menu personalizado

É possível adicionar menus personalizados, solicitações, alertas, caixas de diálogo e barras laterais baseadas em HTML a arquivos nos apps Documentos, Planilhas, Apresentações e Formulários. Os menus personalizados aparecem ao lado dos menus padrão do app estendidos. Caixas de diálogo, barras laterais, solicitações e alertas geralmente são ativadas por ações do usuário, como cliques em itens de menu, ou por acionadores, como acionadores orientados por eventos.

Acessar documentação sobre menus, caixas de diálogo e barras laterais personalizados

Opções de programação:

Apps Script

Estende os seguintes apps:

Documentos
Planilhas
Apresentações
Formulários

Frameworks de interface disponíveis:

HTML
iFrame



Apps do Drive

Exemplo do app Drive

Caso seu app seja compatível com arquivos do Drive, você poderá fazer a integração com a interface do usuário do Drive para apresentar o app como uma opção para criar ou abrir arquivos. Seu app pode aparecer no menu Novo > Mais e no menu Abrir com quando um usuário clica com o botão direito do mouse em um arquivo no Drive. Quando um usuário selecionar seu app em um dos menus, ele será aberto em uma nova janela.

Ver a documentação dos aplicativos do Google Drive

Publicável



Opções de programação:

Desenvolvimento completo

Estende os seguintes apps:

Google Drive

Frameworks de interface disponíveis:

Usa uma interface atual


Complementos do Google Sala de Aula

Complementos do Google Sala de Aula

Com esses complementos, os educadores podem criar anexos em atividades, avisos ou materiais do curso. Esses anexos abrem conteúdo de terceiros em iframes no Google Sala de Aula. Os iframes abrem URLs separados, dependendo do tipo de usuário e do contexto do Google Sala de Aula.

Acessar a documentação dos complementos do Google Sala de Aula

Publicável



Opções de programação:

Desenvolvimento completo

Estende os seguintes apps:

Google Sala de Aula

Frameworks de interface disponíveis:

iFrame