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
Penghargaa n
Biografi
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 :
Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer Gambar 3.2 Rancangan Tampilan Index
3.2.2 Halaman Biodata Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer Gambar 3.3 Rancangan Tampilan Biodata
Pada rancangan tampilan ini teriri dari biodata Chrisye.
23
3.2.3 Halaman Biografi Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer
Gambar 3.4 Rancangan Tampilan Biografi
Pada halaman ini berisi Biografi Chrisye.
3.2.4 Halaman Penghargaan Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer Gambar 3.5 Rancangan Tampilan Penghargaan
Pada halaman ini berisikan penghargaan-penghargaan yang diterima oleh Chrisye
24
3.2.5 Halaman Galeri Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer Gambar 3.6 Rancangan Tampilan Galeri
Pada halaman ini berisikan foto-foto semasa hidupnya.
3.2.6 Halaman FAQ
Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer Gambar 3.7 Rancangan Tampilan FAQ
Pada halaman ini berisikan pertanyaan-pertanyaan yang sering diajukan.
25
3.2.7 Halaman Musik Banner
Link | Link | Link | Link | Link | Link | Link
Text Content
Text Footer
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… 4. Sekarang coba klik tombol preview untuk melihat hasilnya. 5. Kembali ke tampilan Code. Sekarang coba tambahkan perintah Break
pada bagian yang akan anda turunkan.Perhatikan perintah di bawah ini. Selamat Datang
Ini adalah latihan web saya yang pertama…
Saya banyak belajar mengenai Frontpage 2003, seperti:
Struktur HTML Elemen HTML Komponen Form 6. Selanjutnya tambahkan perintah Horizontal Rule
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.
Selamat Datang
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).
- Struktur HTML
- Elemen Dasar HTML
- Komponen Form
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
