Tanggal 12 hari Sabtu diem aja di rumah ceritanya mau maen Civilization IV:Beyond the Sword tapi error ga bisa masuk (T.T) jadi seharian utak-atik ntu game. Siang ke kampus dulu, katanya mau ada pecel lele tapi ga jadi… yo wiss… nda apa… Trus ngambil surat izin geladi ke Pa Tatang. K tamam nelpon minta buatin pin, waduh saya ga nyadar k tamam lolos pimnas, tau gitu diusahain, cz civ VI-nya juga malah error…

Tanggal 13 hari Minggu, lari pagi, n bailknya mampir ke Amanda, beli dah 1 dus yang rasa cream cheese. Mpe rumah seperti biasa utak-atik prado, mediaWiki, n sphider yang ga kelar-kelar soalnya susah bgt niatin seriusnya. Soalnya tau-tau inget ‘someone’ temen SMA dulu yang 3 taun sekelas mulu, tapi gpp, jadi liat2 fs-nya deh… wah makin cantik aja ntu orang… hehehe… coba aja klo… udah-udah balik ke PRADO, deadline yeuh…

Tanggal 14 hari Senin, geladi di RisTI (sekarang Telkom RDC) ngerjain wiki yang ga beres2x uy… sorenya ngasiin surat izin ‘dinas’ ke Semarang. Balik geladi nyiapin barang-barang yg mau dibawa. Dapet deh se-tas-gede + tas selempangan Microsoft yg dapet dari acara MIX on Campus. Ke kampus dianter Babeh pake motor baru seminggu punya adeku yg lagi liburan naek kelas 3 SMA, motor bisa dipinjem deh. Sampe kampus, ke RPL ah… trus ke kosan bentar ngambil yang ketinggalan, mampir di sekre HMIF yg lagi dies nataliez, tapi pas ke sana dah mau selesai… ngobrol2 bentar slesei dah… balik ke RPL trus ngenet n tidur bisi besok kepagian (soalnya perginya shubuh)

Tanggal 15 hari Selasa, Dini Hari, dibangunin k’Zeft yang blom tidur. Udah jam setengah 4, waduh siap-siap, pamitan trus ke depan rektorat… ga ada siapa2… masuk ke rektorat Cuma ada pa’sekuriti… ditinggalin apa??! Ga mungkin… karena baru inget klo ternyata saya punya HP yg bisa nyimpen note jadi buat deh sebuah kronologis di hari pertama, langsung dari note hp tanpa rekayasa (berdasarkan kenyataan lhooh…). Gini nih…

04.34 – msh sepi blm pd dtng, ada 1 bis n bbrpa org aj yg br dtng

05.27 – pergi juga ahirnya

06.27 – sampe sumedang

07.47 – pom bensin kadipaten (brenti dlu)

08.09 – lanjut jln

09.52 – masuk k jawa tengah

10.32 – tegal

11.55 – break (d resto pringjajar, pantura)

14.46 – Kendal

15.09 – smrng

16.13 – unissula

18.14 – hotel (akhirnya nyampe juga)

Masih tanggal 15 juli, ya… begitulah kronologis dari Bandung ke Semarang (lama bgt ahirnya nyamjug euy…). Mandi n berseragam n beralmamater (akhirnya almamater dipake lagi, maklum anak himpunan jadi seringnya pake jaket himpunan aja…). Welcome Party di kantor gubernur dah telat, ke sana bareng bu Endang BK, Dawam, K’Hadary, Mustofa, Pa Surya d’driver, pas masuk pa gubernur baru lagi pidato. Bentar bgt dah udahan lagi, berdoa, trus makan-makan deh… balik, nyampe hotel, sekamar ma K’dody, alvian, hizban, lanjut ngobrolin PWI yg saya denger dari pas di Pringjajar, ga tau apalah itu, tapi penasaran juga uy, ga lama kemudian tidur deh…

Tanggal 16 hari Rabu, pagi-pagi pada telat, ada yg marah-marah, dll… ya akhirnya nyampe unissula, Opening Ceremony PIMNAS XXI, Pa SBY ga jadi datang, tapi gpp (ya iyalah gpp?!). Saya juga dibekali handycam dari Pa Kemass, tapi baru 30 menit batre abis, cadangannya juga abis, jadi balik ke camdig. Sambutan Pa Mentri Diknas Bambang Sudibyo, isinya tentang Kreativitas… akhirnya muncul juga Pa Ebit dengan 3 lagunya yang kerenlah pokoknya (tau lagunya tapi lupa judulnya). Balik ke stand ITTelkom yang berisi GEMASTIK buat informasi dan pendaftaran, pastinya saya ikut hehehe… Bertiga, saya, hizban, ma kuni if4 2007, mau nonton PKMT sesuai job ke Semarang. Tapi birokrasi dari panitianya ribet banget, n akhirnya siang. Kuni masuk sendiri, saya ma hizban ke pameran dan mencari informasi sebanyak-banyaknya. Lumayan dapet banyak. Dah sore balik ke hotel, mampir dulu makan malam di suatu tempat yang saya lupa namanya, satu lauk satu sayur oke pa…, jalan-jalan ke Masjid Agung Jawa Tengah yang hanya beberapa dari hotel Graha Agung, tempat nginep.

Tanggal 17 hari Kamis, seperti biasa telat, tapi ga telat-telat amat kaya kemaren, sarapan, ke Unissula deh. Nyampe sana ikut tim AKOSS (Ajang Kreasi OpenSource Software) ITTelkom bawa Charoline, buatan K’Dody, K’Tamami, K’Dela, Anita, Alvian, yang mantap abis di kategori web. Kembali dibekali handycam pa Kemass, liput semuanya deh yang ada di AKOSS, trus kembali ke job awal yakni ‘hunting’ PKMT, yang PKMK dan PKMM juga dapet beberapa. Cerita hari itu ditutup dengan kembali ke hotel dan cerita2 tentang PWI yang masih misteri…

Tanggal 18 hari Jum’at, hari itu waktunya wisata, ke Unisulla beres2 stan, beli oleh-oleh, waduh dompet ilang lagi, ada SIM, ATM, KTM, KTP, KSV(Kartu Sewa VCD maksudnya), dan yang paling gawat STNK Motor si Isa…. Shalat Jumat di MAJT, berdoa dan mohon petunjuk dimana ntu dompet. Akhirnya Pa Doni nelpon klo dompet ketemu. Untung nulis nomor hp di bon printer C90, agak lega nih hati, nanti sore ke Unissula lagi untungnya buat closing. Lanjut keliling Semarang, liat Lawang Sewu (lewat aja), trus wisata rohani ke Sam Poo Kong, lumayan keren tempatnya tapi ga sampe masuk ke dalemnya, harus beli dupa n ritual2x ga tau… Trus balik ke Unissula, buru-buru ketemu Pa Doni, ternyata ketemu, alhadulillah ya Allah. Duit sih amblas, yang penting surat, kartu, ma stnk masih ada. Mau ke closing di ged FK, tapi dah banyak banget orang. Jadi nunggu deh di deket bis sama yang laen. Jam 11-an yang dari closing pada hore-hore, Qronis(Iqro Animasi) dapet ‘emas’ (juara 1 PKMM), juga Charoline dapet ‘emas’(Juara 1 AKOSS kategori web) pokoke ITTelkom memang maknyus dah… Univ. Brawijaya jadi juara umumnya… Dah kumpul semuanya balik deh kembali ke Bandoeng Parijz van Java… Sampe bandung besoknya jam 7 pagi, bareng k’Adit balik ke kosan, nunggu jemputan. Eh ga ada yang bisa jemput, ya dah balik ndiri aja, sampe jln ters Jakarta dijemput, nyampe juga ke rumah tercinta… ya begitulah cerita…

Untuk buatnya, kita perlu file-file sbb:

dd3.php – sebagai file inti, machine, core, atau nucleus-nya kalo di sel mah…

dd3ck.php – sebagai file pendukung sih sebenernya, buat follow up setelah form di dd3.php disubmit…

db.php – file yang menghubungkan file2 yang bekerja di atas dengan database mysql (pake db biar gaya dikit)…

dd3.js – file yang membuat aplikasi jadi bersifat async…

dd3.sql – hasil export sql biar nanti tinggal import aja jadi aplikasinya dah ada data n g usah masukin atu2, oke…

langsung ke tutorial deh…

1. bikin dd3.php yang isinya:

<?php
include(“db.php”);
?>

<!doctype html public “-//w3c//dtd html 3.2//en”>

<html>

<head>
<title>Demo of Three Multiple drop down list box from plus2net</title>
<meta name=”GENERATOR” content=”Arachnophilia 4.0″>
<meta name=”FORMATTER” content=”Arachnophilia 4.0″>

<script src=”dd3.js”></script>

</head>

<body>
<?

$quer1=mysql_query(“SELECT DISTINCT category,cat_id FROM category order by category”);

$cat=$HTTP_GET_VARS['cat']; // This line is added to take care if your global variable is off
if(isset($cat) and strlen($cat) > 0){
$quer2=mysql_query(“SELECT DISTINCT subcategory,subcat_id FROM subcategory where cat_id=$cat order by subcategory”);
}//else{$quer=mysql_query(“SELECT DISTINCT subcategory,subcat_id FROM subcategory order by subcategory”); }

$cat3=$HTTP_GET_VARS['cat3']; // This line is added to take care if your global variable is off
if(isset($cat3) and strlen($cat3) > 0){
$quer3=mysql_query(“SELECT DISTINCT subcat2,subcat2_id FROM subcategory2 where subcat_id=$cat3 order by subcat2″);
}//else{$quer3=mysql_query(“SELECT DISTINCT subcat2 FROM subcategory2 order by subcat2″); }

echo “<form method=post name=f1 action=’dd3ck.php’>”;

echo “<select name=’cat’ onchange=\”reload(this.form)\”><option value=”>Select one</option>”;
while($noticia2 = mysql_fetch_array($quer1)) {
if($noticia2['cat_id']==@$cat){echo “<option selected value=’$noticia2[cat_id]‘>$noticia2[category]</option>”.”<BR>”;}
else{echo “<option value=’$noticia2[cat_id]‘>$noticia2[category]</option>”;}
}
echo “</select>”;

echo “<select name=’subcat’ onchange=\”reload3(this.form)\”><option value=”>Select one</option>”;
while($noticia = mysql_fetch_array($quer2)) {
if($noticia['subcat_id']==@$cat3){echo “<option selected value=’$noticia[subcat_id]‘>$noticia[subcategory]</option>”.”<BR>”;}
else{echo “<option value=’$noticia[subcat_id]‘>$noticia[subcategory]</option>”;}
}
echo “</select>”;

echo “<select name=’subsubcat’ ><option value=”>Select one</option>”;
while($noticia = mysql_fetch_array($quer3)) {
echo “<option value=’$noticia[subcat2_id]‘>$noticia[subcat2]</option>”;
}
echo “</select>”;

echo “<input type=submit value=’Submit’></form>”;
?>
</body>

</html>

2. bikin dd3ck.php yang isinya:

<?php
include(“db.php”);
?>

<!doctype html public “-//w3c//dtd html 3.2//en”>

<html>

<head>
<title>Multiple drop down list box from plus2net</title>
<meta name=”GENERATOR” content=”Arachnophilia 4.0″>
<meta name=”FORMATTER” content=”Arachnophilia 4.0″>
</head>

<body>
<?

echo ” You send id: “.$_POST['cat'].” – “.$_POST['subcat'].” – “.$_POST['subsubcat'].”.”;

?>
<br>
<a href=”dd3.php”>back</a>
<center>
<a href=’http://www.plus2net.com’>PHP SQL HTML free tutorials and scripts</a>
</center>
</body>

</html>

3. bikin juga db.php yg isinya:

<?php
$con = mysql_connect(‘localhost’, ‘root’, ”); //dbhost, dbusername, dbpassword
if (!$con)
{
die(‘Could not connect: ‘ . mysql_error());
}

mysql_select_db(“db_coba”, $con);
?>

*) perhatiin password db-nya ada apa ngga…?!

4. bikin file dd3.js, isinya:

function reload(form)
{
var val=form.cat.options[form.cat.options.selectedIndex].value;
self.location=’dd3.php?cat=’ + val ;
}
function reload3(form)
{
var val=form.cat.options[form.cat.options.selectedIndex].value;
var val2=form.subcat.options[form.subcat.options.selectedIndex].value;

self.location=’dd3.php?cat=’ + val + ‘&cat3=’ + val2 ;
}

5. buat file dd3.sql, isinya:

– phpMyAdmin SQL Dump
– version 2.11.3
– http://www.phpmyadmin.net
–
– Host: localhost
– Generation Time: Jul 26, 2008 at 03:44 PM
– Server version: 5.0.51
– PHP Version: 5.2.5

SET SQL_MODE=”NO_AUTO_VALUE_ON_ZERO”;

–
– Database: `db_coba`
–

– ——————————————————–

–
– Table structure for table `category`
–

CREATE TABLE `category` (
`cat_id` int(2) NOT NULL auto_increment,
`category` varchar(25) NOT NULL default ”,
PRIMARY KEY (`cat_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

–
– Dumping data for table `category`
–

INSERT INTO `category` (`cat_id`, `category`) VALUES
(1, ‘Fruits’),
(2, ‘Colors’),
(3, ‘Games’),
(4, ‘Vehicles’);

– ——————————————————–

–
– Table structure for table `subcategory`
–

CREATE TABLE `subcategory` (
`subcat_id` int(3) NOT NULL auto_increment,
`cat_id` int(2) NOT NULL default ’0′,
`subcategory` varchar(25) NOT NULL default ”,
UNIQUE KEY `subcat_id` (`subcat_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=17 ;

–
– Dumping data for table `subcategory`
–

INSERT INTO `subcategory` (`subcat_id`, `cat_id`, `subcategory`) VALUES
(1, 1, ‘Mango’),
(2, 1, ‘Banana’),
(3, 1, ‘Orange’),
(4, 1, ‘Apple’),
(5, 2, ‘Red’),
(6, 2, ‘Blue’),
(7, 2, ‘Green’),
(8, 2, ‘Yellow’),
(9, 3, ‘Cricket’),
(10, 3, ‘Football’),
(11, 3, ‘Baseball’),
(12, 3, ‘Tennis’),
(13, 4, ‘Cars’),
(14, 4, ‘Trucks’),
(15, 4, ‘Blkes’),
(16, 4, ‘Train’);

– ——————————————————–

–
– Table structure for table `subcategory2`
–

CREATE TABLE `subcategory2` (
`subcat_id` int(3) NOT NULL default ’0′,
`subcat2_id` int(3) NOT NULL,
`subcat2` varchar(15) NOT NULL default ”
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

–
– Dumping data for table `subcategory2`
–

INSERT INTO `subcategory2` (`subcat_id`, `subcat2_id`, `subcat2`) VALUES
(1, 1, ‘Mango good’),
(1, 2, ‘Mango bad’),
(2, 1, ‘Banana sweet’),
(2, 2, ‘Banana hot’),
(3, 1, ‘Orange sweet’),
(3, 2, ‘Orange Sour’),
(4, 1, ‘Apple sweet’),
(4, 2, ‘Apple sour’),
(5, 1, ‘Red light’),
(5, 2, ‘Red Zone’),
(6, 1, ‘Blue deep’),
(6, 2, ‘Blue light’),
(7, 1, ‘Green light’),
(7, 2, ‘Green color’),
(9, 1, ‘Cricket Oneday’),
(9, 2, ‘Cricket test’),
(10, 1, ‘Football world’),
(10, 2, ‘Football team’),
(11, 1, ‘Base Ball team’),
(11, 2, ‘Base ball game’),
(13, 1, ‘Cars Big’),
(13, 2, ‘Cars small’),
(14, 1, ‘Trucks Big’),
(14, 2, ‘Trucks small’),
(15, 1, ‘Bikes sports’),
(15, 2, ‘Bike small’),
(16, 1, ‘Train fast’),
(16, 2, ‘Train slow’),
(8, 1, ‘Yellow card’),
(8, 2, ‘Yellow line’),
(12, 0, ‘Tennis Long’),
(12, 0, ‘Tennis table’);

6. buka phpmyadmin, buat database namanya db_coba, trus import ntu file (dd3.sql)

7. buka browser trus akses deh ntu aplikasi, buat yg ngga tau misal: http://localhost/tree

8. berhasil apa ngga…??! Klo berhasil syukur Alhamdulillah, tp klo ga berhasil googling(dibaca: usahe) dulu sendiri… tapi klo mentok atau dikejar deadline ya hubungi diriku bayumunajat@yahoo.co.id okei…

Kita buat wiki yuk, dengan menggunakan MediaWiki dan FCKeditor… yang dikembangkan dengan PHP-based

Langsung aja tutorialnya nieh…

• Download

a. Download webserver (kalo belum ada) bisa xampp, lampp, apache, dll googling aja deh. Saya pakenya XAMPP, download di http://www.apachefriends.org/en/xampp-windows.html n ngerjainnya di OS Windows XP SP2

b. Download mediawiki, waktu uji coba saya pake mediawiki-1.10.4 bisa di download di http://download.wikimedia.org/mediawiki/1.10/mediawiki-1.10.4.tar.gz

c. Download FCKeditor_2.6.2.zip di http://www.fckeditor.net/download

• Installasi dan Setting XAMPP

a. Pertama XAMPP-nya di-install, klo .zip atau .rar ya di extract (biar gampang di-extract di E:/).

b. Terus setting pertama jalankan setup_xampp.bat di directory XAMPP-nya.

c. Terus jalankan juga apache_start.bat dan mysql_start.bat

d. Buka browser, saya pake yang udah ada di computer, Mozilla Firefox 3.0, yg belum ada bisa download di http://www.mozilla.com/en-US/firefox/

e. Akses http://localhost/security ikutin petunjuk aja buat setting password root mysql, dll

f. Beres…

• Installasi dan setting MediaWiki

a. Extract mediawiki-1.10.4.tar.gz ke xampp/htdocs, akan muncul folder mediawiki-1.10.4 di-rename aja biar ga ribet, misal jadi mywiki.

b. Akses Http://localhost/mywiki

c. Ikutin step by step installasi-nya. Jangan lupakan langkah2 sebelumnya ya…

d. Setelah Installation Successful pindahin file mywiki/config/localsetting.php ke mywiki/

e. Akses Http://localhost/mywiki dan wiki pun selesai diinstall

f. Klo ada masalah coba googling dulu atau akses http://www.mediawiki.org

• Installasi dan setting FCKeditor

a. Sebenernya sih ga pake FCKeditor juga, mediawiki sudah memiliki fitur2 yg memenuhi untuk membuat wiki. Tapi pas mau edit artikel, prinsip WYSIWYG-nya yang bakal bikin wiki tambah oke… (jd curhat, padahal tuntutan kerjaan.. hehe…) n sumber informasi installing n setting FCKeditor ada lengkap di http://www.mediawiki.org/wiki/Extension:FCKeditor_%28by_Mafs%29. Yang ini anggap versi bahasa Indonesia-nya…

b. Ya.. kita mulai… extract FCKeditor_2.6.2.zip sehingga kita peroleh sebuah folder fckeditor n copy e directory mywiki.

c. Buka /FCKeditor/editor/dialog/fck_image.html dengan text-editor kemudian replace semua isi file dengan apa yang ada di http://www.mediawiki.org/wiki/Extension:FCKeditor_%28by_Mafs%29/fck_image_html

d. Buka /FCKeditor/editor/dialog/fck_image/fck_image.js dengan text-editor kemudian replace semua isi file dengan apa yang ada di http://www.mediawiki.org/wiki/Extension:FCKeditor_%28by_Mafs%29/fck_image_js

e. Buka /FCKeditor/fckconfig.js dan tambahin source-code di akhir syntax yang ada di http://www.mediawiki.org/wiki/Extension:FCKeditor_%28by_Mafs%29 tentang Installing FCKeditor poin 5.

f. Buat file baru di /extensions dan beri nama FCKeditor.php yang source-code-nya tersedia di http://www.mediawiki.org/wiki/Extension:FCKeditor_%28by_Mafs%29/extension

g. Buka LocalSettings.php dan tambahkan source-code yang dapat diambil di http://www.mediawiki.org/wiki/Extension:FCKeditor_%28by_Mafs%29 dibagian localsetting.php, juga simpannya di akhir baris sebelum tanda ?> (kalo diperlukan) oke..??!

h. Masih di , cari baris $wgFCKUseEditor = false; dan ganti false menjadi true.

Akses http://localhost/mywiki, buat sebuah artikel atau edit main page. Oia jangan lupa login dulu…