Membuat Laporan Sederhana Menggunakan FPDF

FPDF merupakan library yang dapat digunakan untk membuat sebuah laporan dalam bentuk PDF, FPDF dapat digunakan dan di kembangkan secara gratis dan bebas bagi pengembang. FPDF sangat membantu pengembang website yang membuat sebuah aplikasi untuk pembuatan laporan – laporan dari aplikasi yang dibangun, dengan menggunakan FPDF kita tidak lagi membutuhkan modul – modul lainnya atau membuat sendiri rangkaian kode yang dimuat untuk menampilkan hasil laporan atau halam linnya dalam bentuk PDF.

Anda dapat mengunduh dan melihat dokumentasi FPDF pada situs resminya di www.fpdf.org, banyak contoh – contoh dan manual book yang dapat digunakan sebagai bahan pembelajaran menggunakan library FPDF ini. Dalam pembahasan kali ini kita tidak akan membahas FPDF begitu dalam namun kita akan mebuat sebuah contoh sederhana bagaimana data dari database akan ditampilkan ke dalam bentuk dokumen PDF.

Sebelum mengikut langkah selanjutnya ada baiknya ada lihat terlebih dahulu struktur file dan folder yang digunakan pada langkah – langkah pembuatan laporan menggunakan fpdf. Jika anda mengikuti setiap tutorial sebelumnya anda tidak akan bingung dengan langkah – langkah pembuatan laporan ini karena struktur file dan kode masih menggunakan yang sebelumnya dan anda hanya perlu menambahkan library FPDF yang akan digunakan untuk menampilkan laporan dalam bentuk pdf.

Struktur folder
--- + DataTable +
-- -- + css
--- --- --- + dataTables.bootstrap4.min.css
--- --- --- + responsive.bootstrap4.min.css
-- -- + jquery
--- --- --- + jquery-1.11.3-jquery.min.js
-- + js
--- --- --- + dataTables.bootstrap4.min.js
--- --- --- + dataTables.responsive.min.js
--- --- --- + jquery.dataTables.min.js
--- --- --- + responsive.bootstrap4.min.js
--- + css
--- --- + bootstrap.min.css
--- --- + sticky-footer-navbar.css
--- + fpdf
-- -- + doc
-- -- + font
-- -- + makefont
-- -- + tutorial
-- -- + fpdf.css
-- -- + fpdf.php
-- -- + etc
--- + js
--- --- + bootstrap.min.js
--- --- + popper.min.js
Class_Buku.php
db_connection.php
footer.php
form_create_buku.php
form_delete_buku.php
form_edit_buku.php
header.php
logo.png
report_data_buku.php

pada struktur file dan folder di atas ada folder FPDF, log, dan file report_data_buku.php yang akand digunakan untuk menampilkan data ke dalam bentuk laporan PDF. Kita tidak perlu memanggil library FPDF ini melalui header atau include melalui footer kita dapat langsung memanggil dan menggunakan library FPDF ini untuk kemudian dapat langsung digunakan. Baiklah setelah anda menambahkan sebuah library fpdf yang dapat anda unduh pada situs resminya selanjutnya kita buat contoh sederhana laporan buku dengan menggunakan library FPDF tersebut. Anda buat file baru dengan nama report_data_buku.php kemudian anda ketik struktru code berikut.

report_data_buku.php

<?php
require_once 'fpdf/fpdf.php';
require_once 'Class_Buku.php';
$buku = new Buku();
$data = $buku->_retrive_Buku();

class PDF extends FPDF {

    function Header() {
        if ($this->page == 1) {
            $this->Image('logo.png', 1, 0.7, 3.8); // logo

            $this->SetFont('Times', 'B', '20'); // font yang digunakan
            // membuat cell dg panjang 19 dan align center 'C'
            $this->Cell(22, 1, 'Perpustakaan Dunia', 0, 0, 'C');
            $this->Ln();
            $this->SetFont('Times', 'B', '35'); // font yang digunakan
            $this->Cell(22, 1, 'Mitra Pelajar Indonesia', 0, 0, 'C');

            $this->Ln();
            $this->SetFont('Times', 'B', '25'); // font yang digunakan
            $this->Cell(22, 1, '(MPI)', 0, 0, 'C');

            $this->Ln();
            $this->SetFont('Times', 'B', '12'); // font yang digunakan
            $this->Cell(22, 1, 'Jl. Raya Barat No. 315 Bandung Telp (022) 22288899', 0, 0, 'C');

            $this->Line(1, 4.8, 20, 4.8);
            $this->SetLineWidth(0.1);
            $this->Line(1, 4.9, 20, 4.9);

            $this->Ln();
            $this->SetFont('Times', 'B', '18'); // font yang digunakan
            $this->Cell(19, 1, 'Laporan Data Buku', 0, 0, 'C');

            $this->Ln();

            $this->SetLineWidth(0);
            $this->SetFont('Times', 'B', 12);
            $this->Cell(2, 0.8, 'No', 1, 0, 'C');
            $this->Cell(6, 0.8, 'Kode Buku', 1, 0, 'C');
            $this->Cell(5, 0.8, 'Judul', 1, 0, 'C');
            $this->Cell(3, 0.8, 'Pengarang', 1, 0, 'C');
            $this->Cell(3, 0.8, 'Penerbit', 1, 0, 'C');
            $this->SetFont('Times', '', 10);
            // panjang cell bisa disesuaikan
            $this->Ln();
        }
    }

    function Footer() {
        $this->SetY(-2, 5);
        $this->Cell(0, 1, $this->PageNo(), 0, 0, 'C');
    }

}

if (!empty($data)) {
    $i = 0;
    foreach ($data as $row) {
        $cell[$i][0] = $row->kode_buku;
        $cell[$i][1] = $row->judul_buku;
        $cell[$i][2] = $row->pengarang_buku;
        $cell[$i][3] = $row->penerbit_buku;
        $i++;
    }
} else {
    return false;
}

$pdf = new PDF('P', 'cm', 'A4');
$pdf->AliasNbPages();
$pdf->AddPage();
$pdf->SetFont('Times', '', '12');

for ($j = 0; $j < $i; $j++) {
    $pdf->Cell(2, 0.8, $j + 1, 1, 0, 'C');
    $pdf->Cell(6, 0.8, $cell[$j][0], 1, 0, 'L');
    $pdf->Cell(5, 0.8, $cell[$j][1], 1, 0, 'L');
    $pdf->Cell(3, 0.8, $cell[$j][2], 1, 0, 'L');
    $pdf->Cell(3, 0.8, $cell[$j][3], 1, 0, 'L');
    $pdf->Ln();
}
$pdf->Output();
?>

Setelah membuat sebuah file yang digunakan untuk menampilkan laporan dalam bentuk pdf, selanjutnya kita tambahkan sebuah button pada file index yang berfungsi untuk mencetak hasil laporan tersebut atau link yang mengarahkan pada file laporan tersebut. Untuk lebih jelasnya anda dapat melihatnya pada demo aplikasi dan menguduhnya untuk dipelajari.

<button type="submit" onclick="window.location.href = 'report_data_buku.php'"  class="btn btn-md btn-primary"><span class="fa fa-save"></span> Cetak Laporan Data Buku</button>

Pada awal kode pembuka kita menambahkan sebuah library fpdf dan kemudian memanggil class buku yang digunakan untuk mengambil data dari database yang akan digunakan pada file report buku tersebut. Anda dapat mengatur jenis font, ukuran kertas, ukuran font, baris untuk laporan dan masih banyak lagi yang dapat anda tambahkan untuk membuat laporan menggunakan fpdf ini. Pembuatan laporan sendiri tentunya digunakan dan didesain sesuai dengan kebutuhan, dan ini hanyalah satu dari sekian banyak contoh yang dapat digunakan untuk membuat laporan tersebut, dengan contoh sederhana ini diharapkan dapat membantu bagi sedang mencari referensi, jika ada pertanyaan and dapat meninggalkannya pada kolom komentar, terima kasih semoga bermanfaat.

FPDF | Demo | Download

Share this post