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