Sistem Informasi Penjualan Pada Toko Buku Senyum Muslim Dengan PHP Dan MySQL

(1)

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">&nbsp;</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">&nbsp;</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">&nbsp;</p> <p align="right">&nbsp;</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 &copy; 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 &copy; 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>&nbsp;<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 &copy; 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>&nbsp;</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)