How to Create a Attendance Application with CODEIGNITER 4 – #1 Introduction Tutorial

Learn to build a presence app using Codeigniter 4! Get ready to embark on an exciting journey full of coding adventures as we dive into the world of web development. It’s like creating a masterpiece from scratch, with every line of code shaping the future of your app. Let’s roll up our sleeves and get started! πŸš€

πŸ‘©β€πŸ« Introduction: Setting Up PHP and Codeigniter

Halo teman-teman semua! Selamat datang kembali di channel Framework Indonesia! Video pertama dari playlist ini akan membahas pembuatan aplikasi presensi dengan Codeigniter 4. Sebelumnya, saya juga telah membahas tutorial serupa tentang pembuatan aplikasi presensi menggunakan PHP.

πŸ“ Tutorial Playlist: Membuat Aplikasi Presensi dengan PHP

Sebelum kita mulai, Anda dapat menonton tutorial sebelumnya di sini untuk mempelajari lebih lanjut tentang membuat aplikasi presensi dengan menggunakan PHP.

πŸ“± Application Preview

Saya akan menunjukkan kepada Anda bagaimana struktur dan tampilan aplikasi presensi yang akan kita buat. Meskipun tampilannya mungkin sedikit berbeda karena kita akan menggunakan template yang berbeda, struktur program dan fitur aplikasinya akan tetap sama.

πŸ‘©β€πŸ’» Application Features Overview

Di bagian depan aplikasi ini, kita akan memiliki tampilan login, dashboard dengan ringkasan data, informasi pegawai, jabatan, lokasi presensi, rekap harian, rekap bulanan, ketidakhadiran, serta profil, pengaturan, dan logout.

πŸ‘¨β€πŸ’Ό Employee Page Features Overview

Pada halaman pegawai, terdapat elemen untuk melakukan clock in dan clock out. Di sini juga akan ada peta dari posisi pegawai, kamera untuk mengcapture foto pegawai, rekap presensi, serta fitur untuk pengajuan cuti, izin, atau sakit.

πŸ›  Prerequisites

Sebelum mengikuti tutorial ini, pastikan Anda sudah memiliki pengetahuan dasar tentang HTML, CSS, PHP (termasuk konsep seperti tipe data, pengulangan, pengkondisian, dan function), serta dasar pengetahuan tentang Object Oriented Programming (OOP) dan Model View Controller (MVC).

🧰 Tools Required

Untuk mengikuti tutorial ini, Anda perlu menginstal beberapa tools di komputer Anda:

  • XAMPP (Minimal PHP versi 7.4)
  • Composer (Minimal versi 2.0.14)
  • Web browser (disarankan Google Chrome)
  • Text editor (disarankan Visual Studio Code)

πŸ’» Installing Codeigniter 4

  • Buka Terminal dan cek apakah PHP dan Composer sudah terinstal dengan menjalankan perintah PHP -V dan composer, secara berurutan.
  • Jika sudah, buat project baru dengan menggunakan Composer: composer create-project codeigniter4/appstarter nama-proyek-anda

πŸ— Structure Overview

Folder aplikasi terdiri dari:

  • App: untuk konfigurasi, controller, model, dan view
  • Database: untuk migration database
  • Public: untuk menyimpan aset seperti gambar, CSS, dan JavaScript
  • Writable: untuk file konfigurasi cache

πŸš€ Running Your App

Jalankan aplikasi menggunakan PHP Spark serve di dalam folder proyek Anda. Aplikasi akan terbuka di port 8080.

Terima kasih sudah membaca! Video selanjutnya akan membahas pembuatan layout dan konfigurasi template. Sampai jumpa di video berikutnya!

About the Author

About the Channel:

Share the Post: