Membuat Homepage Pribadi

Di Server Students Teknik Fisika

Homepage Pribadi
Tahukah Anda ? Server students Teknik Fisika yang biasa Anda akses dari alamat web : http://students.tf.itb.ac.id dan biasanya muncul webmail students yang biasa Anda akses untuk membaca dan mengirimkan email, dapat anda gunakan juga sebagai Homepage pribadi yang dapat diakses dari seantoro penjuru dunia. Sebagai contoh, ketik alamat web berikut, http://students.tf.itb.ac.id

Gambar 1 Webmail Students

Uffs.. ternyata yang tampil adalah halaman webmail Students. Coba kembali buka alamat berikut : http://students.tf.itb.ac.id/~ariefb

Gambar 2 Homepage Pribadi

Nah, .. baru sekarang tampil halaman homepage pribadi. Anda juga dapat membuat homepage pribadi masing-masing. Tentu saja, syarat pertamanya adalah harus punya login email di students teknik fisika yang bisa digunakan untuk mengakses ke server. Nama user sama dengan alamat email yang bersangkutan. Keuntungan memiliki homepage pribadi adalah informasi dan data diri Anda dapat dipublish serta diakses oleh orang-orang dimana saja, sepanjang mereka terkoneksi dengan jaringan internet. Sehingga anda bisa mempublish info-info yang anda punya baik berkaitan dengan akademik maupun pribadi kepada orang-orang di seluruh dunia. Alamat homepage pribadi anda adalah : http://students.tf.itb.ac.id/~namalogin Adapun cara untuk membuatnya adalah sebagai berikut :

Mengonfigurasi Webfolder
Untuk mempublish suatu homepage anda memerlukan : 1. webfolder 2. file-file HTML lengkap dengan gambar/foto yang ingin dipublish Untuk memiliki webfolder, Anda bisa menggunakan login email yang biasa anda gunakan. Namun sebelum mengupload ada beberapa hal yang perlu Anda siapkan dan konfigurasi. Untuk mengkonfigurasinya maka anda perlu siapkan : 1. Software WinSCP untuk mengupload file serta mengedit konfigurasi webfolder 2. Komputer yang terkoneksi ke network (bisa dirumah atau di ITB) Langkah selanjutnya adalah membuat Webfolder 1. Jalankan WinSCP

2. 3. 4. 5. 6.

Ketik [Hostname] : students.tf.itb.ac.id [Port Number] di set : 22 Ketik [User name] : nama login (biasanya user email) Ketik [Password] : password (password email) klik [Login]

Kemudian anda akan masuk ke direktori di server students. Sebaiknya anda jangan mengubah-ubah file/folder default yang sudah tersedia, kecuali Anda mengerti betul file/folder tersebut.

Gambar 3 Tampilan Winscp

Lanjutkan ke langkah berikut: Membuat Web Folder Cek terlebih dahulu apakah sudah ada folder public_html dalam direktori Anda. Kalau sudah anda langkah ini tidak perlu anda lakukan. Lanjutkan ke langkah berikutnya. Untuk membuat web Folder langkahnya adalah : 1. Ada dua panel yang tampil pada winscp, local dan remote. klik panel remote. 2. klik tombol [F7 Create Directory], akan muncul jendela membuat direktori baru 3. Ketik nama folder : public_html Folder public_html merupakan folder yang diassign khusus oleh Webserver Apache untuk dapat ditampilkan pada halaman web dan bisa dibaca oleh Web browser. Langkah selanjutnya adalah mengonfigurasi permission. Hak akses file/folder pada server disebut dengan permission. Ada tiga kategori permission yaitu : read, write, execute. Supaya webfolder bisa diakses oleh orang lain dengan browser, maka webfolder kita harus kita konfigurasi read & execute. File/folder yang harus diubah permissionnya adalah : direktori user, folder public_html, dan filefile yang ada pada direktori public_html. Semuanya ini bisa kita konfigurasi dengan software winscp. 1. Mengonfigurasi folder public_html a. Pada Winscp, klik-kanan [public_html]

Gambar 4 Klik-kanan folder public_html

b. Pilih [Properties]

Gambar 5 Properties

c. Pastikan Permission pada Others Read & Execute. Centangi [R] dan [X] d. Klik [OK] untuk selesai 2. Mengonfigurasi Direktori User Satu bagian lagi yang perlu dikonfigurasi adalah Direktori user itu sendiri. Caranya adalah anda harus naik satu langkah ke bagian atas.

a. Pada Winscp, klik-ganda lambang folder paling atas (yang ada panah ke atas) untuk mengakses parent direktori. b. Klik kanan direktori yang sama dengan nama login Anda. c. Lakukan hal yang samap seperti pada langkah Mengonfigurasi folder public html 3. Langkah selanjutnya adalah membuat file HTML

Membuat/Mengedit HTML
Untuk membuat halaman web banyak tool yang bisa digunakan. Salah satunya yang paling sederhana adalah notepad. Kalau pingin yang lebih canggih, gunakan Dreamweaver dan Flash.. Supaya cepat berikut adalah beberapa contoh tag HTML sederhana yang bisa anda gunakan. Ikuti langkah berikut : 1. Buka notepad 2. Tulis file berikut : <html> <head> <title> Homepage Pribadi [Nama Lengkap] ([NIM]) </title> </head> <h1>Data Pribadi </h1> <h2>Nama Lengkap </h2> <h3>NIM : ( ) </h3> <p><li>Alamat </li> <li>Hobby </li> <li> </li> </p> </html>

3. Save file dengan nama index.html 4. Pastikan Kolom Save As Type pada saat menyimpan file notepad-nya : All Files

Mengupload File
Bila telah selesai membuat file HTML..siap-siap untuk menguploadnya ke webfolder 1. Buka winscp 2. Login ke server 3. pada panel kiri, pilih file yang akan diupload (index.html). pada panel kanan, pastikan Anda ada di folder public_html 4. klik tombol [F5 Copy] 5. File pun akan terupload di public_html

6. Cek permission file dengan cara klik-kanan file index.html pilih [Properties], pastikan permission others-nya Read [R] dan Execute [X]

Voila Published Web Pribadi Anda

Coba cek menggunakan web browser ke alamat : http://students.tf.itb.ac.id/~namauser Voila.. bila berhasil.. anda sudah punya homepage pribadi.. Selamat Menggunakan. Jangan lupa untuk menuliskannya pada signature email-email yang anda kirimkan.. supaya homepage anda lebih sering diakses oleh rekan-rekan. Bahkan bisa dimasukkan dalam Curriculum Vitae. +++ Admin Teknik Fisika