Tuhfah Web Application

Tuhfah is a cutting-edge information and management system designed to revolutionize Islamic Education Parks (TPQs) or Islamic Education Centers (TPAs). It offers a seamless and integrated platform for efficient administration and enhanced learning experiences within these institutions.

With Tuhfah, administrators can streamline registration processes, manage user roles, and track attendance effortlessly. Teachers benefit from tools to monitor students' learning progress and input educational data seamlessly. Students and guardians gain access to personalized learning insights and updates.

Financial management becomes more transparent and convenient with integrated online payment systems for fees and honorariums. The system also facilitates inventory management and efficient communication through announcements.

Tuhfah is designed to be user-friendly, intuitive, and accessible across devices, ensuring a smooth experience for all stakeholders. It aims to elevate the standards of Islamic education management and empower institutions with modern technology solutions.

Goals

• Develop a robust information and management system tailored for TPQs/TPAs.
• Improve administrative efficiency, data management, and learning processes within Islamic education institutions.
• Enable multiple TPQs/TPAs to use the system concurrently.
• Provide a seamless and integrated experience for administrators, teachers, and students.

Features

• Registration and User Management:
  • Digital registration form for new students.
  • Admin capabilities to add, remove, and manage users (admins, teachers, and students).
  • User roles and permissions management.
• Attendance Management:
  • Real-time attendance tracking for students and teachers via mobile and web applications.
  • Automatic integration of attendance data into the management system.
• Learning Progress Monitoring:
  • Teachers can input and monitor students' learning progress.
  • Admin and guardians can track students' educational development.
• Financial Management:
  • Online payment integration for tuition fees and teacher honorariums.
  • Automatic financial record-keeping and manual input options for admins.
• Inventory and Announcements:
  • Inventory management for physical assets.
  • Announcement creation and dissemination by admins, accessible to the public through the official TPQ/TPA website.
• Additional Features:
  • Notification system for attendance reminders, payment deadlines, and learning updates.
  • Integration with online payment gateways for seamless financial transactions.
  • Reporting and data analysis tools for performance evaluation and educational insights.

Technical Specifications

• Backend: PHP 8.3, Laravel 11.0
• Database: MySQL Community Server
• Frontend: HTML, CSS, JavaScript, Svelte 4.12
• Notification: Firebase Cloud Messaging

Get Started

Get the Source Code

Of course, you need to put this code on your computer first. There are two ways to do this: by downloading the project zip file or by using Git (recommended).

1. Download the Project Zip

   You can click on this link to download the zip file of this project.

2. Git Clone

   Make sure that you have installed git. Open the directory where you want to place the source code in the terminal. Then, run the following command:

   git clone git@github.com:404NotFoundIndonesia/tuhfah-webapp.git

Install Dependencies

There are two types of dependencies that we need to install for this project: one for the backend and one for the frontend. For the backend, we use Composer for dependency management, while for the frontend, we use npm to install dependencies.

And make sure this project is open in your command line interface. To confirm your current active directory in the terminal, use the following command:

pwd

To install backend dependencies, use the following command:

composer install

To install frontend dependencies, use the following command:

npm install

How to Run

You need to open two command line instances to run this project. Each is used for the backend and frontend parts. Also, make sure the active directory in each command line is within this project.

To run the backend server, use the following command:

php artisan serve

To run the frontend server, use the following command:

npm run dev

Open http://localhost:8000 in your browser to access Math Rizz. When you want to access Tuhfah in a web browser, make sure you do not close or stop both of those processes.

Reference

• Effendi, M. Iqbal dan Nafila Fayruz. 2021. Sistem Informasi dan Manajemen Taman Pendidikan Al-Qur'an Imam Syafi'i Banjarmasin Berbasis Web dan Aplikasi Android. Tugas Akhir Diploma 3. Banjarmasin: Politeknik Negeri Banjarmasin.

• Fitri dkk. (2022). Sistem Informasi dan Manajemen Taman Pendidikan Al-Qur'an Imam Syafi'i Banjarmasin Berbasis Web. Jurnal Impact, 4(1), 4-11.

License

Tuhfah Web Application is open-sourced software licensed under the MIT license.