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.
Gambar 3.1 Struktur Composite (Campuran)
Home
Halaman Syarat dan Daftar
Halaman Ketentuan Pembayaran Halaman Daftar Harga Halaman Ketentuan Pembayaran Halaman Konfirmasi Pembayaran Halaman Mekanisme sms Halaman daftar info Halaman Masalah Pendaftaran Halaman Masalah Transaksi Halaman FAQ
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.
Gambar 3.2 Rancangan halaman home Home Syaraf/daftar Info&biaya sms Daftar harga FAQ Live chat On line contact Banner Second Banner
Informasi Info terkini
Logo Operator
Banner terdiri dari gambar identitas dari website gambar berupa gambar-gambar 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.
Gambar 3.3 Rancangan halaman syarat dan daftar Home Syarat/Daftar Info&biaya sms Daftar harga FAQ Live Chat On line Contact Banner Informasi Logo Operator Disclaimer Bank Account
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.
Gambar 3.4 Rancangan halaman info dan biaya sms Home Syarat/daftar Info&biaya sms Daftar harga FAQ Live Chat On line Contact Banner Informasi Logo Operator Disclaimer Bank Account
Daftar Harga
Pada halaman daftar harga didalamnya terdapat produk dan daftar harga, pada halaman ini pula dijelaskan perincian harga dan operator-operator pendukungnya.
Gambar 3.5 Rancangan halaman daftar harga Home Syarat/daftar Infa&biaya sms Daftar harga FAQ Live chat On line Contact Banner Logo Operator Disclaimer Bank account Tabel harga Logo Logo Logo
Logo Tabel harga
Tabel harga
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.
Gambar 3.6 Rancangan halaman FAQ Home Syarat/daftar Info&biaya sms Daftar harga FAQ Live chat On line contact Banner Informasi Logo Operator Disclaimer
FLOWCHART SYARAT DAN DAFTAR TIDAK VALID VALID DOWNLOAD FORM PENDAF TARAN MELENGKAPI SYARAT VALID ASI FORM MULAI SELESAI ISI FORM TRANSAKSI SETORAN AWAL
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.
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.
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
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/
3.6Publikasi 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.
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.7Spesifikasi 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.8Spesifikasi 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.
