{"id":41581,"date":"2023-08-24T16:30:34","date_gmt":"2023-08-24T09:30:34","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=41581"},"modified":"2024-08-09T16:23:51","modified_gmt":"2024-08-09T09:23:51","slug":"dompdf-codeigniter-3","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/dompdf-codeigniter-3\/","title":{"rendered":"DOMPDF CodeIgniter 3: Pengertian, Fungsi dan Cara Settingnya"},"content":{"rendered":"\n<p>Tahukah Anda saat ini generate data pada website dapat dilakukan dalam bentuk laporan PDF persis dengan tampilan real pada website? DOMPDF adalah library yang dapat membantu Anda untuk melakukan convert HTML ke PDF. Dalam artikel ini, kami akan menjelaskan tentang dompdf CodeIgniter 3 secara lengkap.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu DOMPDF?<\/h2>\n\n\n\n<p class=\"has-text-align-justify\">DOMPDF adalah salah satu library PHP yang berfungsi untuk meng-<em>convert <\/em>HTML menjadi PDF. Biasanya, library ini digunakan ketika ingin menampilkan data website yang berupa laporan<em> HTML<\/em> ke dalam bentuk PDF.<\/p>\n\n\n\n<p>DOMPDF memungkinkan Anda untuk mengambil konten HTML yang telah dibuat, mengatur tata letak dan gaya dengan CSS, kemudian mengonversinya menjadi file PDF yang dapat diunduh atau dicetak. <\/p>\n\n\n\n<p>Ini sangat bermanfaat dalam hal menghasilkan laporan, faktur, atau dokumen lain dalam format PDF yang dapat diintegrasikan dengan aplikasi web Anda. Penting untuk diketahui bahwa DOMPDF memerlukan beberapa penyesuaian, tergantung pada kompleksitas tampilan HTML dan CSS Anda. <\/p>\n\n\n\n<p>Selain DOMPDF, ada juga pilihan lain library lain seperti mPDF, TCPDF, dan lainnya yang dapat digunakan untuk menghasilkan PDF di dalam aplikasi <a href=\"https:\/\/blog.rumahweb.com\/apa-itu-codeigniter-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"\">CodeIgniter<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fungsi DOMPDF<\/h2>\n\n\n\n<p>Seperti yang telah kita ketahui bersama, DOMPDF adalah library yang dapat digunakan untuk mengonversi script HTML menjadi PDF. <\/p>\n\n\n\n<p>Selain data inti (HTML) website, DOMPDF juga bisa meng-<em>generate<\/em> CSS yang ada pada website tersebut (misalnya, pewarnaan pada kolom dan baris), dan banyak fitur lainnya. Lalu bagaimana cara setting DOMPDF CodeIgniter 3? simak informasi berikut ini.<\/p>\n\n\n\n<p><strong>BACA JUGA<\/strong>: <a href=\"https:\/\/blog.rumahweb.com\/dom-adalah\/\" title=\"\">Apa Itu DOM? Pengertian, Fungsi, hingga Mengenal Elemennya<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Setting DOMPDF Codeigniter 3<\/h2>\n\n\n\n<p>Pastikan website CodeIgniter 3 anda telah siap. Selanjutnya, Anda bisa mengikuti panduan berikut untuk setting DOMPDF CodeIgniter 3. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Edit file config<\/h3>\n\n\n\n<p>Pada folder website, silahkan buka file <strong>config.php<\/strong> yang berada di directory <strong>application\/config\/config.php<\/strong>. Lalu ubah baris script berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$config&#091;'composer_autoload'] = FALSE;<\/code><\/pre>\n\n\n\n<p>menjadi<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$config&#091;'composer_autoload'] = \u2018vendor\/autoload.php';<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2. Download DOMPDF<\/h3>\n\n\n\n<p>Download library DOMPDF melalui <a href=\"https:\/\/github.com\/dompdf\/dompdf\/releases\" target=\"_blank\" rel=\"noopener\" title=\"\">link ini<\/a> atau melalui <a href=\"https:\/\/drive.google.com\/file\/d\/1Jvx5Nnd6rcnzeIMJyQG7sRa2iRoPr5AX\/view\" title=\"\">Google Drive<\/a>. <\/p>\n\n\n\n<p>Setelah di download, ekstrak file tersebut dan pindahkan foldernya ke folder <strong>application\/libraries<\/strong> seperti pada gambar berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf.png\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"347\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf.png\" alt=\"dompdf directory\" class=\"wp-image-41583\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf.png 808w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf-300x129.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf-768x330.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf-370x159.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf-270x116.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf-570x245.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/dompdf-740x318.png 740w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3. Buat file PDF Generator<\/h3>\n\n\n\n<p>Agar tidak menulis kode atau script secara berulang ketika ingin generate PDF, silahkan membuat library pada folder <strong>application\/libraries<\/strong> dengan nama file Pdfgenerator.php. Lalu copy script dibawah ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php defined('BASEPATH') or exit('No direct script access allowed');\nrequire_once 'dompdf-master\/autoload.inc.php';\nuse Dompdf\\Dompdf;\nuse Dompdf\\Options;\n\nclass Pdfgenerator\n{\n    public function generate($html, $filename = '',  $paper = '', $orientation = '', $stream = TRUE)\n    {\n        $options = new Options();\n        $options-&gt;set('isRemoteEnabled', TRUE);\n        $dompdf = new Dompdf($options);\n        $dompdf-&gt;loadHtml($html);\n        $dompdf-&gt;setPaper($paper, $orientation);\n        $dompdf-&gt;render();\n        if ($stream) {\n            $dompdf-&gt;stream($filename . \".pdf\", array(\"Attachment\" =&gt; 0));\n            exit();\n        } else {\n            return $dompdf-&gt;output();\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p>Selanjutnya, silahkan Anda membuat controller di folder <strong>application\/controllers<\/strong> dengan nama file <strong>Generate.php<\/strong> (atau apa saja). Kemudian copy script dibawah ini ke file <strong>Generate.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php class Generate extends CI_Controller\n{\n    function __construct()\n    {\n        parent::__construct();\n    }\n    function index()\n    {\n        $this-&gt;load-&gt;library('pdfgenerator');\n        $data&#091;'title'] = \"Data Random\";\n        $file_pdf = $data&#091;'title'];\n        $paper = 'A4';\n        $orientation = \"landscape\";\n        $html = $this-&gt;load-&gt;view('V_test_data', $data, true);\n        $this-&gt;pdfgenerator-&gt;generate($html, $file_pdf, $paper, $orientation);\n    }\n}<\/code><\/pre>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-justify\">Berikut penjelasan mengenai baris script diatas:<\/p>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>$data[&#8216;title&#8217;] <\/strong>: Title\/judul website (apabila nama file ingin di generate otomatis dari title\/judul website<\/li>\n\n\n\n<li><strong>$file_pdf<\/strong> : Nama file PDF yang nantinya akan di generate<\/li>\n\n\n\n<li><strong>$paper<\/strong> : Ukuran kertas\/PDF<\/li>\n\n\n\n<li><strong>$orientation<\/strong> : layout file PDF (landscape atau potrait)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4. Membuat file view<\/h3>\n\n\n\n<p>Sekarang silahkan membuat file di folder <strong>application\/views<\/strong> dengan nama file <strong>V_test_data.php<\/strong>. File view ini berisikan data website (dalam bentuk tabel) yang akan di generate menjadi PDF. <\/p>\n\n\n\n<p>Anda bisa menuliskan atau mengetikkan data website Anda, atau mengambil (get data) dari database ke dalam file <strong>V_test_data.php<\/strong>. <\/p>\n\n\n\n<p>Sebagai referensi, Anda bisa meng-copy baris script berikut kedalam file <strong>V_test_data.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;title&gt;&lt;?= $title; ?&gt;\/&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n    &lt;link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/css\/bootstrap.min.css\"&gt;\n    &lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.4\/jquery.min.js\"&gt;&lt;\/script&gt;\n    &lt;script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/js\/bootstrap.min.js\"&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n    &lt;div class=\"container\"&gt;\n        &lt;h2 class=\"text-center\"&gt;Data Karyawan PT. XYZ&lt;\/h2&gt;\n        &lt;p&gt;&lt;\/p&gt;\n        &lt;table class=\"table table-bordered\"&gt;\n            &lt;thead&gt;\n                &lt;tr&gt;\n                    &lt;th&gt;Firstname&lt;\/th&gt;\n                    &lt;th&gt;Lastname&lt;\/th&gt;\n                    &lt;th&gt;Email&lt;\/th&gt;\n                &lt;\/tr&gt;\n            &lt;\/thead&gt;\n            &lt;tbody&gt;\n                &lt;tr&gt;\n                    &lt;td&gt;John&lt;\/td&gt;\n                    &lt;td&gt;Doe&lt;\/td&gt;\n                    &lt;td&gt;john@example.com&lt;\/td&gt;\n                &lt;\/tr&gt;\n                &lt;tr&gt;\n                    &lt;td&gt;Mary&lt;\/td&gt;\n                    &lt;td&gt;Moe&lt;\/td&gt;\n                    &lt;td&gt;mary@example.com&lt;\/td&gt;\n                &lt;\/tr&gt;\n                &lt;tr&gt;\n                    &lt;td&gt;July&lt;\/td&gt;\n                    &lt;td&gt;Dooley&lt;\/td&gt;\n                    &lt;td&gt;july@example.com&lt;\/td&gt;\n                &lt;\/tr&gt;\n            &lt;\/tbody&gt;\n        &lt;\/table&gt;\n    &lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Selanjutnya, silahkan melakukan test akses pada browser Anda dengan mengetikkan URL dengan format berikut : namadomain\/generate<\/p>\n\n\n\n<p>Dalam artikel ini, kami menggunakan localhost, sehingga url yang kami hasilkan seperti berikut : localhost:\/\/&lt;namafolderwebsite&gt;\/generate<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-1024x518.png\" alt=\"contoh tampilan hasil dompdf codeigniter 3\" class=\"wp-image-41610\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-1024x518.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-300x152.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-768x389.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-370x187.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-270x137.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-570x289.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix-740x375.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/fix.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Sampai tahap ini, Anda telah berhasil mengimplementasikan library dompdf di CodeIgniter 3. Anda perlu memahami konsepnya, agar dapat diimplementasikan dalam bentuk lainnya di website CodeIgniter 3 yang Anda buat. <\/p>\n\n\n\n<p>Bagi Anda yang ingin agar website CodeIgniter 3 dapat diakses secara online, Anda bisa membeli <a href=\"https:\/\/www.rumahweb.com\/promo-hosting-murah\/\" target=\"_blank\" rel=\"noopener\" title=\"\">domain dan hosting<\/a> di Rumahweb. Tersedia banyak pilihan paket hosting dan ekstensi domain, dengan harga yang murah dengan fitur yang lengkap. <\/p>\n\n\n\n<p>Demikian artikel kami tentang DomPDF CodeIgniter 3, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tahukah Anda saat ini generate data pada website dapat dilakukan dalam bentuk laporan PDF persis dengan tampilan real pada website? DOMPDF adalah library yang dapat membantu Anda untuk melakukan convert HTML ke PDF. Dalam artikel ini, kami akan menjelaskan tentang dompdf CodeIgniter 3 secara lengkap. Apa itu DOMPDF? DOMPDF adalah salah satu library PHP yang [&hellip;]<\/p>\n","protected":false},"author":350,"featured_media":41613,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[543,2077,2076],"class_list":{"0":"post-41581","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-codeigniter","9":"tag-codeigniter-3","10":"tag-dompdf"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/08\/banner-blog-Elemen-Website-untuk-Meningkatkan-Engagement-2-1.jpg","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-aOF","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/41581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/350"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=41581"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/41581\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/41613"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=41581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=41581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=41581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}