Demo image Demo image Demo image Demo image Demo image >

Script PHP Ganti Password

0 komentar

Script PHP Ganti Password web desain grafisTutorial PHP ini ditujukan untuk newbie yang sudah mulai mengenal PHP, namun masih membutuhkan banyak nutrisi berisi kasus-kasus yang biasa di temui oleh para web developer sebelumnya. Beberapa hari lalu seorang pengunjung ilmuwebsite bertanya kepada penulis perihal bagaimana membuat script php untuk mengganti password lama dengan password yang baru?
Yang perlu dilakukan adalah pembuatan database dan tablenya terlebih dahulu, di mana pada table tersebut minimal harus tersedia field username, dan field password.
Databasenya kira-kira seperti ini :
create database labdb;
use labdb;
create table tbl_user (id int(5) auto_increment primary key, username varchar(75), password varchar(255));
insert into tbl_user(password, username) values( “admin”, “admin” );
Selanjutnya adalah halaman yang digunakan nantinya untuk mengganti password. Di sini penulis membuatnya sesimple mungkin, karena yang akan dijelaskan adalah intinya saja, yakni mengganti password lama menjadi password yang baru.
Script HTML ini penulis save dengan nama formUbahPassword.html
Isinya adalah seperti ini …
<html>
<head><title></title></head>
<body>
<table border=’1′>
<form action=”changePassword.php” method=”POST” />
<tr><td>username:</td><td><input type=”text” name=”username” id=”username” /></td></tr>
<tr><td>password <strong>lama</strong>:</td><td><input type=”password” name=”passwordlama” id=”passwordlama” /></td></tr>
<tr><td>password <strong>baru</strong>:</td><td><input type=”password” name=”passwordbaru” id=”passwordbaru” /></td></tr>
<tr><td>konfirmasi <strong>password baru</strong>:</td><td><input type=”password” name=”konfirmasipassword” id=”konfirmasipassword” /></td></tr>
<tr><td></td><td><input type=”submit” name=”change” value=”ganti!!” /></td></tr>
</form>
</table>
</body>
</html>
kemudian file koneksiDB.php
<?php
$host = “localhost”;
$username = “root”;
$password = “”;
$database = “labdb”;
$koneksi = mysql_connect($host, $username, $password);
mysql_select_db($database, $koneksi) or die( “MySQL Gagal Koneksi” );
?>
dan yang terakhir adalah file intinya yakni changePassword.php,
<?php
require_once “koneksiDB.php”;
$passwordlama = $_POST['passwordlama'];
$passwordbaru = $_POST['passwordbaru'];
$konfirmasipassword = $_POST['konfirmasipassword'];
$username = $_POST['username'];
$cekuser = “select * from tbl_user where username = ‘$username’ and password = ‘$passwordlama’”;
$querycekuser = mysql_query($cekuser);
$count =  mysql_num_rows($querycekuser);
if ($count >= 1){
$updatepassword = “update tbl_user set password = ‘$passwordbaru’ where username = ‘$username’”;
$updatequery = mysql_query($updatepassword);
if($updatequery)
{
“Password telah diganti menjadi $passwordbaru”;
}
}
?>
Sebetulnya apa yang terjadi sangatlah sederhana, untuk mengganti password yang baru adalah haruslah mengetahui password yang saat ini. Kemudian nantinya password yang lama akan di cocokkan dengan database, dan jika memang username dan password nya sesuai maka, maka password yang lama akan ditimpa dengan password baru yang dimasukkan user.
Oke, semoga penjelasan singkat ini bermanfaat. Selamat Mencoba.
Script tersebut bisa didownload si sini …

Script PHP Menghitung Mundur

0 komentar

Script PHP Menghitung Mundur web desain grafis
Hitung mundur atau count down dalam php memang terkadang menjadi sangat diperlukan, terlebih lagi berhubungan dengan misalnya masa expirenya suatu akun, artikel, ataupun bentuk implementasi yang lain.
Kali ini penulis akan membawakan script hitung mundur, script php ini bisa digunakan untuk hal-hal yang telah disebutkan tadi…. atau mungkin sekedar pengetahuan saja. Script php ini sudah dimodifikasi sehingga nantinya bisa lebih bermanfaat lagi.
Oke berikut script nya:
[code]
<?
$t=time();
echo($t . "<br /> Sekarang tanggal: ");
echo(date("D, d F Y",$t));
?>
<br><br><br>
<?php
// Change this to the day in the future
$day = 12;
// Change this to the month in the future
$month = 9;
// Change this to the year in the future
$year = 2011;
// You do not need to edit below this line
// $days is the number of days between now and the date in the future
$days = (int)((mktime (0,0,0,$month,$day,$year) - time())/86400);
echo "Masih ada $days hari, sampai tanggal $day/$month/$year";
?>
[/code]
Script ini masih bisa dikembangkan sesuai keperluan anda, misalnya berhubungan dengan database.
Untuk demo nya silahkan klik >> di sini.
Untuk diskusinya silahkan masuk di forum aja.

Jamu Sehat CSS Untuk Internet Explorer

0 komentar

Jamu Sehat CSS Untuk Internet Explorer  web desain grafisLama tak berjumpa setelah sekian lama ;-). Mungkin banyak dari Anda yang mengidolakan saya, :D maksud saya mengidolakan saya untuk tetap menulis untuk Anda. Okelah kalo begitu. Dalam tutorial css kali ini penulis akan membawakan Tips CSS untuk Internet Explorer. Ya, sampai detik tutorial ini dibuat pun penulis masih saja menemui para web developer yang kerap kali menggunakan Internet Explorer sebagai browser dasar ketika melakukan proses pembuatan interface untuk aplikasi berbasis webnya. Entah apa yang ada dalam pikiran pihak atasan hingga meminta sang developer untuk tetap menggunakan Internet Explorer. Tapi itu bukan inti permasalahannya.Permasalahannya adalah, bagaimana ketika seorang developer itu tetap bisa menjaga tampilan layout atau interfacenya jika ada user yang menggunakan browser lain selain dari pada Internet Explorer, misalkan menggunakan Chrome ataupun Mozilla Firefox.
Oke, sebetulnya untuk menjaga agar tampilan di browser berbagai browser tetap sama, penulis telah menjelaskannya di artikel sebelum-sebelumnya. Yakni artikel berikut ini http://www.ilmuwebsite.com/tutorial-html/standards-compliance-quirks-mode-html, dan http://www.ilmuwebsite.com/web-desain-development/tutorial-css/web-design-tips-css-reset. Tapi tetap saja ada yang kurang, karena pada dasarnya besarnya pixel di internet explorer agak sedikit berbeda dengan browser-browser yang lain, misalnya ketika kita memberikan height ataupun width pada firefox maupun chrome itu berbeda sekali ukurannya dengan Internet Explorer. Sehingga hal seperti inilah yang harus kita tangani.
Jika sudah seperti ini rasanya mau tidak mau seorang developer harus memperlakukan IE secara khusus, tentunya buang-buang waktu, tapi demi membuat sang bos senang, lebih baik gunakan saja cara ini.
Ketika masuk dalam tahapan proses styling menggunakan CSS, perlu ditambahkan barisan kode yang diletakkan di dalam tag <head> seperti ini :
<head>

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”all-ie-only.css” />
<![endif]–>

</head>
Hal ini digunakan untuk memperlakukan ie secara khusus, sehingga Anda membutuhkan 2 file css nantinya, satu untuk Internet Explorer, dan satu lagi untuk browser selain Internet Explorer,. Benar-benar membuang waktu bukan? Mau nggak mau… mau nggak mau.. mau nggak mau asal kumpul… :D (*slank mode). Barisan kode tersebut memiliki arti, jika yang digunakan adalah browser Internet Explorer maka style yang diapit itu yang akan digunakan oleh browser untuk menampilkan layout webnya. Ada juga jenis yang lain :
<!–[if !IE]><!–>
<link rel=”stylesheet” type=”text/css” href=”not-ie.css” />
<!–<![endif]–>
Memiliki arti jika user menggunakan browser selain dari IE, maka gunakanlah file css tersebut.
Barisan kode tersebut digunakan didalam tag <html><head>. Ada pula bentuk lain, Anda bisa memasukkannya kedalam file cssnya langsung. Misalkan penulis memiliki kode seperti ini
<div id=”head”>
<img src=”http://www.ilmuwebsite.com/logo.png” />
</div>
Nah biasanya ketika akan memberikan style kepada <div id=”head”> kita cukup panggil id selectornya saja dalam file css-nya seperti ini :
#head{
height:200px;
}
Ketika memberikan style height kepada browser ie cukup tambahkan :
_height:200px;
Menjadi :
#head{
height:200px;
_height:200px;
}
Ayo di coba ayoo…

Mendekrip Script PHP Yang Dienkripsi Zend Source Guard

0 komentar

Mendekrip Script PHP Yang Dienkripsi Zend Source Guard web desain grafisBagaimana Mendekrip Script PHP Yang di Enkripsi Oleh Zend Source Guard?? Baik, ciri khas pribumi asli dalam negeri, ketika ada aplikasi dari luar ingin rasanya hati ini membajaknya, tapi ketika selesai membuat aplikasi ingin rasanya hati ini aplikasi buatan sendiri anti bajak. Begitu seterusnya dan seterusnya. :P
Sama halnya dengan saya sendiri. :P. Ketika itu diminta untuk mengembangkan Sistem Kepegawaian salah satu perusahaan swasta di Indonesia. Saya diberikan source code yang isinya penuh dengan kode-kode Aneh. Waktu itu sekilas terlintas, “Bagaimana saya bisa mengembangkan sistemnya, jika melihat kodenya saja tidak bisa.” Satu kehebatan yang kadang kita sama sekali jarang mensyukurinya, ketika ada permasalahan senantiasa seorang manusia hampir selalu bisa mencari solusi dari permasalahan tersebut. Belakangan ternyata sebagian programer php Indonesia melindungi hasil karyanya menggunakan Zend source guard, sehingga script phpnya tidak muncul ke permukaan, yang muncul malah kode-kode sembarang, yang membuat pusing pikiran, dan pusing hati programmer lain yang melihatnya.
Berikut contoh dari enkripsi kode php menggunakan Zend Source Guard :

2002062301
Ÿ2 Z͏ E / Ý‘¸GNd ³»@v¦«»>ºa]² «ˆA b„]ØôÌôÎ4Ìt ý ,1^¼iü ‰‰Þðà £ÿÁ;w‰ c¸ ²‰¯úk««»w ° õ~ïÕ«×ï³jESxõÃögŽ=) ~¶°¡S ýû 617°eš(i ñd²Ó± ƒ «å f#¨ÖÉ Øî¿Ì$ó唣¡í8tì~äú^R80z¡v
8Û^ _«é

Nah!! Jika sudah seperti ini, apa yang mau dikembangkan… :hammer. Singkat kata, setiap permasalahan pastinya selalu ada solusi, thesis selalu punya anti thesis, enkripsi pun pastinya memiliki dekripsinya. DeZender, mampu mendekrip script php yang dienkripsi oleh Zend Source Guard, hasilnya ya script aslinya muncul ke permukaan.
Berikut adalah hasil dari dekripsi script yang telah dienkripsi di atas …
if ( !isset( $attributes['fuseaction'] ) )
{
$attributes['fuseaction'] = “home.login”;
}
if ( !isset( $attributes['stoplayout'] ) )
{
$attributes['stoplayout'] = false;
}
if ( !isset( $attributes['menu'] ) )
{
$attributes['menu'] = true;
}
if ( !isset( $self ) )
{
$GLOBALS['self'] = “index.php”;
}
Luar biasa bukan??? Dengan ini programmer php bisa dengan lancar mengembangkan sistem kepegawaian yang telah di minta sebelumnya. Caranya sangat-sangat lah mudah, silahkan download Dezender di sini …
http://forum.ziy.cc/en/attachments/6583d1239088135-dezender.92an.rar

Mendekrip Script PHP Yang Dienkripsi Zend Source Guard

0 komentar

Mendekrip Script PHP Yang Dienkripsi Zend Source Guard web desain grafisBagaimana Mendekrip Script PHP Yang di Enkripsi Oleh Zend Source Guard?? Baik, ciri khas pribumi asli dalam negeri, ketika ada aplikasi dari luar ingin rasanya hati ini membajaknya, tapi ketika selesai membuat aplikasi ingin rasanya hati ini aplikasi buatan sendiri anti bajak. Begitu seterusnya dan seterusnya. :P
Sama halnya dengan saya sendiri. :P. Ketika itu diminta untuk mengembangkan Sistem Kepegawaian salah satu perusahaan swasta di Indonesia. Saya diberikan source code yang isinya penuh dengan kode-kode Aneh. Waktu itu sekilas terlintas, “Bagaimana saya bisa mengembangkan sistemnya, jika melihat kodenya saja tidak bisa.” Satu kehebatan yang kadang kita sama sekali jarang mensyukurinya, ketika ada permasalahan senantiasa seorang manusia hampir selalu bisa mencari solusi dari permasalahan tersebut. Belakangan ternyata sebagian programer php Indonesia melindungi hasil karyanya menggunakan Zend source guard, sehingga script phpnya tidak muncul ke permukaan, yang muncul malah kode-kode sembarang, yang membuat pusing pikiran, dan pusing hati programmer lain yang melihatnya.
Berikut contoh dari enkripsi kode php menggunakan Zend Source Guard :

2002062301
Ÿ2 Z͏ E / Ý‘¸GNd ³»@v¦«»>ºa]² «ˆA b„]ØôÌôÎ4Ìt ý ,1^¼iü ‰‰Þðà £ÿÁ;w‰ c¸ ²‰¯úk««»w ° õ~ïÕ«×ï³jESxõÃögŽ=) ~¶°¡S ýû 617°eš(i ñd²Ó± ƒ «å f#¨ÖÉ Øî¿Ì$ó唣¡í8tì~äú^R80z¡v
8Û^ _«é

Nah!! Jika sudah seperti ini, apa yang mau dikembangkan… :hammer. Singkat kata, setiap permasalahan pastinya selalu ada solusi, thesis selalu punya anti thesis, enkripsi pun pastinya memiliki dekripsinya. DeZender, mampu mendekrip script php yang dienkripsi oleh Zend Source Guard, hasilnya ya script aslinya muncul ke permukaan.
Berikut adalah hasil dari dekripsi script yang telah dienkripsi di atas …
if ( !isset( $attributes['fuseaction'] ) )
{
$attributes['fuseaction'] = “home.login”;
}
if ( !isset( $attributes['stoplayout'] ) )
{
$attributes['stoplayout'] = false;
}
if ( !isset( $attributes['menu'] ) )
{
$attributes['menu'] = true;
}
if ( !isset( $self ) )
{
$GLOBALS['self'] = “index.php”;
}
Luar biasa bukan??? Dengan ini programmer php bisa dengan lancar mengembangkan sistem kepegawaian yang telah di minta sebelumnya. Caranya sangat-sangat lah mudah, silahkan download Dezender di sini …
http://forum.ziy.cc/en/attachments/6583d1239088135-dezender.92an.rar

Mendekrip Script PHP Yang Dienkripsi Zend Source Guard

0 komentar

Mendekrip Script PHP Yang Dienkripsi Zend Source Guard web desain grafisBagaimana Mendekrip Script PHP Yang di Enkripsi Oleh Zend Source Guard?? Baik, ciri khas pribumi asli dalam negeri, ketika ada aplikasi dari luar ingin rasanya hati ini membajaknya, tapi ketika selesai membuat aplikasi ingin rasanya hati ini aplikasi buatan sendiri anti bajak. Begitu seterusnya dan seterusnya. :P
Sama halnya dengan saya sendiri. :P. Ketika itu diminta untuk mengembangkan Sistem Kepegawaian salah satu perusahaan swasta di Indonesia. Saya diberikan source code yang isinya penuh dengan kode-kode Aneh. Waktu itu sekilas terlintas, “Bagaimana saya bisa mengembangkan sistemnya, jika melihat kodenya saja tidak bisa.” Satu kehebatan yang kadang kita sama sekali jarang mensyukurinya, ketika ada permasalahan senantiasa seorang manusia hampir selalu bisa mencari solusi dari permasalahan tersebut. Belakangan ternyata sebagian programer php Indonesia melindungi hasil karyanya menggunakan Zend source guard, sehingga script phpnya tidak muncul ke permukaan, yang muncul malah kode-kode sembarang, yang membuat pusing pikiran, dan pusing hati programmer lain yang melihatnya.
Berikut contoh dari enkripsi kode php menggunakan Zend Source Guard :

2002062301
Ÿ2 Z͏ E / Ý‘¸GNd ³»@v¦«»>ºa]² «ˆA b„]ØôÌôÎ4Ìt ý ,1^¼iü ‰‰Þðà £ÿÁ;w‰ c¸ ²‰¯úk««»w ° õ~ïÕ«×ï³jESxõÃögŽ=) ~¶°¡S ýû 617°eš(i ñd²Ó± ƒ «å f#¨ÖÉ Øî¿Ì$ó唣¡í8tì~äú^R80z¡v
8Û^ _«é

Nah!! Jika sudah seperti ini, apa yang mau dikembangkan… :hammer. Singkat kata, setiap permasalahan pastinya selalu ada solusi, thesis selalu punya anti thesis, enkripsi pun pastinya memiliki dekripsinya. DeZender, mampu mendekrip script php yang dienkripsi oleh Zend Source Guard, hasilnya ya script aslinya muncul ke permukaan.
Berikut adalah hasil dari dekripsi script yang telah dienkripsi di atas …
if ( !isset( $attributes['fuseaction'] ) )
{
$attributes['fuseaction'] = “home.login”;
}
if ( !isset( $attributes['stoplayout'] ) )
{
$attributes['stoplayout'] = false;
}
if ( !isset( $attributes['menu'] ) )
{
$attributes['menu'] = true;
}
if ( !isset( $self ) )
{
$GLOBALS['self'] = “index.php”;
}
Luar biasa bukan??? Dengan ini programmer php bisa dengan lancar mengembangkan sistem kepegawaian yang telah di minta sebelumnya. Caranya sangat-sangat lah mudah, silahkan download Dezender di sini …
http://forum.ziy.cc/en/attachments/6583d1239088135-dezender.92an.rar

Menampilkan Gambar Pada HTML Tanpa File Terpisah

0 komentar

Menampilkan Gambar Pada HTML Tanpa File Terpisah web desain grafisUmumnya untuk menampilkan gambar pada HTML membutuhkan sebuah tag misalnya <img src=”http://www.ilmuwebsite.com/images/tutorial/html7.jpg” />, tapi ternyata ada cara lain untuk menampilkan gambar tanpa file terpisah.
Caranya seperti biasa, hanya ditambahkan beberapa data pada atribut src saja.
<img src=”data:(MIME);base64,(base64)” alt=”" />
Penjelasan:
(MIME) diisi dengan jenis gambarnya, misal image/jpeg, image/png, image/gif, dll. Sedangkan (base64) maksudnya adalah data dalam bentuk biner yang telah di-encode dalam bentuk base64.
Misal saya ingin menampilkan gambar berjenis PNG, file gambarnya bernama gambar.png.
Langkah pertama adalah mengambil isi dari file gambar.png kemudian di-encode kedalam bentuk base64.
Potongan kode PHP dibawah ini saya buat sebagai contoh saja untuk mengambil isi dari file gambar.png kemudian tampilkan ke browser dan tulis kedalam file gambar.txt dalam bentuk base64.
<?php  $imgfile = “gambar.png”; //nama file
$imgbinary = base64_encode(fread(fopen($imgfile, “r”), filesize($imgfile))); /*masukkan data ke dalam variabel $imgbinary */
echo ‘<img src=”data:image/png;base64,’ . $imgbinary . ‘” alt=”" />’; /* tampilkan ke browser */
$handle = fopen(“gambar.txt”, “w”); /* buat handle untuk membuka file gambar.txt dengan mode write */
fwrite($handle, $imgbinary); /* tulis data dari variabel $imgbinary kedalam file gambar.txt */
fclose($handle); /* lepaskan handle */
?>

Membuat Icon Smadav

0 komentar

Membuat Icon Smadav web desain grafisPagi hari menjelang siang gak ada kerjaan, tapi perut udah lapar banget (belum makan pagi). Ya udah beli mie dulu. Untung tetangga saya ada yang jual mie.
Siap makan, perut udah kenyang, tapi tetep gak ada kerjaan, ya udah buat tutorial aja. Temen-temen semua tau Smadav nggak?? Itu lho “Antivirus kebanggaan Indonesia”. Saya pertama kali kenal Smadav waktu komputer saya terkena virus yuyun_cantix yaitu virus jenis VBS. Kalo mau tau cara ngapusnya ada disini (bagian I) dan disini (bagian II).
Udah dulu ngebahas virusnya.
Apa hubungannya dengan Photoshop? Pada tutorial kali ini kita akan coba membuat logo dari Smadav “Antivirus Kebanggan Indonesia”. Siap? kita mulai
1. Buat dulu dokumen baru (Ctrl+N)
Membuat Icon Smadav web desain grafis
2. Klik Pen Tool, lalu buat shape seperti ini
Membuat Icon Smadav web desain grafis
3. Klik 2 kali kotak seperti yang ada di gambar, lalu ganti warnanya dengan #01fa09
Membuat Icon Smadav web desain grafis
4. Tekan Ctrl+Shift+N untuk membuat layer baru. Buat lagi shape seperti ini (Merah), lalu warnai
Membuat Icon Smadav web desain grafis
5. Buat Lagi layer baru, buat shape (merah), lalu warnai lagi. Jarak antar shape nggak terlalu rapat juga gpp, nanti tertutupi garis.
Membuat Icon Smadav web desain grafis
Maap ya.. bentuknya gak rata (lg malas) ^_*
Wah udah mulai keren neh….
6. Sekarang kita buat garis-garisnya. Pilih Pen Tool, lalu atur kaya gini. Buat garis dengan Pen tool seperti di bawah (merah)
Membuat Icon Smadav web desain grafis
7. Lalu kita warnai. Klik Brush Tool, klik kanan di area kerja, atur seperti di bawah ini. Klik Foreground color atur juga warnanya.
Membuat Icon Smadav web desain grafis
8. Klik kembali Pen Tool, klik kanan di Path yang tadi telah dibuat, klik Stroke Path, lalu atur kaya gini
Membuat Icon Smadav web desain grafis
Lalu Klik kanan-Delete Path pada Path tadi.
9. Lakukan juga pada garis yang lain (tidak perlu buat layer baru)
Nah….. Hasil sementara…
Membuat Icon Smadav web desain grafis
Lanju…..t.. yu……k
10. Select semua layer kecuali layer background dengan cara Ctrl+klik pada nama layer, lalu drag (klik sambil tarik) ke icon group dibawah.
Membuat Icon Smadav web desain grafis
11. Klik kanan-Duplicate Group buat nama grup: Shadow karena nanti fungsinya sebagai bayangan
12. Klik Transform-Flip Vertical, lalu tarik ke bawah sambil tekan dan tahan Shift supaya tetap lurus ke bawah
Jadi kaya gini..
Membuat Icon Smadav web desain grafis
13. Klik icon Add Layer Mask (di dekat icon group) dengan posisi Grup Shadow ter-select
Membuat Icon Smadav web desain grafis
14. Klik Gradient Tool (di bawah Paint Bucket tool)
15. Drag dari atas sampai kira-kira setengah, Ubah opacity menjadi 65 %
Membuat Icon Smadav web desain grafis
16. Tinggal tambahin Text
Membuat Icon Smadav web desain grafis
Bisa juga di kreasiin kaya gini
Membuat Icon Smadav web desain grafis
Berhasil belum?? Kalo belum, berusaha terus ya.. Pasti bisa kok, yang penting ada kemauan karena Dimana ada Kemauan, Disitu ada Jalan
Terima Kasih bagi yang telah melirik, membaca, maupun mempraktekkan Tutorial ini.
Sekali lagi maaf ya kalo gambarnya gak bagus karena ngerjainnya sambil malas-malasan ngisi waktu luang
Bila ada kesalahan mohon dimaafkan.

10 Framework PHP Terbaik

0 komentar

10 Framework PHP Terbaik web desain grafisSebetulnya berita ini sudah sering di ulang-ulang, tapi karena ranking bersifat dinamis, pastinya setiap bulan urutan kepopulerannya selalu berbeda,  sehingga penulis rasa hal ini perlu dikabari lagi. Budaya penghargaan dan pemberian ranking pun terjadi pada Framework PHP yang kini semakin populer digunakan, beberapa bulan lalu, ci (codeIgniter)  selalu nongkrong di posisi teratas, menjadi no. 1 paling banyak digunakan para programmer dunia. Namun, selang beberapa bulan, yii muda, yang ide awalnya mengambil dari prado, meski baru lahir, mampu menumbangkan kompetitor yang sudah ada sebelumnya.
Perlu diketahui Framework PHP yang menganut konsep MVC (model, view, controller) menjadikan pembuatan aplikasi berskala besar menjadi lebih cepat, dan mudah. Seorang designer tidak perlu lagi merepotkan urusan koding PHP, begitu juga seorang programmer, tidak perlu memikirkan masalah design interface. Benar-benar Framework PHP ini sangat memudahkan.
Sampai saat artikel ini ditulis, 10 Framework PHP Terbaik yang populer saat ini :
1. yii
2. Codeigniter
3. CakePHP
4. Zend
5. Symfony
6. PHP Dev Shell
7. Prado
8. Akelos
9. QPHP
10. ZooP
(sumber: http://www.phpframeworks.com/top-10-php-frameworks/)
Saya rasa Panada Framework buatan mas Iskandar Soesman, layak masuk sebagai framework php yang bisa diperhitungkan. B-)

Kekalahan Google = Akhir dari Aliansi Microsoft + Facebook

0 komentar

Kekalahan Google = Akhir dari Aliansi Microsoft + Facebook  web desain grafisMicrosoft yang telah lama beraliansi dengan facebook terlihat seperti berambisi ingin mendapatkan hasil akhir, yakni mengalahkan Google. Tapi apakah ini mungkin?
Integrasi antara Bing dan Facebook telah menjadikan hasil pencarian bing jauh lebih akurat ketimbang google, karena fasilitas facebook “like this” atau “wall shared” benar-benar sangat membantu bing menemukan hasil cari yang jauh lebih akurat ketimbang google yang tidak memiliki fasilitas-fasilitas seperti milik facebook.Sebagai contohnya ketika seorang user melakukan pencarian keyword “tutorial php“ menggunakan Bing, maka yang pertama kali dilakukan adalah Bing akan menampilkan yang dimana hasilnya itu diperoleh dari rekomendasi orang-orang yang melakukan like this pada website-website tutorial php. Sehingga secara logika pun hasil pencarian jauh lebih akurat.
Hal-hal seperti inilah yang menjadikan google harus bekerja lebih ekstra, karena para developer di tubuh google juga telah mengetahui metode ini sangat berbahaya, sehingga menggeser google dari kedudukan “Raja Mesin Pencari” menjadi mimpi buruk yang sewaktu-waktu bisa menjadi kenyataan. Survey terakhir mengatakan hasil pencarian Yahoo dan Bing itu mencapai lebih dari 81% sukses dalam hal hasil pencarian. Sedangkan google hanya mencapai 65% saja sukses dalam hasil pencariannya.
Sumber: http://www.cmswire.com/cms/web-engagement/bing-one-ups-google-with-facebook-integration-011272.php

Teknologi Layar Amoled

0 komentar

Teknologi Layar Amoled web desain grafisHai semua, malam ini yuk kita bahas seputar teknologi baru layar ponsel yang begitu sering terdengar di telinga kita. Layar ponsel atau perangkat elektronik saat ini di dominasi oleh layar layar LCD termasuk layar layar ponsel. nah yang akan kita bahas kali ini adalah tentang teknologi layar AMOLED atau yang di sebut dengan Active-Matrix Organic Light-Emitting Diode.
Teknologi ini telah dan akan menjadi trend di masa yang akan datang, karena layar AMOLED ini memiliki banyak keunggulan dari beberapa sisi dibandingkan dengan teknologi layar biasanya LCD. Sebelum lebih lanjut kita bahas keunggulan seputar layar AMOLED ini, mari kita intip dulu produk produk ponsel apa saja yang menggunakan teknologi ini.
Pertama yang penulis tahu, ponsel yang menggunakan teknologi ini yaitu Nokia N8, Nokia X7, Nokia E7, Nokia C7, Nokia C6-01, dan satu lagi produk sonny Ericsson. Dan rencanaya semua pabrikan ponsel akan menggunakan teknologi ini semua.
Oke mari kita bahas kenggulan teknologi layar AMOLED ini. Dari perakitan, proses dan bahan bahan pembuat dari layar ini menggunakan teknologi canggih dalam poses produksinya jadi jangan heran kalau device yang mengunakan perangkat ini harganya cukup mahal. Keunggulan pertama dari layar ini adalah bentuknya yang ekstra tipis sehingga perangkat yang akan di pasang layar ini seharusnya bisa lebih tipis lagi. Kenggulan berikutnya yaitu tidak mnembutuhkan cahaya latar atau backlight, yang mengacu pada teknologi yang mampu mengatur besaran piksel dengan konsumsi daya lebih rendah meski layar berukuran besar sekalipun.
Untuk secara teknisnya layar AMOLE ini memiliki beberapa lapisan yang terpisah untuk mengendalikan tampilan yaitu lapisan kutub positif (Anode layer), lapisan organic tengah (middle organic layer), lapisan kutub negative (cathode layer) dan lapisan bawah yang berisi untaian (circuitry).
Selanjutnya Layar AMOLED juga terdiri dari piksel-piksel OLED yang ditempatkan atau diintegrasikan ke transistor film yang kecil (Thin Film Transistor/TFT) untuk membentuk matrik piksel yang menyinari cahaya saat aktivasi elektrik, yang mana berfungsi sebagai pengontrol setiap piksel yang ditampilkan. Susunan TFT secara terus menerus mengontrol aliran piksel-piksel yang ditampilkan, memberi sinyal ke tiap piksel seberapa cerah harus memendar.
Seperti itulah secara singkat penjelasan seputar AMOLED, kalau anda ingin tahu lebih jelasnya mengenai apa itu teknologi layar AMOLED silahkan buka referensi website berikut: wikipedia AMOLED.

Keadaan Internet Tahun 2011??

0 komentar

Keadaan Internet Tahun 2011?? web desain grafisInternet telah jelas-jelas mengubah dunia kita, dunia manusia, dunia saya, dan dunia Anda, termasuk di dalamnya dunia dalam berita. :P. Tapi, yang dilupakan oleh orang banyak adalah betapa besar dan betapa pentingnya dunia www bagi kehidupan manusia.
Apakah Anda tau berapa banyak waktu yang dihabiskan oleh orang-orang setiap harinya di depan internet? Apa Anda tahu berapa banyak tweet yang dilakukan oleh orang-orang didunia bulan kemarin? Apa Anda tahu berapa banyak orang membeli barang dari amazon.com? Apakah Anda tahu semua itu? Kalo tidak tahu mari kita cari tahu.
Terdapat sebuah website yang menginformasikan apa yang terjadi di internet saat ini. Lebih tepatnya infographic mengenai internet saat ini. Banyak sekali informasi penting yang didapat dari website ini. Yang kita tahu selama ini adalah, internet adalah sesuatu yang sangat-sangat besar tanpa kita tahu ada apa sebenarnya yang terjadi di internet saat ini. Info-info apa yang penting yang bisa Anda dapatkan. Infographic mengenai internet menjawab semua ini. Inilah dia the internet state, di persembahkan oleh OnlineSchools.org.
Klik http://www.onlineschools.org/state-of-the-internet/soti.html untuk info dunia internet di 2011.

Cara Mudah Membuat Grafik Statistik dengan PHP dan CSS

0 komentar

Seperti yang saya janjikan pada status di Twitter maupun di Facebook bahwa saya berusaha akan menulis artikel tentang cara membuat grafik statistik dengan PHP dan CSS. Dan kini.. janji sudah terwujud.
Untuk membuat grafik chart, sebenarnya sudah banyak sekali package/library yang tersedia baik free maupun bayar. Salah satunya yang free adalah JpGraph. Cara penggunaan JpGraph ini pernah saya bahas sebelumnya, atau Anda bisa download tutorialnya di sini. Namun, untuk menjalankan library-library tersebut harus didukung oleh library yang lain juga misalnya GD library. Tanpa library tersebut, maka mustahil library grafik yang Anda peroleh dapat dijalankan. Di samping itu kita masih agak sedikit repot dengan cara penggunaannya, karena setiap library grafik berbeda penggunaannya.
Nah.. kini Anda tak perlu repot lagi untuk membuat grafik chart karena saya akan memberikan tutorial cara membuat grafik statistik hanya dengan perintah PHP sederhana dan ditunjang oleh CSS (Cascade Style Sheet). Memang sih.. untuk tampilan tidak semewah kalo kita menggunakan JpGraph atau yang lain, tapi paling tidak.. representasi grafiknya bisa dibaca dengan mudah dan bisa membuat keren website Anda :-)

OK.. untuk studi kasus kali ini, saya akan menerapkan hal ini untuk representasi data mahasiswa berdasarkan jenis kelaminnya. Andaikan kita memiliki tabel database dan datanya sebagai berikut:
1.CREATE TABLE `mhs` (
2.`nim` varchar(10),
3.`nama` varchar(10),
4.`jenisKelamin` varchar(10),
5.PRIMARY KEY  (`nim`)
6.);
1.INSERT INTO `mhs` VALUES ('A001', 'A', 'LAKI-LAKI');
2.INSERT INTO `mhs` VALUES ('A002', 'B', 'LAKI-LAKI');
3.INSERT INTO `mhs` VALUES ('A003', 'C', 'LAKI-LAKI');
4.INSERT INTO `mhs` VALUES ('A004', 'D', 'PEREMPUAN');
5.INSERT INTO `mhs` VALUES ('A005', 'E', 'LAKI-LAKI');
Untuk outputnya, kita nanti akan berusaha membuat script yang menampilkan grafik seperti di bawah ini
Grafik dengan PHP dan CSS
Perhatikan gambar di atas, bahwa ketika kita dekatkan mouse ke grafik batangnya maka akan muncul keterangan data statistiknya. Efek tersebut kita buat tanpa menggunakan script apapun, kecuali hanya CSS doang. Simpel tapi menarik bukan?
Trus.. gimana ide dasar membuat grafiknya? terutama membuat grafik batangnya? Dalam hal ini grafik batang kita buat menggunakan CSS sedangkan panjang pendeknya grafik batang tersebut tergantung jumlah data yang kita hitung menggunakan script PHP.
Untuk membuat sebuah batang dengan CSS, kita cukup membuat tag seperti ini:
1.<div style="height: 10px; width: 10%; background-color: red;" title="..."></div>
Atribut ‘height’ digunakan untuk mengatur lebar dari batang (dalam hal ini menggunakan satuan pixel). Selanjutnya ‘width’ untuk menentukan panjang batang. Anda bisa menggunakan satuan pixel maupun prosentase. Bila Anda menggunakan prosentase maka prosentase yang dimaksud adalah relatif terhadap panjang jendela browser. Misalkan diberikan ‘width: 10%’ maka panjang batang adalah 10% dari panjang jendela browser. Sedangkan atribut ‘background-color’ untuk mengatur warna batang, dan ‘title’ untuk memberikan title dari batang tersebut. Efek pemberian ‘title’ tampak seperti pada gambar output di atas yaitu akan muncul keterangan (tool tips) ketika mouse mengenai batang tersebut.
Nah… untuk selanjutnya kita hanya bermain-main pada atribut ‘width’ dan ‘title’ untuk membuat tampilan output seperti di atas. Kedua atribut ini nanti kita buat dinamis tergantung jumlah datanya.
Trus.. untuk mengatur panjang pendeknya batang gimana caranya? caranya adalah dengan menggunakan skala. Wah.. ada matematikanya ya? jelas donk… wah mentang-mentang yang nulis artikel ini orang matematika ya? he.. 3x nggak juga, karena kebetulan topik ini ada sangkut pautnya dengan matematika :-)
Nah.. bagaimana penggunaan skalanya? OK kita misalkan kita tentukan panjang grafik maksimum adalah 30% dari panjang jendela browser. Karena 30% ini panjang maksimum, maka kejadian ini akan terjadi ketika ada item data yang jumlahnya 100%. Sebagai contoh misalkan ada 10 mahasiswa, dan semuanya pria (prosentase pria 100%). Dengan demikian grafik batang untuk pria ini panjangnya adalah 30%. Nah.. dari asumsi ini, kita tinggal atur skalanya berarti untuk item data sejumlah n% maka panjang batangnya adalah (n*30/100)%. OK, paham ya idenya?
Dengan demikian, berdasarkan ide di atas berarti sebelum mulai membuat grafiknya, kita harus dapatkan dulu data prosentase setiap item data, dalam hal ini jumlah laki-lakinya berapa prosen begitu pula perempuannya. Setelah jumlah prosentase masing-masing diketahui, barulah kita gunakan untuk mengatur panjang grafik batang menggunakan skala di atas.
So.. script untuk membuat grafik statistik mahasiswa berdasarkan jenis kelamin kita buat sbb:
01.<?php
02. 
03.// koneksi ke mysql
04.mysql_connect("dbhost", "dbuser", "dbpass");
05.mysql_select_db("dbname");
06. 
07.// mencari jumlah laki-laki dari database
08.$query = "SELECT count(*) AS jumCowok FROM mhs WHERE jenisKelamin = 'LAKI-LAKI'";
09.$hasil = mysql_query($query);
10.$data  = mysql_fetch_array($hasil);
11.$jumCowok = $data['jumCowok'];
12. 
13.// mencari jumlah perempuan dari database
14.$query = "SELECT count(*) AS jumCewek FROM mhs WHERE jenisKelamin = 'PEREMPUAN'";
15.$hasil = mysql_query($query);
16.$data  = mysql_fetch_array($hasil);
17.$jumCewek = $data['jumCewek'];
18. 
19.// menghitung total mahasiswa
20.$total = $jumCowok + $jumCewek;
21. 
22.// menghitung prosentase laki-laki dan perempuan
23.$prosenCowok = $jumCowok/$total * 100;
24.$prosenCewek = $jumCewek/$total * 100;
25. 
26.// menentukan panjang grafik batang berdasarkan prosentase
27.$panjangGrafikCowok = $prosenCowok * 30 / 100;
28.$panjangGrafikCewek = $prosenCewek * 30 / 100;
29. 
30.?>
31. 
32.<h2>Statistik Mahasiswa Berdasarkan Jenis Kelamin</h2>
33. 
34.<p><b>Laki-laki</b> (Jumlah: <?php echo $jumCowok; ?> | <?php echo $prosenCowok; ?>%) <div style="height: 10px; width: <?php echo $panjangGrafikCowok; ?>%; background-color: red;" title="Laki-laki (Jumlah: <?php echo $jumCowok; ?> | <?php echo $prosenCowok; ?>%)"></div></p>
35. 
36.<p><b>Perempuan</b> (Jumlah: <?php echo $jumCewek; ?> | <?php echo $prosenCewek; ?>%) <div style="height: 10px; width: <?php echo $panjangGrafikCewek; ?>%; background-color: red;" title="Perempuan (Jumlah: <?php echo $jumCewek; ?> | <?php echo $prosenCewek; ?>%)"></div></p>
Nah.. mudah bukan membuatnya?
Oya.. satu lagi yang perlu saya tambahkan. Lantas.. bagaimana bila kejadiannya keseluruhan mahasiswanya laki-laki atau perempuan? pastilah nantinya ada prosentase yang 0% dan akibatnya grafik batangnya tidak muncul karena width nya ’0%’. Sebenarnya tidak apa-apa sih, namun.. kok kayaknya kurang seru. Meskipun prosentasenya 0%, tapi paling tidak kita munculkan sedikit grafiknya meskipun hanya dengan panjang 1%. Untuk membuat ini, kita harus tambahkan statement IF pada script di atas yaitu pada bagian penentuan panjang grafiknya, sehingga pada bagian tersebut menjadi:
1.if ($prosenCowok == 0) $panjangGrafikCowok = 1;
2.else $panjangGrafikCowok = $prosenCowok * 30 / 100;
3. 
4.if ($prosenCewek == 0) $panjangGrafikCewek = 1;
5.else $panjangGrafikCewek = $prosenCewek * 30 / 100;
OK?? begitu tutorial yang saya berikan ini, mudah-mudahan ada manfaatnya. Artikel ini terinsipirasi oleh plugin polling di WordPress yang saya pasang di blog ini yang menggunakan ide di atas.

ayo belajar HTML 5, nih ada link download buat teman2 yg pengen belajar HTML 5

1 komentar

XHTML 2 sudah mati, saatnya beralih ke HTML 5! Menurut W3C , XHTML 2 telah sudah tidak lagi dikembangkan dan W3C berencana untuk meningkatkan kelebihan dari HTML 5 saja. meskipun HTML 5 tidak akan sepenuhnya didukung hingga tahun 2022, tidak berarti bahwa kita tidak mempelajari dan pasti akan mempergunakanya.

disini saya akan bagikan scripts HTML 5 Cheat Sheet yang berisi daftar tag , penjelasan, atribut dan apakh support dalam HTML 4.

namun bebrapa browse masih belum support html5... tapi tidak ada salahnya untuk mempelajari hingga html 5 bener2 disempurnakan

berikut link downloadnya : Download

SUMBER : http://www.akakom.ac.id/index.php/47...ri-html-5.html
ianpanrita is offline  

Membuat Comment Ajax

0 komentar


Belajar JQuery Yuk? (Pemula Bag. 1)

0 komentar

Belajar JQuery Yuk? (Pemula Bag. 1) web desain grafisWebDesigner mana yang nggak kenal dengan library javascript yang satu ini? Bahkan webdesigner dari gunung sekalipun penulis yakin sudah mengetahui library yang satu ini. Mohon maaf bagi anda webdesigner dari gunung, bukan maksud penulis mengolok-olok, tapi jangan salahkan ibu mengandung, jangan salahkan bapak mengundang. :D. Meskipun sebetulnya selain Jquery ada juga library yang sama tangguhnya, seperti mootools, scriptaculous, dan banyak lagi yang aneh-aneh, sering juga perhelatan mengenai mana yang paling bagus tetap ada hingga sekarang, penulis sendiri di tengah saja, karena masing-masing library memiliki kelebihan masing-masing, gimana seleranya aja. Yang jelas untuk menggunakan jquery dasar yang harus anda kuasai adalah, HTML, CSS, dan sedikit saja bekal pengetahuan javascript, seperlunya dan sesuai selera.
Sebetulnya apa yang menarik dari JQuery? Selain penggunaanya diketik menggunakan keyboard, library yang lengkap, manual dan tutorial yang berjibun banyaknya di internet, pluginnya pun cukup banyak sekali, bagi anda yang dikejar deadline mungkin bisa langsung membuka http://www.jqueryplugins.com untuk mendapatkan efek jquery yang di inginkan. Sementara untuk artikel yang sekarang ini penulis hanya akan mengkhususkan belajar jquery dari dasar bukan untuk menggunakan plugin jquery.
Untuk artikel kali ini penulis akan memulai pembahasan pondasi dari jquery, yakni Memulai Jquery dengan Selector.
Mengapa jquery bisa membuat efek yang begitu memukau, memainkan HTML sehingga menjadikan suatu website jadi sangat interaktif? Salah satu alasannya adalah penggunaan selector yang mudah. Apa sebetulnya selector ? Konsep selector miliki jquery bisa dibilang mengadopsi dari konsep selectornya CSS. Ada selector id, selector class, dan selector tag. Bingungkan ??? Sama dong kita. Lebih baik kita langsung terjun bebas saja untuk mempraktikan jquery. Bagaimana???
Hal pertama yang dilakukan adalah kita download terlebih dahulu JQuery, anda bisa mengunjungi http://docs.jquery.com/Downloading_jQuery untuk langsung mendownloadnya, atau bisa juga mengklik link ini http://code.jquery.com/jquery-1.4.2.js sama saja. Saya tidak sedang berusaha untuk menipu anda. :D. Oke, letakkan file tersebut misalnya di c:belajarjqueryjquery-1.4.2.js. Selesai? Lanjutkan! Lebih cepat lebih baik.
Oke, selanjutnya siapkan satu buah file html, dan letakkan satu direktori dengan jquery-1.4.2.js yang tadi kita download. Berikan namanya misalkan, latihan.selector1.html
Kemudian isi di bagian body seperti ini :
<p>Orang-orang liberal mengatakan pergerakan untuk mempersatukan kaum muslimin seluruh dunia di bawah naungan Al-Khilafah itu merupakan suatu mimpi belaka. Terlalu utopis. “Mana bisa!!”, kata mang Abdul Mosqid.
Aneh dan heran … herannya kenapa mimpi indah seperti ini nggak dibiarkan tuk tetep ada. Malah dilarang-larang. Kan aneh bin mahfuz itu namanya. Dikit-dikit dilarang … dikit-dikit dilarang. Di larang kok dikit-dikit. Haha… Yang bikin penasaran lagi kenapa begitu giatnya perjuangan mereka (orang-orang perguruan pencak silat liberal) dalam menutup gaung upaya penegakkan syariat islam lewat berbagai media. Acara ngoprek Al-Quran bareng-bareng pun jadi kegiatan keseharian. Ngopreknya nggak tanggung-tanggung, Al-Quran dicocokkin dengan akal mereka sendiri, yang nggak sesuai dikritisi, dicaci maki. Hahaha … keren-keren… Terus, kalo penegakkan syariat islam itu dibilang cuma mimpi belaka doang, Kenapa JIL harus nerbitin media kaya islamlib.com, mang Gusdur dengan wahid institutenya, dan berbagai media lainnya yang berusaha secara terang-terangan menjauhkan orang-orang islam dari gaung penegakkan syariat islam? dan bahkan nggak jarang mereka justru melencengkan arti dan makna syariat islam yang sebenarya. Heran deh gw. Heran nggak sih loh? Ada apa dibalik semua ini? Ada apa gerangan? Ada apa mang ulil meng-erang-erang? Haha…
</p>
<div id=”kotakkotaknora”></div>
<a href=”#”>Klik klik…</a>
Kemudian kita sisipkan script ini dibagian head :
<script type=”text/javascript” src=”jquery-1.4.2.js”></script>
<script type=”text/javascript”>
$(“document”).ready(function(){
$(“a”).click(function(){
$(“p.kalimat”).css(“color”, “red”);
$(“#kotakkotaknora”).addClass(“red”);
});
});
</script>
<style type=”text/css”>
.red{
height:200px;
width:200px;
background-color: red;
}
</style>
Oke, bagaimana ? masih bingung ?? Mari kita bahas javascriptnya. Pertama kita memanggil library jquery,
<script type=”text/javascript” src=”jquery-1.4.2.js”></script>
Jangan sampai pertanyaan mengapa itu ada. Apa? Ya, karena bagaimana mungkin kita bisa menggunakan fasilitas jquery tanpa kita menyisipkan jquery ke dalam tag head. Oke kita lanjut.
<script type=”text/javascript”>
$(“document”).ready(function(){
$(“a”).click(function(){
$(“p.kalimat”).css(“color”, “red”);
$(“#kotakkotaknora”).addClass(“red”);
});
});
</script>
Ketika halaman html telah di load sepenuhnya
$(“document”).ready(function(){
Dan ketika selector tag ‘a’ di halaman website tersebut di klik
$(“a”).click(function(){
Rubah kalimatnya yang berada dalam selector tag p dengan selector class samadengan kalimat menjadi warna merah
$(“p.kalimat”).css(“color”, “red”);
Kemudian berikan style untuk selector id kotakkotaknora.
$(“#kotakkotaknora”).addClass(“red”);
Penutupnya.
});
});

Sehingga yang harus di catat adalah, untuk memanggil elemen yang memiliki id, misalnya elemen div dia memiliki id, maka jquerynya memanggil dengan selector #id.
Sehingga <div id=”kotakotaknora”></div> di panggil oleh jquery dengan $(“#kotakkotaknora”).
Begitu pun halnya class dalam css, misalnya <p class=”kalimat”></p>
Lalu yang terakhir adalah tag selector, misalnya <a href=”#”> karena dia tidak memiliki id maupun class maka jquery memanggilnya dengan $(“a”).
Mudah ya? Oke kita perdalam lagi untuk tutorial selanjutnya.
Script lengkapnya adalah seperti ini, atau bisa juga download di sini
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title></title>
<meta name=”" content=”">
<meta name=”vs_targetSchema” content=”http://schemas.microsoft.com/intellisense/ie5″>
<script type=”text/javascript” src=”jquery-1.4.2.js”></script>
<script type=”text/javascript”>
$(“document”).ready(function(){
$(“a”).click(function(){
$(“p.kalimat”).css(“color”, “red”);
$(“#kotakkotaknora”).addClass(“red”);
});
});
</script>
<style type=”text/css”>
.red{
height:200px;
width:200px;
background-color: red;
}
</style>
</head>
<body>
<p>Orang-orang liberal mengatakan pergerakan untuk mempersatukan kaum muslimin seluruh dunia di bawah naungan Negara Daulah Al-Khilafah Islamiyah itu merupakan suatu mimpi belaka. Terlalu utopis. “Mana bisa!!”, kata mang Abdul Mosqid.
Aneh dan heran … herannya kenapa mimpi indah seperti ini nggak dibiarkan tuk tetep ada. Malah dilarang-larang. Kan aneh bin mahfuz itu namanya. Dikit-dikit dilarang … dikit-dikit dilarang. Di larang kok dikit-dikit. Haha… Yang bikin penasaran lagi kenapa begitu giatnya perjuangan mereka (orang-orang perguruan pencak silat liberal) dalam menutup gaung upaya penegakkan syariat islam lewat berbagai media. Acara ngoprek Al-Quran bareng-bareng pun jadi kegiatan keseharian. Ngopreknya nggak tanggung-tanggung, Al-Quran dicocokkin dengan akal mereka sendiri, yang nggak sesuai dikritisi, dicaci maki. Hahaha … keren-keren… Terus, kalo penegakkan syariat islam itu dibilang cuma mimpi belaka doang, Kenapa JIL harus nerbitin media kaya islamlib.com, mang Gusdur dengan wahid institutenya, dan berbagai media lainnya yang berusaha secara terang-terangan menjauhkan orang-orang islam dari gaung penegakkan syariat islam? dan bahkan nggak jarang mereka justru melencengkan arti dan makna syariat islam yang sebenarya. Heran deh gw. Heran nggak sih loh? Ada apa dibalik semua ini? Ada apa gerangan? Ada apa mang ulil meng-erang-erang? Haha…
</p>
<div id=”kotakkotaknora”></div>
<a href=”#”>Klik klik…</a>
</body>
</html>

Perkenalan PHP Framework: Panada

0 komentar

Perkenalan PHP Framework: Panada web desain grafis
Panada adalah sebuah MVC PHP Framework yang membantu para developer PHP untuk mempermudah dalam pembuatan sebuah aplikasi web. Berbagai macam librari telah tersedia dan siap digunakan untuk mempercepat proses penyelesaian pekerjaan.
Berdasarkan pengujian, kinerja Panada cukup cepat bila dibandingkan dengan beberapa framework yang telah ada sebelumnya. Hal ini dikarenakan penggunaan alur logic yang sederhanan dan simpel pada system utamanya (core system).
Untuk instalasi, Panada membutuhkan setidaknya PHP versi 5.2 ke atas. Framework ini memanfaatkan feature-feature yang ada pada PHP 5 seperti autoload dan filter function.
Feature-feature yang ada pada Framework buatan lokal ini diantaranya ringan, sederhana, suport multisite, natural dll. Secara detail bisa dibaca di http://panadaframework.com/.
Instalasi
Untuk mendapatkan source code Panada versi terbaru, silahkan download di http://panadaframework.com/. Dilanjutkan dengan membuat sebuah folder baru di root folder webserver Anda dengan nama mysite. Silahkan ekstrak dan simpan source code Panada pada folder ini. Kemudian buka browser dan ketikan alamat: http://localhost/mysite. Jika berhasil, maka akan tampil pesan “This is hello world body!” pada halaman tersebut.
Hello World!
Penggunaan Panada cukup mudah sama seperti Anda menggunakan class pada PHP 5. Pertama-tama buat sebuah class, misalnya class “hello” di mana class ini menjadi child dari class Panada. Berikut contohnya:
<?php
class Controller_hello extends Panada {
public function __construct(){
parent::__construct();
}
}
Simpan class ini dengan nama hello.php dan letakkan pada folder application/controller. Buat sebuah method pada class ini dan berikan nama “index”. Tampilkan string di dalam method ini dengan konstruksi echo ‘hello world!’; Berikut contohnya:
<?php
class Controller_hello extends Panada {
public function __construct(){
parent::__construct();
}
public function index(){
echo ‘Hello world!’;
}
}
Buka browser dan ketikkan alamat “http://localhost/mysite/index.php/hello”. Jika tidak ada maslah, maka akan muncul pesan “hello world!” pada halaman browser. Untuk penjelasan lebih rinci tentang cara pembuatan Contrloller, silahkan lihat pada halaman dokumentasi Panada tentang controller di http://panadaframework.com/documentation/references/controller.html.
Pada alamat yang barusan Anda masukan, masih terdapat bagian “index.php”. Untuk menghilangkannya, Anda harus mengaktifkan file .htaccess dengan cara merubah nama file “file.htaccess” menjadi “.htaccess”. File ini ada pada source code yang Anda download. Penjelasan lebih lengkap mengenai konfigurasi webserver silahkan lihat halaman http://panadaframework.com/documentation/config.html#webserver.
Tutorial Login-logout
Sampai pada tahap ini Anda sudah berhasil menggunakan Panada secara sederhana. Tahap berikutnya, kita akan coba membuat fungsi login-logout menggunakan database. Fungsi ini sangat umum digunakan pada aplikasi berbasis web.
Langkah pertama, buat sebuah controller baru dengan nama accounts. Pada controller ini kita memerlukan dua librari bantuan yaitu, database dan session. Librari ini telah disediakan oleh Panada, untuk itu kita akan me-load dua librari ini di dalam controller accounts. Kita juga membutuhkan dua method, yaitu “login” dan “logout”. Pada method login, kita akan buat sebuh form html yang nantinya akan kita simpan pada folder application/view. Berikut adalah contoh class-nya:
<?php
class Controller_accounts extends Panada {
public function __construct(){
parent::__construct();
//Load librari session dan db
$this->db = new Library_db();
$thsi->session = new Library_session();
}
public function index(){
// Lakukan kondisi pengecekan, jika user belum login redirect ke halaman login.
if ( ! $this->session->get(‘name’) )
$this->redirect(‘accounts/login’);
// Inisialisasi variable username yang akan dikirim ke file application/view/logedin_page.php
$views['name'] = $this->session->get(‘name’);
$this->view(‘logedin_page’, $views);
}
public function login(){
$views['error'] = null;
if ( $_POST ) {
$data['username'] = $_POST['username'];
$data['password'] = md5($_POST['password']);
// Cek pada tabel user, apakah username dan password yang diinput sudah benar.
if ( $user = $this->db->get_row(‘users’, $data) ) {
// Username dan password sudah benar, simpan nilai name ke dalam session.
$this->session->set(‘name’, $user->name);
// Redirect ke halaman utama.
$this->redirect(‘accounts’);
}
else {
$views['error'] = ‘Username atau password yang Anda input salah.’;
}
}
// Tampilkan form login html yang ada pada file application/view/form_login.php
$this->view(‘form_login’, $views);
}
public function logout(){
// Hapus session dan redirect ke halaman login.
$this->session->session_clear_all();
$this->redirect(‘accounts/login’);
}
}
Langkah berikutnya adalah mebuat sebuah database MySQL dengan nama “panada_tutorial”. Kemudian dump data berikut ke dalam database tersebut:
CREATE TABLE IF NOT EXISTS `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(50) NOT NULL,
`password` varchar(32) NOT NULL,
`name` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;
INSERT INTO `users` (`id`, `username`, `password`, `name`) VALUES
(1, ‘user’, ‘ee11cbb19052e40b07aac0ca060c23ee’, ‘Budi’);
Karena aplikasi yang akan dibuat membutuhkan koneksi ke database, maka kita perlu menentukan parameter-parameter yang dibutuhkan yaitu host, user dan password. Untuk melengkapi parameter silahkan edit file application/config.php dan kemudian edit variable berikut:
$CONFIG['db']['default']['host'] = ISIKAN_HOST_MYSQL;
$CONFIG['db']['default']['user'] = ISIKAN_USER_MYSQL;
$CONFIG['db']['default']['password'] = ISIKAN_PASSWORD_MYSQL;
$CONFIG['db']['default']['database'] = ‘panada_tutorial’;
Silahkan lengkapi nilai variable-variable di atas dengan konfigurasi server database Anda.
Anda juga harus melengkapi bagian $CONFIG['base_url'], misalnya dengan:
$CONFIG['base_url'] = ‘http://’ .$_SERVER['SERVER_NAME'].’/mysite/’;
Bagian ini dibutuhkan untuk menentukan path url aplikasi.
Tahapan selanjutnya adalah membuat file-file untuk view. Dari class accounts di atas, ada dua file view yang harus dibuat, yaitu logedin_page.php dan form_login.php. Berikut adalah isi masing-masing file tersebut:
logedin_page.php
<html>
<head>
<title>Welcome</title>
</head>
<body>
<p>Selamat datang <?php echo $name; ?> <a href=”accounts/logout”>Logout</a></p>
</body>
</html>
form_login.php
<html>
<head>
<title>Login Page</title>
</head>
<body>
<form action=”" method=”post”>
<p>Username: <input type=”text” name=”username” /></p>
<p>Password: <input type=”password” name=”password” /></p>
<input type=”submit” name=”submit” value=”Login” /></p>
</form>
<?php echo $error;?>
</body>
</html>
Sekarang akses alamat http://localhost/mysite/index.php/accounts pada browser. Jika tidak ada masalah Anda akan diredirect ke http://localhost/mysite/index.php/accounts/login.
Sekarang isikan “user” pada isian username dan “user” pada bagian password, lalu tekan “login”. Jika semuanya benar, Anda akan muncul pesan “Selamat datang Budi” pada browser. Klik logout untuk melakukan logout.
Silahkan download scriptnya di sini http://www.ilmuwebsite.com/donlot/sourcecode.tar.gz
Pada tutorial ini Anda sudah berhasil membuat controller, membuat file untuk view dan me-load librari menggunakan Panada framework. Untuk mempelajari lebih lanjut Anda bisa membaca dokumentsinya di http://panadaframework.com/documentation/.
Karena ini adalah project open source, Anda juga diundang untuk berpartisipasi secara aktif untuk berkontribusi. Silahkan forked projectnya di http://github.com/k4ndar/Panada. Atau jika ada saran atau masukan silahkan tulis komentar Anda. Bisa juga dikirim ke k4ndar [at] yahoo.com atau di milis phpug [at] yahoogroups.com. Setiap kontribusi yang Anda berikan pasti akan menjadikan Panada lebih baik, terima kasih dan selamat mencoba.

Decrypt MD5

0 komentar

Decrypt MD5 web desain grafisKemarin seorang teman bertanya tentang Decrypt MD5 di forum ilmuwebsite, setelah saya coba cari jawaban nya, MD5 memang tidak bisa di decrypt, md5 adalah adalah one way encrypt tanpa bisa di decrypt, kalau bisa mungkin karena apa yang di encrypt itu terlalu mudah, coba saja kalau text yang mau di encrypt dengan md5 itu rumit, misalnya menggunakan simbol simbol @#$%^ dsb… pasti gak bisa di decript.
Sebagai tambahan teman2 yang mau mencoba tool decrypt md5 silahkan coba tool ini: http://md5decryption.com
*masukan: kalau teman2 ingin mengencrypt sesuatu dengan aman, gunakan 2x encrypt, pertama md5 setelah itu ecnrypt lagi dengan sha1
dijamin ga bisa di decrypt :D

Mencegah Direct Access Pada File PHP

0 komentar

Mencegah Direct Access Pada File PHP web desain grafisSalam, ini adalah tulisan pertama saya setelah liburan panjang akhir puasa, dan lebaran Iedul Fitri. Lama juga ilmuwebsite vakum ternyata, tapi tidak dengan berbagai free services yang kami tawarkan, numpang promosi.. :D. Yang penting budaya sharing kembali lagi dilakukan. Sebelum ke inti dari artikel ini, izinkan saya … Mengucapkan Mohon Maaf jika sebelum-sebelumnya saya melakukan kesalahan kepada anda sekalian, baik yang disengaja maupun tidak disengaja, Mohon Maaf Lahir dan Batin.
Dulu sekali, saya pernah membuat 2 tutorial yang menyinggung masalah PHP Redirect, dimana redirect ini sebetulnya bisa dimanfaatkan ketika user telah melakukan pengisian form, maka diredirect ke satu halaman yang berisi informasi formnya itu telah diisi dengan benar, dan informasi lain-lain. Namun untuk tutorial kali ini berbeda dengan 2 tutorial yang tadi saya sebutkan. Tutorial kali ini lebih membahas kepada file phpnya itu sendiri. Yang saya maksud di sini adalah pengaksesaan secara langsung kepada suatu file php.
Misalkan seperti ini, anda membuat sebuah file php, di mana anda tidak menginginkan file phpnya ini di akses secara langsung melalui urlnya, tetapi menginginkan file php hanya dapat dijalankan ketika di include oleh file lain. Dan anda menampilkan peringatan Forbidden seperti ini ketika file tersebut diakses secara langsung.
Bagaimana melakukan ini semua? Silahkan baca tutorial ini sampai habis.
Kita membutuhkan setidaknya 2 buah file php. Yang pertama adalah index.php isinya adalah seperti ini :
[code]<br />
<?<br />
define(active, "yes");<br />
require_once "page.php";<br />
?><br />
[/code]
Kemudian yang kedua adalah page.php. Dan isinya adalah seperti ini :
[code]<?<br />
if (active == "yes"){<br />
echo "i am inside";<br />
}<br />
<br />
else{<br />
echo "You Can't Access this page ... ";<br />
}<br />
?>[/code]

Ketika kita mengakses url file index.php melalui browser, maka yang terjadi adalah, variable dan fungsi yang ada pada file page.php itu di jalankan di file index.php, ini terjadi karena bantuan constant yang ada pada index.php. Sedangkan tampilan “You Can’t Access this page …”  didapatkan ketika kita mengakses secara langsung url file page.php, ini terjadi karena constantnya itu tidak ada atau tidak didefinisikan, sehingga yang terjadi adalah “You Can’t Access this page …”. Bagaimana? Sangat mudah sekali bukan?
Selamat mencoba.