--You Can SMile Here--

Nothing special..

Web Design & Programming

09:11, 2010

Sekarang ini teknologi aplikasi web sudah sangat maju, dan terus berkembang. Berawal dari web 1.0 yang berupa web dengan metode “dokument sentrik” hingga web 3.0 yang bisa memiliki system refference kepada usernya. Pembuatan web dan aplikasi web harus memiliki desain yang bagus agar user tertarik dengan apa yang mereka lihat. Banyak design yang diperlukan untuk membangun web, diantaranya adalah design arsitektur sistem, desain interface, dan masi ada beberapa desain lainnya. Pada Kesempatan Kali ini saya mencoba mengutarakan bagaimana mendesain interface website.

Desain Interface adalah membuat tampilan dari website tersebut, biasanya menggunakan HTML (Hyper Text Markup Language) sebagai inti dari web tersebut. Dengan HTML kita sebenarnya sudah bisa menampilkan/membuat website statis. Codingan HTML juga terbilang mudah, apalagi bila kita membuatnya dengan tools-tools seperti Dreamweaver dan lainnya. Pembuatan tampilan website sederhana yang hanya menampilkan kalimat “baru belajar membuat web” dengan HTML seperti berikut pada notepad,

<html>

<body>

<p> baru belajar membuat web </p>

</body>

</html>

Kemudian disimpan dengan extension .html. Maka apabila kita membuka file tersebut, akan tampil di browser anda tulisan:

baru belajar membuat web

Untuk mempercantik website yang kita buat, kita bisa menggunakan CSS(Cascading Style Sheet). CSS berfungsi apabila kita menggunakan desain yang sama untuk beberapa bagian dalam website, sehingga kita tidak perlu mengetik ulang setiap desain tersebut. Terdapat dua sifat CSS, yaitu internal dan eksternal.

Untuk yang internal CSS dituliskan di dalam desain website tersebut, apabila kita membuat wesite lain menggunakan CSS yang sama maka code tersebut harus dimasukkan ke dalam website tersebut.

CONTOH :

<html>

<head>

<title>Contoh Bentuk internal</title>

</head>

<style>

body {background:#0000FF; color:#FFFF00; margin-left:0.5in}

h1 {font-size:18pt; color:#FF0000}

p {font-size:12pt; font-family:arial; text-indent:0.5in}

</style>

<body>

<h1 id=”cth1″>Judul ini berukuran 18 dengan warna merah</h1>

<p id=”cth2″>Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>

<p id=”cth3″>Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>

</body>

</html>

Sedangkan eksternal CSS ditulliskan pada file yang berbeda (di luar file .html) dengan extensi .css. Keuntungan dari pembuatan css eksternal adalah, kita bisa memakai file .css tersebut untuk diimplementasikan pada desain web lain.

Contoh :

body {
background-color:#d0e4fe;
}
h1 {
color:orange;
text-align:center;
}
p {
font-family:"Times New Roman";
font-size:20px;
}

Apabila kita ingin membuat web statis maka, desain dengan HTML dan CSS seperti di atas sebenarnya sudah cukup. Namun apabila kita ingin membuat web yang dinamis dimana web tersebut bisa mengalami perubahan, maka kita bisa menggunakan salah satunya adalah PHP (PHP Hypertext Preprocessor). PHP adalah bahasa pemrograman berbentuk script yang disisipkan dalam website. Penulisan php pada file diawali dengan <?php dan di akhiri dengan ?>. Dengan adanya php ini, kita bisa membuat website yang terintegrasi dengan database.

Category:

4 Comments

Sekian Lama…

15:08, 2009

Akhirnya setelah sekian lama vakum dari dunia blog, aq mulai lagi menulis apa yg ingin aq tulis disini. Mungkin tulisanq tidak begitu bagus, but i just write what I need to write. Memang sih yg namanya menulis itu mrmbutuhkan yang namanya waktu senggang. Tapi apabila kita menikmatinya, maka menulis juga bisa menjadi tempat hiburan yg sangat menyenangkan.

Untuk hari ini mungkin saya akan memulai menulis tentang kegiatan yg baru² aja q lakukan dalam waktu dekat ini. Karena selama masa vakum ni banyak sekali yg saya lakukan, jadi saya hanya menulis beberapa saja.

Yang pertama adalah Hunting Poto d Tangkuban Perahu(Lembang) dan Kawah Putih(Ciwidey). Hunting poto saya lakukan bersama teman saya yang bernama Budiman. Untuk yg d Tangkuban wkt tu kami pergi pada tanggal 29 Juli 2009, jam 3 sore. Sampai d sana sekitar jam 4, langsung saja kami sholat ashar dulu d musholla deket situ. Abis tu langsung deh kami mencari tempat yang menarik utk sekedar menghibur diri dengan jepretan² kamera DSLR yg kami bawa. Dsana pemandangannya sangat indah, kita bisa melihat kawah gunung dr atas, hutan² d sekitar kawah, dan gunung² lain yg bisa terlihat dari situ. Kami juga mencoba memotret kota Bandung d malam hari dari atas, namun hasil poto malamnya kurang memuaskan, mana dingin lagi d atas gunung ampe jam 7 . Tapi seneng dah pokoknya jalan k Tangkuban pada malam hari, soalnya kita bisa melihat bintang² yang indah dengan begitu jelasnya.

Kalau yang d Kawah Putih kami berangkat jam 12 siang tanggal 13 Agustus 2009 karena kami tau bahwa perjalanan akan sangat lama. Dengan menempuh perjalanan sekitar 2,5 jam dr kosan dan dengan bertanya-tanya kepada org d jalan utk bisa sampai akhirnya kami(masi dengan Budiman) tiba dengan selamat d Kawah Putih. Langsung aja deh kami memulai perburuan d salah satu tempat yang indah ni. Karena saya juga baru pertama kali ksini, maka saya pertama hanya melihat² pemandangan yg diberikan oleh tempat ini. Setelah itu baru saya berburu d empat ini. Pemandangan yg diberikan berupa kawah yang berwarna biru yg indah seperti d laut. Mungkin warna tersebut muncul karena pengaruh belerang, yg memang d kawah putih ini terdapat tambang belerang. Banyak sekali orang yg berfoto utk pre wedding mreka dsini, karena memank indah tempatnya. Kami berdua pun banyak mendapatkan poto² pemandangan yg indah tersebut. Jadi pengen hunting lagi kan, hehe.

Itu aja dulu yg bisa q tulis, lagian klo d ceritain panjang lebar ga bakal cukup lembarnya( mank pake kertas gt, hehe)

Category:

Cuap-Cuap

2 Comments