BAB I

PENDAHULUAN
1.1 Latar Belakang Masalah
Pada masa sekarang ini kemajuan teknologi sangatlah pesat,
perkembangannya kian hari kian meningkat dan persaingan pun kian ketat pula.
Kemajuan teknologi pastinya juga bersentuhan dengan komputer. Komputer
merupakan sarana komunikasi yang sangat dibutuhkan bagi setiap manusia di
muka bumi ini. Hal ini dikarenakan manfaat yang diperoleh jauh lebih besar
dibandingkan dengan komponen atau alat lainnya. Komputer juga dapat
memberikan informasi yang cepat, tepat dan akurat. Komputer juga dapat
mengurangi potensi terjadinya kesalahan pengolahan data dibanding pengolahan
data secara manual, tapi tentunya semua ini tergantung dari kualitas sumber daya
manusia yang mengoperasikan komputer.
Berkembangnya usaha-usaha perdagangan yang sangat pesat pada saat ini
menjadikan informasi sebagai hal yang sangat penting peranannya dalam
menunjang jalannya operasi-operasi demi tercapainya tujuan yang diinginkan oleh
perusahaan.
Teknologi internet sudah terbukti merupakan salah satu media informasi yang
efektif dan efisien dalam penyebaran informasi yang dapat diakses oleh siapa saja,
kapan saja dan dimana saja. Teknologi internet mempunyai efek yang sangat besar
pada perdagangan atau bisnis. Hanya dari rumah atau ruang kantor, calon pembeli
dapat melihat produk-produk pada layar komputer, mengakses informasinya,
memesan dan membayar dengan pilihan yang tersedia. Calon pembeli dapat
menghemat aktu dan biaya karena tidak perlu datang ke toko atau tempat
transaksi sehingga dari tempat duduk mereka dapat mengambil keputusan dengan
cepat. Transaksi secara online dapat menghubungkan antara penjual dan calon
pembeli secara langsung tanpa dibatasi oleh suatu ruang dan aktu. !tu berarti
transaksi penjualan secara online mempunyai calon pembeli yang potensial dari
seluruh dunia.
1
"istem penjualan yang selama ini digunakan oleh Toko Buku #a$amedia
adalah dengan cara penjualan secara offline, pembeli datang langsung ke Toko.
"istem penjualan dengan cara ini membutuhkan aktu yang lama dan dinilai
kurang efektif dan efesien. Karena jika hanya mengandalkan sistem penjualan
dengan cara tersebut maka pendapatan perusahaan tidak mengalami peningkatan
yang signifikan. "elain itu perkembangan perusahaan terasa dinilai agak lambat.
%leh karena itu dirancang suatu sistem penjualan secara online dengan
menggunakan media eb atau internet dengan tujuan untuk meminimalkan aktu
proses penjualan dengan tujuan dapat meningkatkan $olume penjualan sehingga
pendapatan perusahaan dapat meningkat.
Berdasarkan latar belakang yang telah dipaparkan inilah penulis mencoba
mengembangkan sistem informasi yang telah ada dan dari penelitian ini kami
mengangkat judul &Sistem Informasi Penjualan Buku Berbasis WEB a!a
"oko #a$ame!ia%&om '
(%) Pokok Permasalahan
'dapun permasalahan yang muncul pada Toko Buku &#a$amedia com( pada
saat ini adalah)
1. "istem penjualan buku yang digunakan selama ini dengan cara offline dan
melayani pembeli yang datang ke toko buku, sehingga membutuhkan
aktu yang lama dalam meningkatkan omset penjualan buku sehingga
dinilai kurang efektif dan efisien.
2. *ambatnya perkembangan pemasaran karena kurangnya promosi
perusahaan kepada masyarakat sehingga tidak semua kalangan
masyarakat mengenal perusahaan ini.
(% * Batasan Masalah
+alam hal ini, penulis akan membatasi pada masalah Penjualan Buku, #enis
buku ,harga , harga buku dan persedian buku. 'gar mempermudah setiap
pelanggan membeli buku dengan harga terjangkau.
2
1.4 "ujuan !an Manfaat Penelitian
(%+%("ujuan Penelitian
Tujuan yang ingin dicapai dari penelitian ini yaitu )
1. -erancang sistem informasi penjualan buku berbasis eb.
2. -enguji program yang dirancang, apakah sudah bebas dari kesalahan
logika.
(%+%) Manfaat Penelitian
+ari penelitian ini diharapkan dapat memberikan manfaat yaitu)
.. +iharapkan dengan dilakukannya pengembangan &Sistem Informasi
Penjualan Buku Berbasis WEB a!a "oko #a$ame!ia%&om,%
/. +apat menjadi sarana untuk melatih kemampuan yang dimiliki penulis
dalam bidang teknologi informasi sehingga dapat menambah aasan
dan pengetahuan penulis.
0. 1ntuk memudahkan dan mempercepat dalam melakukan pemesanan
buku.
2. 1ntuk memudahkan memperoleh informasi tentang kondisi buku yang
akan dibeli.
3. Kapan buku bisa diambil apa bila telah dalam pemesan buku,kalau
belum tersedia buku ditoko.
3
BAB II
LANDASAN "E-.I
)%( Sekilas "entang Sistem Informasi Penjualan Buku Berbasis WEB
a!a "oko #a$a Me!ia%&om
+engan berkembangya teknologi internet yang begitu pesat pada saat
sekarang ini maka "oko #a$a Me!ia%&om akan membuat sebuah ebsite yang
akan memudahkan para pelanggannya untuk melihat atau memesan buku dengan
mengakses jenis , jenis buku yang tersedia di "oko #a$ame!ia%&om
+engan semakin besarnya persaingan dalam dunia penjualan buku yang
semakin ketat, sebuah toko 4dalam hal ini toko buku5 haruslah memiliki daya saing
yang kuat agar tidak tersaingi oleh kompetitor lainnya, hal tersebut dapat dilakukan
dengan beberapa cara diantaranya adalah dengan menjalin hubungan yang erat
dengan pelanggan 4Customer 6elationship5. +imana Costumer 6elationship ini akan
membantu perusahaan7organisasi dalam meraih pelanggan baru,
mempertahankan pelanggan lama, meningkatkan transaksi7pelayanan agar
optimal, dengan tujuan kesetiaan dan kepuasan pelanggan dimana tujuan
akhirnya adalah untuk mengoptimalkan keuntungan.
)%) Sistem
-enurut 'lfattah 4/889)05 sistem adalah sekumpulan objek-objek yang
saling berelasi dan berinteraksi serta hubungan antar objek yang biasa
dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan.
"edangkan menurut #ogiyanto 4/883).5 sistem adalah suatu kerja dari prosedur
-prosedur yang saling berhubungan, berkumpul bersama-sama untuk
melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.
+ari uraian di atas dapat di simpulkan baha sistem adalah sekumpulan elemen
atau objek, ide, yang saling berinteraksi atau berhubungan untuk mencapai tujuan
tertentu.
4
)%* Informasi
-enurut 'lfattah 4/889):5 informasi adalah data yang telah diolah
menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat
dalam pengambilan keputusan saat ini atau mendatang. -enurut #ogiyanto
4/883);5 informasi adalah data yang diolah menjadi bentuk yang lebih berguna
dan lebih berarti bagi yang menerimanya.
+ari uraian di atas dapat disimpulkan baha informasi adalah data
yang telah diproses menjadi bentuk yang mempunyai arti dan bermanfaat bagi
pengguna.
)%+ Sistem Informasi
"istem informasi adalah kombinasi antara prosedur kerja, informasi, orang
dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam suatu
organisasi 4Kadir, /880).. 5.
1ntuk memahami pengertian sistem informasi, harus dilihat keterkaitannya
antara data dan informasi sebagai entitas penting pembentuk system informasi
4'lfattah, /889): 5.
+ari uraian di atas dapat didefinisikan sebagai suatu alat untuk menyajikan
informasi dimana informasi itu sendiri berguna bagi pengguna.
)%/ Website
<eb atau ebsite merupakan salah satu sarana alternatif bagi suatu
perusahaan untuk mempromosikan produk yang dihasilkannya. "ebagai sarana
promosi yang memberikan beberapa nilai tambah pada bidang promosi produk
perusahaan, yaitu keleluasaan jangkauan pasar hingga lingkup internasional dan
biaya promosi yang sangat rendah dibanding dengan sarana promosi lainnya yang
menggunakan media tele$isi atau media cetak, 4*KPB- -'+K%-, /883).5.
'dapun komponen-komponen dari sebuah eb antara lain )
.. #udul
/. Te=t
0. Tabel
2. <arna
5
"ecara umum ebsite mempunyai fungsi sebagai berikut)
.. >ungsi Komunikasi
"ebagian besar ebsite mempunyai fungsi komunikasi. Beberapa fasilitas
yang memberikan fungsi komunikasi ini, seperti) eb base email, halaman form,
chatting dan lain-lain.
/. >ungsi !nformasi
<ebsite ini mempunyai fungsi informasi seperti ?es, profile company, library,
referensi, dan lain-lain.
0. >ungsi @ntertainment
<ebsite mempunyai fungsi hiburan. Beberapa contoh ebsite dengan fungsi ini,
misalnya eb-eb yang menyediakan online game, online music, online mo$ie, dan
sebagainya.
2. >ungsi transaksi
"ebuah eb dapat dijadikan sarana untuk melakukan transaksi bisnis, seperti
online order, pembayaran menggunakan kartu kredit, dan lain-lain 4 #asmadi,
/882)/5.
)%0 Pemesanan
Pemesanan dalam bahasa !nggris adalah 6eser$ation yang berasal dari
kata &to reser$e( yaitu menyediakan atau mempersiapkan tempat sebelumnya.
"edangkan reser$ation yaitu pemesanan suatu tempat fasilitas, kata
reser$ation dalam dunia pariisata disebut juga booking 4"uartana, .:;9 ) .25.
)%1 2ustomer
Pelanggan 4 customers 5 adalah semua orang yang menuntut kita
4 perusahaan kita5 untuk memenuhi standar mutu tertentu, karenanya akan
memberikan pengaruh kinerja kita 4 perusahaan kita 5.
-anajemen Perusahaan seperti **. Bean, >reefort dan -aine dalam Aincent
Bas$ersC 4.::95 memberikan beberapa definisi tentang pelanggan, yaitu )
6
- Pelanggan adalah orang yang tidak tergantung pada kita, tetapi
kitalah yang tergantung pada mereka.
- Pelanggan adalah orang yang membaa kita kepada
Keinginannya.
- Tidak ada seorangpun pernah menang beradu argumentasi
dengan pelanggan.
- Pelanggan adalah orang yang teramat penting yang harus
dipuaskan.
#enis #enis Pelanggan)
1. Pelanggan !nternal 4!nternal Customers5D adalah orang yang berada didalam
organisasi 4perusahaan5 dan memiliki pengaruh pada kinerja pekerjaan
4perusahaan kita5.
2. Pelanggan antara 4intermediate custumer5 yaitu mereka yang bertindak7
berperan sebagai perantara, buka sebagai pemakai akhir prduk itu.
3. Pelanggan eksternal 4eksternal customer5, yaitu pembeli atau pemakai akhir
produk itu, yang sering disebut sebagai pelanggan nyata 4real customers5.
Karena fokus dari mutu adalah mengenai kepuasan pelanggan, maka perlu pula
dipahami komponen komponen yang berhubungan dengan kepuasan pelanggan
tersebut.
Aincent Bas$erC 4/88. ) 025 mendefinisikan kepuasan pelanggan sebagai suatu
keadaan dimana kebutuhan, keinginan, dan harapan pelanggan dapat terpenuhi
melalui produk yang dikonsumsi.
)%3 H"ML
HyperTe=t -arkup *anguage 4HT-*5 adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman eb dan menampilkan berbagai
informasi di dalam sebuah broser !nternet
)%4 Ph H5erte6t Prero&essor 7PHP8
7
PHP dibuat oleh 6asmus *erdorf. +ialah yang pertama kali menulis mesin
pengurai 4parsing engine5 dalam bahasa PHP sebagai program CB! Peral pada
tahun .::3, yang disebutnya &Personal HomePage(, atau disingkat PHP. Tujuan
aalnya adalah mencatat pengunjung yang membuka halaman resume-nya di eb.
Kemudian dia menulis ulang kode - kode tersebut sacara keselurahan dengan
bahasa C yang membuat program itu menjadi lebih kaya dengan kemampuan
penguraian yang lebih luas dan menambahkan konekti$itas database. Tahun-tahun
berikutnya ada banyak programer yang berjasa bagi perkembangan PHP, termasuk
Eee$ "uraski dan 'ndi Butmans yang menulis kembali parsing engine untuk
menciptakan PHP $ersi 0 4"tuart -cClure dan "aumil "hah, /880)/05.
PHP adalah sebuah bahasa pemrograman berbasis eb yang mempunyai banyak
keunggulan dibandingkan dengan bahasa pemrograman berbasis eb yang lain
4'ndi Pramono F -."yafii, /883)/5. PHP sendiri merupakan singkatan dari Personal
Home Page Tools. "krip ini akan membuat suatu aplikasi dapat diintegrasikan
kedalam HT-* sehingga suatu halaman eb tidak lagi bersifat statis, namun
bersifat dinamis. "ifat ser$er-side berarti pengerjaan skrip akan dilakukan di
ser$er, baru kemudian hasilnya dikirimkan ke broser. Keunggulan yang dimiliki
program PHP adalah )
PHP memiliki tingkat akses yang lebih cepat
PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti
perkembangan teknologi internet.
PHP memiliki tingkat keamanan yang lebih tinggi.
PHP mampu berjalan di beberapa ser$er yang ada, misalnya 'pache,
-icrosoft !!", P<", phttpd, fhttpd, dan Gitami.
PHP mampu berjalan di *inu= sebagai platform sistem operasi utama bagi
PHP.
PHP bersifat free atau gratis.

)%(9 Database !an M5S:l
-y"H* adalah suatu relational database management system
46+B-"5 yang dapat mendukung database yang terdiri dari sekumpulan relasi
atau tabel 4Peranginangin, /88I ) 0;.5. +atabase 4basis data5 merupakan
8
kumpulan dari file-file yang saling berelasi, di mana relasi tersebut ditunjang
dengan kunci dari setiap file yang ada 4Harianto Kristanto, .::I).5.
"edangkan menurut >atansyah 4.:::)/5 baha database 4basis data5 dapat
didefinisikan dalam sejumlah sudut pandang seperti )
Himpunan kelompok data 4arsip5 yang saling berhubungan yang diorganisasi
sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan
mudah
Himpunan data yang saling berhubungan yang disimpan secara bersama
sedemikian rupa dan tanpa pengulangan 4redudansi5 yang tidak perlu, untuk
memenuhi berbagai kebutuhan.
Kumpulan file7table7arsip yang saling berhubungan yang disimpan dalam
media penyimpanan elektronis.
+atabase merupakan salah satu komponen penting dalam suatu sistem
informasi, karena merupakan basis dalam menyediakan informasi bagi para
pemakai. "uatu database menunjukkan suatu kumpulan data yang dipakai dalam
suatu lingkup perusahaan atau instansi.
"ebuah ebsite yang interaktif dan dinamis tentu membutuhkan penyimpanan data
yang fleksibel dan cepat untuk diakses. "alah satu database untuk ser$er adalah
-y"H*. -y"H* 4-y "tructure Huery *anguage5 adalah database ser$er yang
mampu menampung sampai ratusan giga record 4'ndi Pramono F -."yafii,
/883)05.
"ebagai sebuah program penghasil database , -y"H* tidak dapat berjalan
sendiri tanpa adanya sebuah aplikasi lain 4interface5. -y"H* dapat didukung oleh
hampir semua program aplikasi baik yang open source seperti PHP maupun yang
tidak, yang ada pada platform <indos seperti Aisual Basic, Aisual >o=pro, +elphi,
dan lainnya. 1ntuk mendapatkan program -y"H* anda dapat mendonloadnya di
http)77.mysJl.org.
Beberapa karakteristik utama dari -y"H* yaitu )
>ully multi-threaded dengan kernel threaded, artinya adalah bisa dengan
mudah mempergunakan multiple CP1 bila ada.
Beroperasi pada banyak platform yang berbeda.
9
Kita bisa mencampurkan tabel dari database yang berbeda pada Juery yang
sama
-ampu menangani database berukuran besar. -y"H* bisa memuat
38.888.888 record dan I8.888 tabel.
"er$er bisa memberikan pesan kesalahan pada client dalam banyak bahasa
dan lain sebagainya.
Kelebihan yang dimiliki -y"H* adalah ia menggunakan bahasa Juery standar
yang dimiliki "H* 4"tructure Huery *anguege5. "H* adalah suatu bahasa
permintaan yang terstruktur yang telah distandarkan untuk semua program
pengakses database seperti %racle, Progress "H., "H* "er$er, dll
"H* adalah kependekan dari "tructured Huery *anguage. +alam bahasa inggris,
"H* biasa dibaca "@H1@* dan bukan @"-KK1-@*. Bahasa ini merupakan standar
yang digunakan untuk mengakses basis data relasional. 4'bdul Kadir, /88/)..5
"ecara prinsip, perintah-perintah "H* 4biasa disebut pernyataan5 dapat dibagi
menjadi 0 kelompok, yaitu )
L ++* 4+ata +efinition *anguage5 atau bahasa pendefinisi data,
L +-* 4+ata -anipulation *anguage5 atau bahasa pemanipulasi data, dan
L +C* 4+ata Control *anguage5 atau bahasa pengendali data
)%(( Aa&he Ser$er
<eb ser$er merupakan suatu ser$er internet yang menggunakan protocol
HTTP 4Hyperte=t Transfer Protocol5 untuk melayani semua pentransferan data
4'ndry "yahPutra, /880).5. <eb ser$er hingga saat ini merupakan ser$er yang
dapat dikatakan sebagai tulang punggung bagi semua pengguna internet. Hal ini
dikarenakan, eb ser$er bukan hanya bias melayani jenis data dalam bentuk te=t,
akan tetapi juga dapat menampilkan format-format data dalam bentuk gambar,
baik gambar dalam bentuk /+ atau 0+.
"alah satu aplikasi yang digunakan untuk membangun sebuah eb ser$er
adalah apache. 'pache merupakan eb ser$er open-source dan tersedia platform,
termasuk linu= dan indos. <eb ser$er ini terkenal cukup handal dan banyak
digunakan oleh sebagian besar ebsite yang ada di internet karena kecepatan
yang dimiliki lebih baik jika dibandingkan dengan aplikasi-aplikasi lain yang
10
digunakan untuk eb ser$er. "elain itu performance yang sangat baik apache
juga dapat diperoleh secara gratis. ?amun kekurangannya dibagian tampilan grafis
mengharuskan anda untuk memahami dasar-dasar konfigurasi dan instalasi secara
teks.
>ile distribusi apache for in0/ dapat anda donload di
http)77.apache.or/jdistibinaries7in0/.. file binary yang anda donload
biasanya berupa file @G@ yang telah dikompilasi dari file source dan siap untuk
dijalankan untuk proses instalasi.
)%() Ma&rome!ia Dream;ea$er
+reamea$er adalah program aplikasi profesional untuk mengedit HT-*
secara $isual dan mengelola eb site serta pages 4<ahana Komputer, /88/).5.
Karena tampil secara $isual, program aplikasi -acromedia +reamea$er -G mudah
untuk dioperasikan. Program ini menyediakan banyak perangkat yang dapat
meningkatkan kemampuan user di dalam membuat eb. +reamea$er merupakan
softare utama yang digunakan oleh eb designer maupun eb programmer
dalam mengembangkan suatu situs. Hal ini disebabkan ruang kerja, fasilitas, dan
kemampuan dreamea$er yang mampu meningkatkan produkti$itas dan efekti$itas
dalam desain maupun membangun suatu situs.
+reamea$er dilengkapi juga fasilitas untuk manajemen situs yang cukup
lengkap. +engan program ini seorang programmer eb dapat dengan mudah
membuat dan mendesain ebnya. +engan adanya program ini kita tidak akan
susah-sudah mengetik script-script format HT-*, PHP, '"P maupun bentuk
program lainnya. "ebagai editor, dreamea$er mempunyai sifat <K"!<KB artinya
apa yang kamu lihat akan kamu peroleh 4hat you see is hat you get5. +engan
kelebihan ini, seorang programmer dapat langsung melihat hasil buatannya tanpa
harus dibuka di broser.
-acromedia >lash adalah salah satu softare dari perusahaan -acromedia,
!nc. yang banyak diminati oleh kebanyakan orang oleh karena kehandalannya yang
mampu mengerjakan segala hal yang berkaitan dengan multimedia 4'ndi Pramono
F -."yafii, /883).5.
11
>lash dapat diaplikasikan untuk pembuatan film kartun, banner iklan eb
site, presentasi, game dan lain sebagainya. Kinerja flash sendiri juga dapat
dikombinasikan dengan program yang lain, misalnya program 'utoC'+, Photoshop,
dan lain sebagainya. "elain itu flash juga dapat dikombinasikan dengan bahasa
pemrograman seperti '"P, PHP, dan sebagainya.
12
BAB III
ANALISIS DAN PE.AN2AN<AN SIS"EM
*%( Analisis Sistem
+alam membangun suatu aplikasi sistem informasi maka diperlukan suatu
perancangan sistem yang baik dan tepat guna. Hal ini bertujuan untuk
memberikan gambaran yang jelas dan rancang bangun yang lebih rinci. +ari
rancangan yang baik akan diperoleh sistem yang baik pula.
"uatu sistem komputer sangat diperlukan untuk mengolah data sehingga
memperoleh informasi yang rele$an. "istem komputer memiliki elemen-elemen
pendukung, yaitu softare (perangkat lunak) dan hardare 4perangkat keras5.
Pada "istem !nformasi Pariisata ini dibangun terdiri dari dua session, session
yang pertama adalah Halaman 1ser 1mum yaitu berupa halaman , halaman yang
dapat diakses oleh user umum maupun user admin sistem, dalam halaman
tersebut dihadirkan beberapa fasilitas dan konten , konten menarik sehingga
dapat mendukung kredibilitas sistem informasi yang dibangun ini. "edangkan
session yang kedua adalah berupa halaman , halaman yang hanya dapat diakses
oleh user admin sistem saja 4halaman administrator5.
Halaman , halaman yang dapat diakses oleh siapa saja 4user umum dan
user admin5 sebut saja halaman user umum inilah yang menjadi sasaran utama
Sistem Informasi Penjualan Buku Berbasis WEB a!a "oko #a$a
Me!ia%&om yaitu publikasi dan sarana,sarana informasi pejualan buku secara
online adalah yang berkaitan dengan profil buku, kontak kami, buku tamu,
13
penulis buku, kategori buku, koleksi buku dan help. 1ser dapat mengakses
halaman ebini dengan melakukan pendaftaran terlebih dahulu.
*%(%( Perangkat Pen!ukung Pengolahan Data
Perangkat pendukung pengolahan data merupakan kumpulan dari elemen-
elemen yang saling berkaitan dan bertanggung jaab untuk memproses masukan
4input5 dan keluaran 4output5 sesuai dengan yang diharapkan.
"istem komputer memiliki elemen-elemen pendukung, yaitu software
4perangkat lunak5 dan hardware 4perangkat keras5. Perangkat keras dan
perangkat lunak yang dibutuhkan adalah sebagai berikut )
Perangkat =eras
Perangkat Keras merupakan seperangkat alat elektronik yang disusun
sehingga satu sama lain saling berhubungan dan memiliki ketergantungan yang
membentuk satu unit komputer, yang digunakan untuk input data, mengolah
data, dan menghasilkan keluaran atau laporan sesuai dengan data yang ada.
1ntuk dapat mengoperasikan sistem informasi ini diperlukan sebuah personal
komputer yang spesifikasi minimumnya sebagai berikut )
1. !ntel Pentium +ual Core Proc / BHC,
2. Hard +isk kapasitas /38 Bb,
3. -emory 6'- ..88 BB,
2. -onitor,
3. -ouse +an keyboard.
Perangkat Lunak
14
'dapun spesifikasi dari perangkat lunak 4softare5 yang digunakan untuk
mengoperasikan sistem informasi ini adalah sebagai berikut )
1. "istem %perasi ) <indos GP ,
2. !nternet Broser ) -oCilla >irefo= 0.I,
3. <eb "er$er ) 'pp"er$ /.3.;,
2. Bahasa Pemrograman ) PHP 3,
3. +atabase "er$er ) -y"H* 3,
6. Teks @ditor ) +reamea$er -G /88;.
3.1.2 Peran&angan Sistem
"istem adalah sekumpulan elemen yang saling berhubungan dan
bertanggung jaab untuk melaksanakan proses pengolahan data dari masukan
atau input sehingga dapat menghasilkan keluaran atau output. (Jogiyanto,
1990: 95)
%utput yang dihasilkan berupa laporan 4report5 informasi yang digunakan
sebagai landasan proses dalam pengambilan suatu keputusan yang baik, serta
informatif bagi yang membutuhkan, maka diperlukan sistem pendukung yang
berupa sistem perangkat lunak 4software5 dan perangkat keras 4hardware5
sebagai alat atau mesin untuk menjalankan pembuatan program dan pengolahan
database.
15
3.1.3 Diagram Arus Data 7DAD8
+iagram 'rus +ata 4+'+5 atau +ata >lo +iagram 4+>+5 merupakan
gerakan data melalui sebuah sistem, mulai dari masuk sampai ke tujuannya.
+'+ yang pertama kali digambarkan adalah le$el teratas 4top le$el5,
diagram ini disebut dengan conte=t diagram 4+iagram Konteks5. +ari conte=t
diagram ini kemudian akan digambar dengan lebih rinci lagi yang disebut
o$er$ie diagram 4le$el 85. Tiap-tiap proses di o$er$ie diagram akan
digambarkan secara lebih terinci lagi dan disebut dengan le$el .. Tiap-tiap proses
di le$el . akan digambarkan kembali dengan lebih terinci lagi dan disebut dengan
le$el / dan seterusnya sampai tiap-tiap proses tidak dapat digambar lebih terinci
lagi.
Berikut adalah tahapan pembuatan diagram arus data )
1. -embangun suatu diagram konteks dari sistem yang ada. >ungsinya adalah
untuk menggambarkan sistem secara garis besar yang kemudian akan dipecah
menjadi bagian-bagian lebih rinci. Berikut adalah gambar diagram konteks dari
"istem !nformasi Penjualan Buku Berbasis <@B pada Toko #a$a -edia.com)
16
Admin
0
s
"istem informasi
penjualan buku
berbasis eb pada
Toko #a$a
-edia.com
Pengujung
Login
Data Admin
Data propinsi
Data pelanggan
Data pemesan
Data pemesan_detail
Data buku_kategori
Data buku_koleksi
Data penulis
Data kantong
Data berita
Data penerbit
Data buku_penulis
Data Admin
Data propinsi
Data pelanggan
Data pemesan
Data pemesan_detail
Data buku_kategori
Data buku_koleksi
Data penulis
Data kantong
Data berita
Data penerbit
Data buku_penulis
Informasi buku
Informasi pemesan
Informasi harga buku
buku tamu
Gamar !.1 "iagram #onteks
+ari gambar diagram konteks di atas dapat dijelaskan, dalam sistem ini
ada dua pihak yang yang saling berinteraksi. Kang pertama adalah pihak
admin, yaitu pihak yang mempunyai hak untuk melakukan pengelolaan
data sistem informasi ini, baik melakukan input data, update dan hapus
data, maupun pengolahan laporan dan output sistem. Kang kedua adalah
pihak Pengunjung, yaitu pihak yang melakukan kunjungan terhadap
ebsite dan "istem !nformasi Penjualan Buku Berbasis <@B pada Toko
#a$a -edia.com.
17
Gamar !.$ "iagram %lir "ata &e'el 0
18
3.1.4 .an&angan Basis Data
+alam ini "istem !nformasi Penjualan Buku Berbasis <@B pada Toko #a$a
-edia.com +engan -ulti 1ser, penulis membuat database yang bernama
&TokoBuku+b( yang terdiri atas beberapa tabel dengan struktur dan fungsinya
masing-masing, tabel-tabel-tabel yang dibangun tersebut yaitu )
1. "abel roinsi
Kunci pokok ) kdMpropinsi
>ungsi ) merekam data propinsi dan ilayah yang ada.
"abel *%( "abel roinsi
2. "abel elanggan
Kunci pokok ) uidMpelanggan
>ungsi ) merekam data pelanggan yang sedang membeli buku
"abel *%) "abel elanggan
19
No Nama >iel! "ie Ukuran =eterangan
(% kdMpropinsi char 2 =o!e roinsi
)% nmMpropinsi $archar I8 Nama
ke&amatan
*% ongkosMkirim int ./ -ngkos kirim
3. "abel emesanan
Kunci pokok ) noMpesan
>ungsi ) merekam data semua data yang sebelumnya berada pada
didalam table kantong.
"abel *%* "abel emesanan
20
No Nama >iel! "ie Ukuran =eterangan
(% uidMplg char4I5 2 I! elanggan
)% nama $archar4385 I8 Nama
ke&amatan *% kelamin enum4NPN, N<N5 ./ #enis kelamin
+% alamat $archar /88 Alamat
/% kota $archar .88 kota
0% kdMpropinsi char 2 =o!e roinsi
1% negara $archar I8 Negara
3% kdMpost int 3 =o!e ost
4% email $archar 28 Email
(9% telpMrumah $archar .3 "elon rumah
((% telpMhp $archar .3 "elon h
() noMfa= $archar .3 No fa6
(*% statusMpesan enum4N>6@@N,
N%6+@6N5
Status esan
(+% user!+ $archar 03 User i!
(/% pass!+ $archar /88 Pass;or! i!
4. "abel emesana !etail
Kunci pokok ) uidMpesan
>ungsi ) digunakan untuk menyimpan data lengkap buku yang
dipesan .
"abel *%+ "abel emesanan !etail
21
No Nama >iel! "ie Ukuran =eterangan
(% noMpesan char ; =o!e roinsi
)% uidMplg char I Nama
ke&amatan
*% tanggal date -ngkos kirim
+% jam time #am
/% statusMbayar enum4NP@
"'?N,
N*1?'"N5
Status ba5ar
0 unikMtranfer char 0 Unik tranfer
No Nama >iel! "ie Ukuran =eterangan
(% uidMpesan int 2 Ui! esan
)% noMpesan char ; No esan
*% KdMkoleksi char I =o!e koleksi
+% jumlah int 0 jumlah
5. "abel buku kategori
Kunci pokok ) kdMkategori
>ungsi ) digunakan untuk menyimpan data-data buku sesuai kategori.
"abel *%/ "abel buku kategori
6. "abel enulis
Kunci pokok ) kdMpenulis
>ungsi ) digunakan untuk menyimpan data nama penulis dari semua
buku yang dijual.
"abel *%0 "abel enulis
22
No Nama >iel! "ie Ukuran =eterangan
(% kdMkategori Char 3 =o!e kategori
)% ?mMkategori $archar .88 Nama kategori
*% keterangan $archar /88 keterangan
No Nama >iel! "ie Ukuran =eterangan
(% kdMpenulis char 3 =o!e esan
)% nmMpenulis $archar I8 Nama enulis
*% profil Te=t I rofil
7. "abel kantong
Kunci pokok )idMkantong
>ungsi ) digunakan untuk menyimpan data transaksi.
"abel *%1 "abel kantong

8. "abel buku?koleksi
Kunci pokok )kdMkoleksi
>ungsi ) digunakan untuk menyimpan data lengkap buku yang
dipesan .
"abel *%3 "abel buku koleksi
23
No Nama >iel! "ie Ukuran =eterangan
(% !dMkantong !nt 3 I! kantong
)% KdMkoleksi char I =o!e koleksi
*% #umlah !nt 0 #umlah
+% tanggal +ate "anggal
/% jam Char / #am
0% 1idMplg char I Ui! elanggan
9. "abel berita
Kunci pokok )idM berita
>ungsi) digunakan untuk menampilkan beberapa berita yang
berkaitan dengan buku.
"abel *%4 "abel berita
24
No Nama >iel! "ie Ukuran =eterangan
(% kdMkoleksi char I =o!e koleksi
)% kdMkategori char 3 =o!e kategori
*% kdMpenerbit char 3 =o!e enerbit
+% kdMpenulis char 3 =o!e enulis
/% judulMbuku $archar /88 #u!ul buku
0% fileMgambar Aarchar /88 >ile gambar
1% harga int .3 Harga
3% diskon int / Diskon
4% stok int 2 stok
(9% sinopsi te=t sinosi
10. "abel enerbit
Kunci pokok ) penerbit
>ungsi ) digunakan untuk menyimpan semua data penerbit dari
semua judul buku yang dijual.
"abel *%(9 "abel enerbit
25
No Nama >iel! "ie Ukuran =eterangan
(% idMberita int 0 I! berita
)% judul $archar .88 #u!ul
*% ringkasan $archar /88 .ingkasan
+% lengkap te=t Lengka
/% tanggal date tanggal
No Nama >iel! "ie Ukuran =eterangan
(% kdMpenerbit char 3 =o!e enerbit
)% nmMpenerbit $archar 28 Nama enerbit
*% alamat $archar /88 alamat
11. "abel buku tamu
Kunci pokok ) idMbtamu
>ungsi ) digunakan untuk menyimpan kritik dan saran .
"abel *%(( "abel buku tamu
12. "abel a!min
Kunci pokok ) user!+
>ungsi ) digunakan sebagai gerbang atau login untuk masuk pada
sistem .
"abel *%() "abel a!min
26
No Nama >iel! "ie Ukur
an
=eterangan
(% idMbtamu int 0 I! buku tamu
)% nama $archar 03 Nama
*% email $archar I8 Email
+% kelamin enum4OpP,P
<P5
kelamin
/% komentar $archar /8 =omentar
0% tanggal date "anggal
3.1.5 .elasi Antar "abel
27
No Nama >iel! "ie Ukuran =eterangan
(% user!+ $archar 08 Username
)% pass!+ $archar 08 ass;or!
propinsi
kd_propinsi *
nm_propinsi
ongkos_kirim
admin
userID *
passID
pelanggan
uid_plg *
nama
kelamin
alamat
kota
kd_propinsi **
negara
kd_post
email
telp_rumah
telp_hp
no_fax
status_pesan
userID
passID
pemesanan
no_pesan *
uid_plg **
tanggal
jam
status_bayar
unik_transfer
pemesanan_detail
id_pesan *
no_pesan **
kd_koleksi **
jumlah
buku_kategori
kd_kategori *
nm_kategori
keterangan
penulis
kd_penulis *
nm_penulis
profil
buku_koleksi
kd_koleksi *
kd_kategori **
kd_penerbit **
kd_penulis **
judul_buku
file_gambar
harga
diskon
stok
sinopsis
penerbit
kd_penerbit *
nm_penerbit
alamat
kantong
id_kantong *
kd_koleksi
jumlah
tanggal
jam
uid_plg
berita
id_berita *
judul
ringkasan
lengkap
tanggal
Buku tamu
id_btamu *
nama
email
kelamin
komentar
tanggal
Gamar !.! (elasi )ael
*%(%0 Diagram Alir Sistem
1ntuk mencapai hasil yang maksimal, maka dibangun +iagram 'lir "istem
untuk menentukan langkah-langkah yang akan dilakukan oleh pemrogram.
Bambaran bagan alir "istem !nformasi Penjualan Buku Berbasis <@B pada Toko
#a$a -edia.com adalah sebagai berikut )
28
B u k u
k o l e k s i
B u k u
k a t e g o r i
P e m e s a n
a n d e t a i l
P r o p i n s i k a n t o n g b e r i t a p e n u l i s p e n e r b i t
p e m e s a n a
n
p e l a n g g a n a d m i n
B u k u
t a m u
r e k a m
r e k a m r e k a m r e k a m r e k a m r e k a m r e k a m
r e k a m r e k a m r e k a m r e k a m r e k a m
a d m i n
p e m e s a n
a n
p e l a n g g a
n
B u k u
k a t e g o r i
P e m e s a n
a n d e t a i l
P r o p i n s i
B u k u
k o l e k s i
p e n u l i s p e n e r b i t k a n t o n g B u k u
t a m u
b e r i t a
e t a k
e t a k e t a k e t a k e t a k e t a k e t a k e t a k e t a k e t a k e t a k
!
"
# $ %
& 0
' ( ) & & &
Keterangan :
&*Laporan data buku tamu
'*Laporan data berita
!*Laporan data kantong
%*Laporan data penulis
$*laporan data penerbit
#*laporan data buku koleksi
(*laopran data buku kategori
)* Laporan data pemesanan detail
"* Laporan data propinsi
&0* Laporan data pemesanan
&&* Laporan data pelanggan
Bambar 0.2 +iagram 'lir "ystem
*%) Imlementasi Sistem
29
+alam implementasi sistem ini akan dibahas mengenai rancangan input yang
juga akan menampilkan desain rancangan dari input program dan rancangan
output, yang merupkan hasil dari output program yang akan dijalankan.
*%)%( .an&angan Masukan 7inut8
1. >orm berisi update berita terbaru dari buku , buku yang disediakan toko
buku #a$a -edia.com
Bambar 0.3 home
/. Halaman Pendaftaran Baru, Halaman ini menampilkan form pendaftaran bagi
pelanggan baru yang belum menjadi member toko buku #a$a media. >orm ini
ajib diisi bagi pelanggan yang belum menjadi member dan ingin membeli
buku secara online.
30
Bamab 0.I pendaftara pelanggan baru
0. -enu 1bah 'dmin, menu ini diperuntukkan bagi admin apabila admin ingin
mengubah passord yang digunakan untuk login.
Bambar 0.9 ubah admin
2. -enu Koleksi Buku Tambah, menu ini berfungsi untuk menginput data buku
terbaru yang bisa diinputkan oleh admin.
31
Bambar 0.; masukkan data koleksi
3.2.2 .an&angan =eluaran 7outut8
.. Berita terbaru, menampilkan isi dari berita terbaru dari tokobuku #a$a
-edia.com
32
/. >orm Pendaftaran Baru
0. >orm ubah Passord
2. -enu Koleksi buku tambah
33
*%* Program
Program ini akan menjelaskan tentang source code dari program yang ada
pada pada eb dari "istem penjualan buku online. +imana source code tersebut
akan membemtuk sebuah form dari desain program yang dibuat.
.. Program *ogin Pengguna)
QRphp
sessionMstart45D
includeMonce Slibrari7inc.koneksi.phpSD
if 4TMP%"TUNTb*oginNV5 W
TT=t1ser!+ X TMP%"TUNT=t1ser!+NVD
TT=tPass!+ X TMP%"TUNT=tPass!+NVD
if 4trim4TT=t1ser!+5XXSS5 W
TpesanUV X S+ata 1ser ?ame kosongSD
Y
if 4trim4TT=tPass!+5XXSS5 W
TpesanUV X S+ata Passord kosongSD
Y
Tpass X md34TT=tPass!+5D
TsJlMcek X S"@*@CT Z >6%- pelanggan <H@6@ [user!+[XNTT=t1ser!+N '?+ [pass!+[XNTpassNSD
TJryMcek X mysJlMJuery4TsJlMcek, Tkoneksi5 or die 4SBagal CekS5D
TadaMcek X mysJlMnumMros4TJryMcek5D
ThlsMcek X mysJlMfetchMarray4TJryMcek5D
if 4TadaMcek \X.5 W
T"@"M1"@6P*B X TT=t1ser!+D
sessionMregister4S"@"M1"@6P*BS5D
T"@"M1!+P*B X ThlsMcekUNuidMplgNVD
sessionMregister4S"@"M1!+P*BS5D
TsJlMdel X S+@*@T@ >6%- kantong <H@6@ uidMplgXNThlsMcekUuidMplgVNSD
mysJlMJuery4TsJlMdel5 or die 4SBagal hapusS.mysJlMerror455D
echo SQmeta http-eJui$XNrefreshN contentXN8D urlXinde=.phpN\SD
e=itD
Yelse W
TpesanUV X S1ser dan Passord lama belum benarSD
Y
if 4] count4Tpesan5XX8 5 W
TT=t1ser!+ X TMP%"TUNT=t1ser!+NVD
echo SQbr\Qbr\SD
echo SQdi$ alignXNleftN\SD
echo SFnbspD Qb\ Kesalahan !nput ) Q7b\Qbr\SD
foreach 4Tpesan as TindeksX\TpesanMtampil5 W
TurutMpesan^^D
echo SQfont colorXN_>>8888N\SD
echo SFnbspD FnbspDSD
echo STurutMpesan . TpesanMtampil Qbr\SD
34
echo SQ7font\SD
Y
echo SQ7di$\Qbr\SD
Y
Y
R\

"cript Program *ogin pengguna tersebut menggunakan method P%"T, method ini
digunakan untuk mengolah input dari suatu client dengan teknik program yang
membaca stan dari input. Kang menjadi acuan adalah bahasa program seperti
'"P7CB!, sehingga seolah-olah program tersebut membaca input dari papan ketik
atau keyboard. "ehingga akan memanggil data dari OTb*oginP.
/. Buku Koleksi
QRphp
if 4TMB@TUNsubNVXXSpenulisS5 W
TsJl X S"@*@CT BK.Z,P*.nmMpenulis, P?.nmMpenerbit
>6%- bukuMkoleksi BK, penulis P*, penerbit P?
<H@6@ P*.kdMpenulisXBK.kdMpenulis
'?+ P?.kdMpenerbitXBK.kdMpenerbit
'?+ BK.kdMpenulisXNS.TMB@TUNkodeNV.SN
%6+@6 BK BK.kdMkoleksiSD
Y
elseif 4TMB@TUNsubNVXXSkategoriS5 W
TsJl X S"@*@CT BK.Z,P*.nmMpenulis, P?.nmMpenerbit
>6%- bukuMkoleksi BK, penulis P*, penerbit P?
<H@6@ P*.kdMpenulisXBK.kdMpenulis
'?+ P?.kdMpenerbitXBK.kdMpenerbit
'?+ BK.kdMkategoriXNS.TMB@TUNkodeNV.SN
%6+@6 BK BK.kdMkoleksiSD
Y
else W
TsJl X S"@*@CT BK.Z,P*.nmMpenulis, P?.nmMpenerbit
>6%- bukuMkoleksi BK, penulis P*, penerbit P?
<H@6@ P*.kdMpenulisXBK.kdMpenulis
'?+ P?.kdMpenerbitXBK.kdMpenerbit
%6+@6 BK BK.kdMkoleksi limit 9 offset 8SD
Y
TJry X mysJlMJuery4TsJl, Tkoneksi5 or die 4SBagal beritaS5D
hile 4Tdata X mysJlMfetchMarray4TJry55 W
Tno^^D
Tharga X TdataUNhargaNV - 44TdataUNhargaNV Z TdataUNdiskonNV57.885
R\
Pada script program Buku Koleksi ini menggunakan method B@T, yaitu suatu cara
bagaimana program di ser$er membaca komponen form yang diterima. -ethod ini
akan mengolah input yang dikirim. +alam hal ini yang digunakan adalah membaca
parameter dari sebuah fungsi.
0. Buku Kategori
35
QRphp
sessionMstart45D
includeMonce Slibrari7inc.koneksi.phpSD
includeMonce Slibrari7inc.librari.phpSD
Tro X.D
TsJl X S"@*@CT Z >6%- bukuMkategori %6+@6 BK kdMkategoriSD
TsJl X mysJlMJuery4TsJl, Tkoneksi5 or die 4SBagal JueryS5D
R\
Qhtml\
Qhead\
Qtitle\+aftar KategoriQ7title\
Qlink hrefXSstyle7user.cssS relXSstylesheetS typeXSte=t7cssS\
Q7head\
Qbody\
Qtable idthXS::`S borderXS8S alignXScenterS cellpaddingXS/S cellspacingXS8S\
Qtr\
Qtd $alignXSmiddleS\FnbspDQ7td\
Qtd $alignXSmiddleS\FnbspDQ7td\
Q7tr\
Qtr bgcolorXS_+>@:>>S\
Qtd $alignXSmiddleS\
Qimg srcXS!mage7aro.gifS idthXS.IS heightXS.IS\Q7td\
Qtd $alignXSmiddleS classXS#1+1*S\ Kategori\\ Q7td\
Q7tr\
Qtr\
Qtd\FnbspDQ7td\
Qtd\FnbspDQ7td\
Q7tr\
Qtr\
Qtd idthXS.8S\FnbspDQ7td\
Qtd idthXS:I3S\
Qtable idthXS.88`S borderXS8S alignXScenterS cellpaddingXS/S\
Qtr\
Q
R\
"cript program pada Buku Kategori akan menampilkan semua data dari buku
kategori dengan menggunakan perintah "@*@CT Z >6%- bukuMkategori, dengan
kunci primernya adalah kdMkategori. Perintah untuk menampilkan membuat
koneksi adalah &TsJl X mysJlMJuery4TsJl, Tkoneksi5 or die 4SBagal JueryS5D(, inti
dari mysJlMJuery ialah pengetikkan perintah "H* yang ditampung pada $ariabel
TsJl. #ika Juery salah atau tidak dapat dieksekusi maka akan tampil &or die 4SBagal
JueryS5D(, jika benar makatidak ada pesan error.
2. Tampil Berita
QRphp
TsJl X S"@*@CT Z >6%- berita %6+@6 BK idMberitaSD
TJry X mysJlMJuery4TsJl, Tkoneksi5 or die 4SBagal beritaS5D
hile 4Tdata X mysJlMfetchMarray4TJry55 W
Tno^^D
R\
36
Qtr bgcolorXS_>>>>>>S\
Qtd\QR echo TnoD R\Q7td\
Qtd\QR echo tglMengMtoMind4TdataUNtanggalNV5D R\Q7td\
Qtd\QR echo TdataUNjudulNVD R\Q7td\
Qtd alignXScenterS\
Qa hrefXSBerita1bah>m.phpRidubahXQR echo TdataUNidMberitaNVD R\S\1bahQ7a\
Qa hrefXSBeritaHapus.phpRidhapusXQR echo TdataUNidMberitaNVD R\S\HapusQ7a\Q7td\
Q7tr\
Perintah pada script Tampil Berita ini menggunakan perintah &"@*@CT Z >6%-
berita( untuk menampilkan semua data yang ada pada form &idMberita( dan data
akan diurutkan berdasarkan urutan atau patokan. +engan attribut as*ending atau
des*ending.
37
BAB I@
=ESIMPULAN DAN SA.AN
+%( =esimulan
"etelah penulis berhasil merancang dan membuat "istem !nformasi
Penjualan Buku Berbasis <@B pada Toko #a$a -edia.com, dengan
menggunakan dengan mengunakan +,+ dan -./0& beberapa hal yang
dapat disimpulkan, yaitu )
1. "istem informasi penjualan buku secara online ini dapat menjadi salah
satu solusi yang dapat digunakan untuk mempermudah penjual dalam
mengolah data penjualan buku , serta membuat laporan penjualan
barang dengan lebih mudah, cepat dan efisien.
2. Hasil pengolahan data - data pada sistem informasi penjualan buku
berupa laporan data buku, laporan data konsumen yang memesan buku
secara online, laporan data penjualan buku dan nota transaksi penjualan
buku.
38
+%) Saran
"etelah sistem informasi penjualan ini dibuat ada beberapa saran dari
penulis yang berhubungan dengan sistem informasi ini )
1. 'gar sistem informasi buku ini dapat ditampilkan dengan optimal, maka
perlu didukung oleh hardware dan software yang memadai, seperti
sistem operasi 1indows GP atau /888, harddisk, 6'-, internet dan lain-
lain.
/. "istem informasi ini dapat dikembangkan lagi dengan menambahkan
fasilitas-fasilitas lain yang dapat membuat sistem menjadi lebih optimal.
3. Basis data yang digunakan sebaiknya selalu mengalami perubahan
dalam periode tertentu agar selalu up to date.
39
DA>"A. PUS"A=A
?ugroho, Bunafit. 'plikasi Pemrograman <eb +inamis dengan PHP dan
-y"H*, penerbit B'A'-@+!', #ogjakarta, /882
-. "yafiPi, /882. -emangun %plikasi 2erasis +,+ dan -y/0&, Penerbit
'ndi Kogyakarta, Kogyakarta
"imarmata, #anner. /88I, +anduan 3epat -enggunakan "reamwea'er -4
$005, Penerbit 'ndi Kogyakarta, Kogyakarta.
40