Tutorial Codeigniter Part 24 – Membuat Laporan PDF dengan DOMPDF di Codeigniter

Selamat datang di warung belajar, dalam tutorial ini kita akan melanjutkan pembahasan dari seri tutorial Codeigniter, pada tutorial ini kita akan belajar membuat laporan PDF dengan menggunakan DOMPDF di Codeigniter 3.

DOMPDF adalah library yang dapat digunakan untuk membuat laporan PDF, nah Codeigniter 3 bisa menggunakan library DOMPDF, kita akan bahas dalam tutorial ini.

Untuk membuat laporan PDF menggunakan Dompdf di Codeigniter, langkah – langkahnya adalah sebagai berikut :

 

 

Persiapkan Project Codeigniter

Untuk Langkah awal silahkan install Codeigniter dulu di komputer anda, untuk tutorial cara instalasi Codeigniter, bisa dilihat ditutorial kita sebelumnya : Cara Menginstall Codeigniter

pada contoh ini untuk project codeigniter, saya beri nama foldernya adalah belajarcodeigniter

 

Setting Autoload Composer

Kita akan menginstall Dompdf dengan menggunakan Composer, karena itu kita perlu mengaktifkan autoload untuk composer.

Silahkan buka file dengan nama application/config/config.php, kemudian isi bagian autoload composer menjadi seperti dibawah ini :

 

 

Install Dompdf dengan Composer

Pastikan anda sudah menginstall Composer, untuk instalasi Composer bisa download disini : Klik Disini

Berikutnya buka Command Prompt / Terminal, dan akses folder project belajarcodeigniter, lalu tuliskan perintah seperti berikut ini :

Tunggu proses download dompdf melalui composer.

 

 

Membuat Library untuk kebutuhan DomPDF

Berikutnya kita akan membuat library sendiri untuk kebutuhan dompdf, agar dompdf dapat cepat digunakan saat dibutuhkan.

Silahkan buat file dengan nama pdf.php didalam folder application/libraries

untuk isi codenya seperti berikut ini :

Kode diatas kita membuat class PDF dengan extends di class Dompdf.

 

 

Persiapkan database

Dalam contoh ini kita akan belajar untuk menampilkan data dari database, dan ditampilkan dalam bentuk PDF, sehingga kita perlu mempersiapkan database terlebih dahulu.

Dalam contoh ini kita buat database dengan nama db_siswa, dan kita juga membuat tabel siswa didalamnya dengan kolom sebagai berikut :

  • kd_siswa (Primary Key, Int, Auto Increment)
  • nama (Varchar 255)
  • kelas (Varchar 5)
  • jenis_kelamin (Enum (‘PRIA’,’WANITA’))
  • alamat (Varchar 255)

Berikutnya kita akan isi tabel dengan data sebagai berikut :

  • Data 1

kd_siswa(1), nama (Budi Hermawan), kelas (3MM1), jenis_kelamin(PRIA), alamat (Wonocolo, Surabaya)

  • Data 2

kd_siswa(2), nama (Cika Larasati), kelas (3MM1), jenis_kelamin(WANITA), alamat (Sedati, Sidoarjo)

 

disini kita tidak membahas detail teknis bagaimana membuat database dan tabel didalamnya ya.. anda bisa gunakan Query SQL berikut ini untuk dapat membuat database disertai tabelnya :

 

 

Setting Database di Codeigniter

Berikutnya kita akan setting codeigniter agar dapat mengakses database, silahkan buka file application/config/autoload.php, lalu ubah code dibawah ini :

Menjadi

 

Berikutnya silahkan buka file application/config/database.php

lalu konfigurasi settingan database, sebagai contoh seperti berikut ini :

dalam contoh diatas saya hanya lakukan konfigurasi pada :

  • hostname : localhost
  • username : root
  • password : saya kosongi
  • database : db_siswa

 

 

Membuat Model

Karena nanti kita melakukan komunikasi dengan database sehingga kita perlu membuat model, silahkan buat model dengan nama Siswa_model.php didalam folder application/models untuk codenya adalah sebagai berikut :

Keterangan :

Kita buat class dengan nama Siswa_model dengan extends class CI_Model.

lalu didalamnya kita buat method getData, didalamnya ada perintah untuk get data ditabel siswa (Line 6) dan kita return hasil data tersebut (Line 7)

 

 

Membuat Controller

Berikutnya kita akan membuat controller dimana didalamnya kita akan buat method yang nantinya akan kita akses di browser untuk menampilkan laporan PDF, dengan menggunakan Library DomPDF

buat controller dengan nama Siswa.php didalam folder application/controllers/Siswa.php, dengan code seperti berikut ini :

Keterangan :

  • Kita buat class dengan nama Siswa yang extends di class CI_Controller
  • didalamnya kita buat method index (Line 6)
  • Kita load model siswa_model (Line 8)
  • kita mengakses method getData didalam model siswa_model, untuk mendapatkan data siswa, dan hasilnya kita simpan pada array $data di elemen siswa (Line 9)
  • kita load library pdf, dimana library ini merupakan library yang sudah extends dari library dompdf (Line 10)
  • kita set kertasnya menggunakan ukuran A4, dengan mode potrait (Line 11)
  • kita set nama file pdf dengan nama “laporan-data-siswa.pdf” (Line 12)
  • kita set view untuk membuat report file PDF, untuk nama file view laporan_siswa, dan passing variabel $data untuk digunakan di view laporan_siswa (Line 13)

 

 

Membuat file View

Berikutnya kita buat file view, dengan nama laporan_siswa, file view berada application/views

untuk isi codenya adalah sebagai berikut :

Keterangan :

  • untuk membuat tampilan report dalam bentuk PDF, kita cukup menuliskan perintah HTML, disertai PHP untuk menampilkan data, dimana akan otomatis akan dikonversi menjadi bentuk PDF.
  • kita ingin menampilkan laporan PDF dalam bentuk tabel, maka kita bisa menggunakan perintah HTML untuk membuat tabel seperti yang kita tuliskan di line 3 – 26
  • Line 14 kita menggunakan perintah foreach untuk extract variabel $siswa, dimana setiap data siswa akan diwakili dengan variabel $row.
  • Line 17 kita menampilkan nomor dengan variabel $no
  • Line 18 kita menampilkan isi kolom nama
  • Line 19 kita menampilkan isi kolom kelas
  • Line 29 kita menampilkan isi kolom jenis_kelamin
  • Line 30 kita menampilkan isi kolom alamat

 

Melakukan testing menampilkan laporan PDF

Berikutnya kita akan coba mengakses method di controller siswa untuk menampilkan laporan PDF, dengan alamat : localhost/belajarcodeigniter/index.php/siswa

maka tampilannya adalah sebagai berikut ini :

maka akan ditampilkan laporan berupa file PDF, dimana bentuk laporan ini adalah tabel HTML yang dikonversi menjadi bentuk PDF.

Untuk teman teman yang ingin download source code hasil : Download Source Code

 

Baik sekian dulu tutorial kali ini, kita sudah belajar untuk membuat report PDF dengan DomPDF dengan Codeigniter 3, jika ada yang ingin didiskusikan silahkan di kolom komentar

Leave a Reply

Your email address will not be published. Required fields are marked *