i

APLIKASI PENJUALAN BERBASIS WEB DENGAN PHP

PADA HIMAS CAKE
DI NUSA DUA
OLEH:
IIC MI
NYOMAN RIKA JAYA (13153018)
PUTU SATYA KRESNA ADI PRATAMA (1315323051)
JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI BALI
201
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Ida Sang Hyang Widhi Wasa, karena
atas Asung Kerta Wara Nugraha-Nya penulis dapat menyelesaikan penyusunan
pra tugas akhir yang berjudul Aplikasi Penjualan Berbasis Web dengan PHP
Pada Himas !ake "i Nusa "ua# ini tepat pada $aktunya%
Adapun tujuan dari penulisan pra tugas akhir ini guna memenuhi tugas mata
kuliah Bahasa Ind&nesia yang diberikan d&sen kepada kami%
Penulis menyadari bah$a penyusunan pra tugas akhir ini merupakan hasil
dari partisipasi, d&r&ngan, bimbingan serta petunjuk dari berbagai pihak yang
telah membantu kelan'aran pembuatan pra tugas akhir ini% (ntuk itu melalui
kesempatan yang baik ini penulis ingin mengu'apkan rasa terima kasih yang
sebesar-besarnya kepada)
*% Bapak "rs% I Ny&man +andia, +%Si, selaku pembimbing sekaligus d&sen
pengajar bahasa Ind&nesia%
,% Ibu A%A% Hima$ati "e$i selaku pemilik Himas !ake dan selaku
narasumber%
-% Segenap keluarga dan teman-teman yang senantiasa memberikan d&r&ngan
dan d&a selama penyusunan pra tugas akhir ini dengan baik dan lan'ar%
Penulis menyadari bah$a pra tugas akhir ini masih jauh dari sempurna
mengingat keterbatasan pengalaman dan ilmu pengetahuan yang penulis miliki%
+aka dari itu segala kritik dan saran yang bersi.at membangun sangat penulis
harapkan guna menyempurnakan pra tugas akhir ini% Akhir kata penulis berharap
i
sem&ga pra tugas akhir ini dapat berman.aat bagi semua pihak yang
membutuhkan%
Badung, / April ,0*1
Penulis
ii
DA!TAR ISI
H"#"$"%
Halaman 2udul%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% i
Kata Pengantar%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ii
"a.tar Isi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% i3
"a.tar 4abel%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 3
"a.tar 5ambar%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 3i
BAB I P6N"AH(7(AN%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *
A% 7atar Belakang%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *
B% 8umusan +asalah%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -
!% 4ujuan dan Kegunaan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -
"% +et&de Penelitian%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 1
6% 4eknik Analisis%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9
BAB II 7AN"ASAN 46:8I%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ;
A% K&nsep dan "e.inisi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ;
*% K&nsep "asar Sistem%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ;
,% K&nsep "asar In.&rmasi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *-
-% K&nsep "asar Sistem In.&rmasi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *1
1% K&nsep Sistem In.&rmasi Penjualan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/% Arsitektur Aplikasi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *9
9% E-Commerce........................................................................... ,*
<% "e.inisi Internet%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ,-
;% World Wide Web..................................................................... ,1
=% H44P >Hypertext Transfer Protocol?%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ,/
*0% H4+7 >Hypertext Markup Language?%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ,9
**% 4injauan Perangkat 7unak%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ,9
BAB III 5A+BA8AN (+(+ HI+AS !AK6 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --
A% Sejarah Singkat Berdirinya Himas !ake %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --
B% Struktur :rganisasi Himas !ake %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --
!% Pembagian 4ugas !ob "esc#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -/
iii
iv
BAB I@ P6+BAHASAN%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -<
A% Analisis Sistem yang Berjalan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -<
B% Peran'angan Sistem%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 1*
P6N(4(P%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% <*
A% K6SI+P(7AN%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% <*
B% SA8AN-SA8AN%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% <,
"AA4A8 P(S4AKA
DA!TAR TABEL
H"#"$"%
4abel 1%* 63aluasi Sistem yang Berjalan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 1*
4abel 1%, Struktur Aile 4abel +ember%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /1
4abel 1%- Struktur Aile 4abel :ngk&s Kirim%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /1
4abel 1%1 Struktur Aile 4abel Kurir%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% //
4abel 1%/ Struktur Aile 4abel Pr&3insi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% //
4abel 1%9 Struktur Aile 4abel Pemesanan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% //
4abel 1%< Struktur Aile 4abel Pengiriman%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% //
4abel 1%; Struktur Aile 4abel Pr&duk%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% //
4abel 1%= Struktur Aile 4abel (kuran%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /9
4abel 1%*0 Struktur Aile 4abel Warna%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /9
4abel 1%** Struktur Aile 4abel K&n.irmasi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /9
4abel 1%*, Struktur Aile 4abel K&ta%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /9
4abel 1%*- Struktur Aile 4abel Admin%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /9
4abel 1%*1 Struktur Aile 4abel "etail Pemesanan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /9
4abel 1%*/ Struktur Aile 4abel "etail Pr&duk%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /<
4abel 1%*9 Struktur Aile 4abel In.&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /<
4abel 1%*< Struktur Aile 4abel Kateg&ri%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /<
v
vi
DA!TAR GAMBAR
H"#"$"%
5ambar ,%* Bentuk (mum Sistem%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% =
5ambar ,%, 4&p&l&gi Bus%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *;
5ambar ,%- 4&p&l&gi Star%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% *=
5ambar ,%1 4&p&l&gi 8ing%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ,0
5ambar -%* Struktur :rganisasi Himas !ake%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -1
5ambar 1%* Al&$map yang Sedang Berjalan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -=
5ambar 1%, "iagram K&nteks Sistem yang Sedang Berjalan%%%%%%%%%%%%%%%%% 10
5ambar 1%- "ata Al&$ "iagram Sistem yang Sedang Berjalan%%%%%%%%%%%%% 10
5ambar 1%1 "iagram K&nteks yang "iusulkan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 1-
5ambar 1%/ "A" 7e3el 0 Sistem yang diusulkan %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 11
5ambar 1%9 "A" 7e3el * Pr&ses ,%0 Sistem yang diusulkan%%%%%%%%%%%%%%%%% 1/
5ambar 1%< "A" 7e3el * Pr&ses -%0 Sistem yang diusulkan%%%%%%%%%%%%%%%%% 1/
5ambar 1%; "A" 7e3el * Pr&ses 1%0 Sistem yang "iusulkan%%%%%%%%%%%%%%%% 19
5ambar 1%= "A" 7e3el * Pr&ses /%0 Sistem yang "iusulkan%%%%%%%%%%%%%%%% 19
5ambar 1%*0 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
5ambar 1%**%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
5ambar 1%*, Struktur +enu yang diran'ang%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% /=
vii
viii
5ambar 1%*- "esain 4ampilan Halaman 7&gin Admin%%%%%%%%%%%%%%%%%%%%%%%%% 90
5ambar 1%*1 "esain 4ampilan Halaman A$al Admin%%%%%%%%%%%%%%%%%%%%%%%%%% 90
5ambar 1%*/ "esain 4ampilan Halaman +aster%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9*
5ambar 1%*9 "esain 4ampilan Halaman 4ransaksi%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9*
5ambar 1%*< "esain 4ampilan Halaman Persediaan Barang%%%%%%%%%%%%%%%%% 9*
5ambar 1%*; "esain 4ampilan Halaman Pr&duk%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9,
5ambar 1%*= "esain 4ampilan Halaman +ember%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9,
5ambar 1%,0 "esain 4ampilan Halaman 7ap&ran Penjualan%%%%%%%%%%%%%%%%% 9,
5ambar 1%,* "esain 4ampilan Halaman 7ap&ran +inimum St&k%%%%%%%% 9-
5ambar 1%,, "esain 4ampilan H&me (ser%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9-
5ambar 1%,- "esain 4ampilan !ara Belanja%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 91
5ambar 1%,1 "esain 4ampilan !ara Pembayaran%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 91
5ambar 1%,/ "esain 4ampilan 7&gin +ember%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9/
5ambar 1%,9 "esain 4ampilan 8egistrasi (ser%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 9/
5ambar 1%,< "esain 4ampilan Pr&duk untuk +ember%%%%%%%%%%%%%%%%%%%%%%%%%% 99
5ambar 1%,; "esain 4ampilan Keranjang Belanja untuk +ember%%%%%%%% 99
5ambar 1%,= "esain 4ampilan !he'k :ut Step * untuk +ember%%%%%%%%%% 9<
5ambar 1%-0 "esain 4ampilan !he'k :ut Step , untuk +ember%%%%%%%%%% 9<
5ambar 1%-* "esain 4ampilan 4ra'king Pembelanjaan untuk +ember 9;
5ambar 1%-, "esain 4ampilan Hist&ry 4ransaksi untuk +ember%%%%%%%%% 9;
5ambar 1%-- "esain 4ampilan K&n.irmasi Pembayaran untuk +ember 9=
5ambar 1%-1 Peran'angan Arsitektur 2aringan%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% <0
ix
BAB I
PENDAHULUAN
A& L"'"( B)#"*"%+
Saat ini, perkembangan dunia usaha baik skala ke'il, menengah dan besar
sangat bergantung pada ujung jari sang pengel&lanya% "engan jemarinya, ia
berkelana ke mana saja, men'ari in.&rmasi, mengumpulkan in.&rmasi atau
mengin.&rmasikan% Banyak dari para pengel&la usaha sekarang bekerja di
manapun yang ia inginkan% Apakah berada di kant&r, di rumah atau dalam
perjalanan, mereka hanya memberi instruksi le$at keyb&ard atau sekedar pesan
singkat%
Website merupakan media pemasaran yang paling aktual saat ini% Sangat
besar pengaruhnya dalam perkembangan usaha di seluruh dunia% 4idak ada sendi-
sendi kehidupan yang tidak tersentuh &leh internet% "engan demikian, segala
bentuk usaha, 'epat atau lambat akan kalah dalam persaingan jika ia tidak mulai
belajar dan masuk ke dunia $ebsiteBinternet%
Sekarang, telah banyak perusahaan meman.aatkan $ebsite sebagai media
untuk memperkenalkan pr&duk atau perusahaan mereka kepada masyarakat luas%
Namun, tidak sedikit pula perusahaan yang masih belum meman.aatkan $ebsite
khususnya perusahaan berkembang% Himas !ake misalnya, memulai usahanya
pada tahun ,00<, bergerak dalam bidang penjualan aneka 'ake khususnya tart
cake dan blackforest% Sampai saat ini sistem penjualan yang berlangsung di
Himas !ake yaitu setiap pembeli mendatangi Himas !ake
1
2
C 4art se'ara langsung untuk melakukan transaksi pembelian sehingga
pembeli berp&tensi mengeluarkan biaya yang relati. tidak sedikit dan juga
keterbatasan tempat yang ada pada usaha ini% Selain itu, pr&ses pembuatan lap&ran
dan penyimpanan data yang belum ter&rganisir dengan baik sehingga
mengakibatkan hilangnya data-data transaksi penjualan, serta belum adanya media
pr&m&si yang baik yang digunakan untuk memberikan in.&rmasi tentang
keberadaan Himas !ake C 4art%
+engetahui pentingnya hal di atas, maka dukungan sistem in.&rmasi yang
'epat dan akurat sangatlah dibutuhkan &leh Himas !ake C 4art% :leh karena itu,
untuk mengatasi permasalahan ini penulis menggunakan bahasa pemr&graman
yang berbasiskan $eb, karena pemr&graman berbasis $eb dapat menghubungkan
beberapa jaringan l&kal yang ada pada suatu daerah bahkan pada suatu negara,
serta in.&rmasi yang ditampilkan semakin mudah untuk di update sehingga dapat
meminimalisir beban biaya dan penge.isienan $aktu%
Bert&lak dari permasalahan di atas, maka untuk lebih mengingkatkan
pelayanan kepada k&nsumen agar lebih mudah mendapatkan in.&rmasi mengenai
pr&duk dan harga yang diperlukan suatu media sebagai penyampai in.&rmasi%
+aka dapat ditarik judul Aplikasi Penjualan Berbasis Web "engan PHP Pada
Himas !ake "i Nusa "ua%#
3
B& R,$,-"% M"-"#".
4erkait dengan latar belakang yang telah diuraikan di atas di mana dalam
membuat aplikasi penjualan yang up to date, meminimalisir biaya, dan
menge.isien $aktu% :leh karena itu yang menjadi rumusan masalah adalah)
*% Bagaimana sistem penjualan yang sedang berjalan pada Himas !ake D
,% Bagaimana membuat peran'angan aplikasi penjualan yang dapat membantu
dalam peng&lahan data penjualan di Himas !ake sehingga dapat
memper'epat pr&ses peng&lahan dan transaksi penjualan serta
memperkenalkan keberadaan Himas !ake , sehingga dapat membantu
pemasaran dan mendukung strategi penjualan pr&duk barang ke masyarakatD
C& T,/,"% 0"% K)+,%""%
*% 4ujuan
4ujuan dari pembuaran pra tugas akhir ini sesuai dengan rumusan masalah
yang ada maka yang menjadi tujuan dari penelitian ini adalah )
a% (ntuk mengetahui sistem penjualan yang sedang berjalan pada Himas !ake %
b% (ntuk membuat peran'angan Sistem In.&rmasi Penjualan Berbasis Web pada
t&k& Himas !ake %
,% Kegunaan
Kegunaan penelitian pada pra tugas akhir ini yaitu )
a% Bagi mahasis$a, untuk mengetahui 'ara meran'ang aplikasi penjualan
berbasis $eb dengan menggunakan php% (ntuk memenuhi tugas mata kuliah
bahasa Ind&nesia semester II 2urusan 4eknik 6lektr& P&liteknik Negeri Bali%
Agar lebih memahami tata 'ara penyusunan karya ilmiah yang baik dan benar%
4
b% Bagi P&liteknik Negeri Bali, hasil penelitian ini dapat dijadikan sebagai
re.erensi dan menambah perbendaharaan pustaka di P&liteknik Negeri Bali% (ntuk
menjadikan tenaga kerja yang pr&.essi&nal dan berdaya saing Internasi&nal di
bidang 6lektr&%
'% Bagi Himas !ake , lap&ran ini dapat digunakan sebagi bahan pertimbangan
dalam meren'anakan aplikasi penjualan yang up to date, meminimalisir biaya dan
e.isien $aktu% Hasil penelitian ini diharapkan dapat memberikan sumbangan
pikiran dalam menyelesaikan masalah Himas !ake %
D& M)'10) P)%)#2'2"%
+et&de penelitian adalah suatu teknik atau 'ara men'ari, memper&leh,
mengumpulkan atau men'atat data yang dapat digunakan untuk .akt&r-.akt&r yang
berhubungan dengan p&k&k permasalahan sehingga akan didapat suatu kebenaran
atas data yang diper&leh% >http)BBelib%unik&m%a'%idB.ilesBdisk*B/*=Bjbptunik&mpp-
gdl-rensainsan-,/=1=-1-unik&mEr--%pd.?%
*% 4empat dan :bjek Penelitian
a% 4empat Penelitian
Penelitian ini dilakukan di Himas !ake yang berl&kasi di Perumahan
Wisma Nusa Permai "%1,, Kampial Nusa "ua, ke'amatan Kuta Selatan,
kabupaten Badung%
b% :byek Penelitian
Fang menjadi &byek penelitian ini adalah sistem penjualan pada Himas
!ake %
,% 2enis dan Sumber "ata
5
"ata yang digunakan dalam penelitian ini dibedakan menjadi dua yaitu )
a% 2enis data menurut si.atnya
*? "ata Kuantitati.
Faitu data yang berupa angka-angka dengan satuan tertentu dan dapat
dihitung atau diukur, seperti ) lap&ran keuangan Himas !ake %
,? "ata Kualitati.
Faitu data yang berupa penjelasan-penjelasan atau berupa in.&rmasi dan
tidak berupa satuan >angka-angka? seperti sejarah berdirinya Himas !ake ,
struktur &rganisasi dan uraian tugas-tugas pada Himas !ake %
b% Sumber "ata
Sumber data yang dipergunakan dalam penelitian ini yaitu data primer dan
data sekunder% "ata primer adalah data yang diper&leh langsung dari subjek
penelitian dengan menggunakan alat pengukuran atau alat pengambilan data
langsung pada subjek sebagai sumber in.&rmasi yang di'ari%
"ata primer dapat diper&leh dengan'ara melakukan $a$an'ara dengan
pihak-pihak yang dianggap dapat memberikan data dan keterangan-keterangan
yang diperlukan% "alam penelitian ini penulis mengumpulkan data primer dengan
menggunakan teknik )
*? :bser3asi >pengamatan?
:bser3asi merupakan salah satu 'ara mengumpulkan data yang
diperlukandengan 'ara melakukan pengamatan dan meneliti se'ara langsung
gejala atau peristi$a yang diselidiki &leh penulis% Penulis melakukan &bser3asi
se'ara langsung ke lapangan yaitu Himas !ake %
,? Wa$an'ara
6
Wa$an'ara merupakan pr&ses memper&leh keterangan dengan mengadakan
tanya ja$ab se'ara langsung kepada pihak pengurus maupun sta. sesuai dengan
permasalahan yang diteliti%
(ntuk memper&leh data sekunder, penulis menggunakan teknik
pengumpulan data dengan 'ara studi pustaka yaitu, mengumpulkan data dan
mempelajari atau memba'a pendapat ahli yang berhubungan dengan
permasalahan yang akan di teliti untuk memper&leh data yang diperlukan, baik
bersumber dari buku, makalah, jurnal ataupun dari beberapa sumber internet yang
berhubungan dengan tema penelitian yang dilakukan &leh penulis% Selain itu data
sekunder juga diper&leh dari pihak t&k& berupa d&kumen-d&kumen yang
digunakan dalam transaksi yang dilakukan di t&k& tersebut sebagai penunjang
kebutuhan data yang diperlukan &leh penulis%
E& T)*%2* A%"#2-2-
(ntuk dapat meme'ahkan masalah yang diajukan maka data yang
terkumpul akan dianalisis dengan menggunakan met&de kuantitati. dan kualitati.%
a% Analisis Kuantitati.
4eknik analisis dengan menggunakan perhitungan-perhitungan dari data
yang berupa angka-angka serta hasil-hasil yang didapat dari perhitungan tersebut%
b% Analisis Kualitati.
Analisis kualitati. merupakan analisis yang berupa penjabaran atau
penjelasan-penjelasan terhadap hasil perhitungan dari analisis kuantitati.% Analisis
ini juga bermaksud sebagai analisis yang mendukung analisis kuantitati.
berdasarkan hasil perhitungan%
BAB II
LANDASAN TEORI
A& K1%-)3 0"% D)42%2-2
Pada bab ini penulis akan menjelaskan beberapa te&ri yang berkaitan dengan
permasalahan yang akan dibahas sebagai dasar dalam pemahaman dalam sebuah
sistem serta met&de yang dipakai untuk kegiatan pengembangan terhadap sistem
itu sendiri%
*% K&nsep "asar Sistem
Pada dasarnya terdapat dua kel&mp&k pendekatan didalam mende.inisikan
sistem% Pertama, pendekatan yang menekankan pada pr&sedur, yang
mende.inisikan sistem sebagai berikut ) Sistem adalah suatu jaringan kerja dari
pr&sedur-pr&sedur yang saling berhubungan, berkumpul bersama-sama untuk
melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu#
>2&giyant& H+,,00/)*?% Kedua, pendekatan yang lebih menekankan pada elemen
atau kel&mp&knya, yang mende.inisikan sistem sebagai berikut )
Sistem adalah kumpulan dari elemen-elemen yang berintegrasi untuk
men'apai tujuan tertentu# >2&giyant& H+, ,00/),%
Sedangkan Abdul Kadir >,00-)/1? mende.inisikan sistem adalah
sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk
men'apai suatu tujuan%
7
8
"ari pengertian diatas sistem dapat diartikan sebagai kumpulan atau group
dari bagian atau k&mp&nen baik .isik maupun n&n .isik yang saling berhubungan
satu sama lain dan bekerja sama se'ara harm&nis untuk men'apai satu tujuan
tertentu%
a% Bentuk (mum Sistem
Bentuk umum sistem dari suatu sistem terdiri atas masukan >%nput?, pr&ses
dan keluaran >:utput?, dalam bentuk umum sistem ini terdapat satu atau lebih
masukan yang akan dipr&ses dan akan menghasilkan suatu keluaran%
5ambar ,%* Bentuk (mum Sistem
>Sumber ) Hart&n&, 2&giyant&, ,00/, Analisis dan "isain?
5& 6lemen Sistem
+enurut Abdul Kadir >,00-)/1? ada beberapa elemen yang membentuk
sebuah sistem diantaranya adalah sebagai berikut )
a? 4ujuan
Setiap sistem memiliki tujuan >goal?, dimana tujuan antara satu system
dengan sistem lain berbeda beda% 4ujuan inilah yang menjadi pem&ti3asi yang
mengarahkan sistem% Begitu pula yang berlaku pada sistem in.&rmasi% Walaupun
begitu tujuan yang umum ada tiga ma'am yaitu diantaranya)
>*? (ntuk mendukung .ungsi kepengurusan management%
9
>,? (ntuk mendukung pengembalian keputusan management%
>-? (ntuk mendukung &perasi perusahaan%
b? +asukan
+asukan >input? sistem adalah segala sesuatu yang masuk kedalam sistem
dan selanjutnya menjadi bahan untuk dipr&ses% +asukan dapat berupa hal-hal
ber$ujud >tampak se'ara .isik? maupun yang tidak tampak% !&nt&h masukan yang
ber$ujud adalah in.&rmasi >misalnya permintaan jasa dari para pelanggan?%
'? Pr&ses
Pr&ses merupakan bagian yang melakukan perubahan atau trans.&rmasi dari
masukan menjadi keluaran yang berguna, misalnya berupa in.&rmasi dan pr&duk,
tetapi juga bisa berupa hal-hal yang tidak berguna, misalnya saja sisa pembuangan
atau limbah%
d? Keluaran
Keluaran >output? merupakan hasil dari pemr&sesan% Pada sistem
in.&rmasi,keluaran bisa berupa in.&rmasi, saran, 'etakan lap&ran, dan sebagainya%
e? +ekanisme Pengendalian dan (mpan Balik
+ekanisme pengendalian >control mekanism? di$ujudkan
dengan menggunakan umpan balik >feedback?, yang men'iptakan keluaran%
(mpan balik ini digunakan untuk mengendalikan baik masukan maupun pr&ses%
4ujuannya adalah untuk mengatur agar sistem berjalan sesuai dengan tujuan%
10
.? Batasan
Batasan >boundary? sistem adalah pemisah antara sistem dan daerah diluar
sistem >lingkungan?% Batasan sistem menentukan k&n.igurasi, ruang lingkup atau
kemampuan sistem% Sebagai '&nt&h, pertumbuhan sebuah t&k& kel&nt&ng
dipengaruhi &leh pelanggan, gerakan pesaing, dan ketersediaan dana dari bank%
g? 7ingkungan
7ingkungan adalah segala sesuatu yang berada diluar sistem% 7ingkungan
bisa berpengaruh terhadap &perasi sistem dalam arti bisa merugikan atau
menguntungkan sistem itu sendiri% 7ingkungan bagi sebuah &rganisasi dapat
berupa 3end&r, pelanggan, pemilik, pemerintah, bank, dan bahkan pesaing%
b% Karakteristik Sistem
+enurut 2&giyant& >,00/)-? Sistem memiliki karakteristik atau si.at-si.at
yang tertentu yaitu mempunyai k&mp&nen >Components?, batas sistem
>&oundary?, lingkungan >En'ironments?, penghubung >%nterface?, masukan
>%nput?, keluaran >(utput?, peng&lah >Process?, dan sasaran >(b)ecti'es? atau
tujuan >*oals?%
+enurut 2&giyant& >,00/)--/? Sistem mempunyai karasteristik atau si.at-
si.at tertentu, yaitu)
*? K&mp&nen Sistem
Suatu sistem terdiri dari sejumlah k&mp&nen yang saling berinteraksi, yang
artinya saling kerjasama membentuk satu kesatuan%
,? Si.at-si.at
11
Sistem itu terdiri untuk menjalankan .ungsi tertentu dan mempunyai system
yang lain se'ara keseluruhan%
-? Batasan >&oundary? Sistem
+erupakan daerah yang membatasi antara suatu sistem dengan sistem yang
lainnya%
1? 7ingkungan 7uar Sistem >En'ironment?
Adalah apapun diluar batasan sistem yang mempengaruhi &perasi sistem,
lingkungan luar sistem dapat bersi.at menguntungkan dan juga dapat bersi.at
merugikan sistem tersebut%
/? Penghubung >%nterface? Sistem
+erupakan media penghubung antara suatu subsistem dengan sub sistem
lainnya%
9? +asukkan Sistem >%nput?
Adalah energi yang dimasukkan ke dalam sistem, masukan dapat berupa
masukkan pera$atan >Maintenace %nput?, dan masukkan sinyal >+ignal %nput?,
maintenan'e Input adalah energi yang dimasukkan supaya sistem tersebut dapat
ber&perasi% Sedangkan signal Input adalah energi yang dipr&ses untuk
mendapatkan keluaran%
<? Keluaran Sistem >(utput?
Adalah hasil energi yang di&lah dan diklasi.ikasikan menjadi keluaran yang
berguna dan sisa pembuangan keluaran dapat merupakan masukan untuk sub
sistem yang lain kepada supra sistem%
12
;? Sasaran Sistem
Suatu sistem pasti memiliki sasaran atau tujuan >*oal?% Sasaran dari sistem
sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang
akan dihasilkan sistem%
'% K&mp&nen Sistem
Suatu sistem terdiri dari sejumlah k&mp&nen yang saling berinteraksi yang
artinya saling bekerja sama dalam membentuk satu kesatuan k&mp&nen-
k&mp&nen sistem atau elemen-elemen sistem dapat berupa subsistem atau bagian-
bagian dari sistem% Setiap sistem tidak peduli betapapun ke'ilnya, selalu
mengandung k&mp&nen-k&mp&nen atau subsistem-subsistem% Setiap subsistem
mempunyai si.at-si.at dari sistem untuk menjalankan suatu .ungsi tertentu dan
mempengaruhi pr&ses sistem se'ara keseluruhan >2&giyant&, ,00/?%
d% Batasan Sistem
+enurut 2&giyant& H+, >,00/?, #Batasan sistem merupakan daerah yang
membatasi antara suatu sistem dengan sistem yang lainnnya atau dengan
lingkungan luarnya% Batas sistem ini memungkinkan suatu sistem dipandang
sebagai suatu kesatuan% Batasan suatu sistem menunjukan ruang lingkup >s'&pe?
dari sistem tersebut#%
,% K&nsep "asar In.&rmasi
In.&rmasi adalah data yang di&lah menjadi bentuk yang lebih berarti dan
lebih berguna bagi yang menerimanya untuk mengambil keputusan masa kini
maupun masa yang akan datang% Al-Bahra Bin 7adjamudin >,00/);?% "ari
Penjelasan diatas dapat diambil kesimpulan bah$a in.&rmasi adalah hasil dari
13
peng&lahan data yang memberikan arti dan man.aat bagi penerimanya untuk
pr&ses pengambilan keputusan%
-% K&nsep "asar Sistem In.&rmasi
Sistem In.&rmasi dide.inisikan &leh 2&giyant& H+ sebagai berikut ) Sistem
In.&rmasi adalah suatu sistem didalam suatu &rganisasi yang mempertemukan
kebutuhan peng&lahan transaksi harian, mendukung &perasi ,bersi.at manajerial
dan kegiatan strategi dari suat &rganisasi yang menyediakan pihak luar tertentu
dengan lap&ran lap&ran yang diperlukan >2&giyant& H+, ,00/)**? Sistem
In.&rmasi memilki k&mp&nen utama yang membentuk suatu bangunan sistem
in.&rmasi% K&mp&nen bangunan sistem in.&rmasi >in.&rmati&n system building
bl&'k? terdiri dari enam bl&k, yaitu)
a% Bl&k +asukan >%nput &lock?
Input yang me$akili data yang masuk kedalam sistem In.&rmasi
b% Bl&k +&del >Model &lock?
Bl&k ini terdiri dari k&mbinasi pr&sedur% 7&gika dan m&del matematik yang
akan memanipulasi data Input dan data yang tersimpan dibasis data dengan 'ara
yang sudah tertentu untuk menghasilkan keluaran yang diinginkan%
'% Bl&k keluaran >(utput &lock?
+erupakan in.&rmasi yang berkualitas dan d&kumentasi yang berguna
untuk semua pemakaian sistem%
14
d% Bl&k tekn&l&gi >Tec,nology &lock?
Bl&k ini terdiri dari tiga bagian utama , yaitu teknisi >,uman$are atau
brain$are?, perangkat lunak >soft$are?, dan perangkat keras >,ard$are?%
e% Bl&k Basis data >"ata &ase &lock?
Basis data merupakan kumpulan dari data yang saling berhubungan satu
dengan yang lainnya%
.% Bl&k Kendali
Beberapa pengendalian yang perlu diran'ang dan diterapkan untuk
meyakinkan bah$a hal-hal yang dapat merusak sistem dapat di'egah ataupun bila
terlanjur terjadi kesalahan-kesalahan dapat langsung di atasi
1% K&nsep Sistem In.&rmasi Penjualan
Berikut ini merupakan pengertian te&ri dasar yang berhubungan dengan
kasus yang akan dianalisis, yaitu sebagai berikut%
a% Pengertian Penjualan
Penjualan merupakan pembelian sesuatu >barang atau jasa? dari suatu pihak
kepada pihak lainnya dengan mendapatkan ganti uang dari pihak tersebut%
Penjualan juga merupakan suatu sumber pendapatan perusahaan, semakin besar
penjualan maka semakin besar pula pendapatan yang diper&leh perusahaan%
Akti3itas penjualan merupakan pendapatan utama perusahaan karena jika akti3itas
penjualan pr&duk maupun jasa tidak dikel&la dengan baik maka se'ara langsung
dapat merugikan perusahaan% Hal ini dapat disebabkan karena sasaran penjualan
yang diharapkan tidak ter'apai dan pendapatan pun akan berkurang% (ntuk lebih
jelasnya dapat dilihat dari pengertian penjualan itu sendiri, pengertian penjualan
15
menurut !hairul +ar&m >,00,),;? Penjualan artinya
penjualan barang dagangan sebagai usaha p&k&k perusahaan yang biasa
nya
dilakukan se'ara teratur#%
Berdasarkan pengertian di atas, maka dapat disimpulkan bah$a penjualan
adalah persetujuan kedua belah pihak antara penjual dan pembeli, dimana penjual
mena$arkan suatu pr&duk dengan harapan pembeli dapat menyerahkan sejumlah
uang sebagai alat ukur pr&duk tersebut sebesar harga jual yang telah disepakati%
/% Arsitektur Aplikasi
Arsitektur aplikasi terdiri dari pengertian jaringan k&mputer, jenis- jenis
jaringan k&mputer, t&p&l&gi jaringan k&mputer, dan man.aat jaringan k&mputer%
a% Pengertian 2aringan K&mputer
2aringan k&mputer adalah sekumpulan k&mputer yang berjumlah banyak
yang terpisah-pisah akan tetapi saling berhubungan dalam melaksanakan
tugasnya% Se'ara sederhana, jaringan k&mputer dapat dide.inisikan sebagai
hubungan yang terintegrasi se'ara share antara dua k&mputer atau lebih% 4ujuan
dibangunya suatu jaringan k&mputer adalah memba$a in.&rmasi se'ara tepat dan
tanpa adanya kesalahan dari sisi pengirim >transmisi? menuju ke penerima
>re'ei3er? melalui media k&munikasi% 4!PBIP >Transmission Control ProtocolB
%nternet Protocol? merupakan pr&t&k&l standard internet yang digunakan untuk
melakukan k&neksi ke internet pr&t&k&l% 4!PBIP memiliki beberapa subyek
pr&t&k&l yang berbeda yang ber&perasi pada lapisan yang berbeda dan
mempunyai tugas masing-masing% Berkat adanya pr&t&k&l ini setiap k&mputer
dapat berhubungan se'ara .leksibel dengan h&st-h&st yang terk&neksi%
16
b% 2enis-jenis 2aringan K&mputer
Adapun jenis-jenis jaringan k&pmuter adalah sebagai berikut )
a? Local -rea .et$ork >7AN?
Local -rea .et$ork >7AN?, merupakan jaringan milik pribadi di dalam
sebuah gedung atau kampus yang berukuran sampai beberapa kil&meter%
b? Metropolitan -rea .et$ork >+AN?
Metropolitan -rea .et$ork >+AN?, pada dasarnya merupakan 3ersi 7AN
yang berukuran lebih besar dan biasanya menggunakan tekn&l&gi yang sama
dengan 7AN%
'? Wide -rea .et$ork >WAN?
Wide -rea .et$ork >WAN?, jangkauannya men'akup daerah ge&gra.is yang
luas, seringkali men'akup sebuah negara bahkan benua%
d? 4&p&l&gi 2aringan K&mputer
4&p&l&gi 2aringan adalah gambaran se'ara .isik dari p&la hubungan antara
k&mp&nen-k&mp&nen jaringan, yang meliputi ser3er, $&rkstati&n, hub dan
pengkabelanya% 4erdapat tiga ma'am t&p&l&gi jaringan umum digunakan, yaitu
&us, +tar dan /ing%
>a? 4&p&l&gi &us
Pada t&p&l&gi &us digunakan sebuah kabel tunggal atau kabel pusat di mana
seluruh $&rkstati&n dan ser3er dihubungkan% Keunggulan t&p&l&gi &us adalah
pengembangan jaringan atau penambahan $orkstation baru dapat dilakukan
dengan mudah tanpa mengganggu $&rkstati&n lain% Kelemahan dari t&p&l&gi ini
adalah bila terdapat gangguan di sepanjang kabel pusat maka keseluruhan jaringan
akan mengalami gangguan%
17
5ambar ,%, 4&p&l&gi &us
>Sumber ) +el$in Sya.riGal, ,00/, Pengantar 2aringan K&mputer, Andi,
F&gyakarta?
>b? 4&p&l&gi +tar
Pada t&p&l&gi +tar, masing-masing $&rkstati&n dihubungkan se'ara
langsung ke ser'er atau ,ub% Keunggulan dari t&p&l&gi tipe Star ini adalah bah$a
dengan adanya kabel tersendiri untuk setiap $orkstation ke ser'er, maka
band$idth atau lebar jalur k&munikasi dalam kabel akan semakin lebar sehingga
akan meningkatkan unjuk kerja jaringan se'ara keseluruhan% Kelemahan dari
t&p&l&gi +tar adalah kebutuhan kabel yang lebih besar dibandingkan dengan
t&p&l&gi lainnya%
18
5ambar ,%- 4&p&l&gi +tar
>Sumber ) +el$in Sya.riGal, ,00/, Pengantar 2aringan K&mputer, Andi,
F&gyakarta?
>'? 4&p&l&gi /ing
"i dalam t&p&l&gi /ing semua $&rkstati&n dan ser3er dihubungkan
sehingga terbentuk suatu p&la lingkaran atau 'in'in% 4iap $&rkstati&n ataupun
ser3er akan menerima dan mele$atkan in.&rmasi dari satu k&mputer ke k&mputer
lain, bila alamat- alamat yang dimaksud sesuai maka in.&rmasi diterima dan bila
tidak in.&rmasi akan dile$atkan% Kelemahan dari t&p&l&gi ini adalah setiap node
dalam jaringan akan selalu ikut serta mengel&la in.&rmasi yang dile$atkan dalam
jaringan, sehingga bila terdapat gangguan di suatu node maka seluruh jaringan
akan terganggu% Keunggulan t&p&l&gi /ing adalah tidak terjadinya collision atau
tabrakan pengiriman data seperti pada t&p&l&gi &us, karena hanya satu node dapat
mengirimkan data pada suatu saat%
19
5ambar ,%1 4&p&l&gi /ing
>Sumber ) +el$in Sya.riGal, ,00/, Pengantar 2aringan K&mputer, Andi,
F&gyakarta?
'% +an.aat 2aringan K&mputer
+an.aat yang didapat dari membangun jaringan k&mputer adalah sebagai
berikut )
a? 2aringan memungkinkan manajemen sumber daya lebih e.isien% +isalnya,
banyak pengguna dapat saling berbagi printer tunggal dengan kualitas tinggi,
dibandingkan memakai printer kualitas rendah di masing-masing meja kerja%
Selain itu, lisensi perangkat lunak jaringan dapat lebih murah dibandingkan lisensi
stand-al&ne terpisah untuk jumlah pengguna sama%
b? 2aringan membantu mempertahankan in.&rmasi agar tetap handal dan up-to-
date% Sistem penyimpanan data terpusat yang dikel&la dengan baik
20
memungkinkan banyak pengguna mengakses data dari berbagai l&kasi yang
berbeda, dan membatasi akses ke data se$aktu sedang dipr&ses%
'? 2aringan membantu memper'epat pr&ses berbagi data >data s,aring?%
4rans.er data pada jaringan selalu lebih 'epat dibandingkan sarana berbagi data
lainnya yang bukan jaringan%
d? 2aringan memungkinkan kel&mp&k-kerja berk&munikasi dengan lebih
e.isien% Surat dan penyampaian pesan elektr&nik merupakan substansi sebagian
besar sistem jaringan, disamping sistem penjad$alan, pemantauan pr&yek,
k&n.erensi &nline dan group$are, dimana semuanya membantu team bekerja
lebih pr&dukti.%
e? 2aringan membantu usaha dalam melayani klien mereka se'ara lebih e.ekti.%
Akses jarak-jauh ke data terpusat memungkinkan karya$an dapat melayani klien
di lapangan dan klien dapat langsung berk&munikasi dengan pemas&k%
9% E-Commerce
E-Commerce atau ele'tr&ni' '&mmer'e merupakan bagian dari e-lifestyle
yang memungkinkan transaksi jual beli yang dilakukan se'ara online dari sudut
tempat manapun% E-Commerce berhubungan dengan pembelian dan penjualan
barang atau jasa melalui Internet, khususnya Word Wide Web. E-Commerce juga
diartikan sebagai suatu tindakan melakukan transaksi bisnis se'ara elektr&nik
dengan menggunakan Internet sebagai media k&munikasi yang paling utama%

"e.inisi E-Commerce yang lain adalah E-Commerce merupakan suatu 'ara
belanja atau berdagang se'ara &nline atau dire't selling yang meman.aatkan
.asilitas Internet dimana terdapat Website yang dapat menyediakan layanan get
and deli'er#% E-Commerce akan merubah semua kegiatan marketing dan juga
21
memangkas biaya-biaya &perasi&nal untuk sebagai berikut )kegiatan tranding
>perdagangan?%
a% Pr&ses H pr&ses E-Commerce 0
a? Presentasi 6lektr&nis >Pembuatan Website? untuk pr&duk dan layanan%
b? Pemesanan se'ara langsung dan tersedianya tagihan
'? :t&masi account pelanggan se'ara aman >n&m&r rekening ataupun kartu
kredit?
d? Pembayaran dilakukan se'ara langsung >online?
b% Kelebihan E-Commerce 0
a? +urah dan 6.isien
Hasil riset yang dilakukan &leh sebiah k&nsultan asing ternama pada tahun
*==< menyimpulkan bah$a &ngk&s transaksi perbankan yang dilakukan melalui
internet jauh lebih murah dibandingkan dengan melalui A4+, telep&n, dan kant&r
'abang% Selain m&del pembuatan yang murah, biaya &perasi&nal t&k& &nline juga
jauh berbeda dengan &perasi&nal t&k& se'ara .isik% (mumnya, biaya &perasi&anl
yang diperlukan untuk penanganan t&&k &nline yang masih dikel&la sendiri adalah
biaya akses internet yang bahkan bias gratis jika menggunakan h&sp&t%
b? Akses tanpa
Saat sebuah bisnis memiliki alamat di Internet >(87?, apa yang ditampilkan
akan bias diakses &leh pengunjung dari belahan dunia manapun% Semakin sering
alamat tersebut dikunjungi, semakin besar pula p&tensi untuk mendapatkan
re'enue%
'? /e'enue +tream
22
Selain biaya &perasi&nal yang murah, E-Commerce sangat mungkin
memberikan re3enue yang bisa jadi sulit diper&leh melalui 'ara yang
k&n3ensi&nal%
d? +emperpendek jarak
Pengiriman pr&suk yang dilakukan se'ara online memungkinkan
pengiriman dilakukan dengan seketika%
'% 8isik& dan kerugian E-Commerce
a? Kehilangan segi .inan'ial se'ara langsung karena ke'urangan %
b? Pe'urian in.&rmasi rahasia berharga
'? Kehilangan kesempatan bisnis karena gangguan pelayanan
d? Penggunaan akses ke sumber &leh pihak yang tidak berhak
e? Kehilangan keper'ayaan dari para k&nsumen
.? Kerugian-kerugian yang tidak berharga
<% "e.inisi Internet
Internet berasal dari kata %nterconnection .et$orking yang mempunyai arti
hubungan k&mputer dengan berbagai tipe yang membentuk sistem jaringan yang
men'akup seluruh dunia >jaringan k&mputer gl&bal? dengan melalui jalur
telek&munikasi seperti telep&n, radio link, satelit dan lainnya% +enurut Budhi
Ira$an >,00/ ) 9=?, internet >%nterconnected .et$ork? adalah sebuah sistem
k&munikasi gl&bal yang menghubungkan k&mputer-k&mputer dan jaringan-
jaringan k&mputer di seluruh dunia "alam mengatur integrasi dan k&munikasi
jaringan k&mputer ini digunakan pr&t&k&l yaitu 4!PBIP% 4!P >Transmission
Control Protocol? bertugas memastikan bah$a semua hubungan bekerja dengan
benar, sedangkan IP >%nternet Protocol? yang mentransmisikan data dari satu
23
k&mputer ke k&mputer lain% 4P!BIP se'ara umum ber.ungsi memilih rute terbaik
transmisi data, memilih rute alternati. jika suatu rute tidak dapat di gunakan,
mengatur dan mengirimkan paket-paket pengiriman data% (ntuk dapat ikut serta
menggunakan .asilitas Internet, biasanya Anda harus berlangganan ke salah satu
ISP >%nternet +er'ice Pro'ider? yang ada di k&ta Anda% ISP ini biasanya disebut
penyelenggara jasa internet ataupun Anda dapat menggunakan .asilitas dari
4elk&m yakni 4elk&mnet Instan% "engan meman.aatkan internet, pemakaian
k&mputer di seluruh dunia dimungkinkan untuk saling berk&munikasi dan
pemakaian bersama in.&rmasi dengan 'ara saling kirim e-mail, menghubungkan
ke k&mputer lain, mengirim dan menerima .ile, membahas t&pik tertentu pada
ne$sgr&up dan lain-lain% >Sumber)http)BBstik&m-pti,00<-
kel&mp&k=%bl&gsp&t%'&mB,00<B0=Bpengertian- internet%html
1. World Wide Web
World Wide Web >WWW?, yang lebih dikenal dengan istilah $eb,
merupakan salah satu layanan yang didapat &leh pemakai k&mputer yang
terhubung dengan internet% "engan menggunakan tekn&l&gi ,ypertext, pemakai
$eb dituntun untuk menemukan in.&rmasi dengan mengikuti link-link yang
disediakan dalam d&kumen $eb yang ditampilkan dalam bro$ser $eb%
Kemampuan internet dimasukan kedalam bro$ser ini sehingga dapat l&n'at dari
suatu d&kumen ke d&kumen lainnya, tidak lagi dari suatu k&mputer saja, tetapi
dapat mel&n'at ke d&kumen lain yang letaknya pada k&mputer remote%
=% H44P >Hypertext Transfer Protocol?
H44P >Hypertext Transfer Protocol? adalah sebuah pr&t&k&l jaringan
lapisan aplikasi yang digunakan untuk sistem in.&rmasi terdistribusi, k&lab&rati.,
24
dan menggunakan hipermedia% Penggunaannya banyak pada pengambilan sumber
daya yang saling terhubung dengan tautan, yang disebut dengan d&kumen
hiperteks, yang kemudian membentuk World Wide Web pada tahun *==0 &leh
.isika$an Inggris, 4im Berners-7ee% Hingga kini, ada dua 3ersi may&r dari
pr&t&k&l H44P, yakni H44PB*%0 yang menggunakan k&neksi terpisah untuk
setiap d&kumen, dan H44PB*%* yang dapat menggunakan k&neksi yang sama
untuk melakukan transaksi% "engan demikian, H44PB*%* bisa lebih 'epat karena
memang tidak usah membuang $aktu untuk pembuatan k&neksi berulang-ulang%
*0% H4+7 >Hypertext Markup Language?
+erupakan salah satu 3arian dari S5+7 >+tandard *enerali2ed Markup
Language?, yaitu sebuah standar dari IS: >%nternational (rgani2ation for
+tandari2ation? untuk pertukaran d&kumen se'ara elektr&nik% H4+7 sendiri
se'ara .&rmal diumumkan sebagai 8A! *;99% Fang dipergunakan dalam
pertukaran d&kumen melalui pr&t&k&l H44P% 4ata penulisan yang digunakan
dalam d&kumen Web% "&kumen ini, akan dieksekusi &leh bro$ser, sehingga
br&$ser mampu menghasilkan suatu d&kumen sesuai dengan keinginan yang
mendesain page% "&kumen ini mempunyai kemampuan menampilkan gambar,
suara, teks, maupun penyediaan link terhadap halaman $eb lainnya, baik dengan
alamat yang sama serta alamat yang berbeda HyperText Markup Language
>H4+7? adalah sebuah bahasa markup yang digunakan untuk membuat sebuah
halaman $eb, menampilkan berbagai in.&rmasi di dalam sebuah Penjelajah $eb
%nternet dan formating ,ypertext sederhana yang ditulis kedalam berkas .&rmat
AS!II agar dapat menghasilkan tampilan $ujud yang terintegerasi% "engan kata
lain, berkas yang dibuat dalam perangkat lunak peng&lah kata dan disimpan
25
kedalam .&rmat AS!II n&rmal sehingga menjadi ,ome page dengan perintah-
perintah H4+7% Bermula dari sebuah bahasa yang sebelumnya banyak digunakan
di dunia penerbitan dan per'etakan yang disebut dengan S5+7 >+tandard
*enerali2ed Markup Language?, H4+7 adalah sebuah standar yang digunakan
se'ara luas untuk menampilkan halaman $eb% H4+7 saat ini merupakan standar
internet yang dide.inisikan dan dikendalikan penggunaannya &leh World Wide
Web Consortium >W-!?% H4+7 dibuat &leh k&lab&rasi !aillau 4I+ dengan
Berners-lee r&bert ketika mereka bekerja di !68N pada tahun *=;= >!68N
adalah 7embaga Penelitian Aisika 6nergi 4inggi di 2ene$a?%
**% 4injauan Perangkat 7unak
Berikut ini adalah tinjauan singkat tentang perangkat lunak yang digunakan
penulis untuk membantu penulisan dan pembuatan pr&p&sal penelitian ini%
a% Apa'he
Apa'he adalah sebuah nama $eb ser'er yang bertanggung ja$ab pada
re3uest-response H44P dan logging in.&rmasi se'ara detail >kegunaan basi'nya?%
Selain itu, Apa'he juga diartikan sebagai suatu $eb ser3er yang k&mpak,
m&dular, mengikuti standar pr&t&k&l H44P, dan tentu saja sangat digemari%
Kesimpulan ini bisa didapatkan dari jumlah pengguna yang jauh melebihi para
pesaingnya% Sesuai hasil sur3ai yang dilakukan &leh Net'ra.t, bulan 2anuari ,00/
saja jumlahnya tidak kurang dari 9;I pangsa $eb ser3er yang berjalan di
Internet% Ini berarti jika semua $eb ser3er selain Apa'he digabung, masih belum
bisa mengalahkan jumlah Apa'he% Saat ini ada dua 3ersi Apa'he yang bisa
dipakai untuk ser3er pr&duksi, yaitu 3ersi may&r ,%0 dan 3ersi may&r *%-% Apa'he
26
merupakan $ebser'er yang paling banyak digunakan saat ini% Hal ini disebabkan
&leh beberapa sebab, di antaranya adalah karena si.atnya yang
opensource dan mudahnya mengk&stumisasikanny% diantaranya dengan
menambahkan support secure protocol melalui SS7 dan k&nekti.itasnya dengan
database ser'er melalui bahasa scripting PHP%
b% PHP >Hypertext Preprocessor?
Bahasa pemr&graman PHP merupakan bahasa pemr&graman untuk mebuat
$eb yang bersi.at ser'er-side scripting% PHP memungkinkan kita untuk membuat
halaman $eb yang bersi.at dinamis% PHP dapat dijalankan pada berbagai ma'am
(perating +ystem >:S?, misalnya Windo$s, Linux dan Mac (+% Selain Apa'he,
PHP juga mendukung beberapa $eb ser'er lain, misalnya Microsoft %%+,
Caudium, PWS dan lain-lain% PHP dapat meman.aatkan database untuk
menghasilkan halaman $eb yang dinamis% Sistem manajemen database yang
sering digunakan bersama PHP adalah +ySJ7% Namun PHP juga mendukung
system manajemen "atabase (racle, Microsoft -cces, %nterbase, d-&ase,
Postgre+4L dan sebagainya% Hingga kini PHP sudah berkembang hingga 3ersi
ke- /% PHP / mendukung penuh (b)ect (riented Programing >::P?, integrasi
K+7, mendukung semua ekstensi terbaru +ySJ7, pengembangan $eb ser'ices
dengan S:AP dan 86S4, serta ratusan peningkatan kemampuan lainnya
dibandingkan 3ersi sebelumnya% Sama dengan $eb ser3er lainnya PHP juga
bersi.at open source sehingga setiap &rang dapat menggunakannya dengan gratis%
>Sumber ) http)BBbl&g%dunias'ript%'&mBpengertian-tentang-Lampp%html%?
'% Struktur pada PHP
27
Struktur Kendali atau statement adalah bagian penting dalam suatu bahasa
pemr&graman, karena bagian ini mengatur jalurnya eksekusi suatu pr&gram%
Struktur Penulisan php, dapat dituliskan berdiri sendiri atau disisipkan pada script
H4+7% Bentuk penulisan script PHP, dia$ali dengan tag MD dan diakhiri dengan %
Setiap akhir baris perintah script php selalu diakhiri dengan tanda titik k&ma N O P
dan tidak harus berada dalam satu baris%
d% +ySJ7
SJ7 yang merupakan kepanjangan dari +tructured 4uery Language% SJ7
merupakan bahasa terstruktur yang khusus digunakan untuk meng&lah database%
SJ7 pertama kali dide.inisikan &leh -merican .ational +tandards %nstitute
>ANSI? pada tahun *=;9% +ySJ7 adalah sebuah sistem manajemen database
yang bersi.at &pen s&ur'e% +ySJ7 adalah pasangan serasi dari PHP% +ySJ7
dibuat dan dikembangkan &leh +ySJ7 AB yang berada di S$edia% +ySJ7 dapat
digunakan untuk membuat dan meng&la database beserta isinya% Kita dapat
meman.aatkan +ySJ7 untuk menambahkan, mengubah dan menghapus data
yang berada dalam database% +ySJ7 merupakan sisitem manajemen database
yang bersi.at at relational% Artinya data-data yang dikel&la dalam database akan
diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan
menjadi jauh lebih 'epat%+ySJ7 dapat digunakan untuk mengel&la database
mulai dari yang ke'il sampai dengan yang sangat besar% +ySJ7 juga dapat
menjalankan perintah-perintah +tructured 4uery Language >SJ7? untuk
mengel&la database-database yang ada di dalamnya% +ySJ7 / sudah mendukung
trigger untuk memudahkan pengel&laan tabel dalam database%
>Sumber)http)BBkihendriku%$&rdpress%'&mB,00=B0-B0=Bpengertian-LamppB%?
28
Kelebihan +ySJ7
a? +ySJ7 +erupakan sebuah database yang mampu menyimpan data
berkapasitas sangat besar hingga berukuran gigabyte sekalipun%
b? +ySJ7 didukung &leh ser'er :"B!, yang artinya database +ySJ7 dapat
diakses menggunkan aplikasi apa saja termasuk berupa 3isual seperti "elpi mapun
5isual &asic%
'? +ySJ7 adalah databse yang menggunakan enkripsi pass$ord%
d? +ySJ7 merupakan ser'er database multi user artinya databse ini dapat
digunakan &leh banyak &rang%
e? +ysJ7 dapat men'iptakan lebih dari *9 kun'i per tabel dan satu kun'i
memungkinkan belasan fileds%
Perbedaan +ySJ7 dan SJ7
+ySJ7 dan SJ7 adalah dua makhluk# yang berbeda% +udahnya
+ySJ7 adalah soft$arenya dan SJ7 adalah bahasa perintahnya% A$alnya
+ySJ7 dijalankan pada sistem &perasi (niL dan 7inuL% 4api bagi para
penggemar $ind&$spun sekarang sudah tersedia +ySJ7 3ersi +ereka yang
menggunakan linuL >8edHat, +andrake, dsb? biasanya SJ7 sudah terinstall
se'ara default% Bila belum bisa install maka dengan mudah dapat menginstalnya
menggunakan 8P+ >/ed,at Package Manager?, merupakan pr&sedur instalasi
soft$are yang menjadi standart de-.a't& untuk linuL, $alaupun anda tidak
menggunakan linuL 8edHat% +ySJ7 merupakan database yang paling digemari
sebagai piranti perangkat lunak yang open source, dengan alasan bah$a pr&gram
ini merupakan database yang sangat kuat dan 'ukup stabil untuk digunakan
sebagai media penyimpanan data% Sebagai sebuah database +er'er yang mampu
29
untuk memanajemen database dengan baik, +ySJ7 terhitung merupakan
database yang paling digemari dan paling banyak digunakan dibanding database
lainnya%
*,% +a'r&media "ream$ea3er
Pengertian +a'r&media "ream$ea3er adalah sebuah s&.t$are H4+
7
edit&r pr&.esi&nal yang digunakan untuk mendesain se'ara 3isual dan mengel&l
a
situs $eb maupun halaman $eb% Bilamana kita menyukai untuk berurusan denga
n
k&de-k&de H4+7 se'ara manual atau lebih menyukai bekerja dengan
lingkungan
se'ara 3isual dalam melakukan editing, "ream$ea3er membuatnya menjadi lebi
h
mudah dengan menyediakan t&&ls yang sangat berguna dalam peningka
tan
kemampuan dan pengalaman kita dalam mendesain $eb%"ream$ea3er ; dala
m
hal ini digunakan untuk $eb desain% "ream$ea3er ; mengikutsertakan bany
ak
t&&ls untuk k&de-k&de dalam halaman $eb beserta .asilitas-.asilitasnya, anta
ra
lain ) 8e.erensi H4+7, !SS dan 2a3as'ript, 2a3as'ript debugger, dan edit&r k&d
e
30
>tampilan k&de dan !&de inspe't&r? yang mengiGinkan kita mengedit k
&de
2a3as'ript, K+7, dan d&kumen teks lain se'ara langsung
dalam "ream$ea3er%
4ekn&l&gi "ream$ea3er 8&undtrip H4+7 mampu mengimp&r
d&kumen H4+7 tanpa perlu mem.&rmat ulang k&de tersebut dan kita da
pat
menggunakan "ream$ea3er pula untuk membersihkan dan mem.&rmat ula
ngH4+7 bila kita menginginkannya% Selain itu "ream$ea3er juga dilen
gkapikemampuan manajemen situs, yang memudahkan kita mengel&la kese
luruhanelemen yang ada dalam situs% Kita juga dapat melakukan e3aluasi sit
us denganmelakukan penge'ekan br&ken link, k&mpatibilitas br&$ser, maupu
n perkiraan$aktu d&$nl&ad halaman $eb%
>sumber)http)Bbl&g%dunias'ript%'&mBsekilastentangmacromediadream$ea'er.,tml#
*-% Ad&be Ph&t&sh&p
Perangkat lunak ini banyak digunakan &leh .&t&gra.er digital dan
perusahaan iklan sehingga dianggap sebagai pemimpin pasar >market leader?
untuk perangkat lunak peng&lah gambar% +eskipun pada a$alnya P,otos,op
diran'ang untuk menyunting gambar untuk 'etakan berbasis-kertas, P,otos,op
yang ada saat ini juga dapat digunakan untuk mempr&duksi gambar untuk World
Wide Web% Beberapa 3ersi terakhir juga menyertakan aplikasi tambahan,
-dobe %mage /eady, untuk keperluan tersebut% P,otos,op juga memiliki
hubungan erat dengan beberapa perangkat lunak penyunting media, animasi, dan
auth&ring buatan--dobe lainnya%
31
Kelebihan p,otos,op)
a? +embuat tulisan dengan e.ek tertentu%
b? +embuat tekstur dan material yang beragam
'? +engedit .&t& dan gambar yang sudah ada
d? +empr&ses materi $eb%
>Sumber)http)BBph&t&sh&p%&t&didak%in.&Barti'les-graphi'Bpengertian-desain- gra.is?
BAB III
GAMBARAN UMUM HIMAS CAKE

A& S)/"(". S2%+*"' H2$"- C"*)
Himas !ake C 4art merupakan usaha yang dirintis &leh ibu A%A%
Hima$ati "e$i sejak tahun ,00<% (saha ini terletak di Perumahan Wisma Nusa
Permai "%1,, Kampial H Nusa "ua% (saha ini yang menerima pemesanan aneka
kue khususnya pada tart cake dan blackforest. Ibu Hima mempr&m&sikan
usahanya dengan dua 'ara, yakni dengan memberikan sampel dan menyebar
br&sur% (saha Himas !ake ini bera$al dari rasa ingin tahu beliau yang ingin
men'&ba berbagai aneka kue di beberapa buku resep dan majalah% Setelah melalui
berbagai eksperimen, beliau akhirnya memantapkan diri untuk memulai usaha
tersebut% Kini usaha beliau telah 'ukup dikenal &leh beberapa &rang di $ilayah
Nusa "ua%
B& S'(,*',( O(+"%2-"-2 H2$"- C"*)
Struktur &rganisasi merupakan $adah kerja samayang dapat menunjukan
hubungan antara pejabat atau bidang-bidang kerja satu dengan yang lain sehingga
jelas dalam pembagian tugas, $e$enang dan tanggung ja$ab &rang-&rang
didalam &rganisasi intik men'apai tujuan bersama yang telah ditetapkan
sebelumnnya% :leh karena itu setiap kegiatan yang dijalankan &leh &rganisasi
membutuhkan pembagian tugas, $e$enang dan tanggung ja$ab sehingga tidak
32
33
terjadi tumpang tindih antara bagian satu dengan bagian lainnya, yang mana
nantinya akan ter'ipta suatu &rganisasi yang harm&nis%
4ujuan dibentuknya struktur &rganisasi adalah untuk membantu dan
mengarahkan usaha-usaha dalam &rganisasi sedemikian rupa, sehingga usaha
tersebut terk&&rdinir dan berjalan sesuai dengan tujuan &rganisasi% Struktur
&rganisasi yang digunakan &leh Himas !ake adalah struktur &rganisasi garis
yang sangat sederhana, di mana yang dimaksud dengan struktur &rganisasi garis
yaitu susunan tugas-tugas peren'anaan, k&mand& dan penga$asan berada di satu
tangan, serta garis $e$enang langsung dari pimpinan kepada ba$ahan%
Struktur &rganisasi di Himas !ake terdiri dari bagian tertinggi yakni
pemilik usaha Himas !ake % "i ba$ah pemilik terdapat - bagian yang diarahkan
se'ara langsung &leh pemilik%
(ntuk lebih jelasnya struktur &rganisasi yang ada pada Himas !ake dapat
dilihat pada bagan sebagai berikut)
5ambar -%*
S48(K4(8 :85ANISASI
HI+AS !AK6
O6NER
BAGIAN
PENJUALAN
BAGIAN
GUDANG
BAGIAN
PENGANTAR
34
C& P)$5"+2"% T,+"- (Job Desc)
+elihat struktur diatas, selanjutnya penulis akan menjelaskan se'ara singkat
uraian tugas, $e$enang dan tanggung ja$ab sangat penting artinya bagi semua
pihak dalam &rganisasi terutama bagi pihak pimpinan, yaitu untuk lebih
memudahkan dalam mengadakan e3aluasi terhadap setiap pekerjaan yang
dibebankan kepada ba$ahannya sesuai dengan kerangka yang disusun% Begitu
pula terhadap ba$ahannya sebagai pelaksana, dengan ped&man dalam
melaksanakan tugasnya%
*% Pemilik
Pemilik perusahaan mempunyai tugas sebagai pemimpin perusahaan,
meng&ntr&l dan mengendalikan jalannya perusahaan serta mengambil keputusan
dan kebijakan dalam perusahaan% Pemilik mempunyai .ungsi )
a% Penetapan kebijakan &perasi&nal Perusahaan%
b% Pengk&&rdinasian dan pengendalian Perusahaan%
8in'ian 4ugas Pemilik )
a% +enetapkan kebijakan &perasi&nal perusahaan Himas !ake %
b% +engk&&rdinasikan dan mengendalikan jalannya perusahaan%
,% Bagian Penjualan
Bagian penjualan bertugas untuk mena$arkan pr&duk kepada pelanggan
serta menjelaskan hal-hal yang terkait tentang pr&duk kepada pelanggan%
Kemudian menerima pesanan &rder dari pelanggan%
4ugas dan tanggung ja$abnya )
35
a% Memfollo$ up &rder dari pelanggan%
b% +empr&ses &rder dari pelanggan%
-% Bagian Pengantar
Bagian pengantar bertugas untuk mengantarkan pesanan atau pr&duk kepada
pelanggan dan bertanggung ja$ab terhadap keadaan pr&duk selama dan pr&duk
diantar dan setelah pr&duk sampai di tangan pelanggan%
4. Bagian 5udang
Adapun tugas dan tanggung ja$ab bagian gudang yaitu)
a. +elakukan penge'ekan barang yang ada%
c. +elakukan pemesanan barang kepada pihak supplier%
d. +embuat lap&ran persediaan barang%
36
BAB I7
PEMBAHASAN
A& A%"#2-2- S2-')$ 8"%+ B)(/"#"%
Analisa merupakan suatu kegiatan yang bertujuan untuk mempelajari serta
menge3aluasi suatu bentuk permasalahan yang ada pada sebuah sistem% "alam
analisa sistem akan ditemukan masalah yang mungkin akan mempengaruhi kerja
sistem% Agar sistem yang diran'ang dapat berjalan sebagaimana mestinya, perlu
dilakukan analisis terhadap kinerja sistem yang pada akhirnya bertujuan untuk
pengembangan sistem%
*% Analisa "&kumen yang Berjalan
Adapun data-data yang digunakan dalam sistem in.&rmasi penjualan yang
berjalan adalah sebagai berikut)
a% Nama "&kumen ) Barang yang dipesan
Sumber ) K&nsumen
Aungsi ) "a.tar pembelian dari k&nsumen
Peri&de Pembuatan ) Pada saat pembelian barang
Item "ata ) K&deEbrg, NamaEbrg, HargaEbrg, 2enisEbrg
b% Nama "&kumen ) N&ta Penjualan
Sumber ) Bag% Penjualan
Aungsi ) (ntuk mengetahui jumlah pembayaran
Peri&de Pembuatan ) Pada saat penjualan barang
Item "ata ) K&deEbrg, NamaEbrg, HargaEbrg, 2enisEbrg,
4glEpembelian
37
'% Nama "&kumen ) 7ap&ran Penjualan
Sumber ) Bag% Penjualan
Aungsi ) (ntuk memberitahu barang yang telah terjual
Peri&de Pembuatan ) Pada saat barang telah terjual
Item "ata ) K&deEbrg, NamaEbrg, HargaEbrg, 2enisEbrg,
4glEpenjualan, "ata Ebrg
,% Analisis Pr&sedur yang Berjalan
Adapun analisis pr&sedur dari sistem penjualan pada Himas !ake yang
sedang berjalan adalah sebagai berikut)
a% K&nsumen memilih pr&duk yang diinginkan%
b% Bagian penjualan kemudian akan memeriksa, jika persediaan bahan masih ada
maka bagian penjualan akan meneruskan ke bagian pr&duksi untuk melakukan
pembuatan pesanan tersebut% 2ika pr&duk yang diinginkan tidak tersedia maka
akan diberitahukan kepada k&nsumen% Setelah pr&duk telah dibuat, bagian
penjualan akan membuatkan n&ta sebanyak dua rangkap% Satu rangkap akan
diberikan kepada k&nsumen dan satu rangkap akan dipr&ses untuk pembuatan
lap&ran penjualan%
'% 7ap&ran penjualan rangkap pertama akan langsung diserahkan kepada
pemilik perusahaan, sedangkan lap&ran penjualan rangkap keduan akan diserahkan kebagian
gudang untuk membuat lap&ran persediaan bahan-bahan yang kemudian akan diserahkan
kepada pemilik perusahaan%
d% Selanjutnya pemilik perusahaan akan menyimpan lap&ran penjualan dan lap&ran
persediaan bahan-bahan untuk dipersiapkan%
a% Al&$map
38
+emberikan gambaran tentang sistem yang saat ini sedang berjalan% "ari sistem
lama maka akan ditemukan beberapa data dan .akta yang akan dijadikan bahan untuk
pengembangan dan penerapan sebuah aplikasi sistem yang diusulkan%
Keterangan ) A* ) Arsip Persediaan 7ap&ran Barang
A, ) Arsip Penjualan Barang
G"$5"( &1 6lo$map yang +edang &er)alan
39
b% "iagram K&nteks
"iagram k&nteks adalah sebuah diagram sederhana yang menggambarkan
hubungan antara entity luar, masukan dan keluaran dari sistem%
G"$5"( &2& "iagram 7onteks +istem yang +edang &er)alan
'% "ata Al&$ "iagram
"ata 6lo$ "iagram adalah representasi graphis dari suatu sistem yang
menggambarkan k&mp&nen-k&mp&nen sebuah sistem, aliran-aliran data diantara
k&mp&nen-k&mp&nen tersebut beserta asal, tujuan dan penyimpanan datanya%
40
G"$5"( &3 "ata 6lo$ "iagram +istem yang +edang &er)alan
-% 63aluasi Sistem yang Berjalan
Berdasarkan hasil e3aluasi, Himas !ake masih mengalami berbagai
permasalahan dalam melakukan akti3itas penjualan% Adapun masalah yang dihadapi pada
sistem penjualan yang sedang berjalan pada Himas !ake )
4abel 1%* 63aluasi Sistem yang Berjalan
N& Permasalahan Bagian Peme'ahan
*
Sistem penjualan masih
bersi.at k&n3ensi&nal,
dimana pembeli harus
datang langsung ke t&k&
sehingga akan menyulitkan
k&nsumen yang berada di
luar k&ta%
Penjualan
"engan mengimplementasika
n
sistem aplikasi penjualan
berbasis $eb agar transaksi
penjualan dapat dilakukan
dimana saja dan kapan saja
&leh customer%
,
Pen'arian dan peng&lahan
data penjualan barang
masih memerlukan $aktu
yang lama, disebabkan
tidak teraturnya data dalam
penyimpanan arsip
Penjualan
Bagaimana meran'ang sistem
aplikasi penjualan yang
diusulkan yang dapat
membantu dalam peng&lahan
data penjualan dengan
berbasiskan $eb
-
4erjadinya kesalahan dalam
penyajian in.&rmasi
Penjualan +enggunakan sistem aplikasi
berbasis Web dapat
+eminimalkan terjadinya
kesalahan data
1
Ketidake.ekti.an dalam
sarana media pr&m&si
Penjualan "engan menggunakan sistem
aplikasi penjualan ini dapat
membantu dalam media
pr&m&si yang lebih e.ekti.
B& P)("%9"%+"% S2-')$
41
Peran'angan sistem merupakan suatu tahap lanjutan dari analisa dan e3aluasi
sistem yang sedang berjalan, di mana pada peran'angan sistem digambarkan ran'angan
sistem yang akan dibangun sebelum dilakukan pengk&dean ke dalam suatu bahasa
pemr&graman% "alam peran'angan suatu sistem tidak lepas dari hasil analisa, karena dari hasil
analisa, sistem baru dapat dibuat sehingga menghasilkan ran'angan sistem%
*% 4ujuan Peran'angan Sistem
4ujuan dari peran'angan sistem ini adalah untuk menghasilkan suatuperan'an
gan yang dapat membantu pr&ses penjualan yang mana akan membantu mempr&m&sikan dan
memperluas 'akupan penjualan Himas !ake ini% Peran'angan aplikasi yang diusulkan
merupakan langkah untuk lebih menge.ekti.kan dan menge.isensikan sistem yang sedang
berjalan%
,% (mum Sistem yang digunakan
Pada pr&sedur yang dibuat tidak mengalami banyak perubahan dari sistem yang
sedang berjalan, hanya berbeda dalam penggunaan sistem k&mputerisasi yang dapat
membantu pr&ses penginputan, pengeditan, dan penghapusan data serta mempermudah dalam
hal pen'arian .ata dan dapat memberikan pembaharuan yang diharapkan dapat memperluas
'akupan penjualan pr&duk Himas !ake %
5ambaran umum untuk peran'angan sistem yang diusulkan se'ara garis
besarnya yaitu user dapat melihat dan atau men'ari in.&rmasi tentang Himas !ake %
2i ka ingi n melakukan transaksi, user harus mel e$at i pr&ses l og in t erlebi h
dahulu, j ika belum mempunyai account , user di haruskan menda.t ar unt uk
menj adi member8 cost umer% Sedangkan unt uk admi n di sedi akan halaman
untuk mengubah, menambahkan, at au menghapus dat a dan mel i hat dan atau
42
mengel&l a l ap&ran t ransaksi yang sebelumnya harus mele$at i pr&ses l og i n
terl ebih dahulu%
-% Peran'angan Pr&sedur yang "iusul kan
"alam peran'angan pr&sedur yang diusulkan men'akup gambaran umum sistem
in.&rmasi penjualan yang diusulkan penulis dimulai dari diagram k&nteks sistem, diagram
arus data, kamus data, peran'angan basis data, relasi tabel, sampai dengan relasi antar entitas%
a% "iagram K&nteks yang "iusulkan
"iagram k&nteks ini dibuat untuk membatasi sistem dan menunjukkan adanya
interaksi sistem dengan k&mp&nen di luar sistem, yang mana merupakan gambaran sistem
se'ara luas% Berikut ini merupakan gamabran diagram k&nteks dari sistem yang dibangun%
G"$5"( & Diagram Konteks yang Diusulkan
b% "ata Al&$ "iagram
"ata Al&$ "iagram >"A"? adalah teknik gra.is yang menggambarkan aliran
in.&rmasi dan perubahan yang digunakan sebagai perpindahan data dari masukan ke keluaran,
"A" sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru
yang akan dikembangkan se'ara l&gika tanpa mempertimbangkan lingkungan .isik di mana
43
data tersebut akan disimpan% Analisis dari "ata Al&$ "iagram pada Himas !ake adalah
sebagai berikut )
44
*% D!D L):)# 0
Gambar 4.5 DFD Level 0 istem yang !iusulkan
45
,% "A" 7e3el * Pr&ses ,%0
Gambar 4." DFD Level # $roses %.0 istem yang !iusulkan
Keterangan)
-% "A" 7e3el * Pr&ses -%0
Ke Pr&ses Berikutnya
Ke Pr&ses Selanjutnya
46
Gambar 4.& DFD Level # $roses '.0 istem yang !iusulkan
1% "A" 7e3el * Pr&ses 1%0
G"$5"( &8 DFD Level # $roses 4.0 istem yang Diusulkan
Keterangan )
/% "A" 7e3el * Pr&ses /%0
Ke Pr&ses Berikutnya
Ke Pr&ses Selanjutnya
47
G"$5"( &;& Level # $roses 5.0 istem yang Diusulkan
'% Kamus "ata
Kamus data merupakan bagian dari peran'angan sistem yang berisi field-
field yang diperlukan &leh suatu database untuk menjalankan aplikasi pr&gram
yang telah dibuat% Kamus data dapat dikatakan sebagai penjelasan dari field-field
dalam tabel database.
"engan menggunakan kamus data, analisis sistem dapat mende.inisikan
data yang mengalir di sistem dengan lengkap% Kamus data di buat berdasarkan
arus data yang ada di data .l&$ diagram% Arus data dan .l&$ diagram si.atnya
gl&bal hanya ditujukan nama arus datanya saja% "ata-data yang terkait pada sistem
in.&rmasi penjualan di Himas !ake adalah sebagai berikut )
a? Nama Arus "ata ) "ata +ember
Alias ) 8egistrasi
Aliran Arus "ata ) 6%K&nsumen-P*, P*-4%+ember, 4%+ember-P*,
4%+emberP,, +ember-P,, P,-member P,-P-,
+ember-P,%*, P,%*-4%+ember, 4%+ember-P,%,
Atribut ) 6mailEmember,pass$&rd, nama, 2enisEkelamin,
K&deEp&s, alamat,idEk&ta,telp,status
b? Nama Arus "ata ) "ata Admin
Alias ) -
Aliran Arus "ata ) 6%Admin-P1, 4%Admin-P1, P1%*-P1%,, P1-P-%1, P1-
P/%*,P1-P/%,
Atribut ) username, pass$&rd,namaEadmin
'? Nama Arus "ata ) "ata Pr&duk
Alias ) In.& Pr&duk
48
Aliran Arus "ata ) P--4%Pr&duk, 4%Pr&duk-P-, P--member, 4%Pr&duk-
P/, P/-Admin, 4%Pr&duk-P-%*, P-%*-4%Pr&duk,
P-%*-P-%,, 4%Pr&duk-P/%*, P/%*-P/%,, P/%,-Admin
Atribut ) IdEpr&duk,idEkateg&ri, namaEpr&duk,
deskripsiEpr&duk, harga, berat, st&k,a'ti&n, username
d? Nama Arus "ata ) "ata Kateg&ri
Alias ) In.& Kateg&ri
Aliran Arus "ata ) P--4%Kateg&ri, 4%Kateg&ri-P-, 4%Kateg&ri-P/, P/-
Admin, 4%Kateg&ri-P-%*, P-%*-4%Kateg&ri, P-%*-
P-%,, 4%Kateg&ri-P/%*, P/%*-P/%,, P/%,-Admin
Atribut ) IdEkateg&ri, kateg&ri
e? Nama Arus "ata ) "ata K&ta
Alias ) In.& K&ta
Aliran Arus "ata ) P--4%K&ta, 4%K&ta-P-, 4%K&ta-P/, P/-Admin,
4%K&ta-P-%,, P-%,-4%K&ta, 4%K&ta-P/%*, P/%*-P/%,,
P/%,-Admin
Atribut ) IdEk&ta, namaEk&ta,IdEpr&3insi
.? Nama Arus "ata ) "ata (kuran
Alias ) In.& (kuran
Aliran Arus "ata ) P--4%(kuran, 4%(kuran-P-, 4%ukuran-P/, P/-
Admin, 4%(kuran-P-%,, P-%,-4%(kuran, 4%(kuran-
P/%*, P/%*-P/%,, P/%,-Admin
Atribut ) IdE(kuran, IdEkateg&ri,(kuran
g? Nama Arus "ata ) "ata Pemesanan
Alias ) In.& Pemesanan
49
Aliran Arus "ata ) P--4%Pemesanan, P--member, P--Admin,
4%Pemesanan-P/, P/-Admin, P-%,-4%Pemesanan,
4%Pemesanan-P-%-, P-%--P-%1, P-%1-P-%/, P-%/-
+ember, 4%Pemesanan-P/%*, P/%*-P/%,, P/%,-
Pemesanan, 4%Pemesanan
Atribut ) IdEpemesanan,tglEpesan,emailEmember,alamatEkir
im, IdEk&ta,&ngk&sEkirim,jmlEbayar,status
d% Peran'angan Basis "ata
Peran'angan basis data dide.inisikan sebagai kumpulan data yang berupa suatu
penyampaian in.&rmasi yang lengkap dengan jenis record yang mempunyai spesi.ikasi
yang sama, sedangkan yang dimaksud dengan record adalah kumpulan data yang berisikan
field-field berbeda, jumlah record
pada umumnya terbatas%
Berikut ini tahapan-tahapan dari peran'angan basis data )
a? N&rmalisasi
b? 8elasi tabel
'? 6ntity 8elati&nship "iagram >68"?
d? Struktur .ile
e? K&de.ikasi
a? N&rmalisasi
N&rmalisasi merupakan suatu pr&ses yang berkaitan dengan model relation
untuk meng&rganisasikan himpunan data dengan ketergantungan dan keterkaitan yang tinggi%
Hasil dari pr&ses n&rmalisasi adalah himpunan dalam bentuk n&rmal% "engan n&rmalisasi
akan meminimalisasi pengg&l&ngan in.&rmasi dan memudahkan untuk mengidenti.ikasi
entitas atau &bjek% Berikut langkah-langkah n&rmalisasi)
50
*? Bentuk tidak n&rmal >9n-normal?
Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada
keharusan mengikuti .&rmat tertentu, dapat saja tidak lengkap atau terduplikasi%
Berikut ini bentuk data tidak n&rmal )
Q(sername, pass$&rd, namaEadmin, idEdetailEpemesanan, idEpemesanan,
idEpr&duk, beratEsatuanEpemesanan, hargaEsatuanEpemesanan, RtyEpemesanan,
idEkateg&ri, idEukuran, idE$arna, idEdetEpr&duk, idEpr&duk, idEukuran,
idE$arna, gambarEpr&duk, st&k, idEin.&, in.&, tglEin.&, username, idEkateg&ri,
kateg&ri, idEkeranjang, sessi&nEid, idEpr&duk, beratEsatuan, hargaEsatuan,
RtyEkeranjang, idEukuran, idE$arna, idEk&n.irmasi, idEpemesanan, tglEtrans.er,
bankEtujuan, bankEasal, n&Eresi, n&Erek, anErek, 2umlahEtrans.er, idEk&ta,
namaEk&ta, idEpr&3insi, idEkurir, namaEkurir, emailEmember, pass$&rd, nama,
jk, alamat, k&deEp&s, idEk&ta, telp, status, idE&ngk&sEkirim, idEkurir, idEk&ta,
&ngk&sEkirim, username, idEpemesanan, tglEpesan, emailEmember, alamatEkirim,
idEk&ta, &ngk&sEkirim, jmlEbayar, status, idEpengiriman, idEpemesanan,
emailEmember, alamat, k&ta, namaEpenerima, k&deEp&s, telp, tanggal, N&Eresi,
idEpr&duk, idEkateg&ri, namaEpr&duk, deskripsiEpr&duk, berat, harga, a'ti&n,
username, idEpr&3insi, namaEpr&3insi, idEukuran, idEkateg&ri, ukuran, idE$arna,
$arna, gambarE$arna, idEretur, idEmember, idEpr&duk, tglEkembali S
,? Bentuk n&rmal
Qusername, pass$&rd, namaEadmin, idEpemesanan, idEpr&duk, idE$arna, idEukuran,
beratEsatuanEpemesanan, hargaEsatuan, RtyEpemesanan, idEdetailEpr&duk,
51
idE$arna,st&k, gambarEpr&duk, idEkateg&ri, kateg&ri, idEkeranjang,
idEk&n.irmasi, tglEtrans.er, bankEtujuan, bankEasal, n&Eresi,
n&Erek, jenisE&rder, idEk&n.irmasiE&rder, idEreRuestE&rder,idEk&ta, namaEk&ta,
idEkurir, namaEkurir, emailEmember, pass$&rdEmember, nama, jk, alamat, k&deEp&s,
idEk&ta, telp, status, idE&ngk&sEkirim,&ngk&sEkirim, username, tglEpesan,
alamatEkirim, jmlEbayar, status, namaEpr&duk, deskEpr&duk, berat, harga,
namaEpr&3insi, ukuran, tglEreRuestE&rder, banyaknya, .iel&rder, idEreturn, idEmember,
idEpr&duk, tglEkembaliS
-? Bentuk N&rmal , >,-NA?
>a? tbEmember )
QemailEmemberT, pass$&rd, nama,jk,alamat,k&deEp&s,idEk&ta,telp,statusS
>b? tbEpr&duk )
QidEpr&dukT,idEkateg&ri,namaEpr&duk,deskripsiEpr&duk,berat,harga,a'ti&n,usernameS
>'? tbEpemesanan)
QidEpemesananT,RtyEpemesanan,idEk&n.irmasi,tglEtrans.er,bankEtujuan,ban
kEasal,n&Eresi,n&Erek,jenisE&rder,idEk&n.irmasiE&rder,idEreRuest-
&rder,idEkurir,namaEkurir,idE&ngk&sEkurir,&ngk&sEkirim,jmlEbayar
,namaEpr&3insi,tglE&rderEreRuest,.ileE&rder,t&talEbayar,idEreturn, idEmember,
idEpr&duk, tglEkembaliS
1? Bentuk N&rmal - >--NA?
>a? tbEmember )
QemailEmember T,pass$&rd,nama,jk,alamat,k&deEp&s,idEk&ta TT,telp,status S
>b? tbEpr&duk )
52
QidEpr&duk T, idEkateg&ri TT, namaEpr&duk, deskripsiEpr&duk, berat, harga,
a'ti&n, username TTS
>'? tbEkateg&ri )
QidEkateg&riT,namaEkateg&riS
>d? tbEukuran )
QidEukuranT,idEkateg&riTT,namaEukuranS
>e? tbEpemesanan
QidEpemesanan T, tglEpesan, emailEmember T, alamatEkirim, idEk&ta TT,
&ngk&sEkirim, jmlEbayar, statusS
>.? tbEk&n.irmasi )
QidEk&n.irmasi T, idEpemesanan TT, tglEtrans.er, bankEtujuan, bankEasal,
n&Eresi, n&Erek, anErek, 2umlahEtrans.er,S
>g? tbEK&ta )
QidEk&taT, namaEk&taS
>h? tbE$arna )
Q idE$arna T, $arna, gambarE$arnaS
>i? tbEpr&3insi )
QidEpr&3insiT,namaEpr&3insiS
>j? tbE&ngk&sEkirim )
Q idE&ngk&sEkirim T,idEkurir TT,idEk&ta TT,&ngk&sEkirim,username TTS
>k? tbEkurir )
Q idEkurir T, namaEkurirS
>l? tbEdetailEpr&duk )
Q idEdetEpr&duk T, idEpr&duk TT, idEukuran TT, idE$arna TT, gambarEpr&dukS
>m? tbEdetailEpemesanan )
53
Q idEdetailEpemesanan T, idEpemesanan TT, idEpr&duk TT,
beratEsatuanEpemesanan, hargaEsatuanEpemesanan, RtyEpemesanan,
idEkateg&ri TT, idEukuran TT, idE$arna TT,S
>n? tbEpengiriman )
Q idEpengiriman T, idEpemesanan TT, emailEmember TT, alamat, k&ta,
namaEpenerima, k&deEp&s, telp, 4anggal, N&EresiS
>&? tbEkeranjang )
Q idEkeranjang T, sessi&nEid, idEpr&duk TT, beratEsatuan, hargaEsatuan,
RtyEkeranjang, idEukuran TT, idE$arna TTS
>p? tbEin.& )
Q idEin.& T, in.&, tglEin.&, username TTS
>R? tbEadmin )
Q username T, pass$&rd, namaEadminS
b? 8elasi 4abel
8elasi antar tabel adalah suatu pr&ses meng&rganisasikan file untuk
menghilangkan grup elemen yang berulang-ulang% Pr&ses relasi antar tabel merupakan
pengel&mp&kan data menjadi tabel-tabel yang merupakan entity dan relasinya% Ber.ungsi
mengakses data dan item sedemikian rupa sehingga database tersebut mudah term&di.ikasi%
Adapun bentuk relasi antar tabel dari sistem yang diusulkan adalah sebagai berikut)
54
Gambar 4.#0 (elasi )abel
55
'? 6ntity 8elati&nship "iagram >68"?
K&mp&nen utama 68" adalah entitas, atribut dan relasi% 6ntitas
merupakan indi3idu yang me$akili sesuatu yang nyata dapat dibedakan dari yang lain%
8elasi merupakan adanya hubungan di antara sejumlah entitas yang berasal dari entitas yang
berbeda% 6ntitas 8elati&nship "iagram pada aplikasi sistem in.&rmasi penjualan ini yaitu
sebagai berikut)
Gambar 4.## Entity (elations*i+ Diagram ,E(D-
56
d? Struktur Aile
Struktur .ile merupakan urutan isi atau data-data item yang ada pada .ile database%
8an'angan struktur ini dimaksudkan untuk dapt melakukan kegiatan-kegiatan dalam
pen'arian data untuk mempermudah kerja sistem% Struktur .ile yang terdapat pada
k&mputerisasi sistem in.&rmasi penjualan adalah sebagai berikut)
4abel 1%, Struktur Aile 4abel +ember
'5<$)$5)(
N"$" !2)#0 T83) L)%+'.
emailEmember @ar'har -0
Pass$&rd @ar'har ,0
Nama @ar'har 10
2k 4inyint ,
Alamat @ar'har 10
k&deEp&s Int **
idEk&ta Int **
4elp BigInt ,0
Status 4inyInt -
4abel 1%- Struktur Aile 4abel :ngk&s Kirim
T5<1%+*1-*2(2$
N"$" !2)#0 T83) L)%+'.
idE&ngk&sEkirim Int **
idEkurir Int **
idEk&ta Int **
&ngk&sEkirim "&uble *,,0
(sername @ar'har -0
4abel 1%1 Struktur Aile 4abel Kurir
'5<*,(2(
N"$" !2)#0 T83) L)%+'.
idEkurir Int **
namaEkurir @ar'har ,0
4abel 1%/ Struktur 6ile 4abel Pr&3insi
'5<3(1:2%-2
N"$" !2)#0 T83) L)%+'.
idEpr&3insi Int **
namaEpr&3insi @ar'har -0
57
4abel 1%9 Struktur 6ile 4abel Pemesanan
'5<3)$)-"%"%
N"$" !2)#0 T83) L)%+'.
idEpemesanan Int **
tglEpesan date -0
emailEmember @ar'har ,0
alamatEkirim @ar'har 10
idEk&ta Int **
&ngk&sEkirim "&uble *,,0
jmlEbayar "&uble *,,0
status 4inyint -
4abel 1%< Struktur 6ile 4abel Pengiriman
'5<3)%+2(2$"%
N"$" !2)#0 T83) L)%+'.
IdEpengiriman Int **
IdEpemesanan Int **
6mailEmember @ar'har ,0
Alamat @ar'har 10
K&ta @ar'har 10
NamaEpenerima @ar'har -0
K&deEp&s Int **
4elp Bigint ,0
4anggal "ate *0
N&Eresi @ar'har */
4abel 1%; Struktur Aile 4abel Pr&duk
'5<3(10,*
N"$" !2)#0 T83) L)%+'.
idEpr&duk Int *0
idEkateg&ri @ar'har **
namaEpr&duk @ar'har ,0
deskripsiEpr&duk 4eLt -
Berat Int **
Harga "&uble *,,0
A'ti&n 4inyInt -
(sername @ar'har ,0
4abel 1%= Struktur Aile 4abel (kuran
'5<,*,("%
N"$" !2)#0 T83) L)%+'.
idEukuran Int *0
idEkateg&ri Int **
58
(kuran @ar'har *0
4abel 1%*0 Struktur Aile 4abel Warna
'5<="(%"
N"$" !2)#0 T83) L)%+'.
idE$arna Int **
Warna @ar'har *0
5ambarE$arna @ar'har ,0
4abel 1%** Struktur Aile 4abel K&n.irmasi
'5<*1%42($"-2
N"$" !2)#0 T83) L)%+'.
idEk&n.irmasi Int *0
idEpemesanan Int **
4glEtrans.er @ar'har ,0
BankEtujuan 4eLt -
BankEasal Int **
N&Eresi "&uble *,,0
N&Erek 4inyInt -
AnErek @ar'har ,0
2mlEtrans.er "&uble *,,0
4abel 1%*, Struktur Aile 4abel K&ta
'5<*1'"
N"$" !2)#0 T83) L)%+'.
idEk&ta Int *0
NamaEk&ta Int **
4glEtrans.er @ar'har ,0
4abel 1%*- Struktur Aile 4abel Admin
'5<"0$2%
N"$" !2)#0 T83) L)%+'.
(sername @ar'har ,0
Pass$&rd @ar'har ,0
namaEadmin @ar'har ,0
4abel 1%*1 Struktur Aile 4abel "etail Pemesanan
'5<0)'"2#<3)$)-"%"%
N"$" !2)#0 T83) L)%+'.
idEdetailEpemesanan Int *0
59
idEpemesanan Int **
idEpr&duk @ar'har ,0
beratEsatuanEpemesanan 4eLt -
hargaEsatuanEpemesanan Int **
RtyEpemesanan "&uble *,,0
idEkateg&ri 4inyInt -
idEukuran @ar'har ,0
jmlEtrans.er "&uble *,,0
4abel 1%*/ Struktur Aile 4abel "etail Pr&duk
'5<0)'"2#<3(10,*
N"$" !2)#0 T83) L)%+'.
idEdetEpr&duk Int **
idEpr&duk @ar'har *0
idEukuran Int **
idE$arna Int **
gambarEpr&duk @ar'har ,0
St&k Int **
4abel 1%*9 Struktur Aile 4abel In.&
'5<2%41
N"$" !2)#0 T83) L)%+'.
idEin.& Int **
In.& 4eLt -
tglEin.& "ate -
(sername @ar'har ,0
4abel 1%*< Struktur Aile 4abel Kateg&ri
'5<*"')+1(2
N"$" !2)#0 T83) L)%+'.
idEkateg&ri Int **
Kateg&ri @ar'har -0
e? Sistem K&de.ikasi
Sistem k&de.ikasi ini di buat guna untuk mengidenti.ikasi suatu &bjek se'ara
singkat% K&di.ikasi digunakan sebagai indentitas untuk setiap data yang akan diinput dalam
tabel masing-masing% K&de dapat dibentuk dari kumpulan huru., angka, dan karakter khusus%
Pengk&dean dalam sistem in.&rmasi pemesanan ini menggunakan tipe k&de gr&up, yaitu k&de
60
yang berdasarkan field-field dan tiap field-field k&de mempunyai arti% Berikut k&de-k&de yang
digunakan )
>*? K&de Pr&duk
H!4 U Himas !ake
- U K&de kateg&ri pr&duk
S U (kuran >!&nt&h S) Small?
!&nt&h U H!4 -%S
Pr&duk dengan k&de H!4 dan k&de kateg&ri pr&duk - dengan ukuran small%
>,? N&m&r %n'oice
IN U Inisial in'oice
,0*-0-*1 >"ate? U 4anggal pemesanan
09/<0- U 2am pemesanan
!&nt&h U IN-,0*-0-*1-09/<0-
N&m&r dengan k&de in'oice IN, tanggal pemesanan *1-0--,0*- dan $aktu
pemesanan pukul 09 menit ke /< detik ke 0-%
e% Peran'angan Antar +uka
Peran'angan antar muka merupakan tahapan untuk membuat tampilan atau desain dari
sistem yang akan dibuat% Peran'angan antar muka pemakai sangat penting untuk memenuhi
kriteria yang mudah digunakan, menarik dan nyaman digunakan &leh pemakai% :leh karena
itu, dibuatlah ran'angan antar muka untuk memudahkan pemakai% 8an'angan tampilan yang
dibuat meliputi ran'angan struktur menu, ran'angan input dan &utput dari sistem yang akan
dibuat%
*% Struktur +enu
Peran'angan menu digunakan untuk memudahkan penelusuran serta alur pr&gram
ketika kita menjalankan pr&gram yang akan kita buat% Struktur menu akan dibagi menjadi ,
61
yaitu struktur menu user dan menu admin% Berikut ini adalah gambar struktur menu usulan
penjualan barang%
Gambar 4.#% truktur .enu yang !irancang
,% Peran'angan Input
"alam pembuatan $ebsite Himas !ake, penulis membuat , ran'angan inter.a'e yaitu
tampilan admin dan tampilan user yang dijelaskan sebagai berikut )
>a? 4ampilan Admin
4ampilan admin merupakan tampilan a$al saat admin akan masuk ke pr&gram%
62
>*? Halaman 7&gin Admin
Halaman yang disediakan berupa tampilan l&gin untuk admin apabila akan memasuki
pr&gram%
Gambar 4.#' Desain )am+ilan /alaman Login 0!min
>,? Halaman A$al Admin
Halaman a$al admin saat pertama kali masuk%
Gambar 4.#4 Desain )am+ilan /alaman 01al 0!min
>-? Halaman +aster
63
Gambar 4.#5 Desain )am+ilan /alaman .aster
>1? Halaman 4ransaksi
Gambar 4.#" Desain )am+ilan /alaman )ransaksi
>/? Halaman Persediaan Barang
Gambar 4.#& Desain )am+ilan /alaman $erse!iaan Barang
>9? Halaman Pr&duk
64
Gambar 4.#2 Desain )am+ilan /alaman $ro!uk
><? Halaman +ember
Gambar 4.#3 Desain )am+ilan /alaman .ember
>;? Halaman 7ap&ran Penjualan

Gambar 4.%0 Desain )am+ilan /alaman La+oran $en4ualan
>=? Halaman 7ap&ran +inimum St&k
65
Gambar 4.%# Desain )am+ilan /alaman La+oran .inimum tok
>b? 4ampilan (ser
>*? "esain 4ampilan H&me (ser
Halaman H&me (ser merupakan tampilan a$al pada saat user telah memasuki
pr&gram%
Gambar 4.%% Desain )am+ilan /ome 5ser
>,? "esain 4ampilan !ara Belanja
66
Halaman belanja menampilkan keterangan mengenai 'ara belanja pada $eb Himas
!ake%
Gambar 4.%' Desain )am+ilan 6ara Belan4a
>-? "esain 4ampilan !ara Pembayaran
Halaman Pembayaran menampilkan 'ara pembayaran melalui n&m&r rekening bank
yang digunakan &leh Himas !ake%
Gambar 4.%4 Desain )am+ilan 6ara $embayaran
>1? "esain 4ampilan 7&gin +ember
67
Halaman 7&gin adalah halaman yang disediakan berupa tampilan .&rm l&gin untuk
member apabila akan memasuki pr&gram%
Gambar 4.%5 Desain )am+ilan Login .ember
>/? "esain 4ampilan 8egistrasi (ser
Halaman registrasi user adalah tampilan berupa .&rm saat user melakukan registrasi%
\
Gambar 4.%" Desain )am+ilan (egistrasi 5ser
>9? "esain 4ampilan "etail Pr&duk untuk +ember
68
Halaman detail pr&duk menampilkan detail pr&duk yang tersedia pada Himas !ake%
Gambar 4.%& Desain )am+ilan $ro!uk untuk .ember
><? "esain 4ampilan Keranjang Belanja untuk +ember
Halaman keranjang belanja menampilkan .&rm keranjang belanja untuk member%
Gambar 4.%2 Desain )am+ilan Keran4ang Belan4a untuk .ember
>;? "esain 4ampilan C,eck (ut +tep : untuk +ember
69
Halaman ini berupa .&rm yang ber.ungsi untuk memasukkan nama penerima dan
alamat pengiriman apabila akan merubah penerima dan alamat yang akan dituju%
Gambar 4.%3 Desain )am+ilan 6*eck 7ut te+ # untuk .ember
>=? "esain 4ampilan C,eck (ut +tep ; untuk +ember
Halaman ini ber.ungsi untuk menunjukkan kepada member mengenai pr&duk yang
telah dipesan alamat pengiriman yang akan dituju%
Gambar 4.'0 Desain )am+ilan 6*eck 7ut te+ % untuk .ember
70
>*0? "esain 4ampilan Tracking Pembelan)aan
Halaman ini ber.ungsi untuk menunjukkan kepada member mengenai status transaksi%
Gambar 4.'# Desain )am+ilan )racking $embelan4aan untuk .ember
>**? "esain 4ampilan History Transaksi untuk +ember
Halaman ini ber.ungsi untuk menampilkan data barang yang telah dipesan sekaligus
sebagai in'oice.
Gambar 4.'% Desain )am+ilan /istory )ransaksi untuk .ember
>*,? "esain 4ampilan 7onfirmasi Pembayaran untuk +ember
71
Halaman ini ber.ungsi untuk member yang akan melakukan k&n.irmasi pembayaran%
Gambar 4.'' Desain )am+ilan Kon8irmasi $embayaran untuk .ember
.% Peran'angan Arsitektur 2aringan
Arsitekrur jaringan merupakan sebuah sistem dimana sistem tersebut terdiri
atas k&mputer >dapat berupa P!, lapt&p, handph&ne?, s&.t$are >sistem &perasi, aplikasi? dan
perangkat jaringan lainnya yang bekerja bersama-sama untuk men'apai suatu tujuan yang
sama% Suatu jaringan ini akan saling berhubungan untuk menghasilkan in.&rmasi yang
dibutuhkan &leh user%
Arsitektur jaringan yang digunakan yaitu jaringan internet, di mana jaringan
internet ini merupakan jaringan k&mputer yang bisa dikateg&rikan sebagai WAN,
menghubungkan berjuta k&mputer di seluruh dunia, tanpa batas negara, di mana setiap &rang
yang memiliki k&mputer dapat bergabung ke dalam jaringan ini hanya dengan melakukan
k&neksi ke penyedia layanan internet >Internet Ser3i'e Pr&3iderBISP?% Berikut ini peran'angan
arsitektur jaringan yang digunakan pada aplikasi Himas !ake )

72
Gambar 4.'4 $erancangan 0rsitektur Jaringan
BAB 7
PENUTUP
A& K)-2$3,#"%
Beberapa kesimpulan yang bisa diambil dari pembahasan yang ada pada
sistem penjualan pada t&k& Himas !ake, sebagai berikut )
*% Sistem penjualan yang berjalan masih bersi.at k&n3ensi&nal, dimana pemb
eli harus datang langsung ke t&k& sehingga akan menyulitkan k&nsumen yang
berada di luar k&ta% "engan mengimplementasikan sistem aplikasi penjualan
berbasis $eb agar transaksi penjualan dapat dilakukan di mana saja dan kapan
saja &leh 'ust&mer% K&nsumen hanya perlu menda.tar, melakukan l&gin, memilih
pr&duk, melakukan pemesanan lalu mengk&n.irmasi pembayaran%
,% Pen'arian dan peng&lahan data penjualan barang masih memerlukan $a
ktu
yang lama, disebabkan tidak teraturnya data dalam penyimpanan arsip,
"engan meran'ang sistem aplikasi penjualan yang diusulkan yang dapat
membantu dalam peng&lahan data penjualan dengan berbasiskan $eb%
-% 4erjadinya kesalahan dalam penyajian in.&rmasi, dengan
menggunakan sistem aplikasi berbasis Web sapat meminimalkan terjadinya
kesalahan data%
B& S"("%>-"("%
73
74
Peran'angan aplikasi Web Himas !ake ini masih memiliki beberapa
keterbatasan, sehingga untuk itu penulis menyarankan untuk pengembangan
aplikasi selanjutnya agar )
*% 4idak hanya pr&ses penjualan yang dibahas tetapi juga untuk p
r&ses
pembelian bahan baku kepada supplier, sehingga pr&ses keluar masuk bahan
baku dapat lebih ter'atat dengan akurat, karena pr&ses pemasukan dan
pengeluaran barang dapat dilakukan se'ara &t&matis%
,% "i dalam sistem ini belum tersedia lap&ran untuk menghitung laba rugi
sehingga diharapkan untuk ke depannya memudahkan perusahaan melakukan
peren'anaan%
-% (ntuk men'egah rusaknya atau hilangnya data- data dalam .ile,
sebaiknya dilakukan ba'k-up se'ara berkala dan melakukan s'an terhadap 3irus
yang akan merusak sistem%
75
"AA4A8 P(S4AKA
Bin, 7adjamudin, Al-Bahra, ,00/, -nalisis dan "esain +istem %nformasi< 5raha
Ilmu, F&gyakarta%
Ira$an, budhi, ,00/, !aringan 7omputer, 5raha Ilmu, F&gyakarta%
2&giyant&, H+% ,00/% -nalisis dan "esign +istem %iformasi Pendekatan
Terstruktur dan -plikasi &isnis% Andi% F&gyakarta%
Kadir, Abdul, ,00-, Pengenalan Sistem In.&rmasi, Andi, F&gyakarta
+el$in Sya.riGal, ,00/, Pengantar !aringan 7omputer, Andi, F&gyakarta%
+ar&m, !hairul, ,00,, +istem -kuntansi Perusa,aan "agang, 5rasind&,
2akarta
http)BBstik&m-pti,00<-kel&mp&k=%bl&gsp&t%'&mB,00<B0=Bpengertian-
internet%html
http)BBbl&g%dunias'ript%'&mBpengertian-tentang-xampp.,tml%
http)BBkihendriku%$&rdpres
http)Bbl&g%dunias'ript%'&mBsekilastentangmacromediadream$ea'er.,tml#s%'&mB,0
0=B0-B0=Bpengertian-xampp8%?