Struktur Navigasi adalah bagian hirarki dari suatu website yang
menggambarkan isi dari setiap halaman dan link. Struktur Navigasi dapat
dikatakan sebagai gambaran dari hubungan atau rantai kerja dari seluruh
elemen yang akan digunakan dalam aplikasi.
Kriteria-kriteria yang digunakan dalam pengelompokan dari struktur
navigasi adalah sebagai berikut: kebutuhan akan objek, kemudahan
pemakaian, interaktif, dan kemudahan membuatnya yang berpengaruh
terhadap waktu pembuatan suatu websites. Dalam penggambarannya
Struktur Navigasi terbagi kedalam 4 Struktur yang berbeda yaitu: Linier,
Non Linier, Hierarchical (Hirarki) dan Composit (Campuran).
Ada 4 macam bentuk dasar dari peta navigasi yang biasa digunakan
dalam proses pembuatan aplikasi web, yaitu:
1.Struktur Navigasi Linier
Pada Struktur navigasi linier merupakan rangkaian urutan tampilan
dari sebuah halaman website yang ditampilkan secara berurut menurut
urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah
satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua
halaman sebelumnya atau dua halaman sesudahnya.
2.Struktur Navigasi Hirarki
Pada Struktur navigasi hirarki merupakan suatu struktur yang
mengandalkan percabangan untuk menampilkan data berdasarkan kriteria
tertentu. Jika digambarkan, maka struktur navigasi hirarki ada halaman web
yang disebut sebagai Master Page (halaman utama pertama).
Pada halaman
utama ini mempunyai halaman percabangan yang disebut Slave
Page (halaman pendukung).
Dan jika halaman pendukung diklik, maka dia
akan berubah menjadi Master Page dan kemudian memiliki percabangan
halaman pendukung lainnya, dan seterusnya. Dalam struktur navigasi ini
tidak diperbolehkan adanya tampilan secara linier.
3. Struktur Navigasi Non-Linier
Struktur navigasi non-linier atau struktur tidak berurut merupakan
pengembangan dari struktur navigasi linier. Pada struktur
ini diperkenankan membuat navigasi bercabang.
Percabangan yang ada
pada struktur nonlinier ini berbeda dengan percabangan yang ada pada
struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat
percabangan, tetapi tiap-tiap tampilan mempunyai tingkatan yang sama
yaitu tidak ada Master Page(halaman utama website) dan Slave
Page(halaman pendukung website).
4. Struktur Navigasi Campuran
Struktur navigasi campuran disebut struktur navigasi bebas. Dimana
didalamnya terdapat beberapa gabungan dari struktur navigasi lainnya.
Struktur navigasi campuran ini banyak digunakan dalam membuat website,
karena struktur ini dapat memberikan tingkat interaksi yang lebih tinggi.
Dan keterikatan dalam halaman website dapat dibuat lebih efisien dan
menarik.
* Text Editor
Dalam membuat sebuah halaman web dibutuhkan text editor. Text
editor yang dapat dipergunakan dalam pembelajaran pemrograman web ini
dapat menggunakan pilihan sebagai berikut :
1. Notepad
Notepad adalah aplikasi text editor yang sudah ada didalam instalasi
os windows anda masing-masing. Yang perlu diperhatikan jika
menggunakan notepad sebagai text editor, yakni extension type file
dituliskan langsung dan pemilihan save as type adalah All Files
2. Notepad++
Notepad++ adalah sebuah penyunting teks dan penyunting kode
sumber yang berjalan di sistem operasi Windows. Notepad++
menggunakan komponen Scintilla untuk dapat menampilkan dan
menyuntingan teks dan berkas kode sumber berbagai bahasa
pemrograman.
3. Sublime Text
Text editor yang terbilang masih baru yang sangat mudah
digunakan, penampilan simple namun enak dipandang. Sublime text
adalah aplikasi berbayar tapi anda dapat mendownload versi demo-
nya (meskipun versi demo tapi tidak ada batasan dalam
penggunaannya).
4. Atom
Atom adalah teks editor gratis dan terbuka untuk macOS, Linux, dan
Microsoft Windows dengan dukungan untuk plug-in yang ditulis
dalam Node.js, dan tertanam Kontrol Git, yang dikembangkan oleh
GitHub.
