Jumat, 06 April 2018

Tugas Softskill Pengantar Animasi & Desain Grafis# 3ka15 (Analisis struktur navigasi Website Sederhana Budaya Toraja)


TUGAS 3KA15 - PENGANTAR ANIMASI DAN DESAIN GRAFIS
(ANALISIS STRUKTUR NAVIGASI PADA WEB SEDERHANA BUDAYA TORAJA)



4KA19
Anggota Kelompok



                       


Ahmad Hasnan Kemal                     10114564
Dicka Agung Dias Putra                  13114033










UNIVERSITAS GUNADARMA
2018



----------------------------------------------------------------------------------------------------


STRUKTUR NAVIGASI   
Dalam menciptakan sebuah website, hal pertama yang harus kita lakukan adalah menentukan struktur navigasi. Struktur Navigasi merupakan struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan Website. Terdapat beberaoa struktur navigasi diantaranya sebagai berikut :


1.      STRUKTUR NAVIGASI LINEAR
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang   berurut, yang menampilkan satu demi satu tampilan layar  secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.




2.      STRUKTUR NAVIGASI NON – LINEAR
Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini   diperkenankan   membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.



3.      STRUKTUR NAVIGASI HIRARKI
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan  percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.




4.      STRUKTUR NAVIGASI CAMPURAN
Struktur navigasi campuran merupakan gabungan 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 struktur ini dapat digunakan dalam pembuatan website sehingga dapat memberikan ke-interaksian yang lebih tinggi.





ANALISIS WEBSITE BUDAYA TORAJA
Pada website ini digunakan struktur navigasi non-linear dikarenakan kesemua page saling terhubung satu sama lain dari ke-4 page yaitu home, profie, budaya, dan event. Seperti yang terlihat pada gambar struktur navigasi dibawah ini :





Dapat terlihat 4 buah entitas berupa page yang saling terhubung satu sama lain dimana user dapat berpindah. Dari page home ke profile begitu juga dari budaya ke event bahkan event ke home kembali. Seperti pada tampilan pada setiap page dibawah ini :


a.      PAGE HOME

Jika anda sedang berada pada page home, anda dapat berpindah ke 3 page lainnya dengan button pada bagian kanan atas berupa index. Jadi user dapat berpindah secara bebas ke page yang user inginkan. Seperti pada tampilan berikut :



Gambar 1. Page Home.


b.      PAGE PROFILE
Pada page profile user juga dapat berpindah ke page manapun. Seperti pada gambar berikut :


Gambar 5. Page Profil mahasiswa.

c.      PAGE BUDAYA
Pada page ini user juga dapat bernavigasi ke page manapun yang diinginkan seperti pada gambar berikut :


Gambar 6. Page Budaya informasi baju adat Toraja.

d.      PAGE EVENT
Sama seperti page sebelumnya, page event juga dapat bernavigasi ke page lainnya secara bebas seperti pada gambar dibawah ini :


Gambar 8. Page Event informasi event sebelumnya.

Tidak ada komentar:

Posting Komentar