Rabu, 10 Agustus 2011

Google Chrome Sebagai Mesin Hacking

0 komentar
Hallo sahabat BinusHacker semuanya Kemaren saya sudah share tentang Penetration Testing Concept, yang Insya Allah akan ada kelanjutannya dengan membahas masing-masing point yang sudah diterangkan. Namun sebelum itu, saya mau share dulu tentang Informasi yang saya dapatkan sebelum ini. Disini saya akan mencoba menjelaskan dan berbagi informasi mengenai bagaimana menjadikan Google Chrome sebagai Mesin Hacking dengan “KromCAT - Google Chrome Catalog of Auditing exTensions“. Yang dibuat oleh Nabil OUCH dan informasi ini diperoleh dari vulnerability database resources. Mungkin bagi fans google chrome sudah terbiasa memakai tool yang include didalamya yaitu “Inspect Element, Resources, Script, Dsb“.














Silakan ditonton implementasinya pada video berikut

:


Namun untuk menjadikan Google Chrome Sebagai Mesin Hacking yang handal, kita membutuhkan beberapa tools yang mendukung. Dimana saya menggunakan hal ini untuk melakukan audit site.
Nah, berikut adalah roadmap catalog dan plugin yang bisa digunakan agar google chrome menjadi browser yang powerfull untuk aktifitas hacking. Ada beberapa tool didalamnya mengenai “Information Gathering Tools, Application Assessment, Editors, Network Utilities, Miscellaneous, Proxies And Web Utilities, IT Security Related“.  Silakan dilihat detailnya digambar berikut:

roadmap presented by vulnerabilitydatabase

Jika ingin melakukan aktifitas penetration testing atau audit untuk website / target. Sebaiknya siapkan peralatan di atas untuk menunjang keberhasilan aktifitas yang dilakukan.
Semoga informasi ini bermanfaat buat anda semua.





Selasa, 09 Agustus 2011

Membuat Comment Ajax

0 komentar

Hampir dari kita semua pasti telah memiliki account facebook. Pada situs jejaring sosial ini, apapun bisa kita komentari. Setiap kali ada teman ganti status kita bisa langsung beri komentar. Kalau ada teman yang baru ganti foto, kita bisa langsung beri komentar. Justru karena komentar-komentar inilah yang menjadikan kita kembali mengunjungi situs ini.
Menurut perkiraan saya, hampir 80% dari proses apalikasi yang ada pada facebook menggunakan pendekatan ajax. Begitu pula dengan aplikasi komentarnya.
Ketika kita menekan tombol submit setelah menuliskan komentar, tanpa ada proses refresh halaman, komentar kita akan secara otomatis muncul dan berbarengan dengan itu di simpan juga ke dalam database. Bagaimana kah proses ini bisa terjadi? Saya akan menjelaskannya berikut ini.
Proses menambahkan komentar
Untuk bisa menampilkan komentar yang baru saja kita tulis tanpa perlu refresh halaman, kita perlu mendapatkan komentar-komentar yang sudah diposting sebelumnya. Untuk mendapatkannya kita menggunakan:
document.getelementbyId(’nama_id’).innerHTML;
Nama_id di sini adalah div yang berada di antara semua komentar yang sudah ada. Contohnya adalah sebagai berikut:
Kandar
23, April 2009
Ini komentar dari kandar
Foo
24, April 2009
hellow world
Kandar
23, April 2009
Ini komentar dari kandar
Untuk mendapatkan seluruh isi dimulai dari komentar list start hingga list end kita gunakan method
document.getElementById(’CommentList’).innerHTML;
Untuk mendapatkan komentar yang telah ada kita buat satu variable dengan nama currentContent.
var currentContent = document.getElementById(’CommentList’).innerHTML;
Berikutnya kita membuthkan sebuah variabel yang berfungsi untuk menginisialisasi nilai dari form komentar. Variabel ini bertugas mendapatkan nilai dari input nama dan isi komentar. Variabel ini kita beri nama commentValue.
var commentValue = ‘name=’ + encodeURI( document.getElementById(’name’).value ) + ‘&YourComment=’ + encodeURI( document.getElementById(’YourComment’).value );
Agar variabel ini bisa berfungsi, kita harus membuat sebuh form html. Berikut adalah kodenya:

Langkah berikutnya adalah membuat suatu fungsi javascript yang bernama postContents yang salah satu isinya adalah variabel commentValue. Kodenya adalah sebagai berikut:
function postContent(){/* Query yang nilainya akan dikirim ke php.*/

var commentValue = ‘name=’ + encodeURI( document.getElementById(’name’).value ) + ‘&YourComment=’ + encodeURI( document.getElementById(’YourComment’).value );
/* File php yang bertugas melalukan proses penyumpanan. */
var send_to = ‘manage-comment.php’;
/*Div id untuk menampilan gambar preloader dan error.*/
var respons = ‘alert’;
postAjax(send_to, commentValue, respons, handleResponComment);
}
Selain variabel commentValue, di dalam fungsi postContent kita mendapatkan sebuah fungsi bernama postAjax. Ini adalah fungsi yang mengirimkan nila variabel commentValue dengan metode Ajax. Untuk itu kita membuthkan suatu fungsi yang bertugas yang menginisialisasi XmlHttpRequest. Berikut adalah fungsingya:
var xmlHttp = createXmlHttpRequest();var obj = ”;function createXmlHttpRequest() {var xmlHttp = false;if (window.ActiveXObject) {xmlHttp = new ActiveXObject(”Microsoft.XMLHTTP”);} else {xmlHttp = new XMLHttpRequest();}if (!xmlHttp) {alert(”Ops sorry We found some error!!”);}return xmlHttp;
}
Selanjutnya kita membuthkan sebuah fungsi yang bertugas untuk menerima respon setelah terjadi proses XmlHttpRequest. Fungsi ini kita beri nama handleResponComment berikut adalah kodenya:
function handleResponComment(){if (xmlHttp.readyState == 4){

if (xmlHttp.status == 200){
/* Untuk menerima respon balik dari php, kita menggunakan JSON. */
var JSONRespons = eval(’(’ + xmlHttp.responseText + ‘)’);
if(JSONRespons.status == 1){
/*
* Jika penyimpanan data ke dalam database telah berhasil, proses selanjutnya adalah memanggil fungsi commentResponse.
*/
commentResponse(JSONRespons);
}
else{
/*Jika komentar baru sudah muncul, form kita aktifkan kembali dengan memanggil fungsi enableForm() dengan menggunakan event onload pada image.*/
document.getElementById(obj).innerHTML = JSONRespons.message + ‘’;
}
} else {
/* Tampilkan error jika ada.*/
document.getElementById(obj).innerHTML = ‘Error: ‘ + xmlHttp.statusText;
}
}
else{
/*
* Nonaktifkan form sesaat setelah user menekan tombol submit.* Munculkan juga image preloader.
*/
document.getElementById(obj).innerHTML = ‘’;
document.getElementById(’name’).disabled=true;
document.getElementById(’YourComment’).disabled=true;
document.getElementById(’submit’).disabled=true;
}
}
untuk mencegah user menekan tombol submit kembali, selama proses berlangsung, form kita nonaktifkan dahulu. Jika semua proses telah selesai kita membuthkan sebuah fungsi yang bertugas untuk kembali mengaktifkan form. Berikut adalah fungsinya:
function enableForm(){/* Mengaktifkan kembali form jika semua proses telah selesai. */

document.getElementById(’name’).disabled=false;
document.getElementById(’YourComment’).disabled=false;
document.getElementById(’submit’).disabled=false;
}
Jika semua proses penyumpanan komentar baru telah berhasil, sekarang waktunya untuk menampilkan komentar yang baru saja di tambahkan oleh user. Berikut adalah fungsingya:
function commentResponse(JSONRespons){/*Melist komentar yang telah ada.*/

var current_contents = document.getElementById(’CommentList’).innerHTML;
/* List komentar yang telah ada ditambah komentar baru. */
var newComment = current_contents + ‘
’ + JSONRespons.name + ‘
’ + JSONRespons.date + ‘
’ + JSONRespons.comment + ‘
’;
/* Mendapatkan total komentar saat ini*/
var currTotalComm = document.getElementById(’numComment’).innerHTML;
/* Total komentar saat ini ditambah satu.*/
document.getElementById(’numComment’).innerHTML = parseInt(currTotalComm) + parseInt(1);
/*Munculkan semua komentar, termasuk yang baru saja ditambahkan.*/
document.getElementById(’CommentList’).innerHTML = newComment;
/* reset form.*/
document.getElementById(’CommentForm’).reset();
/* Hilangkan image preloader.*/
document.getElementById(’alert’).innerHTML = ”;
}
Proses menghapus komentar
Berikut ini adalah tiga buah fungsi yang bertugas untuk menangani proses penghapusan komentar.
function deleteContent(messageID){var postValue = ‘id=’ + messageID;

var send_to = ‘manage-comment.php’;
var respons = ‘alert’;
input_box = window.confirm(’Are you sure want to delete this comment?’);
if (input_box==true){
postAjax(send_to, postValue, respons, handleDeletedComment);
}
}
function handleDeletedComment(){
if (xmlHttp.readyState == 4){
if (xmlHttp.status == 200){
var JSONRespons = eval(’(’ + xmlHttp.responseText + ‘)’);
if(JSONRespons.status == 1){
deleteNow(JSONRespons.id);
}
else{
document.getElementById(obj).innerHTML = JSONRespons.message;
}
} else {
document.getElementById(obj).innerHTML = ‘Error: ‘ + xmlHttp.statusText;
}
}
}
function deleteNow(id){
var delete_comment = document.getElementById(id);
var currTotalComm = document.getElementById(’numComment’).innerHTML;
document.getElementById(’numComment’).innerHTML = parseInt(currTotalComm) – parseInt(1);
delete_comment.parentNode.removeChild(delete_comment);
enableForm();
document.getElementById(’alert’).innerHTML = ”;
}
Untuk proses yang ditangani php, semuanya ada pada file manage-comment.php.
Demikian panduan Comment Ajax ini dibuat, semoga bisa membantu para teman-teman developer.

Minggu, 07 Agustus 2011

Membuat Read More Dengan Fungsi Substr

0 komentar

Hello teman-teman pembaca sekalian. Apa kabar? Moga baek2 aja semua… :)
Pernah baca artikel kan di website atau portal-portal web di internet? Kalau pernah baca, pasti Anda sekalian pernah melihat link yang bertulisan “Read More…”. Apa itu “Read More”? Read More adalah baca selanjutnya. Dengan kata lain, misalnya ada artikel atau berita yang isinya panjangnya minta ampun…kayak Tembok Republik Rakyat Cina sono noh… :) Kita buat isi artikel atau berita tersebut tampil sebagian aja, kemudian buat link untuk “Read More”, agar kalau link itu diklik maka akan diarahkan ke isi artikel keseluruhannya.
Nah pada tutorial kali ini saya memberikan tutorial bagaimana membuat read more tersebut pada artikel dengan memakai fungsi substr pada php. Let’s play… :)
Kita buat terlebih dahulu databasenya…
CREATE TABLE ‘tb_artikel’ (
‘id’ tinyint (1),
0), ‘isi’
‘judul’ varchar (
3text,
‘penulis’ varchar (30),
PRIMARY KEY (‘id’)
);
Lalu kita insert data ke dalam table…
INSERT INTO tb_artikel VALUES
(‘1’, ‘Migrain’, ‘Penyakit ini lebih banyak diderita oleh wanita.
Migrain adalah penyakit yang menyerang otak dan mengakibatkan
arah pada otak dan peradangan merupakan salah satu mengapa k
kesakitan baik secara fisik maupun emosi. Pelebaran pembuluh depala terasa sakit. Walau belum diketahui secara pasti penyebabnya, umumnya penyakit ini merupakan penyakit
ngurangi rasa sa
yang diturunkan. Yang dapat dilakukan adalah berusaha untuk mencegah terjadinya serangan sakit kepala dan m ekit saat serangan terjadi. Kadangkala serangannya tidak hanya menyerang salah satu
it ini lebih banyak diderita oleh wanita. Migrain adalah p
sisi kepala tetapi menyerang kedua sisi kepala.’, ‘Andi’), (‘2’, ‘Migrain2’, ‘Penya kenyakit yang menyerang otak dan mengakibatkan kesakitan baik secara fisik maupun emosi. Pelebaran pembuluh darah pada otak
enyakit ini merupakan penyakit yang diturunkan. Y
dan peradangan merupakan salah satu mengapa kepala terasa sakit. Walau belum diketahui secara pasti penyebabnya, umumnya pang dapat dilakukan adalah berusaha untuk mencegah terjadinya serangan sakit kepala dan mengurangi rasa sakit saat serangan terjadi.
Penyakit ini lebih banyak diderita oleh wani
Kadangkala serangannya tidak hanya menyerang salah satu sisi kepala tetapi menyerang kedua sisi kepala.’, ‘Budi’), (‘3’, ‘Migrain3’, ‘ta. Migrain adalah penyakit yang menyerang otak dan mengakibatkan kesakitan baik secara fisik maupun emosi. Pelebaran pembuluh darah pada otak dan peradangan
g dapat dilakukan adalah berusaha untuk mencegah
merupakan salah satu mengapa kepala terasa sakit. Walau belum diketahui secara pasti penyebabnya, umumnya penyakit ini merupakan penyakit yang diturunkan. Ya nterjadinya serangan sakit kepala dan mengurangi rasa sakit saat serangan terjadi. Kadangkala serangannya tidak hanya menyerang salah satu sisi kepala tetapi menyerang
kedua sisi kepala.’, ‘Cucu’);
Kemudian buat skrip dan beri nama artikel.php :
");
echo("
");
");
echo( "echo(" ");
echo(
echo(" ") ;" "); echo(" ");
");
echo(" "); echo( "} ?>
$baris[1]
".substr($baris[2],0,150)." Read More . . .
Penulis : $baris[3]
Terakhir, buat skrip untuk baca selengkapnya.
Beri nama skrip ini artikel_detail.php :
");
echo("
");
");
echo( "echo(" ");
echo(
echo(" ") ;" "); echo(" ");
");
echo(" "); echo( "} ?>
$baris[1]
$baris[2]
Penulis : $baris[3]
Penjelasan singkat, fungsi substr untuk mengambil nilai string yang diinginkan. Substr memiliki 3 buah argument dan nilai returnnya adalah string, dimulai dari posisi awal sebanyak jumlah karakter.
Sekian, semoga bermanfaat :)
Download Tutornya Disini ya!!! >>>>>>>>> Click Here <<<<<<<<<<

Email subscribe

Sign up for our newsletter to receive the latest news and event postings.

Copyright © 2011 b-media, All Right Reserved. Design by B-media Design Powered by Blogger