README.md

ArthoKu

Instalation

ArthoKu requires Xampp, Composer, Node.js.

📝 Panduan memulai

git clone https://github.com/diii1/Arthoku.git

cd Arthoku

set .env file

composer install

php artisan key:generate

npm install

npm run dev

create database in localhost/phpmyadmin with name: arthoku

php artisan migrate

php artisan serve

Halaman utama aplikasi

Deskripsi Aplikasi

Aplikasi yang dibuat adalah aplikasi berbasis web. Nama aplikasinya adalah “ArthoKu” yang diambil dari kata “artho” dalam bahasa Jawa yang berarti uang. Aplikasi ini berbentuk planner yang meliputi beberapa bagian yaitu pemasukan, pengeluaran, neraca, dan grafik. Dengan adanya aplikasi ini diharapkan dapat membantu melacak pengeluaran dan pemasukan Anda menuju ekonomi yang sejahtera.

Sitemap/hirarki menu aplikasi beserta penjelasanya

Desain Database

Teknologi yang digunakan

1. Visual Studi Code : Sebagai text editor
2. CSS : Untuk mengatur responsive program
3. Bahasa pemrograman PHP : Sebagai bahasa utama dalam pembuatan program Arthoku
4. Chart.Js : Sebagai library untuk menggunakan chart pada aplikasi yang telah dibuat.
5. Laravel 8 : Framework yang digunakan dalam pembuatan aplikasi
6. Bootsrap 4 dan 5 : Framework bagian CSS yang digunakan dalam pembuatan aplikasi
7. Xampp : Sebagai tempat database bagi aplikasi yang telah dibuat.

Cara penggunaan aplikasi beserta penjelasanya

A. Website Client ArthoKu Wesbite ArthoKu dibuat untuk membantu penggunanya agar dapat melakukan manajemen pengeluaran uang yang digunakan untuk tiap hari, minggu, bulan, hingga tahunan. Sehingga pengguna dapat menggunakan uang yang dimilikinya secara efesien, tepat, dan menguntunkan di kemudian hari.

• Melakukan Register / pendaftaran akun agar dapat mengakses semua fitur yang ada. Pada proses register calon pengguna diminta untuk memasukkan username, email, dan password.

• Login Akun ArthoKu untuk bisa masuk ke dalam akun Arthoku yang telah dibuat.

• Pada halaman tampilan awal sebelum login pengguna dapat mengakses tampilan home, mengetahui feature, tips, abou mengenai ArthoKu. Sedangkan jika sudah log in maka pengguna dapat mengakses halaman dashboard ArthoKu.

• Pada halaman dashboard ArthoKu pengguna dapat melihat sisa uang yang dimiliki, grafik pengeluaran dan pemasukan keuangan yang dimilikinya serta total pemasukan dan total pengeluaran pengguna selama ini.

• Pada Nav bar Add Data, pengguna dapat menambahkan data income dan data expense terkait keuangan pengguna.

• Selanjutnya, Pada history Income, pengguna dapat melihat seluruh data pendapatan yang telah pengguna miliki. Kemudian mengubah dan menghapus income.

• Kemudian,Pada history expens, pengguna dapat melihat seluruh data pengeluaran yang telah pengguna pakai. Kemudian mengubah dan menghapus data expense.

• Selanjutnya, pada halaman recommendation pengguna dapat melihat Rule keuangan yaitu 50/30/20 yang mana 50 % untuk kebutuhan, 30% untuk keinginan, dan 20% untuk tabungan atau saving. Yang mana hal tersebut sudah dijabarkan website sesuai dengan keaadan keuangan yang pengguna miliki saat itu.

• Dan terakhir, pada halaman setting, pengguna dapat merubah data nama akun dan juga pendapatan bulanan yang pengguna miliki. Serta pengguna dapat melakukan log out dari Website ArthoKu

B. Website Admin ArthoKu

Website admin berguna untuk manajemen data client yang menggunakan webiste ArthoK. Website admin juga digunakan untuk manajemen kategori expens (pengeluaran) dan kategori income (pemasukan) yang mana data kategori tersebut dapat dipilih oleh client ketikan menambahkan data pengeluaran dan pemasukkannya. Cara penggunaan Website Admin ArthoKu ialah sebagai berikut :

• Login Sebagai Admin --> Jika bukan admin tidak dapat mengakses website admin

• Pada halaman dashboard admin terdapat grafik data client yang baru melakukan proses register.

• Kemudian, pada halaman Data User Account terdapat data yang dapat dilihat, dijadikan admin dengan menekan button isAdmin, dan dihapus oleh admin. Pada halaman ini disajikan tabel data yang terdiri dari ID, Name, Email, Password dan Action. Pada halaman ini admin dapat melakukan pengurutan secara ascending dan descending. Kemudian admin juga dapat menggunakan form pencarian untuk mencari data User Account.

• Selanjutnya , pada halaman Data Category Income disajikan tabel data yang terdiri dari ID, Name, Description dan Action. Pada halaman ini admin dapat melakukan pengurutan secara ascending dan descending, menambahkan data, mengubah data, serta menghapus data Category Income. Kemudian admin juga dapat menggunakan form pencarian untuk mencari data Category Income.

• Selanjutnya , pada halaman Data Category Expense disajikan tabel data yang terdiri dari ID, Name, Description dan Action. Pada halaman ini admin dapat melakukan pengurutan secara ascending dan descending, menambahkan data, mengubah data, serta menghapus data Category Expense. Kemudian admin juga dapat menggunakan form pencarian untuk mencari data Category Expense.

• Dan terakhir, terdapat log out guna keluar dari website Admin ArthoKu

Fitur-fitur yang ditawarkan beserta screenshot program

A. Website Client ArthoKu

1. Register untuk membuat akun ArthoKu -->
2. Log In untuk masuk ke website Arthoku -->
3. Dashboard awal dengan fitur grafik pengeluaran dan pemasukan pengguna -->
4. Tambah Data pengeluaran dan Tambah Data Pemasukan -->
5. View Data pengeluaran -->
6. View Data Pemasukan -->
7. Edit Data Pengeluaran -->
8. Edit Data Pemasukan -->
9. Hapus Data Pengeluaran --> 10.Hapus Data Pemasukan -->
10. Rekomendasi untuk kebutuhan, keinginan, dan tabungan yang ideal yaitu dengan prinsip 50/30/20 -->
11. View Setting -->
12. Edit Nama setting -->
13. Edit Pendapatan bulanan rata-rata -->

B. Website Admin ArthoKu

1. Log In Sebagai Admin -->
2. Show Data Pengguna -->
3. Edit Data pengguna dengan menekan tombol isadmin untuk menjadikan admin -->
4. . Tambah Data Kategori Pengeluaran -->
5. . Show Data Kategori Pengeluaran -->
6. . Edit Data Kategori Pengeluaran -->
7. . Hapus Data Kategori Pengeluaran -->
8. . Tambah Data Kategori Pemasukan -->
9. . Show Data Kategori Pemasukan -->
10. . Edit Data Kategori Pemasukan -->
11. . Hapus Data Kategori Pemasukan -->
12. . Logout -->

CODE INTI

A. Controller : komponen inti dari MVC yang berfungsi sebagai penghubung antara request user (View) ke model yang nantinya akan di kembalikan lagi ke View dalam bentuk response. Controller ini akan banyak berisi logika – logika dalam menyusun suatu fungsi tertentu.

1. Controller_Category_Expense -->
2. Controller_Category_Expense -->
3. Controller_Admin_Dashboard -->
4. Controller_Admin_User -->
5. Controller_Auth_Login -->
6. Controller_Auth_Register-->
7. Controller_Client_App-->
8. Controller_Client_Dashboard-->
9. Controller_Client_Home-->
10. Controller_Client_Expense-->
11. Controller_Client_Income-->
12. Controller_Client_Setting-->

B. Model : Model / Eloquent pada laravel digunakan untuk mewakili pemanggilan tabel. Dengan demikian, model merupakan bagian yang utama dimana kita akan berinteraksi ke tabel yang bersangkutan melalui model yang dibuat.

1. Model_Category_Expense-->
2. Model_Category_Income-->
3. Model_Record_Expense-->
4. Model_Record_Income-->
5. Model_User-->
6. Route-->

Pengembang proyek

🧐 Raviy Bayu S (19081010010)
😄 Alya Safira (19081010015)
😎 Muhammad Alfyando (19081010037)
👦 M. Mushthafainal (19081010042)
👨 Kristian Rolando (19081010085)
😄 Maurisa A (19081010192)
Terima kasih atas kerja sama selama pengerjaan proyek ini!