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! π
Table of Contents
Toggleπ©βπ« 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
dancomposer
, 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!
Related posts:
- Creating a cashier application using CodeIgniter 3 – Part 2 Icon menu, page title, and active menu
- Check out this awesome tutorial on Next.js 14 and Framer Motion for a sick Magnetic Nav Link Animation!
- Mozilla announces new CEO, Apple disrupts PWA, and Wine now available on Android: the latest in Linux and Open Source news.
- Part 2: .NET API Hosting Model | Introduction to Back-end Web Development with .NET for Beginners
- Create your own AI application in just 5 minutes!
- Discovering Love through Ziwe