কার্ড ভিত্তিক ইন্টারফেস

অ্যাড-অন কার্ডের উদাহরণ

হোস্ট অ্যাপ্লিকেশন UI-এর সাইডবারে Google Workspace অ্যাড-অন তথ্য এবং ব্যবহারকারীর নিয়ন্ত্রণগুলি উপস্থাপন করে। একটি অ্যাড-অনে এক বা একাধিক কার্ড সহ একটি প্রধান সনাক্তকারী টুলবার থাকে।

প্রতিটি কার্ড আপনার অ্যাড-অনের UI এর একটি নির্দিষ্ট 'পৃষ্ঠা' প্রতিনিধিত্ব করে এবং একটি নতুন কার্ডে নেভিগেট করা সাধারণত সেই কার্ডটি তৈরি করা এবং এটিকে একটি অভ্যন্তরীণ কার্ড স্ট্যাকের দিকে ঠেলে দেওয়ার ব্যাপার। আপনি একটি সমৃদ্ধ মিথস্ক্রিয়া অভিজ্ঞতার জন্য কার্ডগুলির মধ্যে নেভিগেশন প্রবাহ সংজ্ঞায়িত করতে পারেন।

কার্ডগুলি প্রাসঙ্গিক বা প্রাসঙ্গিক হতে পারে। হোস্ট অ্যাপ্লিকেশন একটি নির্দিষ্ট প্রেক্ষাপটে থাকাকালীন প্রাসঙ্গিক কার্ডগুলি ব্যবহারকারীর কাছে উপস্থাপন করা হয়। উদাহরণস্বরূপ, একটি Gmail বার্তা বা ক্যালেন্ডার ইভেন্ট খোলার সময়। অ-প্রসঙ্গিক কার্ড (যেমন হোমপেজ ) হোস্টের একটি নির্দিষ্ট প্রসঙ্গের বাইরে ব্যবহারকারীর কাছে উপস্থাপন করা হয়। উদাহরণস্বরূপ, যখন ব্যবহারকারী তাদের Gmail ইনবক্স, প্রধান ড্রাইভ ফোল্ডার বা ক্যালেন্ডার দেখছেন।

Apps Script-এ তৈরি Google Workspace অ্যাড-অন কার্ডের বাইরে ইউজার ইন্টারফেস তৈরি করতে কার্ড পরিষেবা ব্যবহার করে। ইন্টারফেস কার্ড হিসাবে রেন্ডার করার জন্য অন্যান্য ভাষায় তৈরি অ্যাড-অনগুলি অবশ্যই সঠিকভাবে ফর্ম্যাট করা JSON ফেরত দিতে হবে।

প্রতিটি কার্ড একটি হেডার এবং এক বা একাধিক কার্ড বিভাগ নিয়ে গঠিত। প্রতিটি বিভাগ উইজেটের একটি সেট নিয়ে গঠিত। উইজেটগুলি ব্যবহারকারীর কাছে তথ্য প্রদর্শন করে বা বোতামগুলির মতো মিথস্ক্রিয়া নিয়ন্ত্রণ প্রদান করে।

কার্ড-ভিত্তিক ইন্টারফেসের নিম্নলিখিত সুবিধা রয়েছে:

  • কার্ড-ভিত্তিক ইন্টারফেস তৈরি করতে এইচটিএমএল বা সিএসএসের কোন জ্ঞানের প্রয়োজন নেই।
  • কার্ড এবং উইজেটগুলি স্বয়ংক্রিয়ভাবে স্টাইল করা হয় যাতে তারা প্রসারিত Google Workspace অ্যাপ্লিকেশনগুলির সাথে ভালভাবে কাজ করে।
  • কার্ড-ভিত্তিক ইন্টারফেসগুলি ডেস্কটপ এবং মোবাইল উভয় ডিভাইসেই কাজ করে, তবে আপনাকে শুধুমাত্র একবার ইন্টারফেসটি সংজ্ঞায়িত করতে হবে।

কার্ড-ভিত্তিক ইন্টারফেস তৈরি করা

কার্ড-ভিত্তিক অ্যাড-অন তৈরি করার সময়, নির্দিষ্ট ধারণা এবং নকশার ধরণগুলি বোঝা গুরুত্বপূর্ণ। নিম্নলিখিত নির্দেশিকাগুলি কার্যকর কার্ড-ভিত্তিক অ্যাড-অনগুলি তৈরি করতে আপনার প্রয়োজনীয় তথ্য প্রদান করে:

কার্ড তৈরি করার সময় এবং UI আচরণ প্রয়োগ করার সময় এই পৃষ্ঠাগুলি উল্লেখ করুন। আপনার অ্যাড-অন প্রয়োগ করার সময় আপনি নিম্নলিখিত অতিরিক্ত নমুনাগুলিকে রেফারেন্সের জন্য দরকারী খুঁজে পেতে পারেন:

  • Google Workspace অ্যাড-অন "ক্যাটস" কুইকস্টার্ট

    এই অ্যাড-অন নমুনা একাধিক পৃষ্ঠা এবং হোমপেজ সহ একটি সাধারণ Google Workspace অ্যাড-অন UI দেখায়।

  • Google Workspace অ্যাড-অন: "অনুবাদ"

    এই অ্যাড-অন নমুনা একটি Google Workspace অ্যাড-অন দেখায় যা ব্যবহারকারীদের ডক্স, শীট এবং স্লাইডের মধ্যে থেকে পাঠ্য অনুবাদ করতে দেয়।

  • Google Workspace অ্যাড-অন: "টিমের তালিকা"

    এই অ্যাড-অন নমুনা আরও জটিল Google Workspace অ্যাড-অন নমুনা দেখায়, যা Gmail মেসেজ প্রাপক, ড্রাইভ ফাইল এডিটর বা ক্যালেন্ডার ইভেন্টে অংশগ্রহণকারীদের সম্পর্কে ব্যবহারকারীর তথ্য দেখায়। আপনি শুধুমাত্র একটি ডোমেনের ভিতরে এই অ্যাড-অন ব্যবহার করতে পারেন, যেহেতু এটি ব্যবহারকারীর তথ্য পুনরুদ্ধার করতে ডিরেক্টরি API ব্যবহার করে।

,

অ্যাড-অন কার্ডের উদাহরণ

হোস্ট অ্যাপ্লিকেশন UI-এর সাইডবারে Google Workspace অ্যাড-অন তথ্য এবং ব্যবহারকারীর নিয়ন্ত্রণগুলি উপস্থাপন করে। একটি অ্যাড-অনে এক বা একাধিক কার্ড সহ একটি প্রধান সনাক্তকারী টুলবার থাকে।

প্রতিটি কার্ড আপনার অ্যাড-অনের UI এর একটি নির্দিষ্ট 'পৃষ্ঠা' প্রতিনিধিত্ব করে এবং একটি নতুন কার্ডে নেভিগেট করা সাধারণত সেই কার্ডটি তৈরি করা এবং এটিকে একটি অভ্যন্তরীণ কার্ড স্ট্যাকের দিকে ঠেলে দেওয়ার ব্যাপার। আপনি একটি সমৃদ্ধ মিথস্ক্রিয়া অভিজ্ঞতার জন্য কার্ডগুলির মধ্যে নেভিগেশন প্রবাহ সংজ্ঞায়িত করতে পারেন।

কার্ডগুলি প্রাসঙ্গিক বা প্রাসঙ্গিক হতে পারে। হোস্ট অ্যাপ্লিকেশন একটি নির্দিষ্ট প্রেক্ষাপটে থাকাকালীন প্রাসঙ্গিক কার্ডগুলি ব্যবহারকারীর কাছে উপস্থাপন করা হয়। উদাহরণস্বরূপ, একটি Gmail বার্তা বা ক্যালেন্ডার ইভেন্ট খোলার সময়। অ-প্রসঙ্গিক কার্ড (যেমন হোমপেজ ) হোস্টের একটি নির্দিষ্ট প্রসঙ্গের বাইরে ব্যবহারকারীর কাছে উপস্থাপন করা হয়। উদাহরণস্বরূপ, যখন ব্যবহারকারী তাদের Gmail ইনবক্স, প্রধান ড্রাইভ ফোল্ডার বা ক্যালেন্ডার দেখছেন।

Apps Script-এ তৈরি Google Workspace অ্যাড-অন কার্ডের বাইরে ইউজার ইন্টারফেস তৈরি করতে কার্ড পরিষেবা ব্যবহার করে। ইন্টারফেস কার্ড হিসাবে রেন্ডার করার জন্য অন্যান্য ভাষায় তৈরি অ্যাড-অনগুলি অবশ্যই সঠিকভাবে ফর্ম্যাট করা JSON ফেরত দিতে হবে।

প্রতিটি কার্ড একটি হেডার এবং এক বা একাধিক কার্ড বিভাগ নিয়ে গঠিত। প্রতিটি বিভাগ উইজেটের একটি সেট নিয়ে গঠিত। উইজেটগুলি ব্যবহারকারীর কাছে তথ্য প্রদর্শন করে বা বোতামগুলির মতো মিথস্ক্রিয়া নিয়ন্ত্রণ প্রদান করে।

কার্ড-ভিত্তিক ইন্টারফেসের নিম্নলিখিত সুবিধা রয়েছে:

  • কার্ড-ভিত্তিক ইন্টারফেস তৈরি করতে এইচটিএমএল বা সিএসএসের কোন জ্ঞানের প্রয়োজন নেই।
  • কার্ড এবং উইজেটগুলি স্বয়ংক্রিয়ভাবে স্টাইল করা হয় যাতে তারা প্রসারিত Google Workspace অ্যাপ্লিকেশনগুলির সাথে ভালভাবে কাজ করে।
  • কার্ড-ভিত্তিক ইন্টারফেসগুলি ডেস্কটপ এবং মোবাইল উভয় ডিভাইসেই কাজ করে, তবে আপনাকে শুধুমাত্র একবার ইন্টারফেসটি সংজ্ঞায়িত করতে হবে।

কার্ড-ভিত্তিক ইন্টারফেস তৈরি করা

কার্ড-ভিত্তিক অ্যাড-অন তৈরি করার সময়, নির্দিষ্ট ধারণা এবং নকশার ধরণগুলি বোঝা গুরুত্বপূর্ণ। নিম্নলিখিত নির্দেশিকাগুলি কার্যকর কার্ড-ভিত্তিক অ্যাড-অনগুলি তৈরি করতে আপনার প্রয়োজনীয় তথ্য প্রদান করে:

কার্ড তৈরি করার সময় এবং UI আচরণ প্রয়োগ করার সময় এই পৃষ্ঠাগুলি উল্লেখ করুন। আপনার অ্যাড-অন প্রয়োগ করার সময় আপনি নিম্নলিখিত অতিরিক্ত নমুনাগুলিকে রেফারেন্সের জন্য দরকারী খুঁজে পেতে পারেন:

  • Google Workspace অ্যাড-অন "ক্যাটস" কুইকস্টার্ট

    এই অ্যাড-অন নমুনা একাধিক পৃষ্ঠা এবং হোমপেজ সহ একটি সাধারণ Google Workspace অ্যাড-অন UI দেখায়।

  • Google Workspace অ্যাড-অন: "অনুবাদ"

    এই অ্যাড-অন নমুনা একটি Google Workspace অ্যাড-অন দেখায় যা ব্যবহারকারীদের ডক্স, শীট এবং স্লাইডের মধ্যে থেকে পাঠ্য অনুবাদ করতে দেয়।

  • Google Workspace অ্যাড-অন: "টিমের তালিকা"

    এই অ্যাড-অন নমুনা আরও জটিল Google Workspace অ্যাড-অন নমুনা দেখায়, যা Gmail মেসেজ প্রাপক, ড্রাইভ ফাইল এডিটর বা ক্যালেন্ডার ইভেন্টে অংশগ্রহণকারীদের সম্পর্কে ব্যবহারকারীর তথ্য দেখায়। আপনি শুধুমাত্র একটি ডোমেনের ভিতরে এই অ্যাড-অন ব্যবহার করতে পারেন, যেহেতু এটি ব্যবহারকারীর তথ্য পুনরুদ্ধার করতে ডিরেক্টরি API ব্যবহার করে।