21 BAB III ANALISA DAN PEMBAHASAN 3.1 Sejarah Berdirinya Perusahaan PT. Emax Fortune Internasional adalah sebuah perusahaan yang bergerak di bidang penjualan produk apple macintosh. Selain itu kami juga menyediakan berbagai macam produk yang berhubungan dengan apple. Diperusahaan kami juga menawarkan jasa service untuk item seperti laptop atau ipod. Kami bergerak untuk memberikan yang terbaik untuk customer dari apa yang kami mampu, yaitu seperti tercermin dalam visi, misi dan keberadaan kami. Berawal dari semakin banyaknya pemakai macintosh, maka dibentuklah PT. Emax Fortune Internasional. Pada tanggal 15 September 2005. Dengan direktur utama Edi Margo Gozali. Yang dibantu dengan Julius Ong sebagai general manajer. Dengan beberapa staff-staff yang berkaitan, sehingga terbentuk perusahaan ini. Selain itu perusahaan ini juga membuka beberapa cabang atau showroom, agar mempermudah pemakai macintosh untuk mendapatkan apa yang mereka perlukan. 3.2 Struktur Organisasi Kantor Gambar 3.1 Struktur Organisasi
22 3.3 Analisa Masalah Website ini dibuat dengan menggunakan software Macromedia Dreamweaver MX 2004, yang menyajikan produk-produk Apple yang up to date. Yang terdiri dari beberapa tahapan. Tahapan-tahapan tersebut dikerjakan secara berurutan dan berkesinambungan agar hasilnya dapat lebih baik. Tahap demi tahap harus kita tempuh untuk membentuk suatu program multimedia yang dinamis. Dalam pembuatan website ini tahapan yang akan dibahas adalah mengenai cara pembuatan, mulai dari menentukan struktur navigasi, membuat peta navigasi, membuat desain antar muka (interface). Penulis menganalisa bahwa penyampaian informasi secara konvensional tidak lagi efektif dan dinamis, oleh karena itu diperlukan suatu website yang baru yang ditampilkan atau diletakkan pada sebuah situs dengan memanfaatkan teknologi internet. Sehingga akses terhadap informasi dapat dilakukan setiap saat. Cara pengelolaan, akses data dan informasi dapat lebih mudah, fleksibel, atraktif dan dinamis, sehingga para pengguna macintosh dapat dengan mudah melihat produk yang up to date setiap saat. 3.4 Struktur Navigasi Website Struktur navigasi adalah alur dari suatu website. Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat situs web. Pada tahap ini berisikan gambaran sebuah web secara konseptual atau terkonsep mengenai informasi apa saja yang akan ditentukan untuk dapat ditampilkan pada website tersebut. Tujuannya agar halaman-halaman yang dibuat dapat disusun dengan baik dan teratur, serta agar lebih jelas dan memudahkan dalam pemahaman spesifikasi informasi pada page-page yang akan dibuat. Struktur navigasi yang digunakan pada website ini adalah struktur navigasi campuran.
23 Struktur navigasi ini diperlukan untuk menentukan alur dari visualisasi dari awal sampai akhir, dimana tampilan utamanya berisi panduan serta link-link yang menghubungkan ke halaman berikutnya. Struktur Navigasinya : Gambar 3.2 Struktur Navigasi 3.5 Perancangan Aplikasi Website Emax 3.5.1 Halaman Index Home / Index.htm adalah halaman depan dari semua halaman yang ada pada website. Halaman ini juga dapat disebut sebagai halaman pembuka, karena pada saat pertama website dibuka maka halaman inilah yang akan tampil sebelum halaman yang lainnya. Halaman index.htm merupakan main atau home dari halaman-halaman web lainnya yang berada pada link index.htm tersebut.
24 Halaman index.htm mempunyai rancangan tampilan sebagai berikut : Banner Link Link Link Link Link Teks Gambar 3.3 Rancangan Tampilan Index 3.5.2 Halaman About Us Halaman ini berisi tentang profile PT EMAX FORTUNE NTERNATIONAL. Halaman About Us mempunyai rancangan tampilan sebagai berikut : Banner Link Link Link Link Link Teks Gambar 3.4 Rancangan Tampilan About Us
25 3.5.3 Halaman Our Product Halaman ini berisi tentang barang-barang yang ditawarkan oleh PT EMAX. Halaman Our Product mempunyai rancangan tampilan sebagai berikut : Gambar 3.5 Rancangan Tampilan Our Product 3.5.4 Halaman Apple Cinema Display Halaman ini berisi tentang barang Apple Cinema Display. Halaman Apple Cinema Display mempunyai rancangan tampilan sebagai berikut : Gambar 3.6 Rancangan Tampilan Apple Cinema Display
26 3.5.5 Halaman Portable Macs Halaman ini berisi tentang barang Portable Macs yang tersedia. Halaman Portable Macs mempunyai rancangan tampilan sebagai berikut : Gambar 3.7 Rancangan Tampilan Portable Macs 3.5.6 Halaman Desktop Macs Halaman ini berisi tentang produk Desktop Macs yang tersedia. Halaman Desktop Macs mempunyai rancangan tampilan sebagai berikut : Gambar 3.8 Rancangan Tampilan Desktop Macs
27 3.5.7 Halaman Ipod Halaman ini berisi tentang produk-produk Ipod yang tersedia. Halaman Ipod mempunyai rancangan tampilan sebagai berikut : Gambar 3.9 Rancangan Tampilan Ipod 3.5.8 Halaman Our Service Halaman ini berisi tentang jasa-jasa yang tersedia pada PT EMAX. Halaman Our Service mempunyai rancangan tampilan sebagai berikut : Gambar 3.10 Rancangan Tampilan Our Service
28 3.5.9 Halaman Contact Us Halaman ini berisi tentang informasi lokasi-lokasi dan no telepon PT EMAX. Halaman Contact Us mempunyai rancangan tampilan sebagai berikut : Gambar 3.11 Rancangan Tampilan Contact Us 3.6 Langkah-langkah pembuatannya Adapun langkah-langkah pembuatan website PT EMAX FORTUNE adalah sebagai berikut: 1. Buka aplikasi Macromedia MX 2004. Pilih Create New > HTML. 2. Untuk membuat halaman backgroundnya klik kanan pilih page properties. Background color pilih warna biru. 3. Pada toolbar pilih draw layer. Set propertiesnya left 112px, top 0px, width 800px, height 600px. 4. Masukkan table dengan cara Insert > Table. Pada kolom rows isi dengan 3 dan pada columns isi dengan 1, cell padding isi dengan 0 dan cell spacing isi dengan 0, border thickness isi dengan 0 sesudah itu klik Ok. 5. Pada row pertama di properties pilih background, cari letak file gambar yang berisikan banner yang berformatkan JPG. Setelah itu klik ok.
29 6. Pada row kedua berisikan informasi tentang halaman index. Kita gunakan layer agar posisi tempat dan ukuran halaman dapat diubah-ubah sesuai keinginan. Atur posisinya sebagai berikut Left 140px, width 165px, top 178px, height 359px. Kemudian isikan materi yang ingin disampaikan. 7. Pada baris ketiga bersikan informasi tentang pembuat websitenya, tahun pembuatan, dan hak cipta pembuatnya. Letakkan di tengah-tengah table dan rubah font colornya menjadi putih dengan background pada cell properties warna hitam. 3.7 Spesifikasi Software dan Hardware Untuk pembuatan website ini ada beberapa hal yang perlu diperhatikan untuk mendapatkan hasil yang sempurna. Hal yang perlu diperhatikan tersebut ialah mengenai spesifikasi system. Spesifikasi sistem yang dimaksud disini adalah perangkat keras (Hardware) dan perangkat lunak (Software) yang saling mendukung dan memiliki kemampuan untuk menjalankan website PT EMAX ini. Software yang digunakan pada aplikasi ini adalah sebagai berikut: a. Windows XP Servive Pack 2. b. Microsoft Frontpage 2003. c. Adobe Photoshop CS 2. d. Web Browser Internet Explorer. Perangkat keras yang digunakan dengan spesifikasi : a. CPU dengan Processor P IV 2800 MHz. b. Monitor dengan resolusi 1024 x 768 pixels. c. Memory DDRAM 256 Mb. d. Hard Disk 40 Gb. e. VGA 64 Mbyte.
30 3.8 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. Gambar 3.12 Tampilan yahoo ID 3. Untuk selanjutnya akan dihadapkan menu Advanced Toolbox, pada menu ini pilih Easy Upload.
31 Gambar 3.13 Tampilan menu advanced toolbox 4. Pada Easy Upload file-file yang telah dibuat dipilih melalui Browse dimana jumlah file yang akan diupload dapat ditentukan. Dan untuk halaman utama harus dinamakan index.html, karena pada saat web browser menjelajah sebuah website yang pertama kali dicarinya adalah file index.html untuk ditampilkan. Gambar 3.14 Tampilan easy upload 5. Untuk mengakhiri proses upload tekan upload