ขยาย UI ของ Google Workspace

หน้านี้จะอธิบายถึงตัวเลือกในการขยายเวลาผู้ใช้ 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 ตัวอย่างส่วนเสริมของ Google Workspace
Gmail
ไดรฟ์
ปฏิทิน
เอกสาร
ชีต
สไลด์ 24-30
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
ตัวอย่างลิงก์และชิปอัจฉริยะ ส่วนเสริมของ Google Workspace ตัวอย่างลิงก์ตัวอย่างลิงก์ส่วนเสริมของ Google Workspace
เอกสาร
ชีต
สไลด์ 24-30
AppSheet
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace ตัวอย่างส่วนเสริมของ Google Workspace สำหรับอีเมลฉบับร่าง
Gmail
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
การประชุมในปฏิทิน | ส่วนเสริมของ Google Workspace ตัวอย่างส่วนเสริมของ Google Workspace สำหรับการประชุมในปฏิทิน
ปฏิทิน
สคริปต์ของ Apps

ใช้ UI ที่มีอยู่

ส่วนเสริมเครื่องมือแก้ไข ตัวอย่างส่วนเสริมเครื่องมือแก้ไข
เอกสาร
ชีต
สไลด์ 24-30
แบบฟอร์ม
สคริปต์ของ Apps
แอปใน Google Chat ตัวอย่างแอปใน Chat
แชท
AppSheet
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ
ฟังก์ชันที่กำหนดเอง ตัวอย่างฟังก์ชันที่กำหนดเอง
ชีต
สคริปต์ของ Apps

ใช้ UI ที่มีอยู่

มาโคร ตัวอย่างมาโคร
ชีต
สคริปต์ของ Apps

ใช้ UI ที่มีอยู่

เมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง ตัวอย่างเมนูและแถบด้านข้าง
เอกสาร
ชีต
สไลด์ 24-30
แบบฟอร์ม
สคริปต์ของ Apps
แอป Google ไดรฟ์ ตัวอย่างแอปไดรฟ์
ไดรฟ์
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ใช้ UI ที่มีอยู่

ส่วนเสริมของ Google Classroom ส่วนเสริมของ Google Classroom
ห้องเรียน แห่ง
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ส่วนเสริมของ Google Workspace

ตัวอย่างส่วนเสริมของ Google Workspace

ส่วนเสริมของ Google Workspace คือแอปพลิเคชันที่ผสานรวมเข้ากับ Google Workspace แอป ส่วนเสริมของ Google Workspace ช่วยเพิ่ม แอป Google Workspace โดยส่วนใหญ่ แอปจะเปิดขึ้นในแถบด้านข้างจาก แอป Google Workspace ที่ขยายการใช้งานได้

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Google Workspace

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ขยายการทำงานของแอปต่อไปนี้:

Gmail
ขับรถ
ปฏิทิน

เอกสาร
ชีต
สไลด์ 24-30

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

กรอบการ์ด



ตัวอย่างลิงก์

ส่วนเสริมของ Google Workspace ที่ขยายการใช้งาน Google เอกสารสามารถสร้างลิงก์ที่กำหนดเองได้ ตัวอย่างจากบริการของบุคคลที่สาม คล้ายกับชิปอัจฉริยะที่ เอกสารสร้างขึ้นสำหรับการพูดถึงบุคคล ไฟล์ กิจกรรมในปฏิทิน หรือ เอนทิตีอื่นภายในแอปพลิเคชัน Google Workspace ส่วนเสริมก็สามารถสร้าง ชิปอัจฉริยะสําหรับลิงก์ของบุคคลที่สามและแสดงการ์ดแสดงตัวอย่างเมื่อ วางเมาส์เหนือชิป

คุณสามารถเพิ่มตัวอย่างลิงก์ลงในส่วนเสริมของ Google Workspace ที่มีอยู่หรือสร้าง ส่วนเสริมของ Google Workspace แยกต่างหากสำหรับตัวอย่างลิงก์โดยเฉพาะ

ดูตัวอย่างลิงก์และเอกสารประกอบเกี่ยวกับชิปอัจฉริยะ

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

AppSheet
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ขยายการทำงานของแอปต่อไปนี้:

เอกสาร
ชีต
สไลด์ 24-30

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

กรอบการ์ด



อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace

ตัวอย่างอีเมลฉบับร่าง

ส่วนเสริมของ Google Workspace ที่ขยายการใช้งาน Gmail สามารถปรับแต่งฟังก์ชัน เมื่อผู้ใช้เขียนข้อความใหม่หรือตอบกลับข้อความที่มีอยู่ หากต้องการใช้อินเทอร์เฟซนี้ ผู้ใช้จะเปิดส่วนเสริมจาก ภายในอีเมลฉบับร่าง ที่ด้านล่างของร่างจดหมายหรือใน เมนูตัวเลือกเพิ่มเติม

ดูเอกสารประกอบเกี่ยวกับอีเมลฉบับร่าง

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ขยายการทำงานของแอปต่อไปนี้:

Gmail

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

กรอบการ์ด



การประชุมทางวิดีโอ | ส่วนเสริมของ Google Workspace

ตัวอย่างการประชุมในปฏิทิน

หากเป็นผู้ให้บริการการประชุมบนเว็บ คุณจะสร้างส่วนเสริมของ Google Workspace ได้ ที่ช่วยขยาย Google ปฏิทินด้วยโซลูชันการประชุมของคุณ ส่วนเสริมจะเพิ่ม ตัวเลือกการประชุมสำหรับกิจกรรมในปฏิทิน ที่ช่วยให้ผู้ใช้สร้างและ เข้าร่วมการประชุมเหล่านั้นได้โดยตรงจากปฏิทิน

ดูเอกสารประกอบการประชุมในปฏิทิน

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps

ขยายการทำงานของแอปต่อไปนี้:

ปฏิทิน

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

ใช้ UI ที่มีอยู่


ส่วนเสริมเครื่องมือแก้ไข

ตัวอย่างส่วนเสริมเครื่องมือแก้ไข

ส่วนเสริมเครื่องมือแก้ไขคือแอปที่ขยายเอกสาร ชีต สไลด์ หรือฟอร์ม ส่วนเสริมเครื่องมือแก้ไขเพิ่มได้เพียง 1 แอป ต่อส่วนเสริม แต่คุณสามารถเผยแพร่ ส่วนเสริมเครื่องมือแก้ไขใน Marketplace เดียวกัน ผู้ใช้เปิดส่วนเสริมเครื่องมือแก้ไขจากเมนูส่วนขยาย ในแอปที่ขยายไป

คุณสามารถใช้อินเทอร์เฟซต่อไปนี้สำหรับ ส่วนเสริมเครื่องมือแก้ไข:

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Editor

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps

ขยายการทำงานของแอปต่อไปนี้:

เอกสาร
ชีต
สไลด์ 24-30
แบบฟอร์ม

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

HTML
iFrame



แอปแชท

ตัวอย่างแอปใน Chat

แอป Chat จะเพิ่มทรัพยากรและบริการต่างๆ ใน Chat คุณสามารถออกแบบแอปใน Chat ให้โต้ตอบกับผู้ใช้ได้หลายวิธี ซึ่งรวมถึง

ดูเอกสารประกอบเกี่ยวกับแอป Chat

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

AppSheet
สคริปต์ของ Apps
เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ขยายการทำงานของแอปต่อไปนี้:

แชท

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

กรอบการ์ด



ฟังก์ชันที่กำหนดเอง

ตัวอย่างฟังก์ชันที่กำหนดเอง

ฟังก์ชันที่กำหนดเองช่วยให้คุณเพิ่มฟังก์ชันอื่นๆ ในชีตได้ ผู้ใช้สามารถ ค้นหาและใช้งานฟังก์ชันดังกล่าวได้เช่นเดียวกับฟังก์ชันในตัวที่มีให้เลือกหลายร้อยรายการ ในชีต คุณสามารถเผยแพร่ฟังก์ชันที่กำหนดเองเป็น ส่วนเสริมเครื่องมือแก้ไข

ดูเอกสารประกอบของฟังก์ชันที่กำหนดเอง

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps

ขยายการทำงานของแอปต่อไปนี้:

ชีต

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

ใช้ UI ที่มีอยู่


มาโคร

ตัวอย่างมาโคร

มาโครคือการบันทึกในชีตซึ่งทำซ้ำซีรีส์หนึ่งๆ ของการโต้ตอบ UI ที่คุณกำหนด คุณสามารถลิงก์มาโครกับแป้นพิมพ์ลัดได้ หรือเรียกใช้จากส่วนขยาย > เมนูมาโคร

เมื่อคุณบันทึกมาโคร ชีตจะสร้าง ฟังก์ชัน Apps Script ที่จำลองการโต้ตอบกับ UI คุณสามารถ แก้ไขมาโครได้โดยตรงภายในเครื่องมือแก้ไข Apps Script คุณเขียนได้ มาโครตั้งแต่เริ่มต้นใน Apps Script หรือนำฟังก์ชันที่คุณ เขียนไว้แล้วเปลี่ยนเป็นมาโคร

ดูเอกสารประกอบของมาโคร

ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps

ขยายการทำงานของแอปต่อไปนี้:

ชีต

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

ใช้ UI ที่มีอยู่


เมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง

ตัวอย่างเมนูที่กำหนดเอง

คุณสามารถเพิ่มเมนูที่กำหนดเอง ข้อความแจ้ง การแจ้งเตือน และกล่องโต้ตอบแบบ HTML และ ไปยังไฟล์ในเอกสาร ชีต สไลด์และฟอร์ม เมนูที่กำหนดเองจะปรากฏขึ้นถัดจาก เมนูเริ่มต้นของแอปที่ขยาย กล่องโต้ตอบ แถบด้านข้าง ข้อความแจ้ง และการแจ้งเตือน ซึ่งมักจะเปิดใช้งานโดยการกระทำของผู้ใช้ เช่น การคลิกรายการในเมนู หรือโดยทริกเกอร์ เช่น ทริกเกอร์ที่ขับเคลื่อนด้วยเหตุการณ์

ดูเอกสารเกี่ยวกับเมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง

ตัวเลือกการเขียนโค้ด

สคริปต์ของ Apps

ขยายการทำงานของแอปต่อไปนี้:

เอกสาร
ชีต
สไลด์ 24-30
แบบฟอร์ม

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

HTML
iFrame



แอปไดรฟ์

ตัวอย่างแอปไดรฟ์

หากแอปของคุณรองรับไฟล์ในไดรฟ์ คุณสามารถผสานรวมกับ ไดรฟ์อินเทอร์เฟซผู้ใช้เพื่อนำเสนอแอปของคุณเป็นตัวเลือกในการสร้าง หรือเปิดไฟล์ แอปของคุณอาจปรากฏในหมวดหมู่ใหม่ > เมนูเพิ่มเติม และ เมนูเปิดด้วยเมื่อผู้ใช้คลิกขวาที่ไฟล์ในไดรฟ์ เมื่อผู้ใช้เลือกแอปจากเมนูใดเมนูหนึ่ง แอปจะเปิดขึ้นในหน้าต่างใหม่

ดูเอกสารประกอบเกี่ยวกับแอปไดรฟ์

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ขยายการทำงานของแอปต่อไปนี้:

ขับรถ

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

ใช้ UI ที่มีอยู่


ส่วนเสริมของ Google Classroom

ส่วนเสริมของ Classroom

ส่วนเสริมของ Google Classroom ช่วยให้นักการศึกษาสร้างไฟล์แนบได้ใน การบ้านและรายงาน ประกาศ หรือสื่อการบ้านและรายงาน ไฟล์แนบเหล่านี้จะเปิดขึ้น เนื้อหาของบุคคลที่สามใน iframe ใน Classroom iframe เปิด แยก URL โดยขึ้นอยู่กับประเภทผู้ใช้และบริบทของ Classroom

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Classroom

เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

เวอร์ชันที่กำลังพัฒนาเต็มรูปแบบ

ขยายการทำงานของแอปต่อไปนี้:

ห้องเรียน

เฟรมเวิร์ก UI ที่พร้อมใช้งานมีดังนี้

iFrame