Membangun Aplikasi Mobile dengan PWA (Progressive Web App)

Pernahkah Anda melihat icon suatu website / aplikasi web di browser atau smartphone seperti pada gambar di cover buku? Itu adalah salah satu fitur unggulan PWA (Progressive Web App), yaitu Add to Home Screen (A2HS), dimana website Anda dapat ditambahkan dalam bentuk icon di halaman depan browser / smartphone user. Beberapa website lokal sudah banyak yang menerapkan PWA, seperti Kompas, Jalan Tikus, Kumparan, Babe, dan masih banyak lagi.


PWA pertama kali diperkenalkan oleh Google tahun 2015 sebagai sebuah teknologi web modern untuk membuat website yang dapat berlaku seperti sebuah mobile application. Dengan konsep realibility, speed, dan user engagement, Google berusaha memastikan bahwa PWA dapat memberikan user pengalaman seperti aplikasi native yang cepat dan handal.


Dalam buku ini dibahas mulai dari Pengenalan dan Dasar-Dasar PWA, Fitur-FItur PWA seperti: Web App Manifest, Service Workers, A2HS, Push Notification, Camera, Speech Recognition, Storage, Payment, Background Sync, Touch Gesture, Geolocation, Single Page Application, dll.


Untuk memperdalam materi, disajikan 4 studi kasus pembuatan PWA, yaitu Aplikasi PWA 'Baca Berita', PWA 'QR Code Scanner & Generator, PWA Blog Wordpress, dan Modifikasi Website Menjadi PWA.


SPESIFIKASI BUKU:

Judul : Membangun Aplikasi Mobile dengan PWA (Progressive Web App)
Penulis : Lukmanul Hakim
Harga : Rp. 88.000
Tebal Buku : 280 Halaman
Dimensi (L x P) : 14 x 21 Cm (Standar)
Tanggal Terbit : 15 Maret 2019


Klik disini untuk melihat cover gambar dalam ukuran yang lebih besar.


membangun-aplikasi-mobile-dengan-pwa-progressive-web-app


.


DAFTAR ISI


BAB 1. Pengenalan Progressive Web App
1.1. Latar Belakang PWA
1.2. Kelebihan dan Kekurangan PWA
1.3. Karakteristik PWA
1.4. Fitur PWA
1.5. Teknologi Pendukung PWA
1.6. Mengapa Perlu Membangun Aplikasi Web Progresif?
1.7. Perbedaan Aplikasi Mobile Native, Hybrid dan PWA

BAB 2. Service Worker
2.1. Pengenalan Service Worker
2.2. Promise API
2.3. Fetch API
2.4. Siklus Hidup Service Worker
2.4.1. Register Service Worker
2.4.2. Update Service Worker
2.5. Fungsi Caching dan Offline dengan Service Worker
2.6. Mekanisme Pengambilan Resources dari Cache
2.7. Menghapus Cache yang Kadaluarsa
2.8. Background Sync dengan Service Worker

BAB 3. Menyimpan Data Lokal dengan IndexedDB
3.1. Pengenalan IndexedDB
3.2. Menggunakan IndexedDB API
3.3. Pembenahan Data IndexedDB
3.4. Menggunakan API IndexedDB Promised
3.5. Beberapa Library IndexedDB yang Populer

BAB 4. Pembuatan Shortcut pada Homescreen
4.1. M emasang Aplikasi pada Homescreen
4.2. Membuat Web App Manifest
4.3. Membuat Banner AH2C
4.4. Membuat PWA Splash Screen

BAB 5. Pembuatan Notifikasi
5.1. Web Notification
5.2. Push Notification
5.2.1. Cara Kerja Web Push
5.2.2. Menangani Event Push di Service Worker
5.2.3. Subscribe User ke Layanan Push
5.2.4. Unsubscribe User ke Layanan Push
5.3. Menggunakan Firebase Cloud Messaging

BAB 6. Pembuatan Application Shell
6.1. Pengenalan Arsitektur App Shell
6.2. Mengapa Menggunakan Arsitektur App Shell?
6.3. Design App Shell
6.4. Service Worker untuk pre-cache App Shell

BAB 7. Alat Bantu Pengembangan Aplikasi PWA
7.1. Beberapa Alat Bantu Pengembangan Aplikasi PWA
7.2. Menggunakan Lightbox
7.3. Menggunakan Workbook
7.4. Debug Aplikasi PWA

BAB 8. Studi Kasus Pembuatan Aplikasi PWA
8.1. Beberapa Contoh Aplikasi PWA
8.2. Membuat Aplikasi PWA Baca Berita
8.3. Membuat Aplikasi PWA QR Code Scanner & Generator
8.4. Membuat Blog Wordpress Menjadi PWA
8.5. Membuat Website Anda Menjadi PWA

BAB 9. Single Page Application Ala PWA
9.1. Pengenalan SPA
9.2. Single Page Application Vs Multi Page Application
9.3. Membuat Single Page Application dengan PWA

BAB 10. Masa Depan dan Fitur Keren PWA
10.1. Masa Depan PWA
10.2. Ujicoba Fitur-Fitur Baru PWA yang Menarik
10.2.1. Media (Audio & Video) Capture
10.2.2. Advanced Camera Control
10.2.3. Recording Media
10.2.4. Real-Time Communication
10.2.5. Local Notification
10.2.6. Push Message
10.2.7. Home Screen Installation
10.2.8. Foreground Detection
10.2.9. Permission
10.2.10. Offline Mode
10.2.11. Background Sync
10.2.12. Payment
10.2.13. Credentials
10.2.14. Web Bluetooth
10.2.15. Web USB
10.2.16. Offline Storage
10.2.17. File Access
10.2.18. Storage Quota
10.2.19. Geolocation
10.2.20. Device Position
10.2.21. Device Motion
10.2.22. Network Type & Speed
10.2.23. Online State
10.2.24. Vibration
10.2.25. Battery Status
10.2.26. Device Memory
10.2.27. Touch Gesture
10.2.28. Speech Recognation
10.2.29. Clipboard Copy & Paste
10.2.30. Fullscreen
10.2.31. Screen Orientation & Lock
10.2.32. Presentation Features
10.3. Fitur Pengembangan PWA

Daftar Pustaka

Baca Juga

Belum Ada Komentar