หน้านี้จะอธิบายถึงตัวเลือกในการขยายอินเทอร์เฟซผู้ใช้ (UI) ของ Google Workspace คุณสามารถขยาย UI ของ Google Workspace ได้จากหลายสาเหตุ เช่น
- ผสานรวมแอปหรือบริการใน Google Workspace เพื่อให้ผู้ใช้ใช้แอปได้โดยตรงจากแอป Google Workspace อย่างน้อย 1 แอป เช่น สร้างส่วนเสริมของ Google Workspace ที่สร้างชิปอัจฉริยะและตัวอย่างลิงก์สำหรับบริการภายใน Google เอกสาร
- ช่วยให้ผู้ใช้ Google Workspace ทำงานได้อย่างมีประสิทธิภาพมากขึ้นหรือปรับปรุงเวิร์กโฟลว์ เช่น สร้างแอป Google Chat ที่ช่วยให้ผู้ใช้รายงานบันทึกการทำงาน แบบรายสัปดาห์จาก Google Chat ได้โดยตรง
- เพิ่มความสามารถที่ไม่มีใน Google Workspace ตั้งแต่แรก เช่น เพิ่มเมนูที่กำหนดเองใน Google เอกสาร, ชีต หรือสไลด์
คุณสามารถเผยแพร่ตัวเลือกส่วนใหญ่ในการขยาย UI ของ Google Workspace ไปยัง Google Workspace Marketplace ซึ่งเป็นร้านค้าออนไลน์ที่ผู้ใช้ค้นหาและติดตั้งแอปของบุคคลที่สามที่ผสานรวมกับ Google Workspace ได้
ภาพรวมของตัวเลือกในการขยาย UI ของ Google Workspace
ตารางต่อไปนี้แสดงตัวเลือกในการขยาย UI ของ Google Workspace และเปรียบเทียบตัวเลือกดังกล่าวตามลักษณะเฉพาะเหล่านี้
- แอปแบบขยาย: แสดงรายการแอป Google Workspace ที่ขยายได้ด้วยตัวเลือกที่มีให้
- ตัวเลือกการเขียนโค้ด: แสดงวิธีต่างๆ ที่คุณสร้างได้ ซึ่งรวมถึง
- AppSheet: แพลตฟอร์มการพัฒนาที่ไม่จำเป็นต้องเขียนโค้ด
- Apps Script: แพลตฟอร์มการพัฒนาในระบบคลาวด์ที่ใช้โค้ดน้อยซึ่งใช้ JavaScript
- การพัฒนาเต็มรูปแบบ: ชุดซอฟต์แวร์โครงสร้างพื้นฐานของคุณเองที่รองรับภาษาการเขียนโค้ดที่คุณต้องการ
- เฟรมเวิร์ก UI: ระบุประเภทของเฟรมเวิร์ก UI ที่คุณใช้สร้างแต่ละตัวเลือกได้ ซึ่งรวมถึง
- อิงตามการ์ด: อินเทอร์เฟซของการ์ดเป็นวิดเจ็ตและการ์ดที่กำหนดไว้ล่วงหน้าซึ่งสร้างด้วยบริการการ์ดโดยใช้ Apps Script หรือแสดงผลการ์ดในรูปแบบ JSON อย่างเหมาะสมเพื่อแสดงผลการ์ดด้วยชุดซอฟต์แวร์ที่ต้องการ (Dev เวอร์ชันเต็ม) อินเทอร์เฟซแบบการ์ดไม่จำเป็นต้องใช้ความรู้เกี่ยวกับ HTML หรือ CSS และทำงานได้ดีทั้งกับไคลเอ็นต์บนเดสก์ท็อปและอุปกรณ์เคลื่อนที่
- HTML: Apps Script มีบริการ HTML สำหรับการพัฒนาหน้าเว็บซึ่งโต้ตอบกับฟังก์ชัน Apps Script ฝั่งเซิร์ฟเวอร์ได้ อินเทอร์เฟซที่พัฒนาด้วยบริการ HTML สามารถปรับแต่งได้มาก แต่ต้องอาศัยการทำงานด้วยตนเองมากกว่าเพื่อสร้างประสบการณ์ที่ยอดเยี่ยมแก่ผู้ใช้
- iFrame: iFrame จะฝังเนื้อหาภายนอกไว้ใน Google Workspace และให้คุณปรับแต่งอินเทอร์เฟซผู้ใช้ได้มากที่สุด
ต่อไปนี้คือคำอธิบายสำหรับแต่ละตัวเลือก
สิ่งที่คุณสร้างได้ | Preview | ขยายแอปแล้ว | ตัวเลือกการเขียนโค้ด | UI แบบการ์ด | UI ของ HTML | UI ของ iframe |
---|---|---|---|---|---|---|
ส่วนเสริมของ Google Workspace |
|
|
|
|||
ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริมของ Google Workspace |
|
|
|
|||
อีเมลฉบับร่าง | ส่วนเสริม Google Workspace |
|
|
|
|||
การประชุมในปฏิทิน | ส่วนเสริม Google Workspace |
|
|
|
ใช้ UI ที่มีอยู่ |
||
ส่วนเสริมเครื่องมือแก้ไข |
|
|
|
|||
แอปใน Google Chat |
|
|
|
|||
ฟังก์ชันที่กำหนดเอง |
|
|
|
ใช้ UI ที่มีอยู่ |
||
มาโคร |
|
|
|
ใช้ UI ที่มีอยู่ |
||
เมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง |
|
|
|
|||
แอป Google ไดรฟ์ |
|
|
|
ใช้ UI ที่มีอยู่ |
||
ส่วนเสริมของ Google Classroom |
|
ห้องเรียน
|
|
ส่วนเสริมของ Google Workspace
ส่วนเสริมของ Google Workspace คือแอปพลิเคชันที่ผสานรวมกับแอปของ Google Workspace ส่วนเสริมของ Google Workspace ช่วยขยาย การทำงานของแอป Google Workspace ได้หลายแอป โดยส่วนใหญ่แล้วแอปจะเปิดในแถบด้านข้างจากภายในแอป Google Workspace ที่ขยายอยู่
ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Google Workspace
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริมของ Google Workspace
ส่วนเสริมของ Google Workspace ที่ขยายการใช้งาน Google เอกสารสามารถสร้างตัวอย่างลิงก์ที่กำหนดเองจากบริการของบุคคลที่สามได้ ส่วนเสริมสามารถสร้างชิปอัจฉริยะสำหรับลิงก์ของบุคคลที่สามและแสดงการ์ดแสดงตัวอย่างเมื่อมีคนวางเมาส์เหนือชิป ซึ่งคล้ายกับชิปอัจฉริยะที่เอกสารสร้างขึ้นเพื่อพูดถึงบุคคล ไฟล์ กิจกรรมในปฏิทิน หรือเอนทิตีอื่นๆ ภายในแอปพลิเคชัน Google Workspace
โดยคุณสามารถเพิ่มตัวอย่างลิงก์ลงในส่วนเสริมของ Google Workspace ที่มีอยู่ หรือสร้างส่วนเสริมของ Google Workspace แยกต่างหากสำหรับตัวอย่างลิงก์โดยเฉพาะ
ดูตัวอย่างลิงก์และเอกสารประกอบเกี่ยวกับชิปอัจฉริยะ
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace
ส่วนเสริมของ Google Workspace ที่ขยายการใช้งาน Gmail สามารถให้อินเทอร์เฟซที่กำหนดเองเมื่อผู้ใช้เขียนข้อความใหม่หรือตอบกลับข้อความที่มีอยู่ หากต้องการใช้อินเทอร์เฟซนี้ ผู้ใช้จะเปิดส่วนเสริมจากภายในอีเมลฉบับร่างได้ที่ด้านล่างของร่างจดหมายหรือในเมนูตัวเลือกเพิ่มเติม
ดูเอกสารประกอบเกี่ยวกับอีเมลฉบับร่าง
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
การประชุมทางวิดีโอ | ส่วนเสริม Google Workspace
หากเป็นผู้ให้บริการการประชุมบนเว็บ คุณสามารถสร้างส่วนเสริม Google Workspace ที่ขยายการใช้งาน Google ปฏิทินด้วยโซลูชันการประชุมของคุณได้ ส่วนเสริมดังกล่าวจะเพิ่มตัวเลือกการประชุมสำหรับกิจกรรมในปฏิทินเพื่อให้ผู้ใช้สร้างและเข้าร่วมการประชุมเหล่านั้นได้โดยตรงจากปฏิทิน
ดูเอกสารประกอบการประชุมในปฏิทิน
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
ใช้ UI ที่มีอยู่
ส่วนเสริมเครื่องมือแก้ไข
ส่วนเสริมเครื่องมือแก้ไขคือแอปที่ขยายไปยังเอกสาร ชีต สไลด์ หรือฟอร์ม ส่วนเสริมเครื่องมือแก้ไขรองรับได้ 1 แอปต่อส่วนเสริมเท่านั้น แต่คุณสามารถเผยแพร่ส่วนเสริมเครื่องมือแก้ไขหลายรายการในข้อมูลผลิตภัณฑ์ใน Marketplace เดียวกันได้ ผู้ใช้เปิดส่วนเสริมเครื่องมือแก้ไขจากเมนูส่วนขยายในแอปที่ขยายได้
คุณใช้อินเทอร์เฟซต่อไปนี้สำหรับ ส่วนเสริมเอดิเตอร์ได้
- แถบด้านข้างข้างแอปพลิเคชันที่ขยาย
- กล่องโต้ตอบที่วางซ้อนแอป แอปจะขยายออก
- รายการเมนูที่เรียกใช้สคริปต์
- ฟังก์ชันที่กำหนดเองในสเปรดชีต Google ชีต
ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Editor
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
แอปแชท
แอป Chat จะเพิ่มทรัพยากรและบริการต่างๆ ใน Chat คุณออกแบบแอปใน Chat ให้โต้ตอบกับผู้ใช้ได้หลายวิธี เช่น
- ตอบกลับคำสั่งเครื่องหมายทับด้วย SMS หรือข้อความในการ์ด
- เปิดกล่องโต้ตอบเพื่อช่วยผู้ใช้ให้ทำขั้นตอนหลายขั้นตอนให้เสร็จสิ้น เช่น กรอกข้อมูลในแบบฟอร์ม
- แสดงตัวอย่างลิงก์โดยการแนบการ์ดซึ่งมีข้อมูลที่เป็นประโยชน์ที่ช่วยให้ผู้ใช้ดำเนินการได้จากการสนทนาโดยตรง
ดูเอกสารประกอบเกี่ยวกับแอป Chat
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
ฟังก์ชันที่กำหนดเอง
ฟังก์ชันที่กำหนดเองช่วยให้คุณเพิ่มฟังก์ชันอื่นๆ ในชีตได้ ผู้ใช้สามารถค้นหาและใช้งานฟังก์ชันดังกล่าวได้เช่นเดียวกับฟังก์ชันในตัวที่มีให้เลือกหลายร้อยรายการในชีต คุณสามารถเผยแพร่ฟังก์ชันที่กำหนดเองเป็น ส่วนเสริมเครื่องมือแก้ไขได้
ดูเอกสารประกอบของฟังก์ชันที่กำหนดเอง
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
ใช้ UI ที่มีอยู่
มาโคร
มาโครคือการบันทึกในชีตซึ่งทำซ้ำชุดการโต้ตอบ UI ที่เฉพาะเจาะจงซึ่งคุณกำหนดไว้ คุณสามารถลิงก์มาโครกับแป้นพิมพ์ลัด หรือเรียกใช้มาโครจากเมนูส่วนขยาย > มาโคร
เมื่อคุณบันทึกมาโคร ชีตจะสร้างฟังก์ชัน Apps Script ที่จำลองการโต้ตอบกับ UI โดยอัตโนมัติ คุณแก้ไขมาโครได้โดยตรงภายในเครื่องมือแก้ไข Apps Script คุณเขียนมาโครตั้งแต่ต้นใน Apps Script หรือนำฟังก์ชันที่เขียนไว้แล้วมาเปลี่ยนเป็นมาโครได้
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
ใช้ UI ที่มีอยู่
เมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง
คุณเพิ่มเมนูที่กำหนดเอง พรอมต์ การแจ้งเตือน รวมถึงกล่องโต้ตอบและแถบด้านข้างแบบ HTML ให้กับไฟล์ในเอกสาร ชีต สไลด์ และฟอร์มได้ เมนูที่กำหนดเองจะปรากฏถัดจากเมนู เริ่มต้นของแอปที่ขยาย โดยปกติแล้วกล่องโต้ตอบ แถบด้านข้าง ข้อความแจ้ง และการแจ้งเตือนจะเปิดใช้งานโดยการดำเนินการของผู้ใช้ เช่น การคลิกรายการเมนู หรือจากตัวทริกเกอร์ต่างๆ เช่น ทริกเกอร์ที่ขับเคลื่อนด้วยเหตุการณ์
ดูเอกสารเกี่ยวกับเมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
แอปไดรฟ์
หากแอปของคุณรองรับไฟล์ในไดรฟ์ คุณจะผสานรวมกับอินเทอร์เฟซผู้ใช้ของไดรฟ์เพื่อนำเสนอแอปเป็นตัวเลือกในการสร้างหรือเปิดไฟล์ได้ แอปของคุณอาจปรากฏในเมนูใหม่ > เพิ่มเติม และเมนู เปิดด้วย เมื่อผู้ใช้คลิกขวาที่ไฟล์ในไดรฟ์ เมื่อผู้ใช้เลือกแอปจากเมนูใดเมนูหนึ่ง แอปจะเปิดขึ้นในหน้าต่างใหม่
ดูเอกสารประกอบเกี่ยวกับแอปไดรฟ์
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน:
ใช้ UI ที่มีอยู่
ส่วนเสริมของ Google Classroom
ส่วนเสริมของ Google Classroom ช่วยให้นักการศึกษาสร้างไฟล์แนบในงานของชั้นเรียน ประกาศ หรือสื่อการบ้านและรายงานได้ ไฟล์แนบเหล่านี้จะเปิดเนื้อหาของบุคคลที่สามใน iframe ของ Classroom iframe จะเปิด URL ที่แยกต่างหากตามประเภทของผู้ใช้และบริบทของ Classroom
ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Classroom
ตัวเลือกการเขียนโค้ด:
ขยายแอปต่อไปนี้
เฟรมเวิร์ก UI ที่พร้อมใช้งาน: