Halaman ini menjelaskan opsi 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 agar pengguna dapat menggunakan aplikasi secara langsung dari satu atau beberapa aplikasi Google Workspace. Misalnya, buat 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, buat aplikasi Google Chat yang memungkinkan pengguna melaporkan timesheet mingguan langsung dari Google Chat.
- Menambahkan kapabilitas 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, yakni 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:
- Apps yang diperluas: Mencantumkan aplikasi Google Workspace yang dapat Anda perluas dengan opsi yang ditentukan.
- Opsi coding: Mencantumkan cara Anda dapat membangun aplikasi, termasuk:
- AppSheet: Platform pengembangan tanpa kode.
- Apps Script: Platform pengembangan berbasis cloud dengan sedikit kode berbasis JavaScript.
- Full dev: Tech stack Anda sendiri yang mendukung bahasa coding 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 dan dibuat dengan Card Service menggunakan Apps Script atau dengan menampilkan JSON yang diformat dengan benar untuk merender kartu dengan tech stack pilihan Anda (dev lengkap). Antarmuka berbasis kartu tidak memerlukan pengetahuan 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 mudah disesuaikan, tetapi memerlukan lebih banyak pekerjaan manual untuk menciptakan pengalaman pengguna yang luar biasa.
- iFrame: iFrame menyematkan konten eksternal ke Google Workspace dan menawarkan paling banyak kemampuan untuk disesuaikan untuk antarmuka pengguna.
Berikut adalah deskripsi untuk setiap opsi pada tabel.
Yang dapat Anda bangun | Pratinjau | Aplikasi yang diperluas | Opsi coding | UI berbasis kartu | UI HTML | UI iFrame |
---|---|---|---|---|---|---|
Add-on Google Workspace |
|
Gmail Drive
Kalender
Dokumen
Spreadsheet
Slide
|
Apps Script
Developer lengkap
|
|||
Pratinjau link dan smart chip | Add-on Google Workspace |
|
Dokumen
|
AppSheet
Apps Script
Developer lengkap
|
|||
Draf email | Add-on Google Workspace |
|
Gmail
|
Apps Script
Developer lengkap
|
|||
Konferensi kalender | Add-on Google Workspace |
|
Kalender
|
Apps Script
|
Menggunakan UI yang ada |
||
Add-on Editor |
|
Dokumen
Spreadsheet
Slide
Formulir
|
Apps Script
|
|||
Aplikasi Google Chat |
|
Chat
|
AppSheet
Apps Script
Developer lengkap
|
|||
Fungsi kustom |
|
Spreadsheet
|
Apps Script
|
Menggunakan UI yang ada |
||
Makro |
|
Spreadsheet
|
Apps Script
|
Menggunakan UI yang ada |
||
Menu, dialog, dan sidebar kustom |
|
Dokumen
Spreadsheet
Slide
Formulir
|
Apps Script
|
|||
Aplikasi Google Drive |
|
Drive
|
Developer lengkap
|
Menggunakan UI yang ada |
Add-on Google Workspace
Add-on Google Workspace adalah aplikasi yang terintegrasi dengan aplikasi Google Workspace. Add-on Google Workspace dapat memperluas beberapa aplikasi Google Workspace. Aplikasi yang paling sering dibuka di sidebar dari dalam aplikasi Google Workspace yang diperluas.
Lihat dokumentasi Add-on Google Workspace
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Pratinjau link dan smart chip | Add-on Google Workspace
Add-on Google Workspace yang memperluas Dokumen dapat membuat pratinjau link kustom dari layanan pihak ketiga. Serupa dengan smart chip yang dihasilkan Dokumen untuk penyebutan orang, file, acara kalender, atau entitas lain dalam aplikasi Google Workspace, add-on dapat menghasilkan smart chip untuk link pihak ketiga dan menampilkan kartu pratinjau saat seseorang mengarahkan kursor ke chip tersebut.
Anda dapat menambahkan pratinjau link ke Add-on Google Workspace yang ada atau membuat Add-on Google Workspace terpisah khusus untuk pratinjau link.
Melihat dokumentasi smart chip dan pratinjau link
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Draf email | Add-on Google Workspace
Add-on Google Workspace yang memperluas Gmail dapat memberikan antarmuka kustom saat pengguna menulis pesan baru atau membalas pesan yang sudah ada. Untuk menggunakan antarmuka ini, pengguna dapat membuka add-on dari dalam draf email, baik di bagian bawah draf atau di menu Opsi lainnya
.
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Konferensi kalender | Add-on Google Workspace
Jika Anda adalah penyedia konferensi web, Anda dapat membuat Add-on Google Workspace yang memperluas Google Kalender dengan solusi konferensi. Add-on ini menambahkan opsi konferensi untuk acara Kalender, sehingga pengguna dapat membuat dan bergabung ke konferensi tersebut langsung dari Kalender.
Lihat dokumentasi konferensi Kalender
Opsi coding:
Memperluas aplikasi berikut:
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 di listingan Marketplace yang sama. Pengguna membuka Add-on Editor dari menu Extensions di aplikasi yang diperluas.
Anda dapat menggunakan antarmuka berikut untuk Add-on Editor:
- Sidebar di samping aplikasi yang diperluas.
- Dialog yang menempatkan aplikasi yang diperluas.
- Item menu yang menjalankan skrip.
Lihat dokumentasi Add-on Editor
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Aplikasi chat
Aplikasi chat menghadirkan resource dan layanan ke dalam Chat. Anda dapat mendesain aplikasi Chat untuk berinteraksi dengan pengguna dalam berbagai cara, termasuk:
- Tanggapi perintah garis miring dengan pesan teks atau pesan kartu.
- Buka dialog untuk membantu pengguna menyelesaikan proses multi-langkah, seperti mengisi data formulir.
- Lihat pratinjau link dengan melampirkan kartu berisi informasi bermanfaat sehingga pengguna dapat mengambil tindakan langsung dari percakapan.
Lihat dokumentasi aplikasi Chat
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
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.
Lihat dokumentasi fungsi kustom
Opsi coding:
Memperluas aplikasi berikut:
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 dalam editor Apps Script. Anda dapat menulis makro dari awal di Apps Script, atau mengambil fungsi yang telah Anda tulis dan mengubahnya menjadi makro.
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Menggunakan UI yang ada
Menu, dialog, dan sidebar kustom
Anda dapat menambahkan menu khusus, perintah, pemberitahuan, serta dialog dan sidebar berbasis HTML ke file dalam Dokumen, Spreadsheet, Slide, dan Formulir. Menu kustom muncul di samping menu default aplikasi yang diperluas. 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 coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Aplikasi Drive
Jika aplikasi Anda mendukung file Drive, Anda dapat mengintegrasikan antarmuka pengguna Drive untuk menampilkan aplikasi sebagai opsi untuk membuat atau membuka file. Aplikasi Anda dapat muncul di menu New > More dan menu Open with saat pengguna mengklik kanan file di Drive. Saat pengguna memilih aplikasi dari salah satu menu, aplikasi akan terbuka di jendela baru.
Lihat dokumentasi aplikasi Drive
Opsi coding:
Memperluas aplikasi berikut:
Framework UI yang tersedia:
Menggunakan UI yang ada