- PDF Free Download

Ukuran: px

Mulai penontonan dengan halaman:

Download ""

Yuliani Dharmawijaya
7 tahun lalu
Tontonan:

1 31

2 32

3 Home Profil Fasilitas Layanan Sejarah Koleksi Kontak Ruang Galeri Batik Workshop center Perpustakaan Fasilitas Lainnya Agenda Artikel 33

4 34

5 35

6 5.3 Interface Layout website Museum Tekstil yang baru Interface Home Gambar 5.4 : interface layout halaman Home Keterangan gambar : 1. Logo Logo tersebut merupakan logo resmi museum tekstil Jakarta dan sumber image logo tersebut diperoleh dari hasil pencarian melalui internet. 2. Background Pada background halaman home ini menggunakan ilustrasi motif batik klasik Sidomukti. 36

Penggunaan motif batik tersebut didasari oleh makna yang terkandung yakni kemakmuran, sebagaimana sesuai dengan visi dari

Tombol Menu bentuk tombol menu tersebut ingin menampilkan ornament local lainnya yakni ornament dari Toraja pada bagian kanan

Ilustrasi gambar Untuk konsep ilustrasi gambar tersebut menggunakan objek seorang wanita yang sedang membatik.

7 Penggunaan motif batik tersebut didasari oleh makna yang terkandung yakni kemakmuran, sebagaimana sesuai dengan visi dari museum tekstil Jakarta melalui pelestarian yang berkaitan dengan pertekstilan di Indonesia. 3. Tombol Menu bentuk tombol menu tersebut ingin menampilkan ornament local lainnya yakni ornament dari Toraja pada bagian kanan dan kiri tombol. Ornament tersebut biasa menghiasi pada tekstil maupun pad a rumah adat Toraja. 4. Ilustrasi gambar Untuk konsep ilustrasi gambar tersebut menggunakan objek seorang wanita yang sedang membatik.dimana ilustrasi tersebut dapat memberikan gambaran secara cepat bagi audience untuk menangkap bahwa website tersebut berkaitan dengan tekstil maupun batik. (Sumber image : 37

8 5.3.2 Interface Halaman Konten Gambar 5.5 : interface layout halaman Konten Keterangan gambar : 1. Tombol menu bentuk tombol menu masih sama pada halaman home yakni ingin menampilkan ornament local lainnya yakni ornament dari Toraja pada bagian kanan dan kiri tombol. Ornament tersebut biasa menghiasi pada tekstil maupun pad a rumah adat Toraja. 38

2. Header area Konsep header website tersebut ingin menampilkan beberapa karakter jenis kain-kain tradisional seperti kain ulos dan kain songket sebagai point interest atau

6: Kain Songket Sarong Karangasem Bali (sumber: http://www.travellers-tales.com/) Gambar 5.7: Kain Ulos Pinarpusorani Pinar Lobu-Lobu a (sumber: http://www.sopopanisioan.

9 2. Header area Konsep header website tersebut ingin menampilkan beberapa karakter jenis kain-kain tradisional seperti kain ulos dan kain songket sebagai point interest atau pusat perhatian pada website. Pada area header juga menampilkan slideshow image atau gambar mengenai kegiatan-kegiatan terbaru pada museum tekstil Jakarta. Gambar 5.6: Kain Songket Sarong Karangasem Bali (sumber: Gambar 5.7: Kain Ulos Pinarpusorani Pinar Lobu-Lobu a (sumber: Slide Show Image Pada area header terdapat pula slide show yang merupakan salah satu fitur pada website untuk menampilkan informasi-informasi yang up to 39

date dan cepat dalam bentuk slide gambar maupun teks dengan durasi secara bergantian.

Jakarta). (sumber: http://jambitourism.co.

berkunjung ke Museum Tekstil Jakarta) (sumber: http://www.edukasi.kompasiana.

10 date dan cepat dalam bentuk slide gambar maupun teks dengan durasi secara bergantian. Slide gambar 1, tagline informasi (Yuk, belajar membatik di workshop membatik Museum Tekstil Jakarta). (sumber: Slide gambar 2, tagline informasi (Liburan edukatif dengan berkunjung ke Museum Tekstil Jakarta) (sumber: Slide gambar 3, tagline informasi ( Pameran wastra Lampung : warisan budaya melintas zaman di Museum Tekstil Jakarta). 40

(sumber: http://www.ulunlampung.blogspot.com/2012/03/pameran-kain-tradisionallampung-di.html) 3.

11 (sumber: 3. Ilustrasi ornament Ornament ini merupakan sebagai ornament dekoratif floral sebagai unsur pendukung nuansa etnik pada website sehingga menjadi penguat visual. 4. Background Konsep background pada halaman konten ini menggunakan beberapa ilustrasi tekstur serta motif-motif tekstil yang setiap halamannya berbeda-beda sehingga memberikan variasi background. 5. Konten Area Pada area konten ini merupakanarea yang menyajikan informasiinformasi website yang ditambahkan pula image pendukungnya.jenis huruf yang digunakan pada area konten tersebut jenis serif (berkait) dengan font Georgia regular dan ukuran font 12 pt. 6. Tombol Submenu Pada tombol submenu tersebut masih sama dengan konsep button menu utama dengan menggunakan ornament Toraja hanya pada bagian kanan tombol dan warna yang berbeda. 41

12 7. Link sponsor Pada bagian sidebar menambahkan menu link sponsor yang mendukung seperti instansi pemerintahan yakni kementrian budaya dan pariwisata serta link lembaga terkait seperti yayasan batik Indonesia dan Indonesian travel. ( ( ( 42

8. Footer Pada bagian footer website mengambil ilustrasi motif-motif tekstil yang biasa digunakan pada kain batik Riau. Dengan karakter motif floratif atau tumbuhan. 5.3.

13 8. Footer Pada bagian footer website mengambil ilustrasi motif-motif tekstil yang biasa digunakan pada kain batik Riau. Dengan karakter motif floratif atau tumbuhan Elemen website 1) Warna Terdapat 4 warna yang digunakan pada website museum tekstil Jakarta yaitu : Cokelat Tua Warna tersebut digunakan sebagai warna button submenu pada sidebar yang memberikan pembeda pada button menu utama. 43

14 Krem Warna tersebut merupakan warna dominan pada website karena digunakan sebagai warna background website. Warna ini memberikan karakter ketenangan,kedamaian yang merupakan warna alam sehingga dapat memberikan karakter yang berbeda dari website sebelumnya. Merah Warna tersebut merupakan warna yang digunakan pada warna button menu utama yang memberikan ketegasan sehingga tombol navigasi / button tersebut dapat terlihat jelas. Cokelat Muda Warna tersebut digunakan sebagai warna font yang dapat memberikan tingkat keterbacaan yang cukup jelas. 2) Font /Huruf a) Font tombol navigasi/button Quest Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz ,. Font Quest regular digunakan pada tombol button website, dengan karakter font yang unik memberikan ketegasan sebagaimana fungsi button. b) Font konten/isi Georgia Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz ,. Font Georgia regular ini digunakan pada konten website, seperti informasi-informasi serta artikel. Jenis font serif ini akan memberikan kemudahan dalam pembacaan. 44

15 5.3.4 Program Pada tahap ini merupakan tahap dimana mengaplikasikan konsep desain website ke dalam struktur website builder Joomla.Dengan memanfaatkan template website yang sudah ada lalu memodifikasi sesuai dengan konsep desain. Tahap pertama penggunaan Joomla adalah instalasi program local server yaitu XAMPP, program tersebut nantinya sebagai program yang menjalankan atau yang dapat mereview website secara offline. Tahap kedua, barulah melakukan instalasi Joomla dengan tahap awal yaitu membuat halaman backend atau halaman admin dimana halaman ini berfungsi sebagai pengatur konten website, menambahkan fitur-fitur website dan mengupdate konten website. Gambar 5.8 : Tampilan halaman admin Joomla Tahap ketiga, yaitu memodifikasi template website dengan mengaplikasikan konsep desain yang telah dibuat dengan bantuan menggunakan software Adobe Dreamweaver CS3. Pada software tersebut kita dapat mengatur elemen-elemen website seperti layout,warna, dan font sesuai keinginan. 45

16 Tahap keempat, yakni tahap akhir dengan mempublish website yang sudah di buat dipindahkan dari local server ke online server yakni dengan menyewa hosting online server sebagai tempat penyimpanan database/konten website. Serta melakukan pemberian nama domain yang berfungsi sebagai nama identitas website agar dapat di akses pada internet. 46

17 47

dokumen-dokumen yang mirip

BAB IV IMPLEMENTASI DAN PENGUJIAN. pengembangan sistem yang menggunakan metode SDLC (System Development

BAB IV IMPLEMENTASI DAN PENGUJIAN A. Implementasi Implementasi adalah suatu proses penerapan rancangan program yang telah dibuat kedalam sebuah pemrograman sesuai dengan rencana yang telah di rancang sebelumnya