Sistem Informasi Penjualan Pada Toko Buku Senyum Muslim Dengan PHP Dan MySQL
SISTEM INFORMASI PENJUALAN PADA TOKO BUKU
SENYUM MUSLIM DENGAN PHP DAN MYSQL
TUGAS AKHIR
LIA AGUSTINA SANTANI
072406169
PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010
(2)
SISTEM INFORMASI PENJUALAN PADA TOKO BUKU SENYUM MUSLIM DENGAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar ahli madya
LIA AGUSTINA SANTANI 072406169
PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2010
(3)
PERSETUJUAN
Judul : SISTEM INFORMASI PENJUALAN PADA TOKO BUKU SENYUM MUSLIM DENGAN PHP DAN MYSQL
Kategori : TUGAS AKHIR
Nama : LIA AGUSTINA SANTANI
Nomor Induk Mahasiswa : 072406169
Program Studi : D3 ILMU KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2010
Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Ketua,
Pembimbing I
Dr.Saib Suwilo,M.Sc
NIP. 19640109 198803 1 004 NIP. 19640109 198803 1 004 Dr.Saib Suwilo,M.Sc
(4)
PERNYATAAN
SISTEM INFORMASI PENJUALAN PADA TOKO BUKU SENYUM MUSLIM DENGAN PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2010
LIA AGUSTINA SANTANI 072406169
(5)
PENGHARGAAN
Puji dan Syukur penulis panjatkan kepada Allah SWT, Rabb semesta alam penguasa langit dan bumi yang telah menciptakan manusia dengan bentuk yang sebaik-baiknya. Atas berkat curahan rahmat, hidayah dan pertolongan-Nya kepada penulis sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “Sistem Informasi Penjualan Pada Toko Buku Senyum Muslim Dengan PHP dan MySQL” ini tepat pada waktu yang telah ditetapkan. Selawat dan salam penulis panjatkan kepada Selawat dan salam untuk Nabi Muhammad SAW, semoga kita mendapatkan syafa’atnya kelak di yaumil akhir.
Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan merupakan salah satu syarat untuk menyelesaikan pendidikan D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam penyusunan Tugas Akhir ini, penulis sadar akan keterbatasan kemampuan dan pengetahuan dimiliki sehingga mungkin pembaca akan menemui banyak kekurangan karena itu kritik dan saran sangat diharapkan.
Pada kesempatan ini, penulis juga menyampaikan terima kasih kepada seluruh pihak yang sudah banyak membantu:
1. Bapak Dr. Saib Suwilo, MSc, selaku dosen pembimbing dan Ketua Pelaksana Program D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara yang banyak memberi petunjuk dan nasehat dalam penyelesaian Tugas Akhir ini.
2. Bapak Prof. Dr. Eddy Marlianto, MSc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara
3. Yang teristimewa, untuk Ayah dan Ibu penulis, Bapak Miskun S. Pawit dan Ibu Ponisah, yang senantiasa memberikan kasih sayang, nasihat, dukungan, baik moril maupun materil, serta untuk setiap kesabaran dan doa yang telah diberikan untuk penulis. Penulis sadar ia tidak akan mampu membalas semuanya, semoga apa yang telah dilakukan penulis dapat memberikan suatu kebanggaan dan semoga Allah SWT meridhoi semua yang telah ayah dan ibu penulis berikan.
4. Adinda tersayang Faisal Siddiq Santani yang setia mengantar jemput penulis dan Fatimah Az Zahra yang senantiasa menghibur penulis dikala lelah dan penat. 5. Ibu Suri Purnami, Se dan Elfitri Lestari Siregar selaku pemilik Toko Buku
Senyum Muslim dan seluruh staf pegawai, Fitri dan Kak Eva yang telah banyak membantu penulis selama penelitian.
6. Seluruh dosen pengajar Program D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
7. Para sahabat tercinta yang selalu memberikan semangat dan doanya, Ayu, Dina, Dima, Ummi, Lidya, Winda, dan Rika, semoga kita tetap bersama.
8. Teman-teman yang selalu membantu, memberikan ilmunya kepada penulis, Nova, Arif, Dedy, Dewi, Bang Firman, Listia, Viktor, dan Rekan-rekan seperjuangan di Ilmu Komputer 2007, khususnya di komputer C’07, semoga ALLAH SWT membalas semua kebaikan kalian.
(6)
9. Teman-teman di UKMI AL-FALAK FMIPA USU, yang namanya tidak bisa disebutkan satu per satu, terima kasih atas dukungan dan doanya.
10.Kakak ku tersayang, Kak Shinta, Kak Thika, Kak Muthi, Kak Nana yang selalu sabar membantu, memberikan ilmu, dan menasehati penulis, semoga kita tetap bersama melangkah di jalan ini.
11.Semua yang ikut membantu baik secara langsung maupun tidak, penulis ucapkan terima kasih banyak.
Akhir kata, penulis berharap semoga Tugas Akhir ini bermanfaat bagi penulis sendiri maupun pihak-pihak yang berpekepentingan, walaupun penulis menyadari bahwa Tugas Akhir ini masih jauh dari kesempurnaan. Untuk itu penulis mengharapkan saran dan kritik yang membangun.
Medan, Mei 2010
(7)
ABSTRAK
Kajian ini bertujuan untuk membangun sistem informasi penjualan pada Toko Buku Senyum Muslim. Sistem informasi penjualan ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobe Photoshop CS2, XAMPP yang merupakan gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Mozilla Firefox.
Sistem informasi penjualan ini bekerja untuk dapat melakukan pemesanan dan penjualan secara online. Tujuan aplikasi ini adalah untuk memberikan kemudahan kepada pemiliki Toko dalam penjualan dan pemasaran buku. Serta memberikan kemudahan kepada pengguna atau pelanggan dalam pemesanan dan pembelian buku.
(8)
DAFTAR ISI
Halaman
Halaman Judul i
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftar Isi vii
Daftar Tabel ix
Daftar Gambar x
Bab 1 Pendahuluan 1
1.1 Latar Belakang Masalah 1
1.2 Identifikasi Masalah 2
1.3 Maksud dan Tujuan 2
1.4 Kontribusi Penelitian 3
1.5 Metode Penelitian 3
1.6 Sistematika Penulisan 5
Bab 2 Landasan Teori 7
2.1 Pengertian Sistem Informasi 7
2.2 Pengenalan Internet 8
2.3 Pengenalan HTML 9
2.4 Pengenalan PHP 10
2.4.1 Sejarah PHP 10
2.4.2 Kelebihan PHP 11
2.4.3 Script Program PHP 12
2.5 Pengenalan Database MySQL 12
2.5.1 Keistimewaan MySQL 13
2.6 Pengenalan Macromedia Dreamweaver 8 15
Bab 3 Deskripsi Perusahaan 18
3.1 Sejarah Singkat Berdirinya Toko Buku Senyum Muslim 18 3.2 Persyaratan Franchise Senyum Muslim 20
Bab 4 Perancangan sistem 21
4.1 Data Flow Diagram (DFD) 21
4.2 Perancangan Database 23
4.3 Perancangan Algoritma 26
4.3.1 Algoritma Menu Utama 26
4.3.2 Algoritma Menu Admin 28
4.4 PerancanganFlowchart 29
4.4.1 Flowchart Menu Utama 30
(9)
4.4.3 Flowchart Halaman Admin 32
Bab 5 Implementasi Sistem 33
5.1 Pengertian Implementasi Sistem 33
5.2 Tujuan Implementasi Sistem 34
5.3 Komponen Utama Dalam Implementasi Sistem 34
5.3.1 Perangkat Keras (Hardware) 34
5.3.2 Perangkat Lunak (Software) 34
5.3.3 Perangkat Manusia (Brainware) 35
5.4 Instalasi Xampp 1.7.1 35
5.4.1 Menjalankan Xampp 1.7.1 38
Bab 6 Kesimpulan dan Saran 39
6.1 Kesimpulan 39
6.2 Saran 40
Daftar Pustaka 41
Lampiran
Lampiran A : Surat – Surat
Lampiran B : Tampilan Halaman Website Lampiran C : Listing Program
(10)
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel Persyaratan Frachise Senyum Muslim 20
Tabel 4.1 Tabel Barang (Produk) 24
Tabel 4.2 Tabel Buku Tamu 25
Tabel 4.3 Tabel Admin 25
Tabel 4.5 Tabel Kategori 25
(11)
DAFTAR GAMBAR
Halaman
Gambar 2.1 Tampilan Area Kerja Dreamweaver 16
Gambar 4.1 Data Flow Diagram (DFD) 23
Gambar 4.2 Flowchart Halaman Menu Utama 30
Gambar 4.3 Flowchart Login 31
Gambar 4.4 Flowchart Halaman Admin 32
Gambar 5.1 Xampp-win32-1.7.1-installer 36
Gambar 5.2 Pilihan Bahasa Instalasi Xampp 36
Gambar 5.3 Setup Wizard 36
Gambar 5.4 Lokasi Instalasi 37
Gambar 5.5 Xampp Option 37
Gambar 5.6 Setup selesai 37
(12)
ABSTRAK
Kajian ini bertujuan untuk membangun sistem informasi penjualan pada Toko Buku Senyum Muslim. Sistem informasi penjualan ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobe Photoshop CS2, XAMPP yang merupakan gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Mozilla Firefox.
Sistem informasi penjualan ini bekerja untuk dapat melakukan pemesanan dan penjualan secara online. Tujuan aplikasi ini adalah untuk memberikan kemudahan kepada pemiliki Toko dalam penjualan dan pemasaran buku. Serta memberikan kemudahan kepada pengguna atau pelanggan dalam pemesanan dan pembelian buku.
(13)
BAB 1
PENDAHULUAN
1.1Latar Belakang
Internet bukanlah hal yang baru bagi masyarakat. Setiap anggota masyarakat kini
mampu mengakses berbagai informasi yang dibutuhkannya dari internet. Selain
penggunaannya yang cukup mudah dan sederhana, banyak manfaat yang kita peroleh
melalui internet. Manfaat tersebut dapat kita rasakan baik pada bidang bisnes dan
penjualan, pendidikan, kedokteran, hukum, pemerintahan, pertanian, dan bidang
lainnya.
Manfaat pada bidang bisnes dan penjualan sangat besar. Penjualan yang
dilakukan melalui internet dikenal dengan istilah e-commerce (electronic commerce)
atau disebut juga dengan e-business. Dengan adanya internet, transaksi penjualan yang
dilakukan oleh suatu perusahaan dapat berlangsung dengan cepat dan mudah.
Misalnya pada Toko Buku Senyum Muslim.
Sebelum adanya internet, penjualan pada Toko Senyum Muslim berlangsung
secara lambat dan tidak efisien, baik dari segi biaya maupun waktu. Pelanggan yang
ingin membeli suatu produk harus datang ke Toko Buku Senyum Muslim untuk
melakukan transaksi pembelian. Hal ini menimbulkan banyak kendala terutama bagi
(14)
Senyum Muslim juga tidak dapat meningkatkan penjualannya karena terhalang oleh
biaya, jarak dan waktu.
Atas dasar inilah, maka penulis berinisiatif untuk membuat suatu sistem
informasi yang dapat mempermudah jalannya suatu transaksi penjualan pada Toko
Buku Senyum Muslim. Penulis ingin tertarik mengangkat judul “Sistem Informasi
Penjualan pada Toko Buku Senyum Muslim Dengan PHP dan MySQL”.
1.2Identifikasi Masalah
Pada Toko Buku Senyum Muslim, sistem pemasaran dan penjualan masih manual dan
sederhana, dimana sistem penjualannya masih kurang efektif dan efisien sehingga
penulis berkeinginan membuat sistem informasi penjualan pada Toko Buku Senyum
Muslim.
1.3Maksud dan Tujuan
Maksud dari penelitian ini adalah untuk merancang suatu aplikasi web yang dinamis.
Aplikasi ini dimanfaatkan untuk memperluas pemasaran dan mempermudah transaksi
penjualan sehingga lebih hemat, cepat dan mudah tanpa terhalang oleh jarak dan
waktu.
Adapun tujuan penulis mengadakan penelitian ini adalah untuk merancang
(15)
menggunakan software-software pendukung seperti Apache sebagai server, PHP,
MySQL sebagai database, Macromedia Dreamweaver 8.0, serta Adobe Photoshop CS.
1.4Kontribusi Penelitian
Adapun kontribusi penelitian adalah untuk membantu mempermudah dan memperluas
penjualan dan pemasaran produk pada Toko Buku Senyum Muslim sehingga akan
mempermudah pengelola dalam memperluas pasar penjualan. Yang awalnya
penjualan dan pemasaran dilakukan secara manual dan terbatas, kemudian diubah
menjadi sistem informasi yang terkomput erisasi.
1.5Metode Penelitian
Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian
dalam memperoleh data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat
terselesaikan dengan baik. Adapun metode penelitian yang dilakukan oleh penulis
adalah sebagai berikut:
1. Penelitian Lapangan dan Wawancara
Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini
penulis melakukan penelitian dan wawancara pada Toko Buku Senyum Muslim
(16)
2. Penelitian Pustaka
Penelitian yang dilakukan penulis di perpustakaan adalah untuk mendapatkan data
yang teoritis. Dalam hal ini yang harus diperhatikan adalah subjek yang diteliti,
yaitu khususnya pada buku bacaan yang menjadi pembahasan dan saling
berhubungan dengan permasalahan yang dihadapi.
3. Merancang database
Dalam membuat database tersebut penulis menggunakan MySQL sebagai tempat
penyimpanan data yang fleksibel dan dinamis.
4. Merancang desain web
Pada tahap ini, penulis mulai mendesain tampilan atau halaman web dengan
menggunakan software pendukung seperti Macromedia Dreamweaver 8 dan
Adobe Photoshop CS.
5. Merancang Program
Pada tahap ini penulis membuat listing program dari setiap menu-menu halaman
web yang akan ditampilkan.
6. Pengujian Program
Pada tahap ini penulis menguji program yang telah dirancang sebelumnya agar
dapat mengetahui kesalahan-kesalahan dalam program dan memperbaiki kembali
program tersebut, sehingga pada tahap selanjutnya program dapat berjalan dengan
(17)
1.6Sistematika Penulisan
Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika
penulisan yang terdiri dari:
BAB 1 PENDAHULUAN
Pada bab ini diuraikan secara ringkas pembahasan tentang latar
belakang, identifikasi masalah, maksud dan tujuan, metode penelitian,
dan sistematika penulisan.
BAB 2 LANDASAN TEORITIS
Pada bab ini penulis menjelaskan teori-teori singkat tentang hal-hal
yang berhubungan dengan judul dan bahasa pemrograman yang
digunakan oleh penulis. Teori ini merupakan penjelasan tentang
aplikasi-aplikasi yang digunakan dalam penyusunan tugas akhir ini.
BAB 3 DESKRIPSI PERUSAHAAN
Bab ini menguraikan tentang sejarah singkat awal terbentuknya Toko
Buku Senyum Muslim dan Persyaratan franchise Toko Buku Senyum
Muslim.
BAB 4 PERANCANGAN SISTEM
Pada bab ini penulis membahas tentang gambaran umum pembuatan dan
perancangan halaman-halaman web, persiapan dan perancangan
database, dan algoritma web.
BAB 5 IMPLEMENTASI SISTEM
Bab ini berisikan pengertian implementasi sistem, tujuan implementasi
(18)
XAMPP yang berisikan paket-paket didalamnya, seperti Apache, PHP,
dan MySQL.
BAB 6 KESIMPULAN DAN SARAN
Bab ini berisikan kesimpulan dan saran dari hasil penelitian yang bisa
(19)
BAB 2
LANDASAN TEORITIS
Pada bab ini penulis menjelaskan teori-teori singkat tentang hal-hal yang berhubungan
dengan judul dan bahasa pemrograman yang digunakan oleh penulis. Teori ini
merupakan penjelasan tentang aplikasi-aplikasi yang digunakan dalam penyusunan
tugas akhir ini.
2.1 Pengertian Sistem Informasi
Sistem informasi (information system) secara teknis dapat didefinisikan sebagai
sekumpulan komponen yang saling berhubungan, mengumpulkan atau mendapatkan,
memproses, menyimpan dan mendistribusikan informasi untuk menunjang
pengambilan keputusan dan pengawasan dalam suatu organisasi (Laudon, 2007).
Selain itu, sistem informasi juga dapat membantu manajer dan karyawan menganalisis
permasalahan, menggambarkan hal-hal yang rumit, dan menciptakan produk baru.
Peninjauan sejarah sistem informasi meliputi sejarah perangkat keras dan
bagaimana perangkat keras itu diaplikasikan. Selama setengah abad sejak pertama kali
komputer digital digunakan untuk segala keperluan dalam organisasi bisnis, kecepatan
dan kapasitas perangkat keras telah mengalami peningkatan yang berlipat ganda
(20)
komputer juga berkembang dari hal sederhana, seperti proses pengolahan data menjadi
sistem yang didesain untuk mendukung manajer dalam mengatasi masalahnya
(McLeod, 2007).
2.2 Pengenalan Internet
Internet (Inter-Network) adalah sebutan untuk sekumpulan jaringan komputer yang
menghubungkan situs akademik, pemerintahan, komersial, organisasi, maupun
perorangan. Internet menyediakan akses untuk layanan telekomnunikasi dan sumber
daya informasi untuk jutaan pemakainya yang tersebar di seluruh dunia. Layanan
internet meliputi komunikasi langsung (email, chat), diskusi (Usenet News, email,
milis), sumber daya informasi yang terdistribusi (World Wide Web, Gopher), remote
login dan lalu lintas file (Telnet, FTP), dan aneka layanan lainnya. ( Ramadhani, 2003)
Internet terdiri dari berjuta–juta halaman, dan setiap halaman disebut dengan
web. Sedangkan halaman yang pertama kali muncul ketika membuka browser disebut dengan Homepage. Tetapi web juga sering disebut dengan website atau homepage.
Web browser adalah suatu program atau perangkat lunak yang digunakan untuk mengakses internet, contoh web browser adalah internet explorer (produk Microsoft
Corporation), Netscape Communicator (produk Netscape) dan lain–lain.
World Wide Web adalah sekelompok dokumen multimedia yang saling terkoneksi menggunakan hypertext link. Dan dengan mengklik pada hot link, anda
dapat berpindah dari suatu dokumen ke dokumen lainnya. Ada dua hal penting yang
(21)
web server . Dimana software web browser ini bertindak sebagi client yang memungkinkan anda untuk melihat dan mendapatkan informasi dari server web,
sedangkan software web server bertindak sebagai server yang
memberikan/menyedikan informasi yang diminta oleh browser.
2.3 Pengenalan HTML
HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script
atau bahasa markup yang digunakan untuk membuat halaman web dan menampilkan
berbagai informasi di dalam sebuah browser Internet. HTML berupa kode-kode tag
yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang
diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan
menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti
dibanding bahasa pemrograman lainnya. Kata “Markup Language“ pada HTML
menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa
mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah
ditentukan pada elemen HTML. Penamaan dokumen HTML dapat dilakukan dengan
memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi
“.htm” atau “.html” (tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).
HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap
(22)
Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi
4.01.
2.4 Pengenalan PHP
PHP (Hypertext Prepocessor) adalah
dipakai saat ini. PHP digunakan sebagai bahasa script server-side dalam
pengembangan Web yang disisipkan pada dokumen HTML (Kasiman Peranginangin,
2006). PHP banyak dipakai untuk memrogram situs
tertutup kemungkinan digunakan untuk pemakaian lain. Contoh terkenal dari aplikasi
PHP adalah
2.4.1 Sejarah PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
Personal). PHP pertama kali dibuat oleh
waktu itu PHP masih bernama
sekumpulan script yang digunakan untuk mengolah data form dari
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya
maka banya
Pada November 1998, dirilis PHP/FI 2.0. Pada rilis ini,
diimplementasikan dalam progra
(23)
Pada tahun 1997, sebuah perusahaan bernama
PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut
sebagai
Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal denga
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan
stabilitas yang tinggi.
Pada
PHP mengalami perubahan besar. Versi ini juga memasukkan model
pemrograman ke arah paradigma berorientasi objek.
2.4.2 Kelebihan PHP
Adapun kelebihan-kelebihan yang dimiliki oleh PHP (Kasiman Peranginangin, 2006),
yaitu :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebua
2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai
(24)
3. Dalam sisi pengembangan lebih mudah, karena banyaknya
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
melalui console serta juga dapat menjalankan perintah-perintah system.
2.4.3 Script Program PHP
Di dalam PHP ada tiga cara untuk menuliskan script PHP (Kasiman Peranginangin,
2006), yaitu :
1. Menggunakan tag <? … ?>
2. Menggunakan tag <?php … ?>
3. Menggunakan tag <script language=”php”> … </script>
2.5 Pengenalan Database MySQL
MySQL adalah suatu Relational Database Management System
didistribusikan secara gratis dibawah
orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk
turunan yang bersifat komersial (Kasiman Peranginangin, 2006).
MySQL sebenarnya merupakan turunan salah satu konsep utama dalam
(25)
konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan
data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara
otomatis.
Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja
optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user
maupun program-program aplikasinya. Sebagai database server, MySQL dapat
dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal
ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL
bisa sepuluh kali lebih cepat dari
Interbase.
2.5.1 Keistimewaan MySQL
MySQL memiliki beberapa keistimewaan, antara lain :
1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti
Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan lainnya.
2.
sehingga dapat digunakan secara cuma-cuma.
3. Multiuser. MySQL dapat digunakan oleh beberapa user dalam waktu yang
bersamaan tanpa mengalami masalah atau konflik.
4. Performance tuning. MySQL memiliki kecepatan yang menakjubkan dalam
menangani query sederhana, dengan kata lain dapat memproses lebih banyak
(26)
5. Jenis Kolom. MySQL memiliki tipe kolom yang sangat kompleks, seperti
signed / unsigned integer, float, double, char, text, date, timestamp, dan
lain-lain.
6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang
mendukung perintah Select dan Where dalam perintah (query).
7. Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level
mendetail serta sandi terenkripsi.
8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam
skala besar, dengan jumlah rekaman
tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung
mencapai 32 indeks pada tiap tabelnya.
9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan
protokol
10.Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan
menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa
Indonesia belum termasuk di dalamnya.
11.Antar Muka. MySQL memiliki interface (antar muka) terhadap berbagai
aplikasi dan bahasa pemrograman dengan menggunakan fungsi
(Application Programming Interface).
12.Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan
dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang
ada disertakan petunjuk online.
13.Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam
(27)
2.6 Pengenalan Macromedia Dreamweaver 8
Macromedia Dreamweaver 8 adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengolah situs web maupun halaman Web. Versi terbaru
di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan
dari veri sebelumnya dan semakin mudah dalam penggunaannya.
Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal, yaitu JavaScript. Macromedia Dreamweaver 8 juga mendukung
pemrograman Script Server Side, seperti Personal Home Page (PHP), Active Server
Pages (ASP), ASP.NET.ColdFusion dan Java Server Page (JSP).
Sepertinya halnya dengan program-program lain, untuk menjalankan
Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar,
kemudian pilih All Program pada tampilan Start Menu Program, pilih folder
Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalan, kita akan mendapatkan tampilan
kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan,
(28)
Gambar 2.1 Tampilan Area Kerja Dreamweaver
Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah:
1. Document Window berfungsi untuk menampilkan dokumen di mana Anda
sekarang bekerja.
2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada
Dreamweaver.
3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam
objek seperti hyperlink, image/gambar, tabel, dan lain-lain.
4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang
sedang kita gunakan.
5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu
sama lain, yang dikelompokkan di bawah satu judul untuk membantu bekerja
dengan Dreamweaver.
6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada
di area kerja.
7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti
dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti
(29)
BAB 3
DESKRIPSI PERUSAHAAN
3.1 Sejarah Singkat Berdirinya Toko Buku Senyum Muslim
Perjalanan bisnis senyum muslim berawal dari organisasi remaja mesjid Darul Hikam
di komplek Antilop Jatiwaringin, Bekasi, Jawa Barat sekitar tahun 2000. Sodik Amin
bersama Nungki Nugroho, Fahmi J. Fitrah, dan Yoga Satria ketika itu yang
bertanggung jawab dalam bidang Kewirausahaan mencari dana untuk membiayai
kegiatan bidang keputrian dan pelatihan .
Pada awalnya, senyum muslim adalah lembaga non-profit. Modal awalnya
tidaklah banyak, hanya sekitar Rp 450.000. Uang itulah yang kemudian dibelanjakan
beberapa barang dan dijual dari mesjid ke mesjid. Penjualannya dimulai dengan
mengikuti bazar-bazar di berbagai tempat di Jakarta. Bidang kewirausahaan Senyum
Muslim kemudian semakin melebarkan sayapnya hingga ke luar kota, seperti
Bandung, Yogyakarta dan Solo.
Kegiatan menggelar bazar di berbagai tempat masih terus berlanjut sampai
akhirnya pada akhir tahun 2003 Senyum Muslim mampu membuka outlet sendiri di
kawasan Jatiwaringin, Bekasi. Perlahan tapi pasti, omset dari outlet di Jatiwaringin
terus menanjak. Kesuksesan yang dicapai outlet Jatiwaringin kemudian menjadi awal
(30)
Franchising (pewaralabaan) pada hakekatnya adalah sebuah konsep pemasaran dalam rangka memperluas jaringan usaha secara cepat. Dengan demikian, franchising
bukanlah sebuah alternatif melainkan salah satu cara yang sama kuatnya, sama
strategsinya dengan cara konvensional dalam mengembangkan usaha. Franchise
pertama kali dimulai di Amerika oleh Singer Sewing Machine Company, produsen
mesin jahit Singer pada 1851. (Raharjo, 2008)
Di Indonesia franchise dikenal sejak era 70 ketika masuknya Shakey Pisa,
KFC, Swensen dan Burger King. Perkembangannya terlihat sangat pesat dimulai
sekitar 1995. Data Deperindag pada 1997 mencatat sekitar 259 perusahaan penerima
waralaba di Indonesia. Setelah itu, usaha franchise mengalami kemerosotan karena
terjadi krisis moneter. Barulah pada 2003, usaha franchise di tanah air mengalami
perkembangan yang sangat pesat.
Adapun ide awal untuk membentuk franchise berasal dari Valentino Dinsi,
penulis buku Jangan Mau Seumur Hidup Jadi Orang Gajian. Sejak memutuskan
untuk menggunakan pola franchise, Senyum Muslim berkembang pesat. Berawal dari
outlet Jatiwaringin kemudian menyebar ke berbagai daerah di seluruh penjuru pelosok Nusantara. Sampai saat ini, jumlah outlet Senyum Muslim sudah mencapai 32 outlet
franchise dan 5 outlet reguler yang tersebar di beberapa kota-kota di Jawa, Sumatera, hingga Kalimantan.
Seiring dengan perkembangan usaha, maka aspek legal juga mulai dibenahi.
Senyum Muslim yang dirintis sejak tahun 2000 kemudian secara resmi berbadan
(31)
3.2 Persyaratan Franchise Senyum Muslim
Untuk bergabung dengan PT Senyum Muslim dan menjadi salah satu outlet Senyum
Muslim, dibutuhkan beberapa syarat berikut :
No Kategori Syarat
1 Luas Bangunan Minimal 4 x 4 meter 2 Komposisi SDM Minimal 2 orang karyawan 3 Investasi A. Rp. 25.000.000,-
B. Rp. 50.000.000,-
C. Rp. 100.000.000,-
4 BEP 2 tahun
5 Kontrak Kerjasama 5 tahun
6 Target Omset Rp. 1.500.000,- per hari 7 Fasilitas Operasional 1. Sepeda Motor
8 Deskripsi Lokasi
Diutamakan dekat dengan pusat kegiatan Islam
9 Royalti Fee
2 - 8 % barang konsiyasi dan kredit
10 Total Investasi Paket A : Rp. 50.000.000,-
Paket B : Rp. 100.000.000,-
Paket C : Rp. 150.000.000,-
11 Foto Copy KTP 2 lembar 12 Pas Photo 3 R 2 lembar
13
Foto Copy KK, Tabungan, Rekening, Telepon, dan
Listrik 1 lembar
(32)
BAB 4
PERANCANGAN SISTEM
Tahap perancangan ini merupakan tahap awal dalam membangun sebuah situs, seperti
membuat perencanaan, perancangan, diagram alur, tujuan, dan isi dari sebuah situs.
Setelah tahap perancangan, tahap selanjutnya yaitu membuat outline atau garis besar
dari situs tersebut.
Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi
atau flowchart (bagan alir) situs tersebut. Flowchart merupakan gambaran yang
menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk
pohon yang bercabang-cabang. Dengan adanya flowchart, akan sangat membantu
untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara
halaman-halaman tersebut.
4.1 Data Flow Diagram (DFD)
Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi (simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk
(33)
dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data
tersebut mengalir.
Pada tahap analisa, penggunaan notasi simbol lingkaran dan anak panah untuk
mewakili atau menggambarkan arus data dalam perancangan sistem sangat membantu
sekali di dalam komunikasi dengan pemakai sistem untuk memahami sistem secara
logika. Diagram yang menggunakan notasi–notasi ini untuk menggambarkan arus dari
data sistem sekarang dikenal dengan nama Data Flow Diagram atau diagram arus data.
Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang
menguasai bidang komputer untuk mengerti sistem yang sedang dikerjakan atau
(34)
Gambar 4.1 Data Flow Diagram (DFD)
4.2 Perancangan Database
Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur
agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan
langkah awal pembuatan aplikasi, termasuk dalam penambahan produk dan lain-lain
(35)
Dalam perancangan aplikasi sistem infosmasi penjualan pada Toko Buku
Senyum Muslim, penulis membuat 5 tabel dalam database Senyum Muslim.
Tabel-tabel tersebut adalah Tabel-tabel barang, Tabel-tabel buku tamu, Tabel-tabel kategori, Tabel-tabel member, dan
tabel user. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL atau
phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-masing tabel.
a) Tabel Barang (Produk)
Tabel barang (produk) digunakan untuk menampung data produk baik itu produk baru
atau produk lama. Berikut adalah field-field yang dibuat dalam tabel barang :
Field Type Keterangan
Kode Int (5) Kode produk
Kategori Varchar (20) Kategori produk
Judul Varchar (20) Judl buku
Pengarang Varchar (50) Pengarang buku Penerbit Varchar (30) Penerbit buku
Harga Int (7) Harga buku
Stok Int (5) Jumlah buku yang tersedia
Sinopsis Text Sinopsis buku
Gambar Varchar (30) Gambar sampul buku
Tabel 4.1 Tabel Barang (produk)
b) Tabel Buku Tamu
Tabel buku tamu digunakan untuk menampung data pelanggan atau pengunjung.
(36)
Field Type Keterangan
No Int (5 ) No urut pengunjung
Nama Varchar (30) Nama pengunjung
Email Varchar (30) Email pengunjung
Pesan Text Pesan pengunjung
Tabel 4.2 Tabel Buku Tamu
c) Tabel User (admin)
Tabel user (admin) digunakan untuk menampung data user (admin). Berikut adalah
field-field yang dibuat dalam tabel user (admin) :
Field Type Keterangan
Username Varchar (30) Username user (admin) Password Varchar (30) Password user (admin)
Tabel 4.3 Tabel User
d) Tabel Kategori
Tabel kategori digunakan untuk menampung kategori buku-buku yang dijual pada
Toko Buku Senyum Muslim. Berikut adalah field-field yang dibuat dalam tabel
kategori :
Field Type Keterangan
Kategori Varchar (30) Kode kategori buku Kategori_name Varchar (30) Nama kategori buku
(37)
e) Tabel Member
Tabel member digunakan untuk menampung data pelanggan atau pengunjung pada
Toko Buku Senyum Muslim. Berikut adalah field-field yang dibuat dalam tabel
member :
Field Type Keterangan
No Int (5) No urut pelanggan
Username Varchar (30) Nama pelanggan Password Varchar (30) Password pelanggan Nama_lengkap Varchar (50) Nama lengkap pelanggan Jenis_kelamin Varchar (15) Jenis kelamin pelanggan Tanggal_lahir Date Tanggal lahir pelanggan Alamat Varchar (50) Alamat pelanggan
Kota Varchar (20) Kota tempat tinggal pelanggan Negara Varchar (20) Negara asal pelanggan
No_telp Varchar (20) No telepon pelanggan No_rekening Varchar (20) No rekening pelanggan email Varchar (30) Email peanggan
Tabel 4.5 Tabel Member
4.3 Perancangan Algoritma
Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah
logoka atau matematika.
4.3.1 Algoritma menu utama
Langkah 1 : Aktifkan browser Internet Explorer atau Mozilla Firefox, kemudian
ketik http://localhost/senyum_muslim.com/index.php pada Address
(38)
Langkah 2 : Muncul tampilan index yang berupa ucapan selamat datang di Toko
Buku Senyum Muslim. Pada menu Home ini, terdapat menu search
untuk mencari judul buku yang dikehendaki pelanggan atau
pengunjung dan terdapat menu login khusus admin untuk masuk ke
halaman administrator.
Langkah 3 : Untuk melihat halaman informasi cara membeli, maka klik menu
“Informasi”. Pada halaman ini di tampilkan beberapa sub menu, yaitu :
Sejarah Singkat Senyum Muslim dan Persyaratan Franchise Senyum
Muslim.
Langkah 4 : Untuk melihat koleksi buku Senyum Muslim, maka klik menu
“Koleksi”. Pada halaman ini akan ditampilkan buku-buku koleksi
Senyum Musli. Untuk membeli buku koleksi tersebut, anda harus
memilih kategori sesuai dengan judul yang anda inginkan. Anda dapat
mengklik submenu kategori, seperti akhlak, aqidah, cerita anak, fiqih,
khusus wanita, novel, pernikahan, sejarah dan biografi, sholat serta
tafsir dan hadist. Setelah menemukan judul buku yang anda inginkan,
anda dapat mengklik detail untuk melihat secara detai informasi
mengenai buku tersebut, setelah itu anda dapat menambahkannya ke
keranjang belanja dan mengisi registrasi untuk data pelanggan.
Langkah 5 : Untuk melihat alamat dan nomor telp/fax dari Toko Buku Senyum
Muslim maka klik menu “Kontak”. Pada halaman ini juga terdapat
Buku Tamu, dimana kita bisa mengisi buku tamu yang telah tersedia
(39)
Langkah 6 : Untuk melihat buku-buku apa saja yang akan anda beli dn jumlah harga
buku yang akan anda bayarkan, klik menu shopping chart. Pada menu
ini akan dijumlahkan harga buku yang akaan anda beli. Setelah anda
selesai memilih anda diharuskan mengisi registrasi data pelanggan.
Langkah 7 : Selesai
4.3.2 Algoritma menu admin
Langkah 1 : Masukkan nama dan password pada menu “Home” yang disediakan.
Setelah login berhasil maka akan muncul halaman Home admin yang
berisi menu yang hampir sama dengan menu umum, tapi pada halam
ini, admin dapat melakukan pengentrian, penghapusan, dan pengeditan
koleksi buku Senyum Muslim. Pada halaman admin juga dapat
melakukan penghapusan dan pengeditan dari buku tamu yang telah
diisi oleh pengunjung website.
Langkah 2 : Untuk menginput data produk atau buku klik sub menu “Insert Buku”
pada menu Home admin.
Langkah 3 : Untuk melihat produk atau koleksi buku yang ada, klik menu “Produk”
pada menu Home admin. Pada halaman ini, admin dapat melakukan
penghapusan ataupun pengeditan data produk yang ada dengan cara
(40)
Langkah 4 : Untuk melihat data pelanggan Toko Buku Senyum Muslim anda dapat
memilih menu “member” pada halaman admin.
Langkah 5 : Untuk melakukan penghapusan ataupun pengeditan dari daftar buku
tamu maka klik menu “Kontak”. Pada halaman ini, admin dapat
melakukan penghapusan ataupun pengeditan buku tamu yang ada
dengan cara mengklik salah satu dari menu edit atau hapus.
Langkah 6 : Jika telah selesai melakukan pengolahan data, maka admin dapat keluar
dari halaman admin dan kembali ke Home umum dengan mengklik
menu “Logout”.
Langkah 7 : Selesai.
4.4 Perancangan Flowchart
Flowchart atau diagram alir adalah sekumpulan simbol-simbol atau skema yang menunjukan atau mengambarkan rangkaian kegiatan-kegiatan mulai dari awal (start)
hingga akhir (stop). Pembuatan dari flowchart atau diagram alir ini adalah
(41)
4.4.1 Flowchart menu utama
(42)
4.4.2 Flowchart login
(43)
4.4.3 Flowchart Halaman Admin
(44)
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji
dan memulai sistem baru atau sistem yang diperbaiki.
Pada implementasi ini terlebih dahulu dilakukan pengujian sistem. Setelah
terlihat kesalahan dan permasalahan yang ditemukan di dalam pengujian, sistem
tersebut diperbaiki. Pengujian sistem dilanjutkan ke tahap operasi yang nyata.
5.2 Tujuan Implementasi Sistem
Adapun tujuan-tujuan dari implementasi sistem, yaitu:
1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang
telah disetujui sebelumnya.
2. Memastikan bahwa pemakai atau user dapat mengoperasikan sistem baru,
yaitu dengan mempersiapkan manual pemakaian dan melatih sistem.
3. Menguji apakah sistem baru tersebut memenuhi permintaan pemakai, yaitu
(45)
4. Memastikan bahwa konversi ke sistem baru berjalan secara benar, yaitu
dengan membuat rencana, mengontrol dan melakukan instalasi baru secara
benar.
5.3 Komponen Utama Dalam Implementasi Sistem
Untuk mewujudkan sistem yang telah dirancang memerlukan sarana pendukung, yaitu
berupa komponen-komponen yang sangat berperan dalam menunjang penerapan
sistem yang dirancang terhadap pengolahan data.
5.3.1 Perangkat Keras (Hardware)
Perangkat keras (Hardware) mesin atau komponen-komponen yang secara fisik
bekerjasama dalam melaksanakan pengolahan data yang dilaksanakan. Adapun
hardware yang diperlukan dalam perancangan sistem informasi penjualan ini adalah : a. Monitor Super VGA
b. CPU (Central Processing Unit)
c. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan
d. Memori minimal 128 MB
e. Keyboard dan mouse
5.3.2 Perangkat Lunak (Software)
Ada beberapa software yang perlu diinstal dalam membuat website, antara lain:
a. Sistem OperasiWindows XP.
(46)
c. Macromedia Dreamweaver 8 sebagai editor pendesainannya.
d. PHP sebagai bahasa pemrograman server side.
e. Web Server sebagai server lokal dalam pengetesan halaman web.
f. Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla.
5.3.3 Perangkat Manusia (Brainware)
Sistem komput erisasi yang berfungsi sebagai alat bantu manusia di bidang pengolahan
data membutuhkan manusia sebagai aspek yang menangani proyek pada komputer.
Inilah yang disebut dengan aspek brainware. Brainware terdiri atas :
1. Sistem analis, yaitu orang yang membentuk dan membangun fasilitas
rancangan sistem.
2. Programer, yaitu orang yang bertugas untuk membuat dan membangun
program dengan mengunakan salah satu fasilitas software yang telah
ditentukan.
3. Operator, yaitu orang yang menangani langsung dalam pengolahan data,
mulai dari mempersiapkan data sampai pemasukan data dalam komputer.
5.4 Instalasi Xampp 1.7.1
Xampp memberikan paket-paket yang cukup lengkap diantaranya: 1. Apache HTTPD 2.2.11
2. MySQL 5.1.33
3. PHP 5.2.9
(47)
Dengan menginstalasi Xampp secara otomatis ketiga software utama yang
akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu
konfigurasi yang rumit.
Adapun tahap-tahap instalasinya adalah sebagai berikut:
1. Klik ganda pada file xampp-win32-1.7.1-installer.
Gambar 5.1 Xampp-win32-1.7.1-installer
2. Pilih bahasa yang digunakan dalam proses instalasi. Pada tahap instalasi ini juga
mendukung bahasa Indonesia.
Gambar 5.2 Pilihan Bahasa Instalasi Xampp
3. Maka akan muncul setup wizard. Kemudia klik next.
(48)
4. Untuk lokasi instalasi, penulis menyarankan pilih secara default.
Gambar 5.4 Lokasi Instalasi
5. Maka akan muncul Xampp option. Kemudian klik install.
Gambar 5.5 Xampp Option
6. Tunggu proses instalasi selesai. Jika selesai akan tampil gambar di bawah ini.
(49)
5.4.1 Menjalankan Xampp 1.7.1
Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah
menjalankan Xampp. Untuk itu, klik icon xampp yang berada disudut kiri bawah.
Gambar 5.7 Icon XAMPP
Kemudian klik tombol start pada Apache dan mysql. Jika sudah jalan, maka
(50)
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Adapun kesimpulan yang dapat diambil oleh penulis dalam pembuatan website Toko
Buku Senyum Muslim ini adalah:
1. Dengan adanya Sistem Informasi Penjualan berbasis web ini, dapat memperluas
pemasaran produk yang dapat meningkatkan jumlah keuntungan bagi toko buku.
2. Sistem Informasi penjualan ini menyediakan layanan pemesanan produk melalui
sistem online, hanya dengan memilih produk dan memasukkannya ke dalam
keranjang belanja (shopping chart), dan melakukan pembayaran ke nomor
rekening yang telah diberitahu, maka produk akan langsung dikirim ke alamat
pelanggan. Hal ini tentu akan mempermudah pelanggan yang berdomisili jauh
dari lokasi toko buku.
3. Memberikan informasi secara lengkap, seperti tampilan produk, informasi
produk, deskripsi produk, dan harga sehingga pelanggan bisa mendapatkan
informasi yang terbaru hanya dengan membuka website toko buku senyum
(51)
6.2 Saran
Dengan selesainya website Sistem Informasi Penjualan pada Toko Buku Senyum
Muslim ini, penulis memberikan beberapa saran yang dapat mendukung
pengembangan sistem lebih lanjut :
1. Tampilan website dibuat semenarik mungkin, sehingga dapat meningkatkan
ketertarikan pengunjung website.
2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan
dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.
3. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya
memiliki spesifikasi dengan level menengah karena penggunaan software yang
(52)
DAFTAR PUSTAKA
Loudon, K. C. dan Jane, P. L. 2007. Sistem Informasi Manajemen. Edisi 10. Terjemahan : Chriswan Sungkono dan Machmudin Eka P. Jakarta: Salemba Empat.
Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Andi
McLeod Raymond dan George P. Schell. 2007. Sistem Informasi Manajemen. Edisi 9. Terjemahan : Heri Yulianto. Jakarta: Indeks.
Rafiza. 2006. Kamus Fungsi PHP5. Jakarta: Elex Media Komputindo.
Fahmi. 2006. ”Senyum Muslim Jaringan Toko Buku Anak Mesjid”. Sharia Business Edisi 42 : hal. 10.
http://nakula.wordpress.com/2007/02/12/pengenalan-html. Diakses tanggal 15 April 2010
http://dhani.singcat.com/files/pengenalan_internet.pdf. Diakses tanggal 15 April 2010
http://salamfranchise.com/2008/03/03/franchise-di-indonesia-dan-pengertiannya. Diakses tanggal 16 April 2010
(53)
LAMPIRAN LISTING PROGRAM WEBSITE
1. Halaman Style.css *{ margin: 0px;
padding: 0px; }
a:link { color: #ffffff; }
a:hover {
text-decoration: none; color: #ffffff; }
a:visited { color: #ffffff; }
body {
background: #050811 url(image/back_all.gif) repeat-x; color: #666666;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
#content{
margin: 0 auto; width: 942px; }
#header {
height: 285px; width: 682px; }
#menu1{ width: 682px; height: 70px; }
#menu{ width: 682px; height: 50px; }
#menu ul {list-style: none; }
(54)
#main #menu a { float: left; width: 100px; height: 45px; display: block;
text-align: center; text-decoration: none; color: #ffffff;
font-weight: bold; font-size: 14px;
text-transform: uppercase; padding-top: 22px; }
#main #menu a:hover { width: 100px; height: 45px;
color: #ff0000;
text-decoration: underline; }
#logo { width: 662px; height: 118px; text-align: right; padding-right: 20px; padding-top: 120px; }
#logo H1 a {
text-decoration: none; text-transform: lowercase; font-style: italic;
font-size: 16px; color: #ffffff; }
#logo H2 a{ font-size: 10px; color: #ffffff; }
#main{ width: 942px;
background: url(image/table_back.gif) repeat-y left }
#left{
(55)
padding-top: 355px;
background: url(image/Backdrop.JPG) no-repeat; color: #ffffff }
#left H3{ width: 300px; height: 27px; font-size: 14px; font-weight: bold; padding-left: 19px; padding-top: 10px;
text-transform: uppercase; color: #ffffff;
background: url(image/title.gif) no-repeat }
#left ul { list-style: none; }
#left li ul {
border: 0px; margin-left: 20px; margin-bottom: 10px; }
#left li li {
padding: 4px 15px;
background: url(image/small.gif) no-repeat left; }
#left .title_back { padding: 10px; }
#left p{
padding: 10px; padding-left: 40px; }
#calendar table { width: 100%; text-align: center; }
#right{ float: right; width: 682px; }
#right .box {
border: 1px solid #C9C9C9;
(56)
padding: 10px; margin: 5px; }
#right H4{ margin: 0; padding: 0px; font-size: 12px; color: #23609C; }
#right p {
margin: 0; padding: 0;
padding-bottom: 10px; }
#right h2 { margin: 0; padding: 0;
padding-top: 10px; color: #666666; }
#footer {
height: 60px; clear: both;
padding-top: 30px;
background: url(image/footer.gif) repeat-x; }
#footer p { margin: 0; font-size: 10px; text-align: center; color: #ffffff;}
2. Halaman Index.php
<?php require_once('Connections/sambung.php'); ?> <?php
mysql_select_db($database_sambung, $sambung); $query_Quser = "SELECT * FROM `user`";
$Quser = mysql_query($query_Quser, $sambung) or die(mysql_error()); $row_Quser = mysql_fetch_assoc($Quser);
$totalRows_Quser = mysql_num_rows($Quser);
mysql_select_db($database_sambung, $sambung); $query_Qproduk = "SELECT * FROM barang";
(57)
$Qproduk = mysql_query($query_Qproduk, $sambung) or die(mysql_error()); $row_Qproduk = mysql_fetch_assoc($Qproduk);
$totalRows_Qproduk = mysql_num_rows($Qproduk); ?><?php
// *** Validate request to login to this site. if (!isset($_SESSION)) {
session_start(); }
$loginFormAction = $_SERVER['PHP_SELF']; if (isset($_GET['accesscheck'])) {
$_SESSION['PrevUrl'] = $_GET['accesscheck']; }
if (isset($_POST['username'])) {
$loginUsername=$_POST['username']; $password=$_POST['password']; $MM_fldUserAuthorization = "";
$MM_redirectLoginSuccess = "home.php"; $MM_redirectLoginFailed = "index.php"; $MM_redirecttoReferrer = false;
mysql_select_db($database_sambung, $sambung);
$LoginRS__query=sprintf("SELECT username, password FROM user WHERE username='%s' AND password='%s'",
get_magic_quotes_gpc() ? $loginUsername : addslashes($loginUsername), get_magic_quotes_gpc() ? $password : addslashes($password));
$LoginRS = mysql_query($LoginRS__query, $sambung) or die(mysql_error()); $loginFoundUser = mysql_num_rows($LoginRS);
if ($loginFoundUser) { $loginStrGroup = "";
//declare two session variables and assign them $_SESSION['MM_Username'] = $loginUsername;
$_SESSION['MM_UserGroup'] = $loginStrGroup;
if (isset($_SESSION['PrevUrl']) && false) {
$MM_redirectLoginSuccess = $_SESSION['PrevUrl']; }
header("Location: " . $MM_redirectLoginSuccess ); }
else {
(58)
} } ?> <html> <head>
<title>Senyum Muslim ^_^</title> <meta name="keywords" content="" /> <meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css">
<!--
.style2 {font-family: Castellar} .style7 {font-size: 24px} .style3 {font-size: 9px} .style8 {font-size: 12px}
.style13 {font-family: "Curlz MT"; font-size: 20px; } .style14 {color: #000000}
.style15 {font-size: 13px} -->
</style> </head> <body>
<div id="content"> <!-- header begins -->
<!-- header ends --> <!-- content begins --> <div id="main">
<div id="right"> <div id="header"> <div id="logo">
<table width="220" height="100" border="0" align="right"> <tr>
<td ><img src="image/coba2.gif" width="220" height="100"></td> </tr>
</table></div> <div id="menu"> <ul>
<li><a href="index.php">Home</a></li>
<li><a href="informasi.php" >Informasi<a></li> <li><a href="koleksi.php" >koleksi</a></li> <li><a href="kontak.php" >Kontak</a></li>
(59)
<li><a href="belanja.php" ><img src="image/chart.JPG" width="100" height="25"></a></li>
</ul></div> </div> <div class="box" align="center">
<h3 align="center" class="style14"><font face="Monotype Corsiva" size="5">Selamat Datang di </font></h3>
<p align="center" class="style14"><font size="5" face="Monotype Corsiva">Toko Buku Senyum Muslim </font></p>
<p class="style14"> </p>
<table width="575" height="157" border="0"> <tr>
<td><p align="justify" class="style14 style15">Buku merupakan jendela dunia. Perumpamaan ini mencerminkan bahwa dengan membaca buku anda dapat menambah wawasan anda dan mengetahui banyak hal tentang dunia seakan-akan anda dapat melihat langsung seluruh dunia.</p>
<p align="justify" class="style14 style15"> Untuk itu, kami menyediakan buku-buku islami yang menarik dan berkulitas untuk anda baca dan untuk memenuhi rasa keingintahuan kita tentang islam...</p>
<p align="justify" class="style14 style15"> Kami menyediakan berbagai macam jenis buku islami yang menarik dan dapat menambah wawasan anda mengenai indahnya dunia islam, diantaranya kami menyediakan buku - buku akhlak, aqidah, cerita anak, fiqih, khusus wanita, novel dan kisah islami, pernikahan, sejarah dan biografi, sholat, serta tafsir dan hadist...</p>
<p align="justify" class="style14 style15">Anda dapat memilih buku-buku yang anda inginkan dengan mengklick menu koleksi kami dan memilih kategori sesuai dengan kategori buku yang anda inginkan. Selajutnya, anda dapat mengikuti prosedur untuk membeli buku sesuai dengan cara pembelian produk yang tertera pada menu informasi yang telah kami sediakan...</p>
<p align="justify" class="style14 style15"> </p>
<p align="left" class="style14 style15">Terima Kasih... </p></td> </tr>
<tr>
<td><div align="right"><span class="style14 style15"><img
src="image/buku/buku-buku.JPG" width="138" height="148"></span></div></td> </tr>
</table>
<p align="justify" class="style14"> </p> <p align="right"> </p>
<h2 align="left" class="style7"></p></h2> </div>
</div>
<div id="left">
(60)
<h3 align="left"><font face="Castellar"><span class="style2"><img src="image/logo.gif" width="25" height="23"></span></font><span
class="style13">Cari judul buku</span> </h3> <div class="title_back">
<form action="#" method="get"> <table>
<tr>
<td width="225"><input type="text" value="Masukan Judul Buku..." name="q" size="30" class="inputfield" title="searchfield" onFocus="clearText(this)"
onBlur="clearText(this)" /> </td></tr>
<tr><td align="right"><input type="submit" name="Search" value="Search" alt="Search" class="submit_button" title="Search" />
</td></tr></table> </form>
</div>
<div id="left_back"><h3 class="style2"><font face="Castellar"><img src="image/logo.gif" width="25" height="23"></font> <span
class="style13">LOGIN Admin</span> </h3> <div class="title_back">
<form name="form1" method="POST" action="<?php echo $loginFormAction; ?>"> <table width="233" height="162" border="3" align="center">
<tr>
<td height="158" align="center" bordercolor="#006699" bgcolor="#FFFFFF"> <table width="217" height="104" border="0" align="center"
bordercolor="#000000" bgcolor="#FFFFFF"> <tr>
<td width="63"><div><span class="style8">Username</span></div></td>
<td width="10"><span class="style3">:</span></td>
<td width="203"><input name="username" type="text" id="username" /></td>
</tr> <tr>
<td><div><span class="style8">Password</span></div></td> <td><span class="style3">:</span></td>
<td><input name="password" type="password" /></td> </tr>
</table>
<table width="215" border="0"> <tr align="center">
<td bordercolor="#000000"><input name="submit" type="submit" value="Kirim"/></td>
(61)
<td bordercolor="#000000"><input name="reset" type="reset" value="Hapus" /></td> </tr> </table></td><tr> </table></form> </div>
<h3><font face="Castellar"><span class="style2"><img src="image/logo.gif" width="25" height="23"></span> </font><span
class="style13">kalender</span></h3> <div class="title_back">
<ul>
<li id="calendar"><div id="calendar1"> <?php include("kalender.asp");?></div></li> </ul></div></div>
<div id="bottom"></div> </div>
<!--content ends --> <!--footer begins -->
<div style="clear: both"></div> </div>
</div>
<div id="footer">
<p>Copyright © 2010. <a href="index.php">home</a> | <a
href="informasi.php">informasi</a> | <a href="koleksi.php" title=""><abbr title="eXtensible HyperText Markup Language">koleksi</abbr></a> | <a
href="kontak.php" title=""><abbr title="Cascading Style Sheets">kontak</abbr></a>| <a href="belanja.php">shooping chart </a></p>
<p>Design by <a href="me.php" title="Lia Agustina Santani">Lia Agustina Santani </a></p>
</div>
<!-- footer ends-->
<div style="text-align: center; font-size: 0.75em;"> .</div></body> </html>
<?php
mysql_free_result($Quser);
mysql_free_result($Qproduk); ?>
3. Halaman Koleksi.php
(62)
<?php
mysql_select_db($database_sambung, $sambung); $query_Qproduk = "SELECT * FROM barang";
$Qproduk = mysql_query($query_Qproduk, $sambung) or die(mysql_error()); $row_Qproduk = mysql_fetch_assoc($Qproduk);
$totalRows_Qproduk = mysql_num_rows($Qproduk); ?>
<html> <head>
<title>Senyum Muslim ^_^</title> <meta name="keywords" content="" /> <meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css">
<!--
.style2 {font-family: Castellar} .style3 {
color: #000000; font-weight: bold;
font-family: "Curlz MT"; font-size: 24px; }
.style5 {font-size: 14px}
.style11 { font-family: "Curlz MT"; font-size: 22px; }
.style12 {font-size: 20px}
.style13 {font-family: "Curlz MT"; font-size: 20px; } -->
</style> </head> <body>
<div id="content"> <!-- header begins --> <!-- header ends --> <!-- content begins --> <div id="main">
<div id="right"> <div id="header"> <div id="logo">
<table width="272" border="0" align="right">
<tr><td><img src="image/coba2.gif" width="200" height="80"></td></tr> <tr><td><div align="right" class="style5"><span class="style3">Koleksi Buku Muslim</span> </div></td></tr>
(63)
<div id="menu"> <ul> <li><a href="index.php"><span><span>Home</span></span></a></li> <li><a href="informasi.php" title=""><span><span>Informasi</span></span></a></li> <li><a href="koleksi.php" title="">koleksi</a></li> <li><a href="kontak.php"
title=""><span><span>Kontak</span></span></a></li>
<li><a href="belanja.php" ><img src="image/chart.JPG" width="100" height="25"></a></li>
</ul> </div> </div>
<div class="box" align="center"> <table width="572" border="0">
<tr><td><p align="justify" class="style18">Kami menyediakan buku islam terkemuka untuk memudahkan masyarakat yang ingin mendapatkan buku-buku islam yang bermutu dan mutakhir. Anda dapat memilih buku yang anda inginkan pada menu koleksi kami.</p>
<p align="justify" class="style18">Anda dapat memilih kategori buku yang sesuai dengan buku pilihan anda. Kategori buku yang kami sediakan mulai dari buku-buku akhlak, cerita anak, fiqih, kesehatan, khusus wanita, novel, pernikahan, sejarah dan biografi, sholat, serta tafsir dan hadis. </p></td></tr>
</table>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab# version=7,0,19,0" width="500" height="500">
<param name="movie" value="gallery.swf"> <param name="quality" value="high"> <embed src="gallery.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="600"></embed>
</object></p><br /> </div>
</div> <div id="left">
<div id="top"></div>
<h3><font face="Castellar"><span class="style2"><img src="image/logo.gif" width="25" height="23"></span><span class="style13">Cari judul
buku</span></font></h3> <div class="title_back">
(64)
<table>
<tr><td width="225"><input type="text" value="Masukan Judul Buku..." name="q" size="30" class="inputfield" title="searchfield" onFocus="clearText(this)" onBlur="clearText(this)" /></td></tr>
<tr><td align="right"><input type="submit" name="Search" value="Search" alt="Search" class="submit_button" title="Search" /></td></tr>
</table> </form> </div>
<div id="left_back"><h3 class="style2"><font face="Castellar"><img
src="image/logo.gif" width="25" height="23"></font><span class="style13">Koleksi Buku </span></h3> <div class="title_back"> <ul> <li><ul> <li><a href="akhlak.php">Akhlak</a></li> <li><a href="aqidah.php">Aqidah</a></li> <li><a href="cerita.php">Cerita Anak </a></li> <li><a href="fiqih.php">Fiqih</a></li>
<li><a href="wanita.php">Khusus Wanita </a></li> <li><a href="novel.php">Novel</a></li>
<li><a href="pernikahan.php">Pernikahan</a></li> <li><a href="sejarah.php">Sejarah dan Biografi</a></li> <li><a href="sholat.php">Sholat</a></li>
<li><a href="tafsir.php">Tafsir dan Hadist</a></li> </ul>
</li></ul> </div>
<br /><h3 class="style11"><img src="image/logo.gif" width="25" height="23"><span class="style12">kalender</span></h3>
<div class="title_back"> <ul><li id="calendar">
<div id="calendar1"><?php include("kalender.asp");?></div> </li></ul></div>
</div><div id="bottom"></div></div> <!--content ends -->
<!--footer begins -->
<div style="clear: both"></div> </div>
</div>
<div id="footer">
<p>Copyright © 2010. <a href="index.php">home</a> | <a
(65)
title="eXtensible HyperText Markup Language">koleksi</abbr></a> | <a
href="kontak.php" title=""><abbr title="Cascading Style Sheets">kontak</abbr></a>| <a href="belanja.php">shopping chart</a></p>
<p>Design by <a href="me.php" title="Lia Agustina Santani">Lia Agustina Santani </a></p>
</div>
<!-- footer ends-->
<div style="text-align: center; font-size: 0.75em;"> .</div></body> </html>
<?php
mysql_free_result($Qproduk); ?>
4. Halaman Kategori Koleksi : Akhlak.php <?php require_once('Connections/sambung.php'); ?> <?php
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_Qproduk = 5; $pageNum_Qproduk = 0;
if (isset($_GET['pageNum_Qproduk'])) {
$pageNum_Qproduk = $_GET['pageNum_Qproduk']; }
$startRow_Qproduk = $pageNum_Qproduk * $maxRows_Qproduk;
mysql_select_db($database_sambung, $sambung);
$query_Qproduk = "SELECT * FROM barang where kategori='akhlak' ORDER BY judul";
$query_limit_Qproduk = sprintf("%s LIMIT %d, %d", $query_Qproduk, $startRow_Qproduk, $maxRows_Qproduk);
$Qproduk = mysql_query($query_limit_Qproduk, $sambung) or die(mysql_error()); $row_Qproduk = mysql_fetch_assoc($Qproduk);
if (isset($_GET['totalRows_Qproduk'])) {
$totalRows_Qproduk = $_GET['totalRows_Qproduk']; } else {
$all_Qproduk = mysql_query($query_Qproduk);
$totalRows_Qproduk = mysql_num_rows($all_Qproduk); }
(66)
$queryString_Qproduk = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']); $newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_Qproduk") == false && stristr($param, "totalRows_Qproduk") == false) { array_push($newParams, $param);
} }
if (count($newParams) != 0) {
$queryString_Qproduk = "&" . htmlentities(implode("&", $newParams)); }
}
$queryString_Qproduk = sprintf("&totalRows_Qproduk=%d%s", $totalRows_Qproduk, $queryString_Qproduk);
?> <?php
mysql_select_db($database_sambung, $sambung);
$colname_detail = "1";
if (isset($HTTP_GET_VARS['kode'])) {
$colname_detail = (get_magic_quotes_gpc()) ? $HTTP_GET_VARS['kode'] : addslashes($HTTP_GET_VARS['kode']);
}
?> <html> <head>
<title>Senyum Muslim ^_^</title> <meta name="keywords" content="" /> <meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css">
<!--
.style2 {font-family: Castellar} .style3 {
color: #000000; font-weight: bold;
font-family: "Curlz MT"; font-size: 24px; }
.style9 {color: #FFFFFF; font-weight: bold; font-family: "Curlz MT"; font-size: 20px; }
(67)
.style10 {font-size: 12px} --> </style> </head> <body> <div id="content"> <!-- header begins --> <!-- header ends --> <!-- content begins --> <div id="main"> <div id="right"> <div id="header"> <div id="logo">
<table width="272" border="0" align="right">
<tr><td><img src="image/coba2.gif" width="200" height="80"></td></tr> <tr><td><div align="right" class="style5"><span class="style3">Koleksi Buku Muslim</span> </div></h2></td> </tr></table> </div> <div id="menu"> <ul> <li><a href="index.php"><span><span>Home</span></span></a></li> <li><a href="informasi.php" title=""><span><span>Informasi</span></span></a></li> <li><a href="koleksi.php" title="">koleksi</a></li> <li><a href="kontak.php"
title=""><span><span>Kontak</span></span></a></li>
<li><a href="belanja.php" title=""><img src="image/chart.JPG" width="100" height="25"></a></li>
</ul></div> </div>
<div class="box"><h2 align="left"><font size="+3" face="Curlz MT">Akhlak</font></h2>
<div align="left"><br> <?php do { ?>
<table width="406" border="0">
<tr><td><a href="details.php?kode=<?php echo $row_Qproduk['kode']; ?>"><img src="<?php echo $row_Qproduk['gambar']; ?>" width="80" height="130" border="0"></a></td>
<td><table width="310" height="118" border="0"> <tr><td><span class="style10">Judul : <?php echo $row_Qproduk['judul']; ?></span></td></tr>
(68)
<tr><td><span class="style10">Pengarang : <?php echo $row_Qproduk['pengarang']; ?></span></td></tr>
<tr><td><span class="style10">Harga : <?php echo $row_Qproduk['harga']; ?></span></td></tr>
<tr><td><span class="style10">[<a href="details.php?kode=<?php echo $row_Qproduk['kode']; ?>">Details</a>]</span></td></tr>
</table></td></tr></table>
<?php } while ($row_Qproduk = mysql_fetch_assoc($Qproduk)); ?> </div>
<p> <a href="<?php printf("%s?pageNum_Qproduk=%d%s", $currentPage, max(0, $pageNum_Qproduk - 1), $queryString_Qproduk); ?>">Previous</a> || <a href="<?php printf("%s?pageNum_Qproduk=%d%s", $currentPage,
min($totalPages_Qproduk, $pageNum_Qproduk + 1), $queryString_Qproduk); ?>">Next</a></p>
</div> </div>
<div id="left"><div id="top"></div>
<h3><font face="Castellar"><span class="style2"><img src="image/logo.gif" width="25" height="23"></span><span class="style9">Cari judul buku</span> </font></h3>
<div class="title_back">
<form action="#" method="get"> <table>
<tr><td width="225"><input type="text" value="Masukan Judul Buku..." name="q" size="30" class="inputfield" title="searchfield" onFocus="clearText(this)" onBlur="clearText(this)" /></td></tr>
<tr><td align="right"><input type="submit" name="Search" value="Search" alt="Search" class="submit_button" title="Search" />
</td></tr></table> </form>
</div><div id="left_back"><h3 class="style2"><font face="Castellar"><img
src="image/logo.gif" width="25" height="23"></font><span class="style9">koleksi buku </span></h3>
<div class="title_back"><ul> <li><ul>
<li><a href="akhlak.php">Akhlak</a></li> <li><a href="aqidah.php">Aqidah</a></li> <li><a href="cerita.php">Cerita Anak </a></li> <li><a href="fiqih.php">Fiqih</a></li>
<li><a href="wanita.php">Khusus Wanita </a></li> <li><a href="novel.php">Novel</a></li>
(69)
<li><a href="sejarah.php">Sejarah dan Biografi</a></li> <li><a href="sholat.php">Sholat</a></li>
<li><a href="tafsir.php">Tafsir dan Hadist</a></li></ul> </li></ul></div>
<br /><h3><font face="Castellar"><span class="style2"><img src="image/logo.gif" width="25" height="23"></span><span class="style9">kalender</span></font></h3> <div class="title_back"><ul>
<li id="calendar">
<div id="calendar1"><?php include("kalender.asp");?></div> </li></ul></div>
</div><div id="bottom"></div></div> <!--content ends -->
<!--footer begins -->
<div style="clear: both"></div> </div></div>
<div id="footer">
<p>Copyright © 2010. <a href="index.php">home</a> | <a
href="informasi.php">informasi</a> | <a href="koleksi.php" title=""><abbr title="eXtensible HyperText Markup Language">koleksi</abbr></a> | <a
href="kontak.php" title=""><abbr title="Cascading Style Sheets">kontak</abbr></a>| <a href="belanja.php">shopping chart </a></p>
<p>Design by <a href="me.php" title="Lia Agustina Santani">Lia Agustina Santani </a></p>
</div>
<!-- footer ends-->
<div style="text-align: center; font-size: 0.75em;"> .</div></body> </html>
<?php
mysql_free_result($Qproduk); ?>
5. Halaman detail.php
<?php require_once('Connections/sambung.php'); ?> <?php
$colname_Qproduk = "-1"; if (isset($_GET['kode'])) {
$colname_Qproduk = (get_magic_quotes_gpc()) ? $_GET['kode'] : addslashes($_GET['kode']);
}
(70)
$query_Qproduk = sprintf("SELECT * FROM barang WHERE kode = %s", $colname_Qproduk);
$Qproduk = mysql_query($query_Qproduk, $sambung) or die(mysql_error()); $row_Qproduk = mysql_fetch_assoc($Qproduk);
$totalRows_Qproduk = mysql_num_rows($Qproduk); ?>
<html> <head>
<title>Senyum Muslim ^_^</title> <meta name="keywords" content="" /> <meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css">
<!--
.style2 {font-family: Castellar} .style3 {
color: #000000; font-weight: bold;
font-family: "Curlz MT"; font-size: 24px;
}
.style7 {font-size: 12px}
.style11 {color: #FFFFFF; font-weight: bold; font-family: "Curlz MT"; font-size: 20px; } --> </style> </head> <body> <div id="content"> <!-- header begins --> <!-- header ends --> <!-- content begins --> <div id="main"> <div id="right"> <div id="header"> <div id="logo">
<table width="272" border="0" align="right">
<tr><td><img src="image/coba2.gif" width="200" height="80"></td></tr> <tr><td><div align="right" class="style5"><span class="style3">Koleksi Buku Muslim</span> </div></td>
</tr></table> </div>
(71)
<ul>
<li><a href="index.php"><span><span>Home</span></span></a></li> <li><a href="informasi.php"
title=""><span><span>Informasi</span></span></a></li> <li><a href="koleksi.php" title="">koleksi</a></li> <li><a href="kontak.php"
title=""><span><span>Kontak</span></span></a></li>
<li><a href="belanja.php" ><img src="image/chart.JPG" width="100" height="25"></a></li>
</ul></div>
</div><div class="box" ><h2><font size="+3" face="Curlz MT">Produk Detail</font></h2>
<table width="654" height="249" border="0">
<tr><td width="214"><table width="216" height="365" border="0">
<tr>td width="199"><img src="<?php echo $row_Qproduk['gambar']; ?>" width="150" height="210"></td></tr>
<tr><td><span class="style7"> Judul : <?php echo $row_Qproduk['judul']; ?></span></td></tr>
<tr><td><span class="style7">Pengarang : <?php echo $row_Qproduk['pengarang']; ?></span></td></tr>
<tr><td><span class="style7">Penerbit : <?php echo $row_Qproduk['penerbit']; ?></span></td></tr>
<tr><td><span class="style7">Harga : <?php echo $row_Qproduk['harga']; ?></span></td></tr>
<tr><td><span class="style4"><a href="tas_belanja.php"><img src="image/icon_add2chart.png" border="0"></a></span>
<form name="form1" method="post" action="order.php?kode=<?php echo $HTTP_GET_VARS['kode']; ?>&kode=<?php echo $HTTP_GET_VARS['kode']; ?>">
<input type="submit" name="Submit" value="masukkan ke tas belanja">
</form></td></tr></table></td>
<td width="424"><span class="style7">Sinopsis :</span> <span
class="style7"><?php echo $row_Qproduk['sinopsis']; ?></span><p align="justify" class="style7"></p></td></tr>
</table>
<h4> </h4> </div>
</div>
<div id="left"><div id="top"></div>
<br /><h3><font face="Castellar"><span class="style2"><img src="image/logo.gif" width="25" height="23"></span><span class="style11">Cari judul buku</span> </font></h3>
(1)
Tampilan Menu Sejarah Senyum Muslim
(2)
Tampilan Menu Koleksi
(3)
Tampilan Menu Detail Produk
(4)
Tampilan Menu Kontak
(5)
Tampilan Menu Produk (Admin)
(6)
Tampilan Menu Kontak (Admin)