Andi Harmin S.Kom., M.T: Cara Membuat Report Portable Document File (PDF)

Laporan adalah salah satu fitur yang selalu ada dalam sebuah aplikasi berbasis web, jadi skill untuk bisa menyajikan laporan adalah hal wajib yang dikuasai oleh developer, biasanya format laporan yang sering digunakan adalah dalam format PDF, Excel atau Ms Word. dalam tutorial ini anda akan belajar membuat laporan PDF Dengan bahasa pemograman PHP Dan Database MySQL.

1. Library FPDF Untuk Membuat Laporan PDF

Salah satu library yang paling banyak digunakan oleh web developer adalah FPDF, library ini punya banyak fitur seperti bisa membuat posisi text dan gambar berdasarkan koordinat, mengganti font yang akan digunakan, menambahkan garis dan masih banyak lagi.

sekarang kita akan belajar cara membuat laporan PDF dengan PHP menggunakan library FPDF ini, silahkan download library nya pada situs resmi FPDF (http://www.fpdf.org). kemudian silahkan buat sebuah folder baru dengan nama phpfpdf pada C:\xampp\htdocs\phpfpdf dan extract file fpdf181.zip ke folder tersebut.

Membuat Script Laporan PDF Dengan PHP Dan MySQL

sekarang kita akan membuat sebuah file baru dengan nama index.php, file ini nanti yang bertugas menampilkan laporan pdf pada browser, setelah membuat file index.php lalu tulislah script berikut :

<?php

// memanggil library FPDF

require('fpdf.php');

// intance object dan memberikan pengaturan halaman PDF

$pdf = new FPDF('P','mm','A4');

// membuat halaman baru

$pdf->AddPage();

// setting jenis font yang akan digunakan

$pdf->SetFont('Arial','B',16);

// mencetak string

$pdf->Cell(40,10,'Belajar Membuat Laporan PDF Dengan FPDF');

$pdf->Output();

kemudian silahkan save file index.php tadi dan sekarang silahkan akses http://localhost/phpfpdf/ menggunakan web browser anda,

Membuat Laporan PDF Aplikasi Berita Dengan PHP MySQL

Sekarang kita akan membuat laporan PDF Dengan PHP Dan Data nya dari database MySQL, pertama silahkan buat sebuah database baru dengan nama tutorial dan buatlah sebuah tabel dengan struktur sebagai berikut :

Langkah selanjutnya silahkan insert beberapa data yang akan ditampilkan nantinya, kemudian silahkan buat sebuah file baru dengan nama koneksi.php untuk menyimpan konfigurasi koneksi ke database MySQL, silahkan tulis script berikut :

<?php

$host = "localhost";

$user = "root";

$password = "";

$database = "profnews";

$connect = mysqli_connect($host, $user, $password, $database);

lalu silahkan save untuk menyimpan perubahan, kemudian silahkan modifikasi script Laporan_PDF.php menjadi seperti dibawah ini :

<?php

// memanggil library FPDF

require('fpdf16/fpdf.php');

// intance object dan memberikan pengaturan halaman PDF

$pdf = new FPDF('l','mm','legal');

// membuat halaman baru

$pdf->AddPage();

// setting jenis font yang akan digunakan

$pdf->SetFont('Arial','B',16);

// mencetak string

$pdf->Cell(190,7,'STMIK Profesional Makassar',0,1,'C');

$pdf->SetFont('Arial','B',12);

$pdf->Cell(190,7,'DAFTAR BERITA TERBARU',0,1,'C');

// Memberikan space kebawah agar tidak terlalu rapat

$pdf->Cell(10,7,'',0,1);

$pdf->SetFont('Arial','B',10);

$pdf->Cell(50,6,'JUDUL',1,0);

$pdf->Cell(120,6,'HEADLINE',1,0);

$pdf->Cell(90,6,'ISI',1,0);

$pdf->Cell(80,6,'PENGIRIM',1,1);

$pdf->SetFont('Arial','',10);

include 'koneksi.php';

$berita = mysqli_query($koneksi, "select * from berita");

while ($row = mysqli_fetch_array($berita)){

$pdf->Cell(50,6,$row['judul'],1,0);

$pdf->Cell(120,6,$row['headline'],1,0);

$pdf->Cell(90,6,$row['isi'],1,0);

$pdf->Cell(80,6,$row['pengirim'],1,1);

}

$pdf->Output();

Jangan lupa melakukan save untuk menyimpan perubahan, kemudian silahkan akses lagi http://localhost/aplikasi_berita/laporan_pdf.php.

Begitulah cara membuat laporan dalam bentuk PDF dengan bahasa pemograman PHP, sebenarnya masih banyak fitur lain yang bisa anda coba seperti menampilkan gambar, garis dan lainya yang bisa anda pelajari melalui halaman dokumentasi library FPDF.

2. Library DOMPDF Untuk Membuat Laporan PDF

Dompdf adalah salah satu library yang digunakan untuk membuat report berupa PDF dengan menggunakan PHP, sebenarnya banyak sekali library lain yang dapat digunakan untuk membuat report PDF, tetapi menurut kita library DOMPDF ini lebih mudah digunakan, serta lebih flexible dalam pembuatan reportnya.

Cara kerja DOMPDF ini adalah mengkonversi dari skrip HTML, menjadi bentuk PDF. Nah dalam tutorial ini kita akan membuat sebuah database dengan nama db_siswa, dimana didalamnya terdapat tabel tb_siswa yang didalamnya terdapat beberapa data siswa, berikutnya data tersebut akan kita export menjadi bentuk PDF menggunakan library DOMPDF.

Persiapan

Untuk persiapan tools yang kita gunakan antara lain :

Xampp / Wampp sebagai aplikasi yang menyediakan web server dan database server didalamnya, atau teman – teman bisa menggunakan tools lain, dalam contoh ini kita gunakan xamp.

Text editor bisa menggunakan notepad++, visual studio code, sublime atau text editor yang lain.

Library dompdf, bisa didownload di sini :

https://github.com/dompdf/dompdf/releases/download/v0.8.3/dompdf_0-8-3.zip

saat tutorial ini dibuat, dompdf berada di versi 0.8.3, versi ini sudah mensupport PHP 7.3

Membuat Project Laporan_Berita

Langkah berikutnya kita akan mulai untuk membuat file PHPnya, dalam contoh ini kita menggunakan xampp, sehingga folder projectnya kita letakkan di C:/xampp/htdocs, contohnya didalam folder htdocs kita buat folder dengan nama aplikasi_berita dan silahkan buat beberapa file sebagai berikut :

Ø koneksi.php (kalau belum ada)

Ø Laporan_berita.php

serta extract file dompdf_0-8-3.zip hasil download library dompdf sebelumnya

sehingga tampilannya kurang lebih seperti ini :

Membuat File koneksi.php

Silahkan buka file koneksi.php menggunakan text editor, lalu isikan code seperti berikut ini :

<?php

$host = "localhost";

$user = "root";

$password = "";

$database = "profnews";

$koneksi = mysqli_connect($host, $user, $password, $database);

Keterangan :

Ø Perintah diatas digunakan untuk koneksi ke database profnews yang sebelumnya telah kita buat.

Ø $host dengan nilai “localhost” yang merupakan alamat server databasenya

Ø $user dengan nilai “root” yang merupakan user dari databasenya

Ø $password dengan nilai “” yang merupakan password untuk mengakses database, nilainya kosong karena default dari xampp untuk password user root adalah kosong

Ø $database dengan nilai “profnews” yang merupakan nama dari database yang sebelumnya telah kita buat

Ø Baris 6 adalah perintah untuk melakukan koneksi ke database, dan hasilnya disimpan di variabel $koneksi.

Membuat File Laporan_berita.php

Silahkan buka file report.php menggunakan text edit, lalu isikan code seperti berikut ini :

<?php

include('koneksi.php');

require_once("dompdf/autoload.inc.php");

use Dompdf\Dompdf;

$dompdf = new Dompdf();

$query = mysqli_query($koneksi,"select * from berita");

$html = '<center><h3>Daftar berita terbaru</h3></center><hr/><br/>';

$html .= '<table border="1" width="100%">

<tr>

<th>judul</th>

<th>headline</th>

<th>Pengirim</th>

<th>Tanggal</th>

</tr>';

$no = 1;

while($row = mysqli_fetch_array($query))

{

$html .= "<tr>

<td>".$row['judul']."</td>

<td>".$row['headline']."</td>

<td>".$row['pengirim']."</td>

<td>".$row['tanggal']."</td>

</tr>";

$no++;

}

$html .= "</html>";

$dompdf->loadHtml($html);

// Setting ukuran dan orientasi kertas

$dompdf->setPaper('A4', 'landscape');

// Rendering dari HTML Ke PDF

$dompdf->render();

// Melakukan output file Pdf

$dompdf->stream('laporan_berita.pdf');

Penjelasan Skrip :

include('koneksi.php');

Baris 2 kita menginclude file koneksi.php untuk dapat terkoneksi dengan database profnews

require_once("dompdf/autoload.inc.php");

Baris 3 kita menginclude file autoload.inc.php yang berada di folder dompdf, perbedaan fungsi include dan include_once sudah dibahas di tutorial kita sebelumnya : mengenal fungsi include dan required di PHP

use Dompdf\Dompdf;

Baris 4 kita menggunakan namespace Dompdf

$dompdf = new Dompdf();

Baris 5 kita membuat object dompdf dengan class Dompdf

$query = mysqli_query($koneksi,"select * from berita");

Baris 6 kita menuliskan perintah query untuk mendapatkan data di tabel tb_siswa dan hasilnya disimpan kedalam variabel $query

$html = '<center><h3>Daftar berita terbaru</h3></center><hr/><br/>';

$html .= '<table border="1" width="100%">

<tr>

<th>Kelas</th>

<th>Alamat</th>

</tr>';

Baris 7 – 14 kita membuat variabel dengan nama $html, didalam di variabel ini berisi kode HTML yang digunakan untuk membuat judul tabel serta header tabel, jadi sederhananya kita harus membuat sebuah variabel yang berisi code HTML, dan code ini akan diconvert menjadi bentuk PDF

Jika anda bingung itu di variabel $html di baris 8 kok ada titik sebelumnya tanda sama dengan, itu adalah concatination di PHP, untuk memperlajari lebih lanjut bisa membaca tutorial kita sebelumnya : Mengenal Jenis Operator di PHP

$no = 1;

Baris 15 kita membuat variabel $no untuk memberi nomor urut disetiap data di tabel tb_siswa yang akan ditampilkan

while($row = mysqli_fetch_array($query))

{

$html .= "<tr>

<td>".$row['judul']."</td>

<td>".$row['headline']."</td>

<td>".$row['pengirim']."</td>

<td>".$row['tanggal']."</td>

</tr>";

$no++;

}

Baris 16 – 25 kita extract data di variabel $query menggunakan perintah while, setiap datanya akan disimpan di variabel $row, karena kita menggunakan perintah mysqli_fetch_array, dan data tersebut akan digabung dengan string yang ada di variabel $html

$html .= "</html>";

Baris 26 kita memberikan tutup html, dengan menambahkan string di variabel $html

$dompdf->loadHtml($html);

Baris 27 kita melakukan konversi dari code html yang ada di variabel $html, menjadi bentuk PDF

$dompdf->setPaper('A4', 'potrait');\

Baris 29 kita melakukan setting ukuran kertas, dan orientasi kertas (potrait, landscape) tersebut hasil report PDF nantinya

$dompdf->render();

Baris 31 melakukan rendering dari report PDF

$dompdf->stream('laporan_berita.pdf');

Baris 33 melakukan output file PDF dengan nama laporan_siswa.pdf, anda dapat mencustom dari nama reportnya.

Mencoba Mengakses Report

Untuk mencoba skrip tersebut, anda bisa mengakses melalui alamat :

http://localhost/aplikasi_berita/laporan_berita.php

Maka browser secara otomatis akan meminta untuk mendownload file laporan_berita.pdf,

Pilih Open with Firefox dan klik tombol OK, maka browser akan menampilkan hasilnya.

Selamat Belajar dan Semangat Mencoba !

Andi Harmin S.Kom., M.T

Iklan

Monday, 5 July 2021

Cara Membuat Report Portable Document File (PDF)

No comments:

Post a Comment

Total Pageviews

Blog Archive

Contact Me

Follower