প্রোগ্রেসিভ ওয়েব অ্যাপ (PWA): অ্যাপ স্টোর ছাড়াই অ্যাপের মতো ওয়েবসাইট

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

একটি ওয়েবসাইট কীভাবে PWA হয়

তিনটি কারিগরি অংশ সাধারণ ওয়েবসাইটকে PWA-তে পরিণত করে:

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

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

PWA কী পারে আর কী পারে না

শক্তি

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

সীমা

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

PWA, ওয়েবসাইট নাকি নেটিভ অ্যাপ?

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

বাংলাদেশে PWA কোথায় ভালো মানায়

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

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

PWA নিজে থেকে ধীর সাইটকে দ্রুত করে না। মূল পেজগুলো ভারী হলে আগে মোবাইল ডেটায় ওয়েবসাইট দ্রুত করা দিয়ে শুরু করুন।

সাধারণ প্রশ্ন

PWA কি অ্যাপ স্টোরে রাখা যায়? কিছু PWA প্যাকেজ করে অ্যাপ স্টোরে দেওয়া যায়, তবে সেটা আলাদা একটি ধাপ, প্রতিটি স্টোরের নিজস্ব নিয়মসহ। স্টোরের সর্বশেষ শর্ত দেখে নিন।

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

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

শুরুর আগে

1. ব্যবহারকারীকে কী করতে হবে আর কী অফলাইনে চলতেই হবে, তালিকা করুন।
2. কোন ডিভাইস আর ব্রাউজার সবচেয়ে জরুরি, ঠিক করুন।
3. ব্যবহারকারীরা কীভাবে ইনস্টল করা শিখবেন, তার পরিকল্পনা করুন।
4. শুধু অফিসের ওয়াইফাইতে নয়, দুর্বল নেটওয়ার্কে কম দামের ফোনে পরীক্ষা করুন।

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