iOS অ্যাপে ইন অ্যাপ পারচেস

SwiftUI অ্যাপে ইন অ্যাপ পারচেস যোগ করা খুব সহজ। তবে অনেক গুলো প্রসেস ফলো করতে হয়। প্রসেস গুলো নিয়েই লিখব এই আর্টিকেলে। প্রজেক্ট সেটআপ একটা নতুন প্রজেক্ট তৈরি করে নিব। বা আগের কোন প্রজেক্টেও কাজ করতে পারি। প্রজেক্টের Signing & Capabilities থেকে ইন অ্যাপ পারচেস ক্যাপাবিলিটি যোগ করতে হবে। Targets > Signing & Capabilities > … Read more

ফ্লাটারে টপবার, বটমবার, ড্রয়ার ন্যাভিগেশন

ফ্লাটার অ্যাপে খুব সহজে আমরা টপবার, বটমবার, ড্রয়ার এমনকি বটমশীট ন্যাভিগেশন যোগ করতে পারি। এর আগে আমরা ফ্লাটারে ন্যাভিগেশন সম্পর্কে জেনেছি। এবার প্রথমে দেখি কিভাবে বটমবার ন্যাভিগেশন তৈরি করা যায়। আউটপুট পাবো এমনঃ এখানে অ্যাপের এন্ট্রি পয়েন্টে আমরা হোম হিসেবে BottomNavScreen সেট করেছি। যেখানে Scaffold এ bottomNavigationBar প্রোপার্টি ব্যবহার করে তিনটা আইটেম যোগ করেছি। কোন … Read more

ফ্লাটার অ্যাপ পাবলিশ প্রক্রিয়া

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

নিজ ওয়েব সাইটের জন্য সেলফ হোস্টেড চ্যাটবট তৈরি

চ্যাটজিপিটি, ডিপসীক বা জেমিনির মত জেনারেটিভ এআই বলা যায় সব বিষয়ে পণ্ডিত। কাস্টোমার সাপোর্ট বা নিজ ওয়েব সাইট, মেসেঞ্জার বা অ্যাপের জন্য এগুলো ব্যবহার করা যায়। তবে মোটামুটি ভালোই এক্সপেন্সিভ। এখন থেকে ১০/১২ বছর আগে চ্যাটবট নিয়ে প্রচুর হাইপ ছিল। এখন যেমন এআই হাইপ, তেমন আরকি। সবাই চ্যাটবট তৈরি করত। সব কিছুতে চ্যাটবট ইন্ট্রিগ্রেশন মাস্ট। … Read more

ফ্লাটার টেবিল ও গ্রিডভিউ উইজেট

ফ্লাটারে HTML টেবিল স্টাইল ভিউ তৈরি করার জন্য টেবিল উইজেট ব্যবহার করা হয়। যেমনঃ যার আউটপুট পাবো এমনঃ কোডিং স্টাইলও অনেকটা HTML টেবিলের মত। TableRow দিয়ে প্রয়োজন মত রো যোগ করতে পারব। tableCell ব্যবহার করে রো এর চাইল্ড গুলো যোগ করতে হয়। সব গুলো রোতে সমান পরিমাণ চাইল্ড থাকতে হয়। GridView উইজেট গ্রিড স্টাইলে যেমন … Read more

ফ্লাটারে স্ট্যাক উইজেট

স্ট্যাক উইজেটের সাহায্যে এর চাইল্ড গুলোকে একটার উপর আরেকটা ওভারল্যাপ করে সাজানো যায়। যেমনঃ যেখানে চাইল্ড গুলো একটার উপর আরেকটা ওভারল্যাপ করে রাখবে। এখানে একটা রিয়েল ওয়ার্ল্ড উদাহরণ দেখিঃ এখানে প্রোপাইল ইমেজে একটা ব্যাজ যোগ করেছি আমরা। IndexedStack ইনডেক্স স্ট্যাক রেগুলার স্ট্যাকের মতো, কিন্তু একবারে শুধু একটি চাইল্ড দেখায়। উপরের উদাহরণে আমরা একটা বাটন যোগ … Read more

ফ্লাটার লেআউট উইজেট

ফ্লাটারে অনেক গুলো লেআউট উইজেট রয়েছে। যেগুলো ব্যবহার করে সুন্দর এবং রেসপনসিভ ইউআই ডিজাইন করা যায়। নিচে গুরুত্বপূর্ণ লেআউট উইজেটগুলোর লিস্ট দেওয়া হলো: সিঙ্গেল চাইল্ড লেআউট উইজেট (Single Child Layout) এই উইজেটগুলো শুধুমাত্র একটি চাইল্ড রাখতে পারে। যদিও আবার এই উইজেট গুলোর ভেতর আমরা চাইলে মাল্টি চাইল্ড লেআউট যোগ করতে পারব। উপরের সব গুলো লেআউট … Read more

ফ্লাটারে রো, কলাম, ফ্লেক্স ইত্যাদি

একাধিক চাইল্ড সাজানোর জন্য বেশ কিছু লেয়াউট রয়েছে। এগুলোর মধ্যে রয়েছে ডিরেকশনাল, ওভারল্যাপিং ও টেবিল স্টাইল লেআউট। এই লেখায় আমরা ফ্লাটারের ডিরেকশনাল লেআউট সম্পর্কে জানব। Row (Horizontal Layout) Row উইজেট ব্যবহার করে এর চাইল্ড গুলোকে হরিজন্টালি (লেফট টু রাইট) সাজানো যায়। যেমনঃ যার আউটপুট পাবো এমনঃ এখানে MainAxisAlignment.spaceEvenly মডিফায়ার দিয়ে চাইল্ড গুলোতে সমাজ স্পেস যোগ … Read more

ফ্লাটারের সিঙ্গেল চাইল্ড লেআউট উইজেট

ফ্লাটারে বেশ কিছু সিঙ্গেল চাইল্ড লেআউট উইজেট রয়েছে। এগুলো মূলত কন্টেইনার। এগুলোর ভেতর আমরা যে কোন টেক্সট, ইমেজ সহ অন্যান্য উইজেট যোগ করতে পারি। তবে এগুলোতে একটা চাইল্ড যোগ করা যাবে। আমরা চাইলে এগুলোর মধ্য অন্য মাল্টি চাইল্ড লেআউট উইজেট যেমন লিস্ট, গ্রিড ইত্যাদি যোগ করতে পারব। কন্টেইনার উইজেট প্যাডিং, মার্জিন, বর্ডার, ব্যাকগ্রাউন্ড কালার ইত্যাদি … Read more

ফ্লাটারে ন্যাভিগেশন

ফ্লাটার অ্যাপে এক স্ক্রিন থেকে অন্য স্ক্রিনে যাওয়ার জন্য রয়েছে Navigator.push()। আবার ব্যাক যাওয়ার জন্য রয়েছে Navigator.pop()। এখানে একটা উদাহরণ দেখিঃ উপরের কোডে আমরা দুইটা স্ক্রিন/ উইজেট তৈরি করেছি। একটা হচ্ছে হোম স্ক্রিন। আরেকটা হচ্ছে সেকেন্ড স্ক্রিন। হোম স্ক্রিনে একটা বাটন যোগ করেছি। যেখানে ক্লিক করলে সেকেন্ড স্ক্রিনে ন্যাভিগেট করবে। নতুন একটা স্ক্রিনে গেলে অটোমেটিক … Read more