কাজের ওয়েব অ্যাপ: অফিস, দোকান আর প্রতিষ্ঠানের জন্য

দোকান, অফিস বা প্রতিষ্ঠানের জন্য কাজের ওয়েব অ্যাপ কিভাবে বানাব?

বাংলায় বলে দিন কে ব্যবহার করবে আর কী কাজ করবে, বিল্ডার সেই অ্যাপটা বানিয়ে দিবে। হিসাব, ফর্ম, সার্চ, ফিল্টার, লিস্ট, চার্ট, রুটিন, কুইজ আর প্রিন্টের কাগজ, সবই ভিজিটরের ব্রাউজারে চলে, তাই ফ্রিতেই হয়। ফর্মের জমা সত্যি আপনার কাছে আসতে হলে নিজের ডোমেইনে হোস্টিং (লাইফটাইম, ৳৬,৯৯৯) লাগে, দিনে ২৫টা, Business-এ (৳১৪,৪৯৯) ১০০টা, আর ভিজিটরের লগইন বা কার্ড পেমেন্ট এখানে হয় না।

ওয়েব অ্যাপ মানে যে সাইট শুধু দেখায় না, কাজও করে

সাধারণ একটা ওয়েবসাইট আপনার পরিচয় দেয়: এই আমাদের নাম, এই ঠিকানা, এই কয়েকটা ছবি। একটা ওয়েব অ্যাপ কাজ করে।

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

BanglaCodes-এ বানানো সাইট ভিজিটরের নিজের ব্রাউজারে চলে। মানে ব্রাউজারে যা যা হতে পারে, তার সবই এখানে হয়:

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

মোবাইল অ্যাপের কথা পরে ভাবলেও চলে, বরং সেটাই বুদ্ধিমানের কাজ। আগে ওয়েব অ্যাপটা চালু করুন, মানুষ ব্যবহার করুক, ভুলগুলো বেরিয়ে আসুক। পরে ওই একই অ্যাপ ফোনের হোম স্ক্রিনে বসিয়ে নেওয়া যায়, আর লাইভ সাইট থেকে এক চাপে আসল Android অ্যাপও বানানো যায়: ফোনে ইনস্টলের .apk আর Play Store-এর .aab, প্রথমটা ফ্রিতে।

নিচে সাজানো আছে কে কী বানাতে পারেন। নিজের ঘরটা খুঁজে নিন, তারপর দরকারি লাইনটা বিল্ডারে বাংলাতেই বলে দিন।

দোকান আর ছোট ব্যবসার জন্য

• অর্ডার ফর্ম: ক্রেতা নাম, মোবাইল, ঠিকানা আর কী কিনতে চান লিখে পাঠাবেন।
• জমাটা আপনার সাইট ড্যাশবোর্ডের ইনবক্সে বসে আর email-এ খবর যায়। এর জন্য লাইফটাইম হোস্টিং লাগে, দিনে ২৫টা পর্যন্ত, Business-এ ১০০টা।
• প্রোডাক্টের ক্যাটালগ: ভাগে ভাগে সাজানো প্রোডাক্ট, উপরে সার্চ বাক্স, পাশে দাম বা ভাগ ধরে ফিল্টার। ফ্রিতেই হয়।
• দাম বা ডেলিভারি চার্জের ক্যালকুলেটর: ক্রেতা জেলা আর ওজন বাছবেন, মোট টাকাটা সাথে সাথে বদলাবে। কোনো সার্ভার লাগে না।
• QR মেনু: কাউন্টারে বা টেবিলে রাখা QR কোডে ক্যামেরা ধরলেই আজকের দামসহ লিস্ট খুলবে।
• দাম বদলাতে ছাপাখানায় যেতে হয় না, বিল্ডারে এক লাইন বললেই হয়।
• অফার ও অর্ডার পেজ: ফেসবুক বিজ্ঞাপন থেকে আসা ক্রেতার জন্য একটা প্রোডাক্টের পেজ, ক্যাশ অন ডেলিভারির অর্ডার ফর্মসহ; অর্ডার আসে সাইট ইনবক্সে, নাহলে WhatsApp মেসেজে। অ্যাপ পেজের টেমপ্লেটে "অফার ও অর্ডার পেজ" নামে এর তৈরি কার্ড আছে।
• দর্জির অর্ডার খাতা: কাউন্টারে ফোনে চালানোর খাতা: কাস্টমারের মাপ, অগ্রিম আর বাকি, ডেলিভারির তারিখ, রেডি হলে এক চাপে WhatsApp, আর কাস্টমারের স্লিপ প্রিন্ট। "দর্জির অর্ডার খাতা" কার্ড থেকে শুরু করলে খাতা খালি থেকে শুরু হয়, কোনো বানানো কাস্টমার থাকে না; হিসাব থাকে ওই ফোনের ব্রাউজারে, সাথে ব্যাকআপ ফাইল নামানোর বাটন।

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

সেবার ব্যবসার জন্য

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

অফিস আর কোম্পানির জন্য

• ছুটি বা খরচের আবেদন ফর্ম: কর্মী ফর্ম পূরণ করবেন, আবেদন সোজা ইনবক্সে জমা হবে আর email-এ খবর যাবে।
• নতুন, দেখা আর শেষ, এই তিন ধাপে গুছিয়ে রাখা যায়। লাইফটাইম হোস্টিং লাগে।
• ভেতরের ছোট ক্যালকুলেটর: কমিশন, ওভারটাইম, ভ্যাট বা ইউনিট কনভার্সন, রোজ যা Excel খুলে করতে হয়, সেটা একটা পেজে বসিয়ে দিন।
• যিনি ব্যবহার করবেন তাঁকে কোনো ফাইল খুলতে হবে না, লিংকই যথেষ্ট।
• কর্মীদের লিস্ট: নাম, পদ, বিভাগ আর কল করার বাটন, উপরে সার্চ বাক্স। নতুন কেউ যোগ দিলে এক লাইন বলে বসিয়ে নিন।
• প্রিন্ট করার ইনভয়েস বা চালান: ঘরগুলো ভরে প্রিন্ট চাপলেই কাগজে ঠিকঠাক বসে যায়, বা PDF হয়ে যায়। নম্বর, তারিখ আর মোট টাকা সাইট নিজেই বসিয়ে দেয়।
• রেট চার্ট বা মূল্য লিস্ট: সেবা আর প্রোডাক্টের দাম এক পেজে, সার্চসহ। দাম বদলালে বলে দিলেই বদলায়, নতুন করে ছাপাতে হয় না।

আমাদের অফিসের জন্য একটা ছুটির আবেদন ফর্ম বানাও, তাতে নাম, বিভাগ, ছুটির ধরন, শুরু আর শেষের তারিখ আর কারণ থাকবে, আর ফর্মটা যেন সাইটের ফর্ম হিসেবে কাজ করে।

স্কুল, মাদ্রাসা আর কোচিং সেন্টারের জন্য

• ভর্তির ফর্ম: অভিভাবক ফোনেই পূরণ করবেন, আবেদন ইনবক্সে জমা হবে। লাইফটাইম হোস্টিং লাগে; সব আবেদন একসাথে CSV ফাইলে নামানো Business প্ল্যানে।
• পুরো প্রতিষ্ঠানের সাইট: নোটিশ বোর্ড, ক্লাস আর সময়, ভর্তির আবেদন, শিক্ষকদের নাম। টেমপ্লেটের "স্কুল, মাদ্রাসা বা কোচিং" কার্ড থেকে শুরু করলে বানানো নোটিশ, রেজাল্ট বা পাসের হার বসে না, আপনার দেওয়া তথ্যই দেখায়।
• ক্লাসের রুটিন: শ্রেণি বাছলেই ওই শ্রেণির রুটিন দেখাবে, ফোনে পড়ার মতো বড় লেখায়। ফ্রিতেই চলে।
• ফল বা বেতনের হিসাব দেখা: ছাত্র রোল নম্বর লিখবে, তার নিজের সারিটা দেখাবে।
• তথ্যটা পেজের ভেতরেই থাকে, তাই নোটিশ বোর্ডে টাঙাতে যা আপত্তি নেই কেবল সেটাই এখানে রাখুন।
• কুইজ বা মডেল টেস্ট: প্রশ্ন, চারটা করে অপশন, শেষে নম্বর আর কোনটা ভুল হলো তার ব্যাখ্যা। ছাত্র যতবার খুশি দিতে পারবে।
• সিলেবাস আর নোটিশের পেজ: কোন শ্রেণিতে কী পড়ানো হচ্ছে, পরীক্ষার তারিখ, ছুটির লিস্ট। এক জায়গায় থাকলে অভিভাবকের ফোন কম আসে।

সরকারি অফিস, ইউনিয়ন পরিষদ, হাসপাতাল আর সমিতির জন্য

• নাগরিকের অভিযোগ বা আবেদন ফর্ম: নাম, মোবাইল, ঠিকানা আর বিষয় লিখে পাঠাবেন, জমাটা ইনবক্সে বসবে আর email-এ খবর যাবে।
• কে কবে পাঠালেন সবই লেখা থাকে, তাই কাগজ হারানোর ভয় নেই। লাইফটাইম হোস্টিং লাগে।
• নোটিশ বোর্ড: নতুন নোটিশ উপরে, পুরোনোগুলো নিচে, সাথে তারিখ।
• Business হোস্টিং থাকলে ড্যাশবোর্ড থেকেই নতুন নোটিশ লিখে সেভ চাপলে লাইভ, বিল্ডার খোলারও দরকার নেই।
• ডাউনলোড করার ফর্মের লিস্ট: আবেদন, ছাড়পত্র বা নবায়নের কাগজগুলো PDF হিসেবে এক পেজে সাজানো। সেবাপ্রার্থী ঘরে বসে নামিয়ে পূরণ করে আসবেন।
• অফিসের কর্মকর্তাদের লিস্ট: কোন কাজ কার কাছে, কোন কক্ষে, ফোন নম্বরসহ, উপরে সার্চ। একটা লাইনে কল বাটন দিলে ফোন করাও সহজ।
• সেবার ফি আর সময়ের চার্ট: কোন সেবার সরকারি ফি কত আর কত দিনে হয়, পরিষ্কার টেবিলে। দেয়ালে টাঙানো কাগজটা যা বলে, সাইটও ঠিক তাই বলুক।

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

কোন জিনিসটার জন্য কী লাগে

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

কোন অ্যাপটাকে পেশাদার মনে হয়

দামি ডিজাইন নয়, ছোট পাঁচটা জিনিস মানুষকে বুঝিয়ে দেয় যে প্রতিষ্ঠানটা গোছানো।

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

যা পারে না, সোজা কথায়

লিমিটগুলো আগে জানা ভালো, কারণ প্রথম চেষ্টায় ধাক্কা খাওয়ার চেয়ে আগে জেনে নেওয়া সহজ।

• সার্ভারে কোনো কোড চলে না: PHP, WordPress, WooCommerce, Node, Python বা কোনো ডেটাবেস এখানে বসবে না। যা চলে তা ভিজিটরের ব্রাউজারেই চলে।
• নিজের ডেটাবেস চালাতে পারবেন না: SQL চালানো বা টেবিল বানানো এখানে নেই। তবে অ্যাপের হিসাব এক ফোনে আটকে থাকতে হয় না: Business বা Commerce প্ল্যানে ক্লাউড ডেটা চালু করলে খাতা, স্টক বা হাজিরা আমাদের সার্ভারে জমে, আর পাসকোড যাঁর কাছে আছে তিনি যেকোনো ফোন থেকে একই হিসাব দেখেন। তার নিচের প্ল্যানে ওটা নেই, তখন হিসাব ওই এক ব্রাউজারেই থাকে।
• ভিজিটরের লগইন নেই: ইউজারের account বানিয়ে একেকজনকে একেক জিনিস দেখানো যায় না। কোনো কিছু গোপন রাখতে হলে সেটা পেজে না রাখাই একমাত্র উপায়।
• পেজের ভেতরেই কার্ডে টাকা নেওয়া যায় না: ক্যাশ অন ডেলিভারি, bKash বা Nagad নম্বর, অথবা নিজের গেটওয়ের পেমেন্ট লিংক, এই পথগুলো খোলা আছে।

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

ভাবনা থেকে লাইভ সাইট, পুরো পথ

1. বাংলায় বলুন কী দরকার। শুধু একটা ফর্ম চাই নয়, বরং কে পূরণ করবে, কোন ঘরগুলো থাকবে, পূরণের পর কী হবে, সবটা এক নিঃশ্বাসে বলে ফেলুন।

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

1. নিজের ফোনে দেখুন। প্রিভিউটা সরু করে ফোনের মাপে আনুন, তারপর শেয়ার লিংকটা নিজের ফোনে খুলে সত্যিকারের আঙুল দিয়ে একবার চালান।
2. একবারে একটা কথা বলে ঘষামাজা করুন। বাটন বড় করো, তারিখের ঘরটা উপরে নাও, লেখা আরেকটু বড় করো।
3. Publish চাপুন। ফ্রিতেই লাইভ হবে, ঠিকানা হবে apnar-site.banglacodes.app। ফ্রিতে একসাথে তিনটা সাইট; বেশি লাগলে বা ব্যাজ তুলতে চাইলে ৳১৯৯-এর প্যাকটা (৩৯,৮০০ Token)।
4. নিজের ডোমেইন যোগ করুন। প্রতিষ্ঠানের নিজের নামে ঠিকানা থাকলে মানুষ অন্যভাবে দেখে।
5. লাইফটাইম হোস্টিং নিলেই সাইটের ফর্ম কাজ করে, ফ্রি ঠিকানাতেও; নিজের ডোমেইন লাগে না। জমাগুলো ড্যাশবোর্ডের ইনবক্সে বসবে আর email-এ খবর যাবে, দিনে ২৫টা পর্যন্ত। বেশি লাগলে Business হোস্টিং নিন।

• যা এখানে খটকা লাগবে, ভিজিটরের কাছেও তাই লাগবে, তাই ফোনে দেখার ধাপটা বাদ দিবেন না।
• ছোট ছোট বদলে ফল ভালো হয়, একবারে দশটা কথা বলবেন না।
• Publish করলে ঠিকানা পাবেন apnar-site.banglacodes.app এই ধাঁচের, ফ্রিতেই।
• লাইফটাইম হোস্টিং ৳৬,৯৯৯, একবার, আজীবন।
• সাইটের ফর্মের বিস্তারিত আলাদা একটা অধ্যায়ে লেখা আছে।

নতুনদের যত প্রশ্ন

আমার তো কোডিং জানা নেই, আমি কি এসব বানাতে পারব?

• পারবেন। আপনি কেবল বাংলায় বলবেন কী দরকার, বানানোর কাজটা AI করবে।
• কোড দেখতেও হবে না, ছুঁতেও হবে না।

একটা অ্যাপে কি একসাথে অনেক কিছু রাখা যায়?

• যায়, তবে একবারে নয়। আগে সবচেয়ে দরকারি অংশটা বানিয়ে চালু করুন, মানুষ ব্যবহার করুক, তারপর একটা একটা করে যোগ করুন।
• এভাবে ভুল কম হয়, Token-ও কম লাগে।

কম্পিউটারে দেখতে কেমন লাগবে?

• একই সাইট বড় পর্দায় নিজে থেকেই ছড়িয়ে বসে।
• অফিসের কম্পিউটারে টেবিল আর চার্ট বড় দেখাবে, ফোনে সেগুলোই উপরনিচে সাজানো থাকবে।

এরপর পড়ুন

• ফোনে বসানো অ্যাপ (PWA) আর ওয়েব অ্যাপের পার্থক্য
• শেয়ার ও Publish
• কোন হোস্টিং আপনার জন্য: Basic, Business না Commerce