রবিবার, ২৩ সেপ্টেম্বর, ২০১২

0 চ্যালেঞ্জ! বিড়ালটিকে ভাইব্রেট করান| Make the cat purr

এই পর্যন্ত আমরা যা শিখলাম বা যেভাবে অগ্রসর হলামঃ
           ৮. ইমুলেটর (Emulator) সেট আপ করন। (ফোন এর পরিবর্তে ব্যাবহারের জন্য)

এটি হচ্ছে আপনার প্রথম অ্যাপ তৈরি করার শেষ টিউন। এটি না করলেও আপনার প্রথম অ্যাপ কিন্তু তৈরি। অর্থাৎ আপনি এখন App Inventor এর বেসিক ব্যাবহার জানেন।

আপনি কিন্তু অলরেডি আপনার জীবনের প্রথম এন্ড্রয়েড অ্যাপ তৈরি করে ফেলেছেন। এবার আমরা তৈরিকৃত অ্যাপ টি তে আরও প্রোগ্রামিং করবো যার ফলে আপনি যখন আপনার ফোন শেক করবেন তখন তখন এটি Vibrate হবে। অর্থাৎ বিড়ালের ছবিটি কাপবে।

ব্লক এডিটর এ যান এবং Sound1 ড্রয়ারটি খুলুন। এখান থেকে Sound1.Vibrate ব্লক টি টেনে নিয়ে আসুন এবং ঠিক Sound1.Play ব্লক এর নিচে স্থাপন করুন। আপনি সাথে সাথে Block গুলোর উপরে বামকোনায় একটা হলুদ রঙের Warning দেখতে পাবেন। এটা দ্বারা বুজান হয় যে আপনার ব্লক সেট এ কোন component মিসিং আছে। খেয়াল করুন আপনার টেনে আনা Sound1.Vibrate ব্লক এ একটা খোলা স্লট আছে। অর্থাৎ আপনি এই খোলা মুখে কিছু একটা দিতে হবে।

এখানে খেয়াল করলে বুজতে পারবেন যে এটি চাইছে যে আপনার Sound1.Vibrate block-টি কত মিলিসেকেন্ড কাজ করবে। এভাবেই এই জাতিও খোলা মুখ গুলো তে নির্দিষ্ট করে দিতে হবে যে ওই ব্লক টি কিভাবে কাজ করবে বা কতক্ষন কাজ করবে বা এ জাতিও কোন Specification. আপনি যদি ফোনটি আধা সেকেন্ড এর জন্য Vibrate করাতে চান তাহলে আপনি এখানে একটা Number ব্লক দিতে হবে যার মান দিতে হবে ৫০০ মিলিসেকেন্ড।

এর জন্য Built-In Palette এর ভেতর Math drawer এ যান এবং একটা Number ব্লক টেনে এনে Sound1.Vibrate এর খলে সকেট এ যুক্ত করুন।





এটি স্থাপন করার পর এর '123' এরিয়া তে ক্লিক করুন এবং কিবোর্ড থেকে ৫০০ নির্ধারণ করে দিন।

এবার খেয়াল করুন যে সেই হলুদ রঙের Warning আর নেই। অর্থাৎ ব্লক সেট টিতে আর কোন মিসিং কম্পনেন্ট নেই।

এবার ফোনে বিড়ালের ছবির উপর ক্লিক করুন। দেখবেন বিড়ালের মিয়াও বলার সাথে সাথে ফোন Vibrate হচ্ছে।

আর এখানেই আমাদের প্রথম টিউটোরিয়াল পেক শেষ হল। আরও টিউটোরিয়াল এর জন্য পরবর্তীতে আমাদের সঙ্গে থাকুন। 

শনিবার, ২২ সেপ্টেম্বর, ২০১২

0 আপনার তৈরি করা অ্যাপ টি পেকেজ করুন | Packaging your Application

যে যে ধাপগুলো সম্পন্ন করে আপনাকে এই ধাপ এ আসতে হল-

আপনি যদি ফোন ব্যাবহার করে থাকেন তাহলে অ্যাপ টি আপনার ফোনে রানিং আছে। কিন্তু এটি ততক্ষন রান থাকবে যতক্ষণ আপনার ফোন অ্যাপ ইনভেন্টর এর সাথে কানেক্টেড আছে। আপনি যদি ফোনটি খুলে ফেলেন বা disconnect করেন তাহলে অ্যাপ টি হারিয়ে যাবে। পুনরায় ফোন কানেক্ট করলে আপনি এটি দেখতে পাবেন। এবার আপনি যদি আপনার তৈরি করা অ্যাপ টি আপনার ফোন এ ইন্সটল করতে চান যাতে অন্য সব সাধারন অ্যাপ এর মত ফোন থেকে এটি ব্যাবহার করবেন তাহলে আপনাকে এটি "Package" করতে হবে এবং এটা একটা .apk অ্যাপ্লিকেশান ফাইল আকারে রুপান্তরিত হবে। যা আপনি আপনার ফোনে ইন্সটল করতে পারবেন এবং অন্য এন্ড্রয়েড ফোনে ইন্সটল করার জন্য পিসি তে রেখে দিতে পারবেন।

আপনার অ্যাপ টি সরাসরি ফোনে Package করার জন্য আপনার ফোনটি পিসি তে কানেক্ট করুন এবং নিশ্চিত করুন যে Block Editor এ ফোন আইকন টির রঙ সবুজ আছে।

এবার Designer Window তে যান এবং উপরের ডানদিকে থাকা 'Package for Phone' এ ক্লিক করুন। অ্যাপ ইনভেন্টর আপনাকে পেকেজিং এর ৩ টি অপশন দেখাবে।

আপনি 'Download to this Computer' অপশন ব্যাবহার করে অ্যাপ টি আপনার কম্পিউটার এ ডাউনলোড করতে পারবেন এবং পরবর্তীতে আপনার ইচ্ছে মত অন্য সব অ্যাপ এর মত শেয়ার করতে পারবেন এবং Android ADB program ব্যাবহার করে মেনুয়ালি কোন ফোনে ইন্সটল দিতে পারবেন।
আপনি চাইলে অ্যাপ টির একটি বারকোড জেনারেট করতে পারবেন যার ফলে পরবর্তীতে ZXing barcode scanner এর মত বারকোড রিডার ব্যাবহার করে আপনি অ্যাপ টি আপনার ফোনে সেট আপ দিতে পারবেন।

Note: এই বারকোড টি শুধু আপনার ফোনে কাজ করবে। আপনি যদি বারকোড এর মাধ্যমে আপনার অ্যাপ টি অন্যদের সাথে শেয়ার করতে চান সেক্ষেত্রে আপনাকে এটি পিসি তে ডাউনলোড করে তারপর একটা থার্ড পার্টি সফটওয়্যার দ্বারা বারকোডে রুপান্তরিত করে নিতে হবে। এভারে আরও তথ্য পেতে এখানে জেতে পারেন।

0 ইমুলেটর সেট আপ করন | Setting up Emulator

আপনি যদি প্রথমবারের মত ইমুলেটর ব্যাবহার কারি হয়ে থাকেন তাহলে নিচের ধাপগুলো অনুসরন করুন-

১. Block Editor ওপেন না থাকলে ওপেন করুন এবং Block Editor উইন্ডো-এর উপরের দিকে 'New emulator' বাটন-এ ক্লিক করুন।

২. আপনি একটা নোটিশ দেখতে পাবেন যাতে বলা হচ্ছে যে ইমুলেটর ওপেন হচ্ছে। ধৈর্য ধরুন, ইমুলেটর পুরোপুরি ওপেন হতে কয়েক মিনিট সময় লাগবে।

৩. সর্বপ্রথম ইমুলেটর টি একটি কালো খালি স্ক্রীন শো করবে(1)। যতক্ষণ পর্যন্ত ইমুলেটরে একটা কালার ফুল ব্যাকগ্রাউন্ড(2) না আসে অপেক্ষা করুন। ব্যাকগ্রাউন্ড কালারফুল হওয়ার পরেও যতক্ষণ পর্যন্ত এটি এর SD Card প্রিপায়ার না করে ততক্ষন অপেক্ষা করুন। SD card টি তৈরি হলে ইমুলেটর স্ক্রীন এর একেবারে উপরে আপনি নোটিস করবেন। এবার ইমুলেটর ফোনটি আনলক করার জন্য এর সবুজ রঙের তালাটিকে টেনে একেবারে ডানে নিয়ে আসুন(3)।

৪. ইমুলেটরটি ফোনের মত কাজ করবে। তবে এর কিছু সীমাবদ্ধতা আছে। আপনি আপনার ফোনের মত ইমুলেটরটি Shake করতে পারবেন না। ইমুলেটর আনলক করার পর Block Editor থেকে 'Connect the Device...' এ ক্লিক করে emulator টির নামের উপর ক্লিক করুন। যখন পাশের ফোন আইকনটি নড়াচড়া বন্ধ করে সবুজ হয়ে যাবে, তখন বুজবেন, ইমুলেটর কানেক্টেড হয়েছে।

এবং আপনার অ্যাপ টেস্ট করার জন্য ইমুলেটর সেট আপ সম্পন্ন হয়েছে।

0 ব্লক এডিটরের কাজ শুরু করা এবং HelloPurr এর প্রোগ্রামিং | Start Programming with the Block Editor

এখন আমরা ব্লক এডিটর দিয়ে আমাদের ডিজাইন করা HelloPurr অ্যাপ টির Programming এর কাজ করবো। কিন্তু এখানে প্রোগ্রামিং করতে আপনার কোন প্রোগ্রামিং জ্ঞান থাকা লাগবে না। কিন্তু তার আগে আপনি নিশ্চিত হয়ে নিন আপনি কি পূর্বের ধাপগুলো করে এসেছেন। যদি না করে থাকেন তাহলে আগে পূর্বের ধাপগুলো সম্পন্ন করে আসুন। না হলে কিছুই বুজবেন না। পূর্বের ধাপগুলোর লিঙ্ক নিচে দিয়ে দিলাম।
আর যদি আপনি অ্যাপ ইনভেন্টর এর কাজ টেস্ট করার জন্য ইমুলেটর এর পরিবরতে আপনার ফোন ব্যাবহার করতে চান তাহলে অ্যাপ ইনভেন্টরের সাথে ব্যাবহারের জন্য ফোন সেট আপ পোস্টটি পরে আসুন।

এবার মুল আলচনায় আসি। আপনার ব্লক এডিটর কি ওপেন আছে। না থাকলে ওপেন করুন। ওপেন করার জন্য Designer Window এর ডানপাশে থাকা 'Open the Blocks Editor' এ ক্লিক করুন(চিত্র)। তারপর যা করতে হবে তা অ্যাপ ইনভেন্টর ব্যাবহার শুরু পোস্ট এ আছে। আমি ধরে নিলাম আপনার ব্লক এডিটর চালু আছে।

আপনি যদি ফোন কে টেস্ট করার কাজে ব্যাবহার করতে চান তাহলে ইতোমধ্যে জেনে গেছেন যে কিভাবে ফোন সেট আপ করবেন। আর যদি আপনি ফোন এর পরিবর্তে Virtual Emulator ব্যাবহার করতে চান তাহলে আগে নিচের লিঙ্ক এ যান এবং পোস্ট টি পরে আসুন-
          *** সেট আপ ইমুলেটর

আপনার ফোন বা ইমুলেটর প্রস্তুত। এবার-
          ১. ব্লক এডিটর উইন্ডো তে 'Connect to Device' এ ক্লিক করুন।
          ২. ডিভাইস এর মডেল নাম্বার সিলেক্ট করুন ( ইমুলেটর হলে নাম্বার এবং 'emulator' শব্দটি থাকবে )।
          ৩. আপনি একটা হলুদ রঙের এনিমেটেড এরো সাইন দেখতে পাবেন (চিত্র)।

আপনার ফোন বা ইমুলেটর এর সাথে কানেক্টেড হতে এর ১/২ মিনিট সময় লাগবে। পুরোপুরি কানেক্টেড হওয়ার আগ পর্যন্ত এরো টি নাড়াচাড়া করবে কিন্তু কানেক্টেড হওয়ার সাথে সাথে এটি সবুজ হয়ে যাবে এবং নাড়াচাড়া বন্ধ হয়ে যাবে। আর কানেক্টেড হওয়ার সাথে সাথে ফোন বা ইমুলেটর এর স্ক্রীন এ বিড়ালের ছবিটি দেখতে পাবেন।

সাউন্ড প্লে করাঃ

ব্লক এডিটর এ আসুন এবং নিচের ধাপগুলো অনুসরন করুন-
*ধাপ ১:  বামপাশের My Blocks Palette থেকে Button1 নামের ড্রয়ার টি খুলুন এবং Button1.Click নামের Block টি টেনে চিত্রের ন্যায় খোলা জায়গায়/ Work area-তে নিয়ে আসুন।

এই সবুজ রঙের ব্লকগুলোকে বলা হয় Event Handler Blocks. ইভেন্ট হেন্ডলার ব্লক গুলো ঠিক করে দেয় যে ফোন টি কোন ইভেন্ট-এ কি করবে(যেমনঃ কোন বাটন-এ ক্লিক করলে গান বাজবে)। সব Event Handler গুলো সবুজ রঙের হয় এবং এগুলোর প্রথমে ছোট্ট করে when লেখা থাকে।

*ধাপ ২: এবার একই Palette এর Sound1 নামের ড্রয়ারটি খুলুন এবং Sound1.Play ব্লক টি টেনে এনে Button1.Click এর do সেকশন-এ বসান। আপনার বসানো যদি ঠিক হয় তাহলে দুইটি ব্লক মিলে যাবে এবং আপনি একটা সুন্দর ক্লিক সাউন্ড শুনতে পাবেন।


Purple এবং Blue রঙের Block গুলোকে বলা হয় Command Blocks. যেগুলো Event Handler এর Body তে যুক্ত হয়। যখনি একটি Event Handler আসবে এটি তার Body তে একটা বা একাধিক Command ধারন করবে। Command Block হচ্ছে এমন ব্লক যা ফোনকে বলবে একটা বিশেষ Event এ কি করতে হবে। যেমনঃ বাটন এ ক্লিক করা হচ্ছে Event এবং সাউন্ড প্লে হওয়া হচ্ছে Command.
এই মুহূর্তে আপনার ব্লকগুলো নিশ্চয়ই নিচের মত-


দেখুন Command block টি Event Handler এর মাঝে অবস্থান করছে। এখন বুজতে চেষ্টা করুন তো আপনার ব্লক গুলো কি বুজাচ্ছে। আপনার ব্লক সেটটি বুজাচ্ছে যে, যখন কেউ Button1 বাটন টিতে ক্লিক করবে তখন Sound1 অর্থাৎ meow.mp3 সাউন্ড টি বেজে উঠবে।

Blocks কিভাবে কাজ করে তার আরও বিস্তারিত জানার জন্য এখানে জেতে পারেন।

এবার মিষ্টি খওয়ান। আপনার প্রথম অ্যাপ তৈরি। ফোন বা ইমুলেটর এর স্ক্রীন-এ বিড়ালের ছবির উপর ক্লিক করলে আপনি এখন মিয়াও সাউন্ড শুনতে পাবেন।

Note: Sound কম্পনেন্ট এর বেপারে কিছু ডিভাইস এ একটা সমস্যা আছে। আপনি যদি এমন মেসেজ দেখেন- "OS Error" এবং যদি দেখেন যে সাউন্ড টি প্লে হচ্ছে না অথবা প্লে হতে অনেক দেরি করছে, তাহলে ডিজাইনার উইন্ডো তে গিয়ে Sound Component এর বদলে Player নামের Component ব্যাবহার করুন। এটি Media palette এর ভেতরেই পাবেন। 

পরবর্তী ধাপঃ আপনার অ্যাপ টি পেকেজ করা | Packaging your Application.

বৃহস্পতিবার, ২০ সেপ্টেম্বর, ২০১২

0 চলুন প্রথম অ্যাপ Hello Purr সম্পাদনা করি | Lets design the first app Hello Purr

আপনি কি পূর্বের পোস্ট গুলো পরেছেন এবং ধাপগুলো সম্পন্ন করেছেন? যদি না করে থাকেন তাহলে আগে পরে আসুনঃ
          ১. কিভাবে শুরু করবেন এন্ড্রয়েড অ্যাপ্লিকেশান ডেভেলপমেন্ট। 
          ২. অ্যাপ ইনভেন্টর কি
          ৩. অ্যাপ ইনভেন্টর ব্যাবহার করতে কী কী লাগবে
          ৪. অ্যাপ ইনভেন্টর কিভাবে সেট আপ করবেন
          ৫. অ্যাপ ইনভেন্টর এর সাথে ব্যাবহারের জন্য ফোন সেট আপ এবং অ্যাপ ইনভেন্টর ব্যাবহার শুরু করা
              অথবা,
              ইমুলেটর দিয়েই অ্যাপ ইনভেন্টর ব্যাবহার শুরু করা

এটি টিউটোরিয়াল সাইত তো তাই যদি আগের পোস্ট গুলো না পরেন তাহলে কিছুই বুজবেন না।

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

এই অ্যাপ টি তৈরি করতে আমাদের দুটি জিনিস লাগবে। একটা বিড়ালের ছবি এবং একটা মিয়াও সাউন্ড। এগুলো নিচের লিঙ্ক থেকে ডাউনলোড করে নিন-

অ্যাপ ডিজাইন করার জন্য কম্পনেন্ট সিলেক্ট করাঃ

 আপনি এবার Design উইন্ডো এর বামে দেখুন Palette এর নিচে আপনার অ্যাপ এর ডিজাইন এর জন্য প্রয়োজনীয় সব কম্পনেন্টস আছে। Components হচ্ছে আপনার অ্যাপ ডিজাইন এর জন্য ব্যাবহার করার মৌলিক উপাদান। যেমনঃ Level component হচ্ছে স্ক্রীন এ কোন লেখা দেখানোর জন্য। আবার Button(1) হচ্ছে এমন কম্পনেন্ট যাতে ক্লিক করলে কোন অ্যাপ কোন বিশেষ কাজ করবে।

আরও component গুলো বিশেষ বিশেষ কাজ সম্পাদন করে। যেমনঃ Canvas(2) নামের Component টি ইমেজ বা এনিমেশন ধারন করতে পারে।

Accelerometer (motion) sensor হচ্ছে এমন যা আপনার ফোনের নাড়াচাড়া অনুভব করতে পারে এবং তা থেকে সিস্টেম এ ইনপুট পাঠাতে পারে। 

একটি কম্পনেন্ট ব্যাবহার করতে চাইলে আপনাকে এটি টেনে এনে Viewer(1) অংশের ভেতর ফেলতে হবে ( যেই অংশটি Design উইন্ডো এর মাঝে অবস্থিত )।

আপনি যেই Component গুলো নিয়েছেন এবং কাজ করছেন সেই কম্পনেন্ট গুলো দেখুন ডানপাশে Components(2) Palette এ শো করছে।

একেবারে ডানে দেখুন প্রত্যেক Components এর আউটপুট কেমন হবে অর্থাৎ এটি দেখতে কেমন হবে বা এর ইনিসিয়াল মান কি হবে তা ঠিক করে দেওয়ার জন্য Properties(3) Palette আছে। আপনি একটা কম্পনেন্ট এর Properties পরিবর্তন করার জন্য প্রথমে Components Palette থেকে তা সিলেক্ট করতে হবে।



চলুন এবার Components সিলেক্ট করি এবং Properties সেট করিঃ

 এবার আমরা চাই আমাদের HelloPurr অ্যাপ টিতে এমন একটা বাটন থাকবে যার Component হিসেবে থাকবে একটু আগে ডাউনলোড করা ইমেজ টি। 
*** ধাপ ১:  Basic Palette থেকে Button কম্পনেন্ট টি টেনে এনে Screen1 এর উপর ফেলুন(1)। এবার Properties pane এ Image এর নিচের "none..." এ ক্লিক করে "Add..." এ ক্লিক করুন(2)। এবার একটু আগে ডাউনলোড করা বিড়ালের ছবিটির লোকেশান দেখিয়ে দেন(3)।


***ধাপ ২: Text Property তে থাকা 'Text for Button1' লেখাগুলো ডিলিট করে দিন। আপনার ডিজাইন টি দেখতে নিচের মত হয়েছে কি-


***ধাপ ৩: এবার Basic Palette থেকে Level Component টি ড্রাগ এন্ড ড্রপ করে এনে Viewer(1). এটাকে ছবিটির নিচে স্থাপন করুন। এটা আপনার কম্পোনেন্ট এ Level1 হিসেবে দেখা যাবে। 

এবার Properties Pane এ যান এবং Level1 এর Text কে 'pet the kitty' করে দিন(2)। দেখবেন, ডিজাইনার এবং আপনার ডিভাইস (ফোনে বা ইমুলেটরে) এ লেখা গুলো পরিবর্তন হয়ে যাবে। Level1 এর FontSize কে 30 করে দিন(3)। বক্সে ক্লিক করে Level1 এর BackgroundColor পরিবর্তন করে দিন(4)। আপনার মনের মত একটা রঙ দিন। এবার আপনার Level1 এর TextColor পরিবর্তন করে দিন(5)। আমি BackgroundColor নীল এবং TextCoror হলুদ করেছি-


***ধাপ ৪: এবার Palette এর নিচে থাকা Media drawer খুলুন এবং Sound component টেনে Screen1এ এনে ছেড়ে দিন(1)। যখনি আপনি এটিকে ড্রপ করবেন আপনি এটিকে Non-visible components হিসেবে Viewer এর নিচের দিকে দেখতে পাবেন। এবার Components pane এর নিচে Media pane এ 'Add...' এ ক্লিক করুন(2) এবং একটু আগে ডাউনলোড করে meow.mp3 ফাইলটি প্রোজেক্ট-এ আপলোড করুন(3)। Properties pane থেকে Source এর 'None...' এ ক্লিক করুন Sound1 component এর সাউন্ড হিসেবে meow.mp3 ফাইলটি দিন(4)।


এর সাথে সাথে আমাদের Design উইন্ডো এর কাজ শেষ। পরবর্তী ধাপে আমরা Block Editor দিয়ে HelloPurr অ্যাপ টির প্রোগ্রামিং এর কাজ করবো। 

বুধবার, ১৯ সেপ্টেম্বর, ২০১২

0 অ্যাপ ইনভেন্টর ব্যাবহার শুরু করুন | Start App Inventor



এবার আসলেন আসল জায়গায়। কিন্তু তার আগে আপনি নিচের ধাপগুলো কি সম্পন্ন করেছেন? যদি না করে থাকেন তাহলে করে আসুন।
          ৫. অ্যাপ ইনভেন্টর -এর সাথে ব্যাবহারের জন্য আপনার এন্ড্রয়েড ফোন সেট আপ | Set up your Android phone to use with App Inventor. ( আপনি যদি emulator এ আপনার কাজ টেস্ট করতে চান তাহলে ৫ নং কোন প্রয়োজন নাই )।

আপনি অ্যাপ ইনভেন্টর ব্যাবহার শুরু করার আগে নিচের কয়টি বিষয় নিশ্চিত হয়ে নিন-
          * ইন্টারনেট কানেকশন।
          * ফোন বা ইমুলেটর।
          * একটা Gmail এ লগ ইন থাকতে হবে। যেটা আপনি অ্যাপ ইনভেন্টর এর জন্য ব্যাবহার করতে চান।
আপনি পরবর্তীতে এই gmail দিয়ে লগ ইন করে আপনার পূর্বের করা সব প্রোজেক্ট এবং কাজ পাবেন।

এবার আপনার ব্রাউজার ( Mozilla Firefox, Opera, Google Chrome বা Safari হলে ভাল ) থেকে App Inventor এর ওয়েবসাইট এ যান। এটা যদি আপনার প্রথম ভিসিত হয় তাহলে আপনি একটা খালি প্রোজেক্ট পেজ দেখতে পাবেন। এটা নিশ্চয়ই নিচের মত-


এবার চলুন আমরা একটা প্রোজেক্ট তৈরি করি।
১. বামপাশে একেবারে উপরের দিকে দেখুন 'New'. New তে ক্লিক করুন।
২. একটা ডায়ালগ বক্স আসবে। এখানে কোন space ছাড়া প্রোজেক্ট এর নাম দিন 'HelloPurr' . এবং তারপর OK করুন। 

ব্রাউজার Designer নামে একটি পেজ ওপেন করবে। এখানেই আমরা আমাদের অ্যাপ এর জন্য Component সিলেক্ট করব এবং আমাদের অ্যাপ এর User Interface (এটি দেখতে কেমন হবে) ডিজাইন করবো। এটি দেখতে নিচের মত-

ডিজাইনার পেজ এর পাশাপাশি আমাদের দরকার হবে Block Editor. সেখানেই আমরা অ্যাপ টির কাজ ঠিক করে দেব (অর্থাৎ এটির কোন জায়গায় ক্লিক করলে এটি কি কাজ করবে বা ইনপুট কি হলে অউটপুট কি হবে এরকম)। এটা একটা আলাদা অ্যাপ্লিকেশান এবং ব্রাউজার এর বাইরে একটা ভিন্ন উইন্ডোজ কে কাজ করবে। এবং আমাদের এই ২ টি উইন্ডো (ব্রাউজার এবং ব্লক এডিটর) একত্রে চালু রেখেই কাজ করতে হবে। এই দুইটি উইন্ডো কিন্তু একটি আরেকটির সাথে লিঙ্ক থাকে। অর্থাৎ আপনি যদি ব্রাউজার এ Designer উইন্ডো তে কোন প্রকার পরিবর্তন করেন সঙ্গে সঙ্গে তা Block Editor এ ও পরিবর্তন সাধন করবে। 

চলুন তাহলে Block Editor চালু করিঃ 
আপনি যখন Designer Window তে Open the blocks editor এর উপর ক্লিক করবেন সাথে সাথে ব্লক এডিটর ডাউনলোড এবং রান হবে।


পিসি ইউজার রা অটোমেটিক ইন্সটলেসন উইজারড যা সাজেস্ট করে সেইভাবে কাজ করুন। Block Editor ওপেন করতে-
          ১. OK তে ক্লিক করুন।
          ২. 'Always trust contents from this publisher' তে ক্লিক করুন এবং ফাইল টি ওপেন করুন।
          ৩. 'Run' এ ক্লিক করুন। 
এবার ব্লক এডিটর ওপেন হতে ৩০ সেকেন্ড বা কিছু বেশি সময় লাগতে পারে। যদি ব্লক এডিটর ওপেন না হয় বা কোন সমস্যা হয় তাহলে আপনাকে বুজতে হবে যে জাভা অ্যাপ্লিকেশান অটমেটিকেলি রান করার জন্য আপনার ব্রাউজার সেট আপ নয়। যদি এরকম হয় তাহলে ডাউনলোড হওয়া AppInventorForAndroidCodeblocks.jnlp এই ফাইল টি খুজে বের করুন এবং মেনুয়ালি ওপেন করুন। ব্লক এডিটর উইন্ডো দেখতে নিচের মত হবে-

ডানপাশের বড় খালি জায়গা হছে work area. এখানেই আমরা ব্লক গুলো একটির সাথে আরেকটি জোড়া লাগিয়ে প্রোগ্রাম তৈরি করবো। দানপাশে দেখেন ৩ টি পেলেট ( palettes ) আছে। 
          * Built-In.
          * My-Blocks এবং
          * Advanced.
প্রতিটি পেলেট এর ভেতরে কিছু ড্রয়ার(Drawer) আছে যেগুলোর ভেতরে আছে Set of Blocks. আপনি যখন একটা ড্রয়ার এ ক্লিক করবেন তখন আপনি সেই ড্রয়ার এর ভেতরের সব ব্লক সেট গুলো দেখতে পাবেন। আরও ব্লক দেখতে আপনি স্ক্রল ডাউন করলেই হবে। 

Built-In palette এর ভেতর কমন ব্লক সেট গুলো পাবেন যা আপনি যেকোনো অ্যাপ এই ব্যাবহার করতে পারবেন। 

My-Blocks palette এর ভেতর আপনি আপনার Component গুলোর সাথে সামঞ্জস্য পূর্ণ ব্লক গুলো পাবেন। যেগুলো আপনি একটি component সিলেক্ট করার সাথে সাথে সাজেশন হিসেবে এখানে চলে আসে। 

আর Advanced পেলেট এর ব্লক গুলো আপনাকে সাহায্য করবে আরও জটিল লজিক এর সাহায্যে intermediate এবং advance লেভেল এর অ্যাপ তৈরি করার জন্য।






আপনি নিশ্চয়ই এতক্ষনে বুজে গেছেন যে, Designer রান করে আপনার ব্রাউজার থেকে আর Block Editor রান করে JAVA এর মাধ্যমে। কিন্তু এগুলো লিঙ্কড। আপনি যদি আপনার Block Editor ক্লোজ করার প্রয়োজন মনে করেন সেক্ষেত্রে ব্লক এডিটর এর সব তথ্য কিন্তু ডিজাইনার এ সেভ হবে। আবার যখন আপনি 'Open the block editor' এ চাপবেন এটি একটি নতুন .jnlp ফাইল আপনার পিসি তে ডাউনলোড করবে এবং রান করবে। রান না করলে আপনাকে এটি মেনুয়ালি রান করতে হবে। আপনার ব্লক এডিটর পুনরায় ওপেন হওয়া মাত্র আপনি আপনার পূর্বের সেভ করা সকল কাজ এখানে পেয়ে যাবেন। 



মঙ্গলবার, ১৮ সেপ্টেম্বর, ২০১২

0 অ্যাপ ইনভেন্টর এর সাথে ব্যাবহারের জন্য আপনার এন্ড্রয়েড ফোন সেট আপ | Set up your android phone to use with App Inventor.

আপনি যদি অ্যাপ ইনভেন্টর এর করা কাজ আপনার ফোনে সরাসরি টেস্ট করতে চান কেবল তাহলেই এই পোস্ট টি আপনার জন্য প্রয়োজনীয়। নতুবা এই পোস্ট টি স্কিপ করে যান। অর্থাৎ আপনি যদি আপনার কাজ Emulator এ টেস্ট করতে চান তাহলে আপনার ফোন সেট আপ এর কোন প্রয়োজন নেই।

যদি পরে না থাকেন তাহলে আগে পূর্বের পোস্ট গুলো পরে নিন, নাহলে আপনারই বুজতে সমস্যা হবে। পূর্বের পোস্ট গুলোর লিঙ্কঃ

এই পোস্ট টি সম্পন্ন করলে আপনি আপনার এন্ড্রয়েড ফোন টি অ্যাপ ইনভেন্টর (App Inventor) এর সাথে ব্যাবহার করতে পারবেন এবং আপনার প্রতিটি পদে পদে এটি অ্যাপ এর output শো করবে। প্রথমেই আপনার ফোনের USB cable দ্বারা ফোনটি কম্পিউটার এর সাথে সংযুক্ত করে নিন। আপনি তারপর আপনার ড্রাইভার সফটওয়্যার টি ইন্সটল করতে হবে (যদি করা না থাকে এবং App Inventor Installer package এর সাথে না থাকে)। 
আপনি যেই মডেল ই ইউস করেন না কেন আপনার সেট এ অবশ্যই SD card থাকতে হবে। 

এবার আপনার ফোন টি যে অ্যাপ ইনভেন্টর এর সাথে যুক্ত হতে তৈরি তা নিশ্চিত করার জন্য নিজের ধাপ অনুসরন করুনঃ 
          ১. আপনার ফোন এর home screen এ যাওয়ার জন্য Home button চাপুন।
          ২. 'Menu' তে চাপুন তারপর 'Setting' এবং সবশেষে 'Application' এ চাপুন। 
 

          ৩. যদি এখানে Unknown sources নামে কোন কিছু থাকে তাহলে দেখুন এটি চেক করা আছে কিনা। 
          ৪. এবার 'Development' এ যান। 
 

          ৫. দেখুন USB Debugging এবং Stay Awake চেক করা আছে কিনা। 
যদি এগুলো ঠিক থাকে তাহলে আপনার ফোন এখন কাজ করার উপযোগী। 

আপনার ফোনে যদি কিলক করা থাকে তাহলে আনলক করুন । আপনার ফোন USB cable দ্বারা পিসি এর সাথে কানেক্ট হওয়া মাত্র আপনার ফোনে ২ টি নোটিফিকেশান দেখাবে- 
         * USB Connected মানে আপনার ফোন আপনার কম্পিউটার এ কানেক্ট হয়েছে।
         * USB Debugging Connected মানে App Inventor আপনার কম্পিউটার থেকে আপনার ফোনটি কন্ট্রোল করতে পারবে। 

Note: ১. যদি আপনার ফোনটি Nexus One বা Nexus S হয় তাহলে আপনি Turn on USB Storage এই নোটিফিকেশান দেখবেন। আপনি এই বাটনে ক্লিক করবেন না। আর যদি করে থাকেন তাহলে আপনি এটিকে আবার Turn USB storage off করে দিন।
          ২. আপনার ফোন যদি Droid X হয় তাহলে নিচের বাড়তি ধাপ গুলো অনুসরন করবেন-
                      ১. ফোনের স্ক্রীন এর উপরের দিকের নোটিফিকেশান পেনাল ওপেন করুন।
                      ২. USB Connected এ ক্লিক করুন।
                      ৩. Charge Only তে ক্লিক করুন। 

সোমবার, ১৭ সেপ্টেম্বর, ২০১২

0 অ্যাপ ইনভেন্টর কিভাবে সেট আপ করবেন | 'App Inventor' setup

যদি পরে না থাকেন তাহলে আগে পূর্বের পোস্ট গুলো পরে নিনঃ

সেট আপঃ

অ্যাপ ইনভেন্টর সেট আপঃ
অ্যাপ ইনভেন্টর একটা ওয়েব ব্রাউজার এর মধ্যে রান করে। যদি আপনি একটা ফোন ব্যাবহার করেন, তাহলে আপনাকে একটা USB cord দিয়ে আপনার কম্পিউটার এর সাথে সংযুক্ত করে নিতে হবে। আপনি কাজ করার সময় আপনার অ্যাপ্লিকেশান এর প্রত্তেক ধাপ এই ফোন এ শো করবে। যদি আপনার কোন ফোন না থাকে সেক্ষেত্রে অ্যাপ ইনভেন্টর এর সাথে সংযুক্ত ইমুলেটর (Emulator) ব্যাবহার করে আপনি আপনার তৈরি করা অ্যাপ টেস্ট করতে পারবেন। এটি একটি সত্তিকারের এন্ড্রয়েড ফোনের ন্যায় আচরন করবে। যখন আপনার অ্যাপ্লিকেশান টি তৈরি হয়ে যাবে। আপনি এটিকে অন্য যেকোনো এন্ড্রয়েড অ্যাপ এর মত একটি সম্পূর্ণ পেকেজ (Android apk file)  আকারে আউটপুট করতে পারবেন যা আপনি কম্পিউটার এ সংরক্ষন, ফোনে ইন্সটল এবং ওয়েব এ শেয়ার করতে পারবেন।

শুরু করার জন্য আপনাকে নিচের ২ টি ধাপ অনুসরন করতে হবেঃ
          ১. কম্পিউটার সেট আপ করা।
        ২. আপনি কোথায় ( ফোনে না ইমুলেটরে) আপনার তৈরি অ্যাপ টেস্ট করবেন তার উপর ভিত্তি করে নিচের যেকোনো একটি পদক্ষেপ নিনঃ
                    * আপনার ফোন সেট আপ করুন এবং আপনার প্রথম অ্যাপ তৈরি করুন। অথবা,
                    * আপনার প্রথম অ্যাপ তৈরি করুন এবং ইমুলেটর এ তা টেস্ট করুন।

কম্পিউটার সেট আপ করাঃ

আপনি প্রথমে আপনার কম্পিউটার JAVA কনফিগার করতে হবে (যদি না থাকে)। আপনি এটি http://www.java.com থেকে ডাউনলোড করে নিতে পারেন। আপনার কম্পিউটার জাভা কনফিগার হয়েছে কিনা তা জানার জন্য আপনি একটি টেস্ট করতে পারেন। জাভা টেস্ট এই পেজ এ যান। যদি আপনার জাভা কনফিগার ঠিক হয় তাহলে আপনি একটি মেসেজ দেখতে পাবেন । মেসেজ টি এমন- "Java is working and that the version is Java 1.6" বা " Congratulation! You have the recommended Java installed."

যদি এটি ওকে হয় তাহলে এবার এই লিঙ্ক এ গিয়ে AppInventor Java টেস্ট করে নিন। 

যদি Java ঠিকভাবে কনফিগার না হয় তাহলে App Inventor কাজ করবে না।

অ্যাপ ইনভেন্টর সেট আপ সফটওয়্যার ইন্সটল করাঃ
আমি এখানে শুধু উইন্ডোজ এর জন্য সেট আপ সফটওয়্যার ইন্সটল দেখাব। যদি আপনি MAC বা Linux এ সেট আপ করতে চান তাহলে নিচের লিঙ্কে জেতে পারেন-
          * Instruction for Mac.
          * Instruction for Linux.

আর যারা Windows ইউজার তারা আমার সাথে এই ধাপ গুলো অনুসরন করুন-
          ১. App Inventor Setup Installer টি এখান থেকে ডাউনলোড করুন।
          ২. এটি যেখানে ডাউনলোড হয়েছে সেই ফোল্ডার টি ওপেন করুন।
          ৩. ফাইল টি ডাবল ক্লিক করে ওপেন করুন। ( যদি Windows 7 হয় তাহলে Right ক্লিক করে 'Run as administrator' অপশন দিন।
          ৪. ধাপে ধাপে যা করা দরকার করে সফটওয়্যার টি ইন্সটল সম্পন্ন করুন। ইন্সটলেসন লোকেশন চেঞ্জ করবেন না কিন্তু এটি মনে রাখুন। কারন পরবর্তীতে এটি প্রয়োজন হতে পারে।

ফোন ড্রাইভারঃ
কিছু কমন এন্ড্রয়েড ফোনের ড্রাইভার সফটওয়্যার App Inventor Setup Software এর সাথে বিল্ট ইন থাকে। এগুলো হচ্ছ-
          * T-Mobile G1* / ADP1
          * T-Mobile myTouch 3G* / Google Ion / ADP2
          * Verizon Droid (not Droid X)
          * Nexus One
          * Nexus S
যদি আপনার ফোনটি এই লিস্ট এর বাইরে হয় আর আপনি ফোনটি অ্যাপ টেস্ট করার জন্য ইউস করতে চান তাহলে আপনি আপনার driver software মেনুয়ালি সেট আপ দিতে হবে। কিন্তু আপনি যদি ফোন এর বদলে emulator দিয়ে টেস্ট করতে চান তাহলে এ নিয়ে মাথা ঘামানোর কোন প্রয়োজন নেই।
এখন আসেন মেনুয়ালি সেট আপ দেওয়ার জন্য ড্রাইভার সফটওয়্যার আপনি কোথেকে পাবেন। আপনি যখন আপনার এন্ড্রয়েড ফোন কিনেছেন তখন নিশ্চয়ই দোকান থেকে আপনার ফোন এর সাথে একটা CD দিয়েছে। সেখানে আপনার ফোন এর ড্রাইভার সফটওয়্যার টি আছে। যদি এরকম কোন CD না দিয়ে থাকে অথবা আপনি তা হারিয়ে ফেলেছেন তাহলেও সমস্যা নেই। আপনি যদি একান্তই আপনার ফোন টি টেস্ট করার কাজে ইউস করতে চান তাহলে http://developer.android.com/sdk/oem-usb.html লিঙ্ক এ যান। যদি এখানেও আপনি আপনার ফোন এর ড্রাইভার না পান তাহলে আপনি আপনার ফোন Companyর সাইট ভিসিত করে দেখতে পারেন সেখানে তারা সাধারনত তাদেন ফোন গুলোর ড্রাইভার দিয়ে রাখে।
কিন্তু আমার ব্যক্তিগত মত হচ্ছে এত কিছু না খুজে সোজা Emulator ইউস করাই ভালো।

নোটঃ সবকিছু ঠিকভাবে কাজ করলে তো ঠিক। আর যদি কোন সমস্যা হয় তাহলে App Inventor troubleshooting page এ যান অথবা App Inventor User Forum চেক করুন।

পরবর্তী ধাপ হচ্ছে-
পরবর্তী পোস্ট দেখুন।

0 অ্যাপ ইনভেন্টর ব্যাবহার করতে কী কী লাগবে | System Requirements for App Inventor

যদি পরে না থাকেন তাহলে আগে পূর্ববর্তী পোস্ট গুলো পরে নিনঃ


App Inventor ব্যাবহার করার জন্য আপনার কম্পিউটার এর যে সকল বিষয় থাকতে হবেঃ

কম্পিউটার এর অপারেটিং সিস্টেম হতে হবেঃ
          * Macintosh (with Intel processor): Mac OS X 10.5, 10.6
          * Windows: Windows XP, Windows Vista, Windows 7
          * GNU/Linux: Ubuntu 8+, Debian 5+
এদের যেকোনো একটি অপারেটিং সিস্টেম।

ব্রাউজার হিসেবে থাকতে হবেঃ
          * Mozilla Firefox 3.6 or higher
          * Apple Safari 5.0 or higher
          * Google Chrome 4.0 or high বা
          * Microsoft Internet Explorer 7 or higher.
ফোনঃ
App Inventor দিয়ে বানানো অ্যাপ যেকোনো এন্ড্রয়েড ফোনে রান করানো যাবে। কিন্তু ডেভেলপমেন্ট এনভাইরন্মেন্ট এবং সেট আপ সফটওয়্যার নিম্নোক্ত ফোন গুলোকে বেশি সাপোর্ট করে । অন্য কোন ডিভাইস এর ক্ষেত্রে যারা এর হার্ডওয়্যার তৈরি করেছে তাদের দেওয়া ড্রাইভার সফটওয়্যার প্রয়োজন হবে। যেমন আপনি যদি সিম্ফনি এর এন্ড্রয়েড ফোন ব্যাবহার করে থাকেন তাহলে তাদের ফোনের সাথে দেওয়া ড্রাইভার সফটওয়্যার আপনার পিসি তে সেট আপ দিয়ে নিতে হবে।
          * Google: Nexus S, Nexus One, ADP1, ADP2, Ion
          * T-Mobile: G1*, myTouch 3G*
          * Motorola: Droid* অথবা একই হার্ডওয়্যার এর অন্য ফোন।
যেই ফোন ই আপনি ব্যাবহার করেন না কেন আপনার ফোন এ SD Card থাকতে হবে, না হলে এটা App Inventor এর সাথে কাজ করবে না।
অ্যাপ ইনভেন্টর আরও অনেক মডেলের এন্ড্রয়েড ফোনের সাথে কাজ করে। এদের মধ্যে ডেল, সেমসাং এবং HTC অন্যতম। কিন্তু কিছু কিছু ক্ষেত্রে আপনাকে হার্ডওয়্যার তৈরি কারি দের দেওয়া ড্রাইভার সফটওয়্যার ইন্সটল করতে হবে।

পরবর্তী পোস্টঃ অ্যাপ ইনভেন্টর কিভাবে সেট আপ করবেন | App Inventor Setup.

0 'অ্যাপ ইনভেন্টর' কী | What is 'App Inventor'

যদি পরে না থাকেন তাহলে আগে পূর্ববর্তী পোস্ট পরে নিনঃ
             * কিভাবে শুরু করবেন এন্ড্রয়েড অ্যাপ্লিকেশান ডেভেলপমেন্ট | How to start with Android Application Development.

App Inventor হচ্ছে এমন এক প্লাটফর্ম যার সাহায্যে আপনি একটা ওয়েব ব্রাউজার এবং একটা এন্ড্রয়েড ফোন অথবা ইমুলেটর (Emulator) দিয়ে এন্ড্রয়েড ফোনের জন্য অ্যাপ্লিকেশান ডিজাইন করতে পারবেন। App Inventor তাদের server এ আপনার পূর্ববর্তী  কাজ জমা রাখে।
App Inventor এর পুর ইউনিট দুটো ভাগে বিভক্ত।
          ১. App Inventor Designer.
          ২. App Inventor Blocks Editor.

* App Inventor Designer এ আপনি আপনার অ্যাপ্লিকেশান এর components সিলেক্ট করবেন এবং
* App Inventor Block Editor দিয়ে আপনি আপনি বলে দেবেন যে আপনার components গুলো কোন ইভেন্ট এ কি কাজ করবে। এখানে আপনার কোন Coding এর প্রয়োজন হবে না। আপনি খালি ব্লক গুলোকে puzzle এর মত একটির সাথে আরেকটি মিলাবেন।

আপনি যেভাবে ব্লক বা খণ্ডগুলো মিলাবেন আপনার কানেক্টেড ফোন বা ইমুলেটরে সেভাবেই অ্যাপ টি প্রদর্শিত হবে। আর তাই আপনি তৈরি করতে করতেই আপনার অ্যাপ টেস্ট করতে পারবেন। যখন আপনি পুরো অ্যাপ টি তৈরি করে ফেলবেন তখন আপনি আপনার অ্যাপ টি প্যাকেট করে কম্পিউটারে সংরক্ষন এবং ফোনে Install করতে পারবেন।
যদি আপনার কোন এন্ড্রয়েড ফোন না থাকে তাহলে কি আপনি অ্যাপ তৈরি করতে পারবেন না? অবশ্যই পারবেন। তার জন্য তো Emulator আছেই। যেখানে আপনি একটা virtual ফোন এ আপনার অ্যাপ টি রান করাতে পারবেন এবং টেস্ট করতে পারবেন। এটি একটি বাস্তব এন্ড্রয়েড ফোনের মত আচরন করে। 
App Inventor development environment Mac OS X, GNU/Linux, and Windows operating systems সহ অনেক পপুলার এন্ড্রয়েড ফোন মডেলে সাপোর্ট করে। অ্যাপ ইনভেন্টর দিয়ে বানানো অ্যাপ সব এন্ড্রয়েড ফোনেই ইন্সটল করা যায়। (System Requirements দেখুন)

App Inventor ব্যাবহার করার আগে আপনার কম্পিউটার সেট আপ করে নিতে হবে এবং App Inventor Setup package ইন্সটল করে নিতে হবে।

তার জন্য পরবর্তী পোস্টঃ
 অ্যাপ ইনভেন্টর ব্যাবহার করতে কী কী লাগবে | System requirement for App Inventor.
 অ্যাপ ইনভেন্টর কিভাবে সেট আপ করবেন | App Inventor setup.





 

Android Application Development with App Inventor Copyright © 2011 - |- Template created by Tech Help - |- Powered by Tech Help