তাস

একটি কার্ড-ভিত্তিক গুগল ওয়ার্কস্পেস অ্যাড-অন সাইডবারে একটি প্যান হিসেবে প্রদর্শিত হয় (অথবা, মোবাইলে, মেনুর মাধ্যমে অ্যাক্সেসযোগ্য আরেকটি অ্যাক্টিভিটি উইন্ডো হিসেবে)। অ্যাড-অনটির উপরে একটি টুলবার থাকে যা অ্যাড-অনটিকে শনাক্ত করে এবং একটি কার্ড প্রদর্শন করে—যা মূলত অ্যাড-অনটির UI-এর একটি "পৃষ্ঠা"। গুগল অ্যাপস স্ক্রিপ্ট প্রজেক্ট কোডে Card অবজেক্ট ব্যবহার করে কার্ডগুলোকে উপস্থাপন করে।

কার্ডের গঠন

কার্ড হলো আপনার ডিজাইন করা UI উপাদানগুলোর একটি সমষ্টি। একটি কার্ড নিম্নলিখিত বিভাগগুলো নিয়ে গঠিত:

• কার্ড হেডার । এটি কার্ডগুলোকে শনাক্ত করে। এতে শিরোনাম লেখা থাকে এবং ঐচ্ছিকভাবে একটি উপশিরোনাম ও একটি আইকন থাকতে পারে।

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

• প্রতিটি কার্ড সেকশনে এক বা একাধিক UI উইজেট থাকে । উইজেটগুলো ব্যবহারকারীকে তথ্য বা ইন্টারেক্টিভ কন্ট্রোল প্রদান করে। কার্ড এবং কার্ড সেকশন হলো স্ট্রাকচারাল উইজেট, তাই আপনি সেগুলোকে কোনো কার্ড সেকশনে যোগ করতে পারবেন না। একটি কার্ড সেকশনে ১০০টির বেশি উইজেট থাকতে পারে না এবং সর্বোত্তম পারফরম্যান্সের জন্য এটি যথাসম্ভব সংক্ষিপ্ত হওয়া উচিত।

ব্যবহারকারীর নির্দিষ্ট কার্যকলাপ বা ডেটা সেটের ওপর ভিত্তি করে কার্ড ডিজাইন করা উচিত। উদাহরণস্বরূপ, গুগল ওয়ার্কস্পেসের একটি অ্যাড-অন যা গুগল শিটস থেকে নেওয়া ডেটা প্রদর্শন করে, সেটির ডেটা সংগ্রহের প্রতিটি শিটের জন্য একটি আলাদা কার্ড থাকতে পারে।

একাধিক কার্ড ব্যবহার করুন

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

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

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

পারফরম্যান্সজনিত কারণে, আপনি একটি কার্ডে ১০০টির বেশি উইজেট বা ১০০টির বেশি কার্ড সেকশন যোগ করতে পারবেন না।