PERPUSTAKAAN BERBASIS WEB-CODEIGNITER_Lanjutan 2 Fungsi Edit dan Update

 Halo, bertemu lagi di Catatan Kita, di postingan kali ini kita akan menambahkan fungsi edit dan update buku, melanjutkan codingan yang sebelumnya di buat. Bagi yang belum membaca part 1 dan 2 nya bisa klik di sini. PERPUSTAKAAN BERBASIS WEB DENGAN CODEIGNITER dan PERPUSTAKAAN BERBASIS WEB DENGAN CODEIGNITER_Lanjutan1

Klik icon pencil untuk mengedit buku

Setelah meng-klik icon tersebut maka akan tampil gambar seperti berikut ini. 

Edit bagian yang ingin di ubah, kemudian klik update

Untuk codingannya adalah sebagai berikut: 

Pertama adalah menambahkan function edit_buku pada controllers Admin.php

Setelah itu menambahkan function update_buku

Selesai menambahkan edit_buku dan update_buku, tinggal kita buat coding edit pada bagian View. Letaknya di bagian admin.php dan foldernya diberi nama editbuku.php

Bagi kalian yang mungkin ingin menambahkan bagian-bagian tertentu, misalnya mengubah background atau icon, bisa sesuka kalian ya. Sekian untuk postingan kali ini, Terima kasih sudah berkunjung. 😉

PERPUSTAKAAN BERBASIS WEB DENGAN CODEIGNITER_Lanjutan 1

 

Hallo! Catatan Kita kali ini akan melanjutkan pembuatan Perpustakaan berbasis web dengan Codeigniter. Bagi yang belum membaca postingan sebelumnya, bisa klik link ini PERPUSTAKAAN BERBASIS WEB DENGAN CODEIGNITER.

MEMBUAT DATA BUKU 

Untuk membuat data buku, maka yang harus dibuat antara lain adalah 

1. Membuat controller buku dengan nama Buku.php

2. Menambah codingan controller admin pada  Admin.php setelah function logout

3. Menambah codingan model pada M_perpus setelah function get_data

4. Menambah view admin pada posisi buku.php

5. Menambah view admin pada posisi tambahbuku.php

 

Untuk melihat coding view admin pada posisi buku.php dan view admin pada posisi tambahbuku.php bisa klik di sini view admin buku.php dan tambahbuku.php

setelah menambah codingan di atas, maka akan muncul tampilan seperti ini pada bagian Data Buku

Setelah menginput pada kolom-kolom di atas, klik simpan dan akan keluar tampilan seperti berikut. 

Sekian postingan kali ini, semoga bermanfaat. 

PERPUSTAKAAN BERBASIS WEB DENGAN CODEIGNITER

 

Halo, kembali lagi di Catatan Kita. Di postingan sebelumnya kita sudah membuat contoh sederhana penggunaan MVC Codeigniter.  Postingan kali ini aku akan membuat perpustakaan berbasis web tapi dengan menggunakan Codeigniter(CI). Untuk lebih jelasnya kita langsung saja ke contoh.

Pertama kita membutuhkan sebuah database dan tujuh buah tabel. Database-nya aku beri nama perpus dan tujuh tabelnya bisa di lihat di gambar:

Masing-masing stuktur tabelnya sebagai berikut:

Tabel admin

Tabel anggota

Tabel buku

Tabel detail_pinjam

Tabel kategori

Tabel peminjaman

Tabel transaksi

Setelah membuat database dan tabel-tabel di atas, kita akan membuat codingannya. Kita akan membuat empat file yaitu Admin.php disimpan di controllers, M_perpus.php disimpan di bagian Models, Login.php dan header.php yang disimpan di bagian view. Semua file tersebut disimpan di htdocs dalam satu folder dengan nama perpust2. 

    

Untuk file header.php bisa dilihat di link berikut ini file header.php 

Jika semua tabel dan codingannya sudah selesai, kita bisa melihat hasilnya dengan mengetikkan localhost/perpust2 maka akan tampil kotak login seperti ini 

Agar bisa login, pertama harus mengisi tabel admin terlebih dahulu, barulah kita bisa login dengan username dan password yang telah dibuat. Dan tampilan akhirnya seperti ini 

Nah, kalau sudah bisa tampil gambar seperti itu, berarti kita sudah berhasil membuat perpustakaan web. Tapi ini baru awalnya saja, selanjutnya masih banyak yang harus ditambahkan pada codingannya. Di postingan selanjutnya akan dibahas lebih lengkap lagi. 

Sekian Catatan Kita kali ini, selamat belajar. 

MEMBUAT PROGRAM SEDERHANA MENGGUNAKAN MVC-CODEIGNITER

 

Halo apa kabar? selamat datang di Catatan Kita. Catatan kita kali ini akan membuat program sederhana menggunakan framework Codeigniter. 

Codeigniter adalah framework atau kerangka kerja yang banyak digunakan oleh web developer. Codeigniter mempunyai metode yang disebut MVC. Apa itu MVC? 

M = Model, Model adalah kelas yang merepresentasikan atau memodelkan tipe data yang akan digunakan oleh aplikasi. Model adalah bagian penanganan yang berhubungan pengolahan atau manipulasi database. 

V = View, View merupakan bagian yang menangani halaman user interface atau halaman yang muncul pada user(pada browser). 

C = Controller, Controller merupakan kumpulan intruksi aksi yang menghubungkan model dan view, jadi Controller adalah pengolah instruksi. 

contoh1. penggunaan hanya controller

Membuat file baru dengan nama Latihan1.php lalu simpan dalam folder application/controllers

Untuk melihat hasilnya ketikkan dengan url localhost/pustaka-booking/index.php/latihan1 

pustaka-booking adalah Codeigniter yang berhasil diinstal dan di rename menjadi pustaka-booking agar mudah diingat. Kita bisa menamainya sesuai keinginan kita. Nah, hasil web nya seperti ini. 

contoh2. yaitu menggunakan controller dan model. 

Buat file baru dengan nama Model_latihan1.php disimpan pada folder application/models

                                       

Setelah membuat file Model_latihan1.php , ubah File Latihan1.php yang sebelumnya dibuat dengan penambahan seperti berikut ini. Lalu untuk melihat hasilnya ketik url localhost/pustaka-booking/index.php/latihan1/penjumlahan/2/6

                                        

contoh3. Menggunakan controller, view dan model

buat file dengan nama view-latihan.php dan simpan di application/views

                                         

Ubah file Latihan1.php menjadi seperti berikut ini. 

untuk melihat hasilnya ketik url localhost/pustaka-booking/index.php/latihan1/penjumlahan/2/6

hasilnya seperti ini. 

Sekian Catatan Kita kali ini, semoga bermanfaat. 😉
 

MEMBUAT PERPUSTAKAAN SEDERHANA_PROJECT AKHIR

Hallo apa kabar?
Catatan Kita kali ini akan membuat sebuah perpustakaan sederhana dengan menggunakan MySQL dan Bootstrap.


Sama seperti sebelumnya, kita harus membuat database terlebih dahulu.

Di sini aku membuat tiga tabel yaitu buku, login dan mahasiswa.

Ini adalah tampilan awal/ login.

Setelah login, kita akan diarahkan pada tampilan awal dashboard seperti ini.

Karena kita login sebagai admin, kita bisa melihat list mahasiswa, list buku dan menambahkan data keduanya.

Tampilan Data Mahasiswa/List Mahasiswa

Untuk menambah list, klik button 'Tambah Data' yang berwarna hijau, atau bisa mengklik 'Tambah Data' di Main Navigation di sebelah kiri tampilan.

Tampilannya seperti ini.

Setelah menambahkan data, tampilan akan kembali ke List Mahasiswa dengan update data terbaru.
untuk mengedit, klik button 'EDIT' lalu tampilaannya akan seperti ini. Edit bagian yang diperlukan, kemudian klik "UPDATE'.

Untuk menghapus data, klik button 'DELETE' lalu akan muncul kotak dialog untuk mengkonfirmasi apakah akan menghapus data atau tidak. 

Tampilan Tambah Buku

Tampilan Data Buku/List Buku

Tampilan Edit Buku

Hapus Data Buku 

Ini adalah tampilan setelah logout. 

Untuk mendapatkan source code nya, kalian bisa klik DI SINI

Sekian project akhir dari aku, Terima kasih sudah berkunjung, dan selamat belajar.