Git Product home page Git Product logo

pengmas-aplikasi-keuangan's Introduction

Tangguh Berkibar - Aplikasi Keuangan

Aplikasi ini merupakan sebuah solusi yang dirancang dengan sederhana namun efektif untuk membantu UMKM dalam mengelola keuangan mereka. Fokus utamanya adalah memberikan kemudahan bagi para pengguna dalam memantau dan menganalisis kinerja keuangan bisnis mereka setiap bulan.

Salah satu keunggulan utama dari aplikasi ini adalah kemampuannya untuk menyajikan informasi yang relevan dengan mudah, khususnya melalui modul Laba Rugi dan Laba Bersih. Modul ini memberikan gambaran yang jelas tentang performa keuangan UMKM dalam suatu periode waktu tertentu, sehingga memungkinkan pemilik bisnis untuk mengambil keputusan yang tepat.

Selain itu, aplikasi ini juga dilengkapi dengan fitur riwayat transaksi harian yang sederhana namun informatif. Fitur ini memungkinkan pengguna untuk mencatat dengan teratur semua arus kas yang masuk dan keluar setiap hari, sehingga memudahkan mereka dalam melacak dan mengelola keuangan bisnis mereka.

Meskipun sederhana, aplikasi ini memiliki potensi besar untuk membantu UMKM dalam mengelola keuangan mereka dengan lebih efisien. Dengan menyediakan alat yang mudah digunakan dan informasi yang relevan, aplikasi ini dapat membantu UMKM untuk mengembangkan bisnis mereka dengan lebih baik.

Perhatian

Terdapat 2 baranches yang tertera pada aplikasi yaitu:

  1. dev-for-lokal Merupakan file development untuk keperluan pengembangan program.
  2. main Merupakan file Deploy atau file aplikasi yang sudah FIX dan dapat di hosting/diinstal.

Catatan

  • Jika anda ingin menginstall/mendeploy aplikasi pastikan anda menggunakan file yang berada pada baranches main
  • Silahkan download file pada main untuk mendapatkan file fix jika ingin mendeploy apk
  • Jika igin merubah/mencoba pada versi lokal maka bisa download file yang tertera pada baranch dev-for-lokal

Panduan Instalasi

Sebelum Anda memulai proses instalasi aplikasi Tangguh Berkibar, pastikan Anda telah melakukan beberapa persiapan yang penting:

  • ! Pada saat proses instalasi aplikasi diharapkan anda sudah mendownload firebase CLI
  • ! Jika anda belum mendownload firebase CLI anda bisa mendownload dengan mengetikan command npm install -g firebase-tools
  • ! Harap diingat bahwa untuk menginstall firebase CLI maka anda harus menggunakan npm seperti yang tertera diatas, Jika belum memiliki NPM, Anda perlu mengunduh Node.js. Harap unduh terlebih dahulu melalui link berikut: Node.js Download

1.Firebase Setup:

  • Buat akun Firebase.
  • Buat proyek dengan nama "Aplikasi Tangguh Berkibar".
  • Setel proyek sebagai proyek web dengan nama "Tangguh Berkibar" (Pada tahap ini jangan mencentang pilihan hosting).
  • Aktifkan Google provider di Authentication -> Sign-in method (pada bagian email isi dengan email saat ini/email user, dan ubah nama proyek menjadi "Tangguh Berkibar").
  • Atur template password reset pada Authentication -> Templates -> Password Reset.

    pada bagian password reset isi seperti berikut:

    • Sender name: Tangguh Berkibar.
    • From: tangguh_berkibar.
    • Subject: Link Reset your password for %APP_NAME%.
    • Message:
    	<p>Halo,</p>
       	<p>Kami menerima permintaan reset password pada akun %EMAIL%. harap klik tombol ini untuk merubah password pada aplikasi Tangguh Baerkibar anda.</p>
       	<p>
       	<a href='%LINK%' style='display: inline-block; padding: 10px 50px; color: white; background-color: #0B806D; text-decoration: none; border-radius: 5px;'>Reset 
    		Password</a>
       	</p>
       	<p>Perhatian: Link akan kadaluwarsa dalam 3 menit</p>
       	<p>Jika anda tidak meninta permintaan reset password ini, harap diabaikan.</p>
       	<p>Terimakasih,</p>
       	<p>%APP_NAME% team</p>
    • Action URL: https://nama_websites/loginRegister/resetPassword.html

2.Database Setup:

  • Buka Realtime Database dan buat database baru.
  • Pilih server USA dan setel mode ke "Start in Lock Mode".
  • Impor file "tangguh-berkibar-rtdb.json" yang sudah tertera pada folder ke dalam database.

3.Firebase Rules:

  • Buka menu Realtime Database -> Rules dan terapkan aturan berikut:
{
  "rules": {
    ".read":  true,
    ".write": true,
    "users": {
      "$uid": {
        ".read": "$uid === auth.uid",
        ".write": "$uid === auth.uid",
        "email": {
          ".validate": "newData.isString() && newData.val().matches(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/)"
        },
        "displayName": {
          ".validate": "newData.isString() && newData.val().length > 0"
        },
        "password": {
          ".validate": "newData.isString() && newData.val().length >= 64"
        },
        "namaUsaha": {
          ".validate": "newData.isString() && newData.val().length > 0"
        },
      }
    }
  }
}

4.Hosting:

  • Buka menu Hosting dan ikuti langkah-langkah untuk menginisialisasi dan merilis proyek Anda.
  • Setelah mengikuti langkah hosting pada firebase maka masuk ke direktori file pada CMD (pastikan run as administrator) pada tahap ini arahkan ke folder yang baru saja anda download untuk di hosting.
  • Kemudian login dengan mengetikan commad firebase login
  • Ketika login sudah berhasil ketikan command firebase init untuk memulai insiasi aplikasi.

5.Langkah-Langkah Deploy:

akan muncul beberapa pertanyaan konfirmasi, pada pertanyaan pertama tekan y untuk segera proses inisialisasi. kemudian terdapat beberapa pilihan yang harus di sertakan seperti berikut:

  • Pilih Hosting: Configure files for Firebase Hosting and …… (keterangan: untuk menggerakkan pilihan gunakan panah atas/bawah, tekan space bar untuk memilih, dan tekan enter untuk memproses). image
  • Selanjutnya menentukan project mana yang akan digunakan sebagai hosting aplikasi web kita, untuk itu pilih use an exixting project (memilih project yang sudah ada pada firebase).
    image
  • Selanjutnya pilih pada daftar project yang ditampilkan untuk tahap ini pilih projek firebase yang sudah dikonfikurasi sebagai contoh tadi adalah "Tangguh Berkibar"
    image
  • Selanjutnya untuk setting folder public dan file index, ikuti pilihan di bawah ini: (public -> no -> no -> no)
    image

6.Deploy & Update Aplikasi

  • setelah semua dilakukan maka buka firebase, Salin konfigurasi Firebase (SDK setup) dari Firebase Console dan pastekan ke dalam file init.js pada direktori file yang telah dihosting. (harap copy pada bagian yang di block oleh gambar)
image
  • Setelah SDK firebase sudah di pastekan pada file init maka kembali ke command prompt dan ketikan command firebase deploy.

7.Cek Website:

  • Buka aplikasi web yang sudah di-deploy dengan mengunjungi domain yang telah disediakan oleh Firebase Hosting.
  • Cara melihat domain dapat dilakukan pada halaman hosting -> link domain dan klik link domain yang sudah tertera.
    image

Proses instalasi selesai dan telah berhasil menginstal dan mendeploy aplikasi Tangguh Berkibar! Silakan kunjungi website untuk melihat hasilnya.

Catatan

  • Pastikan nama folder proyek sesuai dengan apa yang anda ingin deploy dan insialisasi.
  • Pastikan Autehtikasi sudah sesuai seperti pada panduan isntalasi dan pada bagian reset password pastikan sudah sesuai dengan nama website yang anda deploy.
  • Pastikan rules firebase pada Realtime dataabase sudah sesuai dan terpublish.
  • Harap diingat bahwa sebelum deploy aplikasi maka init harus diganti menggunakan firebase SDK yang tertea pada projek yang baru saja anda bikin seperti pada panduan.
  • Jika ada eror harap diperhatikan dan membaca eror tersebut.

pengmas-aplikasi-keuangan's People

Contributors

shalrizky avatar irangga13 avatar reykialmadani avatar

Watchers

 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.