https://github.com/m-bintangr/pembayaran-spp
Aplikasi pembayaran spp sekolah, dengan menggunakan laravel 9, sebagai tugas akhir SMK
https://github.com/m-bintangr/pembayaran-spp
inertia javascript json laravel laravel-framework monolithic php react reactjs tailwindcss
Last synced: 8 months ago
JSON representation
Aplikasi pembayaran spp sekolah, dengan menggunakan laravel 9, sebagai tugas akhir SMK
- Host: GitHub
- URL: https://github.com/m-bintangr/pembayaran-spp
- Owner: M-BintangR
- Created: 2023-01-23T00:01:29.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-21T06:43:00.000Z (9 months ago)
- Last Synced: 2025-02-20T10:01:45.303Z (8 months ago)
- Topics: inertia, javascript, json, laravel, laravel-framework, monolithic, php, react, reactjs, tailwindcss
- Language: PHP
- Homepage:
- Size: 4.84 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# APLIKASI TRANSAKSI PEMBAYARAN SPP
Aplikasi pembayaran SPP yang saya buat dengan tujuan tugas pemprograman web & mobile sekolah saya [SMK MUTIARA ILMU](https://mutiarailmu.sch.id). Dalam aplikasi ini, admin dapat melihat jumlah tagihan SPP yang harus dibayarkan, melakukan pembayaran SPP dengan mudah dan cepat, serta memperoleh informasi tentang status pembayaran SPP secara real-time. Selain itu, dalam aplikasi ini juga terdapat fitur seperti melihat tunggakan siswa,tunggakan kelas, jumlah pembayaran siswa, jumlah pembayaran kelas serta cetak kwitansi, laporan, dan rekap pembayaran.
Aplikasi pembayaran SPP saya juga dilengkapi dengan fitur laporan pembayaran SPP, yang memungkinkan para admin memantau dan melacak pembayaran SPP yang telah dilakukan. Dalam laporan ini, terdapat informasi detail tentang tanggal pembayaran, jumlah yang dibayarkan, dan status pembayaran. Dengan fitur ini, para siswa dan orang tua dapat dengan mudah mengakses catatan pembayaran SPP mereka dan memastikan bahwa pembayaran SPP telah dilakukan dengan benar. Dalam rangka meningkatkan kualitas layanan.
Follow instagram saya [Muhammad Bintang](https://www.instagram.com/mbintang1204/)
> Aplikasi ini masih dalam tahap pengembangan!
## Screenshot
### Home Page
### Fitur Aplikasi
## Teknologi
1. [Laravel 9](https://laravel.com/)
2. [Reactjs](https://react.dev/)
3. [Inertiajs](https://inertiajs.com/)
4. [Tailwindcss](https://tailwindcss.com)
5. [Vitejs](https://vitejs.dev/)
## Fitur
1. Sistem login
2. Multiusers
3. Multiroles
4. Homepage dan Dashboard
5. Manajement Transaksi
6. Cetak Laporan,Kwitansi,Rekap, dan Tunggakan
7. Manajement Siswa, Kelas, Petugas, dan Spp
8. Pelacakan Transaksi Pembayaran
9. ...dll
## Cara Install dan Mengatur Aplikasi
clone repo ini dengan cara :
```bash
https://github.com/M-BintangR/pembayaran-spp-laravel9.git
```
Kemudian, buka terminal seperti bash, zsh, command prompt atau powershell dan nstall dependency composer dengan command berikut :
```bash
composer install && composer update
```
Lanjut, copy file `.env.example` dengan nama `.env` sebagai berikut:
```bash
cp .env.example .env
```
Kemudian, silahkan ganti credentials database di file .env nya seperti
```bash
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=xxx
DB_USERNAME=root
DB_PASSWORD=
```
untuk panduan atau dokumentasi mengenai setup database pada file `.env` bisa kalian baca pada dokumentasi resmi laravelnya ya cui, [klik disini.](https://laravel.com/docs/9.x/database)
Kemudian, silahkan migrate semua database di project ini dengan menggunakan artisan command:
```bash
php artisan migrate
```
Lanjut, generate aplikasi key untuk keamanan pada project laravel dengan menggunakan artisan command berikut:
```bash
php artisan key:generate
# atau
php artisan key:generate --show
```
Install dependencies nodejs didalam folder `node_modules` menggunakan Npm atau Yarn:
```bash
npm install && npm run dev
# atau menggunakan Yarn
yarn && yarn dev
# atau menggunakan pnpm
pnpm i && pnpm dev
```
Langkah Terakhir, silahkan jalankan local development server Laravel dengan menggunakan artisan command sebagai berikut:
```bash
php artisan serve
```
Project ini akan berjalan di `https://localhost:8080`.
## Database dan Tabel
### Tabel User
| Nama | Type | Length | Atribut |
| ------------- | ------- | ------ | --------------------------- |
| id | int | 11 | primary_key, auto_increment |
| username | varchar | 25 | - |
| nama_pengguna | varchar | 35 | - |
| level | enum | 0 | - |
| password | varchar | 8 | - |
### Tabel Siswa
| Nama | Type | Length | Atribut |
| -------- | ------- | ------ | ----------------------------------- |
| nisn | int | 10 | primary_key, auto_increment, unique |
| nis | char | 8 | unique |
| nama | varchar | 35 | - |
| jk | enum | 0 | - |
| id_kelas | int | 11 | - |
| alamat | text | 0 | - |
| no_telp | char | 13 | - |
| id_spp | int | 11 | - |
### Tabel Kelas
| Nama | Type | Atribut |
| ------------------- | ------- | --------------------------- |
| id | int | primary_key, auto_increment |
| nama_kelas | varchar | - |
| kompetensi_keahlian | varchar | - |
### Tabel SPP
| Nama | Type | Length | Atribut |
| ------- | ------ | ------ | --------------------------- |
| id | int | 11 | primary_key, auto_increment |
| nominal | bigint | 100 | |
| level | enum | 0 | |
### Tabel Pembayaran
| Nama | Type | Length | Atribut |
| ------------ | ------- | ------ | --------------------------- |
| id_petugas | int | 11 | primary_key, auto_increment |
| nisn | int | 10 | - |
| tgl_bayar | date | 0 | - |
| bulan_bayar | varchar | 10 | - |
| tahun_bayar | varchar | 4 | - |
| id_spp | int | 11 | - |
| jumlah_bayar | bitint | 100 | - |
### Tabel Kuitansi
| Nama | Type | Length | Atribut |
| ------- | ------- | ------ | --------------------------- |
| id | int | 11 | primary_key, auto_increment |
| nis | char | 8 | - |
| bulan | varchar | 100 | - |
| tanggal | date | 0 | - |