Memperluas UI Google Workspace

Halaman ini menjelaskan opsi untuk memperluas akses pengguna Google Workspace antarmuka (UI). Anda dapat memperluas UI Google Workspace karena berbagai alasan, termasuk:

  • Integrasikan aplikasi atau layanan Anda ke Google Workspace agar dapat digunakan pengguna aplikasi secara langsung dari satu atau beberapa aplikasi Google Workspace. Misalnya, membuat Add-on Google Workspace yang membuat smart chip dan pratinjau link untuk layanan Anda di dalam Google Dokumen.
  • Bantu pengguna Google Workspace menjadi lebih produktif atau tingkatkan alur kerja mereka. Misalnya, membangun aplikasi Google Chat yang memungkinkan pengguna membuat laporan setiap minggu timesheet langsung dari Google Chat.
  • Menambahkan kemampuan yang tidak tersedia secara native di Google Workspace. Misalnya, tambahkan menu khusus di Google Dokumen, Spreadsheet, atau Slide.

Anda dapat memublikasikan sebagian besar opsi untuk memperluas UI Google Workspace ke Google Workspace Marketplace, toko online tempat pengguna dapat menemukan dan menginstal aplikasi pihak ketiga yang berintegrasi dengan Google Workspace.

Ringkasan opsi untuk memperluas UI Google Workspace

Tabel berikut mencantumkan opsi untuk memperluas UI Google Workspace dan membandingkannya dengan karakteristik:

  • Aplikasi yang diperluas: Mencantumkan aplikasi Google Workspace yang dapat diperluas dengan opsi yang diberikan.
  • Opsi coding: Menampilkan daftar cara yang dapat Anda bangun, termasuk:
    • AppSheet: Platform pengembangan tanpa kode.
    • Apps Script: Aplikasi low-code berbasis cloud pengembangan berbasis browser berbasis JavaScript.
    • Pengembangan penuh: Tech stack Anda sendiri yang mendukung pilihan Anda bahasa pengkodean.
  • UI framework: Menunjukkan jenis framework UI yang untuk membangun setiap opsi, termasuk:
    • Berbasis kartu: Antarmuka kartu adalah widget dan kartu bawaan yang dibuat dengan Layanan Kartu menggunakan Apps Script atau dengan mengembalikan JSON yang diformat dengan benar ke merender kartu dengan tech stack pilihan Anda (pengembangan penuh). Berbasis kartu antarmuka tidak memerlukan pengetahuan tentang HTML atau CSS, dan bekerja dengan baik pada desktop dan seluler.
    • HTML: Apps Script menawarkan Layanan HTML untuk mengembangkan laman web yang dapat berinteraksi dengan fungsi Apps Script sisi server. Antarmuka dikembangkan dengan layanan HTML sangat mudah disesuaikan, tetapi membutuhkan pekerjaan manual untuk menciptakan pengalaman pengguna yang luar biasa.
    • iFrame: iFrame menyematkan konten eksternal ke dalam Google Workspace dan menawarkan kemampuan penyesuaian terbaik untuk antarmuka pengguna.

Berikut ini adalah deskripsi untuk setiap opsi.

Yang bisa Anda build Pratinjau Aplikasi yang diperluas Opsi coding UI berbasis kartu UI HTML UI iFrame
Add-on Google Workspace Contoh Add-on Google Workspace
Gmail
Drive
Kalender
Dokumen
Spreadsheet
Slide
Apps Script
Pengembangan penuh
Pratinjau link dan chip pintar | Add-on Google Workspace Contoh pratinjau link Add-on Google Workspace
Dokumen
Spreadsheet
Slide
AppSheet
Apps Script
Pengembangan penuh
Draf email | Add-on Google Workspace Contoh Add-on Google Workspace untuk draf email
Gmail
Apps Script
Pengembangan penuh
Konferensi Kalender | Add-on Google Workspace Contoh konferensi Add-on Google Workspace untuk Kalender
Kalender
Apps Script

Menggunakan UI yang sudah ada

Add-on Editor Contoh Add-on Editor
Dokumen
Spreadsheet
Slide
Formulir
Apps Script
Aplikasi Google Chat Contoh aplikasi Chat
{i>Chat<i}
AppSheet
Apps Script
Pengembangan penuh
Fungsi kustom Contoh fungsi kustom
Spreadsheet
Apps Script

Menggunakan UI yang sudah ada

Makro Contoh makro
Spreadsheet
Apps Script

Menggunakan UI yang sudah ada

Menu, dialog, dan sidebar kustom Contoh menu dan sidebar
Dokumen
Spreadsheet
Slide
Formulir
Apps Script
Aplikasi Google Drive Contoh aplikasi Drive
Drive
Pengembangan penuh

Menggunakan UI yang sudah ada

Add-on Google Classroom Add-on Google Classroom
Kelas
Pengembangan penuh

Add-on Google Workspace

Contoh Add-on Google Workspace

Add-on Google Workspace adalah aplikasi yang terintegrasi dengan Google Workspace aplikasi. Add-on Google Workspace dapat menyediakan beberapa berbagai aplikasi Google Workspace. Aplikasi paling sering dibuka di bilah sisi dari dalam aplikasi Google Workspace yang lebih luas.

Lihat dokumentasi Add-on Google Workspace

Dapat dipublikasikan



Opsi coding:

Apps Script
Pengembangan penuh

Memperluas aplikasi berikut:

Gmail
Mengemudi
Kalender

Dokumen
Spreadsheet
Slide

Framework UI yang tersedia:

Framework kartu



Contoh pratinjau link

Add-on Google Workspace yang memperluas Dokumen dapat membuat link khusus menyediakan pratinjau dari layanan pihak ketiga. Mirip dengan {i>smart chip<i} yang Dokumen dibuat untuk sebutan orang, file, acara kalender, atau entitas lain dalam aplikasi Google Workspace, add-on dapat membuat {i>smart chip<i} untuk link pihak ketiga dan menampilkan kartu pratinjau saat seseorang mengarahkan kursor ke {i>chip<i}.

Anda dapat menambahkan pratinjau link ke Add-on Google Workspace yang ada atau membuat Add-on Google Workspace terpisah khusus untuk pratinjau link.

Melihat pratinjau link dan dokumentasi smart chip

Dapat dipublikasikan



Opsi coding:

AppSheet
Apps Script
Pengembangan penuh

Memperluas aplikasi berikut:

Dokumen
Spreadsheet
Slide

Framework UI yang tersedia:

Framework kartu



Draf email | Add-on Google Workspace

Contoh draf email

Add-on Google Workspace yang memperluas Gmail dapat memberikan ketika pengguna menulis pesan baru atau membalas pesan yang ada. Untuk menggunakan antarmuka ini, pengguna harus membuka add-on dari dalam draf email, baik di bagian bawah draf maupun di Menu Opsi lainnya.

Lihat dokumentasi draf email

Dapat dipublikasikan



Opsi coding:

Apps Script
Pengembangan penuh

Memperluas aplikasi berikut:

Gmail

Framework UI yang tersedia:

Framework kartu



Konferensi kalender | Add-on Google Workspace

Contoh konferensi kalender

Jika Anda adalah penyedia konferensi web, Anda dapat membuat Add-on Google Workspace yang memperluas Google Kalender dengan solusi konferensi Anda. Add-on menambahkan opsi konferensi untuk acara Kalender, yang memungkinkan pengguna membuat dan bergabung ke konferensi tersebut langsung dari Kalender.

Lihat dokumentasi konferensi Kalender

Dapat dipublikasikan



Opsi coding:

Apps Script

Memperluas aplikasi berikut:

Kalender

Framework UI yang tersedia:

Menggunakan UI yang sudah ada


Add-on Editor

Contoh Add-on Editor

Add-on Editor adalah aplikasi yang memperluas Dokumen, Spreadsheet, Slide, atau Formulir. Add-on Editor hanya dapat memperluas satu aplikasi per add-on, tetapi Anda dapat memublikasikan beberapa Add-on Editor di Marketplace yang sama listingan. Pengguna membuka Add-on Editor dari menu Ekstensi dalam aplikasi yang diperluas.

Anda dapat menggunakan antarmuka berikut untuk Add-on Editor:

  • Sidebar di sebelah aplikasi yang diperluasnya.
  • Dialog yang menempatkan aplikasi dapat meluas.
  • Item menu yang menjalankan skrip.
  • Fungsi kustom di Google Spreadsheet pada {i>spreadsheet<i}.

Lihat dokumentasi Add-on Editor

Dapat dipublikasikan



Opsi coding:

Apps Script

Memperluas aplikasi berikut:

Dokumen
Spreadsheet
Slide
Formulir

Framework UI yang tersedia:

HTML
iFrame



Aplikasi chat

Contoh aplikasi Chat

Aplikasi Chat menghadirkan resource dan layanan ke dalam Chat. Anda dapat mendesain aplikasi Chat untuk berinteraksi dengan pengguna dalam berbagai cara, termasuk:

  • Menanggapi perintah garis miring dengan pesan teks atau pesan kartu.
  • Buka dialog untuk membantu pengguna menyelesaikan multi-langkah proses, seperti mengisi data formulir.
  • Lihat pratinjau link dengan melampirkan kartu dengan informasi yang memungkinkan pengguna tindakan langsung dari percakapan.

Lihat dokumentasi aplikasi Chat

Dapat dipublikasikan



Opsi coding:

AppSheet
Apps Script
Pengembangan penuh

Memperluas aplikasi berikut:

{i>Chat<i}

Framework UI yang tersedia:

Framework kartu



Fungsi kustom

Contoh fungsi kustom

Fungsi kustom memungkinkan Anda menambahkan lebih banyak fungsi di Spreadsheet. Pengguna dapat menemukan dan menggunakannya seperti salah satu dari ratusan fungsi bawaan yang tersedia di Spreadsheet. Anda dapat memublikasikan fungsi kustom sebagai Add-on Editor.

Lihat dokumentasi fungsi kustom

Dapat dipublikasikan



Opsi coding:

Apps Script

Memperluas aplikasi berikut:

Spreadsheet

Framework UI yang tersedia:

Menggunakan UI yang sudah ada


Makro

Contoh makro

Makro adalah rekaman di Spreadsheet yang menduplikasi rangkaian tertentu interaksi UI yang Anda tentukan. Anda dapat menautkan makro ke pintasan keyboard atau jalankan dari Ekstensi &gt; Menu Makro.

Saat Anda merekam makro, Spreadsheet akan otomatis membuat Fungsi Apps Script yang mereplikasi interaksi UI. Anda dapat mengedit makro secara langsung di editor Apps Script. Anda dapat menulis makro dari awal di Apps Script, atau menggunakan fungsi yang telah tulis dan mengubahnya menjadi makro.

Melihat dokumentasi makro

Opsi coding:

Apps Script

Memperluas aplikasi berikut:

Spreadsheet

Framework UI yang tersedia:

Menggunakan UI yang sudah ada


Menu, dialog, dan sidebar kustom

Contoh menu kustom

Anda dapat menambahkan menu khusus, {i>prompt<i}, peringatan, dan dialog berbasis HTML serta sidebar ke file di Dokumen, Spreadsheet, Slide, dan Formulir. Menu khusus muncul di samping menu {i>default<i} dari aplikasi yang diperluas. Dialog, sidebar, prompt, dan pemberitahuan biasanya diaktifkan oleh tindakan pengguna seperti klik item menu, atau oleh pemicu seperti yang dipicu peristiwa.

Melihat dokumentasi menu, dialog, dan sidebar kustom

Opsi coding:

Apps Script

Memperluas aplikasi berikut:

Dokumen
Spreadsheet
Slide
Formulir

Framework UI yang tersedia:

HTML
iFrame



Aplikasi Drive

Contoh aplikasi Drive

Jika aplikasi Anda mendukung file Drive, Anda dapat mengintegrasikannya dengan Mendorong antarmuka pengguna untuk menampilkan aplikasi Anda sebagai opsi untuk membuat atau membuka file. Aplikasi Anda dapat muncul di bagian Baru &gt; Menu Lainnya dan Menu Buka dengan saat pengguna mengklik kanan file di Drive. Saat pengguna memilih aplikasi Anda dari salah satu menu, aplikasi Anda akan terbuka di jendela baru.

Lihat dokumentasi aplikasi Drive

Dapat dipublikasikan



Opsi coding:

Pengembangan penuh

Memperluas aplikasi berikut:

Mengemudi

Framework UI yang tersedia:

Menggunakan UI yang sudah ada


Add-on Google Classroom

Add-on Classroom

Add-on Google Classroom memungkinkan pendidik membuat lampiran pada tugas mata pelajaran, pengumuman, atau materi tugas mata pelajaran. Lampiran ini terbuka konten pihak ketiga dalam iframe di Classroom. iframe terbuka URL terpisah, bergantung pada jenis pengguna dan konteks Classroom.

Lihat dokumentasi add-on Classroom

Dapat dipublikasikan



Opsi coding:

Pengembangan penuh

Memperluas aplikasi berikut:

Ruang kelas

Framework UI yang tersedia:

iFrame