Cari Blog Ini

Laman

Selasa, 08 Mei 2012

[Tugas Sofskill] Membuat Web

Untuk membuat sebuah web yang saya lakukan pertama kali adalah membuat user untuk domain dan hosting dimana web kita akan ditempatkan. Kebetulan saya menggunakan domain dan hosting gratis. Saya menggunakan domain gratis dari www.afraid.org. di www.afraid.org ini banyak sekali disediakan domain gratis dengan banyak macam domain. Mulai dari .uk.to yang kebetulan saya pakai dalam pembuatan web saya, ada juga .us.to, ind.ws, dan banyak lagi. Berikut tampilan dari www.afraid.org.



Kebetulan akun saya sudah memilih domain, jadi tampilannya seperti diatas. Jika belum aka nada tampilan untuk memilih berbagai domain gratis. Seperti yang dijelaskan di atas domain yang saya gunakan adalah malik-fitrianto.uk.to. setelah membuat domain kemudian saya membuat hosting gratis di www.000webhost.com. Cukup membuat akun di sana maka kita akan mendapatkan hosting gratis. Bandwidth yang diberikan cukup besar untuk sebuah hosting gratis. Namun karena tempat server  yang jauh, membuat kecepatan akses ke hosting ini (web yang saya buat nantinya) menjadi cukup lama, terlebih lagi jika webnya berat dan banyak contentnya. Berikut adalah tampilan utama dari www.000webhost.comsetelah kita login.

Dalam gambar tersebut ada domain, nah itu adalah domain yang saya buat sebelumnya. Jadi jika membuat pertama kali, masukkan domain di webhos domain yang kita buat. Nantinya jika domain diakses maka akan diarahkan ke hosting (webhost) tempat web kita berada. Setelah kedua elemen tersebut dibuat. Sekarang masuk ke tahap pembuatan web/pengkodingan web. Zaman sekarang ada banyak cara untuk pembuatan web bisa menggunakan template, bisa menggunakan CMS bahkan sekarang juga bisa menggunakan software pembuat web dimana kita hanya cukup memasang elemen yang diinginkan dan menempatkannya di tempat yang diinginkan menjadi halaman web dan software akan memberikan source kodingannya. Sungguh praktis sekali. Dalam pembuatan web ini saya menggunakan sebuah template untuk pebuatan header (main menu). Dan sisanya saya melakukan pengkodingan sendiri. Dalam web saya, saya menggunakan CSS,HTML,PHP,dan Database. Keempatnya saya satukan menjadi web saya. Berikut adalah alamat web saya: www.malik-fitrianto.uk.to. Kebetulan saya masih dalam pembelajaran dalam membuat web, mohon dimaklumi jika web saya terlihat sederhana atau aneh. Hehe. Sedikit mengupas kodingan web saya, saya membuat 5 menu di menu utama yaitu Home, Tulisan, Gallery, About Me, Kritik dan Saran. Untuk bagian home saya hanya membuat ucapan selamat dating dengan menggunakan bahasa HTLM, untuk tulisan saya juga hanya membuat sub menu ini berisi beberapa tulisan informasi. Namun yang berbeda, tulisan yang ditampilkan ini berasal dari database. Data tulisan dimasukkan kedalam database dalam bentuk tulisan HTML kemudian di panggil kembali di page tulisan ini. Untuk mengisinya pun saya sebenarnya membuat page tersebunyi yang sudah tersambung langsung  ke database, jadi jika saya ingin menambah tulisan saya tidak perlu masuk kedatabase, cukup mengetiknya di form penulisan di page yang saya sembunyikan. Kemudian bisa langsung ditampilkan. Untuk Gallery dan About Me sama seperti Home saya hanya membuat Gambar dan sedikit tentang identitas saya menggunakan HTML. Kemudian di Kritik Dan Saran saya juga menggunakan Database untuk menyimpan kritik dan saran yang masuk. Dan kemudian ditampilkan kembali. Setelah semua jadi, saya upload data-data hasil koding web saya ke hosting saya. Saya menggunakan filezella. Kebetulan untuk bagian upload ini tidak saya tampilkan karena faktor keamanan. Setelah semua data web saya masuk ke webhost, kemudian saya mengimport database saya. Ke database saya yang ada di webhost. Dan saya rubah setingan database saya ke settingan database webhost. Setelah semua selesai. Untuk meliahat hasilnya kita bisa masukkan domain kita ke browser dan enter. Itulah web yang sudah jadi dan online yang bisa diakses dimana saja dan kapan saja asal ada akses internet. Mohon ibu dosen diisikan form kritik dan saran untuk web saya. Terimakasih. Sekian.

Berikut tampilan dari cPanel dari webhost

Untuk membuat database gunakan MYSQLdan untuk memanage database gunakan PHPMYADMIN

Web yang Buruk dan Baik menurut saya:
BURUK :
DESAIN SECARA UMUM
- Loading makan waktu lama (web berat)
- Halaman pertama (index/home) tidak pas dalam browser standar (800 x 600 pixel)
- Frame yang harus discroll menyamping
- Tak ada fokus tema pada halaman itu
- Sebaliknya, terlalu banyak fokus tema dalam halaman itu
- Tombol navigasi menjadi satu-satunya daya tarik
- Peletakan elemen (teks, paragraf, gambar, dsb.) berantakan
- Warna tidak cocok satu sama lain
- Halaman bagus jika dibuka di satu browser, tetapi hancur jika dibuka di browser lain

BAIK :
DESAIN SECARA UMUM
- Loading halaman cepat (web enteng)
- Halaman index atau home pas di ukuran minimal 800 x 600 pixel
- Seluruh halaman lainnya juga harus pas dengan ukuran minimal 800 x 600 pixel
- Gunakan elemen grafis (foto, gambar, dsb.) untuk mengisi jeda antara paragraf dalam sebuah tulisan berukuran sangat panjang
- Peletakan seluruh elemen (teks, paragraf, gambar, dsb.) sesuai dan indah.

- Buat setiap halaman tampak sebagai bagian dari situs tersebut; tampilkan elemen tertentu secara berulang yang akan mengingatkan pengunjung bahwa ia masih berada dalam situs yang sama.


Alamat web saya: