57 Pengertian Fungsi Penerapan Json Pada PHP►► URL : http://wwdq.blogspot.com/2013/09/pengertian-fungsi-penerapan-json-pada.html.

Ok setelah kemarin post ngga jelas saya (kesini) , saya akan menjelaskan tentang json pada php mengenai pengertian json itu sendiri, apa saja yang ada di json, fungsinya json untuk apa, dan cara penggunaan json pada php. Sebelumnya kenapa sih saya mengambil topik ini? itu karena saya sempat jadi developer twitter client yang bermain API dengan twitter :v hahaha Twitter API (sekarang API 1.1) memberikan format datanya berbentuk json, karena json bisa diberbagai bahasa, tp pada post ini saya hanya menerapkan atau mencontohkan json pada syntax php, ok langsung saja.

Apasih Json itu?
JSON (dilafalkan "Jason"), singkatan dari JavaScript Object Notation (notasi objek JavaScript), adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif (disebut objek).

Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan tradisional format XML.

Walaupun JSON didasarkan pada subset bahasa pemrograman JavaScript (secara spesifik, edisi ketiga standar ECMA-262, Desember 1999) dan umumnya digunakan dengan bahasa tersebut, JSON dianggap sebagai format data yang tak tergantung pada suatu bahasa. Kode untuk pengolahan dan pembuatan data JSON telah tersedia untuk banyak jenis bahasa pemrograman. Situs json.org menyediakan daftar komprehensif pengikatan JSON yang tersedia, disusun menurut bahasa.
[Sumber : Wikipedia Id]

Json Pada PHP?
Funsi json pada php ada 2 yaitu
1. json_encode : untuk merubah array ke bentuk json.
2. json_decode : sebaliknya dari bentuk json ke array

untuk contoh kita buat terlebih dahulu datanya yang berbentuk array lalu gunakan funsi json_encode :

 $array = array(
    "nama" => "Rizal",
    "jenis_kelamin" => "Pria",
    "blog" => "http://wwdq.blogspot.com",
    "facebook" => "fb.com/riloaw.us",
    "twitter" => "twitter.com/riloaw"
    );
 echo json_encode($array);

Hasilnya :

{"nama":"Rizal","jenis_kelamin":"Pria","blog":"http:\/\/wwdq.blogspot.com","facebook":"fb.com\/riloaw.us","twitter":"twitter.com\/riloaw"}

 atau sebaliknya dari bentuk json seperti ini dijadikan bentuk array dengan menggunakan json_decode:

 $array = array(
    "nama" => "Rizal",
    "jenis_kelamin" => "Pria",
    "blog" => "http://wwdq.blogspot.com",
    "facebook" => "fb.com/riloaw.us",
    "twitter" => "twitter.com/riloaw"
    );
 $encode = json_encode($array);
 //tampilkan hasil encode
 echo "ini hasil json_encode 
";
 echo $encode;
 echo "

";
 
 $decode = json_decode($encode, true);

 echo "ini contoh yang sudah di decode menjadi array 
" . $decode['nama'];
 
 

ini baru json yang sederhana bisa dibilang sih baru json 2 dimensi  (CMIIW) belum yang array didalam array, yang memakai foreach untuk dijadikan array kembali, mungkin akan saya bahas dipost berikutnya. Dan nanti juga saya akan bahas json yang dipakai Twitter API 1.1 dengan bantuan Twitter Oauth Abraham. Ok terimakasih atas waktunya membaca post ini, sampai berjumpa dipost selanjutnya.

sumber gambar : http://www.claindsilva.com/

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Pengertian Fungsi Penerapan Json Pada PHP.

0 Membuat Teks Yang Mengikuti Kursor►► URL : http://wwdq.blogspot.com/2011/05/membuat-teks-yang-mengikuti-kursor.html.

Awal bulan Mei 2011 WwdQ mulai posting lagi nih, kali ini membahas tentang Javascript. Memang tidak ada habisnya javascript, disini akan dipraktekan cara membuat Teks Mengikuti Kursor. Menarik kan? . postingan kali ini dimaksudkan untuk tampilan blog agar menarik, Tetapi bila blog anda sudah banyak dikunjungi orang dan mempunyai postingan yang pasti akan dicopy pengunjung, saya sarankan pikir 2x untuk memakai script ini. Mengapa demikian?, disaat saya mencoba script ini, saya direpotkan oleh teks yang mengelilingi kursor. Bagi anda yang masih tertarik dan yang ingin mencoba, dipersilakan melihat caranya dibawah ini:

Caranya :

1. Masuk Ke Akun Blog Anda
2. Dasbor => Rancangan => Elemen Laman
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy Script Dibawah, Paste!
6.  Simpan 

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = " Text yang anda inginkan ";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Selamat Mencoba

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Membuat Teks Yang Mengikuti Kursor.