Berita Desa

Cara Membuat Halaman Layanan Mandiri OpenSID Menjadi Aplikasi Desktop

25 Oktober 2020
Administrator
Dibaca 562 Kali
Cara Membuat Halaman Layanan Mandiri OpenSID Menjadi Aplikasi Desktop

KALIBUAYA NESW - Saat ini aplikasi browser menjadi andalan utama bagi pengguna internet, ada banyak pilihan browser untuk menggunakannya seperti chrome, Mozilla, Opera dan lain sebagainya. Browser-browser tersebut semakin populer sejak kehadiran smartphone. Setiap aktivitas yang terkoneksi ke internet nyaris membutuhkkan browser.

Unuk Pelanggan Fitur Premium yang sudah menjalankan Layanan Anjungan Desa Mandiri mungkin  tutorial ini bisa membantu untuk memudahkan dalam pelksannanya karena dilayar tochscreen nanti kita tidak perlu lagi masuk browser dulu untuk menuju ke halaman mandirinya.

Pada kesempatan ini saya ingin membagikan sebuah tutorial tentang bagaimana membuat halaman Layanan mandiri di OpenSID menjadi aplikasi desktop. Mungkin akan langsung terbayang tingkat kesulitannya, tapi tidak perlu khawatir karena tutorial yang saya berikan ini akan lebih simple hanya membutuhkan sedikit perintah-perintah DOS yang dulu paling sering digunakan.

Untuk dapat membuat halaman web menjadi aplikasi dekstop maka diperlukan beberapa dua aplikasi yaitu :

  1. Aplikasi NodeJS
  2. Aplikasi nativefier

Dengan kedua aplikasi tersebut saya akan coba menjelaskan step by step untuk dapat membuat halaman Layanan mandiri_web menjadi aplikasi desktop

Langkah Persiapan

Sebagai langkah permulaan membuat halaman layanan mandiri_web menjadi aplikasi desktop, maka terlebih dahulu harus dilakukan installasi aplikasi Nodejs yang dapat di download pada web resemi https://nodejs.org

Download NodeJs.gif

Setelah file setup berhasil didownload kemudian silahkan lakukan installasi seperti halnya melakukan installasi aplikasi lainnya.

Install Node.gif

Selanjutnya untuk mendapatkan aplikasi nativefier maka perlu melakukan download source code nativefier pada github atau dapat melalui link ini

Ketika sudah berada pada halaman source code nativefier silahkan klik tombol Clone or Download, kemudian pilih Zip. Biarkan proses Download berjalan sampai dengan selesai.

Github.gif

Berikutnya setelah mendapatkan source code nativefier dalam bentuk Zip, maka lakukan extract file pada folder yang sudah ditentukan. Dalam tutorial ini saya menyimpannya pada folder nativefier-master pada drive D

Cara Membuat Halaman Layanan Mandiri_Web Menjadi Aplikasi Desktop

Untuk dapat menggunakan source code nativefier yang sudah di download tadi maka dibutuhkan builder aplikasi, hal ini dapat dilakukan dengan cara berikut :

  1. Klik start menu

  2. pilih Node.js command prompt

  3. masuk ke dalam folder penyimpanan source code nativefier yang telah di extract tadi (D:\nativefier-master).

  4. Kemudian silahkan ketik perintah npm install nativefier -g
    NPM Install.gif

  5. Tunggu hingga proses installasi selesai.

  6. Jika proses installasi telah selesai, maka langkah berikutnya kita akan membuat aplikasi desktop. Dalam contoh ini saya akan membuat web desakalibuaya.com/mandiri_web menjadi aplikasi desktop dengan menggunakan perintah nativefier --name "ADM" "https://desakalibuaya.com/mandiri_web"

  7. Jika proses pembuatan aplikasi dekstop telah selesai, silahkan
    masuk ke folder D:\nativefier-master\ADM-win32-x64/. Untuk memudahkan akses silahkan buat sebuah shortcut pada desktop dengan cara klik pada pada file steemit dan pilih sent to desktop.

  8. Sekarang Halaman Layanan mandiri_web sudah berbentuk aplikasi desktop, untuk mengganti tampilan icon silahkan lakukan pergantian icon dan ganti dengan icon OpenDESA yang bisa di cari melalui google.

 

  1. Selesai

Hasil

Berikut tampilan aplikasi desktop Anjungan Desa Mandiri (ADM) desakalibuaya.com/mandiri_web, dengan cara diata maka kita tidak perlu lagi buka browser dan memasukkan url.

Selamat mencoba dan semoga bermanfaat

Bagikan artikel ini:
Kirim Komentar
CAPTCHA Image