Cara Menjalankan Aplikasi PWA
PWA harus berjalan di atas protokol https untuk menjamin keamanan transaksi data antara client dan server. Namun untuk kebutuhan pengembangan, kita dapat menggunakan protocol http dengan web server apapun yang dapat kita install di komputer lokal kita seperti XAMPP, WAMP,…
Cara Membuat Progressive Web App Pertama
Pada codelab sebelumnya kita telah membuat SPA sederhana menggunakan framework Materialize CSS dan juga beberapa kode JavaScript untuk membuat pergantian konten halaman. Namun belum sempurna bila dikatakan kita telah menggunakan app shell pada SPA kita.Karena meskipun halaman sudah tidak memuat…
Codelab: Membuat SPA Sederhana
Kita akan membuat sebuah aplikasi web progresif berisi halaman-halaman yang dapat diakses secara statis. Kita akan menyiapkan terlebih dahulu aplikasi web standar yang menampilkan konten halaman berbasis AJAX, dikenal juga dengan istilah single page application atau SPA. Menyiapkan Aset Pertama-tama unduh terlebih dahulu…
Apa itu Application Shell
Apa itu Application Shell Application shell atau disingkat app shell adalah salah satu teknik dalam Progressive Web App untuk membuat bagian antarmuka yang akan termuat secara instan tanpa harus menunggu respon dari server. App shell hanya terdiri dari file HTML,…
Pola Arsitektur PWA
Sebelum mulai membangun sebuah PWA, pertama kita perlu menentukan terlebih dahulu arsitektur aplikasi web kita. Ada dua arsitektur yang digunakan dalam membangun sebuah web ditinjau dari bagaimana server mengembalikan konten halaman, yaitu Server Side Rendering (SSR), dan Client Side Rendering…
Komponen Umum dalam PWA
Dalam membangun PWA, ada beberapa komponen yang harus digunakan. Berikut ini adalah penjelasan ringkas dari beberapa komponen PWA yang akan kita pelajari. Ada beberapa komponen wajib dan ada juga komponen yang opsional. Komponen wajib adalah komponen yang akan selalu digunakan…
Kelebihan dan Kekurangan PWA
Seperti teknologi lain PWA juga memiliki kelebihan serta kekurangan. Berikut ini beberapa kelebihan serta kekurangan yang dimiliki oleh PWA. Kelebihan PWA adalah web sehingga tidak memerlukan pemasangan Berbeda dengan aplikasi mobile native yang mana pengguna harus mengunduh dan memasang berkas .apk atau…
Mengenal Progressive Web App
Dewasa ini smartphone bukan lagi barang mewah. Hampir setiap orang baik dari kalangan menengah atas maupun bawah, mampu membelinya. Smartphone masa kini didominasi oleh Android dan iOS. Mereka tak hanya menawarkan layanan telepon dan sms saja. Melainkan melakukan hampir semua…