Selasa, 23 Februari 2010

Membuat pemrograman kondisional didalam HTML

Seandainya anda telah membuat desain sebuah website yang paling rumit dengan menggunkan HTML dan CSS. Dan entah mengapa ketika dibuka di Internet Explorer dan Firefox tampilannya berbeda. Walaupun sudah dutak-atik sampai mampus tetap saja ada yang berbeda tampilannya antara IE dan Firefox. Satu-satunya cara yaitu membuat CSS yang berbeda untuk browser IE dan Firefox. Tapi bagaimana caranya kita mengenali browser apa yang digunakan?

Kita tidak perlu menggunakan Javascript untuk melakukan hal tersebut. Karena didalam HTML pun ada pemrograman kondisional dimana kita bisa mendeteksi bahwa browser yang digunakan adalah IE.

Pemrograman kondisional ini hanya dapat berjalan di browser Internet Explorer saja.

Oke daripada bingung langsung saja anda perhatikan contoh berikut ini, simpan dengan nama kondisi.html:

 html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">   http-equiv="Content-Type" content="text/html; charset=utf-8" /> </span>x<span class="sh_keyword" style="color: blue; font-weight: bold; ">     

Oke jika anda lihat, kondisional diletakkan didalam tag comment . Kode tersebut berarti jika browser anda Internet Explorer 7, maka tulisan diantara [if IE 7] sampai [endif] akan dijalankan. Silahkan anda coba jalankan kode tersebut menggunakan Internet Explorer 7 dan Firefox, bandingkan. Mudah kan, jika anda pengguna IE 6 tinggal ubah angka 7 nya menjadi 6 saja.

Bagaimana jika kita ingin agar untuk semua versi Internet Explorer kodenya dijalankan. Kita cukup menggunakan lte (Less than). Jadi kodenya menjadi seperti ini:

 html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">   http-equiv="Content-Type" content="text/html; charset=utf-8" /> </span>x<span class="sh_keyword" style="color: blue; font-weight: bold; ">     

Jalankan dengan browser IE versi berapa saja maka tulisan "Ini pake IE Lho" akan ditampilkan. Tetapi apabila anda menggunakan Firefox, Opera atau lainnya tulisan tersebut tidak akan tampil. Oke sekarang kembali ke permasalahan semula, jadi apabila anda membua desain yang terlihat beda di IE dan Firefox, maka anda perlu membuat CSS yang benar untuk Firefox. Kemdudian dengan menggunakan teknik diatas kita menambahkan CSS untuk IE, sehingga tampilan kita akan terlihat sama di IE dan Firefox

Oke, langsung saja kita coba kode berikut ini:

 html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">   http-equiv="Content-Type" content="text/html; charset=utf-8" /> </span>x<span class="sh_keyword" style="color: blue; font-weight: bold; ">  type="text/css" media="all"> .firefox { font-weight:bold; } .ie { font-weight:lighter; }      class="firefox">Mozilla Firefox

class="ie">Internet Explorer

Jika anda jalankan dengan browser apapun selain IE, maka tulisan Mozilla Firefox akan menjadi tebal. Ini dikarenakan class .firefox dibuat tebal pada CSS yang pertama. Dan apabila kita menggunakan IE, maka CSS yang pertama dijalankan dan ketika ia membaca kondisi, maka CSS didalam kondisi dijalankan. Karena CSS yang dikondisi memiliki class yang sama, maka CSS yang sebelumnya akan di replace dengan CSS yang didalam kondisi, dimana class .ie yang menjadi tebal.

Mudah kan? teknik seperti ini sangat berguna apabila anda sudah mentok dan bingung kenapa kode CSS anda tampil beda di IE dan Firefox.

Belajar membuat Website Sendiri

Pada posting kali ini saya akan mencoba sedikit berbagi tentang cara membuat sebuah website pribadi. Mungkin untuk sebagian orang posting semacam ini sudah cukup basi karena membuat Website bukanlah hal yang sulit dan mahal tapi sangat mudah dan bisa gratis.!! kiata bahkan hanya perlu waktu kurang dari satu jam untuk membuat sebuah website.

Sebelum masuk pada proses pembuatan Website ada beberapa istilah yang harus kita kenali terlebih dahulu, karena pada proses berikutnya akan selalu berhadapan dengan istilah-istilah tersebut.

 

  1. Hosting
    Hosting (atau webhosting) Adalah jasa layanan internet yang memungkinkan para penggunanya menyimpan website untuk diakses di dunia Internet. Hosting memiliki komputer server yang terhubung dengan internet, online 24 jam sehari, dan menyediakan harddisk space yang dipergunakan bersama oleh para pengguna (penyewa) hosting tersebut. secara sederhana webhosting adalah penyedia jasa layanan penitipan File-file website sehingga website tersebut dapat diakses selama 24 jam.
  2. Domain
    Domain adalah alamat untuk laman web anda. Seperti pada website ini domainnya adalahbestforus.info.
  3. Name Server
    Name Server biasa disingkat dengan NS adalah sebuah server yang melayani permintaan domain ke dalam IP Address server (hosting ) yang terkait dengan domain tersebut. Secara default apabila kita mendaftarkan sebuah domain, domain registrar akan memasukkan name server milik mereka, untuk dapat menggunakan domain tersebut “menunjuk” domain tersebut ke account hosting yang anda miliki nameserver harus dirubah menjadi nameserver milik perusahaan hosting anda. Secara sederhana Name Server adalah sebuah alamat yang mengarahkan sebuah domain pada Hostingnya.

Baik,,, sekarang kita mulai pada pembuatan website kita. Langkah pertama pada proses ini kita mempersiapkan terlebih dahulu tempat penyimpanan File-file website kita (menentukan webhosting). Sekarang ini banyak sekali penyedia jasa webhosting baik yang gratisan maupun yang berbayar. Salah satunya adalah Byethost.com penyedia webhosting gratisan.

Langkah-langkah pengaturan hosting di byethost.com:

  1. Masuk ke alamat http://www.byethost.com

    Klik Pada link SignUp Now
  2. Pada tampilan berikutnya masukkan Identitas sesuai yang diminta

    Oh ya.... aku pernah coba masukin alamt e-mail yang peke yahoo tapi byethost ga' mau terima. aku juga ga tau knapa....?! jadi aku coba masukin alamat e-mail yang pake Gmail dan kahirnya "mereka mau nerima"
    Kalo udah beres klik tombol Register.
  3. Jika pada proses pendaftaran sikses maka akan muncul tampilan sbb:

    Klik Tombol Click Me To Continue
  4. Berikutnya anda diminta memasukkan Kode AntiSpam

    Dan Klik tombol Register jika telah selesai.
  5. Buka e-mail anda, karena Byethost telah mengirim e-mail verifikasi kepada anda. Lalu klik Link yang dikirimkan untuk proses Verifikasi
  6. Setelah itu anda akan dibawa pada halaman antispam yang kedua 

    masukkan kode captcha yang diminta lalu klik tombol Register
  7. Tampilan berikutnya merupakan bagian yang terpenting karena pada tampilan ini terdapat informasi penting tentang Account anda di Byethost.

    catatlah semua data yang ditampilkan pada tampilan diatas karena data - data itulah yang akan kita pakai berikutnya. Biasanya pada tahap ini byethost juga mengirimkan data diatas pada e-mail anda
  8. Sampai disini proses registrasi hosting anda telah selesai. Berikutnya anda buka kembali http://byethost.com dan klik pada Member Login Here

    masukkan user name dan password anda lalu klik Sign in dan anda akan masuk pada halaman Vista panel.

Sampai disini anda telah memiliki account hosting di byethost. Untuk mewujudkan misi kita membangun sebuah website tugas kita selanjutnya adalah membuat domain (tentunya kita akan menggunakan layanan gratisan) dan membangun sebuah halaman Website yang akan kita bahas pada posting berikutnya.

cara install sound compaq cq35 di ubuntu

Gw dapet laptop Comaq Presario CQ35 yang dipinjam pakaikan ke gw, udah ada software terinstall di dalemnya, apalagi kalo bukan software bagian dari rumah disamping pintu... terus jenisnya juga mirip nama kartu kredit visa...
Gw pengen belajar, bener-bener belajar.... jadi nggak mau nanggung Ubuntu 9.04 yang baru dikirim setelah memesan di shipit langsung gw install, bukan dual boot.. tapi ubuntu 100% di dalamnya.
Proses instalasi berjalan lancar selancar jalan-jalan dinihari... tapi
selesai install dan booting.. suara khas login ubuntu tidak keluar. Tes alsa mikser juga gagal, install Audacious dan VLC berjalan baik, DVD bisa ditonton dan lagu bisa diputar.. namun tetap tidak keluar suara. Lampu touch bergambar speaker juga berwarna merah.
Padahal semua berfungsi sempurna, wireless.. grafik dan sebagainya.

Oprek-oprek google, rupanya gw harus upgrade alsa mikser gw dari 1.0.18 ke 1.0.20

Berikut cara-cara yang gw kumpulkan:

1. Install tool yang diperlukan dengan melalui terminal:

sudo apt-get -y install build-essential ncurses-dev gettext xmlto
sudo apt-get -y install linux-headers-`uname -r`

2. Download 3 buah file berikut, dan letakkan pada desktop atau folder lain:

ftp://ftp.alsa-project.org/pub/driver/alsa-driver-1.0.20.tar.bz2
ftp://ftp.alsa-project.org/pub/lib/alsa-lib-1.0.20.tar.bz2
ftp://ftp.alsa-project.org/pub/utils/alsa-utils-1.0.20.tar.bz2

3. Buat direktori dan buka nautilus dengan akses root, yaitu melalui terminal:

sudo mkdir -p /usr/src/alsa
sudo nautilus

Copy ke tiga file yang baru kita download tadi ke dalam folder /usr/src/alsa
melalui nautilus dengan akses root tadi.

Ekstrak ketiganya di folder tersebut.

4. Compile dan install file Alsa Driver, melalui terminal:

cd /usr/src/alsa/alsa-driver-1.0.20

sudo ./configure --with-cards=hda-intel --with-kernel=/usr/src/linux-headers-$(uname -r)

sudo make

sudo make install

cd;

5. Compile dan install file Alsa Lib

cd /usr/src/alsa/alsa-lib-1.0.20
sudo ./configure
sudo make
sudo make install
cd;

6. Compile dan install file Alsa Utiliti

cd /usr/src/alsa/alsa-utils-1.0.20
sudo ./configure
sudo make
sudo make install
cd;

7. Tambahkan dua baris di configurasi alsa pada file alsa-base.conf, pada terminal:

sudo nautilus /etc/modprobe.d/

kemudian pada jendela yang terbuka, di file alsa-base.conf tambahkan di baris terakhir:

options snd-hda-intel model=hp-m4 enable=1 index=0
options snd-hda-intel enable_msi=1

Simpan, tutup dan..
Selesai, setelah gw restart... tara.. laptop kesayangan gw keluar suaranya..

Cara Installasi Ubuntu 9.10 Di Virtualbox

Langkah-Langkah :

1. Sebelum melakukan installsi, kita siapkan ISO ubuntu 9.10 Desktop.
2. Setelah itu kita install dulu Virtualbox nya terlebih dahulu dikomputer kita, cara installasi Virtualbox bisa langsung lewat console terminal. dengan perintah sebagai berikut : sudo apt-get install Virtualbox.

3. jika Virtualbox sudah terinstall, kita bisa memulai install ubuntu 9.10 Desktop dengan membuka Virtualbox terlebih dahulu, seperti gambar di bawah ini :
4. Setelah Virtualbox nya sudah di buka seperti tampilan di atas, langkah selanjutnya kita klik New, trus akan muncul tampilan seperti di bawah ini : 5. Setelah muncul seperti tampilan di atas, kemudian kita klik next untuk menuju langkah berikutnya, dilangkah berikutnya kita memilih Name OS atau Type OS yang akan kita install, seperti gambar di bawah ini :6. Setelah kita menentukan OS yang akan kita install, langkah selanjutnya kita tentukan berapa Memory (RAM) yang akan kita berikan untuk OS yang akan kita install, selanjutnya Klik next seperti gambar di bawah :7. Setelah Memory (RAM) sudah kita tentukan, lalu klik next maka akan muncul tampilan seperti dibawah ini.Tampilan ini akan menentukan harrdisk yang akan kita gunakan untuk OS yang akan kita install.Dengan cara klik new.8. Setelah kita klik new seperti gambar di atas, selanjutnya akan muncul tampilan seperti gambar di bawah.Tampilan ini akan menentukan Storange type untuk harrdisk yang akan digunakan untuk OS yang akan di install tersebut.Storange type sudah kita tentukan, selanjutnya klik next.9. Setelah langkah-langkah diatas sudah kita jalankan dengan benar,kita berlanjut ke langkah selanjutnya,dengan klik finish, tandanya kita sudah berhasil menambahkan OS ke dalam Virtualbox (OS belum terinstall).10. Setelah kita klik finish, maka akan muncul tampilan proses penyimpanan OS ke dalam Virtualbox.11. Setelah selesai menambah Virtual machine, sekarang kita jalankan Virtual machine dan kita mulai menginstall OS ubuntu 9.10 Desktop.Caranya klik Virtual machine yang sudah kita tambahkan seperti gambar di bawah ini :12. Setelah Virtual machine kita klik, maka akan muncul tampilan seperti di atas.Lalu kita klik ok.Setelah kita klik ok, akan muncul tampilan seperti di bawah. Tampilan di bawah menunjukan bahwa OS yang akan kita install di Virtualbox, dari image atau CD/DVD.13. Langkah selanjutnya kita klik next, untuk memulai installasi ubuntu 9.10, selanjutnya akan muncul tampilan bahasa kita pilih saja Language English. seperti gambar dibawah ini :14. Setelah kita pilih Language English maka akan muncul tampilan prossesing ke tahap installasi.Seperti gambar dibawah ini :15. Setelah tahap installasi selesai, langsung masuk ke tahap installasi.Lalu double klik Install ubuntu 9.10, seperti gambar dibawah ini :16. Setelah kita klik Install ubuntu 9.1o, maka akan muncul tampilan utama install ubuntu 9.10, untuk pemilihan bahasa pilih saja English lalu klik Forward.Seperti gambar dibawah :17. Selanjutnya akan muncul tampilan untuk pemilihan zona dan waktu, karena kita berada di negara indonesia maka pilih saja indonesia (jakarta).Selanjutnya klik forward, seperti gambar di bawah ini :18. Setelah kita klik forward maka akan muncul tampilan pemilihan keyboard layout, biasanya kita menggunakan keyboard standar USA, jika PC/Laptop anda menggunakan jenis lain, anda bisa menggunakan pilihan yang telah tersedia, seperti gambar dibawah ini :19. Langlah berikutnya yaitu, ke bagian partisi hardisk.Kita biasanya membagi partisi sesuai keinginan kita (Manual), maka di tampilan berikutnya kita pilih specify partitions manually (advanced) lalu klik forward, seperti gambar dibawah :20. Selanjutnya kita masuk ke dalam partisi hardisk dengan menggunakan fyle system Ext4 yang lebih cepat dan memiliki performance yang lebih baik dari Ext3.Untuk mount poin, pilih root (/).Klik ok, seperti gambar di bawah :21. Setelah partisi pertama selesai, selanjutnya kita membuat partisi ke-2.Di partisi ke- 2 ini kita bikin swap area, swap area biasanya kita kasih 2 kali lipat dari ram yang ada di komputer/laptop anda.Selanjutnya klik ok.22. Selanjutnya kita buat partisi home, untuk partisi ini kita masih menggunakan fyle system Ext4, tetapi untuk mount point kita pilih /home.Dalam pembuatan partisi ini kita memakai sisa partisi yang sisanya.Lalu klik ok.23. Selanjutnya klik forward, maka akan muncul tampilan user dan password seperti gambar dibawah :24. Setelah selesai memasukan user dan password, lalu klik forward, lalu akan muncul tampilan seperti dibawah ini :25. Tampilan diatas yaitu opsi login autometically, cocok untuk komputer pribadi.Untuk komputer publik, dan untuk memperhatikan keamanan, sebaiknya memilih opsi require password,,, dan akan muncul pesan seperti ini gambar diatas.Klik continue untuk mengabaikan dan tetap menggunakan password yang tadi.Jika anda mengiginkan keamanan yang lebih baik, sebaiknya anda mengganti password anda.

26. Setelah selesai memasukan user dan password, lalu klik forward, dan akan muncul tampilan seperti di bawah ini.Ditampilan ini kita melakukan tahap installasi yang sesungguhnya, lalu anda akan diminta melihat summary, ikhtisar keseluruhan setting sebelum menginstall.

27. Pada tahapan ini anda juga bisa memilih untuk membatalkan installasi dengan menekan Quit, dan pada saat anda menekan Install maka anda tidak bisa melakukan apapun selain melihat proses installasi yang sedang berjalan dan biasanya memakan waktu kira-kira 30-40 menit, tergantung spesifikasi komputer anda.28. Setelah selesai proses installasi maka akan muncul tampilan seperti diatas, klik restart now, dan ubuntu 9.10 akan me-restart dengan sendirinya, silahkan login menggunakan user dan password anda, selamat menggunakan ubuntu 9.10 di Virtualbox.