অ্যাপস আপনার ফোনে আধিপত্য বিস্তার করে। দীর্ঘ সময়ের জন্য, অ্যাপগুলি আপনার ডেস্কটপ বা ব্রাউজারকে একইভাবে প্রভাবিত করেনি। যে সাম্প্রতিক বছরগুলিতে পরিবর্তিত হয়েছে. প্রগতিশীল ওয়েব অ্যাপস (PWAs) আকারে বৃদ্ধি পাচ্ছে এবং সব ধরনের ওয়েবসাইটের সাথে আমাদের মিথস্ক্রিয়া পরিবর্তন করছে।
কিন্তু একটি প্রগতিশীল ওয়েব অ্যাপ আসলে কি? একটি PWA কি করে যা একটি ওয়েবসাইট করে না? প্রগতিশীল ওয়েব অ্যাপস সম্পর্কে আপনার যা জানা দরকার তা এখানে।
একটি প্রগতিশীল ওয়েব অ্যাপ কি?
প্রগ্রেসিভ ওয়েব অ্যাপস হল ওয়েব অ্যাপ্লিকেশন যা ব্যবহারকারীদের জন্য একটি নিয়মিত সাইট অফার করে কিন্তু একটি নেটিভ মোবাইল অ্যাপ হিসেবে উপস্থিত হয়। PWAs একটি নেটিভ মোবাইল অ্যাপের ব্যবহারযোগ্যতা আধুনিক ব্রাউজার ফিচার সেটে আনার চেষ্টা করে, উভয় বিকাশের ক্ষেত্রে অগ্রগতির সম্পূর্ণ সুবিধা নিয়ে।
তাহলে PWA কে সংজ্ঞায়িত করে?
- সর্বজনীন :একটি PWA অবশ্যই প্রত্যেক ব্যবহারকারীর জন্য নির্বিঘ্নে (ভাল, প্রায়) কাজ করবে, তাদের ব্রাউজার নির্বিশেষে।
- প্রতিক্রিয়াশীল :PWAs যেকোন ডিভাইসের সাথে কাজ করা উচিত, যেমন আপনার ল্যাপটপ, ট্যাবলেট, স্মার্টফোন ইত্যাদি।
- ডিজাইন :নকশাটি নেটিভ মোবাইল অ্যাপের অনুকরণ করা উচিত, যার অর্থ উন্নত বৈশিষ্ট্যের জন্য সহজ ইন্টারঅ্যাক্টিভিটি সহ সুগমিত, সহজে খুঁজে পাওয়া মেনু।
- নিরাপদ :ব্যবহারকারীর ডেটা সুরক্ষিত রাখতে PWA-এর উচিত HTTPS ব্যবহার করা।
- আবিষ্কারযোগ্য: ব্যবহারকারীরা PWAs খুঁজে পেতে পারেন, এবং তারা সহজেই একটি অ্যাপ্লিকেশন হিসাবে শনাক্তযোগ্য (একটি "সাইট" এর পরিবর্তে)।
- এনগেজমেন্ট: একটি পিডব্লিউএ-র অবশ্যই পুশ বিজ্ঞপ্তির মতো নেটিভ এনগেজমেন্ট বৈশিষ্ট্যগুলিতে অ্যাক্সেস থাকতে হবে।
- আপডেট: PWAs আপ টু ডেট থাকে, একটি পরিষেবা বা সাইটের সর্বশেষ সংস্করণ পরিবেশন করে।
- ইনস্টলেশন: কোনো অ্যাপ স্টোরের প্রয়োজন ছাড়াই ব্যবহারকারীদের তাদের হোম স্ক্রিনে PWA সহজেই "ইনস্টল" করতে দেয়।
- শেয়ারিং: কোনো ইনস্টলেশন ছাড়াই শেয়ার করার জন্য PWA-এর শুধুমাত্র একটি ইউআরএল প্রয়োজন।
আপনি দেখতে পাচ্ছেন, PWA-এর লক্ষ্য হল ব্যবহারকারীদের সুবিন্যস্ত বৈশিষ্ট্য এবং একটি নেটিভ অ্যাপের ইন্টারফেস ডিজাইন সহ একটি সম্পূর্ণ ওয়েবসাইট অভিজ্ঞতা প্রদান করা।
কিভাবে একটি প্রগতিশীল ওয়েব অ্যাপ কাজ করে?
প্রগতিশীল ওয়েব অ্যাপের চাবিকাঠি হল ব্রাউজার পরিষেবা কর্মী৷
৷একটি পরিষেবা কর্মী হল এমন একটি স্ক্রিপ্ট যা আপনার ব্রাউজারের পটভূমিতে চলে, "একটি ওয়েব পৃষ্ঠা থেকে আলাদা করে, এমন বৈশিষ্ট্যগুলির দরজা খুলে দেয় যেগুলির জন্য একটি ওয়েব পৃষ্ঠা বা ব্যবহারকারীর ইন্টারঅ্যাকশনের প্রয়োজন নেই।" আপনি এই মুহুর্তে পুশ বিজ্ঞপ্তি এবং ব্যাকগ্রাউন্ড সিঙ্কের মতো পরিষেবা কর্মীদের ব্যবহার করতে পারেন, তবে অবিলম্বে PWA ভবিষ্যতে এই স্ক্রিপ্টগুলিকে আরও বেশি শক্তি দেয়৷
যেমন, পরিষেবা কর্মীরা PWA স্ট্যান্ডার্ডের ভিত্তি তৈরি করে, প্রায় তাত্ক্ষণিক ফলাফলের জন্য ওয়েব ক্যাশে ব্যবহার করে।
পরিষেবা কর্মীদের আগে, গো-টু ব্রাউজার ক্যাশে স্ক্রিপ্ট ছিল অ্যাপ্লিকেশন ক্যাশে (বা অ্যাপ ক্যাশে)। অফলাইন-প্রথম পরিষেবাগুলির বিস্তৃত পরিসরে অ্যাপ ক্যাশে বৈশিষ্ট্যগুলি কিন্তু কিছুটা ত্রুটি-প্রবণ ছিল৷ উপরন্তু, অ্যাপ ক্যাশে বেশ কিছু সুপরিচিত সীমাবদ্ধতা রয়েছে, যেমনটি এ লিস্ট অ্যাপার্ট ব্যাখ্যা করে।
কিন্তু ডেভেলপারদের প্রধান সমস্যা হল অ্যাপক্যাচে কীভাবে কাজ করে তার সাথে সরাসরি মিথস্ক্রিয়া না থাকা, ডেভেলপারদের সমস্যা দেখা দেওয়ার সাথে সাথে সঠিকভাবে সমাধান করা বন্ধ করা। পরিবর্তে, সম্পূর্ণ অফলাইন কার্যকারিতা সহ ওয়েবসাইট এবং পরিষেবাগুলি একটি ঝুঁকিপূর্ণ পছন্দ ছিল৷
৷তবে পরিষেবা কর্মীরা কেবল ততক্ষণ স্থায়ী হয় যতক্ষণ তাদের পদক্ষেপের প্রয়োজন হয়। একটি পিডব্লিউএ-তে, আপনি যখন কিছু ক্লিক করেন বা একটি বৈশিষ্ট্য ব্যবহার করেন, তখন একজন পরিষেবা কর্মী কাজ শুরু করেন। পরিষেবা কর্মী (মনে রাখবেন, এটি একটি স্ক্রিপ্ট) ইভেন্টটি প্রক্রিয়া করে, অফলাইন ক্যাশে অনুরোধটি সম্পূর্ণ করতে পারে কিনা তা নির্ধারণ করে৷ ধারণাটি হল যে PWA-এর জন্য বেছে নেওয়ার জন্য একাধিক অফলাইন ক্যাশে রয়েছে, অফলাইন কার্যকারিতার আরও বিস্তৃত পরিসর দেয়৷
উপরন্তু, ক্যাশে শুধুমাত্র অফলাইন গতি বৃদ্ধির জন্য নয়। উদাহরণস্বরূপ, আপনি একটি PWA-তে যান, কিন্তু আপনার সংযোগ অত্যন্ত জটিল। পরিষেবা কর্মী আপনার অভিজ্ঞতাকে বাধা না দিয়ে, সম্পূর্ণরূপে কার্যকরী পূর্ববর্তী ক্যাশে পরিবেশন করে৷
প্রগতিশীল ওয়েব অ্যাপ ব্রাউজার সমর্থন
একটি প্রগতিশীল ওয়েব অ্যাপ ব্যবহার করার জন্য দুটি প্রয়োজনীয়তা রয়েছে:একটি সামঞ্জস্যপূর্ণ ব্রাউজার এবং একটি PWA- সক্ষম পরিষেবা৷
প্রথমত, এর ব্রাউজার তাকান. PWA ব্রাউজার সমর্থন চেক করার জন্য আপনার কাছে দুটি বিকল্প রয়েছে। প্রথমটি হল জ্যাক আর্চিবল্ডস কি সার্ভিস কর্মী প্রস্তুত? যা সহজে প্রধান ব্রাউজারগুলির পিডব্লিউএ-রেডি স্থিতি প্রদর্শন করে, সাথে Samsung ইন্টারনেট।
PWA ব্রাউজার সমর্থনের আরও বিস্তারিত ওভারভিউয়ের জন্য, আপনার চেক করা উচিত আমি কি ব্যবহার করতে পারি, একটি ওয়েবসাইট যা ব্রাউজার সংস্করণ দ্বারা বিভিন্ন ওয়েব এবং ব্রাউজার প্রযুক্তি বাস্তবায়নের তালিকায় বিশেষজ্ঞ। উদাহরণ স্বরূপ, আপনি যদি সার্চ বারে "পরিষেবা কর্মী" ইনপুট করেন, তাহলে আপনি একটি সারণী পাবেন যেখানে সংস্করণ নম্বর প্রদর্শন করা হয়েছে যার সাথে প্রতিটি ব্রাউজার PWA পরিষেবা কর্মীদের প্রয়োগ করেছে৷
আমি কি পরিষেবা কর্মী ব্যবহার করতে পারি তা নিশ্চিত করে যে প্রধান ব্রাউজারগুলি সমস্ত PWA সমর্থন করে৷ এটি বিভিন্ন বিকল্প ডেস্কটপ ব্রাউজার এবং মোবাইল ব্রাউজারগুলির জন্য PWA সমর্থনকেও চিত্রিত করে৷
৷এটিকে আরও কিছুটা ভেঙে দেওয়া:
- ডেস্কটপ ব্রাউজার (সম্পূর্ণ সমর্থন): ক্রোম, ফায়ারফক্স, অপেরা, এজ, সাফারি
- ডেস্কটপ ব্রাউজার (আংশিক সমর্থন/সেকেলে সংস্করণ): QQ ব্রাউজার, Baidu ব্রাউজার
- মোবাইল ব্রাউজার (সম্পূর্ণ সমর্থন): ক্রোম, ফায়ারফক্স, সাফারি, ইউসি ব্রাউজার, স্যামসাং ইন্টারনেট, মিন্ট ব্রাউজার, ওয়েচ্যাট
- মোবাইল ব্রাউজার (আংশিক সমর্থন/সেকেলে সংস্করণ): QQ ব্রাউজার, অ্যান্ড্রয়েড ব্রাউজার, অপেরা মোবাইল
সুতরাং, প্রধান ব্রাউজারগুলি সমস্ত PWA সমর্থন করে। মাইক্রোসফ্ট এজ এবং সাফারি সম্পূর্ণ সমর্থন তালিকায় সাম্প্রতিকতম সংযোজন। বিপরীতভাবে, QQ ব্রাউজার এবং Baidu ব্রাউজার উভয়ই এখন পুরানো সংস্করণ ব্যবহার করে এবং যেমনটি দ্বিতীয় স্তরে নেমে গেছে৷
কিভাবে একটি প্রগতিশীল ওয়েব অ্যাপ খুঁজে ও ইনস্টল করবেন
এখন আপনি জানেন যে কোন ব্রাউজার ব্যবহার করতে হবে, আপনি একটি PWA অনুসন্ধান এবং ইনস্টল করার বিষয়ে চিন্তা করতে পারেন৷ এই উদাহরণের জন্য, আমি Google Chrome এর সাথে একটি Samsung Galaxy S8 ব্যবহার করব৷
৷প্রগতিশীল ওয়েব অ্যাপস সর্বত্র আছে। অনেক কোম্পানি প্রগতিশীল ওয়েব অ্যাপ সংস্করণ অফার করার জন্য তাদের সাইট এবং পরিষেবাগুলিকে অভিযোজিত করেছে৷ অনেক ক্ষেত্রে, আপনি যখন হোমপেজে বা পরিষেবার মোবাইল সাইটে যাবেন তখন আপনি প্রথমে একটি PWA এর সম্মুখীন হবেন, যা হোম স্ক্রিনে যোগ করুন ট্রিগার করে। ডায়ালগ বক্স।
আপনি যখন টুইটার মোবাইল সাইটে যান তখন কী ঘটে তা দেখতে নীচের ভিডিওটি দেখুন৷
৷
অবশ্যই, অসংখ্য সাইট পরিদর্শন করা এবং হোম স্ক্রীন ট্রিগার দেখার আশা করা দরকারী নয়। আসলে, এটা নিখুঁত সময় সাপেক্ষ। সৌভাগ্যবশত, আপনাকে এটি করতে হবে না কারণ PWA কে তালিকাভুক্ত করার জন্য নিবেদিত কয়েকটি সাইট রয়েছে।
প্রথম, outweb চেষ্টা করুন. এটি PWA-এর একটি সুন্দর শালীন পরিসর তালিকাভুক্ত করে, নতুন বিকল্পগুলি ঘন ঘন প্রদর্শিত হয়। এরপর, pwa.rocks চেষ্টা করুন। এটির একটি ছোট নির্বাচন রয়েছে, তবে কিছু সহজ PWA যা আপনি আপনার ডিভাইসে যোগ করতে চাইবেন৷
অধিকন্তু, জানুয়ারী 2019-এ, ট্রাস্টেড ওয়েব অ্যাক্টিভিটি (TWA) সহ Android এর জন্য Chrome 72 পাঠানো হয়েছে। TWA ক্রোম ট্যাবগুলিকে একটি স্বতন্ত্র মোডে খোলার অনুমতি দেয়৷ পরিবর্তে, এটি PWA গুলিকে Google Play অ্যাপ স্টোরে বৈশিষ্ট্যযুক্ত করার অনুমতি দেয়৷ Google Play-তে প্রদর্শিত প্রথম কয়েকটি PWA হল Twitter Lite, Instagram Lite, এবং Google Maps Go, যা সময়ের সাথে সাথে আরও বেশি প্রদর্শিত হবে।
প্রগতিশীল ওয়েব অ্যাপ কি নেটিভ অ্যাপগুলিকে প্রতিস্থাপন করবে?
প্রগতিশীল ওয়েব অ্যাপস আপনার ব্রাউজার এবং একটি নেটিভ মোবাইল অ্যাপের মধ্যে একটি চমৎকার হাইব্রিড ধাপ। পিডব্লিউএ কি নেটিভ অ্যাপগুলিকে সম্পূর্ণভাবে প্রতিস্থাপন করবে? এটা আমার কাছ থেকে একটি কঠিন না. PWAs একটি লাইটওয়েট অফার হিসাবে দুর্দান্ত, তবে তারা বর্তমানে বিদ্যমান সাইট এবং পরিষেবাগুলির প্রতিলিপি করার উপর ফোকাস করে, তারা নেটিভ অ্যাপগুলিকে প্রতিস্থাপন করবে না৷
অন্তত, আপাতত নয়।
যদিও PWAs কাজ করে। PWA পরিসংখ্যানে উপলব্ধ ডেটাও এটির ব্যাক আপ করে। এখানে কয়েকটি আকর্ষণীয় সংখ্যা রয়েছে যা চিত্রিত করে কিভাবে PWA গুলি সাধারণত ব্যবহৃত ওয়েবসাইটগুলির সাথে আমাদের মিথস্ক্রিয়াকে পরিবর্তন করছে:
- হোম স্ক্রিনে তাদের PWA যুক্ত করার জন্য Trivago ব্যবহারকারীদের জন্য 150 শতাংশ ব্যস্ততা বৃদ্ধি পেয়েছে।
- ফোর্বসের PWA "হোমপেজ সম্পূর্ণরূপে 0.8 সেকেন্ডের মধ্যে লোড হয়", যখন প্রতি ভিজিট ইম্প্রেশন 10 শতাংশ বেড়ে যায়। ফোর্বসের PWA এছাড়াও ব্যবহারকারীর সেশনের দৈর্ঘ্য দ্বিগুণ দেখেছে।
- টুইটার লাইট প্রতি সেশনে পৃষ্ঠাগুলিতে 65 শতাংশ বৃদ্ধি পেয়েছে, টুইটগুলিতে 75 শতাংশের ব্যাপক বৃদ্ধি পেয়েছে৷ এছাড়াও এটি ইন্টারেক্টিভ "3G এর উপর 5 সেকেন্ডের কম সময়ে।"
- আলিবাবা মোবাইল কনভার্সনে ৭৬ শতাংশ বৃদ্ধি পেয়েছে।
PWA এখনও মূলধারার নয়। কিন্তু তারা যে বিশাল পরিসরের সুবিধা প্রদান করে, যেমন আপনার ডিভাইসে স্থান সংরক্ষণ, আপনি ভবিষ্যতে সেগুলি সম্পর্কে আরও শুনতে পাবেন৷
