গুগল অ্যান্টিগ্র্যাভিটি দিয়ে নির্মাণ

1. ভূমিকা

গুগল অ্যান্টিগ্র্যাভিটি (এই ডকুমেন্টের বাকি অংশে শুধু অ্যান্টিগ্র্যাভিটি নামে উল্লিখিত) হলো গুগলের একটি এজেন্টিক আইডিই। ‘অ্যান্টিগ্র্যাভিটি দিয়ে শুরু করা’ কোডল্যাবে আপনি অ্যান্টিগ্র্যাভিটির প্রাথমিক বিষয়গুলো শিখতে পারবেন। এই কোডল্যাবে, আমরা অ্যান্টিগ্র্যাভিটি ব্যবহার করে বাস্তব অ্যাপ্লিকেশন তৈরি করব। আমরা সাধারণ ওয়েব গবেষণা থেকে শুরু করে ফুল-স্ট্যাক অ্যাপ্লিকেশন এবং এন্টারপ্রাইজ-গ্রেড ইউনিট টেস্ট তৈরি পর্যন্ত অগ্রসর হব।

পূর্বশর্তসমূহ:

  • গুগল অ্যান্টিগ্র্যাভিটি ইনস্টল ও কনফিগার করা হয়েছে।
  • গুগল অ্যান্টিগ্র্যাভিটি সম্পর্কে প্রাথমিক ধারণা থাকা আবশ্যক। “ Getting Started with Google Antigravity” কোডল্যাবটি সম্পন্ন করার পরামর্শ দেওয়া হচ্ছে।

২. ব্যবহারের ক্ষেত্রসমূহ সম্পর্কে

যেহেতু অ্যান্টিগ্র্যাভিটি সম্পর্কে আপনার একটি প্রাথমিক ধারণা আছে, চলুন এর কয়েকটি ব্যবহারিক প্রয়োগ দেখে নেওয়া যাক। উল্লেখ্য যে, অ্যান্টিগ্র্যাভিটি একটি ‘এজেন্ট ফার্স্ট’ প্ল্যাটফর্ম। এর মানে হলো, বেশিরভাগ ক্ষেত্রে আমরা এজেন্টকে কেবল একটি নির্দেশ দিই এবং এজেন্ট তখন নিজে থেকেই তার কাজটি করে, প্রয়োজনে অনুমতি চায়, প্রয়োজনীয় আর্টিফ্যাক্ট তৈরি করে এবং কাজটি সম্পন্ন হলে আমাদের জানায়। এর ফলে, আমরা নিম্নলিখিত প্রতিটি ব্যবহারিক প্রয়োগে এজেন্টের কথোপকথনের প্রতিটি আউটপুট এখানে তুলে ধরতে পারব না। আমরা নির্দেশাবলী এবং প্রত্যাশিত ফলাফলের কয়েকটি প্রয়োজনীয় স্ক্রিনশট শেয়ার করব, কিন্তু আপনার ফলাফল কিছুটা ভিন্ন হতে পারে।

আমরা যে ব্যবহারিক ক্ষেত্রগুলো নিয়ে আলোচনা করব, সেগুলো হলো—বাহ্যিক সাইটগুলোর কয়েকটি কাজ স্বয়ংক্রিয় করা, কোনো প্রকল্পের জন্য ইউনিট টেস্ট কেস তৈরি ও যাচাই করা, এবং একটি পূর্ণাঙ্গ ওয়েবসাইট তৈরি করা। চলুন শুরু করা যাক।

৩. সংবাদের বিশেষ অংশ

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

এক্ষেত্রে, আমরা গুগল নিউজ সাইটটি ভিজিট করে সেখান থেকে কিছু তথ্য সংগ্রহ করব। কিন্তু আপনি সহজেই আপনার পছন্দের কোনো সাইট নিয়ে পরীক্ষা করে দেখতে পারেন যে ফলাফল কেমন হয়।

নিশ্চিত করুন যে আপনি Agent Manager আছেন এবং নিচে দেখানো অনুযায়ী Playground নির্বাচন করেছেন:

cffa12c98a68cb6c.png

তারপর নিম্নলিখিত নির্দেশ দিন: " news.google.com-এ যান এবং এই মুহূর্তের হাইলাইটসগুলো আমাকে এনে দিন। "

8513d489eea0b014.png

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

9d594588f2ffe6bc.png

এর কাজ শেষ হয়ে গেলে, আপনি আর্টিফ্যাক্টগুলোও তৈরি হতে দেখবেন, যেমনটা নিচে দেখানো হয়েছে:

dc6cf4e7d8425df8.png

এজেন্ট কর্তৃক সম্পাদিত একটি নমুনা নিচে দেখানো হলো:

fb7397cd2cce0682.png

লক্ষ্য করুন যে বাম দিকে চিন্তন প্রক্রিয়া রয়েছে, আপনি পয়েন্টগুলো স্ক্রল করে প্লেব্যাক এবং অন্যান্য ডেটাও দেখতে পারেন।

চেষ্টা করার মতো জিনিসগুলি

  • একবার বিষয়টি বুঝে গেলে, এমন একটি ওয়েবসাইট বেছে নিন যা সহজলভ্য এবং যেখান থেকে এজেন্ট কিছু ডেটা সংগ্রহ বা সারসংক্ষেপ করবে। এমন কোনো ওয়েবসাইটের কথা ভাবুন যেখানে ড্যাশবোর্ড ও চার্ট আছে বলে আপনি জানেন এবং সেটিকে কয়েকটি মান বেছে নিতে বলুন।
  • নিম্নলিখিত নির্দেশটি অনুসরণ করুন: Visit https://docs.cloud.google.com/release-notes and get me a summary of the release notes, categorized by product.

৪. পাইথন ও ফ্লাস্ক ব্যবহার করে একটি ডাইনামিক ওয়েবসাইট তৈরি করুন

এবার আমরা একটি সম্পূর্ণ ওয়েব অ্যাপ্লিকেশন তৈরি করব। আমরা যে ওয়েব অ্যাপ্লিকেশনটি তৈরি করতে যাচ্ছি, সেটি এমন একটি সাইট যা একটি একদিনের প্রযুক্তিগত অনুষ্ঠান সম্পর্কে তথ্য প্রদান করবে, যেখানে দিনভর একাধিক বক্তা আলোচনা করবেন।

পুনরায় নিশ্চিত করুন যে আপনি Agent Manager আছেন এবং Playground নির্বাচন করেছেন। নতুন করে শুরু করা নিশ্চিত করতে, একটি নতুন প্লেগ্রাউন্ড চ্যাট শুরু করুন এবং Planning মোড বেছে নিন, যাতে এজেন্ট কাজ সম্পাদনের আগে পরিকল্পনা করে।

নিম্নলিখিত নির্দেশটি দিন:

I would like to generate a website that is a 1-day technical conference informational site.

The website should have the following functionality:
        1. A home page that shows the current date, location, schedule and time table.
        2. The 1-day event is a list of 8 talks in total.
        3. Each talk has 1 or 2 max. speakers. 
        4. A talk has an ID, Title, Speakers, Category (1 or 2), Description and time of the talk.
        5. Each speaker has a First Name, Last Name and LinkedIn url.
        6. Allow for users to search by category, speaker, title.
        7. Give a lunch break of 60 minutes.
        8. Use dummy data for events and speakers, come up with a schedule, the event is about Google Cloud Technologies.
        9. Tech Stack: Python and Flask framework on server side. Front-end is basic HTML, CSS and JavaScript. 
        10. Test out the site on your own for all functionality and provide a detailed README on how to setup, run and make any further changes. 
11. Launch the web application for me to review. 

আপনি উপরের নির্দেশটি দিয়ে কথোপকথন শুরু করতে পারেন:

এজেন্টটি তার কাজ করার সময় আর্টিফ্যাক্টগুলো তৈরি করতে থাকবে:

  • টাস্ক আর্টিফ্যাক্ট
  • বাস্তবায়ন আর্টিফ্যাক্ট
  • ওয়াকথ্রু আর্টিফ্যাক্ট

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

c95d82e1c040698f.png

এরপর আপনি ইমপ্লিমেন্টেশন প্ল্যান আর্টিফ্যাক্টটিতে ক্লিক করতে পারেন। নিচে একটি নমুনা স্ক্রিনশট দেখানো হলো:

632169a236bc62cc.png

এবং সবশেষে, আপনার কাছে রয়েছে ওয়াকথ্রু আর্টিফ্যাক্টটি। এতে এজেন্টের করা সমস্ত কাজ রয়েছে, যা নিচে দেখানো হলো:

e3f6152d6f54d4f9.png

লক্ষ্য করুন যে এটি সার্ভারটি চালু করেছে এবং আমাকে ইউআরএলটি দিয়েছে, যেটিতে ক্লিক করার সাথে সাথেই আমি অ্যাপ্লিকেশনটি পেয়ে যাই। নিচে একটি নমুনা স্ক্রিনশট দেখানো হলো:

abf879f2ce53d055.png

আমি যদি এডিটর- এ যাই, স্ক্রিনে লক্ষ্য করবেন যে সেখানে সেই ফোল্ডারটি রয়েছে যেখানে পাইথন ফ্লাস্ক অ্যাপ্লিকেশনটি তৈরি করা হয়েছে। আপনি আরও লক্ষ্য করবেন যে ডানদিকে Agent mode ট্যাগ করা আছে এবং আপনি সেখানেও আলোচনা চালিয়ে যেতে পারেন।

b0fea8aa65c3a1c5.png

এখন, ধরা যাক আমরা ইভেন্টটিতে আরও কিছু আলোচনা যোগ করতে চাই। আমরা এডিটর-এ থেকে এজেন্ট প্যানেলে ‘ Add two more talks to the schedule এর মতো একটি নির্দেশ দিতে পারি।

এর ফলে এজেন্ট প্রয়োজনীয়তা বিশ্লেষণ করবে, টাস্ক ও বাস্তবায়ন পরিকল্পনা আপডেট করবে এবং তারপর আপডেট করা কার্যকারিতাও যাচাই করবে। নিচে একটি নমুনা কথোপকথন দেখানো হলো:

ba8455e6f68973e9.png

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

চেষ্টা করার মতো জিনিসগুলি

  • অ্যাপ্লিকেশনটিতে আপনার পছন্দসই অতিরিক্ত কার্যকারিতা যোগ করুন। এজেন্টকে বিস্তারিত তথ্য দিন এবং লক্ষ্য করুন এটি কীভাবে প্রথমে টাস্ক লিস্ট, তারপর ইমপ্লিমেন্টেশন প্ল্যান ইত্যাদি পরিবর্তন করে তার কাজটি সম্পন্ন করে।
  • অ্যাপ্লিকেশনটির জন্য একটি README বা আরও ডকুমেন্টেশন তৈরি করতে এজেন্টকে বলুন।

৫. একটি সহজ প্রোডাক্টিভিটি অ্যাপ তৈরি করুন।

আমরা এখন একটি সাধারণ পোমোডোরো টাইমার ওয়েব অ্যাপ্লিকেশন তৈরি করব।

নিশ্চিত করুন যে আপনি Agent Manager আছেন এবং Playground নির্বাচন করেছেন। নিম্নলিখিত নির্দেশটি দিন:

Create a productivity app that features a Pomodoro timer. Give a calm and aesthetic look to the application.

লক্ষ্য করুন এটি কীভাবে টাস্ক লিস্ট ও বাস্তবায়ন পরিকল্পনা তৈরি করে এবং তারপর সেই অনুযায়ী কাজ করে। কার্যপ্রবাহের দিকে মনোযোগ দিন, এমন পরিস্থিতি আসতে পারে যেখানে এটি আপনাকে পর্যালোচনার জন্য অনুরোধ করবে। নিচে একটি নমুনা চালনা দেখানো হলো।

5be0a668e5a67d85.png

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

চূড়ান্ত অ্যাপটি নিচেরটির মতো দেখতে হয়েছে এবং এটি বেশ ভালো।

c9ab6bca97a51a8c.png

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

Add an image to the application that displays a timer.

এর ফলে এজেন্টটি টাস্ক আর্টিফ্যাক্টে একটি নতুন টাস্ক যুক্ত করেছে:

498dd946d4e9ae55.png

এরপর এটি তার কাজটি করার সময় একটি ছবি তৈরি করে:

c291da9bdb37ff96.png

অবশেষে, অ্যাপটিতে আমাদের অনুরোধ অনুযায়ী ছবিটি ছিল:

de8f418ba8e4600d.png

চেষ্টা করার মতো জিনিসগুলি

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

৬. ইউনিট টেস্ট, মক স্টাব তৈরি করুন এবং টেস্টগুলো যাচাই করুন

এখানে আমরা সর্বশেষ যে ব্যবহারটি চেষ্টা করব, তা হলো আমাদের একটি নির্দিষ্ট কোড ফাইলের জন্য ইউনিট টেস্ট তৈরি করা এবং এজেন্ট দ্বারা সেই টেস্টগুলো সম্পাদন ও যাচাই করা।

এর জন্য, আমরা নিচে দেখানো অনুযায়ী একটিমাত্র পাইথন ফাইলসহ একটি ওয়ার্কস্পেস তৈরি করব:

from typing import Dict

# --- Custom Exceptions ---
class InventoryShortageError(Exception):
    """Raised when there is not enough item stock."""
    pass

class PaymentFailedError(Exception):
    """Raised when the payment gateway rejects the transaction."""
    pass

class InvalidOrderError(Exception):
    """Raised when the order violates business rules."""
    pass

# --- External Service Interfaces (To be Mocked) ---
class InventoryService:
    def get_stock(self, product_id: str) -> int:
        """Connects to DB to check stock."""
        raise NotImplementedError("Real connection required")

    def decrement_stock(self, product_id: str, quantity: int):
        """Connects to DB to reduce stock."""
        raise NotImplementedError("Real connection required")

class PaymentGateway:
    def charge(self, amount: float, currency: str) -> bool:
        """Connects to Stripe/PayPal."""
        raise NotImplementedError("Real connection required")

# --- Main Business Logic ---
class Order:
    def __init__(self, 
                 inventory_service: InventoryService, 
                 payment_gateway: PaymentGateway,
                 customer_email: str,
                 is_vip: bool = False):
        
        self.inventory = inventory_service
        self.payment = payment_gateway
        self.customer_email = customer_email
        self.is_vip = is_vip
        self.items: Dict[str, Dict] = {} # {product_id: {'price': float, 'qty': int}}
        self.is_paid = False
        self.status = "DRAFT"

    def add_item(self, product_id: str, price: float, quantity: int = 1):
        """Adds items to the cart. Rejects invalid prices or quantities."""
        if price < 0:
            raise ValueError("Price cannot be negative")
        if quantity <= 0:
            raise ValueError("Quantity must be greater than zero")

        if product_id in self.items:
            self.items[product_id]['qty'] += quantity
        else:
            self.items[product_id] = {'price': price, 'qty': quantity}

    def remove_item(self, product_id: str):
        """Removes an item entirely from the cart."""
        if product_id in self.items:
            del self.items[product_id]

    @property
    def total_price(self) -> float:
        """Calculates raw total before discounts."""
        return sum(item['price'] * item['qty'] for item in self.items.values())

    def apply_discount(self) -> float:
        """
        Applies business logic:
        1. VIPs get flat 20% off.
        2. Regulars get 10% off if total > 100.
        3. No discount otherwise.
        """
        total = self.total_price
        
        if self.is_vip:
            return round(total * 0.8, 2)
        elif total > 100:
            return round(total * 0.9, 2)
        
        return round(total, 2)

    def checkout(self):
        """
        Orchestrates the checkout process:
        1. Validates cart is not empty.
        2. Checks stock for all items.
        3. Calculates final price.
        4. Charges payment.
        5. Updates inventory.
        """
        if not self.items:
            raise InvalidOrderError("Cannot checkout an empty cart")

        # 1. Check Inventory Logic
        for product_id, data in self.items.items():
            available_stock = self.inventory.get_stock(product_id)
            if available_stock < data['qty']:
                raise InventoryShortageError(f"Not enough stock for {product_id}")

        # 2. Calculate Final Price
        final_amount = self.apply_discount()

        # 3. Process Payment
        try:
            success = self.payment.charge(final_amount, "USD")
            if not success:
                raise PaymentFailedError("Transaction declined by gateway")
        except Exception as e:
            # Catching generic network errors from the gateway
            raise PaymentFailedError(f"Payment gateway error: {str(e)}")

        # 4. Decrement Stock (Only occurs if payment succeeded)
        for product_id, data in self.items.items():
            self.inventory.decrement_stock(product_id, data['qty'])

        self.is_paid = True
        self.status = "COMPLETED"
        
        return {"status": "success", "charged_amount": final_amount}

নিশ্চিত করুন যে উপরের পাইথন ফাইলটি আপনার স্থানীয় একটি ফোল্ডারে আছে এবং আপনি সেটি অ্যান্টিগ্র্যাভিটিতে একটি ওয়ার্কস্পেস হিসেবে লোড করেছেন।

এটি একটি সাধারণ অর্ডার সার্ভিস, যার checkout ফাংশনে নিম্নলিখিত প্রধান কার্যকারিতাগুলো রয়েছে:

  1. কার্ট খালি নয় তা যাচাই করা হয়েছে।
  2. সমস্ত পণ্যের মজুত যাচাই করুন।
  3. চূড়ান্ত মূল্য গণনা করে।
  4. চার্জ পরিশোধ।
  5. মজুদ হালনাগাদ করে।

আমরা এজেন্টকে ইউনিট টেস্ট কেস তৈরি করা, মক ইমপ্লিমেন্টেশন সরবরাহ করা এবং টেস্টগুলো সফল হয়েছে কিনা তা নিশ্চিত করার জন্য সেগুলো সম্পাদন করার দায়িত্ব দিতে যাচ্ছি।

আমরা আমাদের নির্দিষ্ট ওয়ার্কস্পেস ফোল্ডারটি খুলব এবং আপনি লক্ষ্য করবেন যে, ফাইলটিকে নির্দেশ করার জন্য আমরা এখন @ চিহ্নটিও ব্যবহার করতে পারি। উদাহরণস্বরূপ, আমরা নিম্নলিখিত কাজটি করতে পারি:

8368856e51a7561a.png

এখানে এই ফাইলটি কী, তার কিছু ব্যাখ্যা দেওয়া হলো:

b69c217d3372d802.png

আমরা প্রম্পটের মাধ্যমে এটিকে আরও ভালো ভিজ্যুয়ালাইজেশন তৈরি করতে বলতে পারি:

Can you visually show this class for better understanding

da5bd701323818d4.png

আমাদের পরবর্তী পদক্ষেপ হলো ইউনিট টেস্টগুলো তৈরি করা এবং এজেন্টকে তা পরীক্ষা করতে বলা। আমি নিম্নলিখিত নির্দেশটি দিই:

generate unit tests for this module and test it out with mock implementations.

এটি নিম্নলিখিত টাস্ক আর্টিফ্যাক্টটি তৈরি করে তার কাজ চালিয়ে গেল।

21425379db336dc6.png

এটি যে পরীক্ষাগুলো চালিয়েছে তার বিস্তারিত বিবরণও আপনি দেখতে পারেন:

48f3320cd76b5cd8.png

এর তৈরি করা ফাইলগুলোর মধ্যে টেস্ট ফাইলটিও ছিল। যার একটি স্ক্রিনশট নিচে দেখানো হলো:

f962061f115c040f.png

চেষ্টা করার মতো জিনিসগুলি

আপনার নিজের কোড নিন এবং দেখুন এজেন্টকে দিয়ে আপনি কী কী করাতে পারেন; যেমন—আরও কার্যকারিতা যোগ করা থেকে শুরু করে আপনার কোডের অংশবিশেষ রিফ্যাক্টরিং করা পর্যন্ত।

৭. অভিনন্দন

অভিনন্দন! আপনি সফলভাবে গুগল অ্যান্টিগ্র্যাভিটি ব্যবহার করে নিম্নলিখিত কাজগুলো সম্পন্ন করেছেন:

  • স্বতঃস্ফূর্তভাবে ওয়েবে গবেষণা করুন।
  • ফুল-স্ট্যাক ওয়েব অ্যাপ্লিকেশন তৈরি করুন এবং এর উন্নতি সাধন করুন।
  • অ্যাসেট তৈরি করুন এবং UI-এর নান্দনিকতা পরিমার্জন করুন।
  • মক ব্যবহার করে জটিল ইউনিট টেস্ট লিখুন এবং যাচাই করুন।

এখন আপনি আপনার নিজের প্রোজেক্টের কঠিন কাজগুলো অ্যান্টিগ্র্যাভিটির ওপর ছেড়ে দিতে প্রস্তুত।

রেফারেন্স নথি