Machine parking simulation

With livechart

vokoscreen-2023-10-12_13-29-11.mp4

vokoscreen-2023-07-27_12-46-37.mp4

Report Data

vokoscreen-2023-07-26_21-30-17.mp4

vokoscreen-2023-07-26_10-53-33.mp4

vokoscreen-2023-07-26_07-32-23.mp4

Print struk

vokoscreen-2023-07-25_13-46-58.mp4

Preview Web App

vokoscreen-2023-07-24_22-01-16.mp4

Showing toast for new payment event

vokoscreen-2023-07-24_15-45-47.mp4

Fixing duration over 1day

vokoscreen-2023-07-24_10-23-24.mp4

With Long Polling Native Javascript Watch

Payment realtime

vokoscreen-2023-07-24_09-48-43.mp4

tickets realtime

vokoscreen-2023-07-24_09-46-20.mp4

vokoscreen-2023-07-20_06-51-08.mp4

vokoscreen-2023-07-19_21-12-17.mp4

vokoscreen-2023-07-18_10-11-34.mp4

For windows user

run the command here :

powershell.exe -ExecutionPolicy Bypass -File start.ps1

Dibuat dengan bahasa pemrogramman PHP versi 8.2, dengan mengusung konsep MVC sebagai alur utama programm ini.

Tech Stack

1. PHP Native with mvc concept (PHP 8.2)
2. PHP::PDO Extention for database cumunication
3. MariaDB database server
4. Javascript, JQuery, Select2 , JQuery.Ajax, Sweetalert, Lodash
5. Tailwindcss with plugins flowbite

Link documentasi

1. Lodash = https://lodash.com/docs/4.17.15
2. ChartJS = https://www.chartjs.org/docs/latest/
3. sweetalert = https://sweetalert2.github.io/
4. flowbite tailwind plugins = https://flowbite.com/docs/getting-started/quickstart/
5. tailwindcss = https://tailwindcss.com/docs/installation
6. fontawesome = https://fontawesome.com/search?o=r&m=free
7. PHP :: PDO =
   • https://www.php.net/manual/en/book.pdo.php
   • https://www.phptutorial.net/php-pdo/
8. Javascript = https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions

Database Design

Run in dev

Clone repository ini terlebih dahulu, selanjutnya akses melalui terminal / cmd(di windows), buka terminal dan akses direktori hasil clone repository ini kemudian jalankan baris perintah dibawah ini.

# chmod +x start.sh
# ./start.sh

Selanjutnya setelah server running dengan informasi seperti ini :

# [Mon Jul  3 23:34:34 2023] PHP 8.2.7 Development Server (http://localhost:4041) started

Silahkan buka web browser : Firefox, google chrome atau yang lainnya. akses url sesuai dengan informasi running server yang terdapat di layar terminal / cmd(di windows), yaitu http://localhost:4041. Jika terdapat error database tidak ditemukan :

---

---

Silahkan import terlebih dahulu file database yang tersedia di dalam direktori repository, file database dengan nama parkings.sql , akses database service yang biasa di gunakan, dalam kasus ini saya menggunakan phpmyadmin, kemudian buat database baru lalu import table baru dari file parkings.sql.

Selanjutnya setup file .env, buka kembali terminal akses direktori repository hasil clone, kemudian jalankan baris perintah berikut ini :

# cp .env.example .env

Setelah file .env terbuat , buka file .env dan sesuaikan konfigurasi database dengan database yang telah di siapkan sebelumnya.

Selanjutnya buka kembali web browser, arahkan url browser ke halaman create user yaitu http://localhost:4041/users/add, maka akan dibuatkan struktur data baru untuk data user di table users. Boleh cek ke phpmyadmin di table users.

Selanjutnya silahkan login dengan mengetikan url di address bar : http://localhost:4041/login untuk mengakses halaman dashboard. Untuk autentikasi login silah check di file : https://github.com/codesyariah122/parking-machine/blob/main/App/Data/UserData.php