Tutorial Membuat Web Deteksi Wajah dengan Cognitive Service menggunakan JavaScript dan PHP

Halo teman-teman, sudah lama rasanya menulis artikel lagi. Maklum punya kesibukan dan ketertarikan pada hal lain, tentu saja beberapa hal tersebut akan saya bagikan disini.
Salah satunya adalah mengenai web deteksi wajah dengan menggunakan microsoft cognitive service.

Sebelum membahas tentang apa itu cognitive service, ada baiknya kita berbicara tentang AI atau Artificial Intelligence atau dalam bahasa Indonesia disebut Kecerdasan Buatan. Mengapa? karena konsep dari deteksi wajah adalah salah satu aplikasi dari AI itu sendiri, menurut wikipedia dijelaskan bahwa AI merupakan kecerdasan entitas ilmiah. Menurut mas Puja Pramudya sebagai Technology Director dari Radya Labs Teknologi bahwa AI merupakan suatu cabang dari ilmu komputer yang bertujuan untuk menyelesaikan pekerjaan yang biasanya hanya mampu dilakukan manusia. Secara umum, konteks yang dapat disentuh oleh AI di antaranya adalah Learning, Reasoning, Perception, Language dan Problem Solving. Dalam konteks AI Terapan, kita tidak terlalu dipusingkan oleh algoritma suatu program untuk menyentuh konteks-konteks di atas, karena yang benar-benar membahas cara kerja AI itu sendiri biasanya oleh researcher. Adapun di sini kita hanya menggunakan konsep AI yang tinggal kita pakai untuk tujuan tertentu. Dalam hal ini saya menggunakan suatu layanan dari Microsoft Azure, di dalamnya ada salah satu AI terapan bernama Cognitive Services. Sebenarnya ada banyak hal dalam Cognitive Services seperti di bawah ini.

Namun dalam hal ini saya akan membahas tentang Face Recognition atau deteksi wajah. Saya asumsikan anda telah mengerti tentang layanan Microsoft Azure karena kita akan menggunakan layanan Cognitive Service dalam betuk API di Azure. Jika anda belum paham, anda bisa mencoba searching tentang bagaimana membuat akun di Azure. Adapun kegunaan dari deteksi wajah ini cukup luas dan masih dapat berkembang. Misalnya untuk kebutuhan aplikasi anda yang mengharuskan pengguna mengupload foto wajah, atau sistem verifikasi wajah di dalam KTP atau sebagai sistem absensi (dengan penyesuaian) ataupun sebagai smart cctv yang mampu mengenali wajah seseorang (dengan penyesuaian). Adapun contoh nyata yang mungkin kita temukan sehari-hari seperti fitur tag pada facebook, filter pada snapchat atau instagram, ataupun ada aplikasi-aplikasi smartphone  di bidang olah gambar (image editor).

Baiklah langsung saja kita mulai, jadi pada Portal Azure anda bisa ikuti langkah-langkah berikut ini.

1. Pilih New, pilih menu new resource atau create a new resource pada portal azure anda.

2. Pilih AI + Cognitive Services lalu Pilih Face API atau anda juga dapat mengetikkan kata kunci Face API pada kolom pencarian.

3. Isikan form seperti Nama resource, Jenis subscription, Location sampai Pricing Tier dan jangan lupa centang pernyataan I confirm ... Lalu Pilih Create. Setelah menunggu proses building resource, anda dapat merefresh portal azure anda dan memilih resource Face API yang baru saja anda buat. Dalam hal ini nama resource saya adalah face-cogs.

 

4. Cari Endpoint dan Keys. Endpoint adalah url yang akan kita gunakan sebagai server yang menerima request dari kita, dapat ditemukan dalam tab Overview. Sedangkan Keys adalah kode keamanan yang sifatnya privat dan dapat ditemukan di tab Keys. Untuk keys dapat digunakan salah satunya saja. Untuk Endpoint URL dan Key selanjutnya akan digunakan pada proses koding.

5. Buat Kode JavaScript dan PHP. Sebenarnya ketika anda sudah memiliki endpoint dan key, maka anda dapat menggunakannya dengan macam-macam metode. Anda dapat menggunakan bahasa C#, .NET, PHP ataupun JS dan lainnya. Dalam hal ini saya menggunakan Javascript untuk mengirim perintah dan menerima respon, sedangkan PHP akan digunakan untuk memanipulasi foto yaitu menggambar suatu bujur sangkar di foto dengan data yang didapatkan dari respon.
Singkat saja berikut adalah kode yang diperlukan.

JavaScript - index.html

PHP - box.php


Pada kode di atas dapat disesuaikan beberapa parameter atau atribut wajah yang di minta diantaranya adalah age,gender,headPose,smile,facialHair,glasses,emotion,hair,makeup,occlusion,accessories,blur,exposure,noise pada file index.html ataupun warna bujur sangkarnya yang semula kuning dengan kode rgb 255,255,0 dapat diubah sesuai keinginan anda.
Demo: http://fajarb.cf/cogs/

Sekian yang dapat saya sampaikan, saya harap artikel ini dapat membatu pemahaman dan pengetahuan anda dan dapat anda aplikasikan oleh diri anda sendiri.

Perbedaan Kunci Gitar Balok Dengan Kunci Gitar Gantung

Sebagai jawaban pertanyaan dalam komentar dalam artikel
Tutorial
Cara Belajar Bermain Gitar Bagi Pemula, akhirnya hasrat menulis
saya tergugah dan menulis artikel ini.
Pada dasarnya, kunci gitar itu sama, hanya saja modifikasi sesuai
kebutuhan lagu maka muncul variasi kunci-kunci gitar atau chords dan
secara langsung atau tidak langsung terkadang sebuah modifikasi chords
bisa bersifat universal.
<em>Kunci Balok</em> dalam gitar adalah kunci dasar yang mengharuskan
anda menekan lebih banyak (semua/sebagian) fert, biasanya mengharuskan
jari telunjuk untuk tegak lurus dengan fert. misal, kunci A balok maka
senar 1-6 harus ditekan di senar 6 pada fert 5, di senar 5 pada fert
7, di senar 4 pada fert 7, di senar 3 pada fert 6, di senar 2 pada
fert 5, di senar 1 pada fert 5. kunci D balok maka senar 1-5 harus
ditekan di senar 5 pada fert 5, di senar 4 pada fert 7, di senar 3
pada fert 7, di senar 2 pada fert 7, di senar 1 pada fert 5. Sedangkan
yang dinamakan <em>Kunci Gantung</em> pada gitar itu hampir sama
dengan kunci balok, hanya saja yang ditekan itu hanya 3 (terkadang 2)
senar teratas, dan biasa disebut juga dengan nama kunci dasar 5.
seperti A5, B5, C5, dst (dibaca: A Lima, B Lima, C Lima,
dst).<br/>Contoh, pada Kunci A5 berarti yang ditekan hanya senar nomor
6 pada fert 5, senar nomor 5 pada fert 7, senar nomor 4 pada fert 7
atau misal pada Kunci D5, berarti yang ditekan hanya senar nomor 5
pada fert 5, senar nomor 4 pada fert 7, senar nomor 3 pada fert 7. Itu
adalah contoh untuk kunci yang gantung 3 senar, sebagai modifikasi ada
juga yang memainkan D5 dengan senar nomor 5&3 saja atau 5&4 saja.
Sebagai tambahan informasi, berikut adalah fakta kunci gantung:
<ul>
<li>Dalam penggunaan kunci gantung, mayoritas musisi tidak
mempermasalahkan sebuah mayor atau minor nya kunci gitar.</li>
<li>Kunci gantung biasa digunakan pada lagu-lagu yang gitarnya
menggunakan efek rock gitar, umumnya pada lagu rock, pop,
dangdut.</li>
<li>Kunci gantung biasa dimainkan dengan variasi teknik <b>Palm
Mute</b> atau bahasa jalanannya <b>Kedep</b>, jadi suaranya itu
diredam (kedap) dengan tangan kanan sedikit menyentuh senar.</li>
<li>Kunci gantung adalah sebutan jalanan yang anda bisa menalarkan
sendiri kenapa disebut gantung, tapi saya juga belum tahu nama resmi
atau umum untuk menyebutkan kunci gantung pada dunia musisi.</li>
<li>Kunci gantung merupakan kunci dasar balok yang dimodifikasi, belum
ada sumber siapa pertama kali yang menggunakan modifikasi chord
ini.</li></ul>
Sekian yang dapat saya sampaikan, maaf kalau ada kesalahan dari segi
apapun. Saya tak bermaksud menggurui, saya pun masih belajar dan hanya
ingin berbagi.

DOWNLOAD GRATIS SCRIPT PHP NbM v1.0

Download Script PHP NbM v1.0 disini [klik untuk download].
Demo script:
-Versi Indonesia
-Versi Inggris
NbM v1.0 adalah script php untuk membuat file .bmk yang merupakan file dari nokia bookmark. Script dilindungi, pertama kali diunggah di situs demo script tentunya tapi pertama kali dibagikan di master-land.net. Sekian dari saya, maaf jarang update!

Belajar PHP: Fungsi str_ireplace()

Dikesempatan kali ini yang akan saya bahas adalah Fungsi str_ireplace() pada PHP. Fungsi str_ireplace() pada PHP adalah untuk menggantikan karakter satu dengan karakter yang lainnya tanpa mempedulikan besar-kecilnya suatu karakter yang akan diganti.
Sintaksnya adalah:
str_ireplace(string $chr, string $tobe, string $string);

• string $chr adalah karakter dalam $string yang akan digantikan dengan karakter $tobe
• string $tobe adalah karakter yang akan menggantikan karakter $chr pada $string.
• string $string adalah string (kalimat/kata) yang terdapat karakter $chr di dalamnya yang ingin diganti dengan karakter $tobe.

Contoh:
<?php
$teks = "nAma SayA FAJAR bC";
$out1 = str_ireplace('nama saya','My name is',$teks);
$out2 = str_ireplace('BC','Budi Cahyanto',$out1);
echo $out1;
//outputnya: My name is FAJAR bC
echo $out2;
//outputnya: My name is FAJAR Budi Cahyanto
?>
Sekian dari saya, semoga bermanfaat.

BELAJAR FUNGSI PHP

[BARU] Update Status Facebook Via/Melalui Apa Saja Dengan man.de.nu Gak Ribet!!

Cara update status melalui atau via device yang aneh aneh itu mudah, entah device nya itu BB, iPhone, iPad, PS3, Calculator, BeriBeri dan yang unik lainnya itu semua ada disini tersedia lebih dari 160.000 pilihan device untuk membuat status kamu jadi makin keren, unik, langka dan antik pokoknya keren deh. Langsung saja pilih devicenya di http://man.de.nu lalu update deh. Mudah kan? Ayo update statusmu dari man.de.nu dan beritahu teman teman kamu tentang kerennya update status facebook menggunakan man.de.nu
Sekian dari saya semoga bermanfaat

TIPS & TRIK FACEBOOK

Belajar PHP: Fungsi filesize()

Dikesempatan kali ini yang akan saya bahas adalah Fungsi filesize() pada PHP. Fungsi filesize() pada PHP adalah fungsi pada PHP yang digunakan untuk menghitung ukuran suatu file dengan hasil output berupa karakter integar/angka dalam satuan byte.
Sintaksnya adalah:
filesize(mixed $file);

• mixed $file adalah lokasi dimana file berada, yang akan dihitung ukurannya.

Contoh:
<?php
$folder = "./file/txt/";
$file1 = "file-saya.txt"; //misal ukurannya 2 kB
$file2 = "file-dia.txt"; //misal ukurannya 1 kB
$uk1 = filesize("$folder$file1");
echo $uk1;
//outputnya: 2048
$uk2 = filesize("$folder$file2");
echo $uk2;
//outputnya: 1024
?>
Sekian dari saya, semoga bermanfaat. Mohon komentarnya berupa kritik, saran, pendapat, ataupun koreksinya.

Belajar Fungsi PHP

Belajar PHP: Fungsi str_pad()

Dikesempatan kali ini yang akan saya bahas adalah Fungsi str_pad() pada PHP. Fungsi str_pad() pada PHP adalah fungsi pada PHP yang digunakan untuk menambahkan karakter kedalam string sampai variabel/outputnya nanti mempunyai panjang n karakter, dimana n adalah jumlah angka yang dimasukkan dan apabila n sama dengan jumlah karakter dari string maka variabel/outputnya akan menampilkan string, jadi nilainya akan false atau gagal dan tidak terjadi perubahan.
Sintaksnya adalah:
str_pad(string $str, int $int, string $chr, optional $arg[STR_PAD_LEFT,STR_PAD_CENTER,STR_PAD_RIGHT]);

• string $str adalah string yang akan ditambahi karakter $chr
• int $int adalah jumlah karakter variabel/outputnya (hasil $str&$chr) nanti
• string $chr adalah karakter yang akan ditambahkan ke dalam string $str
• optional $arg adalah argumen opsional penempatan karakter $chr dalam string $str. Ada tiga argumen yaitu
  STR_PAD_LEFT untuk karakter disebelah kiri
  STR_PAD_CENTER untuk karakter disebelah tengah
  STR_PAD_RIGHT untuk karakter disebelah kanan
  tidak memberikan argumen pada fungsi str_pad() maka nilai argumen defaultnya adalah STR_PAD_RIGHT

Bingung yah? :D langsung saja kita simak contohnya.
Contoh:
<?php
$teks = "fajar bc"; //8 karakter
$karak = "|#|"; //3 karakter
$jumlah = 14;
$tkanan = str_pad($teks,$jumlah,$karak);
//atau
$tkanan = str_pad($teks,$jumlah,$karak,STR_PAD_RIGHT);
//outputnya: fajar bc|#||#| jumlahnya 14 karakter echo $tkanan;
$ttengah = str_pad($teks,$jumlah,$karak,STR_PAD_CENTER); echo $ttengah;
//outputnya: |#|fajar bc|#| jumlahnya 14 karakter
$tkiri = str_pad($teks,$jumlah,$karak,STR_PAD_LEFT); echo $tkiri;
//outputnya: |#||#|fajar bc jumlahnya 14 karakter
?>
Sekian dari saya, semoga bermanfaat.

Belajar Fungsi PHP

Belajar PHP: Fungsi str_repeat()

Dikesempatan kali ini yang akan saya bahas adalah Fungsi str_repeat() pada PHP, seperti namanya repeat maka fungsinya adalah untuk mengulang string sebanyak n kali dimana n adalah jumlah angka yang dimasukkan.
Sintaksnya adalah:
str_repeat(string $str, int $int);

• string $str adalah string yang akan diulang
• int $int adalah angka pengulangan $str yang akan dilakukan

Contoh:
<?php
echo str_repeat("ma",2);
//outputnya: mama
echo str_repeat("i love you, ",5);
//outputnya: i love you, i love you, i love you, i love you, i love you,
?>
Sekian dari saya, semoga bermanfaat.

Belajar Fungsi PHP

Javascript Untuk Menghitung Sudah Berapa Lama Pengunjung Di Halaman

Dikesempatan kali ini yang akan saya bahas adalah kode javascript untuk menghitung sudah berapa lama pengunjung membuka/berada di halaman tersebut. Berikut adalah kode javascriptnya: <script> var h=0; var d; var htgon=0; function wktNtmbh() {document.getElementById('amb').innerHTML=h; h++; d=setTimeout("wktNtmbh()",1000);} function mUlai() {if(!htgon) {htgon=1; wktNtmbh();}} window.onload=mUlai; </script> sudah <span id="amb"></span> detik sejak terakhir kamu berada di halaman ini. <script> var h=0; var d; var htgon=0; function wktNtmbh() {document.getElementById('amb').innerHTML=h; h++; d=setTimeout("wktNtmbh()",1000);} function mUlai() {if(!htgon) {htgon=1; wktNtmbh();}} window.onload=mUlai; </script> sudah <span id="amb"></span> detik sejak terakhir kamu berada di halaman ini. Sekian dari saya, semoga bermanfaat.

JAVASCRIPT CODE TRICKS AND TIPS

Belajar PHP: Fungsi chr()

Dikesempatan kali ini yang akan saya bahas adalah fungsi chr() pada php. Fungsi chr() pada php adalah untuk menghasilkan karakter spesifik dari suatu nilai ASCII yang merupakan kebalikan dari fungsi ord() pada php.
Sintaksnya adalah:
chr(string $str);
contoh :
<?php
$nilai = "65";
echo ord($nilai);
//atau
echo ord("65");
//outputnya: A
?>
Sekian dari saya, semoga bermanfaat.

BELAJAR FUNGSI PHP

Belajar PHP: Fungsi ord()

Dikesempatan kali ini yang akan saya bahas adalah fungsi ord() pada php. Fungsi ord() pada php adalah untuk menghasilkan nilai ASCII suatu karakter yang merupakan kebalikan dari fungsi chr() pada php.
Sintaksnya adalah:
ord(string $str);
contoh :
<?php
$huruf = "A";
echo ord($huruf);
//atau
echo ord("A");
//outputnya: 65
?>
fungsi ord ini dapat digunakan untuk generating username, password dan sejenisnya.
Sekian dari saya, semoga bermanfaat.

BELAJAR FUNGSI PHP

HTML To Redirect Or Refresh Page

Dikesempatan kali ini yang akan saya bahas adalah kode html untuk memuat ulang atau mereload (refresh/auto refresh) suatu halaman/page, kode html ini merupakan sebuah meta tag jadi harus ditulis atau ditaruh sesudah tag <head> dan sebelum tag </head>. Berikut adalah kodenya:
<meta http-equiv="refresh" content="5"; url="http://artikelmewah.blogspot.com" /> <meta http-equiv="refresh" content="5"; url="http://artikelmewah.blogspot.com" />
Ket:

• 5 adalah jedah waktu sebelum halaman di refresh, nominal dalam detik.
• http://artikelmewah.blogspot.com adalah url yang akan dibuka ketika halaman di refresh
• Jika ingin mengalihkan/redirect ke halaman lain silahkan ketikkan url/alamatnya dengan disertai http://. Jika hanya sekedar merefresh halaman isi saja dengan #

Sekian dari saya, semoga bermanfaat.

HTML CODE TRICKS AND TIPS

Belajar PHP: Fungsi strrev()

Dikesempatan kali ini yang akan saya bahas adalah fungsi strrev() pada php. Fungsi strrev() pada php adalah untuk membalikan kalimat.
Sintaksnya adalah: strrev(string $str);
Contoh:
<?php
$kalimat1 = " ayas aman";
echo strrev($kalimat1);
echo strrev("rajaf");
//outputnya: nama saya fajar
?>
Sekian dari saya, semoga bermanfaat.

BELAJAR FUNGSI PHP

Cara Mudah Mendapatkan Pulsa Gratis Dari mCent.com

Cara mendapatkan pulsa operator apa saja gratis dari internet yang mudah dan paling gampang adalah dengan mengikuti survey dan quiz yang diadakan oleh mcent.com. Caranya mudah cukup

1. klik saja disini, lalu
2. masukkan nomor handphone, tunggu link/kode konfirmasi
3. konfirmasi pendaftaran, lalu isi atau lengkapi data akun termasuk memilih operator kamu dan ikuti survey dan quiz nya
4. pulsa akan ditransfer jika saldo min Rp. 5.000,00

Sekian dari saya, selamat mencoba.

Back To Blogging On 2013

Happy New Year!! Ditahun 2013 ini saya akan mulai ngeblog lagi untuk memuaskan para pembaca setia blog.

Cara Mengetahui Pengunjung Yang Sedang Online Dengan WapCount.cu.cc

Free User Online Counters availiable only on html codes.
Share new site WapCount.cu.cc.
WapCount.cu.cc adalah wapsite yang menyediakan peralatan wapmaster untuk memonitor situs mereka dengan gratis dan mudah, servis yang ditawarkan WapCount.cu.cc saat ini hanya tersedia Penghitung Pengunjung Online atau User Online Counter yang mudah dibuat dan dipasang di situs.
Cara membuat penghitung pengunjung yang sedang online
kunjungi WapCount.cu.cc lalu masukkan domain url anda pada form Domain url: juga jangan lupa masukkan captcha nya lalu jika anda tidak melakukan kesalahan maka akan keluar form yang berisi kode html. Nah, kode html itulah yang harus di salin dan tempel di halaman situs anda maka akan ada tampilan seperti ini:

Selamat mencoba

Belajar PHP: Penggunaan Fungsi $_GET dan $_POST

Fungsi $_GET dan $_POST berguna untuk mendapatkan data tertentu yang cara pengambilannya menggunakan perintah url. $_GET digunakan untuk meminta data dari variabel. Contoh: $age = $_GET['umur']; artinya $age meminta isi dari variabel umur. $_POST digunakan untuk menyetorkan data dari variabel. Contoh: $age = $_POST['umur']; artinya $age menyetorkan isi dari variabel umur. Contohnya, http://artikelmewah.blogspot.com/?m=1
dalam url diatas ada m=1 dan itu artinya variabel m mempunyai nilai 1.
Sedangkan yang saya tahu, tanda ? itu hanya tanda saja bahwa halaman itu menggunakan fungsi $_GET atau $_POST contohnya index.php?a=1&b=2&c=3
Biasanya url seperti diatas menggunakan fungsi $_GET atau $_POST yang dikombinasikan form html untuk memasukkan datanya tapi tidak semuanya didapatkan dengan suatu script tertentu. Contohnya di blogspot url seperti http://artikelmewah.blogspot.com/?m=1 m=1 diatas artinya tampilan mobile true (ya), jika yang keluar m=0 (atau tidak ada m) itu artinya tampilan mobile false (tampilan desktop). Dan variabel m dalam url diatas didapatkan dengan mendeteksi user agent dari browser yang digunakan untuk mengakses alamat tersebut.
Contoh penggunaan fungsi $_GET dan $_POST:
<?php
$link = $_GET['link'];
if(!$link) {
echo "<form methode='post' >
<input type='text' name='link'/>
<input type='submit' value='ok'/></form>";
} else {
echo "link yang kamu adalah $link;}
?>
Penjelasan:
$link adalah variabel dalam PHP, boleh diganti dengan lainnya misalnya $saya, $test dll.
$_GET['link'] link disitu bisa juga diganti tetapi name='link' juga harus diganti. Intinya $_GET['apa'] didapatkan dengan form input dengan tambahan variabel name='apa'.Disana ada perintah if dan else, if else digunakan untuk menyatakan suatu kondisi (dilain kesempatan saya akan membahas ini)
Note: $_GET dalam script diatas bisa juga diubah menjadi $_POST
Happy Coding, semoga artikel saya membantu.

Belajar PHP: Fungsi str_replace()

Setelah kemarin saya membahas fungsi ucwords(), sekarang saya ingin membahas fungsi str_replace().
Fungsi str_replace() adalah fungsi yang berguna untuk mengganti suatu variabel dengan variabel lain yang diinginkan.
Contoh:
<?php
$amb = "artikel mewah blugsput";
$str = str_replace('u','o','artikel mewah blugsput');
echo str_replace("u","o",$amb);
echo $str;
?>
semua kode diatas akan menghasilkan output yang sama yaitu:
artikel mewah blogspot
Perlu di ingat, fungsi str_replace() ini case sensitive.
Happy Coding

Belajar PHP: Fungsi ucwords()

Setelah kemarin saya membahas fungsi lcfirst(), sekarang saya ingin membahas fungsi ucwords().
Fungsi ucwords() adalah fungsi yang berguna untuk mengganti semua huruf pertama sebuah kata pada sebuah kalimat menjadi besar.
Contoh:
<?php
$amb = "artikel mewah blogspot";
echo lcfirst('artikel mewah blogspot');
echo ucfirst($amb);
?>
semua kode diatas akan menghasilkan output yang sama yaitu:
Artikel Mewah Blogspot
Happy Coding

Belajar PHP: Fungsi lcfirst()

Setelah kemarin saya membahas fungsi ucfirst(), sekarang saya ingin membahas fungsi lcfirst().
Fungsi lcfirst() adalah fungsi yang berguna untuk mengganti huruf pertama sebuah kalimat menjadi kecil. Tapi tidak semua huruf besar diganti menjadi kecil, hanya huruf pertama kalimat saja.
Contoh:
<?php
$amb = "Artikel Mewah BlogSpot";
echo lcfirst('Artikel Mewah BlogSpot');
echo ucfirst($amb);
?>
semua kode diatas akan menghasilkan output yang sama yaitu:
artikel Mewah BlogSpot
Happy Coding