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

গুগল ওয়ার্কস্পেস অ্যাড-অনগুলো কার্ড-ভিত্তিক। এডিটর অ্যাড-অনগুলো এইচটিএমএল-ভিত্তিক ।

গুগল ওয়ার্কস্পেস অ্যাড-অন কার্ড ইন্টারফেসের একটি উদাহরণ।

Add-ons present information and user controls in the sidebar of the host application UI. An Google Workspace add-on consists of a main identifying toolbar along with one or more cards .

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

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

গুগল অ্যাপস স্ক্রিপ্টে তৈরি গুগল ওয়ার্কস্পেস অ্যাড-অনগুলো কার্ড ব্যবহার করে ইউজার ইন্টারফেস তৈরি করতে কার্ড সার্ভিস ব্যবহার করে। ইন্টারফেসটি কার্ড হিসেবে রেন্ডার হওয়ার জন্য, অন্য ভাষায় তৈরি অ্যাড-অনগুলোকে অবশ্যই যথাযথভাবে ফরম্যাট করা JSON রিটার্ন করতে হবে।

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

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

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

জিমেইলই একমাত্র হোস্ট অ্যাপ্লিকেশন যাকে মোবাইলে গুগল ওয়ার্কস্পেস অ্যাড-অন দ্বারা সম্প্রসারিত করা যায়।

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

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

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