BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Analisa Masalah Hal ini didasarkan pada kebutuhan pelanggan yang sangat tinggi terhadap pulsa. Data ini diperoleh melalui survei dari konter ke konter pulsa. Hasil survei dapat dilihat dihalam output. Sehingga peluang bisnis dalam pengisian pulsa semakin terbuka lebar. Oleh sebab itu maka diperlukan media yang berisikan informasi tentang jenis-jenis voucher, harga, operator untuk memudahkan pengisian pulsa secara online. Untuk mempermudah pelanggan mendapatkan pulsa. Maka penulis membuat suatu website pengisian pulsa secara online sehingga pelanggan tidak mengalami kesulitan dalam melakukan pengisian pulsa. 3.2 Struktur Navigasi Dalam pembuatan aplikasi website pengisian pulsa secara online dengan menggunakan macromedia dreamweaver mx, ini menggunakan bentuk struktur navigasi composite (campuran). Karena dilihat dari arah alur datanya. Home Syarat dan Daftar Ketentuan Pembayaran Daftar Harga FAQ Ketentuan Pembayaran Konfirmasi Pembayaran Mekanisme sms daftar info Masalah Pendaftaran Masalah Transaksi Gambar 3.1 Struktur Composite (Campuran) 17
18 3.3 Perancangan Design Perancangan ini merupakan tahapan yang harus dilakukan untuk memulai mengakses berbagai macam informasi pada suatu website. Pada tahapan perancangan ini terdiri dari halaman yang saling berhubungan dalam pembentukan website ini. Untuk lebih jelasnya penulis akan menerangkan rancangan tersebut satu per satu. index/home adalah halaman yang merupakan tampilan awal yang akan muncul pada saat website diakses. Home Pada halaman home yang didalamnya terdapat 3 langkah mudah untuk berbisnis pulsa elektronik. Berisikan tulisan berjalan tentang info terkini. Dengan rancangan dengan gambar 3.2. Home Banner Syaraf/daftar Second Banner Info&biaya sms Daftar harga Informasi Info terkini FAQ Live chat On line Logo Operator contact Disclaimer Gambar 3.2 Rancangan halaman home
19 Banner terdiri dari gambar identitas dari website gambar berupa gambargambar yang dibuat dengan menggunakan macromedia flash mx. Second benner berisi alur usaha untuk berbisnis pulsa elektrik. Main banner berisikan info yang diambil dari link-link. Left navigation terdiri dari link ke sub-sub halaman web. Footer berisi logo operator dan identitas website dari budipulsa. Syarat dan Daftar Pada halaman syarat dan daftar terdapat dua halaman yang pertama yaitu halaman yang berisikan tentang syarat pendaftaran, cara pendaftaran, dan cara pembayarannya. Dan pada halaman yang kedua berisikan tentang konfirmasi pembayaran melalui transfer ke rekening suatu bank. Home Banner Syarat/Daftar Info&biaya sms Daftar harga FAQ Informasi Live Chat On line Contact Bank Account Logo Operator Disclaimer Gambar 3.3 Rancangan halaman syarat dan daftar
20 Info Dan Biaya Sms Pada halaman info dan biaya sms terdapat dua halaman yang pertama yaitu halaman yang berisikan tentang mekanisme sms transaksi. Dan pada halaman yang kedua berisikan tentang table-tabel biaya sms dari semua operator. Home Banner Syarat/daftar Info&biaya sms Daftar harga FAQ Informasi Live Chat On line Contact Logo Operator Bank Account Disclaimer Gambar 3.4 Rancangan halaman info dan biaya sms
21 Daftar Harga Pada halaman daftar harga didalamnya terdapat produk dan daftar harga, pada halaman ini pula dijelaskan perincian harga dan operator-operator pendukungnya. Home Banner Syarat/daftar Infa&biaya sms Logo Tabel harga Daftar harga FAQ Logo Tabel harga Live chat On line Contact Logo Logo Tabel harga Tabel harga Bank account Logo Operator Disclaimer Gambar 3.5 Rancangan halaman daftar harga
22 FAQ Pada halaman FAQ ( Frekuensci Aks Questions ) didalamnya terdapat pertanyaan-pertanyaan yang sering ditanyakan oleh pelanggan yang ingin bergabung dalam bisnis pengisian pulsa. Pada halaman FAQ terdapat dua buah halaman dimana halaman keduanya berisikan masalah dalam melakukan transaksi. Home Banner Syarat/daftar Info&biaya sms Daftar harga FAQ Informasi Live chat On line contact Logo Operator Disclaimer Gambar 3.6 Rancangan halaman FAQ
23 FLOWCHART SYARAT DAN DAFTAR MULAI DOWNLOAD FORM PENDAF TARAN ISI FORM VALID ASI FORM TIDAK VALID MELENGKAPI SYARAT VALID TRANSAKSI SETORAN AWAL SELESAI
24 3.4 Tahapan Pembuatan Website Adapun langkah-langkah dalam membuat halaman index.php pada website pengisian pulsa secara online adalah sebagai berikut : 1. Aktifkan Dreamweaver MX dengan cara klik menu Start > Program > Macromedia > Macromedia Dreamweaver MX 2. Pilih menu File > New, maka akan terbuka kotak dialog New Document seperti pada gambar 3.23. Gambar 3.7 Kotak Dialog New Document Pada tab General dalam kotak dialog New Document, pilih Category : Dynamic Page dan pada menu list Dynamic Page pilih Dynamic Page : PHP, lalu klik tombol Create.
25 3. Buat tabel utama dengan cara, pada menu bar klik Insert > Table. Gambar 3.8 Kotak Dialog Insert Table isi Rows : 4 dan Columns : 7, lalu klik OK. 4. Pilih baris pertama kolom pertama dan kedua pada tabel, lalu pada menubar klik Modify > Table > Merge Cells, untuk menggabungkan kolom pada baris pertama menjadi satu. 5. Masukkan image banner.jpg pada baris pertama dengan cara, klik Insert > Image. Gambar 3.9 banner.jpg
26 6. Ketikkan script di bawah ini untuk menampilkan tanggal yang berlaku saat ini, di kolom 3 baris pertama pada tabel. <script language=javascript type="text/javascript"> var d=new Date() var weekday=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu") var monthname=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus"," September","Oktober","November","Desember") document.write(weekday[d.getday()] + ", ") document.write(d.getdate() + " ") document.write(monthname[d.getmonth()] + " ") document.write(d.getfullyear() ) </script> 7. Masukkan image second banner.jpg pada kolom ketiga baris pertama Gambar 3.10 Second banner.jpg
27 8. Pada kolom kedua baris ketiga, buat satu tabel dengan rows=5 dan cols=1 untuk menu. Lalu masukkan kedalam tabel tersebut masing-masing image menu yang ada di folder image secara berurutan, mulai dari Home, syarat/daftar, info dan biaya sms, daftar harga, FAQ. Berikan link kesetiap menu dengan cara mengklik image menu yang akan diisikan link, lalu isikan link tujuan pada isian link di properties bar. Untuk menu home isikan index.php pada properties bar. Untuk menu syarat/daftar sikan register.php pada properties bar. Untuk menu info dan biaya sms isikan mekanisme.php pada properties bar. Untuk menu daftar harga isikan harga.php pada properties bar. Untuk menu FAQ isikan FAQ.php pada properties bar. isikan link tujuan Gambar 3.11 Membuat menu link 3.5 Cara Menjalankan Website Pengisian Pulsa Secara Online Website pengisian pulsa secara online dapat dijalankan pada browser Internet Exporer, Mozzila Firefox, Opera, Netscape Navigator dan borwser lainnya. Adapun cara untuk menjalankan website ini adalah sebagai berikut : 1. Aktifkan apache server dengan cara buka windows explorer > c:\apache\bin\apachemonitor.exe 2. Aktifkan Mysql dengan cara buka windows explorer > c:\apache\mysql\bin\winmysql.exe 3. Buka salah satu browser yang tersedia, misalnya internet explorer 4. Ketikan pada address bar : http://localhost/budipulsa/
28 3.6 Publikasi Di Internet Langkah awal yang dilakukan adalah terlebih dahulu on-line dengan search engine pada alamat www.geocities.com. Di dalam search engine geocities ada berbagai macam fasilitas yang ditawarkan oleh geocities. Gambar 3.12 Tampilan awal geocities Langkah selanjutnya files yang berextension.htm dimasukkan satu persatu kedalam blok-blok yang telah tersedia di geocities, lalu klik upload files yang terletak dibawah blok pemasukkan files. Langkah terakhir setelah melakukan upload files, periksa apakah file-file tersebut telah diterima atau telah masuk ke webserver yang terdapat di geocities. Setelah semua files dimasukkan telah diterima, maka selesai sudah cara upload files ke webserver.
29 Setelah semua file selesai di upload, langkah berikutnya adalah melihat hasil file yang telah di upload. Tutup atau keluar dari www.geocities.com, lalu klik kembali internet explorer dengan mengisikan alamat webnya, yaitu : www.geocities.com/budipulsa. 3.7 Spesifikasi Perangkat Keras Adapun spesifikasi perangkat keras menjadi syarat minimal untuk menggunakan Macromedia Deamweaver MX adalah sebagai berikut : 1. Prosessor Intel Pentium II atau yang setara, 300 MHz atau lebih. 2. 96 MB RAM (disarankan 128 MB). 3. 275 MB spasi harddisk. 4. Monitor 256 warna dengan resolusi 800 x 600 pixel (disarankan monitor dengan jutaan warna dan resolusi 1024 x 768 pixel). 5. Sebuah CD-ROM drive. 3.8 Spesifikasi Perangkat Lunak Spesifikasi perangkat lunak selain perangkat keras, yang tidak kalah pentingnya adalah perangkat lunak yang harus dimiliki bila ingin menjalankan Macromedia Dreamweaver MX : 1. Windows 98, Windows 2000, Windows NT (dengan service pack 3 atau lebih), Windows ME, atau Windows XP. 2. Netscape Navigator atau Microsoft Internet Explorer versi 4 ke atas. 3. Software Macromedia Dreamweaver MX yang dikemas dalam CD-ROM.