Cara Membuat QRCode Generator Menggunakan PHP – Part 10 (QRCode VCard/Kontak)

Cara Membuat QRCode Generator Menggunakan PHP – Part 10 (QRCode VCard/Contact Number) – Hai sobat tidak bosan ketemu lagi dengan saya dewan komputer dan pada postingan kali ini saya akan membahas lagi-lagi-lagi tentang QRCode. Seperti judulnya ini merupakan part 10 Wow benar-benar tidak bosan saya membahas tentang QRCode ini. Yap sobat tidak salah, berarti ada part 1-9nya dan akan menyusul part-part yang lain karena masih ada yang akan saya bahas nantinya tunggu saja postingan saya atau bisa diliat atau search pada kolom search. Banyak jenis QRCode oleh karena itu saya ingin membahasnya satu per satu dan kali ini yang akan saya bahas yaitu membuat qrcode akan menyimpan informasi kontak/contact number yang mana saat di scan nantinya akan muncul secara otomatis terisi pada kontak seperti nama, nomor, email, alamat dll sehingga yang scan tinggal klik simpan saja. Di Google playstore ada banyak aplikasi QRCode dan bahkan sekarang untuk beberapa tipe hp juga sudah ada aplikasi bawaannya. Untuk aplikasi dari Playstore saya suka menggunakan aplikasi QRCode Scanner karena itu bisa mendukung berbagai macam jenis QRCode seperti QRCode phone number, sms, email, vcard qrcode, geo QRCode dan masih banyak lagi. Jika sobat belum melihat postingan saya sebelumnya yang mungkin bisa sobat lihat

Cara Membuat QRCode Generator Menggunakan PHP – Part 2 (QRCode with Image)

Cara Membuat QRCode Generator Menggunakan PHP – Part 3 (Generate to PDF)

Cara Membuat QRCode Generator Menggunakan PHP – Part 4 (Dinamis dari Input Form)

Cara Membuat QRCode Generator Menggunakan PHP – Part 5 (Dinamis dari Database MySQL

Cara Membuat QRCode Generator Menggunakan PHP – Part 6 (QRCode Nomor Handphone)

Cara Membuat QRCode Generator Menggunakan PHP – Part 7 (QRCode SMS App)

Cara Membuat QRCode Generator Menggunakan PHP – Part 8 (QRCode Kirim Email)

Cara Membuat QRCode Generator Menggunakan PHP – Part 9 (QRCode Geografis)

Cara Membuat QRCode Generator Menggunakan PHP – Part 10 (QRCode VCard/Kontak)

Cara Membuat QRCode Generator Menggunakan PHP – Part 11 (QRCode MeCard/Kontak)

Cara Membuat QRCode Generator Menggunakan PHP – Part 12 (QRCode Warna)

Seperti yang sudah saya jelaskan pada tutorial part 1 dan 2, untuk membuat custom qrcode sebenarnya lebih mudah menggunakan library endroid namun pada tutorial kali ini saya hanya akan menjelaskan dengan menggunakan library phpqrcode saja tidak seperti part1 dan 2 yang menjelaskan keduanya karena sebenarnya sama saja dan pada tutorial kali ini saya hanya generate qrcode bisa. Jika sobat belum mengerti tentang cara menggunakan menggunakan librari endroid maka sobat bisa lihat artikelnya dan sesuaikan sesuai keperluan sobat. Jangan malas ya untuk buka part 1 dan duanya karena disitu ada perbedaan penulisan dari library phpqrcode dan endroid qrcode. Namun untuk yang membedakan itu QRCode yang berisi link, text biasa, atau nomor handphone hanya pada isi teks dari qrcode tersebut. Seperti pada contoh ini yaitu $isi_teks. Begitu juga pada part 1 dan part 2, maka dari itu sobat harus tahu terlebih dahulu perbedaan penggunaan dari kedua library tersebut. Yang membaca ini merupakan QRCode vcard/contact adalah pada scannernya di smartphone sobat. Jika ini QRcode vcard/contact maka saat discan akan menghasilkan teks yang berupa informasi kontak dan nantinya secara otomatis scanner tersebut mendeteksi bahwa ini adalah QRCode vcard/contact menuju ke kontakdi Hp sobat namun nama, nomor handphone, email, alamat dll sudah terisi otomatis sesuai dengan apa yang telah ditentukan pada QRCode.

Sebelum saya jelaskan cara membuatnya menggunakan PHP tentunya sobat harus tahu terlebih dahulu tentang VCard. Untuk saat ini ada 3 versi VCard. Untuk strukturnya akan saya jelaskan satu per satu namun untuk contohnya saya hanya akan memberikan versi 4.0 atau versi terakhir karena seharusnya sobat bisa mengubahnya dengan mudah nantinya.

Versi 2.1

BEGIN:VCARD
VERSION:2.1
N:Gump;Forrest;;Mr.
FN:Forrest Gump
ORG:Bubba Gump Shrimp Co.
TITLE:Shrimp Man
PHOTO;GIF:http://www.example.com/dir_photos/my_photo.gif
TEL;WORK;VOICE:(111) 555-1212
TEL;HOME;VOICE:(404) 555-1212
ADR;WORK;PREF:;;100 Waters Edge;Baytown;LA;30314;United States of America
LABEL;WORK;PREF;ENCODING=QUOTED-PRINTABLE;CHARSET=UTF-8:100 Waters Edge=0D=
=0ABaytown\, LA 30314=0D=0AUnited States of America
ADR;HOME:;;42 Plantation St.;Baytown;LA;30314;United States of America
LABEL;HOME;ENCODING=QUOTED-PRINTABLE;CHARSET=UTF-8:42 Plantation St.=0D=0A=
Baytown, LA 30314=0D=0AUnited States of America
EMAIL:forrestgump@example.com
REV:20080424T195243Z
END:VCARD

Versi 3.0

BEGIN:VCARD
VERSION:3.0
N:Gump;Forrest;;Mr.;
FN:Forrest Gump
ORG:Bubba Gump Shrimp Co.
TITLE:Shrimp Man
PHOTO;VALUE=URI;TYPE=GIF:http://www.example.com/dir_photos/my_photo.gif
TEL;TYPE=WORK,VOICE:(111) 555-1212
TEL;TYPE=HOME,VOICE:(404) 555-1212
ADR;TYPE=WORK,PREF:;;100 Waters Edge;Baytown;LA;30314;United States of America
LABEL;TYPE=WORK,PREF:100 Waters Edge\nBaytown\, LA 30314\nUnited States of America
ADR;TYPE=HOME:;;42 Plantation St.;Baytown;LA;30314;United States of America
LABEL;TYPE=HOME:42 Plantation St.\nBaytown\, LA 30314\nUnited States of America
EMAIL:forrestgump@example.com
REV:2008-04-24T19:52:43Z
END:VCARD

Versi 4.0

BEGIN:VCARD
VERSION:4.0
N:Gump;Forrest;;Mr.;
FN:Forrest Gump
ORG:Bubba Gump Shrimp Co.
TITLE:Shrimp Man
PHOTO;MEDIATYPE=image/gif:http://www.example.com/dir_photos/my_photo.gif
TEL;TYPE=work,voice;VALUE=uri:tel:+1-111-555-1212
TEL;TYPE=home,voice;VALUE=uri:tel:+1-404-555-1212
ADR;TYPE=WORK;PREF=1;LABEL=”100 Waters Edge\nBaytown\, LA 30314\nUnited States of America”:;;100 Waters Edge;Baytown;LA;30314;United States of America
ADR;TYPE=HOME;LABEL=”42 Plantation St.\nBaytown\, LA 30314\nUnited States of America”:;;42 Plantation St.;Baytown;LA;30314;United States of America
EMAIL:forrestgump@example.com
REV:20080424T195243Z
x-qq:21588891
END:VCARD

Untuk lebih jelasnya sobat bisa melihatnya di wikipedia dengan klik disini.

Cara Membuat QRCode VCard/Kontak Menggunakan PHP

Ada banyak sekali plugin yang bisa digunakan untuk membuat qrcode ini, namun saya lebih suka dengan plugin phpqrcode karena disitu fiturnya lengkap dan bisa sobat custom sendiri mulai dari jenis, kualitas, besar, dll. Langsung saja saya berikan tutorialnya tentang cara membuat qrcode vcard/informasi nomor kontak menggunakan PHP :

1. Download library phpqrcode, kemudian ekstrak ke dalam projek yang akan sobat buat pada contoh dibawah ini saya buat di folder htdocs/qrcode_vcard

2. Buat folder baru pada folder project sobat (pada contoh disini folder qrcode), beri nama temp yang berfungsi untuk menyimpan gambar hasil generate QRCode.

3. Buat index.php pada project yang akan sobat buat sehingga akan menghasilkan tampilan kurang lebih seperti dibawah ini

4. Pada index.php isilah dengan code dibawah ini (ingat jika sobat menggunakan Library Endroid QRcode sobat hanya perlu mengambil semua $isi_teks dan sesuaikan dengan penulisan librari tersebut.

<?php
//library phpqrcode
include "phpqrcode/qrlib.php";

//direktory tempat menyimpan hasil generate qrcode jika folder belum dibuat maka secara otomatis akan membuat terlebih dahulu
$tempdir = "temp/"; 
if (!file_exists($tempdir))
    mkdir($tempdir);

?>
<html>
<head>
    <meta http-equiv="Content-Type" content="isi_teks/html; charset=utf-8" />    
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="icon" href="dk.png">
    <title>QRCode Generator</title>
</head>
<body>
  <?php
    //Isi dari QRCode Saat discan
    $first_name = "Dewan";
    $last_name = "Komputer";
    $phone_celular = "08996668787";
    $phone_work = "08996668788";
    $organization = "PT. Dewan Komputer";
    $position = "Job Title";
    $phone_home = "08996668789";
    $email = "contact@dewankomputer.com";
    $sortName = $last_name.";".$first_name;
    $name = $first_name." ".$last_name;

    //Alamat
    $label     = "Kantor Dewan Komputer";
    $pobox     = "51234";
    $ext       = "123";
    $street    = "Jalan Cinta";
    $town      = "Jakarta";
    $post_code = "325325";
    $country   = "Indonesia";

    //Isi Teks dalam QRCode
    $isi_teks  = 'BEGIN:VCARD'."\n";
    $isi_teks .= 'VERSION:4.0'."\n";
    $isi_teks .= 'N:'.$sortName."\n";
    $isi_teks .= 'FN:'.$name."\n";
    $isi_teks .= 'ORG:'.$organization."\n";
    $isi_teks .= 'TITLE:'.$position."\n";
    $isi_teks .= 'TEL;TYPE=work,voice;VALUE=uri:tel:'.$phone_work."\n";
    $isi_teks .= 'TEL;TYPE=home,voice;VALUE=uri:tel:'.$phone_home."\n";
    $isi_teks .= 'TEL;TYPE=cell,voice;VALUE=uri:tel:'.$phone_celular."\n";

    $isi_teks .= 'ADR;TYPE=HOME;'.
        'LABEL="'.$label.'":'
        .$pobox.';'
        .$ext.';'
        .$street.';'
        .$town.';'
        .$post_code.';'
        .$country
    ."\n";
    $isi_teks .= 'EMAIL:'.$email."\n";
    $isi_teks .= 'END:VCARD'; 

    //Nama file yang akan disimpan pada folder temp 
    $namafile = "dewan-komputer.png";
    //Kualitas dari QRCode 
    $quality = 'L'; 
    //Ukuran besar QRCode
    $ukuran = 8; 
    $padding = 0; 
    QRCode::png($isi_teks,$tempdir.$namafile,$quality,$ukuran,$padding);
  ?>
  <div align="center" style="margin-top: 50px;">
    <h2>Cara Membuat QRCode Generator Kontak/VCard Menggunakan PHP </h2>
    <img src="temp/<?php echo $namafile; ?>" style="margin: 50px; width: 250px;">
    <p>www.dewankomputer.com</p>
    <a href="https://dewankomputer.com/2019/01/15/cara-membuat-qrcode-generator-menggunakan-php-part-10-qrcode-vcard-kontak-2/"><p><< Kembali ke Tutorial</p></a>
  </div>
</body>
</html>

<?php

//library phpqrcode

include "phpqrcode/qrlib.php";

//direktory tempat menyimpan hasil generate qrcode jika folder belum dibuat maka secara otomatis akan membuat terlebih dahulu

$tempdir = "temp/";

if (!file_exists($tempdir))

mkdir($tempdir);

<html>

<head>

<title>QRCode Generator</title>

</head>

<body>

<?php

//Isi dari QRCode Saat discan

$first_name = "Dewan";

$last_name = "Komputer";

$phone_celular = "08996668787";

$phone_work = "08996668788";

$organization = "PT. Dewan Komputer";

$position = "Job Title";

$phone_home = "08996668789";

$email = "contact@dewankomputer.com";

$sortName = $last_name.";".$first_name;

$name = $first_name." ".$last_name;

//Alamat

$label = "Kantor Dewan Komputer";

$pobox = "51234";

$ext = "123";

$street = "Jalan Cinta";

$town = "Jakarta";

$post_code = "325325";

$country = "Indonesia";

//Isi Teks dalam QRCode

$isi_teks = 'BEGIN:VCARD'."\n";

$isi_teks .= 'VERSION:4.0'."\n";

$isi_teks .= 'N:'.$sortName."\n";

$isi_teks .= 'FN:'.$name."\n";

$isi_teks .= 'ORG:'.$organization."\n";

$isi_teks .= 'TITLE:'.$position."\n";

$isi_teks .= 'TEL;TYPE=work,voice;VALUE=uri:tel:'.$phone_work."\n";

$isi_teks .= 'TEL;TYPE=home,voice;VALUE=uri:tel:'.$phone_home."\n";

$isi_teks .= 'TEL;TYPE=cell,voice;VALUE=uri:tel:'.$phone_celular."\n";

$isi_teks .= 'ADR;TYPE=HOME;'.

'LABEL="'.$label.'":'

.$pobox.';'

.$ext.';'

.$street.';'

.$town.';'

.$post_code.';'

.$country

."\n";

$isi_teks .= 'EMAIL:'.$email."\n";

$isi_teks .= 'END:VCARD';

//Nama file yang akan disimpan pada folder temp

$namafile = "dewan-komputer.png";

//Kualitas dari QRCode

$quality = 'L';

//Ukuran besar QRCode

$ukuran = 8;

$padding = 0;

QRCode::png($isi_teks,$tempdir.$namafile,$quality,$ukuran,$padding);

<h2>Cara Membuat QRCode Generator Kontak/VCard Menggunakan PHP </h2>

<img src="temp/<?php echo $namafile; ?>" style="margin: 50px; width: 250px;">

<p>www.dewankomputer.com</p>

</div>

</body>

</html>

5. Jalankan project sobat melalui url http://localhost/qrcode_vcard/ maka akan muncul gambar QRCode seperti dibawah ini

Jika sobat scan menggunakan aplikasi di android maka akan muncul hasilnya berupa nomor handphone dan nanti akan ada tombol untuk menyimpan kontak atau ada juga yang langsung ke menu kontak dengan kolom yang sudah terisi dengan apa yang telah ditentukan diatas seperti nama, nomor, email, perusahaan, alamat dll. Intinya tergantung scanner yang sobat gunakan jika isinya hanya string bukan salah qrcodenya ya hehe…

Bagaimana mudah bukan? sobat bisa memodifikasinya dan membuat qrcode menjadi dinamis atau menampilkannya dari database intinya adalah pada baris dibawah :

    $first_name = "Dewan";
    $last_name = "Komputer";
    $phone_celular = "08996668787";
    $phone_work = "08996668788";
    $organization = "PT. Dewan Komputer";
    $position = "Job Title";
    $phone_home = "08996668789";
    $email = "contact@dewankomputer.com";
    $sortName = $last_name.";".$first_name;
    $name = $first_name." ".$last_name;

    //Alamat
    $label     = "Kantor Dewan Komputer";
    $pobox     = "51234";
    $ext       = "123";
    $street    = "Jalan Cinta";
    $town      = "Jakarta";
    $post_code = "325325";
    $country   = "Indonesia";

$first_name = "Dewan";

$last_name = "Komputer";

$phone_celular = "08996668787";

$phone_work = "08996668788";

$organization = "PT. Dewan Komputer";

$position = "Job Title";

$phone_home = "08996668789";

$email = "contact@dewankomputer.com";

$sortName = $last_name.";".$first_name;

$name = $first_name." ".$last_name;

//Alamat

$label = "Kantor Dewan Komputer";

$pobox = "51234";

$ext = "123";

$street = "Jalan Cinta";

$town = "Jakarta";

$post_code = "325325";

$country = "Indonesia";

Sekian postingan saya tentang Cara Membuat QRCode Generator Menggunakan PHP – Part 10 (QRCode VCard/Kontak) dan jika ada salah kata saya mohon maaf. Jika ada pertanyaan maka sobat bisa tinggalkan pada kolom komentar dibawah dan untuk postingan saya selanjutnya silahkan sobat tunggu saja.Untuk memodifikasi sobat bisa memodifikasi sendiri atau bisa dengan lihat postingan saya sebelumnya. Semoga bermanfaat.

Jika sobat butuh aplikasi qrcode generator yang sudah jadi, tanpa repot membuatnya dari awal. Saya juga menyediakan aplikasi yang bisa langsung sobat gunakan. Harganya juga cukup terjangkau. Pada aplikasi tersebut juga ada bonus barcode generator dan scanner qrcode. Pada aplikasi itu sobat sudah bisa membuat qrcode dan meng-customnya sesuai kemauan sobat sepeperti ganti warna , ganti logo, secara satuan dan langsung banyak. Jika sobat berminat maka bisa kunjungi toko saya di bawah ini