• BERANDA
  • TENTANG
    • Profil BPMPP
    • Visi dan Misi
    • Tujuan & Fungsi
    • Struktur Organisasi
    • Pimpinan Organisasi
    • Program Kerja BPMPP
  • Kegiatan
  • KERJASAMA
  • LAYANAN & INFORMASI
    • APLIKASI
      • SILIMA UMA
      • Perpustakaan UMA
      • Academic Online Campus (AOC)
      • Repository UMA
      • Tracer Study (Alumni)
      • Jurnal
      • E-Learning UMA
      • Direktori Mahasiswa
    • Arsip Digital
      • Buku Pedoman Universitas Medan Area
      • Kalender Akademik
      • ArtikelKumpulan Artikel-artikel Seputar Pendidikan dan Dunia Kerja
    • Kurikulum
      • Kurikulum Teknik
      • Kurikulum Pertanian
      • Kurikulum Ekonomi dan Bisnis
      • Kurikulum Hukum
      • Kurikulum Isipol
      • Kurikulum Psikologi
      • Kurikulum Saintek
      • Kurikulum Agama Islam
    • Persyaratan
      • Perubahan Data Mahasiswa di ForlapDikti
      • Syarat Penerbitan Daftar Prestasi Akademik Sementara
      • Syarat Pengambilan Ijazah Dan Transkip Nilai
      • Syarat Pengganti Ijazah dan Transkrip Hilang & Rusak
      • Syarat Penerbitan Translate Ijazah & Transkrip Bahasa Inggris
      • Syarat Penerbitan Prestasi Akademik Pindah Keluar
      • Syarat Berkas Konversi
      • Syarat Usulan SK Seminar dan Ujian Meja Hijau/Skripsi
  • Help Desk BPMPP
  • id
    • en
    • id
Biro Perencanaan Mutu Pendidikan dan Pembelajaran Terbaik di Sumatera Utara
    • BERANDA
    • TENTANG
      • Profil BPMPP
      • Visi dan Misi
      • Tujuan & Fungsi
      • Struktur Organisasi
      • Pimpinan Organisasi
      • Program Kerja BPMPP
    • Kegiatan
    • KERJASAMA
    • LAYANAN & INFORMASI
      • APLIKASI
        • SILIMA UMA
        • Perpustakaan UMA
        • Academic Online Campus (AOC)
        • Repository UMA
        • Tracer Study (Alumni)
        • Jurnal
        • E-Learning UMA
        • Direktori Mahasiswa
      • Arsip Digital
        • Buku Pedoman Universitas Medan Area
        • Kalender Akademik
        • ArtikelKumpulan Artikel-artikel Seputar Pendidikan dan Dunia Kerja
      • Kurikulum
        • Kurikulum Teknik
        • Kurikulum Pertanian
        • Kurikulum Ekonomi dan Bisnis
        • Kurikulum Hukum
        • Kurikulum Isipol
        • Kurikulum Psikologi
        • Kurikulum Saintek
        • Kurikulum Agama Islam
      • Persyaratan
        • Perubahan Data Mahasiswa di ForlapDikti
        • Syarat Penerbitan Daftar Prestasi Akademik Sementara
        • Syarat Pengambilan Ijazah Dan Transkip Nilai
        • Syarat Pengganti Ijazah dan Transkrip Hilang & Rusak
        • Syarat Penerbitan Translate Ijazah & Transkrip Bahasa Inggris
        • Syarat Penerbitan Prestasi Akademik Pindah Keluar
        • Syarat Berkas Konversi
        • Syarat Usulan SK Seminar dan Ujian Meja Hijau/Skripsi
    • Help Desk BPMPP
    • id
      • en
      • id

    Artikel

    • Home
    • Blog
    • Artikel
    • Cara kerja progressive web app

    Cara kerja progressive web app

    • Posted by BPMPP UMA
    • Categories Artikel
    • Date 20 November 2021

    Cara kerja progressive web app – Kerja PWA melibatkan service worker serta developer tool lainnya, saat pengguna membuka web maka maka membutuhkan service worker untuk disambungkan pada web. Service worker yang belum ada, didaftarkan terlebih dahulu kemudian dapat melakukan pekerjaan sesuai dengan fungsinya. Pendaftaran service worker dilakukan secara otomatis. Setelah terpasang, maka ditambahkan konten app shell yang dimasukan ke cache, app shell ini berisi sumber-sumber yang digunakan sebagai proses untuk melakukan interaksi secara offline.

    Proses kerja pada PWA selalu dilakukan secara otomatis, namun proses ini juga dapat dilakukan secara manual dengan menggunakan proses-proses diatas. Tentunya dalam melakukan penerapan PWA akan memudahkan tampilan website seperti pada aplikasi sebuah smartphone. Sama dengan web app dan aplikasi mobile, PWA juga memiliki karakteristik tersendiri, karakteristik tersebut diantaranya adalah

    • Pembuatan dilakukan dengan browser 
    • Mampu bekerja dalam mode offline
    • Proses update dilakukan secara otomatis
    • Biaya development murah
    • Tampilan UX (User Experience) lebih beragam

    Komponen-komponen PWA

    Dalam melakukan kerjanya, progressive web app memiliki komponen-komponen pendukung kerjanya, komponen ini menjadi pendukung atas berjalannya proses PWA. komponen tersebut antara lain adalah:

    • Service worker
      Komponen ini merupakan skrip pada web browser yang ditulis dengan menggunakan bahasa pemrograman dengan Javascript. Pada service worker dapat memberi manfaat berupa menampilkan resource sehingga dapat melakukan pengaksesan secara offline.
    • Cache
      Cache menjadi tempat resource untuk memberikan tampilan pada saat menggunakan metode offline. Penampilan resource pada cache melalui service worker agar bisa ditampilkan dalam keadaan offline.
    • Progressive Enhancement
      Pada komponen ini memberikan pendekatan terhadap pengembangan web yang dimulai dengan fitur-fitur umum pada web browser. 
    • PWA Architecture style
      Pendekatan komponen ini berpengaruh pada performa dari website, yang mempengaruhi terhadap back end dari website tersebut.
    • Push Notification
      Memberikan fitur kemunculan pop up berupa notifikasi atau pemberitahuan pada website yang akan memberikan pemberitahuan kepada pengguna bahwa terdapat pemberitahuan terhadap website tersebut.

    Kelebihan PWA

    Penerapan progressive web app memiliki banyak kelebihan yang tentunya akan membantu website dalam meningkatkan performa yang dimiliki. Kelebihan-kelebihan dari PWA tersebut antara lain adalah:

    1. Menghemat biaya

    Biaya yang dibutuhkan untuk melakukan proses penerapan PWA tidak membutuhkan biaya besar. Hal ini karena dengan penerapan PWA pada aplikasi sudah termasuk dengan metode progresif yang akan memberikan kemudahan pada aplikasi lainnya. Dapat disimpulkan dalam sekali menerapkan atau menginstall satu aplikasi, aplikasi lainnya dapat bekerja. 

    2. Instalasi cepat

    Pemasangan PMW cepat dilakukan serta tidak membutuhkan waktu lama yang akan memperlambat proses akses. Pemasangan dilakukan dengan hanya menginstal PWA

    3. Kemudahan penggunaan di berbagai perangkat

    Dalam melakukan penginstalan dapat dipasang di berbagai jenis sistem operasi seperti android, iOS, ataupun windows. Dalam hal ini Progressive Web App dapat digunakan pada PC, ponsel, ataupun tablet.

    4. Terupdate otomatis

    Dalam hal ini update dilakukan secara otomatis sehingga pengguna tidak perlu ribet melakukan update secara manual, sehingga pengguna dapat menikmati dan menggunakan aplikasi versi terbaru secara berkala.

    5. Tidak memakan banyak penyimpanan

    Ukuran progressive web app lebih kecil daripada dengan aplikasi android lainnya, sehingga dalam melakukan penginstalan tidak menghabiskan banyak memori.

    6. Mampu berjalan tanpa internet

    Kemudahan penggunaan PWA adalah akses yang dapat dilakukan tanpa penggunaan internet. Apabila koneksi terputus maka file yang sudah dilihat tersimpan di cache dan masih tetap dilihat.

    Baca Juga: 

    • Penggunaan Teknologi Fiber Optik

    Kekurangan PWA

    Meskipun memiliki banyak kelebihan, penerapan PWA tidak jauh dari kekurangan. Kekurangan yang dimiliki dari PWA sendiri ialah banyaknya pengguna yang belum memahami mengenai pemakaian PWA pada smartphone mereka, penggunaan PWA tidak seperti aplikasi lainnya dengan mengunduh melalui play store atau app store sehingga pengguna akan kebingungan dalam mencari aplikasi Progressive web app. 

    Untuk mengetahui penerapan aplikasi PWA pada aplikasi memiliki sedikit kesulitan bagi pengguna awam yang belum begitu familiar dengan aplikasi ini. Pada PWA masih banyak fitur-fitur yang masih belum bisa digunakan atau native fitur, sehingga tidak bisa memaksimalkan semua fitur yang ada. 

    Kekurangan yang lain dari progressive web app adalah penggunaan yang belum mampu diterapkan pada semua web browser. Penerapan web browser yang terbatas pada browser yang akan membatasi penggunaan aplikasi ini.

    Kesimpulan

    • Cara kerja  Progressive web app adalah aplikasi mobile yang digunakan sebagai pembantu memudahkan akses secara mobile.
    • PWA memiliki banyak kemudahan serta kelebihan dalam penggunaannya.
    • Penggunaan PWA pada website meningkatkan kecepatan akses dan meningkatkan keberadaan website.
    • Penerapan PWA harus tepat agar memaksimalkan hasil yang optimal.
    • Share:
    author avatar
    BPMPP UMA

    Previous post

    Penggunaan Teknologi Fiber Optik
    20 November 2021

    Next post

    Apa itu Kampus Merdeka? Yuk Cari Tau Lebih Lanjut!
    20 November 2021

    You may also like

    Quarter Life Crisis Fase Bingung yang Dialami Banyak Anak Muda
    Quarter Life Crisis: Fase Bingung yang Dialami Banyak Anak Muda
    30 Mei, 2026
    5 Kebiasaan Kecil yang Bisa Membantu Mengurangi Stres
    5 Kebiasaan Kecil yang Bisa Membantu Mengurangi Stres
    30 Mei, 2026
    8
    Antara Kebebasan Berpendapat dan Perundungan Digital: Menimbang Etika Netizen dalam Mengkritik Artis dan Influencer
    29 Mei, 2026

    Instagram

    Berita Lainnya

    Informasi Pelaksanaan Wisuda Sarjana, Magister dan Doktor Periode I Tahun 2026
    05Jun2026
    Hari Raya Idul Adha 1447 H
    26Mei2026
    Informasi Pendaftaran Peserta Wisuda Periode I Tahun 2026
    19Mei2026
    Penerima Pendanaan Program Penelitian dan Pengabdian DPPM Kemdiktisaintek Tahun Anggaran 2026
    17Apr2026

    Lokasi

    Helpdesk

    [email protected]

    Kampus I

    Jalan Kolam Nomor 1 Medan Estate / Jalan Gedung PBSI, Medan 20223

    (061) 7360168. CALL CENTER : 0811-6013-888
    [email protected]

    Kampus II

    Jalan Setiabudi No. 79 B / Jalan Sei Serayu No. 70 A, Medan 20122

    (061) 42402994 HP : 0811 607 259
    [email protected]

    Copyright © 2026 PDAI - Universitas Medan Area