OS yang saya ingin install aladah Ubuntu Server 10.10. Saya menginginkan supaya nantinya guest OS (Ubuntu) ini dapat diakses oleh host OS (Windows) dan juga dapat mengakses Internet melalui host OS. Untuk ini saya coba pakai 2 NIC/eth di setingan VirtualBox. Satu untuk NAT, satu lagi untuk Host-only. Lihat settingan VirtualBox ini. Ok, langsung saja.

1. Boot VirtualBox dengan CDROM yang sudah di-load dengan Installer Ubuntu Server.

2. Pilih “Install Ubuntu Server“, kemudian pilih bahasa. Kemudian skip supaya tidak perlu men-detect layout keyboard. Pakai saja setting yang standar.

3. Setelah itu tunggu sampai installer me-load komponen-komponennya. Karena sebelumnya saya pakai 2 Network Interface Card (NIC), akan muncul seperti berikut. Pilih saja eth-0.

4. Kemudian ketikkan nama host. Tulis aja Ubuntu.

5. Dibagian partisi harddisk, pilih saja yang “Guided” biar cepat. Setelah itu pilih “Yes” pada pertanyaan “Write the changes to disk…?” Kemudian tunggu sampai selesai meng-install base system.

6. Ketikkan nama untuk akun user. Pilih “No” untuk meng-encrypt home directory. Installer akan mengknfigurasi apt.

7. Setelah itu, pilih “No automatic updates.”

8. Pilih “Yes” pada pertanyaan “Install the GRUB loader…”

9. Instalasi selesai. Klik “Continue.”

10. Gampang kan? Lanjut konfigurasi Ubuntu (to be continued.)

Untuk ini kita perlu minimal 2 OS. Di sini saya pake OS Windows sebagai host OSnya atau OS yang sedang berjalan, yang diinstall di Notebook. Dan OS guest pilihan saya adalah Ubuntu server 10.10, yaitu OS yang nantinya akan dijalankan di atas OS host.

Spesifikasi kompi harus mayan, minimal 2GB RAM gini hari OK lah. Di notebook saya jadul hanya 1GB masih bisa jalan kok. Karena saya sudah lama pake VirtualBox, dan VMWare juga sudah lama saya tinggalkan, maka yang saya coba di sini pake VirtualBox.

Ini guuaamppaang sekali kok, tinggal ikuti satu persatu. Tutorial seperti ini banyak bertebaran di Google. Sekarang tidak ada alasan lagi untuk tidak belajar karena kekurangan hardware. Omong kosong, kalo emang males belajar ya ke laut aja.

Mari kita coba buat Virtual Machine (VM).

1. Saya sedang menjalankan Windows 7 sebagai hostnya. Yang perlu disiapkan adalah ISO Operating System pilihan. Saya mau coba Ubuntu, maka saya download ISO Linux Ubuntu.

http://kambing.ui.ac.id/iso/ubuntu/releases/

Yang saya pilih Ubuntu 10.10 LTS: http://kambing.ui.ac.id/iso/ubuntu/releases/10.10/ubuntu-10.10-server-i386.iso

2. Download sofware virtualisasi VirtualBox dari Oracle.

http://www.virtualbox.org/wiki/Downloads

3. Setelah itu, install VirtualBox. Next, next saja sampai selesai, biasanya lancar sampe ada tulisan “Welcome to VirtualBox!”.

4. Buat VM baru, dengan mengklik tombol “New” di toolbar. Tulis nama VMnya dan pilih jenis OSnya.

5. Set alokasi RAM. Saya set 512MB saja cukup.

6. Buat Hardisk virtual dan set alokasi harddisk untuk VM. Saya set hardisknya sekitar 2GB.

7. Untuk menginstall Ubuntu, Perlu diset CD menggunakan ISO. Klik “Setting” pada VM yang baru dibuat. Klik “Storage”, kemudian “IDE controller/CD”. Di paling kanan ada icon “CD”, klik “Choose a virtual CD/DVD disk file” untuk memilih ISO Ubuntu yang sudah didownload tadi.

8. Setting jaringan. Saya perlu 2 NIC/Network adapter. Adapter yang pertama pilih “NAT”. Ini supaya dapat mengakses jaringan luar seperti host OS. Jadi guest OS bs mengakses Internet seperti layaknya host OS. Yang kedua opsional, ini menggunakan “Host-only adapter”, supaya host OS dan guest OS terhubung.

9. Jalankan Virtual Machine. VM akan booting CD/ISO dan menjalankan instalasi Ubuntu.

10. Lanjut ke Cara Install Ubuntu Server

Saya sendiri masih menggunakan/membangun sistem yang berdasarkan framework Codeigniter 1.7.2. yang kalau dijalankan di PHP 5.3 langsung ngadat. Selain itu kebanyakan hosting pun mau ga mau harus tetap dengan versi PHP 5.2. Jadi kalau membangun sebuah server ada baiknya untuk mempertimbangkan versi mana yang akan dipakai.

Kalau di server Debian/Ubuntu bisa dibilang mudah, mungkin karena sudah terbiasa dan di repositorinya, PHP versi 5.2 masih disupport, jadi instalasi bisa langsung lancar-lancar aja. Kebetulan server yang sekarang sedang digunakan adalah CentOS 5.5 jadi agak ribet, selain belum biasa, juga harus tau menggunakan command yum, dan harus ngecek repo yang masih ada PHP 5.2-nya.

Tapi ternyata ga susah-susah amat. Saya oprek-oprek sepertinya ini ada dua cara, atau tiga kalo mau lebih. Tulisan ini untuk catatan saya, silakan koreksi kalau ada yang salah.

Cara pertama dengan menggunakan repo dari Zend. Pertama-tama pastikan sudah tidak ada lagi instalasi PHP versi baru. Kalau masih ada dihilangkan saja.

yum remove php*.*

Kemudian buka yum.conf untuk meng-exclude-kan segala yang berbau php-5.3 di konfigurasi yum.

vim /etc/yum.conf

Tambahkan line berikut menghindari yum untuk menginstal atau me-list yang berkaitan dengan php-5.3.

exclude=php-5.3*, mod-php-5.3*, zend-server-php-5.3*

Kemudian buat file repo dengan nama zend.repo

vim /etc/yum.repos.d/zend.repo

Isi dengan ini:

[Zend]
name=Zend Server
baseurl=http://repos.zend.com/zend-server/rpm/$basearch
enabled=1
gpgcheck=0
[Zend_noarch]
name=Zend Server - noarch
baseurl=http://repos.zend.com/zend-server/rpm/noarch
enabled=1
gpgcheck=0

Setelah itu langsung install saja dengan perintah berikut:

yum install zend-server-php-5.2

Saya pikir ini cara yang paling cepat dan sederhana, yum langsung menginstall semua yang berkaitan dengan php-5.2. Gampang kan? Ya mudah-mudahan dengan cara tadi langsung beres.

Cara kedua, sebenernya sama saja, cuma ini menggunakan repo yang lain lagi. Tetap dengan meng-exclude-kan php-5.3, buat file repo seperti berikut:

vim /etc/yum.repos.d/utterramblings.repo

Isikan dengan ini:

[utterramblings]
name=Jason's Utter Ramblings Repo
baseurl=http://www.jasonlitka.com/media/EL$releasever/$basearch/
enabled=1
gpgcheck=1
gpgkey=http://www.jasonlitka.com/media/RPM-GPG-KEY-jlitka

Lihat list repo php yang ada, kemudian install paket yang ada beserta extension-extensionnya:

yum list php

yum install php php-xmlrpc php-imap php-mhash php-mbstring php-mysql
php-xml php-gd php-openssl php-exif php-mcrypt php-soap

Sedangkan cara yang ketiga, harus download dulu source php-5.2 di php.net, kemudian dikompil. Install dulu tools untuk mengompil sourcenya.

yum install php-devel
yum install httpd-devel
yum install libxml2-devel
yum install mysql-devel

Download source php-5.2

wget http://id.php.net/distributions/php-5.2.17.tar.gz

Extract file sourcenya, kemudian masuk ke foldernya:

tar -zxvf php-5.2.17.tar.gz
cd php-5.2.17

Jalankan proses kompil:

./configure --with-apxs2=/usr/sbin/apxs --with-mysql=/usr/local
--with-zlib-dir=/usr --with-mysql=/usr/local --with-kerberos=/usr --enable-cli
--enable-exif --enable-mbstring --enable-mbregex --enable-sockets
--with-curl --with-openssl=/usr --with-xmlrpc --with-xsl=/usr --with-pear
--with-iconv --with-gd --with-jpeg-dir=/opt/local --with-png-dir=/opt/local
--with-freetype-dir=/opt/local

make install

Sama seperti aplikasi pendownload youtube yang lain, script yt-download yang lama masih bisa dijalankan mulus. Tapi, bedanya, dia hanya mendownload salah satu video saja (defaultnya), sementara di Youtube, satu video ada berbagai macam ukuran dan format. Ide dari mas Trio, di script yang baru, saya coba tambahkan beberapa fitur.

Shell ini masih sederhana seperti yang lama, hanya jauh lebih banyak barisnya. Ga jauh beda, cuma memanfaatkan fungsi-fungsi regular expression dan string manipulation untuk mendapatkan url video, format, dan ukuran. Variable tersebut ada di source html youtube dengan key “PLAYER_CONFIG” yang berupa array JSON. Dengan mendapatkan nilai “fmt_url_map” dan “fmt_map” sudah cukup menghasilkan url video, format, dan ukurannya. Kalo shell bisa ngebaca JSON, mungkin akan lebih mudah untuk parsingnya.

Script yt-download.sh bisa didownload di sini.

Change log

v2.32 – 2012-01-31

• Fixed: Youtube’s format changed, reported by Abdulla. PLAYER_CONFIG to playerConfig, line 54-55.
• Changed: Added tmp file with timestamp, and deleted as soon as it is processed, to prevent write problems.

v2.3 – 2011-08-29

• Fixed: Youtube’s format changed. url_encoded_fmt_stream_map & fmt_list.
• Fixed: Youtube’s url changed. Url decoded, remove some parameters, added ‘title’ parameter.

v2.2

• Fixed: Youtube’s url changed. Remove o-o.preferred.matrix-cgk1
• Fixed: Youtube’s url changed. \u0026 replaced with &.
• Fixed: array sorting problem.

v2.1

• Added: input for save directory, and some error handling if directory’s not found. (Thanks to Trio).
• Added: abort option. (Thanks to Trio).
• Added: wget parameter. (Thanks to Trio).
• Added: new video format webm. Format list: flv, mp4, 3gp, and webm.
• Changed: parsing algorithm based on Dougal’s Shell script. (Thanks to Dougal). But problem with array sorting.

v2.0

• Added: automatic file naming based on page title.
• Added: some error handling.
• Added: allow user to choose available size and format. Format list: flv, mp4, and 3gp.
• Changed: parsed portion. JSON array from youtube HTML source provides various video format. (Thanks to Trio).
• Reported: problem with title and “/” character. Tested with Debian/Ubuntu & Puppy, no problem.

Saya dulu tau ini dari Pak Uut. Pertama emang ga langsung nyoba sih, terus baru mulai pakai, waktu sudah mulai banyak pegang banyak domain. Ditambah lagi saya menggunakan tiga komputer bergantian, PC kantor, dan dua notebook, dan aplikasi email client seperti Outlook cukup bikin menyita waktu apalagi kalo sudah berhubungan dengan backup-restorenya. Ditambah lagi aplikasi email seperti Squirrel, halah. Siapa sih yang ga benci dengan aplikasi webmail seperti Squirrel atau Horde.

Beberapa teman saya bilang ini terlalu ribet. Mungkin tidak semua setuju dengan saya bahwa ini sangat membatu. Mungkin mereka ga pernah megang banyak email. Saya punya dua email utama di Yahoo dan Gmail, selain itu ada sekitar 10 email lagi kebanyakanya di hosting di Google, yang ditarik lewat pop3 ke email utama tadi. Jadi sehari-hari saya hanya perlu buka dua email utama tadi. Tapi sayangnya satu akun Gmail saat ini hanya diperbolehkan sekitar lima POP3.

Jadi buat yang belum tau caranya menghosting email di Google Apps, mari kita coba. Pertama yang perlu dipersiapkan adalah punya nama domain sendiri. Artinya ada akses untuk merubah MX record, yang bisa dilakukan melalui CPanel atau setting DNS pada domain control panel.

Kedua, daftar di Google Apps di sini: http://www.google.com/a/cpanel/domain/new. I want to use an existing domain name. Masukkan nama domain kemudian lanjutkan pendaftaran.

Google Apps requires changes to DNS to properly set up services. Learn more
* I understand that if I cannot alter DNS records for my domain,
I may impact my organization's ability to use Google Apps.

Centang bila setuju. Kemudian lanjutkan proses pendaftaran. Kemudian buat akun Google Apps pertama untuk domain tersebut.

Ketiga. Setelah pendaftaran selesai, untuk mengaktifkan diharuskan untuk memverifikasi domain tersebut. Di atas menu Dashboard ada tulisan To activate Google Apps services you must verify that you own your domain.... Cara yang termudah dengan mengupload sebuah file HTML. Sistem akan memberi sebuah kode yang harus ditulis didalam file ‘googlehostedservice.html’. Upload file tersebut dan pastikan dapat diakses di http://namadomain.com/googlehostedservice.html. Selesai kan proses verifikasi domain.

Keempat, aktifkan email pada menu dashboard. Disini akan diarahkan untuk mengubah MX entry domain. Banyak caranya dan itu tergantung pada Control Panel yang dipakai. Untuk yang termudah kita coba untuk CPanel. Setelah login CPanel, klik menu MX entry. Di bawah Change MX Entry pilih domain yang akan dipakai. Buat MX entry atau bila MX sudah ada, maka tinggal diedit saja. Isinya sebagai berikut:

priority 0
destination aspmx.l.google.com

Kalo perlu tambahkan satu lagi.

priority 10
destination alt1.aspmx.l.google.com

Perubahan ini kadang memerlukan waktu agak lama untuk resolve kadang bisa berjam-jam. Halaman webmail tadi bisa diakses melalui url berikut http://mail.google.com/a/namadomain.com. Supaya gampang di Google apps juga terdapat fitur untu menyetting url webmail tadi misalnya jadi webmail.namadomain.com. Untuk ini harus merubah di CNAME record.

Selanjutnya melakukan setting pada control panel Google Apps. Ini sangat mudah, kamu bisa nambah akun email baru dan mengakses fitur-fitur lainnya seperti Google Docs, Calendar, Chats, dan lain-lainnya. Selamat mencoba.

Komodo Edit adalah aplikasi free/open source buatan ActiveState Canada, gue pilih dari beberapa text editor free yang lain untuk dicoba. Masih sangat awal untuk menilainya. Sudah dicoba untuk mengedit file html dan php dan kayaknya layak untuk dicoba. Misalnya fitur dasar yang harus ada seperti, line numbers, folding, tab/space indent, font & color, vertical selection, commenting, normal search, regex & incremental search, dan lain-lain. Editor ini juga punya Code Intelligent untuk autocomplete dan support untuk berbagai macam bahasa pemrograman.

Sedangkan fitur FTP/SFTP Komodo Edit versi 5 ini sangat sederhana, hanya koneksi ke server, kemudian untuk membuka file di remote server, ga ada explorer untuk file folder di remote server. Di bagian Preference > Server disediakan fitur untuk menyimpan akun FTP/SFTP. Tapi untuk fungsi meng-explore remote server harus ditambah solusi add-on seperti JSTreeDrive dan Remote Drive Tree. Dan satu lagi kelebihan Komodo Edit, dia itu cross-platform, bisa di Windows, Linux dan Mac.

The early version is not valid XHTML/CSS and looks crappy when viewed on IE 6 or lower.

Features

• Fixed width ~700px.
• 1 column. 2 columns sidebar.
• Widget ready sidebar.
• Valid XHTML (I guess).
• Browser tested: Firefox, Opera, IE7, IE6, IE5, Safari.

Screenshot

Download

fairly_empty_2.zip (Latest 2008-11-08).

Changes/Fixes

• IE6 & IE5 CSS hack.
• PNG Fix.
• Some minor fixes.

I have my own way for this kind of situation. Check the web’s stats. For example, according to Google Analytics for this website, the most used browsers are Firefox, IE, Opera, Mozilla Compatible, Safari and Chrome. Then I would manually view the web on different browsers. For IE special case, it has many versions, I use Tredosoft which enable to run multiple IE versions on your PC.

Maybe you don’t want to install anything, or you want to know how it looks not only on different browser, but on different OS’ too. This is very interesting, I found this site when Googling about cross browser compatibility. There are some commercial online services to check browser compatibility, but Browsershots.org is free open-source online service for website compatibility testing. Just enter the URL, select the browser and OS, and it will queue the screenshots. Now maybe you should try it to your website.

And, my good friend Riano, posted quite interesting tutorials on how this theme is made: Simple web-layout design (1) and Simple web-layout design (2).

Features

• Fixed width 800px. Yup, it’s a good idea to worry about the screen resolution.
• 2 columns.
• Widget ready sidebar.
• Valid XHTML (I guess).
• Browser tested: Firefox, Opera, IE7, IE6, IE5, Safari.

Screenshot

Download

first_of_all.zip (Latest 2008-11-08).

Changes/Fixes

• Sidebar default content.
• IE6 & IE5 CSS hack.
• Minor fixes.

Sebelum menginstall WordPress lu harus download installer wordpress di http://wordpress.org. Terus, lu mo install WordPressnya di mana? di hosting atau di localhost (lokal di kompie lu)?

Kalo mo masangnya di hosting lu harus punya domain & hosting dulu, ntar kan dapat username dan password untuk akses ke Cpanel. trus lu baca Cara Bikin Database di CPanel dan Cara Upload/download File Pake FTP Client.

Kalo lu mo masangnya di localhost lu harus install Apache, MySQL, dan PHP. Atau pake yang simple kayak WampServer, XAMPP dan lainnya yang gabungin Apache, MySQL, dan PHP dalam satu paket. Coba baca Cara Meng-install XAMPP (sori belum di bikin).

Di antara dua pilihan tadi harus tau dimana DocumentRoot dan tempat WordPressnya mo di-install. DocumentRoot tu kira-kira folder tempat naruk file-file lu sehingga kalo lu akses url di browser misalnya http://localhost, folder itulah yang dicari. DocumentRoot biasanya di htdocs, www, dan lain-lain. Bisa juga sih di install di folder tertentu misalnya di www/blog, atau www/wordpress. Untuk kasus ini gw ngasih contoh dengan url teman gw di http://www.rianology.com.

1. Download dan extract installer WordPress dari http://wordpress.org.
2. Pindahkan hasil extract tadi ke DocumentRoot atau folder tertentu di hosting pake FTP client atau kalo di localhost tinggal copy paste ke folder tertentu tersebut.
3. Buka web browser seperti Internet Explorer atau Firefox. Ketikkan Url dimana web lu tadi di-upload cth: http://www.rianology.com atau http://localhost/wordpress dan kalo berhasil muncul seperti ini.
4. Seperti gambar di atas tu artinya file wp-config.php belum dibuat. Klik aja create a wp-config.php file through a web interface, nanti installer ini yang langsung bikinin filenya. Halaman selanjutnya adalah info apabila kalo gagal bikin file wp-config.php. Lanjutkan dengan mengklik let’s go di bawah.
   
5. Sebelum mengisi field-field di halaman ini, lu harus bikin database dulu. Kalo lu bikinnya di hostingan lu bisa baca Cara Bikin Database di CPanel. Kalo lu bikinnya di localhost, lu bisa coba pake PhpMyAdmin untuk bikin databasenya.
6. Setelah bikin database, gw anggap bahwa lu dah tau nama database yang lu mo pake, username, dan password. Jadi sekarang lu tinggal isi field-fieldnya aja di sini. Sedangkan untuk host & prefix lu biarkan aja seperti itu. Dah gitu lu klik Submit. Dan jangan kaget, tombol-tombol di WordPress emang besar-besar.
   
7. Kalo ga ada masalah dengan akses ke database maka muncul perkataan “All right sparky!“. Lanjutkan dengan mengklik Run the Install.
   
8. Isikan judul blog lu dan e-mail lu. Klik Install WordPress.
   
9. Di sini installernya ngasih username dan sebuah password random untuk login. Copy paste password itu paste di notepad biar lu ga lupa dan simpan sampe lu ganti dengan password baru. Lanjutkan dengan mengklik wp-login.php.
   
10. Tampilan login adminnya seperti di bawah ini. Admin juga bisa di akses di misalnya http://www.rianology.com/wp-admin atau http://localhost/wordpress/wp-admin. Sekarang masukkan username dan password tadi.
    
11. Tampilan adminnya seperti ini.
    
12. Untuk ngerubah password dengan yang mudah diingat masuk ke menu Users. Di situ ada daftar administrator. Klik Edit (di sebelah kiri).
    
13. Di sini lu bisa ganti password, ganti nama dan ngedit Contact Info.
    
14. Ini tampilan standar halaman depan WordPress. Selamat mencoba.