Salam kawan Source Code Aplikasi, pada postingan ini admin mau berbagi tentang Aplikasi Web Quick Count Client-Server untuk Pilkades atau pemilu lainnya yang semoga bisa bermanfaat bagi sobat saat belajar pembuatan aplikasi berbasis Javasript. Source code aplikasi ini dapat sobat unduh secara free dan dijadikan bahan coding guna pembuatan aplikasi atau juga dapat dimanfaatkan inspirasi pembuatan tugas kuliah, atau bahkan bisa juga diterapkan langsung, meski harus tetap memperhatikan lisensi developer dalam aplikasinya.

Deskripsi Aplikasi

Aplikasi Quick (Real) Count Desa

Aplikasi web yang bertujuan untuk mempermudah publikasi hasil Pemilihan Umum secara Realtime dan dapat diakses dengan mudah melalui smartphone.

Aplikasi ini telah digunakan pada Pemilihan Kepala Desa Klampok - Banjarnegara tahun 2019, dengan kerjasama yang baik dengan tim saksi salah satu calon yang berperan sebagai voter atau penginput data, Aplikasi ini telah berhasil menampilkan data secara realtime dan akurat sesuai dengan hasil penghitungan manual oleh Panitia.

PR Are Welcome

Aplikasi ini masih minim dalam dokumentasi, installasi, dan cara penggunaan. Bagi yang mau berkontribusi, saya tunggu PR-nya ??

Jalankan Aplikasi Portabel pada Linux & Windows (Recommended for End-User)

Bagi kamu yang ingin mencoba menjalankan aplikasi ini di lokal, silahkan unduh versi portable di halaman ini: Releases

Note: Jika kamu memiliki xampp atau app lain yang menggunakan port 80, sebaiknya nonaktifkan dulu

Setelah mengunduh file qcdesa-x.x.x-*.zip, lalu eksrak konten.
Klik pada file qcdesa.cmd utk Windows, atau qcdesa.sh untuk Linux
Buka Browser ke alamat http://localhost/
Masuk ke halaman admin ke alamat http://localhost/admin passcodenya: admin

Jalankan Aplikasi via Docker

Pertama, kamu harus sudah menginstall Docker ~800MB.

Note: Jika kamu memiliki xampp atau app lain yang menggunakan port 80, sebaiknya nonaktifkan dulu

Jalankan perintah berikut

docker run -p 80:80 -p 8888:8888 -it ndunks/qcdesa --debug true --passcode admin

Buka Browser ke alamat http://localhost/

Masuk ke halaman admin ke alamat http://localhost/admin passcodenya: admin

Informasi Folder

client/

Berisi Git sub-module source code dari aplikasi web untuk client side (browser).

server/

Berisi Git sub-module source code dari aplikasi web untuk server side (nodejs).

docker/

Berisi file yang akan dimasukan pada docker container di folder /app/

.vscode/

Konfigurasi Editor (Visual Studio Code)

Untuk Pengembang / Programmer

Jika kamu ingin mengembangkan aplikasi ini, saya sarankan menggunakan OS Linux. Kenapa? Karena Windows itu untuk end-user (kantoran) dan Mac untuk desain grafis.

Projek ini dibuat menggunakan NodeJS jadi saya harap kamu sudah familiar dengan JavaScript. Jika belum familiar, silahkan install projek yang sudah dibuild pada halaman Releases.

Berikut adalah informasi mengenai apa yang diperlukan untuk mengedit kode script.

Software:

NodeJS - Javascript interpreter (Download)
Yarn - NodeJS Package Manager (Download)
Visual Studio Code - Editor (Download)
GIT (Download)

Clone Repo (Download Source Code)

# Download source
git clone git@github.com:ndunks/qcdesa.git
# Update sub-module
git submodule init
git submodule update
# masuk ke folder projek
cd qcdesa
# Install depencies
yarn

Jalankan Server

cd server
yarn serve

Jalankan Client

cd client
yarn serve

Buka browser pada alamat http://localhost:8080/

Build Server

cd server
yarn build

Build Client

cd client
yarn build

Docker Build

yarn dockerize

Kemudian jalankan containernya

docker run -p 80:80 -p 8888:8888 -it qcdesa --debug true --passcode admin

Screenshot

Halaman Pengunjung / Pemantau

Halaman Voter

Halaman Admin

More Info

Contact: arifin@klampok.id klampok.child@gmail.com

Aplikasi ini dapat terwujud karena dukungan dari berbagai pihak

Aplikasi Web Quick Count Client-Server untuk Pilkades atau pemilu lainnya