Cara Konversi HTML ke PDF dengan PHP Codeigniter (DOMPDF)

Salam sejahtera bagi kita semua,

Pada kesempatan kali ini saya akan berbagi tutorial cara mengkonversi HTML ke bentuk PDF dengan library PHP yang bernama DOMPDF. 

Apakah itu DOMPF? DOMPDF adalah library yang digunakan untuk mengkonversi sebuah HTML ke bentuk PDF selain itu bisa juga menambahkan CSS didalamnya. Jadi, hasil dari konversi lebih menarik.

Hal-hal yang harus dipersiapkan: 

1. Codeigniter

2. DOMPDF

Untuk langkah awal bisa download terlebih dahulu file yang dibutuhkan.

Lalu masuk ke Text Editor. Jika menggunakan Codeigniter untuk instalasinya pertama masuk ke dalam folder Application > Libraries.

lalu copy file DOMPDF ke dalam folder libraries.

Strukturnya akan seperti pada gambar diatas

Setelah semua proses diatas sudah selesai, buat file baru pada folder libraries (bukan didalam folder DOMPDF) dan beri nama pdf.php dengan isi sebagai berikut.

Jangan lupa saat membuat fiile baru dibagian atas dibawah defined tambahkan use Dompdf\Dompdf; yang berguna untuk memanggil file dompdf yang ada pada dompdf tadi.

Buat controller baru, berinama test_pdf.php

lalu buat fungsi cetak_pdf() dimana fungsi ini berfungsi untuk mengenerate file view ke dalam bentuk PDF.

Untuk attachment= > 0 yaitu berguna untuk file pdf tidak langsung didownload.

Jika attachment 1 maka saat fungsi dijalankan file pdf akan otomatis terdownload.

Buat view cetak_pdf.php di dalamnya ketikan <?php print_r($Cetak);?> lalu jalankan dengan menggunakan http://localhost/test/index.php/test_pdf/cetak_pdf .

Maka hasilnya akan seperti dibawah ini.

Sekian tutorial Cara Konersi HTML ke PDF dengan PHP Codeigniter (DOMPDF). Selamat mencoba dan sampaii jumpa dipembahasan selanjutnyaaa

Read More

Autocomplete Menggunakan Codeigniter JQuery

Salam sejahtera bagi kita semua,
Dikesempatan kali ini saya akan memberikan sedikit tutorial tentan Autocomplete pada Codeigniter dengan JQuery serta MySQL.
Apasih gunanya? Autocomplete disini berguna untuk memudahkan dalam pencarian suatu data yang terdapat pada database sesuai dengan apa yang diketikan pada form search. Langsung pada pembahasan.

Framework Codeigniter jika masih belum download bisa langsung click Download
Buat database dan juga tabel pada MySQL.

Setelah membuat database dan tabel selesai, langsung saja masuk ke dalam codeigniter.
Pertama ubah dulu konfigurasi pada database.php yang dapa pada folder application->config.

 Pada gambar saya menggunakan database bernama 'tutorial' lalu untuk username isikan root, untuk password dikosongkan saja.

lanjut ke konfigurasi config.php tetap berada difolder yang sama.

Lalu ke autoload.php dimana berfungsi untuk memanggil otomatis library / helper yang akan dipakai. Pada kasus ini menggunakan database jadi harus memanggil terlebih dahulu library dari database.

Untuk helper yang diatas gunanya agar bisa memanggil fungsi base_url() / site_url() pada view nanti.
Setelah selesai semua, buat lagi file model untuk mengambil data yang akan dicari.

Lalu buat controller seperti gambar dibawah ini.

Pada controller ini berfungsi untuk memanggil fungsi yang sudah kita buat tadi pada model, sebelum itu harus load dulu model pada fungsi __construct. seperti gambar. lalu buat fungsi autocomplete untuk memecah data dari model agar bisa ditampilkan pada view. Jika sudah, langsung saja buat view. Kali ini saya berinama Search.php.

Script tag head pada view search.php

Code untuk membuat form search yang ada pada view search.php
Dan yang terakhir adalah script jquery yang digunakan untuk mempercepat dan efisien dan melakukan pencarian tanpa reload dan dinamis.

fungsi ajaxsearch pada jquery nanti akan diletakan didalam atribut onkeyup pada input search karena pencarian ini akan dijalankan ketika keyboard diketik.

Jika sudah selesai, jalankan program dengan url yang telah disetting pada config.php tadi. Apabila berhasil maka akan keluar seperti di bawah.

Sekian dari tutorial ini, semoga bermanfaat apabila ada kesalahan dan pertanyaan sampaikan pada kolom komentar. Terimakasih.

SELAMAT MENCOBA GOODLUCK :)

Untuk file bisa didownload disini

Read More

Membuat Simulasi Kain di Blender

Assalamu’alaikum wr.wb.

Bertemu lagi dengan saya,pada postingan kali ini saya akan membuat simulasi kain yang sederhana dan dapat di praktekan di rumah masing-masing,baik langsung saja tanpa basa basi kalau lama-lama nanti bisa basi he..he..

a) Buka software blendernya,pada tampilan default tersedia sebuah objek cube,dan jangan dulu di hapus objeknya.
b) Lalu tambahkan objek baru yaitu plane dengan menekan tombol “shift+A”  lalu pilih “plane”.Dan letakan objek plane-nya tepat di atas objek cube seperti berikut.
c) Ubah ukuran objek planenya hingga melebihi dari ukuran cube,dengan cara menekan tombol S (scale) lalu masuk edite mode dan buatlah vertex pada objek plane tersebut dengan menekan tombol CTRL+R lalu tekan tombol tambah(+) pada keyboard untuk memperbanyak garis-garis /vertex dan lakukan secara vertical dan horizontal terhadap objeknya, jika sudah kembalikan ke objek mode.
d) Masih berada di objek plane,lalu pada jendela sebelah kanan,klik tab “physic”,lalu klik “cloth”.lihat gambar! lalu akan muncul pengaturan-pengaturan nya seperti berikut  pada lingkaran merah,ubah stepnya menjadi “4”.scroll ke bawah dan centang pada “cloth collision” yang ada di kotak warna merah,lalu centang juga pada “self collision” yang di tunjukan oleh panah merah.lihat gambar! 
e) Klik objek cubenya,lalu pada menu physic,klik “collision”  setelah itu,warnai kedua objeknya sesuai dengan selera mu.
f) kemudian klik lagi objek plane nya,lalu Pada pengaturan “cloth cache”,kita dapat memberikan nama sesuai dengan keinginan kita,tapi disini saya kasih nama “kain”,dan step terakhir yaitu tinggal mengklik “Bake”yang ada pada kotak merah. 
g) Selesai …. Untuk melihat hasilnya,tinggal di klik tombol play pada bagian bawah.Dan jika objeknya masih terlihat ada kotak –kotaknya,haluskan dengan mengklik “smooth” yang ada pada panel sebelah kiri.
ini adalah hasil dari apa yang telah kita buat tadi,kalau mau silahkan di ambil.

Source : klik disini

Read More

Prinsip dan Etika Pengembangan Website

Prinsip dan etika pengembangan website / web development sudah seharusnya mulai dipatuhi oleh web developer. Dunia internet semakin hari makin ramai dengan begitu berarti pembuatan website juga jadi semakin masif dilakukan. Setiap hari tak terhitung berapa jumlah website baru yang dibuat oleh para pengembang website / web developer.

Kita masih sering melihat banyak website yang dibuat dengan tidak sepenuh hati, tidak sesuai dengan prinsip-prinsip dan etika yang baik, sering kali kita melihat pengguna kecewa dengan kualitas website yang dibuat oleh pengembangnya. Bahkan sesama pengembang saja kadang suka kesal dengan kode yang dibuat oleh pengambang web lain, karena menulis kode sembarangan, tidak rapih, kurang penjelasan dan dokumentasi. Sehingga aplikasi web yang pernah dibuat jadi sulit untuk dikembangkan lagi.

Sebagai pengembang web, kita bertanggung jawab untuk membentuk pengalaman bagi kehidupan pengguna ketika online. Dengan membuat pilihan yang etis dan berpusat pada pengguna, kita sebagai pengembang mestinya membuat website yang lebih baik bagi semua orang.

Jika Anda juga salah satu pengembang website, mungkin Anda juga harus mematuhi 4 poin dari prinsip dan etika pengembangan website yang jurnalweb lansir dari laman organisasi ethicalweb berikut ini.

Prinsip dan Etika Pengembangan Website

1. Aplikasi web harus bekerja untuk semua orang
   • Dibuat dengan peningkatan yang progresif
   • Prioritaskan aksesibilitas
   • Bangun bentuk yang eksklusif
   • Uji dengan pengguna yang sebenarnya
2. Aplikasi web harus bekerja dimanapun
   • Buat web yang responsif
   • Nilai kinerjanya
   • Maksimalkan kemampuan offline terlebih dahulu
   • Paparan permanen, dapat dibaca oleh manusia, dan tautan yang dalam
3. Web applications should respect a user’s privacy and security
   • Gunakan https dimanapun
   • Hormati preferensi pelacakan pengguna
   • Jelaskan pada pengguna bagaimana informasi data mereka digunakan
   • Mungkinkan pengguna untuk mengekspor data mereka
   • Amankan data pengguna
4. Pengembang website harus perhatian pada teman-teman mereka
   • Beri komentar yang jelas pada kode dan dokumentasikan kode yang dibuat
   • Analisa dan tes kode
   • Manfaatkan kontrol sumber dan integrasi yang berkesinambungan
   • Menggunakan dan berkontribusi untuk open source jika memungkinkan
   • Perlakukan pengembang lain dengan hormat
   • Tawarkan dan ikuti kode etik untuk proyek-proyek open source

Semoga semua pengembang bisa mengetahui dan mengikuti prinsip dan etika pengembangan website diatas dengan baik, terima kasih untuk Adam Scott yang sangat peduli dengan hal tersebut dengan menuliskan hal tersebut di ethicalweb.org

---

Versi Bahasa Inggris

Principles of Ethical Web Development

1. Web applications should work for everyone
   • Built on top of progressive enhancement
   • Prioritize accessibility
   • Develop inclusive forms
   • Test with real users
2. Web applications should work everywhere
   • Built responsively
   • Value performance
   • Leverage off-line first capabilities
   • Expose permanent, human readable, deep links
3. Web applications should respect a user’s privacy and security
   • Use https everywhere
   • Respect user tracking preferences
   • Provide users with clear information about how their information is used
   • Allow users to export their data
   • Secure user data
4. Web developers should be considerate of their peers
• Comment and document code
• Lint and test code
• Make use of source control and continuous integration
• Consume and contribute to open source when possible
• Treat other developers with respect
• Offer and follow a code of conduct for open source projects

Source : http://www.jurnalweb.com/prinsip-dan-etika-pengembangan-website/

Read More