Sejak hadirnya smart phone di dunia kita, datanglah pula era aplikasi. Aplikasi memainkan peran besar dalam kehidupan kita sehari-hari, dan banyak pemilik bisnis bertanya berkali-kali: haruskah bisnis mereka memiliki aplikasi? Jawabannya adalah, tergantung. Membangun dan memelihara aplikasi itu rumit dan seringkali merupakan investasi yang cukup mahal. Untungnya, ada jalan lain. Yaitu dengan menambahkan kode web native yang sudah dengan kode baru sehingga menjadi progressive web app, atau di singkat menjadi PWA.
Apa itu PWA?
PWA adalah singkatan dari progressive web app. Ini adalah aplikasi yang dibangun dari teknologi web yang kita semua kenal selama ini, seperti HTML, CSS, dan JavaScript, tetapi dengan rasa dan fungsionalitas yang menyaingi aplikasi asli yang sebenarnya. Berkat beberapa kode tambahan, Anda dapat mengubah hampir semua web desain menjadi progressive web app. Artinya, Anda dapat membuat PWA lebih cepat, dibandingkan dengan membuat aplikasi yang sesungguhnya. Selain itu, Anda dapat menawarkan semua fitur aplikasi asli, seperti pemberitahuan push, dukungan offline, dan banyak lagi.
Kelebihan dan kekurangan Progressive Web App (PWA)
Kelebihan Progressive Web App:
- Progresif – Berfungsi untuk setiap pengguna, apa pun browser yang dipilih karena dibuat dengan prinsip peningkatan progresif.
- Responsif – Menyesuaikan berbagai ukuran layar: desktop, seluler, tablet, atau dimensi yang nantinya dapat tersedia.
- Seperti-app – Berperilaku dengan pengguna seolah-olah mereka adalah aplikasi asli, dalam hal interaksi dan navigasi.
- Diperbarui – Informasi selalu terkini berkat proses pembaruan data yang dilakukan oleh pekerja layanan.
- Aman – Dihubungkan melalui protokol HTTPS untuk mencegah koneksi menampilkan informasi atau mengubah konten.
- Dapat ditelusuri – Diidentifikasi sebagai “aplikasi sesungguhnya” dan diindeks oleh mesin pencari.
- Reactivable – Permudah pengaktifan kembali aplikasi berkat kemampuan seperti notifikasi web.
- Dapat Diinstall – Mereka memungkinkan pengguna untuk “menyimpan” aplikasi yang dianggap paling berguna dengan ikon yang sesuai di layar terminal selulernya (layar beranda) tanpa harus menghadapi semua langkah dan masalah yang terkait dengan penggunaan toko aplikasi.
- Link Mudah Dibagikan – Mudah dibagikan melalui URL tanpa instalasi yang rumit.
- Offline – Menempatkan pengguna di atas segalanya, dengan PWA kita bsia menghindari pesan kesalahan apabila koneksi jaringan data lemah atau tidak ada sama sekali. PWA didasarkan pada dua kekhususan: pertama-tama ‘kerangka’ aplikasi, yang mengingat struktur halaman, meskipun isinya tidak merespons dan elemennya termasuk header, tata letak halaman, serta ilustrasi yang memberi sinyal yang sedang dimuat halaman.
Kekurangan Progressive Web App:
- Minimal iOS dari versi 11.3 atau lebih baru
- Penggunaan baterai perangkat yang lebih besar
- Tidak semua perangkat mendukung berbagai fitur PWA (baik sistem operasi iOS dan Android)
- Sulit membangun keterlibatan pengguna iOS (skema URL, pemberitahuan web standar)
- Layanan offline masih sangat terbatas
- Penggunaan PWA tidak dihitung sebagai arus lalu lintas online
- Tidak ada kendali dan proses penjelajahan PWA
- Akses ke beberapa komponen hardware terbatas
- Sedikit fleksibilitas untuk konten “khusus” untuk pengguna (mis. program loyalitas, loyalitas, dll.).
Banyak website online sebenarnya yang kita temukan online adalah progressive web app. Seperti twitter.com, misalnya. Jika Anda mengunjungi website Twitter dengan smart phone Anda, Anda dapat meng-install-nya di layar home smart phone. Sekarang, saat membuka situs Twitter yang disimpan, Anda akan melihat bahwa itu terlihat dan berfungsi seperti aplikasi sesungguhnya. Tidak ada jendela browser sama sekali. Tidak ada perbedaan saat menjalankannya dari iPhone atau Android. Itulah manfaat utama membangun progressive web app.
PWA semakin populer. Banyak website besar adalah PWA, seperti Starbucks.com, Pinterest.com, Washingtonpost.com, dan Uber.com sebenarnya dapat dipasang di layar beranda Anda dan menawarkan pengalaman yang sebanding dengan aplikasi sesungguhnya.
Beda aplikasi sesungguhnya dan PWA?
Aplikasi asli, seperti yang Anda unduh dari Apple’s App Store atau Google Play Store, sering kali dibuat dalam bahasa pemrograman khusus untuk platform tersebut. Jadi untuk aplikasi iOS, itu adalah Swift atau React Native dan untuk aplikasi Android, Java. Jika Anda ingin membangun aplikasi untuk platform tersebut, Anda perlu mengetahui teknologinya. Jika Anda ingin memiliki aplikasi di semua platform seluler, Anda perlu mengetahui semua teknologi yang berbeda. Tidak ada jalan pintasnya.
Tentu saja, ada cara untuk mendapatkan yang terbaik dari kedua dunia. Progressive web app, misalnya. PWA berjalan di browser dan – setelah disimpan ke layar beranda – berfungsi seperti aplikasi sesungguhnya. PWA bahkan mendapat akses ke perangkat hardware dan perangkat software yang mendasari yang tidak dapat diakses browser untuk alasan keamanan. Jika PWA berkinerja bagus, pengguna tidak akan pernah tahu bahwa mereka menggunakan aplikasi berbasis web dan bukan yang asli.
Ada beberapa peringatan, tentu saja. Meskipun browser dengan cepat mengadopsi teknologi untuk ini, masih ada beberapa batasan. Di iOS, teknologi yang dibutuhkan bekerja dengan cepat di Safari. Apple belum (ingin) mendukung semuanya, sehingga mendapatkan pengalaman yang persis sama di mana saja agak sulit.
Apa manfaat PWA?
Alasan utama mengapa semua orang mengejar aplikasi adalah karena mereka menawarkan keterlibatan yang lebih besar. Pengguna yang menginstal aplikasi Anda adalah penggemar terbesar Anda dan mereka cenderung mengubah penggunaannya menjadi pelanggan yang setia. Berkat pemberitahuan push, jauh lebih mudah untuk berinteraksi dengan pengguna. Aplikasi dapat menawarkan pengalaman luar biasa yang dapat berhasil untuk suatu merek.
Aplikasi asli tetap memiliki kelebihan. PWA mendapatkan akses yang lebih dalam dalam ke sistem operasi smartphone, tetapi aplikasi asli masih bisa masuk lebih dalam. Selain itu, ada batasan tentang apa yang dapat dilakukan PWA. Misalnya, PWA bukanlah pilihan terbaik saat Anda ingin membuat game berperforma tinggi.
Secara keseluruhan, sangat masuk akal untuk memikirkan tentang memiliki PWA dalam strategi seluler Anda. Tapi, pertanyaan utama yang harus Anda tanyakan pada diri Anda adalah: apakah target pelanggan saya menginginkan hal ini?
Untuk siapa PWA berguna?
Haruskah setiap website menjadi PWA? Tidak, pertimbangkan bisnis Anda dan – yang lebih penting – target pelanggan Anda. Apakah mereka menggunakan aplikasi? Bisa jadi apps adalah cara yang terlalu rumit untuk apa yang ingin Anda capai? Sekali lagi, seperti semuanya, Anda perlu meneliti kebutuhan target pelanggan Anda. Tanyakan pada diri Anda, apa yang Anda ingin teknologi ini lakukan? Apakah keuntungan bagi pengguna Anda? Apakah mereka memiliki koneksi data yang bagus? Bagaimana dan di mana mereka menggunakan konten Anda? Dan menurut Anda, apakah aplikasi dapat membantu mereka?
PWA itu luar biasa dan menerapkannya tidak harus terlalu sulit. Tetapi hanya karena mudah bukan berarti Anda harus melakukannya. Jika audiens Anda tidak membutuhkannya, Anda tidak perlu membuatnya.
Apa ada masalah SEO dari PWA?
PWA pada dasarnya berpusat pada web. PWA lahir dari web dan dikembangkan dengan mempertimbangkan mesin pencari untuk memudahkan penemuan. Tentu saja, Anda dapat membuat progressive web app dari website lama mana pun dan tidak perlu banyak waktu untuk melakukannya. Namun, banyak PWA menggunakan JavaScript untuk membangun fungsionalitas yang lebih kompleks dan meskipun mesin pencari telah menjadi ahli dalam merender JavaScript, hal ini masih dapat menjadi perhatian.
Saat menyiapkan PWA, Anda harus memastikan JavaScript Anda dapat diakses. Jangan memblokir file untuk robot pencari Google dan pastikan bahwa link tersedia. Untuk meningkatkan proses rendering, Anda dapat membuat framework JavaScript Anda menggunakan rendering sisi server.
Mengubah website Anda menjadi PWA tidak berarti Anda secara langsung meningkatkan SEO situs tersebut. Jika masuk akal untuk mengubah website Anda menjadi PWA, lakukanlah, tetapi jangan lakukan perubahan website untuk mendapatkan manfaat SEO. Jika Anda memiliki PWA yang hebat, Anda menawarkan pengalaman pengguna yang luar biasa kepada pengguna, yang meningkatkan daya saing. Dalam hal ini, ada baiknya untuk melihatnya untuk strategi SEO seluler Anda.
Apa tiga blok bangunan utama?
Tidak perlu banyak waktu untuk menyiapkan PWA. Ada tiga hal yang perlu Anda sediakan sebelum situs Anda berubah menjadi PWA yang valid.
- Sambungan aman (HTTPS): PWA hanya berfungsi pada sambungan tepercaya (htpps), Anda harus menyajikannya melalui sambungan aman (htpps). Ini bukan hanya untuk alasan keamanan, tetapi juga faktor kepercayaan yang sangat penting bagi pengguna.
- Pekerja layanan: Pekerja layanan adalah bagian dari skrip yang berjalan di latar belakang. Ini membantu Anda menentukan cara menangani permintaan jaringan untuk PWA Anda, sehingga memungkinkan untuk melakukan pekerjaan yang lebih kompleks.
- File manifes: File JSON ini berisi informasi tentang bagaimana PWA Anda seharusnya muncul dan berfungsi. Di sini, Anda menentukan nama, deskripsi, ikon, warna, dan sebagainya.
Berikut contoh dari Google:
- {
- “short_name”: “Weather”,
- “name”: “Weather: Do I need an umbrella?”,
- “description”: “Weather forecast information”,
- “icons”: [
- {
- “src”: “/images/icons-192.png”,
- “type”: “image/png”,
- “sizes”: “192×192”
- },
- {
- “src”: “/images/icons-512.png”,
- “type”: “image/png”,
- “sizes”: “512×512”
- }
- ],
- “start_url”: “/?source=pwa”,
- “background_color”: “#3367D6”,
- “display”: “standalone”,
- “scope”: “/”,
- “theme_color”: “#3367D6”
- }
Tidak terlihat terlalu sulit, bukan? Beberapa hal menarik dalam daftar ini:
- start-url: ini menentukan di mana aplikasi Anda harus dimulai. Lebih baik membiarkan pengguna membuka halaman khusus untuk Anda PWA.
- display: ini membantu Anda menentukan jenis UI browser yang ingin Anda tampilkan. Pilihannya adalah layar penuh, mandiri, minimal-ui, dan antarmuka browser standar.
Tiga hal yang tercantum di atas adalah persyaratan minimal untuk menjalankan PWA. Anda dapat memperluas fungsionalitas melalui JavaScript (kerangka kerja).
Bagaimana cara mengatur PWA?
Ada banyak sumber untuk mencoba membuat PWA sederhana. Ini memungkinkan Anda untuk merasakan prosesnya. Google memiliki tutorial PWA yang sangat bagus dan mudah diikuti di website web.dev. Mozilla memiliki banyak dokumentasi untuk membuat progressive web app. Microsoft juga memiliki dokumen pengembang yang kaya tentang pembuatan PWA. Microsoft bahkan membuat alat yang disebut PWABuilder yang akan membantu Anda mengubah situs Anda menjadi PWA. Tentu saja, ada plugin WordPress yang membantu Anda membuat PWA situs Anda. Selain itu, Google sedang berupaya menghadirkan dukungan dasar untuk PWA ke WordPress Core.
Libatkan pengguna dengan progressive web app
Progressive web app dapat menjadi tambahan yang bagus untuk perangkat seluler Anda. Jika dikerjakan dengan baik, mereka bekerja dengan cepat, bisa bekerja secara offline, dan bekerja seperti aplikasi asli sesungguhnya. Secara keseluruhan, mereka dapat menawarkan pengalaman pengguna yang luar biasa kepada pengguna Anda.
Apakah Progressive Web App adalah masa depan?
Jawabannya, seperti biasa, tergantung. Keputusan untuk mengembangkan PWA mengikuti analisis dan refleksi yang harus dilakukan dari waktu ke waktu, dari proyek ke proyek, dari pengguna ke pengguna. Sebaliknya, kita dapat menambahkan kerumitan lebih lanjut: yaitu pemosisian pada mesin pencari: apakah kita telah mengatur semuanya dengan benar atau apakah kita mengkanibal lalu lintas di situs web kita?
Faktor-faktor yang mengarah pada pilihan ada banyak, seperti yang diantisipasi dalam penelitian ini, sehingga tidak ada resep yang ditetapkan dan standar tetapi ada yang memberi konteks yang sesuai dengan strategi dan tujuan.
Jika Anda ingin mendapatkan layanan proses buat web yang profesional, hubungi kami untuk jasa proses pembuatan web terbaik Surabaya. Bersama kami, FruityLOGIC Design akan memberikan layanan website design Surabaya terbaik untuk Anda dan dapatkan fenomena branding yang optimal untuk web baru maupun lama Anda.
FruityLOGIC Design – fruitylogic.com
Graphic Design, Website Design, SEO
Kupang Baru 1/100, Surabaya 60189
t : +62317344564
f : +62317342062
e : info[@]fruitylogic.com
WA : 081332161357
Leave a Reply