Halaman ini menjelaskan opsi Anda untuk memperluas antarmuka pengguna (UI) Google Workspace. Anda dapat memperluas UI Google Workspace karena berbagai alasan, termasuk:
- Integrasikan aplikasi atau layanan Anda ke Google Workspace, sehingga pengguna dapat menggunakan aplikasi langsung dari satu atau beberapa aplikasi Google Workspace. Misalnya, buat add-on Google Workspace yang membuat chip smart dan pratinjau link untuk layanan Anda di dalam Google Dokumen.
- Membantu pengguna Google Workspace menjadi lebih produktif atau meningkatkan alur kerja mereka. Misalnya, buat aplikasi Google Chat yang memungkinkan pengguna melaporkan lembar kehadiran mingguan langsung dari Google Chat.
- Menambahkan kemampuan yang tidak tersedia secara native di Google Workspace. Misalnya, tambahkan menu kustom di Dokumen, Google Spreadsheet, atau Google 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 terintegrasi dengan Google Workspace.
Ringkasan opsi untuk memperluas UI Google Workspace
Tabel berikut mencantumkan opsi untuk memperluas UI Google Workspace dan membandingkannya berdasarkan karakteristik berikut:
- Aplikasi yang diperluas: Mencantumkan aplikasi Google Workspace yang dapat Anda perluas dengan opsi yang diberikan.
- Opsi pengodean: Mencantumkan cara Anda dapat membangun, termasuk:
- AppSheet: Platform pengembangan tanpa kode.
- Apps Script: Platform pengembangan berbasis cloud dan low-code yang berbasis di JavaScript.
- Pengembangan penuh: Stack teknologi Anda sendiri yang mendukung bahasa pengodean pilihan Anda.
- Framework UI: Menunjukkan jenis framework UI yang dapat Anda gunakan untuk membuat setiap opsi, termasuk:
- Berbasis kartu: Antarmuka kartu adalah widget dan kartu yang telah ditentukan sebelumnya yang dibuat dengan Card Service menggunakan Apps Script atau dengan menampilkan JSON yang diformat dengan benar untuk merender kartu dengan stack teknologi pilihan Anda (pengembangan penuh). Antarmuka berbasis kartu tidak memerlukan pengetahuan tentang HTML atau CSS, dan berfungsi dengan baik di klien desktop dan seluler.
- HTML: Apps Script menawarkan layanan HTML untuk mengembangkan halaman web yang dapat berinteraksi dengan fungsi Apps Script sisi server. Antarmuka yang dikembangkan dengan layanan HTML sangat dapat disesuaikan, tetapi memerlukan lebih banyak pekerjaan manual untuk menciptakan pengalaman pengguna yang luar biasa.
- iframe: iframe menyematkan konten eksternal ke Google Workspace dan menawarkan penyesuaian paling banyak untuk antarmuka pengguna.
Berikut adalah deskripsi untuk setiap opsi.
| Yang dapat Anda buat | Pratinjau | Aplikasi diperpanjang | Opsi coding | UI berbasis kartu | UI HTML | UI iframe |
|---|---|---|---|---|---|---|
| Add-on Google Workspace |
|
Gmail  Drive
Kalender
Chat
Dokumen
 Meet
Spreadsheet
Slide |
Apps Script
Full dev
|
|||
| Pratinjau link dan smart chip | Add-on Google Workspace |
|
Dokumen
Spreadsheet
Slide
|
AppSheet
Apps Script
Full dev
|
|||
| Draf email | Add-on Google Workspace |
|
Gmail |
Apps Script
Full dev
|
|||
| Tahap utama dan panel samping rapat | Add-on Google Workspace |
|
Meet
|
Full dev
|
|||
| Aplikasi Google Chat | Add-on Google Workspace |
|
Chat
|
AppSheet
Apps Script
Full dev
|
|||
| Konferensi kalender | Add-on Google Workspace |
|
Kalender
|
Apps Script
|
Menggunakan UI yang ada |
||
| Add-on editor |
|
Dokumen
Spreadsheet
Slide
Formulir |
Apps Script
|
|||
| Fungsi kustom | Add-on Editor |
|
Spreadsheet
|
Apps Script
|
Menggunakan UI yang ada |
||
| Makro | Add-on editor |
|
Spreadsheet
|
Apps Script
|
Menggunakan UI yang ada |
||
| Menu, dialog, dan sidebar kustom | Add-on editor |
|
Dokumen
Spreadsheet
Slide
Formulir |
Apps Script
|
|||
| Aplikasi Google Drive |
|
Drive
|
Pengembangan penuh
|
Menggunakan UI yang ada |
||
| Add-on Google Classroom |
|
 Classroom
|
Full dev
|
|||
Jenis integrasi aplikasi
Bagian berikut menjelaskan jenis integrasi aplikasi yang dapat Anda buat untuk memperluas UI Google Workspace.
Untuk membagikan fitur Anda kepada pengguna Google Workspace lainnya, Anda dapat memublikasikan listingan di Google Workspace Marketplace. Untuk mempelajari jenis integrasi aplikasi yang dapat dicantumkan bersama, lihat Mencantumkan integrasi aplikasi dalam satu listingan di dokumentasi Marketplace.
Add-on Google Workspace
Add-on Google Workspace adalah aplikasi yang terintegrasi dengan aplikasi Google Workspace. Add-on dapat memperluas beberapa aplikasi Google Workspace. Biasanya, aplikasi terbuka di sidebar dari dalam aplikasi Google Workspace yang diperluasnya.
Selain membuat sidebar, Anda dapat membuat fitur berikut untuk add-on:
- Smart chip yang melihat pratinjau link dari layanan pihak ketiga.
- Antarmuka untuk menulis email di Gmail.
- Opsi konferensi web dari acara di Kalender.
Melihat dokumentasi add-on Google Workspace
Dapat dipublikasikan
Opsi pengodean:
Apps Script
Full dev
Memperluas aplikasi berikut:
Gmail
Drive
Kalender
Chat
Dokumen
Meet
Spreadsheet
Slide
Framework UI yang tersedia:
Framework kartu
Pratinjau link dan chip pintar
Add-on Google Workspace yang memperluas Dokumen dapat membuat pratinjau link kustom dari layanan pihak ketiga. Mirip dengan chip smart yang dibuat Dokumen untuk penyebutan orang, file, acara kalender, atau entitas lain dalam aplikasi Google Workspace, add-on dapat membuat chip smart untuk link pihak ketiga dan menampilkan kartu pratinjau saat seseorang mengarahkan kursor ke chip.
Anda dapat menambahkan pratinjau link ke add-on Google Workspace yang ada atau membuat add-on terpisah khusus untuk pratinjau link.
Melihat dokumentasi pratinjau link dan chip smart
Dapat dipublikasikan
Opsi pengodean:
AppSheet
Apps Script
Full dev
Memperluas aplikasi berikut:
Dokumen
Spreadsheet
Slide
Framework UI yang tersedia:
Framework kartu
Draf email
Add-on Google Workspace yang memperluas Gmail dapat menyediakan antarmuka kustom saat pengguna menulis pesan baru atau membalas pesan yang ada. Untuk menggunakan antarmuka ini, pengguna membuka add-on dari dalam draf email, baik di bagian bawah draf atau di menu Opsi lainnya.
Dapat dipublikasikan
Opsi pengodean:
Apps Script
Full dev
Memperluas aplikasi berikut:
Gmail
Framework UI yang tersedia:
Framework kartu
Panggung utama dan panel samping rapat
Add-on Google Workspace yang memperluas Meet memungkinkan Anda menyematkan aplikasi ke antarmuka panel samping atau panggung utama rapat tempat pengguna dapat menemukan, membagikan, dan berkolaborasi di aplikasi Anda tanpa keluar dari Meet.
Tidak seperti add-on Google Workspace lainnya, add-on Meet tidak menggunakan UI framework kartu. Sebagai gantinya, Anda menyematkan aplikasi menggunakan iframe.
Lihat dokumentasi SDK add-on Meet
Dapat dipublikasikan
Opsi pengodean:
Full dev
Memperluas aplikasi berikut:
Meet
Framework UI yang tersedia:
iframe
Aplikasi Google Chat
Aplikasi Chat menghadirkan resource dan layanan ke Chat. Anda dapat mendesain aplikasi Chat untuk berinteraksi dengan pengguna dalam berbagai cara, termasuk:
- Merespons perintah dengan pesan teks atau pesan kartu.
- Membuka dialog untuk membantu pengguna menyelesaikan proses multi-langkah, seperti mengisi data formulir.
- Pratinjau link dengan melampirkan kartu berisi informasi berguna yang memungkinkan pengguna mengambil tindakan langsung dari percakapan.
Melihat dokumentasi aplikasi Chat
Dapat dipublikasikan
Opsi pengodean:
AppSheet
Apps Script
Full dev
Memperluas aplikasi berikut:
Chat
Framework UI yang tersedia:
Framework kartu
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 ini menambahkan opsi konferensi untuk acara Kalender, sehingga pengguna dapat membuat dan bergabung ke konferensi tersebut langsung dari Kalender.
Melihat dokumentasi konferensi Kalender
Dapat dipublikasikan
Opsi pengodean:
Apps Script
Memperluas aplikasi berikut:
Kalender
Framework UI yang tersedia:
Menggunakan UI yang ada
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 dalam listingan Marketplace yang sama. Pengguna membuka add-on Editor dari menu Ekstensi di aplikasi yang diperluas.
Anda dapat membuat fitur berikut untuk add-on Editor:
- Fungsi kustom atau makro di spreadsheet Google Spreadsheet.
- Dialog atau sidebar dalam aplikasi yang diperluas.
- Item menu yang menjalankan skrip.
Lihat dokumentasi add-on Editor
Dapat dipublikasikan
Opsi pengodean:
Apps Script
Memperluas aplikasi berikut:
Dokumen
Spreadsheet
Slide
Formulir
Framework UI yang tersedia:
HTML
iframe
Fungsi kustom
Fungsi kustom memungkinkan Anda menambahkan lebih banyak fungsi di Spreadsheet. Pengguna dapat menemukan dan menggunakannya seperti ratusan fungsi bawaan yang tersedia di Spreadsheet. Anda dapat memublikasikan fungsi kustom sebagai add-on Editor.
Lihat dokumentasi fungsi kustom
Dapat dipublikasikan
Opsi pengodean:
Apps Script
Memperluas aplikasi berikut:
Spreadsheet
Framework UI yang tersedia:
Menggunakan UI yang ada
Makro
Makro adalah rekaman di Spreadsheet yang menduplikasi serangkaian interaksi UI tertentu yang Anda tentukan. Anda dapat menautkan makro ke pintasan keyboard atau menjalankannya dari menu Ekstensi > Makro.
Saat Anda merekam makro, Spreadsheet akan otomatis membuat fungsi Apps Script yang mereplikasi interaksi UI. Anda dapat mengedit makro langsung di editor Apps Script. Anda dapat menulis makro dari awal di Apps Script, atau menggunakan fungsi yang telah Anda tulis dan mengubahnya menjadi makro. Definisi makro dapat disertakan dalam add-on Editor, tetapi tidak dapat dipublikasikan.
Opsi pengodean:
Apps Script
Memperluas aplikasi berikut:
Spreadsheet
Framework UI yang tersedia:
Menggunakan UI yang ada
Menu, dialog, dan sidebar kustom
Anda dapat menambahkan menu, perintah, pemberitahuan, serta dialog dan sidebar berbasis HTML kustom ke file di Dokumen, Spreadsheet, Slide, dan Formulir sebagai bagian dari add-on Editor. Menu kustom muncul di samping menu default aplikasi yang diperluasnya. Dialog, sidebar, perintah, dan pemberitahuan biasanya diaktifkan oleh tindakan pengguna seperti klik item menu, atau oleh pemicu seperti pemicu berbasis peristiwa.
Melihat dokumentasi menu, dialog, dan sidebar kustom
Opsi pengodean:
Apps Script
Memperluas aplikasi berikut:
Dokumen
Spreadsheet
Slide
Formulir
Framework UI yang tersedia:
HTML
iframe
Aplikasi Google Drive
Jika aplikasi Anda mendukung file Drive, Anda dapat berintegrasi dengan antarmuka pengguna Drive untuk menampilkan aplikasi Anda sebagai opsi untuk membuat atau membuka file. Aplikasi Anda dapat muncul di menu Baru > 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 pengodean:
Full dev
Memperluas aplikasi berikut:
Drive
Framework UI yang tersedia:
Menggunakan UI yang ada
Add-on Google Classroom
Add-on Google Classroom memungkinkan pendidik membuat lampiran pada tugas, pengumuman, atau materi tugas. Lampiran ini membuka konten pihak ketiga di iframe di Classroom. Iframe membuka URL terpisah, bergantung pada jenis pengguna dan konteks Classroom.
Lihat dokumentasi add-on Classroom
Dapat dipublikasikan
Opsi pengodean:
Full dev
Memperluas aplikasi berikut:
Classroom
Framework UI yang tersedia:
iframe
Topik terkait
- Mengembangkan di Google Workspace: Mulai membangun aplikasi untuk Google Workspace.
- Google Workspace Marketplace: Publikasikan integrasi aplikasi Anda untuk membagikan solusi Anda kepada pengguna Google Workspace.