Skip to content
/ qcdesa Public

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

License

Notifications You must be signed in to change notification settings

ndunks/qcdesa

Repository files navigation

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:

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

Screenshot Visitor 1 Screenshot Visitor 2 Screenshot Visitor 3 Screenshot Visitor 4 Screenshot Visitor 5

Halaman Voter

Screenshot Voter 1

Halaman Admin

Screenshot Admin 1 Screenshot Admin 2 Screenshot Admin 3

More Info

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

Aplikasi ini dapat terwujud karena dukungan dari berbagai pihak