หน้านี้จะอธิบายถึงตัวเลือกในการขยายเวลาผู้ใช้ Google Workspace ของอินเทอร์เฟซ (UI) คุณสามารถขยาย 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 ที่จัดรูปแบบอย่างถูกต้องเป็น แสดงผลการ์ดด้วยชุดซอฟต์แวร์โครงสร้างพื้นฐานที่คุณต้องการ (การพัฒนาซอฟต์แวร์เต็มรูปแบบ) อิงตามบัตร คุณไม่จำเป็นต้องมีความรู้เกี่ยวกับ HTML หรือ CSS และสามารถทำงานกับทั้ง 2 ประเภท ไคลเอ็นต์บนเดสก์ท็อปและอุปกรณ์เคลื่อนที่
- HTML: Apps Script นำเสนอ บริการ HTML สำหรับพัฒนาหน้าเว็บที่สามารถ โต้ตอบกับฟังก์ชัน Apps Script ฝั่งเซิร์ฟเวอร์ อินเทอร์เฟซ ซึ่งพัฒนาร่วมกับบริการ HTML นั้นสามารถปรับแต่งได้หลากหลาย แต่ต้องการที่จะ งานที่ต้องทำด้วยตนเองเพื่อสร้างประสบการณ์ที่ยอดเยี่ยมให้กับผู้ใช้
- iFrame: iframe จะฝังเนื้อหาภายนอกลงใน Google Workspace และ สามารถปรับแต่งอินเทอร์เฟซผู้ใช้ได้มากที่สุด
ต่อไปนี้คือคำอธิบายสำหรับแต่ละตัวเลือก
สิ่งที่คุณสร้างได้ | Preview | ขยายแอปแล้ว | ตัวเลือกการเขียนโค้ด | UI แบบการ์ด | UI ของ HTML | UI ของ iframe |
---|---|---|---|---|---|---|
ส่วนเสริมของ Google Workspace |
|
Gmail ไดรฟ์
ปฏิทิน
เอกสาร
ชีต
สไลด์ 24-30
|
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
|
|||
ตัวอย่างลิงก์และชิปอัจฉริยะ ส่วนเสริมของ Google Workspace |
|
เอกสาร
ชีต
สไลด์ 24-30
|
AppSheet
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
|
|||
อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace |
|
Gmail
|
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
|
|||
การประชุมในปฏิทิน | ส่วนเสริมของ Google Workspace |
|
ปฏิทิน
|
สคริปต์ของ Apps
|
ใช้ UI ที่มีอยู่ |
||
ส่วนเสริมเครื่องมือแก้ไข |
|
เอกสาร
ชีต
สไลด์ 24-30
แบบฟอร์ม
|
สคริปต์ของ Apps
|
|||
แอปใน Google Chat |
|
แชท
|
AppSheet
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
|
|||
ฟังก์ชันที่กำหนดเอง |
|
ชีต
|
สคริปต์ของ Apps
|
ใช้ UI ที่มีอยู่ |
||
มาโคร |
|
ชีต
|
สคริปต์ของ Apps
|
ใช้ UI ที่มีอยู่ |
||
เมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง |
|
เอกสาร
ชีต
สไลด์ 24-30
แบบฟอร์ม
|
สคริปต์ของ Apps
|
|||
แอป 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 ที่พร้อมใช้งานมีดังนี้