نسل جدید اپلیکیشن ها را بشناسید

نسل جدید اپلیکیشن ها را بشناسید

Pwa

مقدمه

دردنیای متخصصان فناوری اطلاعات، pwa یکی از اصطلاحات معتبر است. تکنولوژی جدید وب اپلیکیشن پیش روند یا همان pwa تحولی در نمایش سایت در موبایل میباشد وبهترین قابلیت های اپلیکیشن های موبایل را با بهترین قابلیت های سایت در هم آمیخته است.

اگر شما در حال ایجاد وب هستید pwa همان چیزی است که شما به آن نیاز دارید زیرا واقعا رویای نصب برنامه های وب روی موبایل تحقق یافته است . البته pwa محدود به موبایل نیست و میتوان آن را روی دسکتاپ هم اجرا کرد. شرکت آی ام تی با رزومه ای درخشان در طراحی سایت و وب اپلیکیشن در قزوین و سایر استان ها میباشد و جهت تکمیل اطلاعات شما پیشنهاد میکند مقاله را بطور کامل مطالعه فرمائید.

 

 pwaچیست؟

 pwa مخفف کلمه ی progressive web application است.

گوگل برای اولین بار در سال 2015 pwa رابه علت آسودگی نسبی توسعه و در اختیار قرار دادن تجربه کاربری آنی، برای کاربران توصیف کرد.

Pwa یک نرم افزار تحت وب است که یک وبسایت را در قالب یک اپلیکیشن در تلفن‌های هوشمند به نمایش در می‌آورد.

این نرم افزار برای کار روی هر سیستم عامل که از یک مرورگر سازگار استاندارد استفاده میکند درنظر گرفته شده است. هنگام استفاده از pwa شما به سایت مورد نظر از طریق مرورگر هدایت می‌شوید، در نتیجه نیازی به اشغال فضای حافظه گوشی و رم خود برای نصب برنامه ندارید.

عملکردهایی مثل کارکردن به صورت آفلاین ،اعلان های فشار ، دسترسی سخت افزار دستگاه و امکان ایجاد تجربیات کاربر مشابه برنامه های بومی دررایانه های شخصی و دستگاه های تلفن همراه را فراهم میکند. Pwa ها ازبرنامه های بومی کارآمدترهستند وهمیشه دردسترس هستند.

دربرنامه pwa شما با یک میانبر روبه ‌رو هستید که نیازی به حفظ کردن آدرس سایت‌ها نداشته و به راحتی می‌توانید در سایت‌هایی که زیادی با آن‌ها سر و کار دارید به گشت و گذار بپردازید.

 

pwa سایت و وب اپلیکیشن

چطور وب اپلیکیشن بسازیم؟

برای ساخت این نوع برنامه نیاز به کدنویسی به زبان‌های جاوا است. برای راحتی کار این امکان در فریم ورک هایی نظیر آنگولار فراهم شده تا در زمانی کوتاه تر هم بتوانید آن را ایجاد کنید. بنابراین در حال حاضر سرویس آماده خیلی پیشرفته‌ای برای اینکه بتوانید بدون نیاز به دانش کدنویسی آن را ایجاد کنید وجود ندارد.

اما می‌توان انتظار داشت در آینده‌ای نزدیک که استفاده از این نوع برنامه‌ها افزایش می‌یابد بتوان بدون دانش کد نویسی هم pwa ساخت.

 

چرا باید از وب اپلیکیشن استفاده کنیم؟

از سال‌های گذشته ، کاربرانی که از گوشی موبایل استفاده می‌کنند 80 درصد از زمان خود را صرف استفاده از حداقل سه نوع برنامه می‌کنند. این نوع برنامه‌ها می‌توانند شامل برنامه‌های پیام‌رسان، شبکه‌های اجتماعی و مرورگر اینترنت باشند. در این صورت استفاده از سایر برنامه‌ها به ندرت صورت گرفته و زمان کمتری را صرف آنها می‌کنند. گذشته از این، سایر برنامه ها هم صرفا حافظه گوشی را اشغال کرده و بخشی از رم را به خود اختصاص خواهند داد.

وهزینه‌ای که برای ساخت برنامه جدا باید پرداخت کنید در مقایسه با pwa ها به بیش از 10 درصد هم می‌رسد. که اگر از دیتابیس جدا برای این برنامه استفاده شده باشد هزینه‌ها بیشتر و بیشتر هم خواهند شد.

کاربران برای استفاده از برنامه‌های بومی باید در فروشگاه‌ها اقدام به جستجو کرده، برنامه را روی گوشی خود نصب کنند و در صورت ارائه قابلیت‌های جدید منتظر انتشار نسخه جدید باشند.

 

مزایای ایجاد یک برنامه وب مترقی یا pwa چیست؟

.این کار کاربران را خوشحال میکند ومیتواند ازطریق صفحه اصلی اجرا شود.

.بدون درنظرگرفتن شرایط شبکه قابل اعتماد کار میکند.

.تعامل را افزایش میدهد.

.تبدیل ها را تسریع میکند.

 

ویژگی های وب اپلیکیشن پیش رونده یا pwa

 

1-قابلیت جستجو: از آنجایی که pwa در واقع یک وب‌سایت محسوب می‌شود، از طریق موتورهای

جستجو قابل یافتن است. این خصوصیت، یک برتری قابل توجه آن‌ها بر اپلیکیشن‌های بومی است.

2-پیش رونده: یک وب اپلیکیشن پیش رونده باید تعامل مناسبی با انواع مرورگر و سیستم عامل داشته باشد، pwa برای تمام کاربران قابل استفاده است و در سایز نمایشگرهای مختلف نیز با مشکلات طراحی روبه‌رو نخواهد بود.

3-درگیر کردن کاربر: احتمال آنکه کاربران اپلیکیشن‌های موبایل مجددا از اپلیکیشن‌های خود استفاده کنند بیشتر از احتمال مراجعه‌ی مجدد به یک‌ وب‌سایت است. pwa با استفاده از ویژگی‌هایی نظیر اعلان‌های سمت سرور (Push Notification)، این ضعف را جبران کرده‌ است.

4-پیشرفته بودن: این وب اپلیکیشن برای تمامی مرورگرها طراحی شده است و قابلیت نصب روی هر نوع گوشی، تبلت و دسکتاپ را دارد. وقتی وارد سایت‌هایی مثل اینستاگرام، توییتر و… می‌شوید بسته به سیستم عامل و مرورگری که وارد شده اید درخواستی برای اضافه کردن برنامه به صفحه اصلی ارسال خواهد شد.

5-به‌روزرسانی و آپدیت: این نوع برنامه‌ها از سایت تاثیر می‌گیرند و ممکن است که بخش‌های مختلفی به سایت اضافه شده و تغییرات مختلفی در آن صورت گیرد، باید مدام به روز رسانی شوند تا درست همگام با نسخه سایت امکانات مورد نیاز را داشته باشند.

6-استفاده به صورت آفلاین: این وب اپلیکیشن‌ها طوری هستند که در صورت داشتن ضعف در اتصال اینترنتی در حالت آفلاین هم کار می‌کنند. دو شبکه اجتماعی فیسبوک و توییتر وب اپلیکیشن نیستند، اما بر پایه همین نوع ساختار ایجاد شده‌اند که در کندترین اتصال اینترنتی هم قابل استفاده هستند.

7-پشتیبانی از دسترسی سیستمی: درpwa شما بایک نسخه برنامه روبه‌رو هستید با این تفاوت که در واقع یک میانبر از سایت مورد نظر برای شما تهیه شده است. پس باید دسترسی به فایل‌های گوشی برای استفاده از تمامی امکانات نسخه نرم افزاری در آنها فراهم باشد.

8-ایمن بودن: یکی از الزامات استفاده از این نوع برنامه‌ها پیاده سازی روی بستر SSL و در دسترس بودن از طریق پروتکل امن HTTPS  می‌باشد. بنابراین داده‌های کاربران از امنیت بالا برخوردار است.

9-ظاهری شبیه اپلیکیشن: یک اپلیکیشن پیش رونده شباهت زیادی به اپلیکیشن‌های بومی دارد، از رابط کاربری مشابه  استفاده می‌کند و مسیریابی در آن‌ها مانند اپلیکیشن‌های معمولی است. pwa مهم نیست روی چه پلتفرمی با چه سایز صفحه نمایشی اجرا می‌شوند؛ لپ‌تاپ، گوشی‌های هوشمند یا تبلت‌ها، موضوع مهم این است که نرم افزار پیش رونده باید با همه‌ی پلتفرم‌ها با هر اندازه‌ی تصویری که دارند سازگار باشد و در تمامی بخش ها در اندازه استاندارد قابل مشاهده باشند.

10-قابلیت اشتراک: اپلیکیشن‌های پیش رونده باید برای هر بخشی از اپلیکیشن دارای یک URL باشند. یعنی وقتی کاربر وارد یکی از صفحات نوشته یا محصول از طریق وب اپلیکیشن می‌شود هنگام استفاده از دکمه اشتراک گذاری و… باید امکان استفاده صحیح از آن وجود داشته باشد.

 

pwa سایت و وب اپلیکیشن

معایب استفاده از pwa

1- سازگاری با ios :

اززمان ios 11.3، اجرای pwa روی دستگاه های apple امکانپذیرشد اما نباید توقع داشته باشید که بادستگاه های قدیمی هم سازگارباشد.Apple اجازه دسترسی های بیشتر به ویژگی های مهم شامل: شناسایی از طریق لمس، شناسایی ازروی صورت، arkit، بلوتوث، سریال، beacons، حسگرارتفاع و حتی اطلاعات مربوط به باطری را نمیدهد.

2- دارای ناهماهنگی بادستگاه های قدیمی: 

Pwaها تقریبا در سالهای اخیرمطرح شده است، بنابراین این خیلی عجیب نیست که دستگاه های موبایل قدیمی و منسوخ نمیتوانند به خوبی ازآن پشتیبانی کنند. درحالیکه این مشکل خود به خود درآینده حل خواهد شد، اما ممکن است که باعث شکایت مشتریان بعضی از شرکتها شود.

3- pwaها نمیتوانند هرکاری را انجام دهند

باتوجه به ظرفیت pwa درمقایسه با برنامه های وب سنتی، آنها توانایی انجام تمام کاراهایی را که برنامه های موبایل انجام میدهند ندارند.

چون آنها با جاوااسکریپت نوشته شده اند، به کارآمدی برنامه هایی که با زبانهای native نوشته شده اند مثل kotlin  یا swift نیستند. درحال حاضر دسترسی به ویژگی های دستگاهی مهم درحال از دست رفتن است، مثل: بلوتوث، حسگرهای proximity، روشنایی محیط، کنترل های پیشرفته دوربین و سایرموارد.

 

توانایی های pwa در ios

.دوربین

.اپل پرداخت

.سنسورها

.خروجی صوتی

.گفتارسنتز، بااستفاده از هدست های متصل

.webassemble وموارد دیگر.

توانایی های pwa در android

.امکان ذخیره سازی بیش از 50 مگابایت

.دسترسی بلوتوث برای دستگاه های ble

.تشخیص گفتار

.اشتراک وب برای دسترسی به گفتگوی اشتراک گذاری بومی

.فایلها حتی اگراز برنامه استفاده نکنید نگهداری میشوند.

.امکان شخصی سازی صفحه نمایش

.بنربرنامه وب برای دعوت کاربر برای نصب برنامه

.پیش زمینه همگام سازی واعلان های وب فشار

 

چه چیزی باعث میشود یک برنامه pwa شود؟

Pwa با یک فناوری ایجاد نمیشوند آنها یک فلسفه جدید برای ساختن برنامه های وب را شامل میشوند مثل برخی از الگوهای خاص .

برخی از اصول مهم که یک برنامه وب باید سعی کند تا مشاهده کندتا به عنوان pwa شناخته شود:

1-قابل کشف : یعنی میتوان آن را از طریق موتورهای جستجو یافت.

2-قابل نصب : میتواند در صفحه ی اصلی دستگاه یا راه انداز برنامه در دسترس باشد.

3-شبکه مستقل : به صورت آفلاین یابا اتصال به شبکه ضعیف هم کارمیکند.

4-پاسخگو : درهردستگاه دارای صفحه ومرورگر قابل استفاده است مانند تلفن های همراه تبلت لپ تاپ تلویزیون و یخچال و غیره.

5-ایمن : اتصال بین کاربر برنامه و سرور شما در برابر اشخاص دیگری که سعی در دستیابی به داده های حساس دارند ایمن هستند.

6-قابل پیوند : میتوان آن را با ارسال یک url به اشتراک گذاشت.

 

اجزای فنی pwa

برنامه های وب پیشرفته شامل برخی از مولفه های اساسی فنی است که عملکرد منظم برنامه های وب را تغییر میدهد .

این مولفه ها برای ایجادpwa موفق مورد نیاز هستند:

1-کارگرخدمات

  خدمات کارگر فناوری پشت یک برنامه وب مترقی است که از قابلیت آفلاین و ذخیره منابع و اعلانهای فشار پشتیبانی میکند.

کارگران خدمات در هسته تکنیک هایpwa قرار دارند آنها روشی برنامه ای برای ذخیره منابع برنامه ارائه میدهند.

2-مانیفست برنامه وب

پرونده مانیفست برنامه ، برای توصیف منابع مورد نیاز برنامه شما طراحی شده است که شامل نمادها ، نام نمایش داده شده برنامه ، رنگ پس زمینه یا موضوع است. اگر به پرونده مانیفست را در index.html خود پیوند دهید مرورگرها آن را تشخیص داده و منابع بارگذاری میشوند.

3-درحال اجرا تحت https

https کارگران خدمات  میتوانند درخواست های شبکه را رهگیری کنند و پاسخ ها را تغییر دهند.آنها متوجه همه اقدامات از طرف مشتری میشوند بنابراین برنامه وب پیشرو نیاز به پروتکل امن https دارد.

 

سازگاری سایت و وب اپلیکیشن pwa با مرورگرهای مختلف

مرورگرهایی که از pwa پشتیبانی می کنند شامل گزینه‌های زیر هستند:

  1. مرورگر‌های دسکتاپ: کروم، فایرفاکس، اپرا، QQ Browser و 360 Browser

  2. مرورگر‌های دسکتاپ: سافاری، مایکروسافت اج

  3. مرورگر‌های موبایل: کروم، فایرفاکس، شیائومی، UC Browser، بایدو، وی چت، Sogou، مرورگر 360 Browser و Quark

  4. مرورگر‌های موبایل: سامسونگ، QQ Browser

  5. مرورگر‌های موبایل:  Cheetah

 

چندنمونه از pwa درسال 2019

دیجی‌کالا یک تجربه خوب وب اپلیکیشن پیش‌رونده در ایران

Digikala، نحوه خرید ایرانیان برای خرید لوازم الکترونیکی مصرفی و کالاهای دیگر را با فروشگاه آنلاین خود تغییر داده است. PWA فروشگاهی‌ آنها به این دلیل ساخته شده است تا اطلاعات و بررسی‌های زیادی را برای محصولات دیجیتال در اختیار مصرف کنندگان قرار دهد و یک تجربه خرید آنلاین عالی را ارائه می‌دهد.

تاکسی آنلاین اوبر Uber

با گسترش این شرکت به بازارهای جدید، اوبر وب خود را از نقطه صفر به عنوان وب اپلیکیشن پیش‌رونده بازسازی کرد تا یک تجربه رزرو قابل مقایسه با برنامه موبایل بومی ارائه دهد.

مجله فلیپ بورد Flipboard

به عنوان محبوب‌ترین مجله اجتماعی جهان، فلیپ بورد به خوانندگان خود اجازه می‌دهد تا از همه مکان‌ها، موضوعات و اخبار و رویدادهای مورد نظر خود مطلع شوند.

 

 

نتیجه گیری

بعدازفهرست کردن مزایا ومعایب وب اپلیکیشن های پیش رونده،این کاملا واضح است که مزیت ای آن بیشتر از معایبش است.

علیرغم گذشت زمان نسبتا کوتاهی (حتی با توجه به سابقه فناوری وب)، pwa درحال حاضربرای نشریک فلسفه جدید برای ساخت وب سایت ها مدیریت شده است و هیچ شرکتی نمیخواهد که در عصرموبایل ،آن را نادیده بگیرد.

 

اطلاعات تماس جهت مشاوره رایگان - 02833353976

طراحی سایت فروشگاهی را از کجا شروع کنیم؟
نمونه کارهای ما را ببینید.
در بخش فروشگاه سایت آی ام تی، قیمت نمونه سایت ها را ببینید.
اگر طراحی اختصاصی متناسب با بودجه شما نیست قالب عمومی انتخاب کنید.
نمونه قرارداد ما را مطالعه کنید.
جهت پاسخ به هرگونه سؤال لطفا به صفحه تماس با ما مراجعه کنید یا با ما تماس بگیرید: 33353976_028

تاریخ انتشار : 1399/2/15

تعداد بازدید : 160 اشتراک گذاری در :