Pembuatan Faktur Dinamis dari Templat HTML menggunakan Make

Kebutuhan untuk menghasilkan dokumen dinamis merupakan bagian tak terpisahkan dari setiap bisnis. Kita berurusan dengan banyak dokumen digital yang perlu disesuaikan untuk setiap penerima dengan data dinamis. Dokumen-dokumen tersebut dapat berupa penawaran harga, kontrak, faktur, laporan, dan sebagainya yang mungkin memiliki templat umum, tetapi datanya dinamis. Dokumen-dokumen ini juga perlu dihasilkan dalam jumlah besar tergantung pada ukuran bisnis kita.

Dalam beberapa kasus, Anda juga perlu membuat dokumen dalam format HTML, yang dapat ditampilkan melalui browser atau dibagikan sebagai tautan. Faktur, tanda terima, dan lain-lain dibuat sebagai halaman HTML agar dapat dengan cepat ditampilkan kepada penerima di browser mereka. PDF4me memungkinkan Anda membuat dokumen HTML tersebut, menggunakan template HTML dan sumber data. Dengan menggunakan rendering Mustache atau penggabungan surat (mail merge) , Anda dapat membuat dokumen sebanyak yang dibutuhkan sesuai kebutuhan Anda.

Fitur Generate Document di PDF4me pada Make memungkinkan Anda membuat skenario untuk menghasilkan dokumen dinamis dalam format HTML menggunakan template HTML.

Proses pembuatan dapat diotomatiskan jika Anda sudah memiliki templat dan data dinamis yang siap. Templat harus berupa file HTML yang akan tersedia di penyimpanan Cloud. Data dapat berupa Spreadsheet, CSV, JSON, XML, atau daftar data.

Mari kita coba membuat contoh faktur seperti di bawah ini menggunakan skenario Make.

Dalam kasus penggunaan ini, templat HTML contoh diharapkan tersedia di lokasi Dropbox.

Tambahkan pemicu pengawasan file untuk memulai skenario.

Buat modul Dropbox untuk memantau kedatangan template. Segera setelah file template HTML baru tiba di folder, skenario akan dipicu.

Tambahkan modul Unduh file untuk Dropbox

Setelah file templat terdeteksi di folder sumber, modul Dropbox dengan aksi Unduh file akan meneruskan file dari penyimpanan ke aksi PDF4me. Kita perlu menambahkan 2 aksi Unduh file - Satu untuk mengunduh Templat HTML.

Yang lainnya untuk mengunduh data JSON yang sesuai dengan templat tersebut.

Tambahkan modul PDF4me untuk Aksi Pembuatan Dokumen.

Selanjutnya dalam skenario ini, kita perlu menambahkan modul PDF4me dengan Aksi Hasilkan Dokumen. Di sini, Anda perlu mengkonfigurasi tipe Templat sebagai HTML, tipe Output sebagai HTML, dan sumber data Input. Data input dapat langsung dimasukkan ke dalam kolom atau, dalam kasus kita, dikonfigurasi untuk mendapatkan data dari file JSON.

Data untuk kolom input pada template dalam kasus penggunaan harus terlihat seperti di bawah ini:

{ "Dokumen": [ { "header": { "docType": "Salinan Asli" }, "body": { "Kolom 1": "Kuantitas", "Kolom 2": "Deskripsi", "Kolom 3": "Harga Satuan", "Kolom 4": "Total", "Faktur": { "nomor": 14957, "tanggal": "25-02-2022", "instruksi": "Faktur Instruksi 1", "subtotal": 200150, "pajak": "18%", "tanggal jatuh tempo": "25-03-2022", "pengiriman": "200" }, "Penagih": { "telepon": "989797", "faks": "998463", "email": "doc1@email.com", "web": "www.doc1.com", "alamat": { "perusahaan": "Organisasi 1", "jalan": "Jalan 1", "kota": "Kota 1", "kode pos": "123456" } }, "Penerima": { "nama": "penerima 1", "alamat": { "jalan": "testveien 3 ", "kota": "Kota 1", "kode pos": "0555", "negara": "Negara 1" } }, "Produk": [ { "kuantitas": 1, "deskripsi": "barang 1", "harga satuan": 45, "harga total": 867 }, { "kuantitas": 2, "deskripsi": "barang 2", "harga satuan": 123, "harga total": 3464 }, { "kuantitas": 3, "deskripsi": "barang 3", "harga satuan": 323, "harga total": 6564 } ] }, "footer": { "telepon": "telepon123", "faks": "faks123", "email": "123@mail.com", "web": "www.123.com" }

} ] }

Tambahkan Iterator untuk menangani beberapa file output.

Seperti yang sudah jelas, aksi PDF4me akan menghasilkan beberapa file berdasarkan data. Untuk menangani hal ini, kita membutuhkan modul Iterator Make untuk menangani setiap file untuk aksi selanjutnya.

Tambahkan modul Dropbox Upload untuk menyimpan file output.

Buat modul Dropbox dengan aksi Unggah file untuk menyimpan semua file HTML ke folder yang diinginkan. Template HTML hanya akan menghasilkan HTML sebagai Output. Anda dapat menambahkan aksi Konversi ke PDF tambahan jika ingin menghasilkan file PDF sebagai output.

Hasil dari skenario kita seharusnya terlihat mirip dengan dokumen di bawah ini.