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 को लौटाकर, इन्हें बनाया जाता है. कार्ड पर आधारित इंटरफ़ेस के लिए एचटीएमएल या सीएसएस की जानकारी होना ज़रूरी नहीं है. ये डेस्कटॉप और मोबाइल क्लाइंट, दोनों पर अच्छा काम करते हैं.
    • HTML: Apps Script, सर्वर-साइड Apps Script फ़ंक्शन से इंटरैक्ट करने वाले वेब पेज बनाने के लिए HTML सेवा देती है. एचटीएमएल सेवा की मदद से डेवलप किए गए इंटरफ़ेस काफ़ी हद तक कस्टमाइज़ किए जा सकते हैं. हालांकि, उपयोगकर्ताओं को शानदार अनुभव देने के लिए, इन पर ज़्यादा मैन्युअल तरीके से काम करना पड़ता है.
    • iFrame: iFrames की मदद से, Google Workspace में बाहरी कॉन्टेंट को एम्बेड किया जाता है. इसकी मदद से, यूज़र इंटरफ़ेस को अपनी पसंद के मुताबिक आसानी से बनाया जा सकता है.

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

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

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

एडिटर ऐड-ऑन एडिटर ऐड-ऑन का उदाहरण
दस्तावेज़
शीट
स्लाइड
फ़ॉर्म
Apps स्क्रिप्ट
Google Chat ऐप्लिकेशन Chat ऐप्लिकेशन का उदाहरण
चैट
AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर
कस्टम फ़ंक्शन कस्टम फ़ंक्शन का उदाहरण
शीट
Apps स्क्रिप्ट

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

मैक्रो मैक्रो का उदाहरण
शीट
Apps स्क्रिप्ट

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

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

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

Google Classroom के ऐड-ऑन Google Classroom ऐड-ऑन
क्लासरूम
पूरा डेवलपर

Google Workspace ऐड-ऑन

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

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

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

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



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

Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन का दायरा बढ़ाता है:

Gmail
ड्राइव
कैलेंडर

दस्तावेज़
शीट
स्लाइड

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

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



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

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

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

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

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



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

AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन का दायरा बढ़ाता है:

दस्तावेज़
शीट
स्लाइड

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

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



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

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

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

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

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



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

Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन का दायरा बढ़ाता है:

Gmail

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

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



कैलेंडर कॉन्फ़्रेंसिंग | Google Workspace ऐड-ऑन

कैलेंडर कॉन्फ़्रेंसिंग का उदाहरण

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

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

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



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

Apps स्क्रिप्ट

इन ऐप्लिकेशन का दायरा बढ़ाता है:

कैलेंडर

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

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


एडिटर ऐड-ऑन

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

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

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

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

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



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

Apps स्क्रिप्ट

इन ऐप्लिकेशन का दायरा बढ़ाता है:

दस्तावेज़
शीट
स्लाइड
फ़ॉर्म

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

एचटीएमएल
iFrame



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

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

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

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

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

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



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

AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन का दायरा बढ़ाता है:

चैट

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

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



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

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

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

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

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



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

Apps स्क्रिप्ट

इन ऐप्लिकेशन का दायरा बढ़ाता है:

शीट

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

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


मैक्रो

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

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

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

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

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

Apps स्क्रिप्ट

इन ऐप्लिकेशन का दायरा बढ़ाता है:

शीट

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

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


पसंद के मुताबिक बनाए गए मेन्यू, डायलॉग, और साइडबार

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

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

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

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

Apps स्क्रिप्ट

इन ऐप्लिकेशन का दायरा बढ़ाता है:

दस्तावेज़
शीट
स्लाइड
फ़ॉर्म

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

एचटीएमएल
iFrame



Drive ऐप्लिकेशन

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

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

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

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



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

पूरा डेवलपर

इन ऐप्लिकेशन का दायरा बढ़ाता है:

ड्राइव

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

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


Google Classroom ऐड-ऑन

Classroom ऐड-ऑन

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

Classroom में ऐड-ऑन की जानकारी देने वाले दस्तावेज़ देखें

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



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

पूरा डेवलपर

इन ऐप्लिकेशन का दायरा बढ़ाता है:

Classroom

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

iFrame