Jurnal Ardhie Dinas Batam Dan

1

Sistem Informasi Penjualan Berbasis Web pada
CV. Alfa Jaya Computer
Ardhie Dwi Saputra
Sistem Informasi Fakultas Ilmu Komputer
Universitas Mercu Buana
http://www.mercubuana.ac.id
Abstract— The growth of internet world and the appearance of various information these days, making every web to become
interaktif to be visited by many internet users. Not only from interesting content, but existing facilities must have to earn of visitor
requirement which while visiting the website. Software computer application and Internet was growing faster, that way also with web
application and internet browser and also intranet.

Keywords

: Internet, Website, Ecommerce, Browser, Intranet, Electronic Data

Interchange, PHP.

Abstrak — Perkembangan dunia internet dan munculnya berbagai informasi dewasa ini, menjadikan setiap web untuk tampil
interaktif agar banyak dikunjungi oleh banyak pengguna internet. Tak hanya dari segi isi saja yang harus menarik, tetapi fasilitas

yang ada harus dapat memenuhi kebutuhan pengunjung yang sedang berkunjung ke website tersebut. Aplikasi perangkat lunak
komputer dan Internet telah berkembang pesat, demikian pula dengan aplikasi web dan browser internet maupun intranet.

Kata Kunci : Internet, Website, Ecommerce, Browser, Intranet, Electronic Data
I. PENDAHULUAN
1.1. Latar Belakang
Perkembangan dunia bisnis yang semakin pesat dan
persaingan usaha yang semakin ketat mendorong para pelaku
usaha untuk meningkatkan kinerja perusahaannya. Teknologi
komputer berkembang sangat pesat dengan munculnya
internet dimana komputer-komputer dapat saling terhubung
membentuk jaringan yang sangat luas diseluruh dunia.
Siapapun yang mempunyai akses kedalam jaringannya dapat
saling bertukar informasi berbagai macam bentuk data teks,
gambar, suara, file dan sebagainya. Lebih dari itu jaringan ini
dapat diakses selama 24 jam.
CV. Alfa Jaya Computer merupakan toko yang menjual
hardware komputer dengan harga yang sangat bersaing.
Selama ini informasi yang dilakukan oleh Alfa Jaya Computer
hanya menggunakan brosur sehingga promosinya masih

sangat terbatas.
Untuk mengatasi masalah tersebut maka informasi yang
disampaikan perlu diperluas dengan cara membuat website
mengenai produk-produk yang dijual oleh Alfa Jaya
Computer. Pelayanan kepada konsumen suatu bidang usaha
penjualan harus inovatif dan selalu memberikan yang terbaik
bagi konsumen. Inovatif dalam arti harus menjual produkproduk yang sesuai dengan kebutuhan konsumen disamping
itu barang-barang yang ditawarkan mengikuti perkembangan,
kemudian selalu memberikan yang terbaik berarti memberikan
banyak alternatif barang, dan kemudahan dalam bertransaksi.

promosi dengan brosur dan menggunakan proses pengolahan
data secara manual dan belum terkomputerisasi. Hal ini dapat
mengakibatkan Alfa Jaya Computer tidak dapat bersaing
dalam bidang usaha tersebut dan tidak dapat berkembang.
1.3. Tujuan Penulisan
Tujuan dari penulisan perancangan sistem informasi
penjualan berbasis web pada CV. Alfa Jaya Computer antara
lain:
1. Menyusun suatu sistem informasi berbasis web

secara sistematis, terstruktur, terarah dan lengkap.
2. Membuat media promosi CV. Alfa Jaya Computer
melalui internet sehingga meningkatkan pendapatan
dari toko tersebut.
1.4.

Batasan Masalah
Dari beberapa permasalahan yang ditemukan dalam
pembuatan Sistem Informasi Penjualan Berbasis Web pada
CV. Alfa Jaya Computer, Mengingat keterbatasan waktu
kemampuan dan sarana yang ada, maka penulis membatasi
permasalahan sebagai berikut:
1. Sistem yang dibuat hanya memberikan informasi
mengenai daftar katalog produk, spesifikasi produk
yang dijual, dan transaksi yang berkaitan dengan
CV. Alfa Jaya Computer.
2. Proses pembayaran dilakukan melalui sistem transfer
rekening atau cash on delivery.
1.5.


1.2. Permasalahan
Di era globalisasi
sekarang ini CV. Alfa Jaya
Computer dalam menjalankan usahanya hanya mengandalkan

Interchange, PHP.

Metodologi Penelitian
Pemakaian suatu metode sangat penting dalam
penelitian untuk sebuah penulisan karena hasil penelitian yang
tertuang dalam sebuah tulisan sangat bergantung bagaimana

2
metodologi yang digunakan. Maka penulis melakukan
beberapa teknik pengumpulan data agar data dan dokumen
yang diperlukan dapat diperoleh dengan akurat, beberapa
teknik pengumpulan data tersebut adalah :
1. Tinjauan pustaka, yaitu dengan mencari informasi
mengenai teori-teori yang berhubungan dengan
penelitian dari sumber-sumber seperti buku-buku

atau sumber yang lainnya.
2. Wawancara, yaitu dengan melakukan tanya jawab
langsung mengenai hal-hal yang berhubungan
dengan penelitian.
3. Pengumpulan data, mengumpulkan data-data yang
terkait dengan proyek pembuatan sistem yang
sedang dikerjakan.
4. Observasi, yaitu dengan melaksanakan pengamatan
atau pengambilan data langsung dilokasi penelitian.
Sistematika Penulisan
Untuk mendapatkan gambaran umum mengenai
tugas akhir ini, pembahasannya menggunakan sistematika
penulisan bab demi bab yang penulis uraikan sebagai berikut :
BAB I
: PENDAHULUAN
BAB II
: LANDASAN TEORI
BAB III
: ANALISA DAN PERANCANGAN
SISTEM

BAB IV
: IMPLEMENTASI DAN PENGUJIAN
PROGRAM
BAB V
: PENUTUP

b.

Pendekatan Pengembangan dengan metode Waterfall
Model ini adalah model klasik yang bersifat sistematis,
berurutan dalam membangun software. Ada beberapa tahapan
dalam pengembangan sistem, tahapan-tahapan tersebut
merupakan daur hidup (classic Life Cycle) yang selalu
berhubungan.
Sistem Enginering

Analisis

Design


Code

Testing

1.6.

II. LANDASAN TEORI
2.1. Sistem Informasi
Definisi sistem berkembang sesuai dengan konteks
dimana pengertian sistem itu digunakan. Berikut akan
diberikan beberapa definisi sistem secara umum.
1.

Kumpulan dari bagian-bagian yang bekerja sama untuk
mencapai tujuan yang sama.

2.

Sekumpulan objek-objek yang saling berelasi dan
berinteraksi serta hubungan antar objek bisa dilihat

sebagai satu kesatuan yang dirancang untuk
mencapai satu tujuan.
Dengan demikian, secara sederhana sistem dapat
diartikan sebagi suatu kumpulan atau himpunan dari unsurunsur atau variabel-variabel yang saling terorganisasi, saling
berinteraksi, dan saling bergantung.
2.2. Analisis dan Perancangan Sistem
a. Pengertian analisis dan perancangan sistem
Analisis sistem didefinisikan sebagai bagaimana
memahami dan menspesifikasi dengan detail apa yang harus
dilakukan oleh sistem. Sementara sistem desain atau
perancangan sistem diartikan sebagai menjelaskan dengan
detail bagaimana bagian-bagian dari sistem informasi
diimplementasikan. Dengan demikian, analisis dan
perancangan sistem bisa didefinisikan sebagai proses dimana
sistem informasi berbasis komputer diimplementasikan.

Maintenance

Gambar Sistem Model Waterfall
2.3. Pemodelan Data (Data Modeling)

Pemodelan
data
adalah
cara
formal
untuk
menggambarkan data yang digunakan dan diciptakan dalam
suatu sistem bisnis. Model ini menunjukkan orang, tempat
atau benda di mana data diambil dan hubungan antar data
tersebut. Penyusunan pemodelan data harus seimbang dengan
pemodelan proses. Salah satu cara pemodelan data adalah
dengan ERD (Entity Relationship Diagram).
a. Entity relationship diagram (ERD)
ERD adalah gambar atau diagram yang menunjukan
informasi dibuat, disimpan, dan digunakan dalam sistem
bisnis. Entitas biasanya menggambarkan jenis informasi yang
sama. Dalam entitas digunakan untuk menghubungkan antar
entitas sekaligus menunjukkan hubungan antar data. Pada
akhirnya ERD bisa digunakan untuk menunjukkan aturanaturan bisnis yang ada pada sistem informasi yang akan
dibangun. ERD membantu baik perancang sistem maupun

pengguna dapat dengan mudah melihat peta dari keterkaitan
objek data yang ada di dalam enterprise.
b. Memvalidasi ERD
Untuk mebuat ERD, diperlukan latihan dan jam
terbang. Ada beberapa pedoman yang perlu diperhatikan
untuk membuat ERD, di antaranya:
ƒ Entitas harus memiliki banyak kejadian.
ƒ Hindari penggunaan atribut yang tidak perlu.
ƒ Berilah label yang jelas untuk semua komponen.
ƒ Pasanglah kardinalitas yang jelas dan benar.
ƒ Pecah atribut menjadi level serendah mungkin
yang diperlukan.
ƒ Label harus merefleksikan istilah-istilah bisnis
yang umum.
ƒ Asumsi harus disebutkan dengan jelas.
1. Normalisasi

3
Suatu desain database harus memenuhi kondisi dari
struktur perancangan yang baik diantaranya yaitu tidak adanya

kejanggalan dari suatu penempatan atribut dari suatu objek
data. Untuk menghindari hal tersebut maka diperlukan proses
normalisasi
data.
Normalisasi
merupakan
proses
pengelompokkan elemen data menjadi tabel-tabel yang
menunjukan entitas dan relasinya.
Normalisasi adalah proses pengelompokan atributatribut dari suatu relasi sehingga membentuk sebuah relasi
yang jumlah kerangkapan datanya sedikit dan memberikan
kemungkinan dari user untuk melakukan insert, delete, modify
terhadap baris-baris data pada relasi tersebut yang tidak
berakibat terjadinya kesalahan yang disebabkan pada operasioperasi tersebut.
2.4. Unified Modeling Language (UML)
UML adalah kependekan dari Unified Modeling
Language yang merupakan suatu cara untuk menyelesaikan
suatu masalah dengan mendeskripsikannya yang telah menjadi
standar dalam dunia industri untuk memvisualisasikan,
merancang dan mendokumentasikan sistem perangkat lunak.
Dengan menggunakan UML kita dapat membangun model
untuk segala bentuk dan jenis aplikasi perangkat lunak, yang
mana aplikasi yang dibangun dapat berjalan pada perangkat
lunak dengan sistem operasi dan jaringan apapun. Selain itu,
dengan menggunakan UML, programmer dapat mengerti,
memahami dengan jelas maksud, tujuan dan arah rancangan
sistem, sehingga sistem perngakat lunak yang dirancang dapat
dibangun dengan bahasa program apapun. Namun karena
UML merupakan suatu model pengembangan sistem
perangkat lunak yang berbasis object oriented sehingga
menggunakan
2.5. E-commerce
E-commerce (perniagaan elektronik) merupakan
sebagian dari Electronic Business (bisnis yang dilakukan
dengan menggunakan electronic transmission). Secara umum
e-commerce dapat didefinisikan sebagai segala bentuk
transaksi perniagaan barang atau jasa dengan menggunakan
media elektronik. Media elektronik yang dimaksud hanya
difokuskan dalam penggunaan media internet. Penggunaan
internet dipilih karena kemudahan-kemudahan yang dimiliki
oleh jaringan internet, yaitu:
1. Internet sebagai jaringan publik yang sangat besar,
seperti jaringan publik elektronik, yaitu murah,
cepat, dan kemudahan akses.
2. Menggunakan electronik data sebagai media
penyampaian data sehingga dapat dilakukan
pengiriman dan penerimaan informasi secara mudah
dan ringkas, baik dalam bentuk data elektronik
analog maupun digital.
2.6. Teori Pemrograman
a. HTML (Hyper Text Markup Language)

Awal mulanya HTML ditemukan oleh Tim BernersLee(1980) yang bekerja di CERN, bahasa pemrograman
HTML ini lalu digunakan oleh banyak orang untuk
menampilkan isi sebuah situs dan untuk saling berkomunikasi
dengan orang lain melalui internet. HTML digunakan untuk
membangun suatu halaman web. HTML merupakan
pengembangan dari standar pemformatan dokumen teks yaitu
SGML (Standard Generalized Markup Language). HTML
sebenarnya adalah dokumen ASCII atau teks biasa, yang
dirancang untuk tidak tergantung pada satu sistem operasi
tertentu.
b. PHP (HyperText Preprocessor)
PHP merupakan script untuk pemrograman script web
server-side, script yang membuat dokumen HTML secara on
the fly, dokumen HTML yang dihasilkan dari suatu aplikasi
bukan dokumen HTML yang dibuat dengan menggunakan
editor teks atau editor HTML.
Dengan menggunakan PHP maka maintenance suatu
situs web menjadi lebih mudah. Proses update data dapat
dilakukan dengan menggunakan aplikasi yang dibuat dengan
menggunakan script PHP.
c. Database MySQL
Database digunakan untuk penyimpanan data.
Demikian pula dengan MySQL melalui PHP, kemudian
hasilnya dikirim ke komputer klien untuk ditampilkan pada
browser.Data pada MySQL dapat dipanggil, dihapus, atau
melalui query.

III. ANALISA DAN PERANCANGAN SISTEM
3.1. Analisa Masalah
CV.Alfa Jaya Computer bergerak dalam bidang
penjualan hardware komputer. Meningkatnya persaingan
bisnis terutama dibidang penjualan hardware komputer
membuat CV.Alfa Jaya Computer berusaha agar dapat
bersaing dengan perusahaan lain.
Untuk itu dirumuskan beberapa masalah yang melatar
belakangi perancangan Sistem Informasi Berbasis web pada
CV. Alfa Jaya Computer, adalah sebagai berikut :
1. Penyampaian informasi selama ini juga sangat
terbatas karena hanya
menggunakan brosur,
sehingga ruang lingkup pemasaran sangat sempit
sehingga mengakibatkan perusahaan kesulitan untuk
menyampaikan informasi mengenai produk dan
harga setiap produk terhadap para pelanggannya.
Padahal harga yang ditawarkan CV. Alfa Jaya
Computer sangat kompetitif.
2. Pelanggan hanya dapat memesan pada jam kerja saja,
sehingga bagi pelanggan yang bekerja mengalami
kesulitan untuk datang langsung ke toko Alfa Jaya.
3. Terbatasnya ruang dan karyawan CV. Alfa Jaya
Computer menyebabkan kurang maksimalnya kinerja
perusahaan karena terbatasnya jumlah pelanggan
yang dapat dilayani.

4
3.2. Pemecahan Masalah
Berdasarkan permasalahan yang dihadapi CV.Alfa Jaya
Computer diusulkan untuk membuat aplikasi penjualan
berbasis web. Sistem informasi penjualan berbasis web dinilai
dapat lebih efisien karena dapat menghemat biaya operasional,
biaya promosi,
penyampaian informasi tentang produk
terbaru kepada konsumen dapat lebih cepat, serta
meningkatkan profit perusahaan.
Sistem informasi yang diusulkan pada CV.Alfa Jaya
Computer sebagai berikut:

Sistem informasi yang memudahkan konsumen
untuk mendapatkan informasi-informasi mengenai
produk dan cara pemesanan.

Sistem informasi memberikan fasilitas kepada
konsumen untuk melakukan pemesanan produk
melalui website.

Sistem informasi mempunyai keamanan yang baik
bagi perusahaan maupun konsumen.

Sistem yang besifat fleksibel sehingga sesuai
dengan kebutuhan perusahaan untuk merubah data.
3.3. Analisa Proses Berjalan
Dibawah ini merupakan activity diagram yang terjadi
dalam sistem yang sedang berjalan secara konvensional pada
CV. Alfa Jaya Computer.
a. Activity Diagram Proses Pemesanan

Gambar Activity Diagram Proses Pemesanan
b. Activity Diagram Proses Pembayaran

Gambar Activity Diagram Proses Pembayaran
c. Activity Diagram Proses Laporan Penjualan

Gambar Activity Diagram Proses Laporan Penjualan

3.4. Analisis Kebutuhan Sistem
a. Kebutuhan fungsional
1. Sistem harus dapat melakukan entri data produk.
2. Sistem harus dapat melakukan pendaftaran
member.
3. Sistem harus mempunyai password administrator.
4. mempunyai halaman login.
5. Sistem harus dapat melihat data pesanan.
6. Terdapat halaman keranjang belanja.
b. Kebutuhan non fungsional
1. Spesifikasi minimum
a. menggunakan sistem operasi Microsoft
Windows XP.
b. Processor Intel Pentium 3.
c. Kebutuhan memori 128 MB RAM.
d. Koneksi internet dengan kecepatan 64 Kbps.
e. Monitor dengan resolusi 1024 x 768 pixel.
2. Sekuriti
Sistem aplikasi untuk administrator dan pelanggan
dilengkapi password.
3. Informasi
a. Digunakan untuk menginformasikan apabila
password salah.
b. Digunakan untuk menampilkan prosedur
pemesanan.
3.5.

Usulan perancangan sistem
Permasalahan yang terjadi pada CV. Alfa Jaya
Computer merupakan akibat dari pelaksanaan sistem
yang konvensional. Untuk mengatasi permasalahan
tersebut maka diusulkan sistem penjualan dengan
menggunakan media web site. Web site yang dapat

5
diakses dengan internet memiliki kemampuan untuk
menyampaikan informasi secara efisien terhadap
pelanggan, menekan penggunaan media kertas, dan
memperluas jangkauan pemasaran. Penyampaian
informasi produk terbaru dan harga dapat
mendukung CV. Alfa Jaya Computer untuk
memperbaiki kualitas pelayanan terhadap pelanggan.
3.6. Use Case diagram Sistem Yang Diusulkan
Sebuah use case mempresentasikan sebuah interaksi
antara aktor dengan sistem. Use case diagram juga
menjelaskan manfaat sistem jika dilihat menurut pandangan
orang yang berada di luar sistem (aktor).
Use-case diagram yang digunakan dalam merancang
suatu sistem dapat sangat membantu pada saat kita menyusun
requirement sebuah sistem, mengomunikasikannya dengan
klien, dan merancang pengujian untuk semua fitur yang
terdapat dalam sistem. Rancangan hasil analisa tersebut
adalah sebagai berikut :

menghasilkan output tertentu. Diawali dari apa aktivitas
tersebut, proses dan perubahan apa saja yang terjadi secara
internal dan output apa yang dihasilkan.
a. Sequence Diagram Entry Data Barang
Sequence diagram entry data barang menerangkan
kegiatan yang dilakukan sistem pada saat entry data barang.

Gambar Sequence Diagram Entry Data Barang
b. Sequence Diagram Mengubah dan Menghapus Barang
Sequence diagram mengubah dan menghapus data
barang menerangkan kegiatan yang dilakukan sistem pada saat
mengubah dan menghapus data barang.

Gambar Sequence Diagram Mengubah dan Menghapus
Barang
Gambar Use Case Diagram Sistem Yang Diusulkan
3.7.

Sequence Dagram
Sequence diagram menggambarkan interaksi antar
objek di dalam dan di sekitar sistem (termasuk pengguna,
display, dan sebagainya) berupa message yang digambarkan
terhadap waktu. Sequence diagram terdiri atar dimensi
vertikal (waktu) dan dimensi horizontal (objek-objek yang
terkait).
Sequence
diagram
biasa
digunakan
untuk
menggambarkan skenario atau rangkaian langkah-langkah
yang dilakukan sebagai respons dari sebuah event untuk

c. Sequence Diagram Melihat dan Menghapus Data
Pesanan
Sequence diagram melihat dan menghapus data
pesanan menerangkan kegiatan yang dilakukan sistem pada
saat melihat dan menghapus data pesanan.

6

Gambar Sequence Diagram Melihat dan Menghapus Pesanan
d. Sequence Diagram Melihat dan Menghapus Pelanggan
Sequence diagram melihat dan menghapus data
pelanggan menerangkan kegiatan yang dilakukan sistem pada
saat melihat dan menghapus data pelanggan.

Gambar Sequence Diagram Daftar Baru
3.8. Rancangan Database
Rancangan database digunakan sebagai media
penyimpanan data yang dipergunakan dalam aplikasi ini dan
database membantu pemrograman dalam menampilkan data.
a. Normalisasi
Proses normalisasi adalah proses memecah suatu tabel
menjadi tabel yang lebih kecil sehingga menjadi rancangan
yang lebih baik tanpa menghilangkan informasi yang dapat
diperoleh darinya.
1) Bentuk Tidak Normal (Unnormalized Form)

Gambar Sequence Diagram Melihat dan Menghapus
Pelanggan
e. Sequence Diagram Memesan barang
Sequence diagram memesan barang menerangkan
kegiatan yang dilakukan sistem pada saat memesan barang.

Gambar Sequence Diagram Memesan Barang
f. Sequence Diagram Daftar Baru
Sequence diagram daftar baru menerangkan kegiatan
yang dilakukan sistem pada saat daftar baru.

7

2) Bentuk Normal Pertama (First Normal Form /1NF)

4) Bentuk Normal Ketiga (Third Normal Form /3NF)

b. Entity Realtionship Diagram (ERD)
3) Bentuk Normal Kedua (Second Normal Form /2NF)

8

c. Rancangan Tabel Database
1) Tabel transaksi

2) Tabel pelanggan

5) Tabel admin

3.9. Rancangan Layar
Rancangan layar ini dibuat untuk memudahkan user
untuk mendapatkan informasi dan memudahkan pemesanan
barang. Adapun rancangan layar tersebut adalah sebagai
berikut:
1) Rancangan Layar Login User
Halaman login user adalah tampilan yang pertama
kali akan dilihat oleh user setelah mengaktifkan alamat
pada browser. Form login akan menuju halaman utama.

3) Tabel barang
2) Rancangan Layar Utama
Rancangan layar ini merupakan layar inti, pada
layar ini akan ditampilkan judul, dan beberapa link yang
akan diakses.

4) Tabel kategori

9
Pada layar ini menampilkan data barang yang
dipesan oleh pelanggan. Selain itu pelanggan dapat
merubah atau menghapus data pesanan.
3) Rancangan Layar Daftar
Rancangan layar ini merupakan layar pendaftaran
pelanggan, pada layar ini akan ditampilkan form
pendaftaran yang akan disimpan dalam database.

6) Rancangan Layar Selesai Belanja
Pada layar ini digunakan untuk mengakhiri
proses belanja, dengan menampilkan data yang dipesan
pada keranjang belanja untuk dikonfirmasikan pada
pemesan.
4) Rancangan Layar Katalog Produk
Rancangan layar ini menampilkan daftar barang
disertai dengan informasi dan gambar. Link-link yang
terdapat pada halaman ini merupakan link yang akan
menampilkan daftar barang-barang sesuai dengan
kategorinya. Daftar barang-barang akan ditampilkan
secara detail dari nama, spesifikasi, harga dan gambar.
Dari data tersebut terdapat tombol pesan yang akan
mengirim data barang yang dipilih menuju keranjang
belanja.

7) Rancangan Layar Login Adminstrator
Layar ini akan menuju halaman layar
administrator. User diwajibkan mengisi username dan
password.

5) Rancangan Layar Keranjang Belanja

10

8) Rancangan Layar Adminstrator
Layar ini hanya bisa diakses setelah pengguna
berhasil memasukkan username dan password dengan
benar. Pada layar ini menampilkan stastistik data base,
seperti jumlah pelanggan, dan jumlah katalog.

9) Rancangan Layar Data Pesanan
Pada layar ini menampilkan daftar pesanan dan
keterangan pelanggan yang memesan.

10) Rancangan Layar Data Pelanggan
Layar ini menampilkan daftar pelanggan dengan
lengkap, Tombol ubah digunakan untuk merubah data
pelanggan sedangkan tombol hapus untuk menghapus
pelanggan.

11) Rancangan Layar Data Barang
Pada layar ini menampilkan daftar barang-barang
yang tersedia pada Alfa Jaya Komputer. Daftar barangbarang akan ditampilkan secara detail dari nama,
spesifikasi, harga dan gambar.

IV. IMPLEMENTASI DAN PENGUJIAN PROGRAM
4.1. Implementasi Program
Untuk dapat menjalankan program “Sistem Informasi
Penjualan Berbasis Web Pada CV. Alfa Jaya Computer” maka
diperlukan sebuah web server yang akan digunakan sebagai
tempat menyimpan program. Web server yang digunakan
dapat berupa “Apache Web Server”, IIS (Internet Information
Services), ataupun program web server lain yang mendukung
program PHP minimal versi 4.0.5 dan MySQL minimal versi
3.23 sebagai database server.
Untuk memulai program, jalankan browser seperti
“internet explorer”, Mozilla Firefox atau Netscape. Ketikan
alamat “http:/nama-server/path-folder/”. Nama-server adalah
nama server tempat program ditempatkan, dan path-folder
merupakan path dibawah root tempat program disimpan.
Gambar 4.1 adalah tampilan versi PHP yang digunakan.

11

Program telah diuji coba pada dua sistem operasi yaitu
Windows XP Professional dan Windows 98 dengan
menggunakan versi PHP dan MySQL yang sama. Dalam
ujicoba tersebut, program dapat berjalan dengan baik pada
kedua sistem operasi.

3) Utama
Halaman utama adalah tampilan yang muncul
setelah user mengisi user id dan password dengan benar.
Pada tampilan menu utama terdapat enam link.

4.2. Tampilan layar Implementasi Program
Tampilan layar berikut ini diambil dari implementasi
pada sistem operasi Windows XP Professional.
1) Halaman Login User
Halaman login user adalah tampilan yang pertama
kali akan dilihat oleh user setelah mengaktifkan alamat
pada browser. Pada tampilan halaman login user terdapat
satu form login dan dua link. Form login akan menuju
halaman utama. Link daftar baru akan menuju halaman
daftar.
4) Katalog Produk
Tampilan layar katalog produk menampilkan daftar
barang-barang yang tersedia pada Alfa Jaya Komputer.
Link-link yang terdapat pada halaman ini merupakan link
yang akan menampilkan daftar barang-barang sesuai
dengan kategorinya.

2) Daftar
Daftar adalah halaman yang digunakan tamu untuk
mendaftarkan diri apabila belum menjadi pelanggan Alfa
Jaya Komputer.
5) Keranjang Belanja
Halaman ini akan menampilkan data barang yang
telah dipesan oleh user. Selain itu,pada keranjang belanja
user dapat mengubah atau menghapus data yang telah
dipesan.

12
kategorinya. Daftar barang-barang akan ditampilkan
secara detail dari nama, spesifikasi, harga dan gambar.
Terdapat tombol edit dan hapus yang dapat digunakan
untuk merubah harga atau menghapus barang dari
program.

6) Selesai Belanja
Halaman ini digunakan untuk mengakhiri proses
belanja, dengan menampilkan data yang dipesan pada
keranjang belanja untuk dikonfirmasikan pada pemesan
dan menampilkan data pemesan. Tombol kirim digunakan
untuk mengirim data pesanan.

9) Data Pelanggan
Halaman ini menampilkan daftar pelanggan
dengan lengkap, Tombol ubah digunakan untuk merubah
data pelanggan sedangkan tombol hapus untuk
menghapus pelanggan dari data base.

7) Data Pesanan
Halaman ini menampilkan daftar pesanan dan
keterangan pelanggan yang memesan. Data pesanan
ditampilkan berurutan berdasarkan tanggal. Terdapat
tombol hapus pada halaman ini jika data-datanya sudah
tidak diperlukan lagi.

10) Tambah Barang
Halaman ini digunakan untuk mengisi data-data
katalog barang. Data yang dimasukan antara lain id
barang, nama barang, kategori barang, spesifikasi, harga
dan gambar barang.

8) Data Barang
Halaman ini berfungsi menampilkan daftar barangbarang yang tersedia pada Alfa Jaya Komputer. Link-link
yang terdapat pada halaman ini merupakan link yang akan
menampilkan daftar barang-barang sesuai dengan

13

4.3. Skenario Pengujian
Skenario pengujian dilakukan untuk menentukan
langkah – langkah dalam melakukan pengujian. Pengujian
dilakukan dengan menjalankan aplikasi. Setelah aplikasi
dijalankan selanjutnya adalah menguji halaman dan form isian
yang terdapat dalam aplikasi tersebut apakah sesuai dengan
tahap perancangan.

Setelah melakukan pengujian secara menyeluruh
menggunakan teknik black box dengan menguji semua
halaman dan fungsi-fungsi dari aplikasi ini, ternyata tidak
ditemukan adanya kesalahan dan semuanya berjalan dengan
baik. Karena pada pengujian dengan menggunakan teknik
black box tidakditemukan kesalahan maka penulis tidak
melanjutkan pengujian dengan menggunakan teknik white
box. Dari hasil pengujian dapat disimpulkan sebagai berikut :
1. Semua fungsi yang ada dalam aplikasi ini seperti login,
memasukkan,
merubah dan menghapus data dapat
berjalan dengan baik. Data juga dapat ditampilkan
dengan baik sesuai dengan yang terdapat pada data
base.
2. Halaman-halaman dan form-form dapat berjalan dengan
baik, karena hanya membutuhkan waktu antara 1
sampai 2 detik untuk menampilkannya.
4.4. Hasil Pengujian
Pengujian yang penulis terapkan pada aplikasi ini
dengan menggunakan teknik black box dan white box. Teknik
black box adalah pengujian yang dilakukan dengan dengan
menjalankan atau mengeksekusi unit atau modul, kemudian
diamati apakah hasil dari unit itu sesuai dengan proses yang
diinginkan. Sedangkan teknik white box adalah pengujian
dengan melihat kode program pada halaman yang mengalami
kesalahan. Teknik white box hanya dilakukan apabila terjadi
kesalahan pada aplikasi ini pada pengujian dengan
menggunakan teknik black box. Pengujian dilakukan untuk
menguji fungsi-fungsi khusus dari aplikasi yang dirancang
Dibawah ini merupakan hasil pengujian dengan menggunakan
teknik black box :

4.5.

Kuesioner Pengujian Sistem.
Dalam penelitian metode yang digunakan untuk
memperoleh informasi dari responden adalah berbentuk
angket atau kuesioner. Jenis kuesioner yang dipakai adalah
kuesioner tertutup dengan skala Likert. Kuesioner tertutup
adalah kuesioner yang
sudah disediakan jawabannya
sehingga responden tinggal memilih pada jawaban yang sudah
disediakan dengan memberi tanda cross (X). Kuesioner
dengan skala Likert adalah instrumen yang umumnya
digunakan untuk meminta responden agar memberikan respon
terhadap beberapa statement dengan menunjukkan apakah dia
sangat setuju, setuju, tidak menentukan,tidak setuju, atau
sangat tidak setuju terhadap tiap-tiap statement.
Populasi dalam penelitian ini adalah para pelanggan
CV. Alfa Jaya Computer. Mengingat terbatasnya waktu, dana,
dan tenaga maka tidak semua pelanggan diteliti sebagai obyek
penelitian. Untuk mendapatkan sampel digunakan teknik
random sampling yaitu sampel yang diambil dari suatu
populasi dan setiap anggota populasi mempunyai kesempatan
yang sama untuk dipilih sebagai sampel. Menurut Soeharto,
Pengambilan sampel yang tingkat homogenitasnya tinggi
untuk Populasi dibawah 100 dapat dipergunakan sebagai
sampel sebesar 50%. Populasi dari penelitian sebesar 43

14
pelanggan, untuk itu diambil sampel sebesar 50% yaitu 22
orang pelanggan CV. Alfa Jaya Computer.

1.

2.
Tabel Hasil Kuesioner Pengujian Sistem

CV. Alfa Jaya Computer mensosialisasikan web
site ini untuk mendukung pelayanan dan
penyampaian informasi terhadap pelanggannya.
CV. Alfa Jaya Computer menggunakan fitur yang
disediakan pada aplikasi ini untuk selalu
memperbaharui informasi mengenai produk yang
tersedia.
DAFTAR PUSTAKA

Al Bahra, Analisis Dan Desain Sistem Informasi, Graha
Ilmu, Yogyakarta, 2007.
Al Fatta, Hanif, Analisis dan Perancangan Sistem
Informasi, Andi, Yogyakarta, 2007.
Firdaus, 7 Jam Belajar Interaktif: PHP & MySQL
Dengan Dreamweaver, maxikom, Palembang, 2007.
Hadi, Mulya, Dreamweaver 8 untuk Orang Awam,
Maxikom, Palembang, 2006.
Kristanto, Harianto, Ir, Konsep dan Perancangan
Database, Andi, Yogyakarta, 2007.
Peranginanginan, Kasiman, Aplikasi Web Dengan PHP
dan MySQL, Andi, Yogyakarta, 2006.
Sidik, Betha, Ir, Pemrograman Web Dengan PHP,
Informatika, Bandung, 2002.
Suryana dan Taryana, E-Commerce Menggunakan PHP
& MySQL, Graha Ilmu, Yogyakarta, 2006.
V. PENUTUP
5.1. Kesimpulan
Setelah melihat dan menganalisa hasil penyusunan
tugas akhir ini, dapat disimpulkan sebagai berikut :
1. Sistem informasi penjualan berbasis web site ini
dirancang untuk meningkatkan pelayanan terhadap
pelanggan dan memperluas jangkauan pemasaran
dengan. sistem informasi berbasis web secara
sistematis, terstruktur, terarah dan lengkap.
2. Membuat media promosi CV. Alfa Jaya Computer
melalui
internet
sehingga
meningkatkan
pendapatan dengan menyediakan fitur katalog
produk dan keranjang belanja, sehingga dapat
memberikan
informasi
bagi
pelanggan,
menampilkan produk disertai gambar dan harganya
untuk mendukung keputusan pembelian, dan
memudahkan pelanggan untuk memesan produk.
3.
Aplikasi ini dirancang agar user friendly sehingga
memudahkan administrator dan pelanggan dari
Alfa Jaya Computer dalam menggunakannya.
5.2. Saran
Adapun beberapa saran yang dapat membantu untuk
membuat sistem ini lebih baik, antara lain :

Sutarman, Membangun Aplikasi Web Dengan Php &
MySQL, Graha Ilmu, Yogyakarta, 2007.
Suteja, Renaldy, Bernard, Mudah dan Cepat Menguasai
Pemrograman Web, Informatika, Bandung, 2005.
Sutisna, Dadan, 7 Langkah Mudah Menjadi Webmaster,
Media Kita, Jakarta, 2007.

15