Membuat kolom tanda tangan php

Sebenarnya saya sudah lama ingin menulis tentang PHP, namun karena banyak kesibukan di luar sehingga tak mampu membagi waktu. Orang bilang kalau sibuk itu, pasti "Kaya". Mungkin saya saat ini masih "SMS", Sibuk Miskin Sombong. Tapi itu kata orang.


Tanpa perlu berlama-lama mari kita mulai. Sering kali teman-teman saya bertanya, "Gimana sih membuat report php yang outputnya PDF..??". Langsung saja saya katakan "Sebenarnya cukup mudah kalau kita tau". Hehehe. O.. Tentu. Ok. Sebelum kita mulai. Saya ingin anda download dulu paket FPDF di situs resminya alias disini. Sebenarnya banyak paket yang menyediakan untuk pembuatan report PDF pada PHP, tapi mungkin hanya satu yang free atau kita kenal gratisan. Saya kira penjelasan tentang FPDF sudah cukup. Berikut adalah langkah-langkah membuat report PHP dengan output PDF :



  1. Ekstrak saja langsung paket file FPDF yang telah anda download di situs resminya. kira-kira file setelah diekstrak akan seperti ini :

    Membuat kolom tanda tangan php

  2. Langkah kedua adalah tinggal membuat tabel seperti berikut ini :

    Kalau codenya :

    CREATE TABLE 'siswa' (
    'nisn' int(5),
    'nama' varchar(50),
    'username' varchar(20),
    'password_asli' varchar(20),
    PRIMARY KEY ('nisn') );

    Kalau hasil setelah diinput :

    Membuat kolom tanda tangan php

  3. Copy paste gambar pada folder ekstrak FPDF. Screenshot setelah di copy paste :

    Membuat kolom tanda tangan php

  4.  Langkah ketiga, Membuat file koneksi.php :
     <?php
        $server="localhost";
        $username="root";
        $passworddb="";
        $database="smk";
        mysql_connect($server, $username, $passworddb) or die("Koneksi Gagal");
        mysql_select_db($database) or die("Database Tidak Bisa Dibuka");
        ?>
  5. Langkah keempat adalah buat kode program report.php. Dengan source code sebagai berikut :require('fpdf.php');
    require('koneksi.php');
    $pdf=new FPDF('P','cm','Legal');
    $pdf->AddPage();

    $pdf->SetFont('Arial','B',14);

    $pdf->Image('logo.jpg',1,1,2,2);

    $pdf->SetX(3);
    $pdf->MultiCell(19.5,0.5,'SMKN 1',0,'L');

    $pdf->SetX(3);
    $pdf->MultiCell(19.5,0.5,'Pemerintah Kota',0,'L');

    $pdf->SetFont('Arial','B',10);
    $pdf->SetX(3);
    $pdf->MultiCell(19.5,0.5,'JL. Mengkubumi No. 1, Telpon : 0411545',0,'L');

    $pdf->SetX(3);
    $pdf->MultiCell(19.5,0.5,'website : www.smkn.co.cc email : [email protected]',0,'L');

    $pdf->Line(1,3.1,20.5,3.1);
    $pdf->SetLineWidth(0.1);
    $pdf->Line(1,3.2,20.5,3.2);

    $pdf->SetLineWidth(0);
    $pdf->Ln();

    $pdf->SetFont('Arial','B',12);

    $pdf->Cell(3.5,0.8,'NISN',1,0,'C');
    $pdf->Cell(4,0.8,'Nama',1,0,'C');
    $pdf->Cell(3.5,0.8,'Username',1,0,'C');
    $pdf->Cell(2.5,0.8,'Password',1,0,'C');

    $pdf->SetFont('Arial','',10);
    $pdf->Ln();
    $hasi=mysql_query("select nisn, nama, username, password_asli from siswa where nisn='9011'");
    while($hasil=mysql_fetch_array($hasi)){
    $pdf->SetFillColor(255,255,255);
    $pdf->Cell(3.5,0.5,$hasil[0],1,0,'C',true);
    $pdf->Cell(3,0.5,$hasil[1],1,0,'L',true);
    $pdf->Cell(4,0.5,$hasil[2],1,0,'L',true);
    $pdf->Cell(3.5,0.5,$hasil[3],1,0,'L',true);
    $pdf->Ln();
    }
    $pdf->SetFont('Arial','B',10);
    $pdf->SetX(1);
    $pdf->MultiCell(19.5,2,'Kepala Sekolah',0,'L');

    $pdf->SetFont('Arial','B',10);
    $pdf->SetX(1);
    $pdf->MultiCell(19.5,0.5,'ttd',0,'L');

    $pdf->SetFont('Arial','B',10);
    $pdf->SetX(1);
    $pdf->MultiCell(19.5,0.8,'Muh Nur Rajab',0,'L');

    $pdf->Ln();
    $pdf->Output();
    }
  6. Setelah itu jalan aplikasi maka akan tampil seperti berikut ini (berbentuk PDF) :

    Membuat kolom tanda tangan php

Membuat kolom tanda tangan php

Membuat tanda tangan online dengan HTML 5

Membuat tanda tangan online dengan HTML 5, pernah terpikirkan oleh anda ketika anda menerima barang atau paket dari jasa kurir biasanya JNE dan Ninja Express biasanya ketika menerima barang mewajibkan penerima untuk tanda tangan digital yang kemudian tersimpan di database dan menjadi informasi valid penerimaan barang ketika barang di cek no AWB nya.

Kali ini saya akan kita akan bahas membuat tanda tangan online dengan HTML 5, untuk membuat tanda tangan online cukup mudah ya mudah karena sudah ada library signature pad yang dibuat menggunakan HTML5 dan Javascript yang nantinya anda bisa mendownload hasil dari tanda tangan tersebut.

Source code ini juga tidak sengaja saya temukan ketika mencari dengan kata kunci signature online ketika berselancar melakukan pencarian, dan begitu saya cek well, ternyata sesuai dengan apa yang saya inginkan.

Untuk mencoba demo aplikasi  tanda tangan online anda bisa menuju ke link berikut ini

DEMO

Bagaimana pendapat anda setelah melihat demonya.? tertarik untuk mendownloadnya.? tenang anda bisa mendownload sriptnya di link berikut ini.

DOWNLOAD

Silahkan di download dan anda pelajari, next tutorial saya akan coba membuat tanda tangan digital atau tanda tangan online dengan menggunakan PHP dan menyimpannya ke dalam database jadi terus pantau www.hakkoblogs.com untuk mendaptkan update terbaru.

Semoga yang saya share ini bisa bermanfaat dan bisa mencerahkan anda yang sedang ingin membuat tanda tangan online dengan HTML 5, silahkan anda coba dan silahkan anda pelajari, karena dengan mendownload saja tidak akan cukup untuk membuat aplikasi yang kamu inginkan.

Selamat Mencoba

Share this post