Google Workspace के यूज़र इंटरफ़ेस (यूआई) को बेहतर बनाएं

इस पेज पर, Google Workspace के यूज़र इंटरफ़ेस (यूआई) को बड़ा करने के विकल्पों के बारे में बताया गया है. Google Workspace के यूज़र इंटरफ़ेस (यूआई) को कई वजहों से बड़ा किया जा सकता है. जैसे:

  • अपने ऐप्लिकेशन या सेवा को Google Workspace में इंटिग्रेट करें, ताकि उपयोगकर्ता सीधे तौर पर एक या उससे ज़्यादा Google Workspace ऐप्लिकेशन से ऐप्लिकेशन का इस्तेमाल कर सकें. उदाहरण के लिए, ऐसा Google Workspace ऐड-ऑन बनाएं जो Google Docs में आपकी सेवा के लिए स्मार्ट चिप और लिंक की झलक बनाए.
  • Google Workspace के उपयोगकर्ताओं की प्रॉडक्टिविटी बढ़ाने या उनके वर्कफ़्लो को बेहतर बनाने में मदद करना. उदाहरण के लिए, Google Chat ऐप्लिकेशन बनाएं, ताकि उपयोगकर्ता सीधे Google Chat से ही हर हफ़्ते की टाइमशीट रिपोर्ट कर सकें.
  • ऐसी सुविधाएं जोड़ें जो Google Workspace में पहले से उपलब्ध नहीं हैं. उदाहरण के लिए, Google Docs, Sheets या Slides में कस्टम मेन्यू जोड़ना.

Google Workspace के यूज़र इंटरफ़ेस (यूआई) को Google Workspace Marketplace पर उपलब्ध कराने के लिए, ज़्यादातर विकल्प पब्लिश किए जा सकते हैं. यह एक ऑनलाइन स्टोर है, जहां उपयोगकर्ता Google Workspace के साथ काम करने वाले तीसरे पक्ष के ऐप्लिकेशन ढूंढ सकते हैं और उन्हें इंस्टॉल कर सकते हैं.

Google Workspace के यूज़र इंटरफ़ेस (यूआई) को बड़ा करने के विकल्पों के बारे में खास जानकारी

नीचे दी गई टेबल में, Google Workspace के यूज़र इंटरफ़ेस (यूआई) को बड़ा करने के विकल्पों की सूची दी गई है. साथ ही, इन विकल्पों की तुलना इन विशेषताओं के आधार पर की गई है:

  • ऐप्लिकेशन के एक्सटेंशन: इसमें उन Google Workspace ऐप्लिकेशन की सूची होती है जिन्हें दिए गए विकल्प की मदद से, एक्सटेंशन दिया जा सकता है.
  • कोडिंग के विकल्प: इसमें, वेबसाइट बनाने के तरीके की सूची होती है. जैसे:
    • AppSheet: कोडिंग के बिना ऐप्लिकेशन बनाने वाला प्लैटफ़ॉर्म.
    • Apps Script: यह क्लाउड-आधारित, कम कोड वाला डेवलपमेंट प्लैटफ़ॉर्म है. यह JavaScript पर आधारित है.
    • पूरी तरह से डेवलपर: आपका अपना टेक्नोलॉजी स्टैक, जो आपकी पसंदीदा कोडिंग भाषा के साथ काम करता है.
  • यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क: इससे उन यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क के टाइप के बारे में पता चलता है जिनका इस्तेमाल करके, हर विकल्प बनाया जा सकता है. इनमें ये शामिल हैं:
    • कार्ड-आधारित: कार्ड इंटरफ़ेस, पहले से तय किए गए विजेट और कार्ड होते हैं. इन्हें Apps Script का इस्तेमाल करके कार्ड सेवा की मदद से बनाया जाता है. इसके अलावा, अपने पसंदीदा टेक्नोलॉजी स्टैक (पूरी तरह से डेवलपर) के साथ कार्ड रेंडर करने के लिए, सही फ़ॉर्मैट में JSON दिखाया जाता है. कार्ड-आधारित इंटरफ़ेस के लिए, एचटीएमएल या सीएसएस की जानकारी ज़रूरी नहीं है. साथ ही, ये इंटरफ़ेस डेस्कटॉप और मोबाइल क्लाइंट, दोनों पर अच्छी तरह से काम करते हैं.
    • एचटीएमएल: Apps Script, वेब पेज बनाने के लिए एचटीएमएल सेवा उपलब्ध कराता है. इन पेजों से, सर्वर साइड के Apps Script फ़ंक्शन के साथ इंटरैक्ट किया जा सकता है. एचटीएमएल सेवा की मदद से बनाए गए इंटरफ़ेस को ज़रूरत के मुताबिक बनाया जा सकता है. हालांकि, बेहतर उपयोगकर्ता अनुभव देने के लिए, इनमें मैन्युअल तौर पर ज़्यादा काम करना पड़ता है.
    • iframe: iframes, Google Workspace में बाहरी कॉन्टेंट को एम्बेड करते हैं और यूज़र इंटरफ़ेस को ज़्यादा से ज़्यादा पसंद के मुताबिक बनाने की सुविधा देते हैं.

टेबल में, हर विकल्प के बारे में जानकारी दी गई है.

क्या-क्या बनाया जा सकता है झलक देखें ऐप्लिकेशन एक्सटेंशन कोडिंग के विकल्प कार्ड-आधारित यूज़र इंटरफ़ेस (यूआई) एचटीएमएल यूज़र इंटरफ़ेस (यूआई) iframe का यूज़र इंटरफ़ेस (यूआई)
Google Workspace के ऐड-ऑन Google Workspace ऐड-ऑन का उदाहरण
Gmail
Drive
Calendar
Docs
Sheets
स्लाइड
Apps Script
फ़ुल डेवलपर
लिंक की झलक और स्मार्ट चिप | Google Workspace के ऐड-ऑन Google Workspace ऐड-ऑन के लिंक की झलक का उदाहरण
Docs
Sheets
स्लाइड
AppSheet
Apps Script
फ़ुल डेवलपर
ईमेल ड्राफ़्ट | Google Workspace के ऐड-ऑन ईमेल ड्राफ़्ट के लिए Google Workspace ऐड-ऑन का उदाहरण
Gmail
Apps Script
फ़ुल डेवलपर
मीटिंग का मुख्य स्टेज और साइड पैनल | Google Workspace के ऐड-ऑन Google Meet के ऐड-ऑन
Meet
फ़ुल डेवलपर
Calendar कॉन्फ़्रेंसिंग | Google Workspace के ऐड-ऑन Calendar में कॉन्फ़्रेंस करने की सुविधा के लिए Google Workspace ऐड-ऑन का उदाहरण
Calendar
Apps Script

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

Editor के ऐड-ऑन एडिटर ऐड-ऑन का उदाहरण
Docs
Sheets
स्लाइड
फ़ॉर्म
Apps Script
Google Chat ऐप्लिकेशन चैट ऐप्लिकेशन का उदाहरण
Chat
AppSheet
Apps Script
फ़ुल डेवलपर
कस्टम फ़ंक्शन कस्टम फ़ंक्शन का उदाहरण
Sheets
Apps Script

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

मैक्रो मैक्रो का उदाहरण
Sheets
Apps Script

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

कस्टम मेन्यू, डायलॉग, और साइडबार मेन्यू और साइडबार का उदाहरण
Docs
Sheets
स्लाइड
फ़ॉर्म
Apps Script
Google Drive के ऐप्लिकेशन Drive ऐप्लिकेशन का उदाहरण
Drive
फ़ुल डेवलपर

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

Google Classroom के ऐड-ऑन Google Classroom के ऐड-ऑन
Classroom
फ़ुल डेवलपर

Google Workspace ऐड-ऑन

Google Workspace ऐड-ऑन का उदाहरण

Google Workspace ऐड-ऑन, ऐसे ऐप्लिकेशन होते हैं जो Google Workspace के ऐप्लिकेशन के साथ काम करते हैं. Google Workspace ऐड-ऑन, कई Google Workspace ऐप्लिकेशन के साथ काम कर सकता है. ज़्यादातर मामलों में, ऐप्लिकेशन उस Google Workspace ऐप्लिकेशन के साइडबार में खुलता है जिसे वह एक्सटेंशन करता है.

Google Workspace के ऐड-ऑन का दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps Script
फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Gmail
Drive
Calendar

Docs
Sheets
स्लाइड

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



लिंक की झलक का उदाहरण

Docs के साथ काम करने वाले Google Workspace के ऐड-ऑन, तीसरे पक्ष की सेवा से कस्टम लिंक की झलक बना सकते हैं. Docs में, किसी व्यक्ति, फ़ाइल, कैलेंडर इवेंट या Google Workspace ऐप्लिकेशन में मौजूद किसी अन्य इकाई के ज़िक्र होने पर, स्मार्ट चिप जनरेट होता है. इसी तरह, कोई ऐड-ऑन तीसरे पक्ष के लिंक के लिए स्मार्ट चिप जनरेट कर सकता है. साथ ही, जब कोई व्यक्ति उस चिप पर कर्सर घुमाता है, तो उसे झलक दिखाने वाला कार्ड दिखता है.

Google Workspace के मौजूदा ऐड-ऑन में लिंक की झलक जोड़ी जा सकती है. इसके अलावा, लिंक की झलक के लिए खास तौर पर Google Workspace का एक अलग ऐड-ऑन भी बनाया जा सकता है.

लिंक की झलक और स्मार्ट चिप के दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

AppSheet
Apps Script
फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Docs
Sheets
स्लाइड

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



ईमेल के ड्राफ़्ट | Google Workspace के ऐड-ऑन

ईमेल ड्राफ़्ट का उदाहरण

Gmail की सुविधाओं को बेहतर बनाने वाले Google Workspace के ऐड-ऑन, उपयोगकर्ता को कस्टम इंटरफ़ेस दे सकते हैं. ऐसा तब होता है, जब उपयोगकर्ता नए ईमेल लिखता है या मौजूदा ईमेल का जवाब देता है. इस इंटरफ़ेस का इस्तेमाल करने के लिए, उपयोगकर्ता ईमेल ड्राफ़्ट में जाकर ऐड-ऑन खोलते हैं. ड्राफ़्ट में, ऐड-ऑन को खोलने के लिए, ड्राफ़्ट के सबसे नीचे या ज़्यादा विकल्प मेन्यू में जाएं.

ईमेल ड्राफ़्ट का दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps Script
फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Gmail

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



मीटिंग का मुख्य स्टेज और साइड पैनल | Google Workspace के ऐड-ऑन

Meet के ऐड-ऑन

Meet के साथ काम करने वाले Google Workspace के ऐड-ऑन की मदद से, अपने ऐप्लिकेशन को मीटिंग के मुख्य स्टेज या साइड पैनल इंटरफ़ेस में एम्बेड किया जा सकता है. यहां उपयोगकर्ता, Meet में रहते हुए आपके ऐप्लिकेशन को खोज सकते हैं, शेयर कर सकते हैं, और साथ मिलकर काम कर सकते हैं.

Google Workspace के अन्य ऐड-ऑन के मुकाबले, Meet के ऐड-ऑन में कार्ड फ़्रेमवर्क यूज़र इंटरफ़ेस का इस्तेमाल नहीं किया जाता. इसके बजाय, iframe का इस्तेमाल करके अपने ऐप्लिकेशन को एम्बेड किया जाता है.

Meet के ऐड-ऑन के लिए SDK टूल का दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Meet

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

iframe



Calendar में कॉन्फ़्रेंसिंग की सुविधा | Google Workspace ऐड-ऑन

Calendar में कॉन्फ़्रेंसिंग की सुविधा का उदाहरण

अगर आप वेब कॉन्फ़्रेंसिंग की सेवा देने वाली कंपनी हैं, तो आपके पास Google Workspace के लिए ऐसा ऐड-ऑन बनाने का विकल्प है जो Google Calendar में कॉन्फ़्रेंसिंग की सुविधा जोड़ता है. यह ऐड-ऑन, Calendar इवेंट के लिए कॉन्फ़्रेंसिंग का विकल्प जोड़ता है. इससे उपयोगकर्ता, सीधे Calendar से कॉन्फ़्रेंस बना सकते हैं और उनमें शामिल हो सकते हैं.

Calendar में कॉन्फ़्रेंसिंग से जुड़ा दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps Script

इन ऐप्लिकेशन के लिए उपलब्ध है:

Calendar

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


Editor के ऐड-ऑन

एडिटर ऐड-ऑन का उदाहरण

एडिटर ऐड-ऑन ऐसे ऐप्लिकेशन होते हैं जो Docs, Sheets, Slides या Forms की सुविधाओं को बेहतर बनाते हैं. एडिटर ऐड-ऑन, हर ऐड-ऑन के लिए सिर्फ़ एक ऐप्लिकेशन को जोड़ सकते हैं. हालांकि, एक ही Marketplace लिस्टिंग में कई एडिटर ऐड-ऑन पब्लिश किए जा सकते हैं. उपयोगकर्ता, जिस ऐप्लिकेशन के लिए एक्सटेंशन जोड़ते हैं उसमें एक्सटेंशन मेन्यू में जाकर, Editor के ऐड-ऑन खोलते हैं.

एडिटर ऐड-ऑन के लिए, इन इंटरफ़ेस का इस्तेमाल किया जा सकता है:

  • उस ऐप्लिकेशन के बगल में मौजूद साइडबार जिसे यह एक्सटेंड करता है.
  • वह डायलॉग जो उस ऐप्लिकेशन पर ओवरले होता है जिसे एक्सटेंड किया जा रहा है.
  • स्क्रिप्ट चलाने वाला मेन्यू आइटम.
  • Google Sheets स्प्रेडशीट में कस्टम फ़ंक्शन.

एडिटर के ऐड-ऑन से जुड़ा दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps Script

इन ऐप्लिकेशन के लिए उपलब्ध है:

Docs
Sheets
स्लाइड
फ़ॉर्म

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

एचटीएमएल
iframe



चैट ऐप्लिकेशन

चैट ऐप्लिकेशन का उदाहरण

Chat ऐप्लिकेशन, Chat में रिसॉर्स और सेवाएं उपलब्ध कराते हैं. Chat ऐप्लिकेशन को कई तरीकों से डिज़ाइन किया जा सकता है, ताकि उपयोगकर्ताओं के साथ इंटरैक्ट किया जा सके. इनमें ये तरीके शामिल हैं:

  • टेक्स्ट मैसेज या कार्ड मैसेज की मदद से, स्लैश कमांड का जवाब देना.
  • उपयोगकर्ताओं को कई चरणों वाली प्रोसेस को पूरा करने में मदद करने के लिए, डायलॉग बॉक्स खोलें. जैसे, फ़ॉर्म का डेटा भरना.
  • लिंक की झलक देखें. इसके लिए, काम की जानकारी वाले कार्ड अटैच करें, ताकि उपयोगकर्ता सीधे बातचीत से कार्रवाई कर सकें.

Chat ऐप्लिकेशन का दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

AppSheet
Apps Script
फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Chat

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



कस्टम फ़ंक्शन

कस्टम फ़ंक्शन का उदाहरण

कस्टम फ़ंक्शन की मदद से, Sheets में ज़्यादा फ़ंक्शन जोड़े जा सकते हैं. उपयोगकर्ता, Sheets में पहले से मौजूद सैकड़ों फ़ंक्शन की तरह ही, इन फ़ंक्शन को ढूंढ सकते हैं और उनका इस्तेमाल कर सकते हैं. कस्टम फ़ंक्शन को एडिटर ऐड-ऑन के तौर पर पब्लिश किया जा सकता है.

कस्टम फ़ंक्शन का दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps Script

इन ऐप्लिकेशन के लिए उपलब्ध है:

Sheets

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


मैक्रो

मैक्रो का उदाहरण

मैक्रो, Sheets में रिकॉर्डिंग होती हैं. ये आपके तय किए गए यूज़र इंटरफ़ेस (यूआई) इंटरैक्शन की किसी खास सीरीज़ को डुप्लीकेट करती हैं. किसी मैक्रो को कीबोर्ड शॉर्टकट से लिंक किया जा सकता है या एक्सटेंशन > मैक्रो मेन्यू से चलाया जा सकता है.

मैक्रो रिकॉर्ड करने पर, Sheets अपने-आप एक Apps Script फ़ंक्शन बनाता है, जो यूज़र इंटरफ़ेस (यूआई) इंटरैक्शन को दोहराता है. सीधे Apps Script एडिटर में जाकर, मैक्रो में बदलाव किया जा सकता है. Apps Script में, मैक्रो को शुरू से लिखा जा सकता है या पहले से लिखे गए फ़ंक्शन को मैक्रो में बदला जा सकता है.

मैक्रो का दस्तावेज़ देखना

कोडिंग के विकल्प:

Apps Script

इन ऐप्लिकेशन के लिए उपलब्ध है:

Sheets

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


कस्टम मेन्यू, डायलॉग, और साइडबार

कस्टम मेन्यू का उदाहरण

Docs, Sheets, Slides, और Forms में मौजूद फ़ाइलों में, कस्टम मेन्यू, प्रॉम्प्ट, सूचनाएं, और एचटीएमएल पर आधारित डायलॉग और साइडबार जोड़े जा सकते हैं. कस्टम मेन्यू, उन ऐप्लिकेशन के डिफ़ॉल्ट मेन्यू के बगल में दिखते हैं जिनमें उन्हें जोड़ा गया है. डायलॉग, साइडबार, प्रॉम्प्ट, और सूचनाएं आम तौर पर, उपयोगकर्ता की कार्रवाइयों से चालू होती हैं. जैसे, मेन्यू आइटम पर क्लिक करना या इवेंट-ड्रिवन ट्रिगर जैसे ट्रिगर.

कस्टम मेन्यू, डायलॉग, और साइडबार के दस्तावेज़ देखना

कोडिंग के विकल्प:

Apps Script

इन ऐप्लिकेशन के लिए उपलब्ध है:

Docs
Sheets
स्लाइड
फ़ॉर्म

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

एचटीएमएल
iframe



Drive ऐप्लिकेशन

Drive ऐप्लिकेशन का उदाहरण

अगर आपका ऐप्लिकेशन Drive फ़ाइलों के साथ काम करता है, तो उसे Drive के यूज़र इंटरफ़ेस के साथ इंटिग्रेट किया जा सकता है. इससे, आपके ऐप्लिकेशन को फ़ाइलें बनाने या खोलने के विकल्प के तौर पर दिखाया जा सकता है. जब कोई उपयोगकर्ता Drive में किसी फ़ाइल पर राइट क्लिक करता है, तो आपका ऐप्लिकेशन नया > ज़्यादा मेन्यू और इससे खोलें मेन्यू में दिख सकता है. जब कोई उपयोगकर्ता किसी भी मेन्यू से आपका ऐप्लिकेशन चुनता है, तो आपका ऐप्लिकेशन नई विंडो में खुलता है.

Drive ऐप्लिकेशन का दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Drive

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


Google Classroom के ऐड-ऑन

Classroom ऐड-ऑन

Google Classroom के ऐड-ऑन की मदद से, शिक्षक कोर्सवर्क, सूचनाओं या कोर्सवर्क के कॉन्टेंट में अटैचमेंट जोड़ सकते हैं. ये अटैचमेंट, Classroom में iframes में तीसरे पक्ष का कॉन्टेंट खोलते हैं. उपयोगकर्ता के टाइप और Classroom के संदर्भ के आधार पर, iframe अलग-अलग यूआरएल खोलते हैं.

Classroom के ऐड-ऑन से जुड़ा दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

फ़ुल डेवलपर

इन ऐप्लिकेशन के लिए उपलब्ध है:

Classroom

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

iframe