BAB 5 HASIL DAN PEMBAHASAN DESAIN
5.1 Format Teknis Website 5.1.1 Konsep Desain Untuk memvisualisasikan materi dalam website interaktif ini, gaya desain yang menjadi acuan ialah gaya yang menjadi tren atau ciri khas visual yang berlaku pada masa yang ingin diceritakan. Gaya ilustrasi poster propaganda perang, khususnya poster bergaya Russian Poster menjadi acuan utama dalam keselur uhan gaya ilus trasi dan layout web. 5.1.2 Format Website Website menggunakan aplikasi Flash, agar tampilan yang disajikan lebih dinamis dan interaktif bagi pengguna.
5.1.3 Ukuran Website Resolusi yang digunakan adalah ukuran monitor 1024x768.
5.2 Acuan Desain
Gambar 5.2.1
Gambar 5.2.2
Penjelasan : Gaya-gaya poster Rusia menjadi acuan dalam konsep desain, walau tentu saja, dengan tema Indonesia, penggunaan unsure warna merah dan putih lebih diutamakan. Penerapan layout pada website juga mengacu layout poster dimana teks (dalam website berupa navigasi bar) diletakka n di bawah visual.
5.3 Site Map
Gambar 5.3
Penjelasan : Navigation Bar pada bagian atas dengan Button yang terpampang pada Main Page menuj u link yang sama. Halaman “Begin the History” adalah inti dari web ini, dimana kisah mengenai alur proklamasi disajikan secara linear dari “Prolog” hingga “17 Agustus”. Halaman “Visit Museum” berisi informasi mengenai Museum Perumusan Naskah Proklamasi. Halaman “Share This” terhubung pada link dimana pengunjung dapat membagi kepada orang lain mengenai website ini.
5.4 Logo Website
Gambar 5.4 Desain :
Logotype menggunakan font Rockwell Extra Bold, 15 Agustus-17 Agustus menggunakan font Century Old Style. Frame pada tepi-tepi tulisan detik-detik proklamasi menggambarkan hal yang terfokus, dalam hal ini mengenai peristiwa menjelang proklamasi Indonesia.
5.5 Loading Page
Gambar 5.4
Gambar 5.5
Desain : Animasi preloading pada website.
5.6 P enerapan Grid Sys tem
Gambar 5.6 Gambar 5.6.1
Gambar 5.6.2 Desain: Tampilan Login Page da n Content dengan penerapan aturan grid 12 kolom.
5.7 Navigasi Bar
Gambar 5.7.1 Desain:
Tampilan Navigasi utama pada website. Terletak di bagian atas dan tidak berubah posisi atau bentuk dalam halaman manapun dalam web. Logo selalu dan harus diletakka n di bagian kiri atas website.
Gambar 5.7.2
Desain:
Tampilan Navigasi yang menunjukkan Timeline yang sedang berlangsung. Terletak di bagian bawah, bagian-bagian yang telah dilewati dapat dibuka kembali nantinya melalui tombol navigasi di bagian ini.
5.8 Buttons
Gambar 5.8.1
Desain:
Gambar 5.8.2
Gambar 5.8.3
Tampilan gambar munc ul apabila gerakan mouse on Roll Over tulisan. Begin the History bergambar tokoh-toko h utama cerita, Visit Museum bergambar Rumah Maeda, sedangkan Share This! Bergambar mesin tik melambangkan alat untuk menulis berita, dalam hal ini untuk menyebarkan tentang website ini.
5.9 Tipografi Font yang digunakan di dalam website ini terdiri dari empat macam font, yakni: a. Centur y Old Style
b. Rockwell (type:Extra Bold)
c. Molot
d. Futura Book
5.10 Content Website 5.10.1 Home Page
Gambar 5.10.1
Desain:
Tampilan Home berupa poster-poster yang ditempel pada tembok. Ketiganya merupaka n link utama dalam website ini.
5.10.2 Content “Begin the History” - Prolog
1.
2.
3.
4.
Gambar 5.10.2.1
Desain:
Tampilan awal saat mengakses halaman “Begin the History”. Hal yang pertama muncul adalah petunjuk mengenai penggunaan interaktif dalam website ini.
Penjelasan Layout, secara keseluruhan tampilan layout pada “Begin the History” sama, kecuali pada bagian akhir (17 Agustus). Berikut penjelasannya: 1. Navigasi Bar utama, terletak di bagian atas, berisi tiga button yang mengarah ke kontenkonten utama dari website, logo terletak di bagian kiri atas. 2. Semua konten visual website berada di daerah ini, animasi, buttons. 3. Navigasi Bar Timeline, untuk mengakses bagian-bagian cerita yang ingin dimainkan, hanya muncul di halaman “Begin the History”. 4. Berisi mengenai copyrights website.
Gambar 5.10.2.2
Gambar 5.10.2.3
5.10.3 Content “Begin the History” - 15 Agustus 1945
Gambar 5.10.3.1
Gambar 5.10.3.2
5.10.4 Content “Begin the History” - 16 Agustus 1945
Gambar 5.10.4.1
Gambar 5.10.4.2
5.10.5 Content “Begin the History” - 17 Agustus 1945
Gambar 5.10.5.1
Gambar 5.10.5.2
5.10.6 Content “Visit Museum”
Gambar 5.10.6.1
Gambar 5.10.6.2
5.10.7 Content “Share This!”
Gambar 5.10.7
5.11 Banner
Gambar 5.11
Desain:
Tampilan ba nne r yang dipasang di situs-situs lainnya, yang akan menuju ke website apabila diakses.
5.12 Downloadable Certificate
Gambar 5.12
Desain:
Merupakan semacam “penghargaan” kepada pengunjung situs yang telah menyelesaikan cerita dalam “Begin the History”. Dalam akhir cerita, pengunjung situs dapat mendownload sertifikat digital dengan nama pengunjung sendiri, dalam bentuk pdf, yang nantinya dapat di print.
5.13 Poster Selain digunakan didalam web, poster juga digunakan sebagai media promosi cetak, dengan tampilan visual yang sama seperti gambar dalam website.
-
Gambar 5.13
