Pendahuluan
Nah, Jika anda sampai ke modul ini berarti anda sudah memahami kosep Pemograman Berbasis Objek dan konsep MVC. Jika belum maka anda disarankan untuk kembali mempelajari modul tersebut pada artikel sebelumnya.
Database merupakan hal yang tidak dapat di tinggalkan di dalam perancangan sebuah aplikasi pada era sekarang ini. Setiap development sebuah aplikasi selalu merancang aplikasi dan di ikut sertakan sebuah rancangan database. Baik aplikasi yang di rancang tersebut berbentuk offline apalagi di dalam bentuk online. Oleh sebab itu kami asumsikan anda sudah dapat membuat dan merancang database. Disini kami menggunakan server local XamPP.
Persiapan
Sebelum kita lanjut ke materi tentu adas beberapa hal yang harus kita persiapkan terlebih dahulu. Berikut persiapan yang perlu anda persiapkan:
- Server Xampp: Pastikan anda sudah menginstal server ini atau sejenisnya.
- Framework Codeigniter - 4 : Pastikan anda sudah mendwonload framework ini dan mengextrak di dalam folder xampp/htdocs/. Silahkan beri nama aplikasi anda dengan nama "pustaka".
- Framework Boostrap: Anda dapat mendownload boostrap di situs resminya, Namun di materi ini kita akan memasang boostrap secara online. Jadi pastikan anda terkoneksi ke internet.
Materi
A. Memasang Codeigniter 4
1. Download Framework:
Langkah untuk memasang Codeigniter ada 2 metode. Yaitu dengan cara menggunakan composer atau anda dapat mendownload secara langsung di situs resminya. : https://www.codeigniter.com/download. Pastikan anda memilih Codeigniter 4. Klik saja Download untuk mendownload framework tersebut.
2. File yang di download dalam bentuk zip/winrar. Setelah proses download selesai silahkan anda extrak terlebih dahulu dan ganti nama foldernya dengan nama "perpustakaan". Selanjutnya pindahkan folder tersebut ke Xampp/htdocs.
📂 xampp
📂htdocs
📂 perpustakaan
3. Buka Xampp Control dan jalankan Apache dan MysQl.
4. Buka texteditor kesayangan anda (disini kami menggunakan VS Code) dan dari text editor tersebut silahkan buka menu file => open Folder dan cari projek yang kita buat tadi. kemudian klik open.
5. Selanjutnya klik menu terminal = > new terminal untuk membuka terminal. Di terminal baru silahkan ketikkan perintah berikut:
"php spark serve"
Tekan Enter
Jika terjadi errro anda dapat memperbaiki xampp anda. Langkah memperbaikinya sudah kami tulis pada artikel berikut: https://barintek.blogspot.com/2023/05/memperbaik-xampp-yang-keluar-peringatan.html.
5. Buka browser anda dan ketikkan perintah berikut: http://localhost:8080
Berikut hasil halaman Codeigniter 4 jika anda berhasil melakukan langkah di atas:
B. Membuat Database dan Koneksi ke CI-4
Nah, sekarang kita akan membuat database. Jadi silahkan jalankan mys silahkan buka phpmyadmin anda dan buatlah database dengan nama "pustaka". Di database ini kita akan membuat beberapa tabel seperti berikut:
- tbl_buku
- tbl_peminjaman
- tbl_pengembalian
- tbl_users
CREATE TABLE `buku` (`kode_buku` int(11) NOT NULL,`judul` varchar(255) NOT NULL,`penulis` varchar(50) NOT NULL,`penerbit` varchar(255) NOT NULL,`thn_terbit` year(4) NOT NULL) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;INSERT INTO `buku` (`kode_buku`, `judul`, `penulis`, `penerbit`, `thn_terbit`) VALUES(1, 'Mahir Menggunakan CI-4', 'Kadrahman', 'andi', '2023');CREATE TABLE `peminjaman` (`id_peminjaman` int(11) NOT NULL,`id_user` int(11) NOT NULL,`kode_buku` varchar(15) NOT NULL,`lama_pinjam` int(5) NOT NULL,`created_at` timestamp NULL DEFAULT NULL) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;CREATE TABLE `pengembalian` (`id_pengembalian` int(11) NOT NULL,`id_peminjaman` int(11) NOT NULL,`created_at` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp()) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;CREATE TABLE `user` (`id_user` int(11) NOT NULL,`username` varchar(100) NOT NULL,`password` varchar(100) NOT NULL,`email` varchar(100) NOT NULL,`nama_lengkap` varchar(100) NOT NULL,`hp` varchar(15) NOT NULL,`alamat` text NOT NULL)ALTER TABLE `buku`ADD PRIMARY KEY (`kode_buku`);ALTER TABLE `peminjaman`ADD PRIMARY KEY (`id_peminjaman`);ALTER TABLE `pengembalian`ADD PRIMARY KEY (`id_pengembalian`);ALTER TABLE `user`ADD PRIMARY KEY (`id_user`);ALTER TABLE `buku`MODIFY `kode_buku` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;ALTER TABLE `peminjaman`MODIFY `id_peminjaman` int(11) NOT NULL AUTO_INCREMENT;ALTER TABLE `pengembalian`MODIFY `id_pengembalian` int(11) NOT NULL AUTO_INCREMENT;ALTER TABLE `user`MODIFY `id_user` int(11) NOT NULL AUTO_INCREMENT;
# CI_ENVIRONMENT = production
Ganti menjadi:
CI_ENVIRONMENT = development
2. URL
# app.baseURL = ''
Ganti menjadi:
app.baseURL = 'http://localhost:8080'
3. Database:
# database.default.hostname = localhost# database.default.database = ci4# database.default.username = root# database.default.password = root# database.default.DBDriver = MySQLi# database.default.DBPrefix =# database.default.port = 3306
Ganti menjadi:
database.default.hostname = localhostdatabase.default.database = pustakadatabase.default.username = rootdatabase.default.password =database.default.DBDriver = MySQLidatabase.default.DBPrefix =database.default.port = 3306
Sekarang simpan file .env tersebut, dan coba buka di browser kembali. Scroll kebawah dan perhatikan pada bagian environment-nya apakah sudah berubah menjadi development? Kalau sudah berarti kita sudah sukses.
Penutup
Nah sampai disini anda sudah berhasil mengkoneksikan projek kita dengan databasenya. Selanjutnya kita akan membahas bagaimana membuat template halaman projek dengan memanfaatkan boostrap. Jadi ikuti terus artikel kami.