Rekomendasi Untuk Anda × +

Dasar Pengetahuan Web Programing dan Struktur Navigasi pada Website


Belakangan ini penggunaan teknologi informasi khususnya website telah memberikan kemudahan  dalam melakukan pekerjaan atau bahkan meningkatkan hasil kerja. Selain sebagai media berbagi informasi website juga kini digunakan untuk memudahkan penjualan dan promosi berbagai produk sehingga banyak permintaan untuk jasa pembuatan website. Melihat hal itu tentu akan menjadi peluang untuk mencari pendapatan melalui jasa pembuatan website bagi para web developer. Lalu bagaimana untuk pemula yang ingin menjadi web developer? Apa saja istilah-istilah dasar yang harus dipelajari?



Dalam artikel ini akan membahas istilah-istilah dasar yang harus diketahui dalam web programing dan juga bahasan tentang struktur navigasi pada website. Berikut adalah daftar apa saja yang akan dibahas.

Penjelasan Istilah-istilah dasar berikut:
  • World Wide Web (WWW)
  • Website
  • Web Pages
  • Home Page
  • Browser
  • URL (Uniform Resource Locator)
  • HTTP (Hypertext Transfer Protocol)

Struktur Navigasi pada Website:
  • Struktur Navigasi Linier
  • Struktur Navigasi Hirarki
  • Struktur Navigasi Non-Linier
  • Struktur Navigasi Campuran



World Wide Web (WWW)

World wide web (WWW) adalah istilah yang diberikan untuk seluruh bagian internet yang dapat diakses oleh pengguna melalui web browser. WWW terdiri dari milyaran situs web di seluruh dunia yang tersebar dengan menggunakan komputer server dan terhubung dengan jaringan internet.

Menurut (Ali, 2010) menjelaskan bahwa "World Wide Web (WWW) merupakan layanan yang terdapat didalam internet, dalam WWW ini dimungkinkan untuk membuat halaman web yang terdiri dari teks, suara, gambar, animasi ataupun gambar video sekalipun."

Website

Website atau situs merupakan sebuah kumpulan halaman-halaman web beserta file-file pendukungnya yang menampilkan informasi seperti file gambar, video, dan file digital lainnya yang disimpan pada sebuah web server yang umumnya dapat diakses melalui internet (Abdul Zabar dan Novianto, 2015).

Website dapat diakses secara luas melalui halaman depan (home page) menggunakan sebuah browser menggunakan URL website.

Web Pages

Secara sederhana, web pages atau halaman web adalah halaman-halaman yang ditampilkan pada suatu website seperti home, contact, about dan lain-lain.

Home Page

Sesuai namanya, home page atau halaman depan adalah halaman utama dari sebuah website. Salah satu contohnya adalah halaman home atau beranda pada facebook.

Browser

Browser atau web browser adalah software yang umumnya digunakan untuk membuka halaman website di internet. Browser memiliki kemampuan untuk menampilkan bahasa pemrograman seperti HTML, CSS, Javascript, dan lainnya menjadi suatu tampilan yang dapat dimengerti oleh semua orang. Contoh browser yang banyak digunakan saat ini adalah Google Chrome dan Mozilla Firefox.

URL (Uniform Resource Locator)

URL adalah singkatan dari Uniform Resources Locator, digunakan untuk mengidentifikasi lokasi (alamat) sebuah file dalam world wide web atau internet. URL digunakan bukan hanya untuk membuka sebuah website, tapi juga untuk mengunduh file seperti video, gambar, halaman hypertext, dan yang lainnya.

Penggunaan URL sama seperti ketika ingin membuka sebuah file di dalam komputer atau laptop. Hanya saja karena tidak memiliki akses fisik langsung pada file yang ada pada situs web di internet, maka harus menggunakan URL untuk mengetahui dimana letak file tersebut.

HTTP (Hypertext Transfer Protocol)

HTTP adalah protokol jaringan lapisan aplikasi (application layer) yang berguna untuk mentransfer informasi seperti dokumen, file, gambar, video, dan file digital lainnya antar komputer.

Menurut (Abdul Zabar dan Novianto, 2015), HTTP adalah sebuah protokol meminta atau menjawab antara client dan server.



Struktur Navigasi

Dalam pembuatan sebuah website, hal penting yang harus kita lakukan adalah menentukan struktur navigasi. Struktur navigasi adalah struktur atau alur dari suatu program yang merupakan rancangan hubungan dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website.

Berikut adalah 4 macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam proses pembuatan aplikasi atau website.

Struktur Navigasi Linier
Struktur navigasi linier: pengguna menavigasikan secara berurutan, dalam frame atau byte informasi satu ke yang lainnya (Abdul Zabar dan Novianto, 2015). Tampilan yang ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya.
Struktur Navigasi Linier


Struktur Navigasi Hirarki
Struktur navigasi hirarki: pengguna menavigasikan disepanjang cabang pohon struktur. Struktur navigasi dalam situs web melibatkan dan terbentuk oleh logika isi dari bagian struktur (Abdul Zabar dan Novianto, 2015).

Maksudnya adalah struktur hirarki menggunakan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama disebut Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.
Struktur Navigasi Hirarki


Struktur Navigasi Non-Linier
Struktur navigasi non-linier: pengguna akan menavigasikan dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya (Abdul Zabar dan Novianto, 2015).

Pada struktur ini diperkenankan membuat navigasi bercabang. Pada percabangan non-linier, tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.
Struktur Navigasi Non-Linier


Struktur Navigasi Campuran
Struktur navigasi campuran: pengguna akan melakukan navigasi dengan bebas (secara non-linier), namun kadang dibatasi oleh informasi kritis (Abdul Zabar dan Novianto, 2015).

Struktur navigasi ini menggabungkan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan website karena dapat memberikan ke-interaksian yang lebih tinggi kepada pengguna.
Struktur Navigasi Campuran



Kesimpulannya adalah mengetahui istilah-istilah dasar di atas sangat berguna sebagai pemula dalam melakukan pembuatan website. Dengan mengetahui lebih banyak informasi, suatu pekerjaan akan lebih mudah untuk dikerjakan.


Ibrahim, Ali (2010). SISTEM PEMESANAN KAMAR HOTEL BERBASIS WAP. Jurnal Sistem Informasi (JSI), II(2), 189-205. Diambil dari: http://ejournal.unsri.ac.id/index.php/jsi/index

Zabar, Adzan Abdul dan Fahmi Novianto (2015). KEAMANAN HTTP DAN HTTPS BERBASIS WEB MENGGUNAKAN SISTEM OPERASI KALI LINUX. Jurnal Ilmiah Komputer dan Informatika (KOMPUTA), IV(2), 69-74. Diambil dari: https://ojs.unikom.ac.id/index.php/komputa/article/view/2427

Sidik R, Cecep Muhamad (2015). APLIKASI PENGENALAN PROFIL NEGARA DI ASIA BERBASIS AUGMENTED REALITY. Jurnal Siliwangi Seri Sains dan Teknologi, IV(2), 55-64. Diambil dari: http://jurnal.unsil.ac.id/index.php/jssainstek/article/view/569/368

Latest
Previous
Next Post »