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.

Tugas Softskill Pengantar Animasi & Desain Grafis# (Website Sederhana Budaya Toraja)

TUGAS 3KA15 - PENGANTAR ANIMASI DAN DESAIN GRAFIS

(IMPLEMENTASI ANIMASI DAN DESAIN GRAFIS PADA WEB SEDERHANA BUDAYA TORAJA)

4KA19

Anggota Kelompok

                       

Ahmad Hasnan Kemal                     10114564

Dicka Agung Dias Putra                  13114033

UNIVERSITAS GUNADARMA

2018

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

SOAL :

1.      Buatlah sebuah website sederhana yang berisikan informasi tentang budaya Toraja

2.      Buat dalam 4 page dengan ketentuan sebagai berikut :

a.       Home : berisikan profile, budaya, dan event.

b.      Profile : berisikan biodata mahasiswa  + animasi.

c.       Budaya : berisikan Baju Adat, Ciri Khas, Lokasi pariwisata + Animasi.

d.      Event : berisikan mengenai acara mengenai Toraja dengan rentang waktu 2 bulan sebelum dan yang akan berlangsung ditahun ini, video singkat tentang Toraja, Foto Budaya

3.      Berikan background gambar ciri khas daerah Toraja pada page Home.

SUKU TORAJA

Suku Toraja adalah suku yang menetap di pegunungan bagian utara Sulawesi Selatan, Indonesia. Kata toraja berasal dari bahasa Bugis, to riaja, yang berarti "orang yang berdiam di negeri atas". Pemerintah kolonial Belanda menamai suku ini Toraja pada tahun 1909. Suku Toraja terkenal akan ritual pemakaman, rumah adat tongkonan dan ukiran kayunya. Ritual pemakaman Toraja merupakan peristiwa sosial yang penting, biasanya dihadiri oleh ratusan orang dan berlangsung selama beberapa hari.

HASIL AKHIR WEBSITE

Setelah dilakukan prosesi pembuatan website dengan bahasa HTML yang dilakukan proses coding menggunakan Notepad++ dapat diperoleh hasil sebagai berikut :

1.      PAGE HOME

Page ini merupakan page utama dari keseluruhan website tempat dimana user dapat melakukan navigasi ke page lainnya melalui navigation button yang terletak pada bagian kanan atas dari website. Pada page ini terdapat animasi berupa teks berjalan yang bergerak menuju kata ”TORAJA” selain itu terdapat juga 3 buah gambar berupa slide yang akan bergerak dengan sendirinya selama beberapa detik seperti yang terlihat pada gambar dibawah ini :

Gambar 1. Page Home.

Terdapat juga informasi singkat mengenai mahasiswa yang telah membuat website disertai Link Text yang akan langsung mengarahkan user ke page Profil.

Gambar 2. Page home informasi profil.

Terdapat juga informasi sekilas tentang Toraja disertai dengan gambar sebuah rumah adat Tana Toraja.

Gambar 3. Page Home informasi budaya Toraja.

Pada bagian bawah page terdapat informasi mengenai mahasiswa yang mengerjakan tugas pembuatan website sederhana ini. Beserta sebuah music player yang memainkan suara alat musik khas toraja.

Gambar 4. Page Home informasi Copyright.

2.      PAGE PROFIL

Page ini berisikan informasi dari mahasiswa yang ikut serta dalam mengerjakan tugas website sederhana ini. Berisikan informasi singkat berupa nama, npm, dan kelas yang disertai foto dibagian kiri informasi yang dapat bergerak apabila cursor diarahkan ke foto tersebut.

Gambar 5. Page Profil mahasiswa.

3.      PAGE BUDAYA

Page ini adalah page yang berisikan informasi dari kebudayaan Toraja berupa informasi :

-          Baju adat khas Toraja

-          Ciri khas orang Toraja

-          Lokasi pariwisata

-          Budaya pemakaman di Tana Toraja

-          Kopi Toraja

-          Upacara adat

-          Oleh – oleh

Kesemua informasi ini tampil secara berurutan pada 1 page dengan format vertikal seperti pada gambar dibawah ini :

Gambar 6. Page Budaya informasi baju adat Toraja.

Gambar 7. Page budaya informasi ciri khas orang Toraja.

4.      PAGE EVENT

Page ini adalah page yang berisikan informasi seputar acara yang sudah terselenggara dan yang akan disenggelarakan pada waktu kedepan. Disertai juga dengan galeri berupa foto yang menampilkan ciri khas Toraja. Dan terdapat juga video singkat mengenai Tana Toraja. Kesemua informasi ini terlihat seperti gambar di bawah ini :

Gambar 8. Page Event informasi event berikutnya.

Gambar 9. Page Event informasi event sebelumnya.

Gambar 10. Page Event Gallery foto kesenian Toraja.

Gambar 11. Page Event tampilan video pada website.

KESIMPULAN

Dari hasil pembuatan website diperoleh sebuah kesimpulan bahwa budaya Indonesia yang begitu beragam harus selalu dilestarikan bahkan dengan berbagai metode yang dapat mengikuti perkembangan misalnya pembuatan website, dimana website yang dibuat dapat menjadi sarana promosi bagi Indonesia untuk menunjukan budaya ke negara lain agar mereka dapat terpikat dengan pesona keindahan nusantara. Alangkah sedihnya apabila budaya yang begitu indah ini tanpa disadari diklaim oleh negara lain karena orang Indonesia sendiri tidak menghargai dan mengapresiasi budaya sendiri.