BAB III PEMBAHASAN 3.1 STRUKTUR NAVIGASI Struktur navigasi diperlukan untuk menentukan alur dari visualisasi dai awal sampai akhir, dimana tampilan utamanya berisi panduan serta link-link yang menghubungkan ke halaman berikutnya. Dalam pembuatan website ini penulis menggunakan sruktur navigasi model Hierarki yang mengandalan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Index Biodata Biografi Penghargaa n Galeri FAQ Music Gambar 3.1 Struktur Navigasi 3.2 PERANCANGAN APLIKASI WEBSITE CHRISYE 3.2.1 Halaman Index Home/Index adalah halaman depan dari semua halaman yang ada pada website. Halaman ini juga dapat disebut sebagai halaman pembuka, karena pada sat pertama website dibuka maka halaman inilah yang akan tampil sebelum halaman lainnya. Halaman index merupakan main atau home dari halaman-halaman web lainnya yang berada pada link index tersebut. 22
Halaman index mempunyai rancangan tampilan sebagai berikut : 3.2.2 Halaman Biodata Gambar 3.2 Rancangan Tampilan Index Gambar 3.3 Rancangan Tampilan Biodata Pada rancangan tampilan ini teriri dari biodata Chrisye. 23
3.2.3 Halaman Biografi Gambar 3.4 Rancangan Tampilan Biografi Pada halaman ini berisi Biografi Chrisye. 3.2.4 Halaman Penghargaan Gambar 3.5 Rancangan Tampilan Penghargaan Pada halaman ini berisikan penghargaan-penghargaan yang diterima oleh Chrisye 24
3.2.5 Halaman Galeri Gambar 3.6 Rancangan Tampilan Galeri Pada halaman ini berisikan foto-foto semasa hidupnya. 3.2.6 Halaman FAQ Gambar 3.7 Rancangan Tampilan FAQ Pada halaman ini berisikan pertanyaan-pertanyaan yang sering diajukan. 25
3.2.7 Halaman Musik Gambar 3.7 Rancangan Tampilan Musik Pada halaman ini berisikan lagu-lagu yang dinyanyikan Chrisye. Langkah-langkah membuat halaman website di frontpage 2003 1. Pastikan jendela frontpage anda telah aktif. 2. Selanjutnya aktifkan tampilan kode. 3. Ketiklah beberapa baris teks,diantara tag<body> </Body> 4. Sekarang coba klik tombol preview untuk melihat hasilnya. 5. Kembali ke tampilan Code. Sekarang coba tambahkan perintah Break<br> pada bagian yang akan anda turunkan.perhatikan perintah di bawah ini. Selamat Datang <br> Ini adalah latihan web saya yang pertama <br><br> Saya banyak belajar mengenai Frontpage 2003, seperti:<br> Struktur HTML Elemen HTML Komponen Form 6. Selanjutnya tambahkan perintah Horizontal Rule<hr> setelah perintah Break pada Teks Selamat Datang. 26
7. Perintah selanjutnya.anda akan mengubah ukuran, posisi, dan jenis font dari teks Selamat Datang. Tambahkan perintah Heading dan Font diawal dan akhir teks Selamat Datang. <h1 align= center > <font face= tahoma > Selamat Datang<br><hr> </font> </h1> 8. Berikut anda akan membuat list untuk mengelompokkan teks Struktur HTML, Elemen Dasar HTML dan komponen Form. Jenis atau tipe bullet yang dapat anda gunakan adalah circle(lingkaran), Disk (titik) dan square(kotak). <ul type= circle > <li>struktur HTML</li> <li>elemen Dasar HTML</li> <li>komponen Form</li> 9. Langkah yang terakhir, anda akan mengubah jenis dan ukuran font yang terdapat di bawah garis horizontal dan menebalkan font teks FrontPage 2003. 3.3 SPESIFIKASI SOFTWARE DAN HARDWARE YANG DIBUTUHKAN Untuk pembuatan website ini ada beberapa hal yang perlu diperhatikan agar mendapatkan hasil yang sempurna. Hal yang perlu diperhatikan tersebut ialah mengenai spesifikasi sistem. Spesifikasi sistem yang di maksud disini ialah perangkat keras (Hardware) dan perangkat lunak (Software) yang saling mendukung dan memiliki kemampuan untuk menjalankan website Chrisye Online ini. 27
Software yang digunakan pada aplikasi ini adalah sebagai berikut: a. Windows XP b. Microsoft Frontpage 2003, yang digunakan untuk mendesain halaman situs. c. Web Browser Internet Explorer. Hardware yang digunakan dengan spesifikasi: a. CPU dengan Processor AMD Sempron 2800 MHZ b. Monitor dengan resolusi 800 x 600 pixels. c. Memory DDRAM 512 Mb. d. Hard Disk 20 Gb. e. VGA 64 Mbyte. 3.4 MENGUPLOAD WEB Setelah selesai melakukan pembuatan halaman web, langkah yang selanjutnya adalah upload file yang telah dibuat pada salah satu web server yang ada di internet. Untuk hal ini penulis melakukannya pada salah satu web server gratis geocities.com, dengan cara seperti di bawah ini: 1. Buka pada web browser http://geocities.yahoo.com/ 2. Pilih sign up for a free website, jika telah memiliki account di Yahoo dapat langsung masuk ke geocities dan jika belum, dapat membuatnya terlebih dahulu di menu sign up di Yahoo. Setelah itu akan dihadapkan pada tampilan pengisian YahooID dan password untuk memulai proses upload. 28
Gambar 3.9 Tampilan Yahoo ID Gambar 3.10 Tampilan Menu Advanced Tools 29
4. Pada Easy Upload file-file yang telah dibuat dipilih melalui Browse dimana jumlah file yang aka diupload dapat ditentukan. Dan untuk halaman utama harus dinamakan index.html, krena pada saat web browser menjelajah sebuah website yang pertama kali dicarinya adalah file index.html untuk ditampilkan. Gambar 3.11 Tampilan Easy Upload 5. Untuk mengkhiri proses upload tekan upload. 30