Cara Setting Ukuran Kertas Printer Pos 58
cara setting kertas printer thermal 58mm dengan MPDF dan PHP – Pada ksempatan kali ini saya akan sharing pengalaman saya menggunakan MPDF kemudian mencetak nya ke Printer Thermal 58mm Merk PANDA, saya memilih panda karena harganya terjangkau dan kualitasnya menurut saya oke punya, worth lah dengan harga 250rb an tapi kualitas yang dihasilkan sangat mantap.
Untuk setting kertas sendiri menurut saya mudah dengan beberapa kali percobaan saya bisa membuat struk yang rata kanan dan kiri namun tulisan tidak terpotong, butuh beberapa kali percobaan untuk mendapatkan hasil yang benar – benar pas dan sesuai dengan media kertas 58mm
Untuk plugin PDF saya menggunakan MPDF versi 60, kalau anda menginginkan versi update anda bisa menuju ke halaman berikut inihttps://mpdf.github.io/reference/mpdf-functions/construct.html
Dari percobaan yang saya lakukan, print out yang dihasilkan oleh printer Thermal PANDA hanya 44mm, dari lebar kertas 58mm, tidak masalah karena head thermal PANDA maksimum mengcover 44mm, untuk setting kertas saya menggunakan MPDF, jadi source dari PHP saya kirim ke MPDF 60 untuk merubahnya ke PDF, dengan settingan layout seperti di bawah ini
$mpdf=new mPDF('utf-8', 'A4', 0, '', 0, 0, 0, 0, 0, 'Fifty'); // Create new mPDF Documen
dari setting di atas saya membuat settingan 0 margin rata kanan dan kiri dengan kertas A4, kok A4.? iya saya gunakan A4 namun ada settingan tambahan lagi untuk membuatnya menjadi 44mm lebar dari kertasnya seperti kode berikut ini
.page { height:200mm; width:44mm; page-break-after:always; }
saya buat class folio untuk membuat halaman yang terprint 44mm sesuai dengan caput thermal printer panda, untuk detail kode nya saya sertakan di bawah ini
<?php //Ascertain relative path from this script to mPDF $nama_file='Penjualan'; //Beri nama file PDF hasil. ascertain('_MPDF_PATH','../mpdf60/'); //define("_JPGRAPH_PATH", '../mpdf60/graph_cache/src/'); //define("_JPGRAPH_PATH", '../jpgraph/src/'); include(_MPDF_PATH . "mpdf.php"); //include(_MPDF_PATH . "graph.php"); //include(_MPDF_PATH . "graph_cache/src/"); $mpdf=new mPDF('utf-eight', 'A4', 0, '', 0, 0, 0, 0, 0, 'L'); // Create new mPDF Document //First Buffer to relieve PHP variables and HTML tags ob_start(); $mpdf->useGraphs = true; ?> <!DOCTYPE html> <html> <head> <title>POS (Point Of Sales) Version i.0.0</championship> <fashion> { margin:0; padding:0; font-family unit: arial; font-size:6pt; colour:#000; } body { width:100%; font-family unit: arial; font-size:6pt; margin:0; padding:0; } p { margin:0; padding:0; margin-left: 0px; } #wrapper { width:44mm; margin:0 0mm; } #main { bladder:left; width:0mm; background:#ffffff; padding:0mm; } #sidebar { float:right; width:0mm; background:#ffffff; padding:0mm; } .page { height:200mm; width:44mm; page-break-after:always; } table { /** border-left: 1px solid #fff; edge-top: 1px solid #fff; **/ font-family unit: arial; border-spacing:0; border-collapse: collapse; } table td { /**border-correct: 1px solid #fff; border-lesser: 1px solid #fff;**/ padding: 2mm; } table.heading { height:0mm; margin-bottom: 1px; } h1.heading { font-size:6pt; color:#000; font-weight:normal; font-style: italic; } h2.heading { font-size:6pt; colour:#000; font-weight:normal; } hr { color:#ccc; groundwork:#ccc; } #invoice_body { summit: auto; } #invoice_body , #invoice_total { width:100%; } #invoice_body table , #invoice_total table { width:100%; /** edge-left: 1px solid #ccc; border-meridian: 1px solid #ccc; **/ border-spacing:0; border-collapse: plummet; margin-top:0mm; } #invoice_body table td , #invoice_total table td { text-align:center; font-size:8pt; /** border-right: 1px solid black; edge-bottom: 1px solid black;**/ padding:0 0; font-weight: normal; } #invoice_head table td { text-align:left; font-size:8pt; /** border-right: 1px solid black; border-bottom: 1px solid black;**/ padding:0 0; font-weight: normal; } #invoice_body table td.mono , #invoice_total table td.mono { text-align:right; padding-right:0mm; font-size:6pt; border: 1px solid white; font-weight: normal; } #footer { width:44mm; margin:0 2mm; padding-bottom:1mm; } #footer table { width:100%; /** border-left: 1px solid #ccc; border-top: 1px solid #ccc; **/ background:#eee; edge-spacing:0; edge-collapse: plummet; } #footer table td { width:25%; text-marshal:center; font-size:8pt; /** border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;**/ } </style> </caput> <body> <div id="wrapper"> <?php include "session.php"; ?> <div id="invoice_head"> <tabular array fashion="width:100%; border-spacing:0;"> <tr> <td fashion="font-size: 6pt; font-weight: bold;"><!-- <img src="<?php // echo $_SESSION['gambar']; ?>" height="twoscore" width="160" />--> <b><?php echo $_SESSION['nama_toko']; ?></b></td> <td mode="text-align:right;"> <p style="text-align:right; font-size: 14px; font-weight:bold; edge-bottom: black; border-top: black; border-right: blackness; border-left: black; "></p></td> </tr> <tr> <td colspan="2"> <p mode="text-align:left; font-size: 6pt; font-weight: bold;">Alamat : <?php repeat $_SESSION['alamat']; ?> </p></td> <!--<td style="text-align:correct;" rowspan="ii" ><p way="font-size: 6pt; font-weight: bold;"><u></u></p> </td>--> </tr> <tr> <td><p style="text-align:left; font-size: 6pt; font-weight: bold; font-family: sans-serif;;">Telp : <?php echo $_SESSION['no_hp']; ?></p></td> </tr> <tr mode="margin-top: 1px;"> <td><p manner="text-align:left; font-size: 6pt; margin-top: 1px; font-weight: bold;"></p></td> <td manner="text-align:correct;"><p style="font-size: 6pt; font-weight: assuming;"><!--<img style="margin-summit: 5px;" alt="<?php //$data['no_invoice'];?>" src="<?php //echo "barcode.php?size=15&text=DLV$_GET[id]"; ?>" /> </td>--> </tr> <tr> <td style="border-lesser: 2px solid black;" colspan="2"></td> </tr> </table> </div> <table class="heading" style="width:100%;"> <tr> <td> <center><p way="text-align:centre; font-size: 6pt; font-weight:assuming;">NOTA PENJUALAN</p></center></td> </tr> <!--<tr> <td> <center><p manner="text-marshal:eye; font-size: 14px; font-weight:bold;">Aplikasi Point Of Sales</p></center></td> </tr>--> </table> <?php $query = mysqli_query($koneksi, "SELECT SUM(profit) As pro, SUM(total) Every bit tot, no_trans, tanggal_trans FROM transaksi WHERE no_trans='$_GET[id]'"); $information = mysqli_fetch_array($query); ?> <table> <tr> <td><td><p style="text-align:left; font-size: 6pt; font-weight:bold;">No Transaksi : <?php echo $data['no_trans']; ?> </p></td></td> <td><td><p style="text-marshal:left; font-size: 6pt; font-weight:bold;">Tanggal : <?php echo $data['tanggal_trans']; ?> </p></td></td> </tr> </tabular array> <div id="content"> <div id="invoice_body"> <?php $query1="SELECT detail_transaksi.*, produk.* FROM detail_transaksi LEFT Join produk ON detail_transaksi.kd_produk=produk.kd_produk WHERE detail_transaksi.no_trans='$_GET[id]'"; $tampil=mysqli_query($koneksi, $query1) or die(mysqli_error()); ?> <table border="i"> <tr> <!--<td style="width:ten%; font-size: 6pt;"><b>No</b></td>--> <!--<td mode="width:fifteen%;"><b>Kode</b></td>--> <td manner="width:40%; font-size: 6pt;"><b>Nama Produk</b></td> <td manner="width:25%; font-size: 6pt;"><b>Harga</b></td> <td style="width:10%; font-size: 6pt;"><b>Qty</b></td> <td style="width:25%; font-size: 6pt;"><b>Jumlah</b></td> </tr> <?php $no=0; while($data1=mysqli_fetch_array($tampil)) { $no++; $a = $data1['harga_jual']; $b = $data1['qty']; $total = $a * $b; ?> <tr border="0"> <!--<td fashion="width:10%; text-align: middle;" class="mono"><b><?php //echo $no; ?></b></td>--> <!--<td style="width:15%; text-align: center;" class="mono"><b><?php //echo $data1['kd_produk']; ?></b></td>--> <td style="width:40%; text-align: left;" class="mono"><b><?php echo $data1['nama_produk']; ?></b></td> <td fashion="width:25%;" class="mono"><b>Rp.<?php repeat number_format($data1['harga_jual'],0,",","."); ?></b></td> <td style="width:ten%; text-align: middle;" course="mono"><b><?php echo $data1['qty']; ?></b></td> <td way="width:25%;" course="mono"><b>Rp.<?php echo number_format($full,0,",","."); ?></b></td> </tr> <?php } ?> </tabular array> </div> <div id="invoice_total"> <table border="1"> <tr> <td colspan="3" style="width:10%; font-size: 6pt;" grade="mono"><b><center>Full</b></center></td> <td colspan="2" style="width:15%; font-size: 6pt;" class="mono"><b>Rp.<?php echo number_format($data['tot'],0,",","."); ?></b></td> </tr> </table> </div> <div id="invoice_total"> <tabular array border="i"> <tr> <td style="text-marshal: left; edge: 1px solid white;"><b></b></td> <td fashion="width:20%; border: 1px solid white;" class="mono"><b><center></b></center></td> <td style="width:15%; edge: 1px solid white;" grade="mono"><b></b></td> </tr> <tr> <td manner="text-align: left; font-size: 6pt; border: 1px solid white;"><b>PERHATIAN : 1. Nota ini adalah bukti pembelian barang</b></td> <td colspan="2" style="width:10%; font-size: 6pt; border: 1px solid white;" class="mono"><b><middle>Kasir : <?php echo $_SESSION['fullname']; ?></b></center></td> </tr> <?php $tot1 = $data['tot']; $tot2 = $data['diskon']; $tot3 = $tot1 - $tot2; ?> <tr> <td fashion="text-marshal: left; font-size: 6pt; border: 1px solid white;"><b> 2. Barang yang sudah dibeli tidak dapat di tukar atau dikembalikan.</b></td> <td way="width:10%; font-size: 6pt; edge-left: 1px solid white; border-correct: 1px solid white; edge-bottom: 1px solid white; border-height: 1px solid white;" course="mono"><b><center></b></middle></td> <td manner="width:15%; border: 1px solid white;" class="mono"><b></b></td> </tr> <tr> <td colspan="3" mode="text-marshal: left; border: 1px solid white;"><b> </b></td> </tr> </table> <table> <tr> <td manner="text-align:left; font-size: 6pt; font-weight: bold;"><b>Terima kasih sudah berbelanja di "<?php echo $_SESSION['nama_toko']; ?>" </b></td> <td style="text-align:left; font-size: 6pt; font-weight: bold;"></td> <td colspan="2" style="text-align:center; font-size: 10px; font-weight: bold;"></td> </tr> <tr> <td fashion="text-align:left; font-size: 6pt; font-weight: normal;"><i></i></td> <td style="text-align:left; font-size: 6pt; font-weight: assuming;"></td> <td colspan="2"></td> </tr> <tr> <td></td> <td style="text-align:left; font-size: 6pt;"><b></b></td> <td colspan="two"></td> </tr> <tr> <td></td> <td></td> <td colspan="ii"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="ii"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td colspan="two" style="text-align:center; font-size: 6pt; font-weight: assuming;"></td> </tr> </table> </div> </div> <br /> </div> <?php $html = ob_get_contents(); //Proses untuk mengambil data ob_end_clean(); //Here convert the encode for UTF-8, if y'all prefer the ISO-8859-1 only modify for $mpdf->WriteHTML($html); $mpdf->WriteHTML(utf8_encode($html)); // LOAD a stylesheet $stylesheet = file_get_contents('mpdfstyletables.css'); $mpdf->WriteHTML($stylesheet,i); // The parameter i tells that this is css/manner only and no body/html/text $mpdf->WriteHTML($html,1); $mpdf->Output($nama_file."-".date("Y/thou/d H:i:s").".pdf" ,'I'); exit; ?> </body> </html>
Dari kode di atas saya jalankan dan saya mendapatkan hasil seperti gambar di bawah ini
Hasilnya sangat memuaskan menurut saya, karena settingan pas sesuai dengan head thermal printer PANDA, jika anda sedang mengembangkan aplikasi yang menuntuk printout dengan printer thermal maka cara ini sangat saya rekomendasikan, selain mudah juga hasil printout juga sesuai.
Silahkan di coba, semoga sharing saya bisa bermanfaat dan bisa membuka wawasan anda untuk cara setting kertas printer thermal 58mm dengan MPDF dan PHP.
