Karakteristik Web
Bentuk Web
- Web Portal : sebuah web portal , merupakan halaman web, yang menyajikan informasi dari berbagai sumber dengan cara terpadu.
- News Website : adalah website yang memuat konten berita dan informasi terkini dari bermacam kategori peristiwa.
- Infomational Web : Situs informasi mungkin yang paling sederhana dari semua situs web, juga merupakan alat untuk promosi produk dan promosi layanan.
- Bussines/Marketing Website : E-bisnis adalah proses menjual produk atau layanan, atau memberikan informasi kepada pelanggan melalui sebuah portal online.
- Educational Website : Web site yang menawarkan jasa pengajaran formal maupun informal.
- Entertainment Website : Menawarkan hal-hal yang menarik seperti hobi, musik, olah raga, permaianan dan lain-lain.
- Advocacy Website : Berisi konten tentang mendeskripsikan penyebab sebuah permasalah, mendeskripsikan opini maupun ide-ide.
- Blog : merupakan singkatan dari web logadalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum
- Wiki : adalah sebuah situs web (atau koleksi dokumen hiperteks lainnya) yang memperbolehkan penggunanya menambah atau mengubah isi situs tersebut.
- Personal Website : Halaman web yang dikelola oleh individu swasta
Perilaku Navigasi
Di situs online shop, penggunaan navigasi yang baik sangat penting untuk dilakukan bagi para user. Para user tersebut harus bisa membuat suatu navigasi agar pengunjung situs tersebut tidak mudah bosan dengan tampilan websitenya.
Ada dua tipe navigasi :
1. Standar, yang memberikan overview dan peta penjelajahan sebuah situs. Biasanya bisa ditemukan secara konsisten baik di bagian atas, samping atau footer.
2. Advance. Jenis ini masih bertujuan memberikan alat untuk menelusuri sebuah situs, namun dengan cara lebih spesifik. Misal lewat kategori, pengarang, produsen,range harga, dan lain lain.
Pencarian
Fitur pencarian internal tentunya telah di desain dengan batasan tertentu. Ketika situs suatu user tumbuh, tentunya user akan semakin tahu pola pemakaian oleh pengunjung. Termasuk di dalamnya adalah pola pencarian dalam rangka mendapatkan pengalaman terbaik dalam pemanfaatan situs.
Pencarian atau Mesin pencari adalah program yang dirancang untuk membantu seseorang menemukan data yang disimpan dalam komputer, misalnya dalam sebuah server umum di web (WWW) atau dalam komputer sendiri.
Mesin pencari memungkinkan kita untuk meminta content media dengan kriteria yang spesifik (biasanya yang berisi kata atau frasa yang kita tentukan) dan memperoleh daftar file yang memenuhi kriteria tersebut. Mesin pencari biasanya menggunakan indeks (yang sudah dibuat sebelumnya dan dimutakhirkan secara teratur) untuk mencari file setelah pengguna memasukkan kriteria pencarian.
Dalam konteks Internet, mesin pencari biasanya merujuk kepada WWW dan bukan protokol ataupun area lainnya. Selain itu, mesin pencari mengumpulkan data yang tersedia di newsgroup, basis data besar, atau direktori terbuka seperti DMOZ.org. Karena pengumpulan datanya dilakukan secara otomatis, mesin pencari berbeda dengan direktori Web yang dikerjakan manusia.
Sebagian besar mesin pencari dijalankan oleh perusahaan swasta yang menggunakan algoritma kepemilikan dan basis data tertutup, yang paling populer adalah Google (MSN Search dan Yahoo! tertinggal sedikit di belakang). Telah ada beberapa upaya menciptakan mesin pencari dengan sumber terbuka, contohnya adalah Htdig, Nutch, Egothor dan OpenFTS.
Struktur Web
Struktur Situs Web merupakan bagian yang sangat penting yang harus dikuasai oleh seorang web designer. Dalam suatu organisasi apapun, pasti memiliki struktur organisasi. Organisasi situs web mengatur bagaimana hubungan antar halaman web, sehingga membuat pengunjung situs menjadi nyaman.
Struktur web terdiri dari :
– Struktur Linear
– Struktur Grid
– Struktur Hierarki
- Struktur Linear :
A. Struktur Linear murni :
- Digunakan untuk situs-situs web yang kecil, seperti personal page.
- Biasanya hanya terdiri dari 4 – 10 halaman.
- Cocok digunakan untuk menampilkan isi yang bersifat tutorial atau penjelasan mengenai suatu pokok bahasan.
- Kelemahan struktur jenis ini adalah ketidaknyamanan pengunjung dalam menjelajasi isi situs web.
- Pada situs web yang besar struktur ini masih digunakan, tetapi hanya sebatas untuk bagian-bagian penting seperti halaman-halaman registrasi.
B. Struktur linear tambahan :
- Digunakan untuk menjelaskan sebuah isi sama seperti struktur linear murni
- Uraian ini cocok untuk membuat sebuah penjelasan yang banyak mengandung uraian detail yang boleh untuk dilewatkan.
- Kelemahan struktur ini sama dengan kelemahan struktur linear murni, yaitu pengunjung tidak dapat melompat kesuatu halaman tanpa melewati halaman berikutnya.
C. Struktur linear dengan halaman pilihan :
- Pada struktur ini pengunjung diberi pilihan untuk melompat ke suatu halaman tertentu tanpa harus melewati halaman berikutnya.
- Struktur ini banyak digunakan pada sebagian besar situs web yang ada.
- Cocok digunakan untuk menamoilkan informasi yang bersifat ringan, seperti artikel, berita dan informasi lain yang tidak menuntut pengunjung agar menyimak penjelasan secara bertahap.
D. Struktur linear dengan halaman alternatif :
- Pada dasarnya sama dengan struktur linear murni, bedanya pengunjug diberi alternatif “jalan” untuk pergi ke sebuah halaman.
- Struktur ini hanya sedikit lebih baik dari struktur linear murni.
- Struktur ini digunakan untuk isi situs yang bersifat menjelaskan halaman demi halaman, namun ada beberapa bagian yang memiliki tingkatan yang sama. Pada bagian inilah dapat dipisah menjadi halaman alternatif.
- Struktur Grid
- Merupakan perluasan dari struktur linear murni.
- Struktur ini juga mengandung struktur linear dengan halaman alternatif dan struktur linear dengan halaman tambahan.
- Struktur Hierarki
- Sangat banyak digunakan oleh sebagian besar situs web. Karena struktur ini bersifat fleksibel dan mudah untuk dikembangkan jika diperlukan.
- Menggunakan sub-sub direktori dan membentuk level-level ke bawah.
- File-file yang memiliki karakteristik fungsi yang sama akan disimpan dalam satu dierktori.
- Pada struktur ini gambar-gambar yang digunakan dalam setiap halaman web disimpan dalam sebuah drektori tertentu.
Jenis-jenis Struktur Hierarki :
- Struktur hierarki lebar/ wide hierarki
- Merupakan struktur dasar dari bentuk hierarki dimana terdapat sebuah halaman depan yang menghubungkan halaman-halaman lain di dalam situs web.
- Penempatan halaman-halaman selain halaman depan diletakkan dalam satu level melebar.
- Struktur ini sering digunakan pada situs-situs web yang sederhana dimana sebuah halaman index yang menghubungkan dengan halaman-halaman isi.
- Struktur hierarki pendek/ narrow hierarki.
- Mirip dengan struktur hierarki lebar, perbedaannya adalah struktur ini menempatkan halaman-halaman isi menjadi lebih “dalam” atau lebih “masuk” ke dalam.
- Sebagian besar situs web yang ada saat ini menggunakan gabungan antara dua jenis struktur hierarki ini.
- Perlu diperhatikan bahwa struktur-struktur dasar ini tidak dapat diaplikasikan secara mentah-mentah karena penggunaan struktur ini sangat tergantung kepada pembagian kategori isi yang akan dijelaskan.
JENIS-JENIS WEB
Dilihat dari segi kontennya, website terbagi menjadi 2 jenis yaitu :
- Website Statis
Website statis merupakan website yang isi kontennya tidak dapat diubah secara langsung oleh end-user. Isi dari website hanya bisa diubah oleh orang yang mengerti mengenai bahasa pemrograman atau tools untuk merancang halaman website. Website jenis ini tidak mempunyai basis data, jadi informasi yang disampaikan ditulis langsung ke dalaman sintax. Biasanya website jenis ini dibuat untuk menampilkan informasi yang jarang diupdate misalnya Company Profile.
- Website Dinamis
Website dinamis adalah website yang isi kontennya sudah termanajemen dengan kata lain, sudah menerapkan sistem Content Management System untuk informasi yang disampaikannya. End-user bisa sewaktu-waktu mengupdate konten pada halaman website tanpa perlu faham sintax ataupun bahasa pemrograman. Melihat dari segi fungsionalitasnya, website seperti inilah yang sekarang banyak digunakan.
Website dinamis, menurut fungsi dan informasi yang disampaikannya terbagi menjadi beberapa bagian diantaranya :
a. Website Company Profile
Meskipun banyak website company profile dibuat dengan website statis, namun seiring perkembangan zaman sekarang ini, website company profile sudah beralih dari asalnya statis menjadi website dinamis. Untuk keperluan apa website company profile dibuat dinamis? salah satu alasannya supaya data informasi bisa diubah seketika, tidak perlu menghire/menyuruh seorang web programmer untuk mengupdate informasinya. Selain itu, sekarang ini website company profile sudah terhubung ke situs lain seperti jejaring sosial, fungsinya supaya website tersebut lebih banyak dan lebih mudah diketahui oleh publik.
Contoh website company profile yaitu : http://www.indismart.co.id
b. Website Mesin Pencari
Website mesin pencari yaitu suatu website yang menyediakan fasilitas untuk mencari data diinternet (di website lain khususnya) berdasarkan keyword/kata kunci yang kita inputkan. Website seperti ini mempunyai peranan sangat penting dalam mengumpulkan informasi.
Contoh website mesin pencari diantaranya : http://www.google.com. http://www.yahoo.com
c. Website Portal
Website jenis ini merupakan jenis website yang menyediakan link ke website lainnya. Dengan kata lain website ini merupakan website yang isinya merupakan informasi link ke website lainya, link-link tersebut sudah termanajemen dengan baik sehingga memudahkan pengunjung mencari link ke situs lainnya. Fungsinya hampir sama dengan website mesin pencari, namun ruang lingkupnya lebih sempit lagi.
d. Websie Blog
Fungsi blog sebetulnya adalah tempat si pemilik blog menuangkan ide tulisan dalam bentuk artikel yang dipublikasikan di internet. Atau bisa juga merupakan catatan buku harian, pengalaman si pemilik blog. Selain itu, blog juga bisa digunakan sebagai media untuk menyamaikan tutorial terhadap suatu metode atau jalan keluar suatu permasalahan.
Contoh website jenis ini diantaranya : http://www.indi-smart.com/blog, http://www.indi-smart.com/tutor
e. Website Networking
Pengertian networking disini adalah jaringan, sama halnya dengan mencipatakan “kenalan” didunia nyata, hanya medianya adalah online. Situs seperti ini sekarang sedang marak digunakan oleh sebagian besar pengguna internet. Fungsi dari website jenis ini adalah untuk membentuk komunitas, koneksi atau kenalan di dunia nyata, tanpa terbatas oleh ruang maupun waktu.
Contoh website jenis ini yaitu : http://www.goesmart.com, http://www.facebook.com, dll
f. Website Forum
Website forum merupakan website yang berfungsi untuk mendiskusikan suatu permasalah. Atau bisa juga digunakan untuk memposting suatu metode atau tata cara terhadap penyelesaian suatu masalah. Website seperti ini banyak digunakan pengguna internet saat ini, selain untuk memcari/menyebarkan informasi website jenis ini juga kadang digunakan untuk berniaga kepada para pengguna forum tersebut.
Contoh website jenis ini yaitu : http://www.kaskus.com, http://www.forum.tempointeraktif.com
g. Website Berita
Sesuai dengan judulnya, website ini bertujuan untuk menyampaikan informasi secara cepat dan akurat. Informasi/berita yang disampaikan bisa sangat beragam, diantaranya politik, pendidikan, otomotif bahkan sampai gosip.
Contoh website jenis ini yaitu : http://www.detik.com, http://www.kompas.com dll
h. Website galeri
Fungsi utama dari website jenis ini adalah sebagai media penyimpanan file berupa gambar di internet. Apa kebelihan dengan menyimpan file gambar milik kita diinternet ? tentusaja karena kita bisa membagikan link foto galeri kita ke user lain / orang lain di internet.
Contoh website jenis ini yaitu : picasa.google.com, instagram.com, dll
i. Website e-Commerce
e-Commerce atau perdagangan online merupakan website yang menyediakan informasi mengenai barang atau jasa secara online. Website jenis ini merupakan representasi dari cara penjualan secara real dan dituangkan dalam bentuk online. Kelebihan dari website jenis ini yaitu pemilik website mempunyai cakupan pasar yang luas, bahkan global.
Contoh website jenis ini yaitu : ebay.com, http://www.indi-smart.com/store
j. Website e-Learning
e-Learning merupakan kepanjangan dari electronic learning, jika dialih bahasakan pengertiannya adalah proses belajar melalui media elektronik. Media elektronik disini adalah konten pembelajaran yang ada di website, jadi fungsi website tersebut menyimpan materi maupun bahan pembelajaran secara online. Pengguna bisa mengakses materi/informasi tersebut kapan saja dan dimana saja.
Link Struktur
Link adalah susunan teks yang menunjuk kepada suatu halaman dari sebuah situs di Internet. Contoh: http://images.google.comadalah sebuah link yang menunjuk kepada layanan pencarian gambar dari Google
Untuk membuat link rahasianya adalah sebagai berikut :
<a href=”link”> judul </a>
<a> adalah tag yang kita gunakan untuk mendefinisikan sebuah hyperlink.
Yang paling penting dari tag <a> adalah ‘href ‘nya yang menunnjukkan tujuan.
Secara default link ditampilkan sebagai berikut:
– link yang belom pernah dikunjungi berwarna biru dan bergarisbawah
– link yang sudah dikunjungi berwarna ungu dan bergarisbawah
– link yang sedang aktif warnanya merah dan bergarisbawah
<a href=”link”> judul </a>
<a> adalah tag yang kita gunakan untuk mendefinisikan sebuah hyperlink.
Yang paling penting dari tag <a> adalah ‘href ‘nya yang menunnjukkan tujuan.
Secara default link ditampilkan sebagai berikut:
– link yang belom pernah dikunjungi berwarna biru dan bergarisbawah
– link yang sudah dikunjungi berwarna ungu dan bergarisbawah
– link yang sedang aktif warnanya merah dan bergarisbawah
Kita bisa mengganti “link” dengan nama halaman yang akan kita tuju dan kita juga bisa memberikan judul yang menjelaskan singkat apa yang akan kita tuju.
Link yang baik.
Link yang baik itu punya kata kunci tentang tempat yang dituju oleh link itu.
Contoh: http://fitsyu.tumblr.com/software-gallery/QlessQt.html
Jelas bahwa link di atas menunjuk kepada koleksi perangkat lunak buatan seseorang.
Link yang baik itu punya kata kunci tentang tempat yang dituju oleh link itu.
Contoh: http://fitsyu.tumblr.com/software-gallery/QlessQt.html
Jelas bahwa link di atas menunjuk kepada koleksi perangkat lunak buatan seseorang.
Link dapat diberi judul untuk memberikan penjelasan singkat tentang tujuan link tersebut.
Dofollow dan nofollow
Dofollow pada link bertujuan untuk memberitahukan robot dari mesin pencari untuk mengikuti atau menelusuri link tersebut. dalam arti yang luas, rel=”dofollow” memberitahukan link tersebut penting bagi web tersebut. Dofollow akan memberikan suara pada link tersebut (backlink). Sedangkan untuk rel nofollow adalah kebalikan dari dofollow, sehingga robot tidak akan menelusuri link.
Manfaat dofollow dan nofollow
Dofollow akan meningkatkan peringkat suatu web (pagerank). Sedangkan nofollow akan membantu meningkatkan SERP (search engine ranking page) atau peringkat pencarian.
Dofollow akan meningkatkan peringkat suatu web (pagerank). Sedangkan nofollow akan membantu meningkatkan SERP (search engine ranking page) atau peringkat pencarian.
Permalink.
permanent link yang hanya dimiliki oleh sebuah halaman, dari halaman web yang ada di dunia ini, tidak akan ada satu pun yang memiliki permalink yang sama.
permanent link yang hanya dimiliki oleh sebuah halaman, dari halaman web yang ada di dunia ini, tidak akan ada satu pun yang memiliki permalink yang sama.
Small World Network
Small World Network adalah sebuah tipe grafik matematikal yang dari banyaknya simpul , namun tidak berhubungan dengan simpul yang lainnya (berbeda) , tetapi banyak nya simpul bisa menjangkau setiap simpul kecil lainnya. Khususnya, small-world network didefinisikan sebagai jaringan di mana L jarak antara dua node yang dipilih secara acak (jumlah langkah yang diperlukan) tumbuh secara proporsional dengan logaritma dari jumlah node N dalam jaringan, yaitu:
Dalam konteks jaringan sosial, hasil dalam fenomena small world netwok untuk orang asing (orang tak dikenal) yang dihubungkan dengan cara berinteraksi. Banyak grafik empiris dengan baik dimodelkan oleh jaringan-dunia kecil. Jaringan sosial, konektivitas internet, wiki seperti Wikipedia, dan jaringan gen semua karakteristik small world network.
Sebuah kategori tertentu small world network diidentifikasikan sebagai kelas grafik acak oleh Duncan Watts dan Steven Strogatz pada tahun 1998. Mereka mencatat bahwa grafik dapat diklasifikasikan menurut dua fitur struktural independen, yaitu koefisien clustering, dan rata-rata jarak dari simpul satu ke simpul lainnya (juga dikenal sebagai rata-rata panjang jalur terpendek).
Grafik murni acak, dibangun sesuai dengan model Erdös-Rényi (ER), dan menunjukkan rata-rata panjang jalur terpendek (biasanya bervariasi sebagai logaritma dari jumlah node) bersama dengan koefisien pengelompokan kecil. Watts dan Strogatz mengukur bahwa sebenarnya banyak jaringan dunia nyata yang memiliki panjang jalur rata-rata terpendek, tetapi koefisien pengelompokan secara signifikan lebih tinggi daripada yang diharapkan secara acak atau random.
Watts dan Strogatz kemudian mengusulkan sebuah model grafik baru, saat ini bernama model Watts dan Strogatz, dengan (i) rata-rata panjang jalur terpendek yang kecil, dan (ii) koefisien pengelompokan yang besar. Crossover dalam model Watts-Strogatz antara “dunia besar” (seperti lattice / poset) dan small world network pertama kali dijelaskan oleh Barthelemy dan Amaral pada tahun 1999. Karya ini diikuti oleh sejumlah studi besar , termasuk yang mendapatkan hasil yang tepat / studinya berhasil (Barrat dan Weigt, 1999; Dorogovtsev dan Mendes, Barmpoutis dan Murray, 2010).
Social Network Site
Sebuat tempat online di mana para pengguna atau user untuk mencari atau membangun pertemanan yang memiliki pekerjaan yang sama, hobby yang sama, latar belakang yang sama dll
Site ini lebih sering digunakan untuk berkomunikasi dengan teman maupun orang lain yang memiliki kesamaan dan sudah menjadi mendunia.
Contoh sitenya : Facebook.com
SUMBER:
https://www.google.com/amp/s/bagusp97a.wordpress.com/2017/05/01/karakteristik-web/amp/
http://gustoozan.blogspot.com/2018/05/karakteristik-bentuk-web.html?m=1
https://www.google.com/amp/s/farhanismail98.wordpress.com/2017/04/09/struktur-web-jenis-jenis-web/amp/

Comments
Post a Comment