Presentasi WEB
WEB
World Wide Web atau WWW atau
juga dikenal dengan WEB adalah salah satu layanan yang didapat oleh pemakai
computer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai
computer yang terhubung ke internet dari sekedar informasi “sampah” atau
informasi yang tidak berguna sama sekali sampai informasi yang serius; dari
informasi yang gratisan sampai informasi yang komersial. Website atau situs
dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing
dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Unsur-Unser Webite
Untuk menyediakan keberadaan sebuah website,
maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut:
1. Nama domain
(Domain name/URL – Uniform Resource Locator)
Pengertian Nama domain atau biasa disebut dengan
Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk
mengidentifikasi sebuah website, atau dengan kata lain domain name adalah
alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contohnya
adalah http://www.detik.com
2. Rumah tempat
website (Web hosting)
Pengertian Web Hosting dapat diartikan sebagai
ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file,
gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang
bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai,
semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan
ditampilkan dalam website.
3. Bahasa
Program (Scripts Program)
Adalah bahasa yang digunakan untuk menerjemahkan
setiap perintah dalam website yang pada saat diakses. Jenis bahasa program
sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin
banyak ragam bahasa program yang digunakan maka akan terlihat website semakin
dinamis, dan interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir
untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak
dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts,
Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP,
ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur
dinamis, dan interaktifnya situs.
4. Desain
website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan
bahasa program (scripts program), unsur website yang penting dan utama adalah
desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain
sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah
website.
Fungsi Web
Secara umum situs web mempunyai fungsi sebagai
berikut:
1. Fungsi
komunikasi
Situs web yang mempunyai fungsi komunikasi pada
umumnya adalah situs web dinamis. Karena dibuat menggunakan pemograman
web (server side) maka dilengkapi fasilitas yang memberikan
fungsi-fungsi komunikasi, seperti web mail, form contact, chatting
form, dan yang lainnya.
2. Fungsi
informasi
Situs web yang memiliki fungsi informasi pada
umumnya lebih menekankan pada kualitas bagian kontennya, karena tujuan situs
tersebut adalah menyampaikan isisnya. Situs ini sebaiknya berisi teks dan
grafik yang dapat di download dengan cepat. Pembatasan penggunaan animasi
gambar dan elemen bergerak sepertio shockwave dan java diyakini sebagai langkah
yang tepat, diganti dengan fasilitas yang memberikan fungsi informasi
seperti news, profile company, library, reference,dll.
3. Fungsi
entertainment
Situs web juga dapat memiliki fungsi
entertainment/hiburan. Bila situs web kita berfungsi sebagai sarana hiburan
maka penggunaan animasi gambar dan elemen bergerak dapat meningkatkan mutu
presentasi desainnya, meski tetap harus mempertimbangkan kecepatan downloadnya.
Beberapa fasilitas yang memberikan fungsi hiburan adalah game online, film
online, music online, dan sebagainya.
4. Fungsi
transaksi
Situs web dapat dijadikan sarana transaksi
biisnis, baik barang, jasa, atau lainnya. Situs web ini menghubungkan
perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik.
Pembayarannya bisa menggunakan kartu kredit, transfer, atau dengan membayar
secara langsung.
Kriteria situs web yang baik
1. Usability
Usability adalah sebagai suatu pengalaman pengguna dalam berinteraksi dengan aplikasi atau situs web sampai pengguna dapat mengoperasikannya dengan mudah dan cepat. Situs web harus memenuhi lima syarat untuk mencapai tingkat usability yang ideal, antara lain:
· Mudah untuk dipelajari
· Efisien dalam penggunaan
bila usability diterapkan pada sebuah situs web, maka situs ini akan mudah dipelajari cara penggunaannya oleh pengunjung. Mudah diingat sistem navigasinya, dapat digunakan dengan efisien. Tingkat kesalahan user dalam mengoperasikan situs web tersebut menjadi minimal. Pengguna akan merasa puas dalam menggunakan situs web tersebut.
2. Sistem Navigasi
Navigasi membantu pengunjung untuk menemukan jalan yang mudah ketika menjelajahi situs web, memberitahu dimana mereka berada, kemana mereka bisa pergi. Dengan demikian mereka dapat menemukan apa yang mereka cari dengan tepat dan mudah. Navigasi dapat ditampilkan dalam berbagai media, yaitu teks, image ataupun animasi. Syarat navigasi yang baik adalah sebagai berikut:
· Mudah dipelajari
· Tetap konsisten
· Muncul dalam konteks
· Menawarkan alternative lain
3. Graphic Design (Desain Visual)
Kepuasan visual seorang user secara subyektif melibatkan bagaimana desainer visual situs web tersebut membawa mata user menikmati dan menjelajahi situs web dengan melalui layout, warna, bentuk, dan tipografi. Grafik membuat halaman menjadi indah tetapi bisa juga memperlambat akses dengan semakin besarnya ukuran file.
Desain yang baik setidaknya memiliki komposisi warna yang baik dan konsisten, layout grafik yang konsisten, teks yang mudah dibaca, penggunaan grafik yang memperkuat isi teks, penggunaan animasi pada tempat yang tepat, isi animasi yang memperkuat isi teks, dan secara keseluruhan membentuk suatu pola yang harmonis.
4. Contents
Sebaik apapun situs web secara desain grafis, tanpa konten yang berguna dan bermanfaat maka akan kurang berarti. Konten di dalam situs web tersebut harus menarik dan relevan. Gaya penulisan dan bahasa yang dipergunakan harus sesuai dengan web dan target audien. Pada konten tersebut, yang harus diperhatikan adalah tata bahasa, tanda baca, header dan judul.
5. Compatibility
Situs web harus kompatibel dengan berbagai perangkat tampilinnya (browser), harus memberikan alternative bagi browser yang tidak dapat melihat situsnya.
6. Loading Time
Sebuah situs web yang tampil lebih cepat kemungkinan besar akan kembali dikunjungi, apalagi bila dengan konten dan tampilan yang menarik. Waktu download memang tidak hanya dipengaruhi desain tetapi juga koneksi, server, dll. Namun demikian desainer web setidaknya harus memperhitungkan desain yang dibuatnya agar dapat tampil lebih cepat dengan menggunakan ukuran yang sekecil mungkin.
7. Functionality
Seberapa baik sebuah situs web bekerja dari aspek teknologinya, ini bisa melibatkan programmer dengan scriptnya, misalnya HTML, PHP, ASP, ColdFusion, CGI, SSI. dll.
8. Accesibility
Halaman web harus bisa dipakai oleh semua kalangan, baik anak-anak, orang tua, orang muda termasuk orang-orang cacat, agar pengguna tersebut bisa menukmatu halaman web yang telah dibuat desainer.
9. Interactivity
Interaktifitas adalah apa yang melibatkan pengguna situs web sebagai user experience dengan situs web itu sendiri. Dasar dari interaktifitas adalah hyperlinks (link) dan mekanisme feedback.
Usability adalah sebagai suatu pengalaman pengguna dalam berinteraksi dengan aplikasi atau situs web sampai pengguna dapat mengoperasikannya dengan mudah dan cepat. Situs web harus memenuhi lima syarat untuk mencapai tingkat usability yang ideal, antara lain:
· Mudah untuk dipelajari
· Efisien dalam penggunaan
bila usability diterapkan pada sebuah situs web, maka situs ini akan mudah dipelajari cara penggunaannya oleh pengunjung. Mudah diingat sistem navigasinya, dapat digunakan dengan efisien. Tingkat kesalahan user dalam mengoperasikan situs web tersebut menjadi minimal. Pengguna akan merasa puas dalam menggunakan situs web tersebut.
2. Sistem Navigasi
Navigasi membantu pengunjung untuk menemukan jalan yang mudah ketika menjelajahi situs web, memberitahu dimana mereka berada, kemana mereka bisa pergi. Dengan demikian mereka dapat menemukan apa yang mereka cari dengan tepat dan mudah. Navigasi dapat ditampilkan dalam berbagai media, yaitu teks, image ataupun animasi. Syarat navigasi yang baik adalah sebagai berikut:
· Mudah dipelajari
· Tetap konsisten
· Muncul dalam konteks
· Menawarkan alternative lain
3. Graphic Design (Desain Visual)
Kepuasan visual seorang user secara subyektif melibatkan bagaimana desainer visual situs web tersebut membawa mata user menikmati dan menjelajahi situs web dengan melalui layout, warna, bentuk, dan tipografi. Grafik membuat halaman menjadi indah tetapi bisa juga memperlambat akses dengan semakin besarnya ukuran file.
Desain yang baik setidaknya memiliki komposisi warna yang baik dan konsisten, layout grafik yang konsisten, teks yang mudah dibaca, penggunaan grafik yang memperkuat isi teks, penggunaan animasi pada tempat yang tepat, isi animasi yang memperkuat isi teks, dan secara keseluruhan membentuk suatu pola yang harmonis.
4. Contents
Sebaik apapun situs web secara desain grafis, tanpa konten yang berguna dan bermanfaat maka akan kurang berarti. Konten di dalam situs web tersebut harus menarik dan relevan. Gaya penulisan dan bahasa yang dipergunakan harus sesuai dengan web dan target audien. Pada konten tersebut, yang harus diperhatikan adalah tata bahasa, tanda baca, header dan judul.
5. Compatibility
Situs web harus kompatibel dengan berbagai perangkat tampilinnya (browser), harus memberikan alternative bagi browser yang tidak dapat melihat situsnya.
6. Loading Time
Sebuah situs web yang tampil lebih cepat kemungkinan besar akan kembali dikunjungi, apalagi bila dengan konten dan tampilan yang menarik. Waktu download memang tidak hanya dipengaruhi desain tetapi juga koneksi, server, dll. Namun demikian desainer web setidaknya harus memperhitungkan desain yang dibuatnya agar dapat tampil lebih cepat dengan menggunakan ukuran yang sekecil mungkin.
7. Functionality
Seberapa baik sebuah situs web bekerja dari aspek teknologinya, ini bisa melibatkan programmer dengan scriptnya, misalnya HTML, PHP, ASP, ColdFusion, CGI, SSI. dll.
8. Accesibility
Halaman web harus bisa dipakai oleh semua kalangan, baik anak-anak, orang tua, orang muda termasuk orang-orang cacat, agar pengguna tersebut bisa menukmatu halaman web yang telah dibuat desainer.
9. Interactivity
Interaktifitas adalah apa yang melibatkan pengguna situs web sebagai user experience dengan situs web itu sendiri. Dasar dari interaktifitas adalah hyperlinks (link) dan mekanisme feedback.
Tahapan
Membangun Situs Web
1. Rekayasa dan Pemodelan Sistem/Informasi
Pada tahap ini dimulai dengan membangun syarat
dari semua elemen sistem dan mengalokasikan beberapa subset kebutuhan software
tersebut. Pandangan sistem ini penting ketika software harus berhubungan dengan
elemen-elemen lain seperti software, manusia, dan database. Rekayasa dan
analisis sistem menyangkut pengumpulan kebutuhan pada tingkat sistem dengan
sejumlah kecil analisis serta desain tingkat puncak.
2. Planning
(Perencanaan)
Pada tahap ini yaitu untuk menentukan tujuan
dari software yang akan dibuat, melakukan analisis kebutuhan dna pengumpulan
data yang diperlukan. Proses pengumpulan kebutuhan diintensifkan dan
difokuskan, khususnya pada kebuthan software. Untuk memahamai sifat program
yang dibangun, analis harus memahami domain informasi, tingkah laku, unjuk
kerja, dan interface yang diperlukan.
3. Designing
(Desain)
Desain software sebenarnya merupakan proses multi langkah yang berfokus
pada empat atribut yang berbeda, yaitu struktur data, arsitektur software,
representasi interface, dan detil (algoritma) procedural. Jadi pada tahap ini
proses mendesain harus berdasarkan kebutuhan sehingga sesuai dengan yang
diharapkan sebelum memulai pengkodean.
4. Scripting
(Pemograman)
Desain harus diterjemahkan ke dalam bentuk mesin yang bisa dibaca. Dalam
tahap ini adanya pembuatan kode. Jika desain dilakukan secara lengkap,
pembuatan kode dapat diselesaikan secara mekanis.
5. Testing
(Pengujian)
Proses pengujian berfokus pada logika internal
software untuk memastikan bahwa semua pernyataan sudah diuji, dan pada fungsi
eksternal yaitu mengarahkan pengujian untuk menemukan kesalahan-kesalahan dan
memastikan bahwa dengan input yang terbatas akan didapatkan hasil actual yang
sesuai dengan yang dibutuhkan.
6. Maintenance (Pemeliharaan)
Software mungkin akan mengalami perubahan setelah diserahkan kepada
pelanggan. Perubahan bisa terjadi karena kesalahan-kesalahan tertentu, karena
software harus diubah untuk mengakomodasikan perubahan-perubahan di dalam lingkungan
eksternalnya, atau karena pelanggan perlu melakukan pengembangan fungsional
atau unjuk kerja. Pemeliharaan software mengaplikasikan lagi setiap fase
program sebelumnya dan tidak dilakukan dengan membuat yang baru.
Kelebihan dan Kekurangan menggunakan WEB
Kelebihan:
1.
Kapanpun & Dimanapun, artinya kita bisa mencari segala
jenis informasi dari web ketika kita berada rumah, sekolah, rumah sakit atau
lain-lain dan dalam waktu siang/sore/malam asalkan kita terhubung di jaringan
internet.
2. Mudah & Murah, maksudnya kita bisa mencari berbagai informasi dari web tanpa
mengeluarkan uang banyak. Misalnay jika kita memakai HP, kita hanya perlu
membeli kuota internet. Selain itu menggunakan web juga mudah, cukup mengetikan
apa yang kita cari di mesin pencarian, maka ribuan informasi yang akan kita
dapatkan.
Kekurangan :
1.
Terkadang informasi yang didapatkan tidak masuk akal dan kurang lengkap.
5 WEB Browser
1.
Mozila Firefox
2.
Opera
3.
Google Chrome
4.
Internet Explorer
5. Safari, Safari adalah web browser yang sangat bersih
dan sederhan. Dikenal sebagai web browser tercepat di internet secara global.
Safari memiliki tampilan sangat memikan dan tidak terlalu membingungkan apabila
anda baru menggunakannya.
Comments