Mobile app development By PWA
Website Link: https://hakeemify.com/
আপনি যদি একটা ফাস্ট লোডিং এবং ইউজার ফ্রেন্ডলি অ্যাপ বানাতে চান, তাহলে PWA (Progressive Web App Development) হতে পারে আপনার জন্য Most Easy Options।
যেমনঃ
• PWA এর মাধ্যমে আপনি খুব সহজে Wordpress Plugins এর মাধ্যমে একটি App Development করতে পারবেন। এটার জন্য আপনাকে Coding জানতে হবেনা।
• Development Cost: একটি কোডবেস দিয়েই দুটো প্লাটফর্মে কাজ করা যায় তাই খুব কম খরছে আপনি একটি PWA App build up করতে পারবেন।
• Progressive Apps Download করার জন্য User দের Play store বা App store যেতে হবেনা। Andriod User রা Push Notification এর মাধ্যমে এবং Iphone User রা Add to Home screen এর মাধ্যমে PWA Apps তাদের ফোনে Store করতে পারবে।
• User Experiences: Progressive App Fast এবং smoothly লোড হয়, দুর্বল নেটওয়ার্ক Connection এমনকি Offline এ ব্যবহার করা যায়।
• Easy access: Customer’s খুব সহজে আপনার Website Access এবং Store করতে পারবে Progressive App এর মাধমে। এটি আপনার ওয়েবসাইটে Visit করার প্রক্রিয়াকে আরও সহজ করবে এবং Sale বৃদ্ধি করবে।
• Return Visitor: Progressive App আপনার Website Visitor দের Return করতে প্রভাবিত করবে।
• Push Notification: Progressive App user দের কাছে push Notification পাঠানোর মাধ্যমে customer দের New Product, Stock, Special Offer, Sale Out সহ বিভিন্ন ধরনের Update দিতে পারবেন।
Search Engine Optimization: PWA সাধারণ ওয়েবসাইটের চেয়ে অনেক Fast Load হয়। এটি Search engine এবং Users উভয়ের জন্য ভাল। Fast Loading সাইটগুলো সাধারণত Google Ranking এ ভাল অবস্থানে থাকে।
• Data Saving: PWA Apps গুলো সাধারন Apps এর তুলনায় কম ডেটা ব্যবহার করে। ফলে এটি অনেক User Friendly।
এই সকল কারণেই Progressive Web App এখন অনেক জনপ্রিয়। তাই আপনি যদি একটা মোবাইল অ্যাপ বানাতে চান, কিন্তু নেটিভ অ্যাপের ঝামেলায় পড়তে না চান, তাহলে PWA আপনার জন্য Best Options।
Making:
এখন আমরা দেখব কিভাবে একটি Progress Web app তৈরি করতে হয়।
প্রথমে আমরা আমাদের Wordpress site টি Login করবো। সেখান থেকে Plugins Options থেকে Add new plugins এ click করব। তারপর আমরা Super Progressive Web Apps লিখে search করব তাহলে আমাদের কাংখিত plugins টি পেয়ে যাব। এখন আমরা এটিকে active করে নিবো। এরপর sidebar থেকে Plugins টি Open করব।
1. Application Name create করবো
2. Application Short Name create করবো যেটা Apps Icon এর নিছে show করবে।
3. Description অ্যাপ সম্পর্কে একটি সংক্ষিপ্ত বিবরণ যা কিনা Apps টি কি সম্পর্কে user দেরকে তা জানতে সাহায্য করবে।
4. App Icon আমরা যে icon টা App Icon হিসেবে Use করবো সেটি upload করবো এর সাইজ maximum 192192 px রাখব। App Icon তৈরি না থাকলে তৈরি করে নিবো।
5. Splash Screen এই আইকনটি Supported Device এ App এর Splash Screen/Loading Screen হিসেবে প্রদর্শিত হবে। এর সাইজ maximum 512512 px রাখব।
6. Background Color/ Splash Screen এর color select করবো
7. Start Page হিসেবে আমরা home Page টি select করে দিব
8. Orientation and Display option এ আমরা Portrait এবং standalone select then Save করবো।
Testing
এখন আমরা একটি android Device open করবো আমাদের Apps check করার জন্য।
এখানে আমরা আমাদের Wordpress Site টি কে Browse করার সময় push up notification পাব। যেখান থেকে আমরা Apps টি Download করতে পারবো। তারপর সেখান থেকে app টি open করবো এবং দেখব ঠিক ভাবে কাজ করছে কিনা।
তারপর, আমরা একটি ios Device open করবো আমাদের Apps check করার জন্য।
iOS তে আমরা Wordpress Site টি কে Browse করার সময় Add to Home Screen থেকে “Add” Button এ click করবো। তারপর সেখান থেকে app টি open করবো এবং দেখব ঠিক ভাবে কাজ করছে কিনা।
Conclusion
এইভাবে খুব সহজেই আপনি একটি Progressive Web App তৈরি করতে পারবেন।
#pwa #progressivewebapp #pwadevelopment #pwatutorial #wordpress #wordpressplugins #superpwa #appdevelopment #mobileappdevelopment #webappdevelopment #fastloading #userfriendly #offlineaccess #pushnotification #searchengineoptimization #datasaving #easyaccess #returnvisitor
Watch video Mobile app development By PWA online, duration hours minute second in high quality that is uploaded to the channel Hakeemify 08 January 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 14 times and liked it 0 visitors.
