Temukan Seluk Beluk Progressive Web Apps (PWA)

Jangan terkecoh – aplikasi web progresif bukanlah teknologi baru yang gila sehingga Anda tidak akan dapat melakukan percakapan terdidik dengan teman-teman Anda setelah membaca artikel singkat.

Mereka pada dasarnya adalah aplikasi web modern dengan nama mewah (terima kasih, Google Chrome).

Tapi tetap saja, tersadar dengan alasan mengapa banyak organisasi memutuskan bahwa PWA lebih cocok untuk kebutuhan mereka. Tidak hanya lebih murah untuk membangun, memasarkan, dan memelihara PWA dibandingkan dengan aplikasi asli, itu juga dapat menjadi pilihan pelanggan.

Pernahkah Anda bertanya kepada pelanggan Anda apakah mereka ingin diarahkan ke toko aplikasi hanya untuk memesan reservasi hotel berikutnya atau memesan mobil sewaan? Mungkin itu percakapan untuk hari lain ...

Apa itu aplikasi web progresif?

Sebelum kita dapat mulai memahami kasus penggunaan untuk membangun aplikasi web progresif versus aplikasi asli atau aplikasi web tradisional, mari pastikan kita membahas dasar-dasarnya.

Pertama dan terpenting, Anda perlu tahu tentang aplikasi web progresif karena mereka adalah jalan masa depan. Menurut survei pembaca terhadap lebih dari 800 teknolog, yang dilakukan oleh JAX Enter, 46% responden mengatakan bahwa mereka percaya bahwa PWA adalah masa depan - bukan aplikasi asli atau hibrida.

Perbedaan antara aplikasi web progresif, aplikasi web non-progresif, dan aplikasi asli

Bahkan pengembang senior memiliki kecenderungan untuk mengacaukan progresif dengan non-progresif atau non-progresif dengan aplikasi asli. Namun, ada perbedaan yang jelas antara jenis aplikasi ini.

Sumber

Aplikasi asli adalah aplikasi yang dibuat dalam bahasa tertentu untuk perangkat tertentu (ponsel pintar, tablet, dll.) dan harus diunduh dari toko aplikasi. Pada contoh di atas, aplikasi MyPay Dish adalah aplikasi asli karena dapat diunduh dari Apple App Store dan dibuat untuk perangkat iOS. Meskipun Anda juga dapat mengunduh aplikasi MyPay Dish di Google Play, Dish sebenarnya harus mengembangkan aplikasi asli kedua untuk memungkinkannya.

Dengan harus merancang dan mengembangkan dua aplikasi seluler yang berbeda untuk pelanggan mereka, Anda dapat mulai melihat kelemahan utama pengembangan aplikasi asli.

Jenis aplikasi yang lebih hemat anggaran? Aplikasi web non-progresif. Bentuk paling awal dari aplikasi web, aplikasi web non-progresif, adalah aplikasi yang tidak perlu diunduh dari toko aplikasi; melainkan hanya dapat diakses melalui web.

Ini terlihat dan terasa seperti sebuah aplikasi, tetapi sebenarnya hanya sebuah situs web dengan kemampuan yang ditingkatkan. Perhatikan contoh aplikasi web non-progresif pada gambar di atas, Evolve Vacation Rentals, aman, responsif, dan ramping – tetapi tidak dianggap sebagai PWA.

Bahkan, agar aplikasi berbasis web dapat dianggap sebagai aplikasi web progresif, Google mengatakan bahwa aplikasi berikut harus benar:

• Progresif . Ini harus bekerja di semua jenis browser, bukan hanya IE atau Chrome.
• Responsif . Aplikasi ini harus sesuai dengan semua ponsel modern, tablet, dan gadget teknologi masa depan.
• Independen . Itu harus memiliki kapasitas untuk bekerja secara offline atau pada koneksi jaringan kekuatan rendah.
• Aplikasi-esque . Aplikasi menggunakan navigasi dan gaya gaya aplikasi.
• Segar. Selalu up-to-date.
• Aman. Disajikan kepada pengguna melalui keamanan lapisan transport, atau lebih sering disebut sebagai url HTTPS.
• Dapat ditemukan. Dapat ditemukan menggunakan mesin pencari.
• Dapat terlibat kembali. Kemampuan untuk melibatkan kembali pengguna aplikasi melalui platform (yaitu pemberitahuan push).
• Dapat dipasang. Pengguna dapat menginstal aplikasi ke layar beranda mereka melalui toko aplikasi untuk memungkinkan akses yang mudah dan nyaman.
• Dapat ditautkan. Aplikasi dapat dibagikan dengan orang lain menggunakan URL.

Fitur aplikasi web progresif

Google memiliki klasifikasi mereka untuk apa yang membuat aplikasi web menjadi aplikasi web progresif , tetapi Anda mungkin bertanya-tanya bagaimana seseorang dapat menentukan apakah aplikasi web itu progresif tanpa menyimpan daftar periksa? Untuk dapat melakukan hal itu, mari kita bahas fitur utama PWA.

Konteks aman (HTTPS)

Sulit untuk menyebut aplikasi progresif jika tidak mematuhi standar keamanan data terbaru dan terbaik. Konteks aman adalah standar keamanan yang memberikan tingkat kepercayaan bagi pengguna situs web, menunjukkan bahwa aplikasi web yang mereka gunakan mengirimkan konten dengan cara yang aman.

Seperti praktik terbaik untuk situs web mana pun pada tahun 2020, fitur utama PWA adalah mereka dienkripsi TSL/SSL, memastikan konteks yang aman. Untuk menentukan dengan cepat apakah aplikasi web aman, cukup cari HTTPS di url halaman.

Jika Anda menggunakan aplikasi web yang tidak memiliki koneksi HTTPS, itu tidak dapat dianggap sebagai PWA.

Sumber

Pekerja layanan

Dalam bahasa teknologi, pekerja layanan bukanlah orang yang memberikan Anda makanan takeout – tetapi mari kita tetap berpegang pada analogi itu!

Katakanlah Anda berada di sebuah restoran dan listrik padam. Jika Anda lapar seperti biasa, Anda terjebak makan salad atau sup dingin. Tetapi yang dilakukan oleh service worker adalah menggunakan cache untuk memastikan bahwa pengalaman Anda tidak pernah terganggu. Atau lebih tepatnya, seorang pekerja layanan memastikan Anda masih akan mendapatkan makanan panas.

Apa artinya ini dari perspektif pengalaman pengguna PWA adalah bahwa jika Anda menavigasi aplikasi dan kehilangan koneksi internet, Anda tidak akan menyadarinya. Atau jika Anda sudah pernah ke PWA itu sebelumnya, pengalaman Anda akan dimuat dengan sangat cepat - seperti Anda memesan makan malam sebelumnya.

Bagaimana ini mungkin? Dengan sedikit file JavaScript, itu saja. Pekerja layanan yang lebih canggih bahkan dapat dihubungkan dengan API push, memungkinkan PWA mengirim pemberitahuan push kepada pengguna agar mereka tetap terlibat.

File manifes

Untuk menciptakan pengalaman pengguna yang lebih disesuaikan, PWA akan sering memanfaatkan file manifes. Singkatnya, file manifes adalah file yang berisi metadata untuk pengelompokan file yang merupakan bagian dari satu unit.

Pada dasarnya, metafile sering digunakan untuk memberi tahu browser web bagaimana aplikasi PWA harus berperilaku ketika dibuka di perangkat tertentu. Dengan membuat file manifes untuk PWA, pengembang dapat menyetel ikon aplikasi default atau warna layar pembuka. Pengembang juga dapat memastikan bahwa aplikasi terbuka ke jendela browser layar penuh untuk menciptakan pengalaman yang lebih 'seperti aplikasi' pada perangkat tertentu.

Sumber

Keuntungan dari PWA

Tentu, ada keuntungan untuk semua jenis aplikasi. Bart Deferme, Direktur Pengembangan Produk Agile di Spire Digital, mengatakan:

"Jenis aplikasi yang berbeda menguntungkan di berbagai kasus penggunaan untuk organisasi yang berbeda. Aplikasi asli ideal untuk organisasi yang mengetahui bahwa penggunanya lebih memilih aplikasi asli daripada PWA atau aplikasi web non-progresif. Tetapi bagi pengusaha yang mencoba mendapatkan bukti konsep dengan meluncurkan lean MVP, aplikasi web non-progresif, atau PWA adalah rute yang lebih hemat biaya.”

Ingatlah bahwa selalu ada kasus penggunaan di mana berbagai jenis aplikasi adalah solusi terbaik, berikut adalah keuntungan umum menggunakan aplikasi web progresif dibandingkan jenis aplikasi lain:

Dapat ditemukan

Google mendapat 3,5 miliar pencarian per hari, menjadikannya mesin pencari terbesar di dunia. Aman untuk mengatakan bahwa ketika orang memiliki masalah atau pertanyaan, mereka bertanya kepada Google. Ini memberikan peluang besar bagi organisasi yang menerapkan PWA karena mereka dapat hidup di web, selain di toko aplikasi. Hal ini memudahkan orang untuk menemukan PWA dibandingkan dengan aplikasi lain.

Kemampuan PWA untuk dapat ditemukan adalah keuntungan besar karena memungkinkan pengguna untuk mencari di mana mereka paling sering mencari, mendapatkan jawaban dan menyelesaikan semua tindakan di satu tempat. Dengan PWA, mereka tidak perlu melewati rintangan mengunduh seluruh aplikasi dan melihat roda unduhan toko aplikasi perlahan bergulir ke '100%, unduhan selesai'.

Dapat dipasang

Jika pengguna benar-benar suka menggunakan PWA atau mereka hanya sering menggunakannya, mereka tidak perlu mem-bookmark-nya di komputer dan browser ponsel mereka seperti yang mereka lakukan pada aplikasi web non-progresif. Perjalanan sederhana ke app store dan pengguna memungkinkan pengguna untuk mendapatkan akses ke PWA favorit mereka dalam waktu yang sama dengan aplikasi asli Anda.

Dapat ditautkan

Jauh lebih mudah untuk membagikan tautan ke aplikasi favorit Anda dengan teman daripada memberi tahu teman Anda untuk 'mencari satu aplikasi itu di app store.' Tautan dapat dibagikan dengan mudah melalui email, dms media sosial, dll. Tautan dan kemampuan untuk ditemukan adalah dua keunggulan PWA yang bekerja sinkron, mengurangi jumlah waktu yang dibutuhkan pengguna pertama kali untuk mendapatkan akses ke aplikasi dan juga mengurangi jumlah waktu yang dibutuhkan pengguna super untuk berbagi aplikasi dengan teman atau calon pengguna.

Jaringan independen

Skema jaringan. Kami tidak akan pernah bisa mendapatkan bar penuh di mana pun kami pergi di dunia. Tapi sekali lagi, kita tidak perlu full bar untuk mengoperasikan PWA, bukan?

Aplikasi web progresif memungkinkan pengguna untuk terus mendengarkan musik favorit mereka dalam perjalanan melalui terowongan dan memungkinkan pekerja telekomunikasi untuk diberi tahu tentang saluran listrik yang terputus selama pemadaman listrik di seluruh kota. Tanpa memerlukan koneksi jaringan yang kuat setiap saat, PWA memberikan pengalaman pengguna yang lebih andal untuk semua grup pengguna.

Responsif

Pernah ingin bermain Words with Friends sambil mencoba terlihat tertarik pada panggilan Zoom? Jika Words with Friends adalah PWA alih-alih aplikasi asli, Anda bisa (omong-omong, itu ide bagus, seseorang tolong wujudkan). PWA memungkinkan pengalaman pengguna yang mulus terlepas dari perangkat atau jenis browser. Artinya, Anda tidak harus selalu membawa ponsel atau laptop untuk menggunakan aplikasi asli atau non-progresif favorit Anda.

Keuntungan lain dari daya tanggap adalah juga membuat organisasi tidak perlu menghasilkan banyak aplikasi untuk beberapa grup pengguna. Pengguna laptop dan pengguna ponsel Anda semua dapat puas dengan penerapan satu aplikasi - PWA. Keuntungan ini cenderung menjadi salah satu nilai jual terbaik dari PWA, karena menghemat pengeluaran organisasi dalam TI dan pemasaran.

Aman

Terutama saat menggunakan aplikasi keuangan, kesehatan, atau asuransi, pengguna ingin tahu bahwa data pribadi mereka tidak diakses oleh beberapa orang di Caymans. Sederhananya: keamanan membangun kepercayaan dengan pengguna. Konteks aman dan enkripsi url memungkinkan PWA untuk memberikan kepastian kepada pengguna Anda dan bot pencarian Google.

Seperti yang disebutkan sebelumnya, praktik terbaik adalah menggunakan enkripsi SSL di semua url organisasi Anda - termasuk aplikasi web. Jika Anda tidak mengamankan aplikasi web Anda, Google secara konsisten menyatakan bahwa kinerja aplikasi web Anda di halaman hasil pencarian akan terpengaruh secara negatif.

Sumber

Kesimpulan

Pikirkan tentang ini: dunia sedang menuju realitas Blade Runner, di mana manusia akan segera terhubung ke perangkat lunak 24 jam sehari (jika Anda belum melakukannya). Maju dari kurva teknologi dan mendapatkan ROI paling banyak berarti berinvestasi dalam perangkat lunak dengan nilai jangka panjang paling banyak.

Aplikasi asli dibuat untuk perangkat tertentu dalam bahasa tertentu, membuat pengalaman aplikasi tidak responsif dan basis kode kurang dapat digunakan kembali. Kode dari aplikasi web non-progresif dapat digunakan kembali untuk pembuatan aplikasi lain, tetapi aplikasi web non-progresif hanya dibuat untuk browser tertentu. Mereka juga tidak dapat diunduh dari toko aplikasi.

PWA adalah jenis aplikasi yang paling terbukti di masa depan karena:

• Dapat ditemukan melalui web atau toko aplikasi
• Responsif dan siap untuk browser apa pun
• Koneksi jaringan independen
• Aman dan terenkripsi
• Dan banyak lagi

Sekarang setelah Anda memiliki pemahaman yang lebih baik tentang PWA, Anda dapat memeriksa kasus penggunaan aplikasi Anda dengan lebih baik dan menentukan jenis aplikasi apa yang sesuai dengan kebutuhan organisasi Anda. Jika Anda belum melakukannya, bicarakan dengan pelanggan Anda untuk mengetahui keinginan dan kebutuhan mereka, lalu pilih aplikasi yang akan dibangun yang akan memberikan nilai jangka panjang paling bagi organisasi Anda.

Apakah PWA cocok untuk organisasi Anda? Siapa tahu. Tetapi tidak pernah merupakan ide yang buruk untuk mendapatkan pemahaman yang lebih baik tentang semua opsi aplikasi Anda.

Dapatkan pemahaman yang lebih menyeluruh tentang wawasan pengembangan aplikasi lainnya di hub info pengembangan aplikasi G2.