Kita mungkin mengalami kondisi halaman web yang lambat diakses. Mungkin saja koneksi awalnya lambat, kemudian menjadi cepat setelah bisa koneksi. Dalam keadaan ini ada baiknya kita mentracing kecepatan web yang akan kita coba. Langkah-langkah untuk mentracing kecepatan halaman web adalah
Membuat green bar HTTPS pada laptop
Seperti yang telah kita bicarakan pada artikel sebelumnya bahwa PWA atau Progressive Web Apps ini membutuhkan https. Pada artikel kali ini kita akan membahas bagaimana membuat HTTPS dengan greenbar pada laptop kita. Langkah-langkah membuat greenbar HTTPS pada laptop kita adalah
Register Service Worker pada modul Yii
Selanjutnya kita akan membahas bagaimana membuat service worker pada modul Yii dan tentu saja kita melanjutkan kepada proses registrasi service worker ini. Kita akan menerapkan scope service worker ini padatingkatan modul karena penulis menganggap bahwa level inilah yang paling relevan
Mengaktifkan SSL pada Bitnami LAMP
Dalam mengembangkan Progressive Web Apps kita pasti membutuhkan SSL atau HTTPS. Pada saat development kita juga menginginkan adanya HTTPS atau SSL. Langkah-langkah mengaktifkan SSL atau HTTPS pada Windows kita adalah Mengaktifkan konfigurasi SSL pada hhtpd.conf: Include conf/extra/httpd-ssl.conf Menonaktifkan bitnami.conf karena
Sinkronisasi transaksi offline pada PWA
Salah satu kelebihan dari PWA adalah bisa bekerja secara offlline dan juga memiliki kelebihan melakukan sinkronisasi data atau transaksi offline ke server secara otomatis. Secara teknis kita menggunakan event listener sync. Source code yang kita pakai dalam artikel ini adalah
Upload offline transaksi ke server pada PWA
Setelah kita belajar bagaimana memasukkan data ke database yang ada di browser yaitu indexedDB maka kita akan belajar bagaimana mengupload data-data yang ada di indexedDB ini ke server. Misal kita memiliki aplikasi POS (Point of Sales) berbasis PWA yang harus
Download JSON ke indexedDB
Setelah kita membahas mengenai memasukkan data ke indexedDB, kita akan meneruskan dengan mendownload data JSON dari server dan memasukkan ke database yang ada di browser yaitu indexedDB. Langkah-langkah membuat simulasi mendownload data JSON yang ada di server ke indexedDB yang
Memasukkan data ke indexedDB
Setelah kita belajar membuat tabel dalam indexedDB maka kita melanjutkan dengan memasukkan data ke dalam tabel indexedDB. Langkah-langkah memasukkan data ke indexedDB dengan menggunakan library idb adalah sebagai berikut Membuat function untuk object_storenya pada file 101-tbl_item.js: var nama_tabel=’tbl_item’; const objitem
Membuat tabel pada indexedDB
Setelah kita membahas mengenai pengertian indexedDB pada PWA maka kita akan membuat database dan membuat tabel. Langkah-langkah membuat database dan tabel pada indexedDB adalah seperti berikut ini Download dan upload file idb.js yang ada di https://github.com/jakearchibald/idb . Membuat file html: <html>
Pengertian IndexedDB pada PWA
Kalau kita sebelumnya telah mempelajari caching mengenai halaman-halaman web pada PWA, maka kita perlu mempelajari juga mengenai database yang bisa digunakan PWA pada browser. Untuk database yang bisa digunakan PWA pada browser kita dapat menggunakan IndexedDB. Dengan IndexedDB ini kita