Upload
rizerf
View
49
Download
12
Embed Size (px)
DESCRIPTION
Pembuatan web untuk online shop menggunakan HTML 5, HTMl, PHP, dan MySQL
Citation preview
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 1/69
RANCANG BANGUN SISTEM ONLINE SHOP GRIYA GAYA
(STUDI KASUS: TETRA TEKNOLOGI IT SOLUTION PROVIDER)
LAPORAN KERJA PRAKTEK
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana
Teknik Pada Jurusan Teknik Informatika
oleh :
RIZER FAHLEPI
1095100560
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SULTAN SYARIF KASIM
PEKANBARU
RIAU
!01"
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 2/69
LEMBAR PENGESAHAN PERUSAHAAN
RANCANG BANGUN SISTEM ONLINE SHOP GRIYA GAYA
(STUDI KASUS: TETRA TEKNOLOGI IT SOLUTIONPROVIDER)
LAPORAN KER#A PRAKTEK
#$%$&' T*+* I,-%.'/+*'
F'*$/'& S'+& D' T*--+
U+2%&+/'& I&'. N%+ S$/' S3'%+, K'&+. R+'$
oleh:
RIZER FAHLEPI
10951005608
Telah diperiksa dan disetujui sebagai laporan Kerja Praktek
di Pekanbaru, pada tanggal 6 Mei 2014
Pekanbaru, 6 Mei 2014
Pembimbing Perusahaan
FITRA WARDHANA
ii
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 3/69
LEMBAR PENGESAHAN #URUSAN
RANCANG BANGUN SISTEM ONLINE SHOP GRIYA GAYA
(STUDI KASUS: TETRA TEKNOLOGI IT SOLUTIONPROVIDER)
oleh:
RIZER FAHLEPI
10951005608
Telah disetujui dan disahkan sebagai laporan Kerja Praktek Jurusan Teknik
n!ormatika
di Pekanbaru, pada tanggal Pekanbaru, 6 Mei 2014
Pembimbing Kerja Praktek,
M. Safriza! ST! M.S"
NIK. 1#05080$%
Mengetahui,
Ketua Jurusan Teknik n!ormatika
"akultas #ains $an Teknologi
%ni&ersitas slam 'egeri #ultan #(ari! Kasim )iau
ELIN HEARANI! ST! MK&'
NIK. 1#0 508 0$6
iii
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 4/69
A(STRAK
Tetra Teknologi T #olutin Pro&ider adalah sebuah perusahaan (ang
bergerak di bidang jasa * produk Teknologi n!ormasi +T- .ri(a .a(a adalah
customer Tetra Teknologi T #olution Pro&ider (ang bergerak di bidang jual/beli
dan membutuhkan sebuah sistem (ang dapat mempermudah proses jual/beli dan
pendataan barang-
Proses jual/beli dan pengelolaan data barang menjadi aspek (ang sangat
penting bagi .ri(a .a(a (ang saat ini masih menggunakan media sosial untuk
dijadikan tempat untuk mempromosikan barang mereka- )esiko (ang dihadapi
.ri(a .a(a adalah ban(akn(a terjadi kesalahan maupun kehilangan data dalam
pengelolaann(a- #olusi (ang tepat dalam mengatasi masalah ini denganmeranang dan membuat sistem berbasis database (aitu sistem online shop-
$engan adan(a sistem ini memberi kemudahan pada admin untuk mengelola data
barang, data pesanan dan bukti pengiriman kepada pelanggan mereka-
Kata kunci : Sistem online shop, jual-beli
i)
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 5/69
KATA PEN*ANTAR
Bismilairahmanirahim....
Kerja praktek ini dilakukan untuk memenuhi kurikulum pada Program
#tudi Jurusan Teknik n!ormatika "akultas #ains dan Teknologi, %ni&ersitas slam
'egeri #ultan #(ari! Kasim )iau- Puji dan s(ukur penulis uapkan atas kehadirat
llah #T karena atas berkat rahmat dan hida(ah/'(a penulis dapat
men(elesaikan kerja praktek di Tetra Teknologi T #olution Pro&ider-
3aporan kerja praktek ini berjudul “ Ra+"a+, (a+,-+ S/' O+i+
S2&3 4S-i Ka/-/ Tra T7+&&,i IT S&-i&+ Pr&)ir”. 3aporan ini
disusun sebagai salah satu pras(arat kelulusan dari %ni&ersitas slam 'egeri
#ultan #(ari! Kasim )iau-
#elama pelaksanaan kerja praktek ini, penulis ban(ak mendapat
pengetahuan, bimbingan dan dukungan serta arahan dari semua pihak (ang telah
membantu hingga penulisan laporan ini dapat diselesaikan- %ntuk itu pada
kesempatan ini penulis ingin men(ampaikan uapan terima kasih kepada :
1- 33 #T, atas setiap ridho, inta, kasih dan nikmat (ang telah diberikan
untuk setiap makhluk/'(a sehingga penulis dapat men(elesaikan laporan
kerja praktek ini-
2- )asulullah #, (ang telah memba5a umatn(a dari alam kegelapan, dari
alam kebodohan sampai ke alam (ang terang benderang (ang penuh dengan
ilmu pengetahuan dan teknologi sampai saat ini- #emoga terangn(a setiap
sunnah (ang telah din(atakan, menjadi pedoman kekal nan abadi, bagi penulis dan seluruh umat-
- Kedua orang tua penulis, bu dan (ah (ang tiada hentin(a memanjatkan doa,
restu serta memberikan dukungan dan semangat baik itu dalam bentuk materi
ataupun bentuk lainn(a demi untuk kesuksesan penulis-
4- bu 7lin earani, #T, MKom selaku Ketua Jurusan Teknik n!ormatika
"akultas #ains dan Teknologi %' #%#K )%-
&
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 6/69
8- 9apak M- #a!rial, #T, M-# selaku pembimbing Kerja Praktek penulis-
Terima kasih atas semangat dan moti&asi (ang besar kepada penulis- #emua
nasihat, pesan, saran dan kritikan 9apak akan senatiasa Penulis terapkan-
6- 9apak )ahmat bdillah, #T selaku Koordinator Kerja Praktek Jurusan Teknik
n!ormatika "akultas #ains dan Teknologi %' #%#K )%- Terima kasih
atas semua saran (ang telah 9apak berikan-
;- bang "itra ardhana (ang telah memberikan penjelasan dan pengarahan
kepada sa(a mengenai pelaksanaan kerja praktek dan terima kasih untuk
kesempatan kerja praktek di Tetra Teknologi T #olution Pro&ider
<- bang=Kakak kar(a5an di Tetra Teknologi T #olution Pro&ider (ang telah
ban(ak membantu penulis dalam melaksanakan kerja praktek dan terima
kasih juga atas masukan/masukann(a-
>- Teman/teman seperjuangan T" ? 0>-
10- #emua pihak (ang terlibat baik langsung maupun tidak langsung dalam
pelaksanaan kerja praktek ini (ang tidak dapat penulis sebutkan satu persatu-
11- 9ersama ini, penulis menguapkan terima kasih seara khusus kepada pihak
Tetra Teknologi T #olution Pro&ider (ang telah memberikan kesempatan
kepada penulis untuk melaksanakan penelitian beserta dengan segala !asilitas
(ang diberikan- Penulis mohon maa! atas kesalahan atau hal/hal (ang tidak
berkenan di hati saudara=i- #emoga llah #T menerima amalan tersebut
sebagai suatu ibadah- min-
#emoga laporan ini dapat berman!aat bagi penulis khususn(a maupun
pembaa umumn(a- Penulis berharap mendapatkan saran dan kritikan dari
pembaa (ang berguna untuk penulis agar dalam pembuatan laporan berikutn(a
bisa menjadi lebih baik- Kritik dan saran tersebut dapat pembaa sampaikan ke
alamat e/mail penulis : [email protected] khir kata penulis uapkan terima
kasih dan selamat membaa-
Pekanbaru, Ma( 201
Penulis
&i
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 7/69
DAFTAR ISI
alaman
LEM(AR PEN*ESAHAN INSTANSI......................................................ii
LEM(AR PEN*ESAHAN JRSAN......................................................iii
A(STRAK.....................................................................................................i)
KATA PEN*ANTAR...................................................................................)
DAFTAR ISI ................................................................................................)ii
DAFTAR *AM(AR....................................................................................:iDAFTAR TA(EL.........................................................................................:iii
(A( I PENDAHLAN.............................................................................I;1
1-1- 3atar 9elakang------------------------------------------------------------------------/1
1-2- )umusan Masalah-------------------------------------------------------------------/2
1-- 9atasan Masalah---------------------------------------------------------------------/2
1-4- aktu dan Tempat Kerja Praktek-------------------------------------------/2
1-8- Tujuan Kerja Praktek--------------------------------------------------------------/2
1-8-1 Tujuan %mum-----------------------------------------------------------------1/2
1-8-2 Tujuan khusus-----------------------------------------------------------------1/
1-6- Man!aat Kerja Praktek------------------------------------------------------------1/
1-;- #istematika Penulisan--------------------------------------------------------------/
(A( II PROFIL INSTANSI.......................................................................II;1
2-1- Pendahuluan Pro!il Tetra Teknologi T #olutin Pro&ider --- -- -/1
2-2- 3a(anan @ang $iberikan--------------------------------------------------------/2
(A( III T*AS KERJA PRAKTEK........................................................III;1
-1- Tugas Kerja Praktek----------------------------------------------------------------/1
-2- nalisa Permasalahan-------------------------------------------------------------/1
-- Jad5al Pengerjaan------------------------------------------------------------------/2
-4- Metodelogi Kerja Praktek-------------------------------------------------------/2
&ii
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 8/69
(A( I< LANDASAN TEORI.....................................................................I<;1
4-1- Pengertian #istem-------------------------------------------------------------------A/1
4-2- n!ormasi---------------------------------------------------------------------------------A/4
4-- 3ingkungan n!ormasi------------------------------------------------------------A/4
4-4- #istem n!ormasi---------------------------------------------------------------------A/4
4-8- Komponen #istem n!ormasi--------------------------------------------------A/4
4-6- Model Pengembangan #istem-------------------------------------------------A/8
4-6-1 Information engineering and modeling -------------------------A/6
4-6-2 Sofware Requiment Analisysis --------------------------------------A/6
4-6- $esain ---------------------------------------------------------------------------A/6
4-6-4 Coding...........................................................................A/6
4-6-8 Testing...........................................................................A/;
4-6-6 aintenace--------------------------------------------------------------------A/;
4-; !ntity Relationship "iagram +7)$--------------------------------------A/;
4-;-1 7ntit(+ !ntitas-------------------------------------------------------------A/;
4-;-2 Relationship----------------------------------------------------------------A/<
4-;- Atribut -------------------------------------------------------------------------A/<
4-< #lowChart -------------------------------------------------------------------------------A/<
4-> "#"----------------------------------------------------------------------------------------A/<
4-10 Pemograman #isi Ser$er Menggunakan %hp-------------------------A/<
4-10-1 #ejarah #ingkat %hp-----------------------------------------------------A/>
4-11 &p-------------------------------------------------------------------------------------A/10
(A( < ANALISA DAN PERAN=AN*AN...............................................<;1
8-1- nalisa #istem 3ama--------------------------------------------------------------A/1
8-2- nalisa #istem 9aru---------------------------------------------------------------A/18-2-1 $ata Masukan----------------------------------------------------------------A/
8-2-2 Proses-----------------------------------------------------------------------------A/
8-2- $ata Keluaran----------------------------------------------------------------A/4
8-- $eskripsi %mum Perangkat 3unak-----------------------------------------A/8
8-4- nalisa $ata #(stem---------------------------------------------------------------A/8
8-4-1 #lowchart -----------------------------------------------------------------------A/8
&iii
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 9/69
- #lowchart #istem 3ama------------------------------------------A/8
9- #lowchart #istem 9aru--------------------------------------------A/6
8-4-2 "ata #low "iagram-------------------------------------------------------A/6
- Conte't "iagram-----------------------------------------------------A/6
9- "ata #low "iagram +$"$ 3e&el 1------------------------A/;
?- $"$ 3e&el 2 Pengolahan $ata Master--------------------A/<
$- $"$ 3e&el 2 Proses Jual 9eli---------------------------------A/>
8-4- !ntity Relationship "iagram +7)$-----------------------------A/10
8-8- Peranangan Tabel------------------------------------------------------------------A/11
8-6- Peranangan #istem----------------------------------------------------------------A/12
8-6-1 )anangan Menu-----------------------------------------------------------A/12
8-6-2 )anangan Interface dan %rocedural............................A/1
8-6- )anangan "atabase-----------------------------------------------------A/1>
(A( <I IMPLEMENTASI DAN PEN*JIAN........................................<I;1
6-1 Pengertian dan Tujuan mplementasi--------------------------------------A/1
6-2 9atasan mplementasi-------------------------------------------------------------A/1
6- 3ingkungan Bperasional---------------------------------------------------------A/2
6-4 mplementasi #istem---------------------------------------------------------------A/
6-4-1 #orm ndeC admin dan Pelanggan-------------------------------A/
6-4-2 #orm $etail 9arang-----------------------------------------------------A/4
6-4- Keranjang 9elanja-------------------------------------------------------A/4
6-4-4 #orm (pload 9ukti Trans!er---------------------------------------A/8
6-4-8 3aporang Pengiriman 9arang--------------------------------------A/8
6-4-6 #orm (pload $ata 9arang------------------------------------------A/6
6-4-; #orm !dit $ata 9arang------------------------------------------------A/6
6-4-< 3aporan 9ukti Trans!er------------------------------------------------A/;
6-4-> 3aporan Pemesanan-----------------------------------------------------A/;
6-4-10 #orm (pload 9ukti Pengiriman----------------------------------A/<
6-4-11 3aporan Penjualan-------------------------------------------------------A/<
6-4-12 #orm #aran dan Keluhan $ari Pelanggan-------------------A/>
6-4-1 #aran dan Keluhan $ari Pelanggan-----------------------------A/>
iC
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 10/69
6-4-14 #orm 9alasan #aran dan Keluhan $ari Pelanggan------A/10
6-8 Pengujian--------------------------------------------------------------------------------A/10
(A( <II PENTP.....................................................................................<II;1
;-4 Kesimpulan-----------------------------------------------------------------------------A/1
;-4 #aran---------------------------------------------------------------------------------------A/1
DAFTAR PSTAKA.....................................................................................:i)
C
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 11/69
DAFTAR *AM(AR
*a'>ar Haa'a+
-1 Model ater!all-----------------------------------------------------------------------------------------/
-2 $iagram lir Metodologi Penelitian---------------------------------------------------------/
4-1 Model $asar #istem---------------------------------------------------------------------------------- A/2
4-2 Tahapan Pengembangan #istem-----------------------------------------------------------------A/68-1 .ambaran %mum #istem 9aru------------------------------------------------------------------A/2
8-2 #lowchart Prosedur #istem 3ama Jual/9eli .ri(a .a(a---------------------------A/8
8- #lowchart #istem )nline Shop .ri(a .a(a---------------------------------------------A/6
8-4 Conte't "iagram----------------------------------------------------------------------------------------A/6
8-8 "ata #low "iagram +$"$ 3e&el 1----------------------------------------------------------A/;
8-6 $"$ 3e&el 2 +Proses 1 Pengolahan $ata Master-------------------------------------A/>
8-; $"$ 3e&el 2 +Proses 2 Proses Jual/beli---------------------------------------------------A/10
8-< !ntity Relationship "iagram +7)$----------------------------------------------------------A/10
8-> )anangan Konseptual $ata Model----------------------------------------------------------A/12
8-10-a )anangan Menu admin------------------------------------------------------------------------A/12
8-10-b )anangan Menu Konsumen----------------------------------------------------------------A/1
8-11-a )anangan Tampilan 9eranda dmin---------------------------------------------------A/1
8-11-b )anangan Tampilan 9eranda Konsumen--------------------------------------------A/14
8-12 )anangan #orm Tambah $ata 9arang---------------------------------------------------A/18
8-1 )anangan Tampilan Pemesanan-------------------------------------------------------------A/18
8-14 )anangan Tampilan (pload 9ukti Trans!er------------------------------------------A/16
8-18 )anangan Tampilan 9ukti Trans!er-------------------------------------------------------A/1;
8-16 )anangan Tampilan (pload 9ukti Pengiriman-------------------------------------A/1;
8-1; )anangan Tampilan 3aporan Pengiriman 9arang---------------------------------A/1<
6-1 Inde' dmin----------------------------------------------------------------------------------------------A/
6-2 Inde' Pelanggan-----------------------------------------------------------------------------------------A/
6- Tampilan #orm $etail 9arang-------------------------------------------------------------------A/4
Ci
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 12/69
6-4 Keranjang 9elanja--------------------------------------------------------------------------------------A/4
6-8 #orm (pload 9ukti Trans!er---------------------------------------------------------------------A/8
6-6 3aporan Pengiriman 9arang----------------------------------------------------------------------A/8
6-; (pload $ata 9arang----------------------------------------------------------------------------------A/6
6-< !dit $ata 9arang----------------------------------------------------------------------------------------A/6
6-> 3aporan 9ukti Trans!er------------------------------------------------------------------------------A/;
6-10 3aporan Pemesanan---------------------------------------------------------------------------------A/;
6-11 #orm (pload 9ukti Pengiriman--------------------------------------------------------------A/<
6-12 3aporan Penjualan-----------------------------------------------------------------------------------A/<
6-1 #orm #aran dan Keluhan $ari Pelanggan-----------------------------------------------A/>
6-14 #aran dan Keluhan $ari Pelanggan---------------------------------------------------------A/>
6-18 #orm 9alasan #aran dan Keluhan $ari Pelanggan----------------------------------A/10
Cii
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 13/69
DAFTAR TA(EL
Ta> Haa'a+
-1 Jad5al Pengerjaan Kerja Praktek-------------------------------------------------------------/2
8-1 Proses $"$ 3e&el 1---------------------------------------------------------------------------------A/<
8-2 liran $ata 3e&el 1----------------------------------------------------------------------------------A/<
8- Proses $"$ 3e&el 2 Proses 1-------------------------------------------------------------------A/>
8-4 Proses $"$ 3e&el 2 Proses 2-------------------------------------------------------------------A/10
8-8 Keterangan 7ntitas pada 7)$------------------------------------------------------------------A/118-6 dmin-------------------------------------------------------------------------------------------------------A/1>
8-; Konsumen--------------------------------------------------------------------------------------------------A/1>
8-< 9arang-------------------------------------------------------------------------------------------------------A/1>
8-> Pemesanan-------------------------------------------------------------------------------------------------A/20
8-10 Pengiriman-----------------------------------------------------------------------------------------------A/21
6-1 Pengujian #istem---------------------------------------------------------------------------------------A/11
Ciii
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 14/69
(A( I
PENDAHLAN
1.1 Laar (a7a+,
#aat ini ban(ak kalangan (ang melakukan usaha jual/beli barang- Mereka
ban(ak menjual barang/barang keperluan sehari/hari, hobi, dan perlatan lainn(a-
$alam pelaksaan proses jual/beli (ang dilakukan saat ini masih menggunakan
sistem lama, (aitu menggunakan media ** +*lac,*erry essanger- dan media
jejaring sosial seperti #aceboo, Twitter dan lain/lain- Pada saat ini keberadaan
website penjualan barang/barang keperluan sehar/hari akan sangat membantu
konsumen mendapatkan barang (ang diinginkan dan membantu produsen dalam
penjualan barang- Tidak sedikit produsen (ang telah melakukan transaksi jual/beli
menggunakan website (ang telah dibangukn untuk membantu mereka dalam
proses jula/beli- Pada saat ini .ri(a .a(a masih menggunakan ara lama untuk
melakukan proses jual/beli, (ang mana men(ebabkan susah n(a transaksi jual/beli
dan pengelolaan data barang-
Permasalahan (ang dihadapi oleh .ri(a .a(a dapat diatasi dengan
membuat sebuah sistem penjualan dan pendataan barang (ang dapat membantu
.ri(a .a(a dalam mengatasi masalah di atas- #istem penjualan berbasis online
ini diharapkan meningkatkan pendapatan dan membantu dalam proses pendataan
barang-
12- Melihat permasalahan diatas tentu .ri(a .a(a sangat membutuhkan system
(ang mengatur penjualan dan pengaturan data barang agar lebih
memudahkan dalam penjualan dan pengelolaan data barang- %ntuk itu
penulis mengangkat judul laporan kerja praktek ini adalah DRa+"a+,
(a+,-+ Si/' O+i+ S2&3 ,ria *aa 4S-i Ka/-/ Tra T7+&&,i
IT S&-i&+ Pr&)irD
I;1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 15/69
/2
1.? R-'-/a+ Ma/aa2
9erdasarkan latar belakang diatas, dirumuskan suatu permasalahan
Dbagaimana membangun sistem in!ormasi online shop (ang bisa membantu dalam
proses jual/beli dan pengelolaan data barangE-
1.# (aa/a+ Ma/aa2
$alam pengerjaan sistem in!ormasi ini khusus untuk proses jual beli dan
pengolahan data barang- Keinginan pembuatan sistem in!ormasi ini, sangat
mungkin terapai bila didukung oleh !aktor/!aktor sebagai berikut :
a. #istem han(a menangani penjualan dan pendataan barang, tidak menakup
dalam pentrans!eran uang (ang han(a bisa dilakukan di luar sistem ini,
b. #istem ini dibangun dengan bahasa pemrograman %/% dan /T01.
1.% Wa7- a+ T'3a Kr@a Pra77
aktu dan tempat pelaksanaan kegiatan Kerja Praktek (ang telah
dilakukan penulis dilaksanakan pada :
aktu : 8 Bktober 201 s=d 8 'o&ember 201
Tempat : Tetra Teknologi T #olution Po&ider
1.5 T-@-a+ 7r@a 3ra77
1.5.1 T-@-a+ '-'
dapun tujuan umum dari penelitian ini adalah:1- Melatih mahasis5a bekerja seara professional , disiplin, mandiri dan mampu
berkomunikasi dengan baik-
2- Mempersiapkan mahasis5a menjadi lulusan (ang berpotensi dan mempun(ai
pengalaman di dunia kerja-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 16/69
/
- Mempraktekkan seara langsung ilmu (ang telah didapat dari bangku
perkuliahan ke dalam dunia kerja-
4- Mengetahui dan menge&aluasi sistem in&entori barang selama ini (ang ada di
perusahaan-
1.5.? T-@-a+ K2-/-/
Kerja praktek (ang dilakukan di Tetra Teknologi T #olution Pro&ider ini
bertujuan untuk :
2. Menganalisa sistem transaksi online shop
3. Meranang sistem online shop .ri(a .a(a (ang nantin(a diharapkan dapat
membantu dalam proses jual/beli dan pengolahan data barang
4. Membangun sistem online shop .ri(a .a(a agar dapat membantu dalam
proses jual/beli dan pengolahan data barang-
1.6 Ma+faa Kr@a Pra77
Man!aat (ang dapat diperoleh dari diadakann(a kerja praktek ini adalah
sebagai berikut:
1- Menerapkan ilmu (ang didapat di bangku kuliah pada dunia kerja (ang
sesungguhn(a-
2- Mendapatkan pengalaman (ang berharga untuk dapat mengenal dunia kerja
(ang sesungguhn(a-
- Memenuhi pers(aratan kelulusan di dalam menempuh materi mata kuliah
Kerja Praktek di %' #%#K Pekanbaru pada Jurusan Teknik n!ormatika
Program #trata #atu +#1-
1.$ Si/'ai7a P+-i/a+
#istematika penulisan dibuat untuk memudahkan penulisan laporan kerja
praktek, berikut sistematika pembahasan dalam penelitian ini:
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 17/69
/4
(A( I P+a2--a+
Menjelaskan tentang latar belakang, rumusan masalah, tujuan, batasanmasalah, tempat dan 5aktu pelaksanaan,metodologi kerja praktek dan
sistematika pembahasan-
(A( II Pr&fi I+/a+/i K3- Pr&)i+/i Ria-
Menerangkan sejarah seara singkat tentang Tetra Teknologi T
#olution Pro&ider-
(A( III Da/ar T&ri
9ab ini berisi tentang dasar teori bagaimana s(stem (ang akan
digunakan dalam membangun sistem ini, apa saja teori (ang
digunakan sebagai panduan dalam membangun sistem tersebut-
(A( I< M&&&,i P+iia+
nalisa perangkat lunak merupakan langkah pemahaman persoalan
sebelum mengambil tindakan atau keputusan- Pada bab ini akan
dijelaskan gambaran metode (ang akan digunakan dalam pembuatan
sistem-
(A( < A+ai/a Da+ Pra+"a+,a+ Si/'
9erisi tentang peranangan konseptual, logikal, dan !isik dan
aplikasi sistem dan hasil keluarann(a-
(A( <I I'3'+a/i
9ab ini berisi penjelasan tentang batasan implementasi dan
pengembangan sistem Bnline #hop .ri(a .a(a-
(A( <II K/i'3-a+ Da+ Sara+
9erisi tentang kesimpulan akhir dari aplikasi (ang dibuat dan juga
saran untuk indi&idu (ang menggunakan aplikasi ini-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 18/69
(A( II
PROFIL TETRA TEKNOLO*I IT SOLTION
PRO<IDER
?.1 P+a2--a+
Tra T7+&&,i IT S&-i+ Pr&)ir adalah sebuah perusahaan (ang
bergerak di bidang jasa * produk Teknologi n!ormasi +T (ang berlokasi di
Pekanbaru/ndonesia- Perusahaan Tetra Teknologi T #olution Pro&ider terus
berkembang mengikuti perkembangan dan tuntutan bisnis global- Komitmen Tetra
Teknologi T #olution Pro&ider adalah men(ediakan jasa la(anan teknologi
in!ormasi terbaik untuk Klien-
Tetra Teknologi T #olution Pro&ider memiliki tim dengan kemampuan
indi&idual dan kerjasama (ang handal- #elain latar belakang pendidikan, setiap
tenaga ahli di Tetra Teknologi T #olution Pro&ider memiliki pengalaman dari
beragam industri- al ini dapat dilihat pada trak reord perusahaan-
Tujuan Tetra Teknologi T #olution Pro&ider adalah membantu Klien
dalam menapai sasaran usahan(a dengan men(ediakan jasa la(anan teknologi
in!ormasi terbaik melalui sistem in!ormasi (ang dapat mendukung kelanaran
bisnis Klien-
Tetra Teknologi T #olution Pro&ider membantu mengembangkan danmengimplementasikan Teknologi n!ormasi sesuai dengan kebutuhan Klien, di
berbagai bidang bisnis antara lain untuk:
1- otel * Ailla
2- Perusahaan
- )umah #akit, Klinik * potik
4- nstitusi Pemerintahan
8- nstitusi Pendidikan
/1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 19/69
/2
6- Multi/3e&el Marketing
;- Manu!atures
<- Transportasi>- ?a!F * )estoran, dan lain/lain
?.? Laa+a+ a+, Di>ri7a+
1- 7)P +7'T7)P)#7 )7#B%)?7 P3'''.
$engan 7)P dapat memberikan Gre&enueG bagi suatu perusahaan (ang
mengimplementasikan sistem tersebut- 7)P ber!ungsi sebagai perkakas
manajemen (ang men(eimbangkan persediaan dan permintaan perusahaan
seara men(eluruh- Tetra Teknologi T #olution Pro&ider akan meranang
sistem 7)P untuk perusahaan dengan tim H tim (ang sudah berpengalaman-
2- ?%#TBM PP3?TB' $7A73BPM7'T * P)B$%K PP3?TB'
Merupakan pengembangan aplikasi sesuai dengan kebutuhan spesi!ik
perusahaan- 3a(anan ini umumn(a diberikan apabila aplikasi (ang
dibutuhkan enderung unik atau spesial, sehingga produk (ang ada di pasaran
tidak dapat atau sulit dimodi!ikasi untuk memenuhi kebutuhan tersebut- $an
aplikasi produk merupakan produk aplikasi bisnis (ang sudah siap pakai, saat
ini Tetra Teknologi T #olution Pro&ider sudah memiliki 11 produk aplikasi
siap pakai, baik untuk usaha retail maupun hospitality-
- '7TB)K $7#.' * $7A73BPM7'T
3a(anan ini adalah salah satu bagian dalam pengembangan #=T dimana
Tetra Teknologi T #olution Pro&ider men(ediakan semua kebutuhan
pengembangan atau pembangunan in!rastruktur dan jaringan komunikasi
untuk 0ocal Area 5etwor, +3' * 6ide Area 5etwor, +'- 3a(anan ini
untuk meranang jaringan komputer, mulai dari desain cabling ,
hub7switching , ser$er , sampai dengan pemasangann(a, dan saat ini Tetra
Teknologi T #olution Pro&ider juga telah mensupport untuk installasi
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 20/69
/
jaringan menggunakan wireless, mulai dari pern(iapan tower dan koneksi
wireless-
4- ?3B%$ ?BMP%T'.
$i era $igital saat ini ?loud ?omputing merupakan salah hal (ang 5ajib
dimiliki oleh klien, perusahaan dan instansi klien berada- ?loud omputing
memberikan kemudahan dalam segala hal seperti plikasi Bnline dan tempat
pen(impanan data Bnline- #olusi ?loud (ang Tetra Teknologi T #olution
Pro&ider berikan juga dapat di sesuaikan dengan kebutuhan Perusahaan klien,
apakah (ang dibutukan adalah Publi ?loud, Pri&ate ?loud atau bahkan
(brid ?loud-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 21/69
(A( III
T*AS KERJA PRAKTEK
3.1 Tugas Kerja Praktek
Kerja Praktek (ang dilaksanakan dari tanggal 8 Bktober 201 s=d 8
'o&ember 201 di Tetra Teknologi T #olution Pro&ider, ini merupakan
pengalaman kedua (ang dialami penulis dalam menghadapi dunia kerja- #elama
kerja praktek, penulis ban(ak mendapatkan pengalaman dan ilmu pengetahuan
tentang dunia kerja pada Tetra Teknologi T #olution Pro&ider seara umum,
maupun pengetahuan (ang berkaitan dengan /T01 sebagaimana tertuang dalam
laporan ini-
%ntuk tahap a5al, penulis melakukan 5a5anara informal kepada pemilik
Tetra Teknologi T #olution Pro&ider, kemudian mengumpulkan data/data (ang
bersangkutan dengan sistem (ang akan dibuat oleh penulis, disamping itu penulis
juga melakukan studi pustaka, dan obser&asi- Kegiatan ini penulis laksanakan
selama 2 bulan-
#elama kerja praktek di perusahaan, penulis langsung diminta untuk
menangani pembuatan sebuah sistem jual beli online- $iharapkan dengan adan(a
sistem ini dapat membantu dalam proses jual/beli dan pengelolaan data barang
dari konsumen Tetra Teknologi T #olution Pro&ider-
3.2 Analisa Permasalahan
Permasalahan (ang dihadapi konsumen Tetra Teknologi T #olution
Pro&ider (aitu .ri(a .a(a dapat diuraikan sebagai berikut :
1- Kurangn(a media sosialisasi barang sehingga menghambat proses jual/beli-
2- Proses jual/beli (ang terlalu rumit pada sistem jual/beli (ang lama
- Pengelolaan data (ang masih di lakukan dengan manual sehingga
men(ebabkan kesulitan dalam proses jual/beli-
/1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 22/69
/2
3.3 Tahap Pengerjaan
Jad5al pelaksanaan kerja praktek dilaksanakan dari tanggal 8 Bktober
201 sampai dengan 8 'o&ember 201- #eara detail di jelaskan pada tabel -1-
NO A7i)ia/
Wa7- P+,r@aa+O7&>r N&)'>r
i
I
I
II
I
III
I
I<
I
I
I
II
I
III
I
I<
1 #tudi Pustaka,
a5anara dan Bbser&asi
2 Tahap nalisis
Tahap Peranangan 4 Tahap $okumentasi
Ta> #.1 Jaa P+,r@aa+ Kr@a Pra77
3.4 Metodologi Kerja Praktek
#lowchart Metodologi Kerja Praktek dapat dilihat pada .ambar -1
Penelitian Kerja Praktek akan dilakukan sesuai dengan langkah/langkah berikut:
a- Bbser&asi, #tudi literatur dan a5anara
Bbser&asi dilakukan dengan pengamatan langsung terhadap kondisi sistem
berjalan dan kebutuhan sistem kedepan- #elain itu dianalisa juga kebutuhan
in!ormasi (ang berkaitan dengan sistem jual/beli dan pengelolaan barang-
Pengumpulan $ata
$ata H data (ang dikumpulkan diperoleh dari :a- a5anara, (ang dilakukan seara ,ole,tif
dengan direktur Tetra Teknologi T #olution Pro&ider untuk mengetahui
mengenai sistem (ang digunakan selama ini-
b- Pengumpulan data dan in!ormasi (ang dapat
dijadikan auan dan re!erensi-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 23/69
/
b- nalisa dan Peranangan
Pada tahap ini dilakukan analisa terhadap sistem lama, berdasarkan analisa
tersebut penulis merumuskan permasalahan (ang ada dan melakukan analisa pada
sistem baru- Pemodelan analisa dan peranangan sistem baru menggunakan
$"$=7)$- Model pengembangan sistem (ang digunakana adalah model
waterfall.
*a'>ar #.1 M& Warfa
- mplementasi
Pada tahap ini dimulai proses pemilihan perangkat keras, pen(usunan
perangkat lunak aplikasi +coding , dan pengujian +testing apakah sistem sudah
sesuai dengan kebutuhan terdapat pada .ambar -2 $iagram lir Metodologi
Penelitian-
*a'>ar #.? Dia,ra' Air M&&&,i P+iia+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 24/69
(A( I<
LANDASAN TEORI
#istem in!ormasi (ang berkembang sangat epat dengan lajun(a arus
in!ormasi membuat ban(ak perubahan pada setiap sendi kehidupan, termasuk
pada .ri(a .a(a- dapun .ri(a .a(a melakukan penjulan barang/barang
keperluan hobi bermain sepakbola dan !utsal- $engan adan(a kemajuan ilmu
pengetahuan dan teknologi komunikasi saat ini, maka proses jual/beli (ang
dilakukan .ri(a ga(a dapat dilakukan dengan lebih e!isien- Meningkatn(a
penggunaan sistem in!ormasi telah memba5a setiap orang dapat melaksanakan
berbagai akti&itas dengan lebih akurat, epat, berkualitas, dan tepat 5aktu-
%.1 P+,ria+ Si/'
Pengertian sistem menurut beberapa para ahli :
1- Teguh ahono +200I12
#istem adalah merupakan suatu grup dari elemen/elemen baik (ang
berbentuk !isik maupun non !isik (ang menunjukkan suatu kumpulan saling
berhubungan diantaran(a dan berinteraksi bersama/sama menuju satu atau lebih
tujuan, sasaran atau akhir dari sistem-
2- Kristanto +200
#istem merupakan kumpulan elemen (ang saling terkait dan bekerjasama, saling berhubungan dan berinteraksi untuk mengolah data masukan +input
untuk menapai tujuan tertentu sampai menghasilkan keluaran +output (ang
diinginkan pada gambar .ambar 4-1 Model $asar #istem +#umber : Kristanto,
200
A/1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 25/69
A/2
*a'>ar %.1 M& Da/ar Si/' 4S-'>r Kri/a+&! ?00#
da beberapa karakteristik (ang dimiliki oleh suatu sistem, (aitu :
komponen, batasan sistem, lingkungan luar sistem, penghubung sistem,masukkan sistem, keluaran sistem, pengolahan sistem, sasaran sistem- 9erikut
penjelasan mengenai karakterisktik suatu sistem :
1- Komponen
#uatu sistem terdiri dari sejumlah komponen (ang saling berinteraksi,
(ang artin(a saling bekerja sama membentuk satu kesatuan- komponen/komponen
sistem atau elemen/elemen sistem dapat berupa suatu subsistem atau bagian/
bagian dari sistem- setiap subsistem mempun(ai si!at/si!at dari sistem untuk
menjalankan suatu !ungsi tertentu mempengaruhi proses sistem seara
keseluruhan-
2- 9atasan sistem-
9atasan sistem +boundary merupakan daerah (ang membatasi antara
suatu sistem dengan sistem (ang lainn(a atau dengan lingkungan luarn(a- batasan
suatu sistem menunjukan ruang lingkup dari sistem tersebut-
- 3ingkungan 3uar #istem-
3ingkungan luar +en$ironment dari suatu sistem adalah apapun diluar
batas sistem (ang mempengaruhi operasi- 3ingkungan luar sistem dapat bersi!atmenguntungkan dana dapat juga bersi!at menguntungkan sistem tersebut-
3ingkungan luar (ang menguntungkan berupa energi dari sistem dan dengan
demikian harus tetap dijaga dan dipelihara- sedang lingkunagn luar (ang
merugikan harus ditahan dan dikendalikan, kalau tidak maka akan menggangu
kelangsungan hidup dari sistem-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 26/69
A/
4- Penghubung #istem
Penghubung +interfance merupakan media penghubung antara satu sub
sistem dengan subsistem (ang lain(a- melalui penghubung ini memungkinkan
sumber/sumber da(a mengalir dari satu subsistem ke subsistem (ang lain(a-
$engan penghubung satu sub sistem dapat berintegrasi dengan sub sistem (ang
lain(a membentuk satu kesatuan-
8- Masukan #istem
Masukan +input sistem adalah energi (ang masukan kedalam sistem-
masukan dapat berupa masukan pera5atan +maintenance input , dan masukan
sin(al + signal input - Maintenane input adalah energi (ang dimasukan supa(a
tersebut dapat beroperasi- #ignal input adalah energi (ang diproses untuk
didapatkan keluaran- sebagai ontoh didalam komputern(a dan data adalah signal
input untuk diolah menjadi in!ormasi-
6- Keluaran #istem
Keluaran +output sistem adalah hasil dari energi (ang diolah dan
dikla!ikasikan menjadi keluaran (ang berguna dan sisa pembuangan- misaln(a
untuk sistem komputer, panas (ang dihasilkan adalah keluaran (ang tidak berguna
dan merupakan hasil sisa pembuangan, sedang in!ormasi adalah keluaran (ang
dibutuhkan-
;- Pengolahan #istem
#uatu sistem dapat mempun(ai suatu bagian pengolah (ang akan merubah
masukan menjadi keluaran- suatu sistem produksi akan mengolah masukan berupa
bahan baku dan bahan/bahan (ang lain menjadi keluaran berupa barang jadi-
<- #asaran #istem
#ebuah sistem sudah tentu mempun(ai sasaran ataupun tujuan- $engan
adan(a sasaran sistem, maka kita dapat menentukan masukan (ang dibutuhkan
sistem dan keluaran apa (ang akan dihasilkan sistem tersebut dapat dikatakan
berhasil apabila menapai=mengenai sasaran atau pun tujuan-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 27/69
A/4
%.? I+f&r'a/i
M"adden, dkk +1>>> mende!enisikan in!ormasi sebagai data (ang telah
diproses sedemikian rupa sehingga meningkatkan pengetahuan seseorang (ang
menggunakan data tersebut +Kadir,200-
%.# Li+,7-+,a+ I+f&r'a/i
n!ormasi merupakan salah satu sumber da(a penting dalam manajeman
moden- 9an(ak keputusan ban(ak keputusan strategis (ang bergantung kepada
in!ormasi- n!ormasi tidak han(a dipakai untuk kepentingan internal dalam
organisasi, tetapi dipakai oleh pihak oleh eksternal +di luar organisasi
+Kadir,200-
%.% Si/' I+f&r'a/i
#esungguhn(a (ang dimaksud dengan sistem in!ormasi tidak harus
melibatkan omputer- #istem in!ormasi (ang menggunakan Komputer biasa
disebut #istem in!ormasi berbasis omputer +Computer8based information
system-
Menurut alter +1>>2 sistem in!ormasi adalah kombinasi antara prosedur
kerja, in!ormasi, orang, dan teknologi in!ormasi (ang diorganisasikan untuk
menapai tujuan dalam sebuah organisasi- #edangkan menurut turban, M3ean,
dan ethherbe +1>>> sistem in!ormasi adalah mengumpulkan, memproses,
men(impan, menganalisis, dan men(ebarkan in!ormasi untuk tujuan (ang spesi!ik
+Kadir,200-
%.5 K&'3&++ Si/' I+f&r'a/i
$alam suatu sistem in!ormasi terdapat komponen/komponen seperti :
+Kadir,200
1- Perangkat keras +hardware
Menakup peranti/peranti !isik seperti omputer dan printer-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 28/69
A/8
2- Perangkat lunak + software
#ekumpulan instruksi (ang memungkinkan perangkat keras untuk dapat
memproses data-
- Prosedur
#ekumpulan aturan (ang dipakai untuk me5ujudkan pemrosesan data dan
pembangkitan keluaran (ang dikehendaki-
4- Brang
#emua orang (ang bertanggung ja5ab dalam pengembangan sistem
in!ormasi, pemrosesan, dan penggunaankeluaran sistem in!ormasi-
8- 9asis data +database
#ekumpulan table, hubungan, dan lain/lain (ang berkaitan dengan
pen(impanan data-6- Jaringan Komputer dan komunikasi data
#istem penghubung (ang memungkinkan sumber +resources di pakai
seara bersama atau di akses oleh sejumlah pemakai-
%.6 M& P+,'>a+,a+ Si/'Model sistem (ang dikembangkan dalam menganalisa perangkat lunak
menggunakan metode kon&ensional dengan meman!aatkan model atau paradigma
siklus hidup klasik atau lebih sering disebut 6aterfall odel -
Model ini bersi!at linier karena prosesn(a mengalir seara sekuensial mulai
dari a5al hingga akhir- Model ini mens(aratkan pen(elesaian suatu tahap seara
tuntas sebelum beranjak pada tahap selanjutn(a- asil/hasiln(a harus
didokumentasikan dengan baik-
#eara umum kerangka kerja tahap pengembangan sistem pada gambar
4-2
*a'>ar %.? Tahapan Pengembangan #istem
1. System / Information n!ineerin! an" #o"elin!
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 29/69
A/6
Permodelan ini dia5ali dengan menari kebutuhan dari keseluruhan
sistem (ang akan diaplikasikan ke dalam bentuk software- al ini sangat
penting, mengingat software harus dapat berinteraksi dengan elemen/elemen
(ang lain seperti hardware, database, dsb- Tahap ini sering disebut dengan
%ro9ect "efinition-
?. Soft$are %e&uirements 'nalysis
Proses penarian kebutuhan diintensi!kan dan di!okuskan pada so!t5are-
%ntuk mengetahui si!at dari program (ang akan dibuat, maka para software
engineer harus mengerti tentang domain in!ormasi dari software, misaln(a
!ungsi (ang dibutuhkan, user interface, dan sebagain(a- $ari 2 akti&itas
tersebut +penarian kebutuhan sistem dan software harus didokumentasikan
dan ditunjukkan kepada pelanggan-
#. (esi!n
Proses ini digunakan untuk mengubah kebutuhan/kebutuhan diatas
menjadi representasi ke dalam bentuk Dblueprint E software sebelum coding
dimulai- $esain harus dapat mengimplementasikan kebutuhan (ang telah
disebutkan pada tahap sebelumn(a- #eperti 2 akti&itas sebelumn(a, maka
proses ini juga harus didokumentasikan sebagai kon!igurasi dari software-
%. )o"in!
gar dapat dimengerti oleh mesin, dalam hal ini adalah komputer, maka
desain tadi harus diubah bentukn(a menjadi bentuk (ang dapat dimengerti oleh
mesin, (aitu ke dalam bahasa pemrograman melalui proses coding. Tahap ini
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 30/69
A/;
merupakan implementasi dari tahap design (ang seara teknis nantin(a
dikerjakan oleh programmer-
5. *estin! / +erification
#esuatu (ang dibuat haruslah diujiobakan- $emikian juga dengan
software. #emua !ungsi/!ungsi software harus diujiobakan, agar so!t5are
bebas dari error, dan hasiln(a harus benar/benar sesuai dengan kebutuhan (ang
sudah dide!inisikan sebelumn(a-
6. #aintenance
Pemeliharaan suatu software diperlukan, termasuk di dalamn(a adalah
pengembangan, karena software (ang dibuat tidak selaman(a han(a seperti itu-
Ketika dijalankan mungkin saja masih ada error keil (ang tidak ditemukan
sebelumn(a, atau ada penambahan !itur/!itur (ang belum ada pada software
tersebut- Pengembangan diperlukan ketika adan(a perubahan dari eksternal
perusahaan seperti ketika ada pergantian sistem operasi, atau perangkat lainn(a-
4.7 Entity Relationship Diagram
!ntity Relationship "iagram +7)$ merupakan notasi gra!is dalam
pemodelan data konseptual (ang mendeskripsikan hubungan antara pen(impanan-
7)$ digunakan untuk memodelkan struktur data dan hubungan antar data, karena
hal ini relati! kompleks- $engan 7)$ kita dapat menguji model dengan
mengabaikan proses (ang harus dilakukan dan dengan 7)$ kita menoba
menja5ab pertan(aan seperti : $ata apa (ang kita perlukan, 9agaimana data (ang
satu berhubungan dengan data (ang lain +#upri(anto, 2008-
7)$ menggunakan beberapa notasi dan simbol untuk menggambarkan
struktur dan hubungan antar data, ada maam simbol (ang digunakan (aitu:
1- !ntity +7ntitas
7ntitas adalah sesuatu apa saja (ang ada di dalam sistem, n(ata maupun
abstrak dimana data tersimpan atau di mana terdapat data-7ntitas diberi nama
dengan kata benda dan dapat dikelompokkan dalam 4 +empat kelas, (aitu:
role +peran,e$ents +kejadian, locations +lokasi, tangible things = concepts
+sesuatu(ang tidak n(ata = konsep- ?ontoh: pega5ai, pembelian, kampus, buku, pemba(aran-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 31/69
A/<
3. Relationship
)elationship adalah hubungan alamiah (ang terjadi antara entitas-
ubungan antara entitas akan men(angkut dua komponen (ang men(atakan
jalinan ikatan (angterjadi, (aitu: derajat +,ardinalitas dan partisipasi hubungan-
4. Atribut
$eskripsi kelompok data (ang mempun(ai karakteristik (ang sama +data (ang
mende,sripsi,anentity dan relationship, merupakan field (ang akan disimpan-
4.8 Flowchart
#lowchart adalah serangkaian bagan/bagan (ang menggambarkan alir
program. #lowchart atau diagram alir memiliki bagan/bagan (ang melambangkan
!ungsi tertentu- #lowchart dapat menunjukkan kegiatan dan simpanan (ang
digunakan dalam suatu prosedur- +jogi(anto, 1>>>
4.9 DFD Data Flow Diagram !
"ata #low "iagram +$"$ adalah representasi gra!ik dari sebuah sistem-
$"$ menggambarkan komponen/komponen sebuah sistem, aliran/aliran data di
mana komponen/komponen tersebut, dan asal, tujuan, dan pen(impanan dari data
tersebut- +kendall, 2006
Pembuatan $"$ merupakan ara ilmiah mendokumentasikan suatu sistem-
9eberapa s(mbol untuk menjaga tiap $"$ sesederhana mungkin membuat $"$
komunitas/komunitas e!ekti!- #ehingga ketika analis sistem menggambar $"$,
manager dapat memahami dengan mudah- +M?lead, 1>><
%.10 P'r&,ra'a+ Si/i Serer M+,,-+a7a+
%/% adalah akronim dari /yperte't %reprocessor , (aitu suatu bahasa
pemrograman berbasiskan kode H kode + script - (ang digunakan untuk mengolah
suatu data dan mengirimkann(a kembali ke web browser menjadi kode /T0-
Kode %/% mempun(ai iri khusus (aitu :
a. an(a dapat dijalankan menggunakan web ser$er misaln(a Apache
b. Kode %/% diletakkan dan dijalankan di web ser$er.
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 32/69
A/>
c. Kode %/% dapat digunakan untuk mengakses database, seperti : yS:0
%ostgreS:0 )racle, dan lain H lain-
d. Merupakan Softwar e (ang bersi!at open source.
e. .ratis untuk di/download dan digunakan-
f. Memiliki si!at multiflatform artin(a dapat dijalankan mengunakan s(stem
apapun, seperti 0inu' (ni' 6indows, dan lain/lain + $iar Puji Bkta&ian,
2010-
%.10.1 S@ara2 Si+,7a PHP
PP diiptakan pertama kali oleh )amus 3erdor! pada tahun 1>>4-
5aln(a, PP digunakan untuk menatat jumlah serta untuk mengetahui siapa
saja pengunjung pada homepag e/n(a- )asmus 3erdor! adalah salah seorang
pendukung )pen Source- Bleh karena itu, )asmus mengeluarkan %ersonal /ome
%age Tools &ersi 1-0 seara gratis, kemudian menambah kemampuan PP 1-0 dan
melunurkan PP 2-0-
Pada tahun 1>>6, PP telah ban(ak digunakan dalam 6ebsite di dunia-
#ebuah kelompok pengembang software (ang terdiri dari )asmus, ee5 #urasaki,
ndi .utman, #tig 9akken, #hane ?ara&eo dan Jim instead berkerja sama
untuk men(empurnakan PP 2-0- khirn(a, pada tahun 1>>< PP -0
dikeluarkan- Pen(empurnaan terus dilakukan sehingga pada tahun 2000
dikeluarkan PP 4-0-
Tahun 2004 bulan juli dirilis PP 8 dengan inti ;end !ngine 2-0- PP 8
adalah &ersi PP terbaru (ang mendukung penuh ob9ect8oriented programming
+BBP, integrasi M3, mendukung semua eksistensi terbaru M(#L3,
pengembangan web ser$ice dengan S)A% dan R!ST , serta ratusan peningkatan
lainn(a dibandingkan dengan &ersi sebelumn(a PP 4-0 +Kasiman Peranginangin,
2006-
%.10.? ampp
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 33/69
A/10
&A%% adalah aplikasi web ser$er instan (ang dibutuhkan untuk
membangun aplikasi berbasis web- "ungsi MPP adalah sebagai ser$er (ang
berdiri sendiri + loalhost , (ang terdiri atas program Apache http ser$er ,
yS:0, database dan penterjemah bahasa (ang ditulis dengan bahasa
pemrograman %/% dan %erl -
'ama &A%% merupakan singkatan dari B +?ross Plat!orm, ' pache,
# yS:0 /% dan Perl- Program ini tersedia dalam lisensi .'% + <eneral
%ublic0icense - dan gratis- $engan menginstal &A%% , kita tidak perlu
menginstal aplikasi ser$er satu persatu karena di dalam &A%% sudah terdapat :
a- Apache 2-2-21
b- yS:0 8-8-16 +Community Ser$er
c- %/% 1.4.= +>C? &= 43bit thread safe- %!AR
d- &A%% Control %anel >ersion 3.1 from www.nat43.com
e- +97T &A%% Control %anel >ersion 4.B.3 by Steffen Strueber +not in the
(S* lite $ersion-
f- &A%% Security
g- phpyAdmin -4-8
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 34/69
(A( <
ANALISA DAN PERAN=AN*AN
5. 1 A+ai/a Si/' La'a
9erdasarkan analisa Tetra Teknologi T #olution Pro&ider dan pengamatan
penulis di lapangan disimpulkan bah5a keban(akan sistem proses jual/beli (ang
dilakukan masih menggunakan media sosial seperti ** #aceboo, Twitter dan
lain/lain- al ini dapat juga menghambat proses jual/beli karena akan mengalami
kesulitan dalam hal pemesanan barang oleh konsumen dan pendataan barang oleh
produsen-
al lain (ang menjadi permasalahan (aitu dalam melakaukan proses jual/
beli masih melalui SS , dan perantara lainn(a, sehingga men(ebabkan kesulitan
dalam melakukan pendataan pesanan dan juga dalam proses pendataan barang-
5.? A+ai/a Si/' (ar-
9erdasarkan analisa dari sistem lama, maka dibangun sebuah sistem
online shop (ang mampu mengatasi permasalahan diatas- #istem in!ormasi ini
diharapkan dapat mempermudah .ri(a .a(a untuk melakukan transaksi jual/beli
dan pendataan barang- dapun sistem (ang akan dibangun adalah suatu sistem
(ang meman!aatkan komputer sebagai perangkat utama pemrosesan dan dibangun
juga sebuah tempat pen(impanan data (ang disebut database, dimana semua data
(ang men(angkut proses jual/beli dan data barang tersimpan didalamn(a-
?ontoh sistem baru (ang terdiri dari input , proces dan output dengan data
base +dbols.sql- terdapat pada gambar 8-1
A/1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 35/69
A/2
*a'>ar 5.1 *a'>ara+ '-' Si/' (ar-
dapun penjelasan dari gambaran analisa sistem baru pada gambar di atas
dapat dilihat pada di ba5ah ini-
1- Input , merupakan tahapan penginputan data ke dalam sistem- dapun data
input (ang dibutuhkan adalah data konsumen, data admin, data barang, data
pemesanan, dan data bukti pengiriman barang
2- %rocess, merupakan tahapan pemrosesan data inputan untuk menjadi data
outputn(a- sistem ini memiliki proses utama (aitu login, pengolahan data
master , pengolahan laporan data pesanan, pengolahan laporan data barang, dan
pengolahan laporan data bukti pengiriman-
- )utput , merupakan hasil akhir dari data (ang sudah diproses dalam sistem-
dapun data output (ang dihasilkan adalah laporan pemesanan, laporan data
barang dan laporan bukti pengiriman barang-
4- "atabase, merupakan pen(impanan data (ang telah diproses untuk kemudian
dapat proses ulang lagi dalam sisitem- "atabase (ang digunakan adalah
"bols.sql , dan tabel/tabel (ang ada seperti : tabel konsumen, admin,
dataNbarang, dataNpesanan,dan dataNbuktiNpengiriman-
(ata Base
0"bols.s&l
1utput
3aporan Pemesanan
3aporan $ata 9arang
3aporan 9ukti Pengiriman
rocess
0ogin
Pengolahan laporan data pesanan
Pengolahan laporan data barang
Pengolahan laporan data bukti
pengiriman
Input
$ata konsumen
$ata admin
$ata barang
$ata pesanan
$ata bukti pengiriman
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 36/69
A/
5.?.1 Daa Ma/-7a+
dapun kebutuhan data pada sistem online shop ini dapat dijelaskan
sebagai berikut-
1- $ata Konsumen
dapun kebutuhan data dari konsumen (ang akan dibuat ini adalah,
username password , nama, alamat- $engan adan(a data konsumen ini, orang
(ang masuk ke dalam sistem adalah orang (ang memiliki hak akses untuk login
seperti username, dan password -
2- $ata dmindapun kebutuhan data dari admin adalah username dan password -
$engan adan(a data admin ini dapat membantu dalam menangani segala proses
(ang harus di lakukan oleh .ri(a .a(a-
- $ata 9arang
dapun kebutuhan data barang ini adalah jenis, nama, harga, sie, dan
gambar barang-
4- $ata Pesanan
dapun kebutuhan data pesanan adalah nama pemesan, alamat pemesan ,
barang pesanan, jumlah barang (ang di pesan-8- $ata 9ukti Pengiriman
dapun kebutuhan data bukti pengiriman adalah, nama pemesan, barang
pesanan, jumlah barang (ang dipesan, dan !oto bukti resi pengiriman-
5.?.? Pr&//
dapun proses (ang terjadi pada sistem ini dapat dijelaskan sebagai
berikut-
1- 0ogin
Proses login digunakan untuk mengautentikasi pengguna (ang sah dalam
mengakses sistem-
2- Pengolahan $ata 9arang
Proses menginputkan data/data barang (ang dimiliki oleh .ri(a .a(a-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 37/69
A/4
- Pengolahan 3aporan Pemesanan
Proses mengolah laporan dari pesanan (ang telah dilakukan oleh
konsumen-
4- Pengolahan 3aporan 9ukti Pengiriman
Proses mengolah laporan dari barang/barang (ang telah dikirimkan kepada
konsumen (ang telah membeli barang tersebut-
5.?.# Daa K-ara+
9entuk keluaran (ang akan ditampilkan sistem adalah :
1- 3aporan $ata 9arang
$engan adan(a laporan ini, admin dapat mengetahui jumlah stok barang
(ang masih tersedia-
2- 3aporan Pemesanan
$engan adan(a laporan ini, admin dapat mengetahui pesanan apa saja
(ang telah masuk agar dapat segera dikirimkan kepada konsumen (ang telah
membeli barang tersebut-
- 3aporan 9ukti Pengiriman
$engan adan(a laporan ini, admin dapat memberikan bukti pengiriman
barang kepada konsumen agar konsumen dapat mengeek apakah barang tersebut
telah dikirimkan atau belum-
Keuntungan (ang didapat dengan menggunakan sistem baru adalah :
1- $engan adan(a sistem baru ini .ri(a .a(a dapat dengan
mudah melakukan pengeekan data/data barang (ang masih tersedia
2- $engan adan(a sistem baru ini konsumen akan dapat lebih
mudah dalam melakukan pemesanan-
- $engan adan(a sistem baru ini .ri(a .a(a dapat dengan
mudah memberikan in!ormasi pengiriman barang (ang telah dikirimkan
kepada konsumen, dan konsumen pun akan lebih mudah mengeek apakah
barang mereka sudah dikirim atau pun belum-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 38/69
A/8
5.# D/7ri3/i '-' Pra+,7a L-+a7
Pengguna (ang dapat mengakses sistem terbagi dua (aitu admin dan
konsumen dimana pengguna (ang bertindak sebagai admin adalah .ri(a .a(a
dan pengguna (ang bertindak sebagai konsumen adalah orang/orang (ang ingin
berbelanja di .ri(a .a(a- dapun !iturH!itur (ang melengkapi sistem dirinikan
sebagai berikut :
1- "itur pen(impanan data konsumen-
2- "itur pemesanan (ang lebih mudah dengan sistem keranjang belanja, dengan
adan(a !itur ini dapat melakukan belanja tidak han(a satu barang dalam proses
pemesanann(a-
5.% A+ai/a Daa Si/'
nalisa data system seperti #lowchart , "ata #low "iagram +$"$,
!ntitas Relationship "iagram +7)$, dapat dilihat pada sub/bab berikut-
5.%.1 2lo$chart
#lowchart untuk analisa sistem lama dan analisa sistem baru dapat dilihat
pada sub/bab berikut ini-
A. 2lo$chart Si/' La'a
dapun gambaran analisa pada sistem lama jual/beli dari .ri(a .a(a
dapat dilihat pada gambar 8-2-
*a'>ar 5.? 2lo$chart Pr&/-r Si/' La'a J-a;(i *ria *aa
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 39/69
A/6
(. 2lo$chart Si/' (ar-
dapun gambaran analisa pada sistem baru dari sistem online shop .ri(a
.a(a dapat dilihat pada gambar 8- flowchart sistem online shop .ri(a .a(a
*a'>ar 5.# 2lo$chart Si/' online shop *ria *aa
5.%.? (ata 2lo$ (ia!ram 4DFD
dapun gambaran analisa diagram aliran data dari sistem (ang akan dibuat
dapat dilihat pada gambar "ata #low "iagram diba5ah ini-
A. )onte3t Dia,ra'
.ambaran onteCt diagaram dengan sistem online shop terdapat pada
gambar 8-8
*a'>ar 5.% )onte3t (ia!ram
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 40/69
A/;
7ntitas (ang berinteraksi dengan sistem ini adalah :
1- )wner
$alam sistem ini owner adalah admin. Admin dapat menginputkan data
barang, dan data bukti pengiriman barang- admin juga menerima laporan
pemesanan dari konsumen-
2- Konsumen
$alam sistem ini konsumen han(a dapat melakukan pemesanan dan
melihat laporan bukti pengiriman barang (ang telah di inputkan oleh admin-
(. (ata 2lo$ (ia!ram 4DFD L) 1
9erikut adalah gambar $"$ le&el 1 #B#.. +#istem Bnline #hop .ri(a
.a(a (ang menampilkan !ntitas, Proses, $ata store dan aliran data (ang
menunjukkan alur jalan sistem (ang akan dibuat-
$"$ le&el 1 dapat dilihat pada .ambar 8-8-
*a'>ar 5.5 DFD L) 1
Penjelasan proses (ang terjadi pada $A$ le&el 1 #B#.. dapat dilihat
pada Tabel 8-1 sebagai berikut pengolahan data barang dan data bukti pengiriman-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 41/69
A/<
Ta> 5.1 Pr&// DFD L) 1
N& Na'a Pr&// D/7ri3/i
1 Pengolahan data master Proses pengelolahan data master seperti
data barang, data konsumen-
2Pengolahan proses jual/
beli
Proses pengolahan proses jual/beli
seperti data pemesanan dan data bukti
pengiriman barang-
Pengolahan laporan
Proses pengelolaan laporan seperti
laporan pemesanan dan laporan bukti
pengiriman barang-
Penjelasan proses (ang terjadi pada $A$ le&el 1 #B#.. dapat dilihat
pada Tabel 8-2 sebagai berikut
Ta> 5.? Aira+ Daa DFD L) 1
Na'a Aira+ Daa D/7ri3/i
$ataNbarang $ata barang/barang (ang ada
$ataNbuktiNpengirimanNbarang$ata bukti pengiriman barang (ang telah
di lakukan
$ataNkonsumen$ata konsumen (ang melakukan
transaksi di #B#..
$ataNpemesanan$ata pemesanan (ang di lakukan oleh
konsumen
3aporan
n!ormasi laporan pemesanan kepada
admin dan in!ormasi laporan bukti
pengiriman barang kepada konsumen-
=. (ata 2lo$ (ia!ram 4DFD L) ? 4Pr&// 1 P+,&a2a+ Daa Ma/r
.ambar berikut merupakan gambar $"$ le&el 2 Proses pengolahan data
master terdiri dari pengolahan data master data barang, dan pengolahan data
master bukti pengiriman barang dapat dilihat pada gambar 8-6
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 42/69
A/>
*a'>ar 5.6 DFD L) ? 4Pr&// 1 P+,&a2a+ Daa Ma/r
Penjelasan proses (ang terjadi pada $A$ le&el 2 proses1 dapat dilihat
pada Tabel 8- sebagai berikut :
dapun tabel 8- menjelaskan tentang proses $"$ le&el 2 proses 1 (aitu
pengolahan data master
Ta> 5.# Pr&// DFD L) ? Pr&// 1 4P+,&a2a+ Daa Ma/r
Na'a D/7ri3/i
$ataNbarangProses (ang dilakukan untuk mengelola
data barang (ang tersedia
$ataNkonsumenProses (ang dilakukan untuk mengelola
data konsumen .ri(a .a(a
D. (ata 2lo$ (ia!ram 4DFD L) ? 4Pr&// ? Pr&// J-a;(i
.ambar berikut merupakan gambar $"$ le&el 2 Proses proses jual/beli
(ang terdiri dari pengolahan data pemesanan, dan data bukti pengiriman barang
dapat dilihat pada gambar 8-;
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 43/69
A/10
*a'>ar 5.$ DFD L) ? 4Pr&// ? Pr&// J-a (i
Penjelasan proses (ang terjadi pada $A$ le&el 2 proses jual/beli dapat
dilihat pada Tabel 8-4 sebagai berikut-
Ta> 5.% Pr&// DFD L) ? Pr&// ? 4Pr&// J-a;(i
Na'a D/7ri3/i
$ataNpemesananProses (ang dilakukan untuk mengelola
data pemesanan pada sistem online shop
$ataNbuktiNpengirimanNbarang
Proses (ang dilakukan untuk mengelola
data bukti pengiriman barang pada
sistem online shop
5.%.# ntity %elationship (ia!ram 4ERD
dapun gambaran analisa !ntity Relationship "iagram +7)$ dari sistem
(ang akan dibuat dapat dilihat pada gambar 8-< diba5ah ini-
*a'>ar 5.8 ntity %elationship (ia!ram 4ERD
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 44/69
A/11
"." Peran#angan Ta$el
$ari diagram hubungan entitas +7)$ dapat diranang tabel sekaligus
hubungan antar tabel-
)anangan tabel 7)$ pada s(stem online shop terdapat pada table 8-8
Ta> 5.5 Ta> Kra+,a+ E+ia/ 3aa ERD
N& Na'a D/7ri3/i Ari>- Pri'ar 71- Tabel
admin
Men(impan
data login
untuk admin
dari sistem
/ username
8 password
(sername
2- Tabel
konsumen
Men(impan
data
konsumen
/ nama
/ alamat
/ no- telp
/ username
/ password
username
Tabel
barang
Men(impan
data barang
/ namaNbarang
/ jenisNbarang
/ stokNbarang
/ sie
/ harga
JenisNbarang
4 Tabel
pemesanan
Men(impan
data
pemesanan
/ noNpemesanan
/ namaNpemesan
/ alamatNpemesan
/ barangNpesanan
/ jumlah
/ sie
noNpesanan
8 Tabel bukti
pengiriman
Men(impan
data bukti
pengiriman
/ noNpengiriman
/ noNpesanan
/ tglNpengiriman
/ noNresi
/ !otoNbuktiNpengiriman
'oNpengiriman
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 45/69
A/12
Ra+"a+,a+ K&+/3-a Daa M&
*a'>ar 5.9 Ra+"a+,a+ K&+/3-a Daa M&
5.6 Pra+"a+,a+ Si/'
5.6.1 Ra+"a+,a+ M+-
)anangan menu sistem onlineshop .ri(a .a(a dapat dilihat pada gambar
8-11-a dan 8-11-b
*a'>ar 5.10.a Ra+"a+,a+ M+- A'i+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 46/69
A/1
*a'>ar 5.10.> Ra+"a+,a+ M+- K&+/-'+
5.6.? Ra+"a+,a+ Interface a+ Pr&/-ra
)anangan interface dan prosedural berman!aat dalam menga5ali
peranangan tampilan- $engan adan(a peranangan interface dan prosedural, pengimplementasian sistem lebih mudah dilakukan- )anangan interface dan
prosedural sistem online shop .ri(a .a(a dapat di lihat pada gambar diba5ah ini-
Ta'3ia+ (ra+a
Pada tampilan beranda #B#.. ini, admin dan konsumen memiliki
tampilan berbeda saat memasuki sistem, admin akan di arahkan ke pada tabel data
barang, sedangkan konsumen akan di arahkan ke list barang/barang (ang di jual
.ri(a .a(a- al ini dapat dilihat pada gambar 8-12-a dan 8-12-b
*a'>ar 5.11.a Ra+"a+,a+ Ta'3ia+ (ra+a A'i+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 47/69
A/14
Perintah (ang dilakukan :
1- menampilkan data barang$SELECT = "SELECT * from barang";
*a'>ar 5.11.> Ra+"a+,a+ Ta'3ia+ (ra+a K&+/-'+
Perintah (ang dilakukan :
1- menampilkan data barang"SELECT * from barang where jenis_barang =
$_GET[jenisbarang]";
2orm Ta'>a2 Daa (ara+,
"orm tambah data barang digunakan untuk menginputkan data barang
(ang tersedia, admin dapat mengisikan nama barang, harga barang, jumlah stok
barang, dan !oto dari barang tersebut seperti pada gambar 8-1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 48/69
A/18
*a'>ar 5.1? Ra+"a+,a+ 2orm Ta'>a2 Daa (ara+,
Perintah (ang dilakukan :
1- Men(impan $ata 9arang (ang telah diisikan-insert into B!G #jenis_barang nama_barang harga
si%e&' si%e() si%e( si%e(+ si%e(& gambar_barang,
-a./es #0$jenis_barang1 0$nama_barang1 0$harga1
0$si%e&'1 0si%e()1 0si%e(1 0si%e(+1 0si%e(&1
0$gambar1,;
Ta'3ia+ P'/a+a+
Pada tampilan pemesanan ini, konsumen bisa melakukan pemesanan
barang (ang telah dimasukkan kedalam keranjang belanja-
*a'>ar 5.1# Ra+"a+,a+ Ta'3ia+ P'/a+a+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 49/69
A/16
Perintah (ang dilakukan :
1- Memasukkan data pemesanan
D2SE!T 2T3 4emesanan #nama_4emesan a.amat_4emesan
nama_barang si%e_barang j/m.ah_barang tota._harga
stat/s, -a./es #0$nama_4emesan1 0$a.amat_4emesan1
0$nama_barang1 0$si%e_barang1
0$j/m.ah_barang11$tota._harga1 0be./m s/5ses1, 6;
Ta'3ia+ 3&a (-7i Tra+/fr
Pada tampilan upload bukit trans!er ini konsumen dapat meng/upload
bukti trans!er uang sesuai dengan jumlah harga barang (ang di beli-
*a'>ar 5.1% Ra+"a+,a+ Ta'3ia+ 3&a (-7i Tra+/fr
Perintah (ang dilakukan :
1- %pdate $ata pemesanan
7 89:TE 4emesanan SET b/5ti_transfer=1$b/5ti1
<E!E nama_4emesan=1$GET_[0nama1]6;
Ta'3ia+ (-7i Tra+/fr
Pada tampilan bukti trans!er ini admin akan mem&eri!ikasi apakah
pemesanan telah sukses atau tidak-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 50/69
A/1;
*a'>ar 5.15 Ra+"a+,a+ Ta'3ia+ (-7i Tra+/fr
Perintah (ang dilakukan :
1- %pdate data pemesanan
7 89:TE 4emesanan SET stat/s=1s/5ses1 <E!E
nama_4emesan=1$GET_[0nama1]6;
2- nsert data ke tabel pengiriman
D2SE!T 2T3 9engiriman #nama_4emesan a.amat_4emesan
nama_barang si%e_barang j/m.ah_barang tota._harga
stat/s, -a./es #0$nama_4emesan1 0$a.amat_4emesan1
0$nama_barang1 0$si%e_barang1
0$j/m.ah_barang11$tota._harga1 0be./m ter5irim1, 6;
Ta'3ia+ 3&a (-7i P+,iri'a+
Pada tampilan upload bukti pengiriman barang ini admin dapat meng/
upload bukti pengiriman barang (ang telah di lakukan-
*a'>ar 5.16 Ra+"a+,a+ Ta'3ia+ 3&a (-7i P+,iri'a+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 51/69
A/1<
Perintah (ang dilakukan :
1- Mengambil data pengiriman"SELECT * from 4engiriman where
nama_4emesan=1$nama_4emesan1";
2- %pdate data pengiriman7 89:TE 4emesanan SET stat/s=1s/5ses1 <E!E
nama_4emesan=1$nama_4emesan16;
- $elete data pemesanan7:ELETE !3> 4emesanan where
nama_4emesan=1$nama_4emesan16;
Ta'3ia+ La3&ra+ P+,iri'a+ (ara+,
Pada tampilan laporan pengiriman barang ini konsumen dapat mengetahui
apakah barang telah terkirim atau belum-
*a'>ar 5.1$ Ra+"a+,a+ Ta'3ia+ La3&ra+ P+,iri'a+ (ara+,
Perintah (ang dilakukan :
1- Menampilkan data laporan pengiriman
"SELECT * from 4engiriman where
nama_4emesan=1$nama_4emesan1";
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 52/69
A/1>
5.6.# Pra+"a+,a+ Daa>a/
Tabel 8-6 merupakan tabel (ang menjelaskan tentang struktur file (ang
berhubungan dengan data admin terdiri dari idNpengguana ,username dan
password
Ta> 5.6 A'i+
Na'a 2iel" *ype a+ 4en!th 5ull (efault
(sername $archar +0 5ot 5one
%assword $archar +0 5ot 5one
Tabel 8-; merupakan tabel (ang menjelaskan tentang file (ang
berhubungan dengan data konsumen terdapat nama !ile (ang terdiri nama, alamat,
noNtelpon, username, dan password
Ta> 5.$ 7&+/-'+
Na'a 2iel" *ype a+ 4en!th 5ull (efault
'ama >archar +40 5ot 5onelamat >archar +40 5ot 5one
'oNTelpon Int +1 5ot 5one
Na'a 2iel" *ype a+ 4en!th 5ull (efault
(sername >archar +0 5ot 5one
password >archar +88 5ot 5one
Tabel 8-< merupakan tabel (ang menjelaskan tentang struktur file (ang
berhubungan dengan data barang terdiri dari jenis, nama, harga, sie, stok dan
gambar
Ta> 5.8 >ara+,
Na'a Fi *ype a+ 4en!th 5ull (efault
'ama >archar +100 5ot 5one
arga Int +10 5ot 5one
F&&r
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 53/69
A/20
Na'a Fi *ype a+ 4en!th 5ull (efault
#ie> Int +10 5ot 5one
#ie40 Int +10 5ot 5one
#ie41 Int +10 5ot 5one
#ie42 Int +10 5ot 5one
#ie4 Int +10 5ot 5one
#ie# Int +10 5ot 5one
#ieM Int +10 5ot 5one
#ie3 Int +10 5ot 5one
#tok Int +10 5ot 5one
.ambar >archar +100 5ot 5one
Tabel 8-> merupakan tabel (ang menjelaskan tentang struktur file (ang
berhubungan dengan pemesanan terdiri dari nomor pemesanan, nama pemesan,
alamat pemesan, barang pesanan, jumlah, harga , status, dan bukti trans!er-
Ta> 5.9 3'/a+a+
Na'a 2iel" T3 a+ L+,2 5ull (efault
'oNpemesanan Int +10 5ot 5one
'amaNpemesan >archar +100 5ot 5one
lamatNpemesan >archar +100 5ot 5one
9arangNpesanan >archar +100 5ot 5one
Jumlah Int +10 5ot 5one
arga Int +10 5ot 5one
#tatus >archar +100 5ot 5one
9uktiNtrans!er >archar +100 5ot 5one
Tabel 8-10 merupakan tabel (ang menjelaskan tentang struktur file (ang
berhubungan dengan pengiriman (ang terdidi dari nomor pengiriman, nama
pemesan, barang pesanan, jumlah, tanggal pengiriman, nomor resi, status, dan
bukti pengiriman-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 54/69
A/21
Ta> 5.10 3+,iri'a+
Na'a 2iel" *ype a+ 4en!th 5ull (efault
'oNpengiriman Int +10 5ot 5one
'amaNpemesan >archar +100 5ot 5one
9arangNpesanan >archar +100 5ot 5one
jumlah Int +10 5ot 5one
TanggalNpengiriman date 5ot 5one
'oNresi >archar +100 5ot 5one
#tatus >archar +100 5ot 5one9uktiNpengiriman >archar +100 5ot 5one
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 55/69
A/>
(A( <I
IMPLEMENTASI DAN PEN*JIAN
6.1 P+,ria+ a+ T-@-a+ I'3'+a/i
mplementasi adalah suatu tahapan dalam pembuatan aplikasi berdasarkan
hasil analisa dan juga peranangan sistem sebelumn(a sehingga sistem (ang
dibuat dapat di!ungsikan dalam keadaan sebenarn(a dan sesuai dengan tujuan
(ang diharapkan- dapun tujuan dari implementasi adalah sebagai berikut:
1- Men(elesaikan desain sistem (ang telah ada dalam dokumen peranangan (ang
telah disetujui-
2- Menguji dan mendokumentasikan program atau prosedur dari dokumen
peranangan sistem (ang telah disetujui-
- Memastikan bah5a pemakai dapat mengoperasikan sistem (aitu dengan
melakukan kegiatan pelatihan kepada pemakai-4- Mempertimbangkan bah5a sistem memenuhi permintaan pemakai, (aitu
dengan menguji seara keseluruhan-
8- Memastikan bah5a kon&ersi ke sistem (ang baru berjalan dengan benar (aitu
dengan membuat renana, mengontrol dan melakukan instalasi sistem seara
benar-
6.? (aa/a+ I'3'+a/idapun batasan implementasi dalam pengembangan sistem ini antara lain:
2. $ikembangkan dengan menggunakan bahasa pemrograman %/% dan /T01
3. $9M# (ang digunakan adalah yS:0
4. Pembuatan laporan menggunakan plugin 9a$ascript (aitu html3pdf
D. Pengguna sistem adalah Pemilik .ri(a .a(a dan pega5ai selaku administrator
serta pelanggan selaku konsumen-
6.# Li+,7-+,a+ O3ra/i&+a
A/1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 56/69
A/2
%ntuk mengimplementasikan aplikasi ini maka dibutuhkan beberapa
komponen pendukung diantaran(a (aitu perangkat keras dan perangkat lunak-
1- Minimum perangkat keras (ang dibutuhkan :
1- %rocessor : ntel ?ore 2 $uo A 1-< .
2- emory +)M : 1 .9
- /ard dis, : 20 .9
2- Perangkat lunak (ang dibutuhkan:
2. #istem Bperasi : 6indows E+(ltimate-
3. 6eb Ser$er : Apache
4. *rowser : ozilla #irefo'
D. 9ahasa Pemrograman : /T01 %/% , Fa$a Script
1. Tool : Adobe "reamwea$er CS
. $9M# : yS:0
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 57/69
A/
6.% I'3'+a/i Si/'
6.%.1 2orm In"e3 A'i+ a+ Pa+,,a+
dapun tampilan inde' untuk admin dan pelanggan (ang sudah dibuat
dapat di lihat pada .ambar 6-1 Inde' dmin dan 6-2 Inde' Pelanggan- Pada inde'
admin, admin akan langsung diarahkan ke pada tabel data barang, sedangkan pada
inde' pelanggan, user akan diarahkan ke produk jualan (ang tersedia-
*a'>ar 6.1 I+: A'i+
*a'>ar 6.? I+: Pa+,,a+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 58/69
A/4
6.%.? 2orm Dai (ara+,
dapun tampilan hasil implementasi form detail barang (ang sudah dibuat
dapat di lihat pada gambar 6- Tampilan #orm $etail 9arang
*a'>ar 6.# Ta'3ia+ 2orm Dai (ara+,
6.%.# Kra+@a+, (a+@a
dapun tampilan hasil implementasi keranjang belanja (ang sudah dibuat
dapat di lihat pada .ambar 6-4 Keranjang 9elanja
*a'>ar 6.% Kra+@a+, (a+@a
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 59/69
A/8
6.%.% 2orm 6ploa" (-7i ra+/fr
dapun tampilan hasil implementasi form upload bukti trans!er (ang
sudah dibuat dapat di lihat pada .ambar 6-8 #orm (pload 9ukti Trans!er
*a'>ar 6.5 2orm 6ploa" (-7i Tra+/fr
6.%.5 La3&ra+ P+,iri'a+ (ara+,
dapun tampilan hasil implementasi laporan pengiriman barang (angsudah dibuat dapat di lihat pada .ambar 6-6 3aporan Pengiriman 9arang
*a'>ar 6.6 La3&ra+, P+,iri'a+ (ara+,
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 60/69
A/6
6.%.6 2orm 6ploa" Daa (ara+,
dapun tampilan hasil implementasi upload data barang (ang sudah
dibuat dapat di lihat pada .ambar 6-; (pload $ata 9arang
*a'>ar 6.$ 6ploa" Daa (ara+,
6.%.$ 2orm "it Daa (ara+,
dapun tampilan hasil implementasi edit data barang (ang sudah dibuat
dapat di lihat pada .ambar 6-< 7dit $ata 9arang
*a'>ar 6.8 Ei Daa (ara+,
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 61/69
A/;
6.%.8 La3&ra+ (-7i Tra+/fr
dapun tampilan hasil implementasi laporan bukti trans!er (ang sudah
dibuat dapat di lihat pada .ambar 6-> 3aporan 9ukti Trans!er
*a'>ar 6.9 La3&ra+ (-7i Tra+/fr
6.%.9 La3&ra+ P'/a+a+
dapun tampilan hasil implementasi laporan pemesanan (ang sudah
dibuat dapat di lihat pada .ambar 6-10 3aporan Pemesanan
*a'>ar 6.10 La3&ra+, P'/a+a+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 62/69
A/<
6.%.10 2orm 6ploa" (-7i P+,iri'a+
dapun tampilan hasil implementasi form upload bukti pengiriman (ang
sudah dibuat dapat di lihat pada .ambar 6-11 #orm (pload 9ukti Pengiriman
*a'>ar 6.11 2orm 6ploa" (-7i P+,iri'a+
6.%.11 La3&ra+ P+@-aa+
dapun tampilan hasil implementasi 3aporan Penjualan (ang sudah dibuat
dapat di lihat pada .ambar 6-12 3aporan Penjualan
*a'>ar 6.1? La3&ra+ P+@-aa+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 63/69
A/>
6.%.1? 2orm Sara+ a+ K-2a+ Dari Pa+,,a+
dapun tampilan hasil implementasi form saran dan keluhan dari
pelanggan (ang sudah dibuat dapat di lihat pada .ambar 6-1 #orm #aran dan
Keluhan $ari Pelanggan
*a'>ar 6.1# 2orm Sara+ a+ K-2a+ Dari Pa+,,a+
6.%.1# Sara+ a+ K-2a+ Dari Pa+,,a+
dapun tampilan hasil implementasi saran dan keluhan dari pelanggan
(ang sudah dibuat dapat di lihat pada .ambar 6-14 #aran dan Keluhan $ari
Pelanggan
*a'>ar 6.1% Sara+ a+ K-2a+ Dari Pa+,,a+
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 64/69
A/10
6.%.1% 2orm (aa/a+ Sara+ a+ K-2a+ Dari Pa+,,a+
dapun tampilan hasil implementasi form balasan saran dan keluhan dari
pelanggan (ang sudah dibuat dapat di lihat pada .ambar 6-18 #orm 9alasan
#aran dan Keluhan $ari Pelanggan
*a'>ar 6.15 2orm (aa/a+ Sara+ a+ K-2a+ Dari Pa+,,a+
6.5 P+,-@ia+
#etelah analisa sistem baru diimplementasikan ke dalam bahasa
pemrograman PP- 3angkah selanjutn(a adalah melakukan pengujian pada
sistem (ang telah dibangun, hal ini bertujuan agar hasil akhir sistem (ang telah
diimplementasikan sesuai dengan apa (ang diharapkan-
-
$ari pengujian sistem dapat diranang tabel (ang terdapat no pengujian,
pengujian input s(stem,,hasil (ang diharapkan dan hasil uji sukses dan tidak
sukses pada table 6-1-
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 65/69
A/11
Ta> 6.1 P+,-@ia+ Si/'
N& P+,-@ia+ I+3- Ha/i a+, i2ara37a+ Ha/i@i
1 3ogin / (sername G a'i+
/ %assword G 1?#%56
A'i+
/ (sername G rizrf
/ %assword G rfa23i
Pa+,,a+
Ketika pengguna menginputkan
username admin atau agendaris
dan password +sesuai dengan
data (ang ada pada database
maka pengguna berhasil masuk
kedalam sistem dan dapat
mengelola dan mengakses
sistem-
S-7//
/ (sername H a'i+
/ %assword H a'i+
A'i+
/ (sername H rizrf
/ %assword H rfa23i
Pa+,,a+
Ketika pengguna
menginputkan bukan
username dan password
+sesuai dengan data (ang ada
pada database maka pengguna
diarahkan kembali pada
halaman login
S-7//
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 66/69
A/12
Ta> 6.1 P+,-@ia+ Si/' 4La+@-a+
N& P+,-@ia+ I+3- Ha/i a+, i2ara37a+ Ha/i@i
2 $ata
9arang
/ 'ama 9arang
Aia/ Pra&r F50
/ arga %00.000
/ #ie > 5
/ #ie 40 5
/ #ie 41 5
/ #ie 42 0
/ #ie 4 0
/ .ambar Aia/
Pra&r
Ketika admin menginputkan
$ata barang pada form upload
data barang dan setelah itu
admin menekan tombol simpan
maka system akan men(impan
data barang-
S-7//
$ata 9ukti
Trans!er
/ tas nama rizr
/ 'o- )ekening
1?98#$%$81
/ .ambar
-+i.3+,
KetJika pelanggan menginputkan
$ata bukti trans!er pada form
9ukti Trans!er dan setelah itu
pelanggan menekan tombol
simpan maka s(stem akan
men(impan data bukti trans!er-
S-7//
Ta> 6.1 P+,-@ia+ Si/' 4La+@-a+
N& P+,-@ia+ I+3- Ha/i a+, i2ara37a+Ha/i
@i
4 $ata 9ukti
Pengiriman
/ Tanggal Pengiriman
1?C05C?01%
/ 'ama Pengirim
*ria *aa
/ 'o- )esi Pengiriman
KetJika admin menginputkan
tanggal pengiriman, nama
pengirim, nomor resi, dan bukti
pengiriman pada form upload
S-7//
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 67/69
A/1
1?5%f/f58
/ 9ukti Pengiriman
-+i.3+,
bukti pengiriman dan setelah itu
admin menekan tombol simpan
maka sistem akan men(impan
data pengiriman dan data
laporan penjualan-
8 $ata
Pemesanan
Ketika admin memilih Dproses
pengirimanE maka system akan
men(impan data keranjang
belanja ke dalam data
pemesanan- pabila admin
memilih E Trans!er 9ermasalahE
maka system akan memunulkan
pesan error di form upload
bukti trans!er
S-7//
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 68/69
(A( <II
PENTP
$.1 K/i'3-a+
#istem )nline Shop .ri(a .a(a adalah sebuah sistem aplikasi (ang dapat
menge!isienkan proses jual/beli antara .ri(a .a(a dan konsumenn(a-
a- $engan adan(a sistem maka pelanggan akan lebih mudah dalam memilih
barang, memberikan bukti trans!er, dan mendapatkan bukti pengiriman
b- $engan adan(a sistem maka pengelola .ri(a ga(a akan lebih mudah
mengatur data barang, penerimaan bukti trans!er dan memberikan laporan
pengiriman barang kepada pelanggan-
- 3aporan penjualan dapat langsung di download dan dietak oleh pengelola
.ri(a ga(a-
$.? Sara+
Penulis memiliki beberapa saran untuk pengembangan sistem ini lebih
lanjut, (aitu :
a- System akan dapat langsung menentukan berapa tari! pengiriman dari
daerah asal ke daerah tujuan-
A/1
7/17/2019 Rancang Bangun Sistem Online Shop Griya Gaya
http://slidepdf.com/reader/full/rancang-bangun-sistem-online-shop-griya-gaya 69/69
DAFTAR PSTAKA
bdul, Kadir- 200- %engenalan Sistem Informasi- @og(akarta : ndi-
ji, #upri(anto- 200;- Sistem %engolahan "ata- 9andung : n!ormatika-
ndri, Kristanto- 200- %erencanaan Sistem Informasi dan Apli,asinya- 7disi
Pertama- @og(akarta : .a&a Media-
Jogi(anto- 1>>>- Analisis dan "isain Sistem Informasi- @og(akarta : ndi-
Kendall- 2006- Analisis dan %erancangan Sistem- Jakarta : PT- ndeks-M?lead- J), )a(mond- 1>><- Sistem Informasi ana9eman- 7disi ketujuh-
Jakarta : PT- Prenhallindo-
ahono, Teguh- 2001- onsep "asar Sistem Informasi- Jakarta : 7leC Media
Komputindo-