TUGAS AKHIR PENGGUNAAN TEKNOLOGI INTERNET (E-COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT. SOLO JALA BUANA) Diajukan Untuk Memenuhi Tugas dan Syarat-syarat Guna Memperoleh Gelar Sarjana Teknik pada Fakultas Teknik Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta Oleh : AYUB INDRA PERDANA NIM : D 400 030 094 JURUSAN ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2011
105
Embed
TUGAS AKHIR PENGGUNAAN TEKNOLOGI INTERNET (E-COMMERCE ...eprints.ums.ac.id/21058/15/full_text.pdf · online dengan media internet dimana pembelian dan pembayaran bisa dilakukan secara
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
TUGAS AKHIR
PENGGUNAAN TEKNOLOGI INTERNET (E-COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN
(STUDI KASUS DI COMPUSHOP PT. SOLO JALA BUANA)
Diajukan Untuk Memenuhi Tugas dan Syarat-syarat Guna Memperoleh Gelar
Sarjana Teknik pada Fakultas Teknik Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta
Oleh :
AYUB INDRA PERDANA
NIM : D 400 030 094
JURUSAN ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA
2011
MOTTO
If You Can't Explain it Simply, You Don't Understand It Well Enough.
~ Albert Einstein ~
Make It Simple But Not Simpler.
~ Albert Einstein ~
Bhinneka Tunggal Ika.
~ Mpu Tantular ~
v
ABSTRAKSI
CompuShop merupakan toko yang menjual berbagai macam hardware
dan software dan bernaung dibawah manajemen PT. Solo Jala Buana. Guna
memperluas pemasaran produknya, maka dibangun sebuah sistem penjualan
online dengan media internet dimana pembelian dan pembayaran bisa dilakukan
secara online. Sistem penjualan online CompuShop dibangun menggunakan
bahasa pemrograman PHP dan basis data MySQL. Sistem ini menjadikan
kegiatan transaksi jual beli dapat berjalan dengan lancar, mudah, cepat dan
akurat. Para calon pembeli dapat dengan mudah memilih, melihat, membeli serta
membayar produk yang dibeli secara online.
Pengujian sementara dilakukan menggunakan melalui localhost dengan
web server Apache pada komputer stand alone, untuk pengujian lanjutan, sistem
akan di-upload ke internet menggunakan web hosting yang mendukung bahasa
pemrograman PHP dan memiliki server basis data MySQL. Sehingga dapat
diketahui respon sistem jika diakses lebih dari satu user.
Kata Kunci : Jual Beli, Internet, CompuShop, PHP, MySQL.
vi
KATA PENGANTAR
Puji syukur Alhamdulillah, penulis panjatkan kehadirat Allah SWT yang
telah memberikan Rahmat, Hidayah dan Karunia-Nya, sehingga penulis dapat
menyelesaikan tugas akhir ini dengan judul “PENGGUNAAN TEKNOLOGI
INTERNET (E-COMMERCE) DALAM MELAKUKAN TRANSAKSI
PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT. SOLO JALA
BUANA)”. Sebagai salah satu syarat untuk menempuh gelar Sarjana Teknik
Elektro pada Fakultas Teknik Elektro Universitas Muhammadiyah Surakarta.
Penulis menyadari bahwa selesainya penulisan tugas akhir ini tidak
terlepas dari pihak-pihak yang telah memberikan bantuan moril maupun materiil.
Dengan segala kerendahan hati, pada kesempatan ini penulis menyampaikan rasa
terima kasih yang sedalam-dalamnya kepada :
1. Ir. Agus Riyanto, M.T. selaku Dekan Fakultas Teknik Universitas
Muhammadiyah Surakarta yang telah memberikan ijin penulisan tugas
akhir ini.
2. Ir. Jatmiko, M.T. selaku Ketua Jurusan Teknik Elektro.
3. Endah Sudarmilah, S.T., M.Eng. selaku Pembimbing Akademik dan juga
merangkap Pembimbing I dalam penyelesaian tugas akhir ini, yang telah
banyak membimbing selama menempuh studi di Teknik Elektro UMS dan
vii
memberikan pengarahan kepada penulis sehingga dapat menyelesaikan
tugas akhir ini.
4. Umi Fadlilah, S.T. selaku Pembimbing II yang telah memberikan banyak
nasehat, bimbingan, dorongan, bantuan dan pengarahan kepada penulis
sehingga dapat menyelesaikan tugas akhir ini.
5. Bapak, Ibu dan adik-adikku tercinta yang tak pernah letih memberikan
do’a, dukungan, semangat dan dengan segala kekurangan dan kelebihan
yang dimiliki dapat menjadikanku seperti yang sekarang ini.
6. All DjinggaCommunity (Hana ”Uban”, Topik, Affandi Noor ”Pandik”,
Tabel produk ..........................................................................
Tabel statistik .........................................................................
Tabel data penelitian terhadap pengunjung ............................
Tabel data penelitian terhadap administrstor .........................
33
34
34
35
35
35
36
37
37
38
38
68
68
Surat Pernyataan Publikasi Karya Ilmiah
Bismillahirrohmanirrohim Yang bertanda Tangan dibawah ini, saya
Nama : Ayub Indra Perdana NIM : D 400 030 094 Fakultas/Jurusan : Teknik/Teknik Elektro Jenis : Skripsi Judul : PENGGUNAAN TEKNOLOGI INTERNET (E-
COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT. SOLO JALA BUANA)
Dengan ini menyatakan bahwa saya menyetujui untuk
1. Memberikan hak bebas royalty kepada pihak perpustakaan UMS atas penulisan karya ilmiah saya,demi pengembangan ilmu pengetahuan.
2. Memberikan hak menyimpan,mengalih mediakan/mengalih formatkan, mengelola dalam bentuk pangkalan data database), mendistribusikanya, serta menampilkanya dalam bentuk softcopy untuk kepentingan akademis perpustakaan UMS dengan meminta ijin kepada saya selama tetap mencantumkan nama saya sebagai penulis/pencipta.
3. Bersedia menjamin untuk menanggung secara pribadi tanpa melibatkan pihak perpustakaan UMS, dari semua bentuk tuntutan hukum yang timbul atas pelanggaran hak cipta dalam karya ilmiah ini.
Bersedia menjamin untuk menanggung secara pribadi tanpa melibatkan pihak perpustakaan UMS,dari semua bentuk tuntutan hukum yang timbul atas pelanggaran hak cipta dalam karya ilmiah ini. Demikian pernyataan ini saya buat dengan sesungguhnya dan semoga dapat digunakan sebagaimana mestinya. Surakarta,12 Maret 2011 Yang menyatakan Ayub Indra Perdana
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perdagangan di era teknologi Internet, atau yang lebih dikenal
dengan istilah e-commerce (electronic commerce) akhir-akhir ini telah
marak dengan bermunculannya ribuan bahkan lebih perusahaan yang
menawarkan barang dagangannya melalui website. Perusahaan -
perusahaan ini seakan - akan berlomba untuk menjajakan barang
dagangannya melalui internet karena adanya peluang pasar yang begitu
besar. Pasar yang demikian besar yang terdapat pada komunitas internet
sangat sayang untuk dilewatkan begitu saja. Banyak para pelaku pasar
baru dari macam-macam produk telah melirik untuk masuk di dalam
bisnis di dunia maya ini dan mendirikan tokonya disini. Persaingan yang
ketat tentunya membuat para pelaku pasar berlomba-lomba untuk
menyediakan berbagai fasilitas dan kemudahan untuk melirik konsumen
memasuki website-nya dengan tujuan terakhir tentu saja untuk membeli
produk yang mereka jual. Salah satu fasilitas dan kemudahan yang
ditawarkan tentunya juga kemudahan para calon pembeli untuk menyusuri
data-data barang dan cara pemesanan. Para calon pembeli yang merasakan
bagaimana mudahnya menyelusuri serta memesan atau membeli melalui
website suatu perusahaan tertentu pasti akan sangat tertarik, atau paling
1
2
tidak mereka tidak segan-segan untuk mencoba kembali lagi bila mereka
hendak memesan barang.
Website (situs) yang nantinya akan berisi katalog barang yang
hendak dijual, dimana pengunjung toko dapat memesan barang yang
dikehendaki. Sistem katalog dan pemesanan barang yang digunakan
adalah sebuah aplikasi database yang terkoneksi ke sebuah server
database yang menggunakan database server MySQL dan bahasa scripting
PHP. Database yang dibuat memudahkan para user yang mengunjungi
situs ini untuk melihat -lihat data maupun memesan barang.
Dalam pelaksanaan tugas akhir ini akan dibuat suatu website yang
kurang lebih mempunyai fungsi yang sama dengan toko-toko biasa hanya
saja toko ini berada di internet dengan menggunakan MySQL sebagai
server databasenya dan PHP sebagai bahasa scriptingnya. Latar belakang
digunakannya MySQL sebagai server database yang utama karena MySQL
cukup cepat dan sangat banyak library serta contoh program yang dapat
digunakan. MySQL juga memiliki beberapa lapisan sekuritas seperti level
subnetmask, nama host, dan user. Kecepatan query MySQL bisa sepuluh
kali lebih cepat daripada Postgresql dan lima kali lebih cepat ketimbang
InterBase untuk query yang dilakukan oleh single user. MySQL
mendukung beberapa bahasa scripting yaitu : bahasa scripting C, Perl,
ASP, JSP dan PHP. Bahasa C adalah bahasa scripting untuk keperluan
umum jadi secara prinsipil bahasa C dapat digunakan untuk apa saja,
namun pada kenyataannya bahasa C lebih sering digunakan untuk program
3
yang berdiri sendiri dari pada pemrograman web. Satu alasan lain adalah
penggunaan bahasa C tidak semudah Perl atau PHP untuk pemrosesan teks
dan manajemen memori, sehingga lebih berat untuk digunakan pada
aplikasi web. Bahasa scripting Perl juga seperti Bahasa C, cocok untuk
penulisan program yang berdiri sendiri, tetapi Perl juga cukup berguna
untuk pengembangan website, seperti contohnya dalam penggunaan modul
CGI.pm. Hal ini yang membuat Perl sebagai bahasa yang cukup mudah
digunakan untuk penulisan aplikasi yang menghubungkan MySQL dengan
web, sedangkan bahasa scripting PHP memang didesain untuk penulisan
aplikasi web, maka jelas apabila PHP adalah yang paling cocok dalam hal
ini. Lebih jauh lagi akses database adalah salah satu kekuatan terbesar dari
PHP jadi pilihan cocok untuk aplikasi web yang berhubungan dengan
MySQL. Oleh karena latar belakang inilah maka disini digunakan PHP
sebagai bahasa scriptingnya.
Berdasarkan dari uraian diatas, maka saya menyimpulkan untuk
mengambil judul “Penggunaan Teknologi Internet (E-Commerce)
Dalam Melakukan Transaksi Perdagangan (Studi Kasus Di
CompuShop PT. Solo Jala Buana)“.
1.2 Rumusan Masalah
Sesuai dengan latar belakang yang telah dipaparkan, maka rumusan
masalah yang akan dikaji dalam penelitian ini adalah :
1. Bagaimana merancang dan membuat aplikasi e-commerce nya.
4
2. Bagaimana menerapkan sistem penjualan online di
CompuShop.
1.3 Tujuan Penelitian
Perancangan dan penelitian ini bertujuan untuk :
1. Merancang dan membuat aplikasi e-commerce pada
CompuShop.
2. Menerapkan sistem penjualan online di CompuShop.
1.4 Batasan Masalah
Agar dalam pembuatan website berbasis e-commerce ini dapat
mencapai sasaran dan tujuan yang diharapkan, maka permasalahan yang
ada dibatasi sebagai berikut :
1. Pembuatan website e-commerce menggunakan bahasa
pemrograman PHP.
2. Webserver menggunakan WampServer 2.0i. Merupakan
satu paket software yang didalamnya terdapat Apache
2.2.11, MySQL 5.1.36, dll.
3. Fasilitas untuk memasukkan produk-produk yang dijual.
4. Fasilitas untuk melihat rincian barang yang akan dibeli
melalui keranjang belanja.
5. Pengujian akan dilakukan secara online.
5
1.5 Manfaat Penelitian
Manfaat yang diharapkan dapat diperoleh dari Tugas Akhir ini
adalah :
1. Memudahkan dalam proses transaksi yang dapat dilakukan
kapan saja dan dimana saja selama masih terkoneksi
dengan jaringan internet.
2. Tersedianya e-commerce pada CompuShop.
3. Menambah pengetahuan penulis dalam pemrograman web.
1.6 Sistematika Penulisan
Tugas Akhir ini nantinya disusun dengan sistematika penulisan
sebagai berikut :
BAB I PENDAHULUAN
Bab ini membahas tentang latar belakang masalah,
perumusan masalah, tujuan tugas akhir, metode penelitian
yang digunakan untuk pembuatan tugas akhir dan sistematika
penulisan.
BAB II LANDASAN TEORI
Berisi mengenai teori penunjang dalam perancangan dan
pembuatan Tugas Akhir. Mulai dari E-Commerce, Konsep
Dasar Jaringan, Programming, Web Server dan Web
Browser, dsb.
6
BAB III PERANCANGAN DAN PEMBUATAN SISTEM
Membahas langkah dari proses perancangan dan pembuatan
sistem.
BAB IV PENGUJIAN SISTEM
Menunjukkan bentuk pengujian dan hasil pengujian dari
perancangan aplikasi e-commerce disertai dengan analisa
sehingga didapatkan bukti kuat dari hipotesis yang dilakukan.
BAB V PENUTUP
Menguraikan kesimpulan Tugas Akhir dan saran-saran
sebagai bahan pertimbangan untuk pengembangan penelitian
selanjutnya.
BAB II
LANDASAN TEORI
2.1 Data
Data sering disebut sebagai bahan mentah informasi. Tapi menurut
Murdick,dkk (1984) merumuskan bahwa data adalah fakta yang tidak
sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan
tanpa maksud untuk segera diambil kembali untuk pengambilan
keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yang sudah
ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media
(Gultom et al, 2005).
Dalam dunia usaha dewasa ini, pengaruh data dan informasi dapat
dikatakan sangat memegang peranan penting. Adapun istilah data adalah
suatu istilah majemuk dari datum yang berarti fakta atau bagian dari fakta
yang mengandung arti, yang berhubungan dengan kenyataan, simbol-
simbol, gambar-gambar, kata-kata, angka-angka, huruf-huruf atau simbol-
simbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu
dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data
adalah sebagai bahan dasar yang objektif dalam proses penyusunan
kebijakan dan keputusan. Dalam kaitannya dengan pengolahan data
dengan komputer, pengerian data dapat dibatasi pada fakta-fakta yang
dapat direkam. Dalam setiap pengolahan data, data merupakan sumber
informasi yang dapat dihasilkan.
7
8
2.2 Sistem
Terdapat dua kelompok pendekatan dalam mendefinisikan sistem,
yaitu yang menekankan pada prosedurnya dan yang menekankan pada
komponen atau elemennya. Suatu sistem adalah suatu jaringan kerja untuk
melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran
tertentu. Sedangkan pengertian prosedur itu sendiri menurut Richard F.
Neuschel, prosedur suatu urutan- operasi klerikal (tulis menulis), biasanya
melibatkan beberapa orang dalam satu atau lebih departemen, yang
diterapkan untuk menjamin penanganan yang seragam dari transaksi-
transaksi bisnis yang terjadi. (Yogianto, 1989).
2.2.1 Karakteristik Sistem
Suatu sistem mempunyai karakteristik atau sifat-sifat yang
tertentu, yaitu mempunyai komponen-komponen (components),
sistem data (boundary), lingkungan luar sistem (environments),
CSS adalah singkatan dari Cascading Style-Sheet, sebuah
pengembangan atas kode HTML yang sudah ada sebelumnya. CSS bisa
sangat membantu dalam menentukan sebuah struktur dasar halaman web
secara lebih mudah dan cepat, serta irit ukuran. Cara mudah untuk
menerangkan CSS adalah dengan memberikan contoh berikut. Kode di
bawah ini sebagai contoh, kode ini dimasukkan dibagian head halaman
web karena setiap client web anda akan dapat melihat style sheets web itu.
<style type = “text/css”> <!—
BODY { background-color: white; color: black ;
18
font-family: Arial, Helvetica, sans-serif; }
--> </style> Kode di atas akan membuat halaman anda mempunyai latar
belakang putih dan teks berwarna hitam. Teks pada BODY akan
menggunakan font Arial, Helvetica, ataupun jika tidak terdapat kedua-
duanya, ia akan menggunakan typeface/font Sans-serif.
Pada perkembangannya CSS sudah masuk level 3 untuk sekarang,
dimana dimulai CSS level 1 atau yang sering disebut CSS saja, kemudian
level 2 yang merupakan alternatif bahasa pemrograman web masa yang
akan datang, dimana mempunyai banyak keuntungan, diantaranya :
1. Ukuran file lebih kecil.
2. Load file lebih cepat.
3. Dapat berkolaborasi dengan JavaScript.
4. Pasangan setia XHTML.
5. Menghemat pekerjaan tentunya, dimana hanya membuat 1
halaman CSS.
6. Mudah mengganti-ganti tampilan dengan hanya merubah
file CSS-nya saja.
2.11 Javascript
Javascript merupakan modifikasi dari bahasa c++ dengan pola
penulisan yang lebih sederhana. Interpreter bahasa ini sudah disediakan
19
ASP ataupun internet explorer. Secara khusus beberapa hal yang penting
dalam javascript adalah :
1. Mengunakan blok awal “{“ dan blok akhir :}”
2. Automatic conversion dalam pengoperasian tipe data yang
berbeda.
3. Sensitive case, sehingga programmer java harus ekstra hati-
hati dalam menggunakan nama variabel, fungsi dan lain-
lain.
4. Ekstention umumnya menggunakan “*.js”
5. Setiap statement dapat diakhiri dengan “,” sebagaimana c++
tetapi dapat juga tidak.
6. Jika tidak didukung oleh browser versi lama, scriptnya
dapat disembunyikan diantara tag “<!--“ dan “-- >”.
7. Jika program dalam satu baris terlalu panjang dapat
disambung dengan karakter “\”.
Seperti CSS yang menggunakan tag :
<style></style>
Javascript menggunakan tag :
<script></script>
Tag ini boleh diletakkan beberapa kali di dalam sebuah dokumen,
sama seperti tag-tag HTML yang lain.
20
<html> <head> <script language =”javascript”> <!--script javascript dimasukkan di sini--> </script> </head> <body> <script language=”javascript”> <!--script javascript dimasukkan di sini--> </script> </body> </html> Anda boleh meletakkan kode javascirpt pada bagian HEAD atau
BODY. Terdapat beberapa keadaan dimana javascript digunakan sebagai
skrip luar yang mana file tersebut ditulis dan disimpan dalam format “js”.
File ini boleh dipanggil menggunakan attribute “src”.
<html> <head></head> <body>
<script src = “namafile.js”> </script>
</body> </html>
2.11.1 Kelebihan Javascript
Javascript berinteraksi dengan HTML, ini membolehkan
pembuat web untuk memasukkan web mereka dengan
kandungan-kandungan yang dinamik, menukar warna
background, menukar banner, efek mouse, menu interaktif dan
sebagainya.
2.12 Basis Data
Basis data adalah suatu kumpulan data komputer yang teintegrasi,
diorganisasikan dan disimpan menurut cara yang memudahkan
21
pengambilan kembali. Tujuan utama konsep basis data adalah
meminimumkan pengulangan (Gultom et al, 2005).
2.12.1 MySQL
MySQL merupakan salah satu perangkat lunak sistem
pengelola basis data (Data Base Management System). MySQL
juga dapat dikategorikan sebagai Relational Data Base
Management System (RDBMS), karena dalam pembuatan basis
data pada MySQL dapat dipilah-pilah ke dalam berbagai tabel 2
(dua) dimensi. Setiap tabel pada MySQL terdiri atas lajur
horizontal dan lajur vertical.
MySQL pada saat ini, banyak digunakan oleh pemrograman
web untuk membangun situs yang memerlukan basis data sebagai
data dan pengolahan data.
2.13 Web Server
Web server adalah software yang menjadi tulang belakang dari
world wide web (www). Web server menunggu permintaan dari client yang
menggunakan browser seperti Google Chrome, Netscape Navigator,
Internet Explorer, Mozilla, dan program browser lainnya. Jika ada
permintaan dari browser, maka web server akan memproses permintaan
itu kemudian memberikan hasil prosesnya berupa data yang diinginkan
kembali ke browser. Data ini mempunyai format yang standar, disebut
dengan format SGML (Standar General Markup Language). Data yang
berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan
22
kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa
gambar, browser yang hanya mampu menampilkan teks (misalnya lynx)
tidak akan mampu menampilkan gambar tersebut, dan jika ada akan
menampilkan alternatifnya saja. Web server, untuk berkomunikasi dengan
client-nya (web browser) mempunyai protokol sendiri, yaitu HTTP
(hypertext transfer protocol). Dengan protokol ini, komunikasi antar web
server dengan client-nya dapat saling dimengerti dan lebih mudah. Seperti
telah dijelaskan diatas, format data pada world wide web adalah SGML.
Tapi para pengguna internet saat ini lebih banyak menggunakan format
HTML (hypertext markup language) karena penggunaannya lebih
sederhana dan mudah dipelajari. Kata HyperText mempunyai arti bahwa
seorang pengguna internet dengan web browsernya dapat membuka dan
membaca dokumen-dokumen yang ada dalam komputernya atau bahkan
jauh tempatnya sekalipun. Hal ini memberikan cita rasa dari suatu proses
yang tridimensional, artinya pengguna internet dapat membaca dari satu
dokumen ke dokumen yang lain hanya dengan mengklik beberapa bagian
dari halaman-halaman dokumen (web) itu.
Proses yang dimulai dari permintaan web client (browser), diterima
web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke
web client lagi dilakukan secara transparan. Setiap orang dapat dengan
mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara garis
besarnya web server hanya memproses semua masukan yang diperolehnya
dari web clientnya.
23
2.13.1 Apache
Apache merupakan web server yang paling banyak
dipergunakan di Internet. Program ini pertama kali didesain untuk
sistem operasi lingkungan UNIX. Namun demikian, pada
beberapa versi berikutnya Apache mengeluarkan programnya
yang dapat dijalankan di Windows NT. Berdasarkan sejarahnya,
Apache dimulai oleh veteran developer NCSA httpd (National
Center for Supercomputing Application). Saat itu pengembangan
NCSA httpd sebagai web server mengalami stagnasi. ROB MC
COOL meninggalkan NCSA dan memulai sebuah proyek baru
bersama para webmaster lainnya, menambal bug, dan
menambahkan fitur pada NCSA httpd. Mereka mengembangkan
program ini lewat mailing list. Dengan berpijak pada NCSA httpd
versi 1.3, Team Apache mengeluarkan rilis pertama kali secara
resmi Apache versi 0.6.2. Nama Apache diambil dari kata "A
Patchy Server", server perbaikan yang penuh dengan tambalan
(patch). Tambalan yang dimaksud adalah penambahan fitur dan
penambalan bug dari NCSA httpd Versi 1.3.
Saat ini Apache dipergunakan secara luas. Hal ini
disebabkan karena programnya yang gratis, dengan kinerja relatif
stabil. Dalam pengembangannya pun mempergunakan sistem
Bazaar, yakni tiap orang dibuka kesempatan seluas-luasnya untuk
dapat memberikan kontribusi dalam mengembangkan program.
24
Kontribusi dikomunikasikan lewat mailing list. Tim Apache
mempunyai mailing list yang terbuka untuk siapa saja yang ingin
ambil bagian. Untuk mendaftar cukup kirim email ke
nama_lengkap varchar 100 nama pemegang akun email varchar 100 alamat email no_telp varchar 20 nomor telepon level varchar 20 hak akses blokir enum ‘Y’,’N’ status akun
* Primary key
2. Tabel hubungi
Tabel hubungi digunakan untuk menampung dan
menyimpan data dari form hubungi kami. Berikut ini adalah
field-field yang dibuat dalam tabel hubungi beserta
keterangannya.
34
Tabel 3.2 Tabel hubungi
Field Name Tipe data Ukuran Keterangan
id_hubungi int 5 id pesan * nama varchar 50 nama pengirim email varchar 100 email pengirim pesan subjek varchar 100 subjek pesan pesan text isi pesan tanggal date tanggal pesan dikirim
* Primary key
3. Tabel kategori
Tabel kategori digunakan untuk menampung dan
menyimpan data berbagai kategori produk yang natinya
akan mengelompokkan produk berdasarkan kategori.
Berikut ini adalah field-field yang dibuat dalam tabel
kategori beserta keterangannya.
Tabel 3.3 Tabel kategori
Field Name Tipe data Ukuran Keterangan
id_kategori int 5 id kategori* nama_kategori varchar 100 nama kategori kategori_seo varchar 100 url kategori * Primary key
4. Tabel kota
Tabel kota digunakan untuk menyimpan data tarif
pengiriman pesanan dari ke berbagai kota. Berikut ini
adalah field-field yang dibuat dalam tabel kota beserta
keterangannya.
35
Tabel 3.4 Tabel kota
Field Name Tipe data Ukuran Keterangan
id_kota int 3 id kota * nama_kota varchar 100 nama kota
ongkos_kirim int 10 ongkos kirim * Primary key
5. Tabel mod_ym
Tabel mod_ym berfungsi untuk menyimpan alamat
akun yahoo messenger. Berikut ini adalah field-field yang
dibuat dalam tabel mod_ym beserta keterangannya.
Tabel 3.5 Tabel mod_ym
Field Name Tipe data Ukuran Keterangan
id int 11 id akun * nama varchar 255 nama akun
username varchar 50 username akun * Primary key
6. Tabel modul
Tabel modul berguna untuk menyimpan keterangan
mengenai modul yang akan digunakan. Berikut ini adalah
field-field yang dibuat dalam tabel modul beserta
keterangannya.
Tabel 3.6 Tabel modul
Field Name Tipe data Ukuran Keterangan
id_modul int 5 id modul * nama_modul varchar 50 nama modul
link varchar 100 url modul static_content text isi dari url
gambar varchar 100 nama gambar status enum ‘user’,’admin’ level modul aktif enum ‘Y’,’N’ status modul urutan int 5 nomor urut modul
* Primary key
36
7. Tabel orders
Tabel orders digunakan untuk menampung dan
menyimpan data jumlah item, harga, total harga, dan lain-
lain. Berikut ini adalah field-field yang dibuat dalam tabel
orders beserta keterangannya.
Tabel 3.7 Tabel orders
Field Name Tipe data Ukuran Keterangan
id_orders int 5 id pesanan * nama_kustomer varchar 100 nama pembeli
alamat text alamat pembeli telpon varchar 20 nomor telpon pembeli email varchar 50 email pembeli
status_order varchar 50 status pesanan tgl_order date tanggal pesan jam_order time jam pesan id_kota int 5 id kota tujuan pengiriman
** nama_shipping varchar 100 nama tujuan pengiriman alamat_shipping text alamat tujuan pengiriman telpon_shipping varchar 20 nomor telpon tujuan
pengiriman * Primary key ** Foreign key
8. Tabel orders_detail
Tabel orders_detail berguna untuk menampung detail
pesanan dari nomor pesanan yang sudah di buat. Berikut ini
adalah field-field yang dibuat dalam tabel orders_detail
beserta keterangannya.
37
Tabel 3.8 Tabel orders_detail
Field Name Tipe data Ukuran Keterangan
id_orders int 5 id pesanan ** id_produk int 5 id produk ** jumlah int 5 jumlah pesanan per id produk
** Foreign key
9. Tabel orders_temp
Tabel orders_temp digunakan untuk menyimpan dan
menampung data barang pesanan yang akan dibeli. Berikut
ini adalah field-field yang dibuat dalam tabel orders_temp
beserta keterangannya.
Tabel 3.9 Tabel orders_temp
Field Name Tipe data Ukuran Keterangan
id_orders_temp int 5 id pesanan sementara * id_produk int 5 id produk ** id_session varchar 100 id session jumlah int 5 jumlah pesanan per id produk
tgl_order_temp date tanggal pemasukan produk jam_order_temp time jam pemasukan produk
stok_temp int 5 jumlah stok produk sementara * Primary key ** Foreign key
10. Tabel produk
Tabel produk digunakan untuk menampung dan
menyimpan semua data produk dan akan dihubungkan
dengan kategori. Berikut ini adalah field-field yang dibuat
dalam tabel order beserta keterangannya.
38
Tabel 3.10 Tabel produk
Field Name Tipe data Ukuran Keterangan
id_produk int 5 id produk * id_kategori int 5 id kategori ** nama_produk varchar 100 nama produk produk_seo varchar 100 url produk deskripsi text keterangan produk harga int 20 harga produk stok int 5 jumlah stok produk berat decimal 5,2 berat produk
tgl_masuk date tanggal pemuatan produk gambar varchar 100 nama file gambar produk dibeli int 5 jumlah produk yang telah dibeli
* Primary key ** Foreign key
11. Tabel statistik
Tabel statistik berguna untuk menyimpan informasi
dari pengunjung web. Berikut ini adalah field-field yang
dibuat dalam tabel statistik beserta keterangannya.
Tabel 3.11 Tabel statistik
Field Name Tipe data Ukuran Keterangan
ip varchar 20 ip pengunjung tanggal date tanggal berkunjung hits int 10 jumlah kunjungan online varchar 255 jumlah ip yang sedang berkunjung
Tabel 3.1 sampai tabel 3.11 merupakan kumpulan data-data yang
akan memberikan semua isi dan fungsi yang dibutuhkan pada website.
39
3.4.1 Relasi Antar Tabel
Berikut ini adalah relasi dari tabel yang dijabarkan diatas.
Gambar 3.7 Hubungan antar tabel basis data
Gambar 3.7 menunjukkan hubungan antara entitas yang
berbeda dimana pertama-tama penulis mengasumsikan hanya ada
satu administrator sistem di dalam CompuShop.
40
Sebagai tambahan, 1 pengunjung dapat memesan n orders.
Berikutnya, 1 produk dapat mempunyai n orders atau 1 orders
dapat dipunyai n produk dan 1 kategori mempunyai n produk.
Pada akhirnya adminstrator bisa mengatur data n kategori, n
produk. Bentuk ini diadopsi untuk memandu perancangan sistem
basis data MySQL CompuShop. Oleh sebab itu dalam
perancangan basis data compushop, terdapat 11 tabel yang
berbeda untuk menyimpan jenis data yang berbeda. Diantara 11
tabel tersebut ada yang saling berhubungan dan ada yang berdiri
sendiri.
3.5 Perancangan Struktur Web
Adapun perancangan halaman-halaman dalam website ini dibagi
atas dua macam yaitu bagi admin dan bagian pengunjung (calon pembeli).
Rancangan ini dapat dilihat dari gambar 3.8 sampai gambar 3.11.
Gambar 3.8 Tampilan halaman utama pengunjung
Header
TwitterCompuShop
Konten UtamaBerdasar Menu Utama
Produk Terlaris
Daftar Kategori
Lokasi Web
Menu Utama
Footer
41
Gambar 3.9 Tampilan halaman detail info produk
Gambar 3.10 Tampilan halaman login administrator
42
Gambar 3.11 Tampilan halaman utama administrator
3.6 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan diagram alir data, mulai
dari memasukkan data, memproses data hingga menghasilkan
informasi.DFD ini bisa dipergunakan untuk sistem secara nyata, sehingga
orang mengerti kenyataan tentang sistem yang sedang berjalan.
Gambar 3.12 Diagram Alir Data
43
3.7 Bagan Alir (Flowchart) Program
Flowchart sendiri merupakan gambaran yang menampilkan
struktur, hierarki dan isi halaman per halaman, berikut gambarannya :
1. Flowchart halaman utama
Gambar 3.13 Flowchart halaman utama
Mulai
Tampilkan Menu
Home
Proses Pesanan
Keranjang Belanja
Pencarian
Konten Statis
Tampilkan Semua Produk
Tampilkan Hasil
Pencarian
Tampilkan Konten Statis
Tampilkan Isi
Keranjang Belanja
Tampilkan Form Data Pembeli
Stop
Keluar
Ya
Tidak
Ya
Ya
Ya
Ya
Ya
Tidak
Tidak
Tidak
Tidak
Tidak
44
2. Flowchart halaman home
Gambar 3.14 Flowchart halaman home
3. Flowchart halaman semua produk
Gambar 3.15 Flowchart halaman semua produk
45
4. Flowchart halaman pencarian produk
Gambar 3.16 Flowchart pencarian kata
ProsedurPencarian
Isi Kata Yang Dicari
Kata Sudah Diisi ? Cari Di Basis Data Ketemu ?
Pindah Ke Halaman Hasil
Pencarian
Pindah Ke Halaman Hasil
Pencarian
TampilkanTidak Ada Hasil
Tampilkan Produk
Ya
Tidak
Ya
Tidak
5. Flowchart halaman konten statis
Gambar 3.17 Flowchart menampilkan konten statis
46
6. Flowchart halaman keranjang belanja
Gambar 3.18 Flowchart keranjang belanja
7. Flowchart halaman hubungi kami
Gambar 3.19 Flowchart hubungi kami
47
8. Flowchart halaman administrator
Gambar 3.20 Flowchart halaman administrator
Flowchart pada Gambar 3.13 sampai Gambar 3.20 merupakan
gambaran dari setiap program yang akan dibuat guna membentuk suatu
sistem penjualan yang telah diharapkan.
BAB IV
PENGUJIAN DAN ANALISIS SISTEM
Pengujian sistem dilakukan secara online, dengan menggunakan web
hosting SoloNet dan domainnya bernama www.jalabuana.com.
4.1 Komponen Sistem
Agar mengetahui sistem yang telah dirancang dan dibangun dapat
berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap
sistem. Untuk itu dibutuhkan beberapa komponen utama mencakup
perangkat keras (hardware), perangkat lunak (software), operator
(brainware) dan tentu saja koneksi internet. Komponen-komponen yang
mencakup seperti diatas sangat dibutuhkan untuk menjalankan sistem ini.
4.1.1 Kebutuhan Perangkat Keras/ Hardware
Perangkat keras merupakan komponen-komponen peralatan
yang membentuk suatu sistem komputer dan peralatan-peralatan
tambahan lainnya yang memungkinkan komputer untuk
menjalankan tugasnya sesuai dengan yang diberikan. Komponen
ini bersifat nyata secara fisik, artinya dapat dilihat dan dipegang.
4.1.1.1 Komputer Server
Komputer server bertugas melayani permintaan
client terhadap akses data di dalam jaringan,
menggunakan sebuah PC Desktop yang sudah tersedia
ketika berlangganan web hosting. Spesifikasi minimal
48
49
komputer server yang dapat digunakan agar sistem dapat
berjalan baik adalah sebagai berikut :
1. Monitor Super VGA (Optional).
2. CPU (Central Processing Unit), setara
dengan Intel Pentium 4.
3. Harddisk sebagai media penyimpanan
minimal 20GB.
4. Memori atau biasa disebut RAM, minimal
128 MB.
5. Keyboard dan Mouse (Optional).
4.1.1.2 Komputer Client
Komputer client digunakan untuk mengakses
sistem yang telah dibuat dan di hostingkan di komputer
server dihubungkan melalui internet dengan media
transmisi menggunakan kabel UTP (Unshielded twisted-
pair). Spesifikasi minimal komputer client yang dapat
digunakan agar sistem dapat berjalan baik adalah sebagai
berikut :
1. Monitor Super VGA.
2. CPU (Central Processing Unit), setara
dengan Intel Pentium 4.
3. Harddisk sebagai media penyimpanan
minimal 20GB.
50
4. Memori atau biasa disebut RAM, minimal
128 MB.
5. Keyboard dan Mouse.
4.1.2 Kebutuhan Perangkat Lunak/ Software
Perangkat keras tidak dapat menjalankan tugasnya tanpa
adanya perangkat lunak yang terinstal. Perangkat lunak
merupakan komponen di dalam sistem data berupa program atau
instruksi untuk mengontrol suatu sistem. Perangkat lunak yang
diperlukan untuk menjalankan sistem terbagi menjadi 2 fungsi,
yaitu:
4.1.2.1 Komputer Server
Perangkat lunak untuk komputer yang bertugas
sebagai server harus terinstal perangkat lunak minimal
sebagai berikut :
1. Sistem operasi sebagai platform dari
perangkat lunak lainnya. Ubuntu server
memiliki performa bagus dan juga
merupakan sistem operasi yang gratis.
2. MySQL sebagai bahasa pemrograman
untuk database dalam bahasa SQL
(Structured Query Language) yang
digunakan untuk mengelola basis data.
51
3. PHP sebagai bahasa pemrograman server
side, dapat membuat perintah query pada
pemrogramannya seperti perintah dasar
SQL.
4. Web Server sebagai server lokal dalam
pengetesan halaman web sebelum file-file
dan script web dipublikasikan pada
internet, seperti PWS (Personal Web
Server) atau Apache Web Server seperti
yang digunakan penulis.
4.1.2.2 Komputer Client
Perangkat lunak untuk komputer yang bertugas
sebagai client harus terinstal perangkat lunak minimal
sebagai berikut :
1. Sistem operasi Windows XP SP2.
2. Browser sebagai tempat melihat output
atau tampilan halaman web, misal Google
Chrome, Internet Explorer, Mozilla
Firefox, Netscape Navigator, dll.
52
4.1.3 Kebutuhan Operator/Brainware
Perangkat operator (brainware) merupakan faktor sumber
daya manusia yang bertugas untuk menangani berbagai fasilitas
sistem yang telah dibuat. Sumber daya manusia tersebut adalah
orang-orang memiliki keahlian pada bidang masing-masing dan
merupakan unsur pendukung dalam sistem ini yang meliputi :
1. Administrator.
Administrator bertugas sebagai pengelola
seluruh isi dari sistem.
2. Pengunjung.
Pengunjung merupakan sumber daya manusia
inti dari sistem yang telah dibangun karena
pengunjung adalah calon pembeli.
4.1.4 Kebutuhan Internet
Sistem yang sudah dibangun bertujuan untuk menjual
barang secara online dengan menggunakan media internet. Server
dan client harus saling terhubung ke internet agar keduanya dapat
berkomunikasi antara satu dengan lainnya.
53
4.2 Pengujian Sistem
Sistem yang telah dibuat akan dilakukan pengujian dari hasil
implementasi perancangan yang dilakukan sebelumnya. Tujuan pengujian
ini adalah untuk mengetahui apakah sistem yang dibuat sudah bekerja
seperti yang diharapkan atau belum. Beberapa hal yang diujikan meliputi :
4.2.1 Akses Pengunjung Terhadap Halaman Depan Sistem
Halaman depan program adalah halaman saat pertama kali
pengunjung mengetikkan ”http://www.jalabuana.com/bbcc/” pada
address bar di web browser Google Chrome. Pada halaman ini
akan ditampilkan beberapa menu pilihan antara lain : home,
semua produk, cara pembelian, profil kami, hubungi kami dan
pilihan menu kategori produk. Tampilan halaman depan seperti
pada Gambar 4.1.
Gambar 4.1 Tampilan halaman utama
54
4.2.2 Akses Pengunjung Terhadap Halaman Semua Produk
Halaman yang menyediakan daftar semua macam produk
yang ditawarkan, ditujukan kepada pengunjung sebagai acuan
dalam memilih barang yang akan dibelinya.
Gambar 4.2 Tampilan halaman semua produk
55
4.2.3 Akses Pengunjung Terhadap Halaman Hasil Pencarian
Halaman ini berfungsi menampilkan hasil pencarian dari
kata yang diinginkan. Ketikkan nama dari produk yang
diinginkan kemudian tekan tombol enter.
Gambar 4.3 Tampilan halaman pencarian
56
4.2.4 Akses Pengunjung Terhadap Halaman Detail Info Produk
Halaman ini berisi tentang informasi detail dari produk
yang akan dibeli oleh pengunjung.
Gambar 4.4 Tampilan halaman detail info produk
57
4.2.5 Akses Pengunjung Terhadap Halaman Keranjang Belanja
Halaman ini menampilkan produk-produk apa saja yang
telah pengunjung pesan, jika keranjang masih kosong maka
pengunjung akan diberikan peringatan dan akan dibawa kembali
ke halaman utama yang terbentuk dari script berikut :
<div class="category"> <h3 class="head">Menu Pengaturan</h3> <div class="arrowlistmenu"> <?php include "../config/koneksi.php"; if ($_SESSION[leveluser]=='admin'){ $sql=mysql_query("select * from modul where aktif='Y' order by urutan"); } else{ $sql=mysql_query("select * from modul where status='user' and aktif='Y' order by urutan"); } echo "<a href=?module=home class='menuheader'>Home</a>"; while ($m=mysql_fetch_array($sql)){ echo "<a href='$m[link]' class='menuheader'>$m[nama_modul]</a>"; } echo "<a href=logout.php class='menuheader'>Logout</a>"; ?> </div> <div class="clear"></div> </div>
session_destroy(); echo "<center>Anda telah sukses keluar sistem <b>[LOGOUT]<b>"; // Apabila setelah logout langsung menuju halaman utama website, aktifkan baris di bawah ini: header('location:index.php'); ob_flush(); ?> ../bbcc/ng4d1m1n/cek_login.php ?php include "../config/koneksi.php"; function antiinjection($data){ $filter_sql = mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars($data,ENT_QUOTES)))); return $filter_sql; } $username = antiinjection($_POST[username]); $pass = antiinjection(md5($_POST[password])); $login=mysql_query("SELECT * FROM admins WHERE username='$username' AND password='$pass' AND blokir='N'"); $ketemu=mysql_num_rows($login); $r=mysql_fetch_array($login); // Apabila username dan password ditemukan if ($ketemu > 0){ session_start(); session_register("namauser"); session_register("namalengkap"); session_register("passuser"); session_register("leveluser"); $_SESSION[namauser] = $r[username]; $_SESSION[namalengkap] = $r[nama_lengkap]; $_SESSION[passuser] = $r[password]; $_SESSION[leveluser] = $r[level]; header('location:media.php?module=home'); } else{ echo" <script> window.alert('Username / Password Salah.'); window.location=('index.php') </script>"; } ?>
Kode Pembentuk Halaman Pengunjung ../bbcc/index.php <?php header('location:home'); ?> ../bbcc/ng4d1m1n/utama.php <?php ob_start(); error_reporting(0); session_start(); include "config/koneksi.php"; include "config/fungsi_indotgl.php"; include "config/class_paging.php"; include "config/fungsi_combobox.php"; include "config/library.php"; include "config/fungsi_autolink.php"; include "config/fungsi_rupiah.php"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow"> <meta name="description" content="<?php include "dina_meta1.php"; ?>"> <meta name="keywords" content="<?php include "dina_meta2.php"; ?>"> <meta name="google-site-verification" content="AK1nZ-w8s3Zf0Qy5mXHmzVCaa2pXc2lM1xa8oZSkRXY" /> <meta http-equiv="Copyright" content="iVash"> <meta name="author" content="A Indra Perdana"> <meta http-equiv="imagetoolbar" content="no"> <meta name="language" content="Indonesia"> <meta name="revisit-after" content="7"> <meta name="webcrawlers" content="all"> <meta name="rating" content="general"> <meta name="spiders" content="all"> <title><?php include "dina_titel.php"; ?></title> <link rel="shortcut icon" href="images/favicon.ico" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss.xml" /> <!-- // Stylesheets // --> <link rel="stylesheet" href="css/style.css" type="text/css" />
mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')"); } else{ mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'"); } $pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip")); $totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0); $hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal")); $totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); $bataswaktu = time() - 300; $pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'")); ?> <div class="lefts"> <label> <p><img src='images/hariini.png'> Pengunjung online : <?php echo $pengunjungonline ?></p> <p><img src='images/total.png'> Pengunjung hari ini : <?php echo $pengunjung ?></p> <p><img src='images/hariini.png'> Total pengunjung : <?php echo $totalpengunjung ?></p> <p><img src='images/total.png'> Hits hari ini : <?php echo $hits[hitstoday] ?></p> <p><img src='images/online.png'> Total hits : <?php echo $totalhits ?></p> </label> </div>