Desa Bantal

bantal.desa.id | bantal.desa.id@gmail.com


PANDUAN MEMBUAT APK ANDROID MENGGUNAKAN PWA (Progressive Web Apps)

date_range 18 Nov 2020 16:23:41 favorite 1.316 Kali


bantal.desa.id | bantal.desa.id@gmail.com

settings Pengaturan Layar

  • H. SAHIJO

    Kepala Desa

    Hadir di Kantor Desa
  • AH. BAKIR

    Sekretaris Desa

    Hadir di Kantor Desa
  • RIFAI FAUZI

    Kasie Pemerintahan

    Hadir di Kantor Desa
  • MARDI UNTUNG

    Kasie Kesejahteraan

    Hadir di Kantor Desa
  • YUSUP

    Kasie Pelayanan

    Hadir di Kantor Desa
  • ARIK ISWANTO

    Kaur TU & Umum

    Hadir di Kantor Desa
  • KURNADIYANTO

    Kaur Keuangan

    Hadir di Kantor Desa
  • ARIFIN

    Kaur Perencanaan

    Hadir di Kantor Desa
  • SA'RANI

    Kadus Utara

    Hadir di Kantor Desa
  • SUIMAN

    Kadus Tenggara

    Hadir di Kantor Desa
  • SUWANDI

    Kadus Selatan

    Hadir di Kantor Desa
  • ULFATUN NISA'

    Staff TU & Umum

    Hadir di Kantor Desa
  • RIA MAISAROH

    Staff Keuangan

    Hadir di Kantor Desa
  • SUKARNO

    Staff Perencanaan

    Hadir di Kantor Desa
Syarat Pelayanan di Desa Bantal dengan membawa E-KTP dan Bukti Tanda Pelunasan SPPT PBB-P2 Tahun berjalan | Jangan Lupa tetap ingat pesan Ibu, pakai masker saat keluar rumah, biasakan cuci tangan pakai sabun dan rindari kerumuman. Jaga Diri, Jaga Keluarga, Jaga Negara!

Panduan ini di buat atas pengalaman pribadi, dengan mengikuti panduan sebelumnya yang di buat oleh saudara Il Ham, dan atas bantuan pak Ariandi Ryan Kahfi. Sebelum ke tahapan, pastikan SSL Certificate sudah terinstal karena syarat wajib dalam penerapan PWA.

Kunjungi Website https://www.pwabuilder.com/ untuk menerapkan secara langsung atau dengan mengikuti panduan ini,

Langkah pertama force alamat url website ke https://www. dengan menambahkan kode di bawah ini pada file htaccess di folder public_html


RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule .* https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

 

buat file beri nama pwabuilder-sw.js dan tempatkan/ upload ke folder public_html


//This is the service worker with the Advanced caching

importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js');

const HTML_CACHE = "html";
const JS_CACHE = "javascript";
const STYLE_CACHE = "stylesheets";
const IMAGE_CACHE = "images";
const FONT_CACHE = "fonts";

self.addEventListener("message", (event) => {
  if (event.data && event.data.type === "SKIP_WAITING") {
    self.skipWaiting();
  }
});

workbox.routing.registerRoute(
  ({event}) => event.request.destination === 'document',
  new workbox.strategies.NetworkFirst({
    cacheName: HTML_CACHE,
    plugins: [
      new workbox.expiration.ExpirationPlugin({
        maxEntries: 10,
      }),
    ],
  })
);

workbox.routing.registerRoute(
  ({event}) => event.request.destination === 'script',
  new workbox.strategies.StaleWhileRevalidate({
    cacheName: JS_CACHE,
    plugins: [
      new workbox.expiration.ExpirationPlugin({
        maxEntries: 15,
      }),
    ],
  })
);

workbox.routing.registerRoute(
  ({event}) => event.request.destination === 'style',
  new workbox.strategies.StaleWhileRevalidate({
    cacheName: STYLE_CACHE,
    plugins: [
      new workbox.expiration.ExpirationPlugin({
        maxEntries: 15,
      }),
    ],
  })
);

workbox.routing.registerRoute(
  ({event}) => event.request.destination === 'image',
  new workbox.strategies.StaleWhileRevalidate({
    cacheName: IMAGE_CACHE,
    plugins: [
      new workbox.expiration.ExpirationPlugin({
        maxEntries: 15,
      }),
    ],
  })
);

workbox.routing.registerRoute(
  ({event}) => event.request.destination === 'font',
  new workbox.strategies.StaleWhileRevalidate({
    cacheName: FONT_CACHE,
    plugins: [
      new workbox.expiration.ExpirationPlugin({
        maxEntries: 15,
      }),
    ],
  })
);

 

Kemudian buat folder baru di folder desa dan beri nama icons, upload icons di folder tersebut. sebelum di upload ada baiknya icons tersebut di edit dulu di aplikasi photoshop, ukuran, nama disamakan dan abaikan jika gambar pecah. format icons berformat .png

touch_app CONTOH ICONS

 

copy code ini, buat file beri nama manifest.jason dan tempatkan/ upload di folder tema:

DeNatra : denatra/assets/js
Natra : natra/assets/js
Cosmo : cosmo
Hadakewa : hadakewa

{ "dir" : "ltr", "lang" : "Indonesian", "name" : "Sistem Informasi Desa Bantal", "scope" : "/", "display" : "standalone", "theme_color" : "#FFFFFF", "background_color" : "#FFFFFF", "start_url" : "https://www.bantal.desa.id/", "generated" : "true", "url" : "https://www.bantal.desa.id/", "short_name" : "Desa Bantal", "description" : "Sistem Informasi Desa Bantal Kecamatan Asembagus Kabupaten Situbondo", "orientation" : "any", "related_applications" : [], "prefer_related_applications" : false, "icons" : [ { "src": "https://www.bantal.desa.id/desa/icons/44.png", "sizes": "44x44", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/300.png", "sizes": "300x300", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/150.png", "sizes": "150x150", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/88.png", "sizes": "88x88", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/50.png", "sizes": "50x50", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/144.png", "sizes": "144x144", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/96.png", "sizes": "96x96", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/72.png", "sizes": "72x72", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/36.png", "sizes": "36x36", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/1024.png", "sizes": "1024x1024", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/180.png", "sizes": "180x180", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/152.png", "sizes": "152x152", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/120.png", "sizes": "120x120", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/76.png", "sizes": "76x76", "type": "image/png" }, { "src": "https://www.bantal.desa.id/desa/icons/32.png", "sizes": "32x32", "type": "image/png" }] }

 

Tambahkan script,

insert_link Copy Paste

pada tema :

DeNatra : denatra/partials/module_home.php
Natra : template.php
Cosmo : template.php
Hadakewa : template.php

 

Langkah terakhir tambahkan script di bawah,

#link rel='manifest' href='theme_folder/$this->theme/assets/js/manifest.json") ?>'>

tema DeNatra, pada denatra/partials/module_top.php (ubah # ke < )

#link rel='manifest' href='theme_folder/$this->theme/manifest.json") ?>'>

tema Cosmo, pada cosmo/commons/meta.php (ubah # ke < )

#link rel='manifest' href='theme_folder/$this->theme/manifest.json") ?>'>

tema Natra dan Hadakewa, pada template.php (ubah # ke < )

Selesai.

Uji coba apakah sudah aktif, dengan cara klik kanan pada halaman Website dan Klik Inpeksi > Aplications

atau dengan mengunjungi kembali Website https://www.pwabuilder.com/

Demikian, semoga bermanfaat. 

business
Kirim Komentar

Untuk artikel ini

person
stay_current_portrait
mail
chat
Senin, 04 Juli 2022

account_circle Aparatur Desa

work Jam Pelayanan Kantor Desa

Hari Mulai Selesai
Senin 07:00 WIB 15:00 WIB
Selasa 07:00 WIB 15:00 WIB
Rabu 07:00 WIB 15:00 WIB
Kamis 07:00 WIB 15:00 WIB
Jumat 07:00 WIB 11:00 WIB
Sabtu Libur
Minggu Libur
Alamat : Jl. Samir No. 10
Desa : Bantal
Kecamatan : Asembagus
Kabupaten : Situbondo
Kodepos : 68373
Telepon : 085263863944
Email : bantal.desa.id@gmail.com

map Wilayah Desa

assessment Statistik Desa

TRANSPARANSI ANGGARAN
Sumber Data : Siskeudes Tahun Anggaran 2021
insert_chart
APBDes 2021 Pelaksanaan

Realisasi | Anggaran

PENDAPATAN
Rp. 1,945,049,267 | Rp. 1,945,416,000
Realisasi  99.98 %
BELANJA
Rp. 1,929,536,000 | Rp. 1,957,188,836
Realisasi  98.59 %
PEMBIAYAAN
Rp. 11,772,836 | Rp. 11,772,836
Realisasi  100 %
insert_chart
APBDes 2021 Pendapatan

Realisasi | Anggaran

Hasil Aset Desa
Rp. 75,000,000 | Rp. 75,000,000
Realisasi  100 %
Dana Desa
Rp. 1,158,449,000 | Rp. 1,158,449,000
Realisasi  100 %
Bagi Hasil Pajak dan Retribusi
Rp. 66,539,000 | Rp. 66,539,000
Realisasi  100 %
Alokasi Dana Desa
Rp. 638,878,000 | Rp. 638,878,000
Realisasi  100 %
Koreksi Kesalahan Belanja Tahun-tahun Sebelumnya
Rp. 5,050,000 | Rp. 5,050,000
Realisasi  100 %
Bunga Bank
Rp. 1,133,267 | Rp. 1,500,000
Realisasi  75.55 %
insert_chart
APBDes 2021 Pembelanjaan

Realisasi | Anggaran

BIDANG PENYELENGGARAN PEMERINTAHAN DESA
Rp. 814,974,700 | Rp. 826,845,536
Realisasi  98.56 %
BIDANG PELAKSANAAN PEMBANGUNAN DESA
Rp. 613,843,500 | Rp. 623,947,500
Realisasi  98.38 %
BIDANG PEMBINAAN KEMASYARAKATAN
Rp. 25,171,000 | Rp. 25,171,000
Realisasi  100 %
BIDANG PEMBERDAYAAN MASYARAKAT
Rp. 52,590,300 | Rp. 52,590,300
Realisasi  100 %
BIDANG PENANGGULANGAN BENCANA, DARURAT DAN MENDESAK DESA
Rp. 422,956,500 | Rp. 428,634,500
Realisasi  98.68 %