Seri "Lumayan lah ..."

Meski tulisan ini sedikit telat saya masukkan, tapi gapapa lah. Akhirnya "deg-deg an" yang menghantuiku berkesudahan dengan skor imbang 1-1. Saat itu saya hanya bisa menyaksikan hasil pertandingan melalui livescore, karena keterbatasan akses untuk menyaksikan EPL (ga kuat berlanggan TV kabel plus ga da tetangga yang bisa ditongkrongin TV kabelnya), hehe ...

Menit 18 babak pertama MU sempat membuat saya berprediksi chelsea hanya mampu mempertahankan rekor tak terkalahkan di kandang sebanyak 84 kali melalui gol yang diciptakan oleh Park ji Sung. 

Sudah tak bisa dipungkiri lagi bagi saya MU adalah musuh terberat chelsea musim ini. Namun setelah memasuki menit ke 80 akhirnya  chelsea bisa menyamakan kedudukan melalui gol yang diciptakan oleh salomon kalou. wuih ... seneng banget rasanya. Sudah jadi tradisi saya dengan teman-teman kalau tim kesayangannya kalah kami saling bertukar sms "ejekan", namun dengan hasil akhir 1-1 untuk sementara saya tidak menerima sms ucapan berduka dari teman-teman. Lega banget  rasanya. Yahh... Lumayanlah seri daripada kalah hik hik ...

Read More..

Membuat Jendela (Window) Modal Dengan CSS dan Javascript

Dalam beberapa hari saya menghabiskan waktu untuk mencari referensi mengenai pembuatan jendela (window) modal. Hasilnya saya menemukan beberapa artikel yang menarik untuk dijadikan sebagai referensi tentang window modal tersebut. Keuntungan dari penerapan window modal adalah untuk membatasi user agar tidak mengakses bagian lain dari suatu aplikasi.
Misalkan pada saat user/pengunjung melakukan input data baru dalam waktu yang bersamaan kita tidak mengijinkan user tersebut untuk mengakses menu aplikasi. Langkah-langkah pembuatan window modal adalah sebagai berikut :
1. Membuat DIV window modal
DIV window modal merupakan bagian halaman yang akan kita jadikan sebagai window modal :

Konten tempat window modal ada disini.

Tutup window

2. Membuat CSS
CSS berfungsi untuk mengatur tata letak dan tampilan dari window modal yang akan kita buat :

#window_modal {
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width:100%;
height:100%;
z-index: 1000;
}
#window_modal div {
width:300px;
margin: 100px auto;
background-color: #fff;
border:1px solid #000;
padding:15px;
}

margin: 100px auto; artinya kita meletakkan window modal tersebut sejauh 100 pixel dari bagian atas konten. Anda bisa mengganti sesuai dengan kebutuhan.

3. Javascript
Setelah kita membuat tampilan seperti di atas kita akan mendapati sebuah tampilan kosong, meskipun sebelumnya kita telah menyisipkan tulisan “Konten tempat window modal ada di sini”. Lantas bagaimana jika kita ingin menampilkan bagian tersebut ? jawabannya adalah dengan menggunakan javascript dan link untuk menjalankan javascript tersebut. Berikut ini adalah kode javascriptnya :

function window_modal() {
el = document.getElementById("window_modal");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

Setelah itu langkah yang terakhir adalah membuat link (tombol) untuk menampilkan window modal yang kita buat :

Tampilkan window modal

Jika semua bagian di atas digabung, akan menjadi :



Tampilkan window modal

Konten tempat window modal ada disini.

Tutup window

Sumber : http://sitening.com/blog/2006/03/29/create-a-modal-dialog-using-css-and-javascript/

Read More..

NIM kok sampe salah ! byuuh byuuh ...

18 September 2008 s/d 20 September2008 adalah hari-hari yang padat di lab komputer kampus Kanjuruhan Malang. Yah ... Meskipun kampusnya kecil ternyata banyak juga mahasiswa yang tertarik untuk jadi mahasiswa di sini. Mungkin saja biaya kuliah yang relatif terjangkau dan kualitas yang bisa dibilang "ga terlalu hancur" membuat sebagian orang tertarik mendaftar di Kampus ini (Maklum sedikit promosi, hehe ...). 

Kepadatan lab komputer selama tiga hari ini lebih disebabkan karena diadakannya program penyusunan KRS massal (sekitar 1480-an) bagi MABA yang notabene "ga kenal" dengan sistem informasi penyusunan KRS yang ada di Kampus ini. Al-Hasil pihak lab komputer harus benar-benar menyiapkan  KRS-an massal ini, baik dari segi trobleshoting aplikasi KRS, memandu MABA yang belum kenal aplikasi sama sekali ataupun memeriksa ke-valid-an ID dan password yang dimiliki MABA.

Satu hal yang jadi sorotan di mata saya. Ketika saya mengecek ke-valid-an ID dan password ternyata banyak juga MABA yang memiliki KTR (Kartu Tanda Registrasi) yang tidak valid. Banyak KTR yang tidak memiliki NIM yang valid, ada yang kembar atau salah. Setelah konfirmasi dengan pihak BAAK ternyata kesalahan-kesalahan tersebut muncul karena pihak BAAK melakukan pencetakann KTR secara manual alias diketik. Nah .... tu kan .... Padahal Kampus Kanjuruhan sudah memiliki Sistem Informasi Kemahasiswaan yang cukup stabil. Seharusnya KTR tersebut dicetak berdasarkan sistem yang sudah ada dan bukan diketik secara manual. Ternyata "mempercayai" sistem masih belum bisa dilakukan sepenuhnya oleh pihak Kampus Kanjuruhan. Semoga dengan berjalannya waktu dan pengalaman pihak lembaga Sistem tersebut bisa diterapkan dengan sebaik-baiknya. 

Maju ... Kampus Kanjuruhan.... (narsis abis kan ?)

Read More..

Installasi Xampp For Linux

PHP, MySQL dan Apache merupakan perangkat yang tidak pernah lepas dari implementasi aplikasi berbasis web. Selain gratis dalam penggunaannya ketiga perangkat ini juga sangat mudah sekali untuk dicari sumber dayanya, karena mayoritas situs - situs di internet menggunakan ketiga perangkat ini. Untuk mempermudah para pengembang dalam menggunakan perangkat ini, banyak sekali disediakan paket installasi yang intinya para pengembang tersebut tidak perlu susah-susah menginstall ketiga perangkat ini secara terpisah.

Salah satu dari paket installasi yang tersedia adalah xampp. Xampp tidak hanya menyediakan PHP, MySQL dan Apache, disamping ketiga perangkat tersebut xampp juga menyertakan file server dan mail server ke dalam paket installasinya. Membantu sekali bukan ?. Keunggulan dari Xampp yang lain adalah tersedia dalam dua paket installasi yaitu windows dan linux. Kali ini saya akan membahas installasi xampp for linux, kebetulan saya menggunakan mandriva one 2007 :

1. Download paket installasi xamp for linux disini
   
2. Buka terminal
   
3. pindah ke directory tempat master xampp berada dengan perintah cd [direktori master xampp].
   
4. Kita bisa mengecek keberadaan file master xampp dengan perintah ls
   
5. Login sebagai super user dengan perintah su
   
6. extract master xampp dengan perintah tar, di extract ke directory /opt dengan periintah tar -xvf [nama file master xampp] -C /opt
   
7. Secara otomatis akan terdapat direktori baru dengan nama lampp pada direktori /opt. Untuk memulai service gunakan perintah : /opt/lampp/lampp start.
   
8. Ganti parameter start dengan stop untuk menghentikan service.
   
9. Ganti parameter start dengan restart untuk me-restart service.
   

Read More..