Salah satu projek saya adalah membuat aplikasi pembelian tiket perjalanan kapal, yang mana salah satu fiturnya adalah mencetak QR code pada tiket perjalanan. Karena saya menggunakan Laravel, maka opsi paling pasti adalah menggunakan package simplesoftwareio/simple-qrcode.

composer require simplesoftwareio/simple-qrcode

Selanjutnya hanya perlu membaca panduan dari package tersebut disni https://github.com/SimpleSoftwareIO/simple-qrcode, sayangnya sepertinya projek, repository, dan website resminya sudah gak dirawat, ada banyak issue dan PR yang tidak dihandle, halaman dokumentasinya saja sudah tidak bisa diakses, tapi saya berhasil menemukannya melalui web archive, jadi untuk full dokumentasi bisa diakses disini https://web.archive.org/web/20240221193114/http://www.simplesoftware.io/#/docs/simple-qrcode

Penggunaanya cukup mudah, saya bahkan menggunakanya langsung di template Blade didalam tag <img />.

<img src="data:image/jpg;base64,{!! base64_encode(QrCode::format('png')->generate($manifest->code)) !!}">

Tapi ada sedikit masalah, gambar yang dihasilkan sebenarnya sudah oke dan tidak ada masalah untuk keperluan tampil pada layar smartphone, atau monitor laptop, tapi karena ini untuk keperluan tiket yang mana dicetak fisik, maka tampilannya sedikit kacau, dan sering tidak bisa di-scan.

Sayangnya dicari bagaimanapun saya tidak menemukan cara untuk membuat ini menjadi lebih baik. Ada banyak package lain tapi sebenarnya semua menggunakan sumber package QR code yang sama, jadi ya sama saja.

Tapi hari ini saya menemukan cara untuk memperbaiki masalah ini yaitu dengan cara memperbesar gambarnya tapi menampilkan secara kecil, eh gimana sih ya.. intinya secara koding gini:

<img src="data:image/jpg;base64,{!! base64_encode(QrCode::size(300)->margin(1)->format('png')->generate($manifest->code)) !!}" style="position: relative; top: -30px" width="100">

Jadi QR code saya set untuk menghasilkan ukuran menjadi 300, tapi saya tampilkan dengan ukuran 100, hasilnya gambarnya jadi lebih tajam, lebih mudah terbaca, dan untuk saat ini punya keberhasilan scan lebih tinggi.

Dengan begini keperluan scan QR code penumpang perjalanan dapat berjalan lebih cepat dan lancar.