3.5 Membangun Halaman Situs
Adapun halaman - halaman yang dibangun oleh penulis adalah: Halaman index.php, merupakan halaman utama yang akan diakses pertama kali situs
dibuka. Halaman ini berisikan informasi singkat mengenai Penjualan Buku menuju halaman berikutnya.
Halaman index yang penulis bangun dibagi menja di 2 bagian, yaitu :
a. Halaman index untuk admin Merupakan halaman yang dikhususkan untuk
administrator yang mana untuk masuk ke halaman ini harus melakukan login terlebih dahulu. Di halaman ini admin bisa melakukan pembaharuan isi dari
situs e-commerce b.
Halaman index untuk user Merupakan halaman untuk user , di mana user dapat me ngakses halaman web tersebut. Memiliki akses yang terbatas.
3.6 Algoritma
Tahap- tahap yang dilakukan penulis dalam membangun halaman situs adalah sebagai berikut:
1. Membuka software Adobe Dreamever CS 3 sebagai editor dalam membangun
halaman. 2.
Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Adob Dreamever CS 3 yaitu dengan meletakkan link - link , grafik,
animasi, isi halaman situs yang telah dirancang.
Universitas Sumatera Utara
3. Menulis dan meletakkan skrip- skrip PHP dan HTML yang diperlukan pada
tempat yang sesuai yang di kerjakan di jendela code pada Adobe Dreamever CS 3 .
4. Menulis skrip CSS untuk memperindah tampilan situs dan skrip javascript
untuk melakukan peringatan alert pada halaman tertentu . 5.
Mengerjakan halaman pembangun situs.
Universitas Sumatera Utara
BAB 4 PEMBAHASAN DAN IMPLEMENTASI SISTEM
4.1 Implementasi Sistem
Setelah melalui tahap analisis dan perancangan, tahap selanjutnya untuk mengembangkan suatu perangkat lunak adalah tahap implementasi dan pengujian
sistem. Untuk mengetahui apakah implementasi perangkat lunak tersebut berhasil atau tidak, diperlukan pengujian. Berikut ini hasil implementasi dan pengujian dari
aplikasi yang telah dibangun.
4.1.1 Cara Kerja Sistem
Sistem informasi berbasis web ini bekerja pada mozila firefox dimana halaman awal dari kunjungan aplikasi adalah halaman pengunjung. Pengunjung akan diberikan
halaman umum untuk memperoleh informasi.
Sistem pada aplikasi tersebut dirancang untuk mempermudah pengunjung dalam memperoleh informasi yang telah diinput oleh admin. Admin dapat
menginput data kedalam database dengan menggunakan halaman khusus mereka yang telah disediakan. Pengunjung hanya bisa memperoleh informasi berupa data
yang telah dirangkum oleh user dan admin.
Universitas Sumatera Utara
4.2 Spesifikasi Perangkat Keras dan Perangkat Lunak
Spesifikasi perangakat keras dan perangkat lunak yang digunakan untuk membangun program aplikasi kompresi adalah sebagai berikut:
4.2.1 Perangkat Keras
1. Processor Pentium Intel ® Core ™ Duo CPU T6400 2.00GHz
2. Kapasitas harddiks 230GB 3. Memory RAM yang digunakan 2.00GB
4.2.2 Perangkat Lunak
1. Apache sebagai web server 2. PHP sebagai web programming
3. MySQL sebagai database server 4. Adobe Photoshop CS4 sebagai designer
5. Adobe Dreamweaver CS 3
4.3 Instalasi Paket Server
XAMPP merupakan sebuah paket instalasi untuk PHP, APACHE dan MySQL. Dengan
menggunakan XAMPP, kita tidak perlu lagi repot menginstall ketiga software itu secara terpisah. XAMPP dapat di download di http:www.apachefriends.org.
Berikut langkah instalasi: 1.
Jalankan file xampp-win32-1.8.0-installer.exe atau versi lainnya
Universitas Sumatera Utara
Gambar 4.1 Folder Installer Xampp
2.
Selanjutnya silakan anda pilih lokasi direktori instalasi untuk XAMPP. Kemudian klik install.
Gambar 4.2 Pemilihan Lokasi Berkas
3. Terdapat pilihan instalasi xampp centang semua agar servisnya terinstall
seluruhnya.
`Gambar 4.3 Pemilihan paket-paket Instalasi
4. Dialog ini menandakan proses instalasi telah selesai. Pilih yes untuk kontrol
panel, pilih no untuk tidak ke kontrol panel.
Universitas Sumatera Utara
Gambar 4.4 Dialog Xampp berhasil diinstal
4.4 Pengujian Website di Browser
1. Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah
menjalankan Xampp. Biasanya xampp akan langsung berjalan setelah proses instalasi selesai. Untuk mengeceknya apakah Apache dan MySQL sudah
berjalan, kita bisa membuka direktori C:\xampp lalu memilih xampp_start
Universitas Sumatera Utara
Gambar 4.5 Letak Folder Xampp
Gambar 4.6 Panel kontrol xampp
Universitas Sumatera Utara
2. Untuk melihat apakah penginstalan Apache berhasil, ketikkan http:localhost
di address bar pada web browser. Jika ada halaman xampp terbuka, hal itu menandakan servis Apache telah berjalan.
3. Untuk
mengecek database
server telah
berjalan, ketikkan
http:localhostphpmuadmin pada web browser . Jika halaman tersebut
terbuka, dan bisa melakukan pembuatan database, maka database-server sudah berjalan.
4.5 Tampilan Program