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
Chat
Docs
Meet
Sheets
स्लाइड
Apps Script
फ़ुल डेवलपर
लिंक की झलक और स्मार्ट चिप | Google Workspace के ऐड-ऑन Google Workspace ऐड-ऑन के लिंक की झलक का उदाहरण
Docs
Sheets
स्लाइड
AppSheet
Apps Script
फ़ुल डेवलपर
ईमेल ड्राफ़्ट | Google Workspace के ऐड-ऑन ईमेल ड्राफ़्ट के लिए Google Workspace ऐड-ऑन का उदाहरण
Gmail
Apps Script
फ़ुल डेवलपर
मीटिंग का मुख्य स्टेज और साइड पैनल | Google Workspace के ऐड-ऑन Google Meet के ऐड-ऑन
Meet
फ़ुल डेवलपर
Google Chat के ऐप्लिकेशन | Google Workspace के ऐड-ऑन चैट ऐप्लिकेशन का उदाहरण
Chat
AppSheet
Apps Script
फ़ुल डेवलपर
Calendar कॉन्फ़्रेंसिंग | Google Workspace के ऐड-ऑन Calendar में कॉन्फ़्रेंस करने की सुविधा के लिए, Google Workspace ऐड-ऑन का उदाहरण
Calendar
Apps Script

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

एडिटर के लिए ऐड-ऑन एडिटर ऐड-ऑन का उदाहरण
Docs
Sheets
स्लाइड
फ़ॉर्म
Apps Script
कस्टम फ़ंक्शन | Editor के ऐड-ऑन कस्टम फ़ंक्शन का उदाहरण
Sheets
Apps Script

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

मैक्रो | Editor के ऐड-ऑन मैक्रो का उदाहरण
Sheets
Apps Script

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

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

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

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

ऐप्लिकेशन इंटिग्रेशन के टाइप

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

Google Workspace के अन्य उपयोगकर्ताओं के साथ अपनी सुविधा शेयर करने के लिए, Google Workspace Marketplace पर लिस्टिंग पब्लिश की जा सकती है. यह जानने के लिए कि किस तरह के ऐप्लिकेशन इंटिग्रेशन को एक साथ लिस्ट किया जा सकता है, Marketplace के दस्तावेज़ में ऐप्लिकेशन इंटिग्रेशन को एक साथ लिस्ट करना देखें.

Google Workspace के ऐड-ऑन

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

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

साइडबार बनाने के अलावा, ऐड-ऑन के लिए ये सुविधाएं भी बनाई जा सकती हैं:

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

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



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

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

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

Gmail
Drive
Calendar
Chat

Docs
Meet
Sheets
स्लाइड

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

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



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

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

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

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

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



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

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

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

Docs
Sheets
स्लाइड

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

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



ईमेल के ड्राफ़्ट

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

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

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

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



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

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

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

Gmail

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

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



मीटिंग का मुख्य स्टेज और साइड पैनल

Meet के ऐड-ऑन

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

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

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

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



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

फ़ुल डेवलपर

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

Meet

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

iframe



Google Chat के ऐप्लिकेशन

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

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

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

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

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



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

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

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

Chat

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

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



Calendar से कॉन्फ़्रेंस करना

Calendar में कॉन्फ़्रेंस कॉल करने का उदाहरण

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

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

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



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

Apps Script

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

Calendar

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

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


एडिटर ऐड-ऑन

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

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

Editor के ऐड-ऑन के लिए, ये सुविधाएं बनाई जा सकती हैं:

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

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



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

Apps Script

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

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

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

एचटीएमएल
iframe



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

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

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

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

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



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

Apps Script

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

Sheets

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

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


मैक्रो

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

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

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

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

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

Apps Script

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

Sheets

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

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


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

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

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

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

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

Apps Script

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

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

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

एचटीएमएल
iframe



Google Drive ऐप्लिकेशन

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

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

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

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



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

फ़ुल डेवलपर

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

Drive

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

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


Google Classroom के ऐड-ऑन

Classroom के ऐड-ऑन

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

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

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



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

फ़ुल डेवलपर

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

Classroom

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

iframe



  • Google Workspace पर डेवलप करना: Google Workspace के लिए ऐप्लिकेशन बनाने की प्रोसेस शुरू करें.
  • Google Workspace Marketplace: Google Workspace के उपयोगकर्ताओं के साथ अपने समाधान शेयर करने के लिए, अपने ऐप्लिकेशन इंटिग्रेशन पब्लिश करें.