Cara Mudah dan Cepat Membuat Laporan atau Surat PDF dari PHP, MySQL dan MPdf Oleh: Arinadi Nur Rohmad Sekarang jangan pusing lagi mau bikin laporan sederhana saja harus pake Set A, Set B, Set C dan apalah itu. Sekarang ada cara sederhana untuk membuat Laporan PDF sederhana, tidak perlu banyak setting ini itu, kita tinggal setting kertas dan margin saja dan tinggal Codeing seperti biasa udah jadi.. BACA, SHERE, LIKE, dan KOMENTAR :) Asalamualaikum, Selamat menunaikan ibadah puasa bagi seluruh umat muslim, semuga kita kuat menjalaninya dengan ikhlas dan hanya mengharapkan pahala dari Allah Tuhan Yang Maha Esa.. Sekian kultum dari saya.. Ehhh.. :D Oke, tutorial pertama saya ini tentang “Mudah dan Cepat Membuat Laporan atau Surat PDF dari PHP, MySQL dan MPdf”.. Langsung saja kita siapan alat dan bahannya.. 1. 2. 3. 4. Laptop atau apalah.. :) Text editor.. XAMPP atau Virtual Server lain.. MPDF, karena saya saat ini sudah jatuh hati pada kemudahan dan kesederhanaannya setelah berkelana melewati gunung dan lembah dan beberapa cabe-cabean.. Kenapa MPDF? Kita akan bahas setelah tutorial ini. (Sori Tutornya agak @#, Maklum ABG.. hehe) 5. Browser.. 6. Kemauan. Untuk MPdf bisa di googling atau download disitus resminya http://www.mpdf1.com/mpdf/index.php?page=Download) pilih versi FULL jangan yang UPDATE.. ( Setelah semua Alat dan Bahan sudah terkumpul, hanya perlu waktu 5menit saja untuk membuat “ Mudah dan Cepat Membuat Laporan atau Surat PDF dari PHP, MySQL dan MPdf” sekarang kita mulai. Langkah 1 NIAT..(Penting) Langkah 2 Nyalakan laptop, buka text editor kesayangan anda.. Buka XAMPP, jalankan Apache dan MySQL. Seperti Ini.. Langkah 3 Kita Buat databasenya. Buka PhpMyAdmin, buka tab “SQL”.. Sebagai contoh Paste kan kode SQL ini.. CREATE TABLE IF NOT EXISTS `coba` ( `id` int(11) NOT NULL AUTO_INCREMENT, `nama` text NOT NULL, `pesan` text NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ; --- Dumping data for table `coba` -INSERT INTO `coba` (`id`, `nama`, `pesan`) VALUES (1, 'Arinadi', 'Hy, Selamat Puasa'), (2, 'Nur', 'Puasa = Jaga Mulut, Mata, Hati, Telinga.'), (3, 'Rohmad', 'Kapan Buka Nih? haha'); Hasilnya.. Langkah 4 Kita buat folder xampp > htdoc > coba.. Lalu kita extrak MPDF yang tadi.. Langkah 5 Kita Mulai Codeing.. Copy kode ini.. '; } ?>
WriteHTML($html); $mpdf->WriteHTML(utf8_encode($html)); $mpdf->Output($nama_dokumen.".pdf" ,'I'); exit; ?> Jangan lupa, Edit koneksi pada file php di atas Save as file dengan nama pdf.php di folder coba. Sperti ini.. Finishing/Langkah Terakhir Buka Browser, akses kode yang kita buat tadi dengan localhost/coba/pdf.php Jika berhasil akan seperti ini.. SELESAI.. Sekarang Saya mau bahas kenapa saya pilih MPdf untuk membuat Laporan dan Surat PDF dari Web.. Ada banyak modul sejenis Mpdf seperti yang terkenal FPDF.. Jujur saya pusing, saat melihat dokumentasi dari FPDF yang settinganya Rumit (Buat Saya).. Saya iseng di Forum “PHP Indonesia” di Facebook, saya tanya “apa modul untuk membuat pdf yang Simple?” yang jawab beragam seperti domPDF, Fpdf dan lain”.. Setelah itu saya coba download semua yang di rekomendasikan karena saya sedang membuat proyek dan harus jadi 3hari. Hari pertama saya coba FPDF dengan membaca DOC nya, ternyata rumit. Masih di hari yang sama Saya coba domPdf dari github malah tambah puyeng… masalahnya cara instalnya(emang mungkin saya yang telmi.. hehe) Merasa Gelisah tak menentu, dihari yang sama pas sore hari saya coba MPDF dengan membaca DOC nya.. saya fikir sama dengan FPDF karena syntax kodenya mirip sekali dengan FPDF, Satu persatu saya buka dan baca DOC MPDF secara online, nah pada ahkirnya saya ketemu sample code yang sangat mudah dimengerti.. Paginya saya terapkan algoritma saya untuk project tadi, dan hasilnya TRUE.. HOREEEE Problem selesai dalam 2 hari dan tinggal tunggu transfer ..hehe.. SEKIAN TUTORIAL “Mudah dan Cepat Membuat Laporan atau Surat PDF dari PHP, MySQL dan MPdf” Semuga Bermanfaat.. WalaikumSalam.. Original Posted By Arinadi Nur Rohmad Tentang Penulis Arinadi Nur Rohmad Code_Start(); Barisan Kata Untuk Aksi Nyata. Code_get_SUCCESS(); :) Sekolah di SMK YAPPI Wonosari, Yogyakarta. Jurusan RPL.. Thursday, February 8, 2018 Dalam pembuatan aplikasi, kegiatan mengupload file merupakan suatu hal yang cukup penting. Contoh yang paling gampang ditemui adalah seperti mengupload gambar atau foto untuk mengganti foto profil kita dalam suatu halaman web. Perlu diketahui bahwa setiap file memiliki ekstensinya tersendiri, seperti misalnya sebuah file gambar ada yang berekstensi JPG, PNG, BMP maupun GIF. Begitu juga dengan file lain seperti file word dengan ekstensi DOCX, excel dengan XLSX dan lain sebaginya. Dalam artikel kali ini kita coba untuk membuat sebuah aplikasi yang dapat mengupload sebuah file dengan ekstensi atau yang bertipe PDF. Apa itu PDF? PDF atau Portable Document Format adalah sebuah format file yang diciptakan oleh Adobe System, Inc. File jenis ini sangat populer dan banyak digunakan terutama dalam bentuk ebook karena dapat dengan mudah dibuka menggunakan berbagai aplikasi gratis. File ini banyak digunakan dan sangat populer sebagai sebuah media dalam bentuk ebook yang dapat didistribusikan secara mudah. File ini juga dapat dibuka dengan mudah dengan aplikasi gratis bahkan dapat langsung dilihat dari halaman browser seperti yang pernah dipelajari pada artikel contoh kode menampilkan pdf di web. Dengan kode tersebut kita dapat mengembangkannya lagi untuk menjadi sebuah aplikasi berbasi web yang dapat mengelola file PDF dengan mudah. Persiapan
Membuat Aplikasi dengan susunan direktori sebagai berikut:
Jika persiapannya sudah dipahami maka kita akan memulainya dengan membuat databasenya terlebih dahulu. Perintah SQL pembuatan database dan tabel dapat dilihat dibawah ini. SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; -- -- Database: `db_aplikasi` -- -- -------------------------------------------------------- -- -- Table structure for table `data_file` -- CREATE TABLE IF NOT EXISTS `data_file` ( `id` int(11) NOT NULL AUTO_INCREMENT, `judul` varchar(160) NOT NULL, `nama_file` varchar(20) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ; Setelah database siap maka kita mulai dengan membuat file koneksi.php terlebih dahulu. File koneksi.php berguna untuk menghubungkan file php dengan MySQL server. Dengan begitu kita dapat melakukan perintah DML (Data Manipulation Language) seperti Select, Insert, Update dan Delete pada tabel dalam basis data kita. Sourcecode koneksi.php <?php $server = "localhost"; $username = "root"; $password = ""; $database = "db_aplikasi"; $koneksi = mysqli_connect($server,$username,$password,$database); ?> Untuk username dan password apabila dikerjakan di localhost menggunakan XAMPP atau WAMP biasanya berisi root dan kosong secara default. Namun apabila dihosting ke server provider silahkan ganti dengan username dan password yang di generate dari cpanel masing-masing. Selanjutnya kita membuat file index.php sebagai portal untuk mengupload dan menampilkan list dari dokumen PDF yang telah diupload. Sourcecode index.php <?php include "koneksi.php"; ?> <!DOCTYPE html> <html> <head> <title>Aplikasi Untuk Mengupload File PDF Dengan PHP | belajarwebpedia.com</title> <style type="text/css"> body { font-family: verdana; font-size: 12px; } a { text-decoration: none; color: #3050F3; } a:hover { color: #000F5E; } </style> </head> <body> <h2>Aplikasi Untuk Mengupload File PDF Dengan PHP</h2> <hr> <form action="upload.php" method="POST" enctype="multipart/form-data"> <table width="600" border="0"> <tr> <td width="100">Judul File</td> <td><input type="text" name="judul" placeholder="Judul" required></td> </tr> <tr> <td width="100">File PDF</td> <td><input type="file" name="nama_file" required></td> </tr> <tr> <td width="100"></td> <td><input type="submit" value="Upload File"></td> </tr> </table> </form> <hr> <b>List File PDF</b> <table width="800" border='0' cellpadding="2" cellspacing="1" bgcolor="#000000"> <tr> <th bgcolor="#ffffff">Judul</th> <th bgcolor="#ffffff" width="100">View</th> <th bgcolor="#ffffff" width="100">Hapus</th> </tr> <?php $query = mysqli_query($koneksi,"SELECT * FROM data_file ORDER BY id DESC"); while($data=mysqli_fetch_array($query)) { ?> <tr> <td bgcolor="#ffffff"><?php echo $data['judul'];?></td> <th bgcolor="#ffffff"><a href="view.php?id=<?php echo $data['id'];?>">Lihat File</a></th> <th bgcolor="#ffffff"><a href="hapus.php?id=<?php echo $data['id'];?>">Hapus File</a></th> </tr> <?php } ?> </table> </body> </html> Kemudian kita membuat file pemrosesnya yaitu upload.php
Berikut adalah sourcecode upload.php <?php include "koneksi.php"; //pengecekan tipe harus pdf $tipe_file = $_FILES['nama_file']['type']; //mendapatkan mime type if ($tipe_file == "application/pdf") //mengecek apakah file tersebu pdf atau bukan { $judul = trim($_POST['judul']); $nama_file = trim($_FILES['nama_file']['name']); $sql = "INSERT INTO data_file (judul) VALUES ('$judul')"; mysqli_query($koneksi,$sql); //simpan data judul dahulu untuk mendapatkan id //dapatkan id terkahir $query = mysqli_query($koneksi,"SELECT id FROM data_file ORDER BY id DESC LIMIT 1"); $data = mysqli_fetch_array($query); //mengganti nama pdf $nama_baru = "file_".$data['id'].".pdf"; //hasil contoh: file_1.pdf $file_temp = $_FILES['nama_file']['tmp_name']; //data temp yang di upload $folder = "file"; //folder tujuan move_uploaded_file($file_temp, "$folder/$nama_baru"); //fungsi upload //update nama file di database mysqli_query($koneksi,"UPDATE data_file SET nama_file='$nama_baru' WHERE id='$data[id]' "); header('location:index.php?pesan=upload-berhasil'); } else { echo "Gagal Upload File Bukan PDF! <a href='index.php'> Kembali </a>"; } ?> Setelah itu kita dapat membuat perintah untuk menghapus data dengan kode berikut ini Sourcecode hapus.php <?php include "koneksi.php"; $id = mysqli_real_escape_string($koneksi,$_GET['id']); $query = mysqli_query($koneksi,"DELETE FROM data_file WHERE id='$id' "); header('location:index.php?pesan=hapus-berhasil'); ?> Bagaimana? Tidak terlalu sulit bukan? Selanjutnya adalah tahap yang terakhir yaitu menampilkan file pdf yang tadi sudah kita upload kedalam halaman web. Pada artikel sebelumnya kita telah mempelajari cara ini. Oleh karena itu kita tinggal menggabungkannya saja sehingga kode tersebut dapat berjalan optimal. Dalam aplikasi ini link untuk melihat file pdf ada pada bagian view pada tabel kita. Untuk lebih jelasnya dapat melihat kode dibawah sebagai referensi untuk menampilkan file PDF Sourcode view.php <?php include "koneksi.php"; ?> <!DOCTYPE html> <html> <head> <title>Aplikasi Untuk Mengupload File PDF Dengan PHP | belajarwebpedia.com</title> <style type="text/css"> body { font-family: verdana; font-size: 12px; } a { text-decoration: none; color: #3050F3; } a:hover { color: #000F5E; } </style> </head> <body> <?php $id = mysqli_real_escape_string($koneksi,$_GET['id']); $query = mysqli_query($koneksi,"SELECT * FROM data_file WHERE id='$id' "); $data = mysqli_fetch_array($query); ?> <h2>Aplikasi Untuk Mengupload File PDF Dengan PHP</h2> <hr> <b>Judul:</b> <?php echo $data['judul'];?> | <a href='index.php'> Kembali </a> <hr> <embed src="file/<?php echo $data['nama_file'];?>" type="application/pdf" width="800" height="600" > </body> </html> Hasil Tampilan Aplikasi
Upadate : revisi kode menggunakan mysqli |