DESAIN WEB SITE

A. Prinsip - Prinsip Desain Web

Prinsip / pegangan utama sebuah desain adalah kualitas atau karakteristik bawaan dalam berbagai bentuk seni, seperti keseimbangan, keserasihan, kontras, konsistensi, variasi, ruang kosong dan gerak. Dengan prinsip - prinsip desain diharapkan dapat menghasilkan desain yang baik dan efektif, yang kemudian menghasilkan desain yang mudah dibaca dan cepat dimengerti. Pembahasan prinsip desain diantaranya adalah :

1. Keseimbangan

Keseimbangan adalah hasil susunan satu atau lebih elemen dari desain yang sama antara yang satu dengan lainnya. Ada dua jenis keseimbangan, yaitu :

a. Keseimbangan Simetris (Formal)

Keseimbangan simetris mempunyai elemen yang sama bobotnya pada dua sisi dari garis vertikal imajiner pada halaman web. Tata letak simetris ini menghasilkan desain yang statis dan berkesan formal, sederhana dan mudah dalam pembuatanya, tapi membosankan dan kurang menarik.

a. Keseimbangan Asimetris (Informal)

Keseimbangan simetris mempunyai elemen yang tidak sama bobotnya pada dua sisi dari garis vertikal imajiner pada halaman web. Tata letak desainya menjadi lebih dinamis untuk memakai ruang yang masih kosong.

2. Kontras

Kontras mudah dipahami yaitu dengan melihat dari dua objek yang berlainan, sehingga membuat kesan tampilan desain yang menonjol dan menarik perhatian.

Pemberian kontras pada suatu objek haruslah kontras positif, karena jika kontras yang diberikan negatif, objek tersebut menjadi samar- samar atau tidak terlihat, terserap oleh background.

3. Konsistensi

Konsistensi dapat membuat pengunjung merasa nyaman, karena mejelajah situs lebih mudah dan tidak membingungkan. Ketika pengunjung membuka suatu halaman situs yang konsisten, dia langsung tahu ke mana harus pergi dan dia tahu berada di mana. Konsistensi dapat diterapkan pada margin, tata letak, huruf, warna dan terutama navigasi. Dalam pembuatan navigasi harus sama antara satu halaman dengan halaman lain. Dan

dalam penggunaan huruf sebaiknya gunakan satu sampai tiga jenis saja. Sedangkan dalam penggunan warna, gunakan tiga sampai empat warna, itu sudah cukup. Penggunaan grafik yang konsisten bisa menambah kecepatan penampilan halaman lainnya, karena ketika browser menampilkan grafik, browser akan menyimpan sementara (cache) informasi grfik tersebut pada harddisk.

Konsistensi biasanya sangat efektif digunakan untuk membangun brand suatu perusahaan. Dan brand itu bukan hanya logo, tapi sekumpulan attribut, yaitu logo, slogan, warna dan kualitas emosional yang diasosiasikan dengan perusahaan dan produk layanannya, atribut -atribut tersebut memberikan identitas dan kepribadian individu, organisasi atau perusahaan.

4. Ruang Kosong

Ruang kosong biasanya disebut dengan ruang negatif, suatu istilah yang menggambarkan suatu ruang terbuka di antara elemen - elemen desain. Ini bisa di temukan di antara kata, paragraf, huruf dari teks, bias juga diantara gambar dan elemen di halaman web. Ini membantu dalam mengarahkan mata pembaca dari satu titjik ke titik lainnya.

B. Dasar - Dasar Desain Web

1. Warna

Warna merupakan sensitivitas yang berhubungan dengan indra. Warna dapat merebut perhatian, menarik, menolak, menggemaskan bahkan warna bisa mempengaruhi emosi. Warna dapat menimbulkan kesan pertama pada pengunjung ketika menjelajah sebuah situs web. Warna modern biasanya terkesan bersih dan bercahaya, seperti biru dan kuning. Warna bersahabat biasanya terkesan ceria dan menyenangkan, seperti orange, kuning, hijau. Warna perusahaan biasanya bersih, seperti biru, putih dan abu - abu. Warna anak - anak biasanya terkesan ceria dan menonjol, seperti merah, kuning dan biru (warna primer).

a. Aspek Psikologi Warna

Warna mempunyai emosi yang melekat, yang bisa ditimbulkan dengan memperlihatkan keserasian warna dengan cara yang benar. Berikut ini yang makna terkandung di dalam warna :

Merah. Mencerminkan kekuatan, energi, hasrat, cinta, gairah, semangat, dorongan, dan keinginan. Tetapi warna merah juga memiliki arti bahaya, perang, kekejaman, kekerasan, api, permusuhan, darah, dan agresif.

Merah muda (pink). Mencerminkan sifat kewanitaan, kasih sayang, cinta, romantis, keceriaan, dan keremajaan. Tetapi bisa juga berarti naif, lemah, dan merasa kekurangan.

Oranye. memiliki makna kehangatan, bersemangat, ceria, keseimbangan, musim gugur, menimbulkan getaran, dan warna ini banyak digunakan pada beberapa situs web. Warna ini juga digunakan untuk meminta perhatian.

Kuning. Melambangkan sinar matahari, emas, kekayaan, keberuntungan, dan juga kehidupan. Tetapi warna ini bisa juga melambangkan ketidakjujuran, pengecut, cemburu, iri hati, pengkhianatan, penipuan, kebohongan, resiko, dan sakit.

Hijau. Menggambarkan alam, lingkungan, kehidupan, pertumbuhan, stabil, santai, kesuburan, dan harapan. Tetapi warna ini bisa juga berarti kecemburuan, nasib buruk, iri hati, dan dengki.

Biru. Memiliki makna kepercayaan, kesetiaan, ketenangan, kedamaian, ketulusan, kesejukan, air, awan, harmoni, kebersihan, konservatif, percaya diri, dan penyembuhan. Warna ini merupakan warna yang aman dipakai untuk desain. Selain itu, warna ini juga bermakna kesedihan, kedingingan, depresi, dan penurunan vitalitas.

Ungu (violet). Mencerminkan kebangsawanan, perubahan, dan spiritual. Bisa juga berarti kesombongan, keangkuhan, kejam, kasar, dan duka cita.

Coklat. Berarti tanah, bumi, netral, hangat, aman, dan perlindungan. Bisa juga berarti kotor, tumpul, dan membosankan.

Abu-abu. Bermakna modern, cerdas, bersih, kokoh, masa depan, dan intelektual. Bisa juga berarti umur tua, kesedihan, dan kebosanan.

Putih. Melambangkan kesucian, kebersihan, kemurnian, kesederhanaan, damai, kebaikan, disiplin, perawan, perkawinan, musim dingin, dan salju. Bisa juga bermakna kematian (budaya timur), dingin, mandul, steril, klinik, dan hampa.

Hitam. Bermakna kekuatan, keanggunan, kemewahan, misteri, kecanggihan, kemakmuran, kepuasan, pengalaman, tegas, keras, kokoh, dan sangat kuat. Tetapi memiliki makna negatif kematian (budaya barat), takut, setan, kesedihan, duka cita, marah, anonim, dan penyesalan.

a. Warna dalam Desain web

Warna banyak berperan dalam pembuatan situs, beberapa variasinya antra lain :

Warna untuk penekanan, penegasan, penyorotan pada suatu topik tertentu dan dapat juga menuntun pengunjung untuk menuju pada tema atau link yang penting.

warna mengidentifikasi tema (biasanya judul dan subjudul menggunakan warna yang sama).

Sebaiknya, warna dapat membedakan antara satu objek dengan objek lainnya. Misalnya, perbedaan warna pada grafik, baik grafik yang berbentuk balok atau bundaran.

a. Jenis Warna

1. Warna Primer

Warna primer tidak bisa dibuat dengan mencampurkan warna lain, warna ini berdiri sendiri. Warna primer terdiri atas merah, kuning, dan biru.

2. Warna Sekunder

Warna sekunder dibuat dengan mengkombinasikan dua warna primer. Warna sekunder terdiri atas orange, hijau dan ungu.

3. Warna Tersier

Warna Tersier dibuat dengan mengkombinasikan warna primer dengan perbatasan warna sekunder. Warna tersier terdiri atas kuning-hijau, kuning-orange, merah-orange, merah-ungu, biru-ungu, dan biru-hijau.

 

 

DOMAIN – HOSTING dan BANDWIDTH

Apa itu domain?

Pertanyaan ini termasuk pertanyaan yang paling sering muncul bagi yang hendak membuat website, atau tertarik untuk mempelajari website. Domain berarti: “nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet.”

Apa itu Hosting

Hosting itu adalah tempat pembuat website meletakkan file website yang akan diakses oleh pengunjung situs web. Hosting semacam space atau ruangan di internet tempat kita menyimpan data website kita sehingga website kita bisa diakses di internet.

Sekarang sudah banyak penyedia hosting, baik yang gratis maupun yang berbayar. Hosting yang berbayar di sewa berdasarkan paket space yang disediakan oleh webhosting yang bersangkutan, transaksi penyewaan hosting atau domain dilakukan secara online

 Apa itu Bandwidth ?

Bandwidth adalah besaran trasfer data, ketika sebuah website di esekusi melalui browser oleh user (pengguna) melalui komputer di rumah atau kantor. Maka ada satuan data yang ditransfer, data itu berupa file dokumen, file photo, file-file website dan lainnya. Untuk itu gunakan bandwidth yang tidak terlalu kecil, karena jika terjadi lonjakan pengunjung situs Anda tidak kehabisan quota. Dan perlu juga diperhatikan gunakan photo atau image seperlunya agar tidak terlalu banyak menyerap bandwidth.

A. Apa Itu Internet?

Internet (Inter-Network) adalah sebutan untuk sekumpulan jaringan komputer yang menghubungkan situs akademik, pemerintahan, komersial, organisasi, maupun perorangan. Internet menyediakan akses untuk layanan telekomnunikasi dan sumber daya

informasi untuk jutaan pemakainya yang tersebar di seluruh dunia. Layanan internet meliputi komunikasi langsung (email, chat), diskusi (email, milis), sumber daya informasi yang terdistribusi (World Wide Web, Gopher), remote login dan lalu lintas file (Telnet, FTP), dan aneka layanan lainnya.

Jaringan yang membentuk internet bekerja berdasarkan suatu set protokol standar yang digunakan untuk menghubungkan jaringan komputer dan mengalamati lalu lintas dalam jaringan. Protokol ini mengatur format data yang diijinkan, penanganan kesalahan (error handling), lalu lintas pesan, dan standar komunikasi lainnya. Protokol standar pada internet dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol).

B. Tersambung ke Internet

Untuk tersambung ke jaringan internet, pengguna harus mempunyai fasilitas :

1. Personal Komputer/Laptop2. ISP (Internet Service Provider). 3. Line Telepon/ Handprone/ Wireless4. Modem (modultor and demodulator)

Komputer akan dihubungkan ke Modem, dan modem kita hubungkan ketelepon, setelah itu kita melakukan Dial Up ke internet melaui ISP.

C. Aplikasi Internet

1. WWW (World Wide Web)

Dewasa ini, WWW atau yang sering disebut sebagai "web" saja adalah merupakan aplikasi internet yang paling populer. Demikian populernya hingga banyak orang yang keliru mengidentikkan web dengan internet. Secara teknis, web adalah sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah internet webserver dipresentasikan dalam bentuk hypertext. Informasi di web dalam bentuk teks umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World).

Dewasa ini, tersedia beragam perangkat lunak browser. Beberapa diantaranya cukup populer dan digunakan secara meluas, contohnya seperti Microsoft Internet Explorer, Netscape Navigator, maupun Opera, Mozilla namun ada juga beberapa produk browser yang kurang dikenal dan hanya digunakan di lingkungan yang terbatas.

Web dapat menggunakan suatu search engine (mesin pencari). Penelusuran berdasarkan search engine dilakukan berdasarkan kata kunci (keyword) yang kemudian akan dicocokkan oleh search engine dengan database (basis data) miliknya. Dewasa ini, search engine yang sering digunakan antara lain adalah Google (www.google.com) dan Yahoo (www.yahoo.com).

2. Electronic Mail/Email/Messaging

Email atau kalau dalam istilah Indonesia, surat elektronik, adalah aplikasi yang memungkinkan para pengguna internet untuk saling berkirim pesan melalui alamat elektronik di internet. Para pengguna email memilki sebuah mailbox (kotak surat) elektronik yang tersimpan dalam suatu mailserver. Suatu Mailbox memiliki sebuah alamat sebagai pengenal agar dapat berhubungan dengan mailbox lainnya, baik dalam bentuk penerimaan maupun pengiriman pesan. Pesan yang diterima akan ditampung dalam mailbox, selanjutnya pemilik mailbox sewaktu-waktu dapat mengecek isinya, menjawab pesan, menghapus, atau menyunting dan mengirimkan pesan email.

Layanan email biasanya dikelompokkan dalam dua basis, yaitu email berbasis client dan email berbasis web. Bagi pengguna email berbasis client, aktifitas per-emailan dilakukan dengan menggunakan perangkat lunak email client, misalnya Eudora atau Outlook Express. Perangkat lunak ini menyediakan fungsi-fungsi penyuntingan dan pembacaan email secara offline (tidak tersambung ke internet), dengan demikian, biaya koneksi ke internet dapat dihemat. Koneksi hanya diperlukan untuk melakukan pengiriman (send) atau menerima (recieve) email dari mailbox.

Sebaliknya, bagi pengguna email berbasis web, seluruh kegiatan per-emailan harus dilakukan melalui suatu situs web. Dengan demikian, untuk menggunakannya haruslah dalam keadaan online. Alamat email dari ISP (Internet Service Provider) umumnya berbasis client, sedangkan email berbasis web biasanya disediakan oleh penyelenggara layanan email gratis seperti Hotmail (www.hotmail.com) atau YahooMail (mail.yahoo.com).

3. IRC (Internet Relay Chat)

Layanan IRC, atau biasa disebut sebagai "chat" saja adalah sebuah bentuk komunikasi di intenet yang menggunakan sarana baris-baris tulisan yang diketikkan melalui keyboard. Dalam sebuah sesi chat, komnunikasi terjalin melalui saling bertukar pesan-pesan singkat. kegiatan ini disebut chatting dan pelakunya disebut sebagai chatter. Para chatter dapat saling berkomunikasi secara berkelompok dalam suatu chat room dengan membicarakan topik tertentu atau berpindah ke modus private untuk mengobrol berdua saja dengan chatter lain. Kegiatan chatting membutuhkan software yang disebut IRC Client, diantaranya yang paling populer adalah software mIRC, Yahoo Messenger.

4. Interaksi Secara Elektronis

Akhir-akhir ini, kita cenderung semakin akrab dengan istilah-istilah semacam e-Commerce, e-Banking, e-Government, e-Learning, dan sebagainya. Huruf "E" disini mengacu pada kata "Electronic", tapi lebih banyak digunakan dalam konteks internet. Jadi, istilah-istilah tersebut bisa dibaca sebagai Electronic Commerce, Electronic Government, Electronic Banking, atau Electronic Learning.

Dalam bagian ini, kita akan membahas secara sepintas tentang hal-hal yang berkaitan dengan istilah-istilah diatas. Dalam kenyataannya, hal-hal tersebut jauh lebih kompleks sehingga tidak mungkin dibahas secara rinci dalam halaman ini.

4.1. E-Commerce

Dari namanya, kita sudah bisa menebak kalau ini berkaitan dengan kegiatan yang bersifat komersial. Tidak salah memang, karena istilah e-commerce yang akan kita bahas ini memang mengacu pada kegiatan komersial di internet. Contoh paling umum dari kegiatan e-commerce tentu saja adalah aktifitas transaksi perdagangan melalui sarana internet. Dengan memanfaatkan e-commerce, para penjual (merchant) dapat menjajakan produknya secara lintas negara karena memang sifat internet sendiri yang tidak mengenal batasan geografis. Transaksi dapat berlangsung secara real time dari sudut mana saja di dunia asalkan terhubung dalam jaringan internet.

4.2. E-Banking

Electronic Banking, atau e-banking bisa diartikan sebagai aktifitas perbankan di internet. Layanan ini memungkinkan nasabah sebuah bank dapat melakukan hampir semua jenis transaksi perbankan melalui sarana internet, khususnya via web. Mirip dengan penggunaan mesin ATM, lewat sarana internet seorang nasabah dapat melakukan aktifitas pengecekan rekening, transfer dana antar rekening, hingga pembayaran tagihan- tagihan rutin bulanan (listrik, telepon, dsb.) melalui rekening banknya. Jelas banyak keuntungan yang bisa didapatkan nasabah dengan memanfaatkan layanan ini, terutama bila dilihat dari waktu dan tenaga yang dapat dihemat karena transaksi e-banking jelas bebas antrian dan dapat dilakukan dari mana saja sepanjang nasabah dapat terhubung dengan jaringan internet.

4.3. E-Government

Istilah ini baru kedengaran beberapa waktu belakangan ini, seiring dengan maraknya pemanfaatan teknologi internet dalam bidang pemerintahan. Walaupun namanya e-governmet, tapi jangan dibayangkan ini adalah sistem pemerintahan yang sepenuhnya berbasis internet. E-government, khususnya di Indonesia, masih diartikan secara sempit sebagai sebuah sistem di internet (entah web, alamat email kontak, atau milis) yang mengeksploitir potensi di suatu daerah dengan maksud mengundang pihak-pihak yang mungkin dapat memberikan keuntungan bagi daerah bersangkutan, entah itu sebagai investor atau turis.

4.4. e-Learning

Istilah e-Learning dapat didefinisikan sebagai sebuah bentuk penerapan teknologi informasi di bidang pendidikan dalam bentuk sekolah maya. Definisi e-Learning sendiri sebenarnya sangat luas, bahkan sebuah portal informasi tentang suatu topik (seperti halnya situs ini) juga dapat tercakup dalam e-Learning ini. Namun istilah e-Learning lebih tepat ditujukan sebagai usaha untuk membuat sebuah transformasi proses belajar- mengajar di sekolah dalam bentuk digital yang dijembatani oleh teknologi Internet. Dalam teknologi e-Learning, semua proses belajar-mengajar yang biasa ditemui dalam sebuah ruang kelas, dilakukan secara live namun virtual, artinya dalam saat yang sama, seorang guru mengajar di depan sebuah komputer yang ada di suatu tempat, sedangkan para siswa mengikuti pelajaran tersebut dari komputer lain di tempat yang berbeda.

5. Mailing List

Fasilitas ini digunakan untuk berdiskusi secara elektronik dengan menggunakan e-mail. Mailing list ini umumnya digunakan untuk bertukar informasi, pendapat, dan lain sebagainya dalam jarak jauh. Mailing list adalah sistem yang mengirim pesan-pesan untuk kelompok orang, bisa berupa berita, artikel, catatan, dan sebagainya. Seiring dengan terbentuknya berbagai kelompok, maka terdapat ribuan mailing list di seluruh dunia. Setiap mailing list memiliki seorang individu yang menjadi penanggung jawab. Bila seseorang ingin berlangganan sebuah mailing list, dia cukup menulis surat pada alamat mailing list tersebut. Kemudian "moderator" mailing list tersebut akan memutuskan apakah permohonannya akan diterima atau tidak. Bagi mailing list yang tidak memiliki "moderator", kondisinya akan lebih terbuka. Anggota mailing list tersebut mengirim dan menerima pesan dari semua individu.

6. Bulletin Board System

Lebih populer dengan sebutan BBS. BBS adalah tempat menyimpan pesan atau file yang sesuai dengan topik yang sudah ditentukan. Terdapat ribuan BBS di seluruh dunia. Setiap BBS memiliki seorang "administrator". Untuk memanfaatkan BBS, seorang individu bisa menghubunginya melalui Telnet dan memilih dari sistem menu.

7. Newsgroup

Fasilitas ini digunakan untuk berkonferensi jarak jauh, sehingga anda dapat menyampaikan pendapat dan tanggapan dalam internet.