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
Halaman Syarat dan Daftar
Halaman Ketentuan Pembayaran
Halaman Ketentuan Pembayaran
Halaman Konfirmasi Pembayaran
Halaman Daftar Harga
Halaman Mekanisme sms
Halaman daftar info
Halaman FAQ
Halaman Masalah Pendaftaran
Gambar 3.1 Struktur Composite (Campuran)
17
Halaman Masalah Transaksi
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. Halaman index/home adalah halaman yang merupakan tampilan awal yang akan muncul pada saat website diakses.
Halaman 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
Info terkini
Informasi
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.
Halaman 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 Logo Operator Bank Account
Disclaimer
Gambar 3.3 Rancangan halaman syarat dan daftar
20
Halaman 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
Logo
Tabel harga
Logo
Tabel harga
Logo
Tabel harga
Daftar harga
FAQ
Live chat On line
Contact Logo Operator Bank account
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
VALID TRANSAKSI SETORAN AWAL
SELESAI
MELENGKAPI SYARAT
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() )
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.
