Coder Social home page Coder Social logo

hermanch / qcdesa Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ndunks/qcdesa

0.0 0.0 0.0 263 KB

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

License: GNU General Public License v3.0

Shell 23.18% JavaScript 58.57% Batchfile 5.97% Dockerfile 12.28%

qcdesa's Introduction

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 [email protected]: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: [email protected] [email protected]

Aplikasi ini dapat terwujud karena dukungan dari berbagai pihak

qcdesa's People

Contributors

ndunks avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.