Langsung ke konten utama

Electron Profile

Electron App

Yak pada kali ini saya akan membuat aplikasi desktop dengan electron framework

Elektron adalah framework open source yang dikembangkan dan dikelola oleh GitHub. Elektron memungkinkan untuk pengembangan aplikasi GUI desktop menggunakan teknologi dengan menggabungkan mesin rendering Chromium dan runtime Node.js

Berikut adalah contoh aplikasi desktop untuk menampilkan profil data diri ;

1. Install Node.js
2. Buat folder baru dan masuk ke folder tersebut menggunakan cmd / terminal
3. Kemudian ketikkan "npm init" ( silahkan custom sendiri isianya )
4. Isikan main.js anda seperti dibawah
5. Isikan package.json seperti dibawah
6. Buat file index.html sebagai tampilan aplikasi anda, anda juga bisa menambahkan file css dan js untuk mempercantik tampilan aplikasi.

Disini saya berikan contoh yang sudah jadi Link
Preview Link

Screenshoot :




Sumber
Latihan https://www.youtube.com/playlist?list=PLC3y8-rFHvwiCJD3WrAFUrIMkGVDE0uqW

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

CRUD dengan CodeIgniter

CRUD CodeIgniter Tutorial lengkap bisa anda lihat di  petanikode Untuk sourcecode saya yang sudah saya modifikasi sendiri bisa dilihat  disini Hasil Read (menampilkan user) : Hasil Create (add user) : Hasil Update (Edit data user) : Hasil Delete (menghapus data user) :
Posting Komentar
Baca selengkapnya

Membuat Web dengan Google Apps Script

Membuat Web dengan Google Apps Script Apps Script adalah platform scripting yang dikembangkan oleh Google untuk pengembangan aplikasi ringan di platform G Suite. Google Apps Script pada awalnya dikembangkan oleh Mike Harm sebagai proyek sampingan sambil bekerja sebagai pengembang di Google Sheets. Dalam App Script ini anda dapat membuat berbagai bentuk aplikasi web, api, script sheet dll  dengan bantuan database Google Sheets. Dalam tutorial ini akan saya jelaskan cara membuat web pendataan YearBook dengan bantuan Apps Script ini. Website : https://script.google.com/macros/s/AKfycbyWGScRVdAYqZIX7qriMz-GSqii7YhoQIJGuCs3/exec 1. Pertama-tama silahkan kunjungi Google Sheets  anda. Silahkan login menggunkan akun google anda. Pilih menu Go to Google Sheets. 2. Isikan SpreadSheet anda dengan atribut-atribut data yang anda butuhkan. Seperti pada gambar dibawah Atribut yang saya gunakan : - nama - alamat - email - nohp - ig - tw...
Posting Komentar
Baca selengkapnya

Membuat Fungsi Login CodeIgniter

Membuat Login CodeIgniter SourceCode dapat dilihat disini  Tugas 4 Tutorial lebih lanjut bisa dilihat di  petanikode   Hasil Login Page: Setelah Login:
Posting Komentar
Baca selengkapnya