A. PENGANTAR DESAIN WEB
1. Desain Web
Desain web adalah seni dan proses dalam menciptakan halaman web tunggal atau keseluruhan.
Sebagian dari aspek yang mungkin tercakup pada desain web atau produksi web adalah
menciptakan animasi dan grafik, pemilihan font, pemilihan warna, navigasi, isi. Desain web juga
menggabungkan pada seni programing dan pengembangan e-commerce. Desain web adalah
suatu format penerbitan elektronik.
Desain web sangat melibatkan estetika dan mood. Estetika berasal dari bahasa Yunani
aisthesis, yang kemudian dipopulerkan oleh Alexander Gottlieb Baungarten(1714-1762) dengan
nama aesthetica. Secara sederhana estetika bisa diartikan sebagai seni keindahan yang
mempengaruhi kenyamanan pengguna secara visual karena karya seni yang memenuhi nilainilai
estetika akan tampak lebin indah dan mudah dicerna.
Mood adalah dasar dari sebuah desain untuk memberikan pesan kepada pengunjung mengenai
perasaan dari situs tersebut. Beberapa elemen dalam situs yang mengekspresikan mood
ditampilkan melalui warna, teks, layout, gambar/grafis, dan efek-efek pendukung lainnya.
Target pengunjung adalah langkah awal penentuan dari mood yang akan dihadirkan pada
sebuah situs.
2. WWW (World Wide Web)
WWW adalah kependekan dari World Wide Web, atau lebih dikenal dengan nama web. Web
adalah sebuah layanan yang didapat oleh pemakai komputer apabila komputernya tersambung
dengan internet. Dengan web, pengguna komputer diseluruh dunia dapat saling berinteraksi
dengan pengguna internet lainnya tanpa harus beranjak dari tempat dimana internet itu
diakses. Dengan akses internet maka pengguna layanan internet dapat dengan mudah
memperoleh informasi yang diinginkan, bahkan dapat menyimpan program, atau gambar yang
ditampilkan dari media internet.
Web merupakan suatu ruangan yang dapat menampung informasi dalam jaringan Internet
pada sebuah browser, dengan menambahkan kemampuan untuk mengolah kode-kode tertentu
yang secara umum dinamakan tag-tag (delimiter) dan kemampuan untuk dapat meloncat (link)
dari halaman satu ke halaman lainnya dan kemampaun untuk pengolah sebuah gambar, suara,
animasi, bahkan pengolahan database dari sebuah aplikasi berbasis web.
Pada perkembangan selanjutnya, web lebih banyak dikenal dengan nama Internet, karenakemampuan dari interface web yang dapat mengelolah layanan-layanan yang terdapat padainternet.
3. Cara Kerja WWW
Gambar 1. Cara kerja WWW
Penjelasan Cara Kerja WWW
1. Informasi – informasi yang dibuat disimpan dalam sebuah dokumen web pages pada
sebuah tempat penyimpanan, yaitu hardisk.
2. Dokumen web yang disimpan dalam sebuah harddisk terletak pada web server apabila
komputer yang dimaksud telah dilengkapi dengan web server seperti IIS, PWS atau
Apache Server. Dalam hal ini komputer bertugas sebagai server sekaligus menyimpan
informasi.
3. Komputer yang bertugas sebagai client membaca informasi yang terdapat pada web
pages melalui sebuah jaringan internet dengan mengambil informasi yang tersimpan
pada komputer server.
4. Komputer client menampilkan halaman web dengan menggunakan sebuah program
khusus, yaitu browser.
4. Browser Web
Browser web adalah program yang digunakan untuk menampilkan informasi dari suatu halaman
web yang tersimpan dalam komputer. Dengan menerapkan Grafik User Interface (GUI), maka
para pengguna internet dengan mudah mengakses informasi-informasi yang terdapat pada
internet.
Cara Kerja Browser Web
1. Browser web mengambil sebuah informasi melalui jaringan internet pada sebuah server
web dengan perintah request.
2. Server web memberikan umpan balik atau feedback, dengan memberi perintah
responen
3. Browser web menampilkan informasi yang telah diterima dari server web.
5. Fungsi Website
Sebelum mendesain web, tentukan dan pahami beberapa fungsi situs web agar desain yang
dibuat sesuai dengan fungsi, estetika dan mood yang dikehendaki :
Fungsi Komunikasi
Website yang digunakan untuk komunikasi adalah website-website yang digunakan untuk
email, form contact, cahtting, forum dan sebagainya.
Fungsi Informasi
Website ini biasanya berisi teks dan grafik yang dapat didownload dengan cepet dan website
untuk fungsi informasi sebaiknya dilakukan pembatasan untuk penggunaan animasi, gambar
dan elemen bergerak. Website yang memberikan informasi misalnya News, Profile, Company,
Library, Reference dan sebagainya.
Fungsi Enetertaiment
Website yang difungsikan untuk sarana hiburan dengan banyaknya penggunaan gambar,
animasi dan elemen bergerak seperti game online, film online, musik online dan sebagainya.
Fungsi Transaksi
Website yang difungsikan untuk sarana bisnis, baik barang, ataupun jasa dengan metode
transaksi menggunakan kartu kredit atau pun transfer.
B. JENIS SITUS WEBSITE
Berikut ini jenis situs website yang dikelompokan sesuai dengan tujuannya :
1. Alat Pemasaran
Sebuah situs yang dibuat dengan tujuan untuk mempromosikan dan memasarkan produk
ataupun jasa layanan perusahaan dapat juga untuk sebuah company profile. Pemasaran melalui
internet lebih cepat sampai dan memiliki jangkauan yang lebih luas lagi.
Perencaan dalam merencang situs pemasaran dan promosi :
1. URL atau alamat situs web dapat menjadi aset pemasaran tersendiri dan disesuaikan
dengan posisi yang diinginkan.
2. Halaman web harus mengesankan pengunjung.
3. Letak isi menu tidak perlu terlalu banyak cukup simple akan tetapi menampilkan latar
belakang perusahaan (citra diri perusahaan).
4. Situs ini hanya memberikan informasi tidak bisa digunakan untuk transaksi online.
5. Informasi produk harus jelas.
6. Ada pencatatan pengunjung (guest book).
2. Nilai Tambah
Sebuah situs web sering dibuat hanya sebagai nilai tambah. Mungkin sebenarnya perusahaan
tidak terlalu membutuhkan situs web itu, tetapi menggunakannya hanya sekedar untuk
mengikuti tren sehingga perusahaan tampak lebih modern.
Perencanaan dalam merancang situs:
1. Adanya marketing tool
2. Adanya referensi atau informasi tambahan
3. Penggunaan web dirancang semudah mungkin
a. Katalog
Sebuah situs yang menampilkan produk-produk yang dijual oleh perusahaan. Dengan adanya
situs maka akan mempermudah untuk melakukan update terhadap produk yang akan dijual.
Perencanaan dalam merancang situs:
1. Adanya marketing tool
2. Informasi yang ditampilkan harus lengkap dan jelas.
3. Halaman situs user friendly (mudah untuk dipahami).
4. Transaksi hanya dapat dilakukan secara offline
b. E-Commerce
Adalah sebuah situs yang digunakan untuk melalukan transaksi pembelian dan pembayaran
secara online.
Bila sebuah halaman web yang akan disusun adalah halaman web yang berorintasi bisnis,
tujuan yang harus dicapai halaman web itu adalah meningkatkan order penjualan dari
pelanggan, menciptakan order dari pelanggan baru dan menekan keseluruhan biaya
pengeluaran.
Beberapa hal yang harus diperhatikan adalah :
1. Membuat nama domain sendiri.
2. Kecepatan akses sangat penting jadi jangan terlalu banyak menggunakan animasi
bergerak.
3. Pemilihan server (keamanan, kemudahan akses, stabilitas sistem server)
4. Tampilan situs memiliki kesan profesional
5. Email balasan
6. Cara pembayaran yang selengkap mungkin
7. Pencarian yang memudahkan pengunjung
8. Proses transaksi cepat dan mudah
c. E-Learning
Adalah sebuah website yang ditujukan sebagai media pembelajaran. E-learning bisa juga
digunakan untuk pembelajaran jarak jauh, untuk pelatihan.
Syarat yang harus terpenuhi dalam sebuah e-learning :
1. Sederhana
Untuk memudahkan peserta didik untuk menggunakan dan memanfaatkan menu yang ada,
dengan kemudahan panel yang disediakan mengurangi ketergantungan pengenalan sistem elearning
sehingga waktu belajar termanfaat dengan baik tidak tersita untuk memahami sistem
e-learning,
2. Cepat
Bertujuan untuk kecepatan respon terhadap sebuah layanan keluhan dan kebutuhan perbaikan
peserta didik sehingga perbaikan pembelajaran dapat dilakukan secepat mungkin oleh pengajar
atau pengelolah.
3. Personal
Peserta didik dapat berkomunikasi dengan baik layaknya komunikasi tatap muka pengajar
dengan peserta didik secara langsung, peserta didik dapat dibantu kemajuannya dan segala
persoalan yang dihadapi.
a. Komunitas
Sebuah situs yang memungkinkan untuk komunikasi secara bersama. Pengunjung dapat
berbagi pengalaman dan cerita. Untuk menambah teman dan perkumpulan baru.
b. Portal
Adalah aplikasi berbasis web yang menyediakan akses suatu titik tunggal dari informasi online
terdistribusi.
c. Personal
Adalah situs yang memiliki tujuan untuk mempromosikan atau menginformasikan tentang
seseorang, biasanya berisi biodata, portofolio, prestasi ataupun cerita sehari-hari dari
seseorang.
C. ISTILAH-ISTILAH DALAM PEMROGRAMAN WEB
Beberapa istilah dalam pemrograman web, antara lain :
1. Internet adalah kependekan dari International Networking, yang artinya jaringan
komputer berskala internasional/global yang dapat membuat masing-masing komputer
saling berkomunikasi.
2. Intranet merupakan jaringan komputer berskala kecil, hanya memiliki beberapa web
server yang diperuntukan untuk organisasi atau perudahaan, dan digunakan sebagai
sarana komunikasi antara komputer dalam organisasi tersebut.
3. TCP/IP adalah kependekan dari Transmission Control Protocol / Internet Protocol
artinya protokol yang terdiri dari sub-protokol, yang beroperasi pada lapisan yang
berbeda. Ini merupalan protokol standar internet. Protokol ini memberikan nomor Unix
pada setiap komputer yang terkoneksi.
4. URL adalah kependekan dari Uniform Resource Locators, artinya sebuah alamat
didalam internet yang terdiri atas 2bagian. Bagian pertama pengenalan protokol dan
bagian kedua adalah pengenalan domain.
5. HTTP adalah kependekan dari Hypertext Markup Language, artinya protokol yang
berfungsi untuk mendefinisikan dan menjelaskan bagaimana server dan client
berinteraksi dalam mengirim dan menerima dokumen web.
Tidak ada komentar:
Posting Komentar