Flex ব্যবহার করে প্রথম অ্যাপ্লিকেশন তৈরি করা বেশ সহজ এবং এটি Flex ফ্রেমওয়ার্ক এবং টুলগুলোর কার্যকারিতা বোঝার একটি চমৎকার উপায়। Flex SDK এবং Flash Builder-এর সাহায্যে আপনি দ্রুত একটি Hello World অ্যাপ্লিকেশন তৈরি করতে পারবেন। নিচে ধাপে ধাপে গাইড দেওয়া হলো।
ধাপ ১: প্রয়োজনীয়তা প্রস্তুত
Flex অ্যাপ্লিকেশন তৈরি করার আগে নিচের বিষয়গুলো নিশ্চিত করুন:
- Flex SDK: সঠিকভাবে ইনস্টল এবং কনফিগার করা।
- Flash Builder (ঐচ্ছিক): একটি ইন্টিগ্রেটেড ডেভেলপমেন্ট এনভায়রনমেন্ট হিসেবে।
- JDK: Flex SDK-এর জন্য Java Runtime Environment প্রয়োজন।
- টেক্সট এডিটর (যদি Flash Builder না থাকে): যেমন VS Code, Sublime Text বা Notepad++।
ধাপ ২: একটি নতুন Flex প্রজেক্ট তৈরি করা
Flash Builder ব্যবহার করে
- Flash Builder চালু করুন।
- File > New > Flex Project-এ যান।
- প্রজেক্টের নাম দিন (যেমন
HelloWorld)। - Application Type নির্বাচন করুন:
- Web Application: ব্রাউজারে চালানোর জন্য।
- Desktop Application: Adobe AIR-এ চালানোর জন্য।
- Finish ক্লিক করুন।
টেক্সট এডিটর ব্যবহার করে
- একটি নতুন ফোল্ডার তৈরি করুন (যেমন
HelloWorld)। - ফোল্ডারের ভেতর
HelloWorld.mxmlনামে একটি ফাইল তৈরি করুন। - এই ফাইলটি আপনার টেক্সট এডিটরে খুলুন।
ধাপ ৩: MXML কোড লেখা
HelloWorld.mxml ফাইলে নিচের কোডটি লিখুন:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:Label text="Hello, World!" horizontalCenter="0" verticalCenter="0"/>
</s:Application>
ব্যাখ্যা:
<s:Application>: Flex অ্যাপ্লিকেশনের মূল রুট।<s:Label>: একটি টেক্সট প্রদর্শনের জন্য কম্পোনেন্ট।horizontalCenterএবংverticalCenter: লেবেলটিকে স্ক্রিনের কেন্দ্রে রাখে।
ধাপ ৪: অ্যাপ্লিকেশন কম্পাইল করা
Flash Builder ব্যবহার করে
- Run > Run Project-এ যান।
- Flash Builder স্বয়ংক্রিয়ভাবে অ্যাপ্লিকেশনটি কম্পাইল করে চালাবে।
- একটি ব্রাউজারে অ্যাপ্লিকেশনটি চালু হবে, এবং আপনি স্ক্রিনে "Hello, World!" দেখবেন।
Flex SDK ব্যবহার করে (কমান্ড লাইন)
- Flex SDK-এর
mxmlcকম্পাইলার ব্যবহার করুন। টার্মিনালে
HelloWorld.mxmlফাইলের অবস্থানে যান। উদাহরণ:cd path/to/HelloWorldকম্পাইল করুন:
mxmlc HelloWorld.mxml- কম্পাইলের পর একটি HelloWorld.swf ফাইল তৈরি হবে।
- SWF ফাইলটি Flash Player বা ব্রাউজারে চালান।
ধাপ ৫: অ্যাপ্লিকেশন পরীক্ষা করা
ব্রাউজারে চালানো
- যদি এটি একটি Web Application হয়, তাহলে SWF ফাইলটি একটি ব্রাউজারে খুলুন।
- স্ক্রিনে "Hello, World!" টেক্সট প্রদর্শিত হবে।
Adobe AIR-এ চালানো
- যদি এটি একটি Desktop Application হয়, Adobe AIR রানটাইম ব্যবহার করে অ্যাপ্লিকেশনটি চালু করুন।
ধাপ ৬: কোড কাস্টমাইজেশন (ঐচ্ছিক)
অ্যাপ্লিকেশনটি আরও ইন্টারেক্টিভ করতে নিচের মতো কোড যোগ করতে পারেন:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:TextInput id="inputField" width="200" horizontalCenter="0" verticalCenter="-20"/>
<s:Button label="Click Me" horizontalCenter="0" verticalCenter="20" click="showMessage()"/>
<s:Label id="messageLabel" text="" horizontalCenter="0" verticalCenter="60"/>
<fx:Script>
<![CDATA[
private function showMessage():void {
messageLabel.text = "Hello, " + inputField.text + "!";
}
]]>
</fx:Script>
</s:Application>
নতুন বৈশিষ্ট্য:
- TextInput: ব্যবহারকারী থেকে ইনপুট নিতে।
- Button: একটি ক্লিক ইভেন্ট তৈরি করতে।
- Script Block: ActionScript কোডের জন্য।
সারাংশ
এই ধাপগুলো অনুসরণ করে আপনি একটি সহজ Hello World Flex অ্যাপ্লিকেশন তৈরি করতে পারবেন। Flex SDK এবং Flash Builder ব্যবহার করে আপনি দ্রুত এবং কার্যকরভাবে Flex অ্যাপ্লিকেশন ডেভেলপমেন্টের প্রাথমিক ধারণা অর্জন করতে পারবেন। Flex-এর সহজ স্ট্রাকচার এবং কম্পোনেন্ট-ভিত্তিক আর্কিটেকচার আপনাকে বড় মাপের অ্যাপ্লিকেশন তৈরি করতে সহায়তা করবে।