laporan pa 2 fix

7/26/2019 Laporan Pa 2 Fix

1/86

APLIKASI PENJUALAN UNTUK UKM BERBASIS WEB

PROYEK AKHIR II

Oleh :

Rachmat Setiaji 331141103

Rame!a" Le#ta$i Nai"%%&!a" 3311311033Ka$ta S'(a$maji 331141100)

K'*'h Ima" P$i+a(i 33114110,,

Disusun untuk memenuhi syarat kelulusan mata kuliah Proyek Akhir II

PRO-RAM STU.I TEKNIK IN/ORMATIKA

POLITEKNIK NE-ERI BATAM

BATAM

,01


2/86

HALAMAN PEN-ESAHAN


.i#'#'" O!eh

Rachmat Setiaji 331141103

Rame!a" Le#ta$i Nai"%%&!a" 3311311033

Ka$ta S'(a$maji 331131100)

K'*'h Ima" P$i+a(i 33114110,,

Diajukan dan disahkan sebagai laporan Proyek Akhir II

PROGRAM STDI DIP!OMA " T#$%I$ I%&ORMATI$A

PO!IT#$%I$ %#G#RI 'ATAM

'atam( )uni *+,-

Pembimbing(

Mi$a 2ha"($a Ki$a"a S T MT

NIK 10)04

*


3/86

HALAMAN PERNYATAAN

Dengan ini( saya:

%IM : "",,.,,+"/

%ama : Ra0hmat Setiaji

Adalah mahasis1a Teknik In2ormatika Politeknik %egeri 'atam yang menyatakan

bah1a proyek akhir dengan judul:

AP!I$ASI P#%)A!A% %T$ $M '#R'ASIS 3#'

Disusun dengan:

,4 Tidak melakukan plagiat terhadap naskah karya orang lain*4 Tidak melakukan pemalsuan data

"4 Tidak menggunakan karya orang lain tanpa menyebut sumber asli atau

tanpa ijin pemilik

)ika kemudian terbukti terjadi pelanggaran terhadap pernyataan di atas( maka saya

bersedia menerima sanksi apapun termasuk pen0abutan gelar akademik4

!embar pernyataan ini juga memberikan hak kepada Politeknik %egeri 'atam

untuk mempergunakan( mendistribusikan ataupun memproduksi ulang seluruh

hasil proyek akhir ini4

'atam( )uni *+,-

Rachmat Setiaji

"",,.,,+"/

"


4/86

HALAMAN PERNYATAAN

Dengan ini( saya:

%IM : "",,",,+""

%ama : Ramelan !estari %ainggolan




Disusun dengan:



tanpa ijin pemilik






'atam( )uni *+,-

Rame!a" Le#ta$i Nai"%%&!a"

"",,",,+""

.


5/86

HALAMAN PERNYATAAN

Dengan ini( saya:

%IM : "",,.,,++5

%ama : $arta Sudarmaji



AP!I$ASI P#%)!A% %T$ $M '#R'ASIS 3#'

Disusun dengan:



tanpa ijin pemilik






'atam( )uni *+,-

Ka$ta S'(a$maji

"",,.,,++5

HALAMAN PERNYATAAN

Dengan ini( saya:

%IM : "",,.,,+**

%ama : $ukuh Iman Pribadi

/


6/86




Disusun dengan:

,4 Tidak melakukan plagiat terhadap naskah karya orang lain

*4 Tidak melakukan pemalsuan data


tanpa ijin pemilik






'atam( )uni *+,-

K'*'h Ima" P$i+a(i"",,.,,+**

-


7/86

KATA PEN-ANTAR

Dengan memanjatkan puji dan syukur kehadirat Allah S3T yang maha #sa(

berkat rahmat( hidayah serta bimbingan%ya( penyusun dapat menyelesaikan

Proyek Akhir II yang berjudul 6Aplikasi Penjualan ntuk $M 'erbasis 3eb6(

aplikasi ini bertujuan untuk mempermudah proses pengelolaan data barang(

penjualan dan transaksi khususnya di bidang $M( serta mempermudah

Pengusaha $M dan konsumen dalam berkomunikasi melalui perantara 1eb

bro1ser4

Dalam penyusunan( penulis memperoleh banyak bantuan dari berbagai pihak(karena itu penulis mengu0apkan terimakasih kepada :

,4 Ibu Mira 7handra $irana( S4 T4( MT( selaku dosen pembimbing(

*4 'apak8Ibu dosen program studi Teknik In2ormatika(

"4 $edua orang tua yang telah memberikan dukungan dalam selesainya

laporan ini(

.4 Teman9teman seperjuangan Teknik In2ormatika *+,. yang telah

memberikan dukungan dan semangat4

Penulis menyadari bah1a masih banyak kekurangan dalam laporan ini( baik dari

materi maupun teknik penyajiannya( Oleh karena itu( kritik dan saran yang

membangun sangat penulis harapkanguna mengurangi kesalahan dalam penulisan

laporan proyek akhir selanjutnya4

Akhir kata( penyusun mengu0apkan terimakasih4 Semoga laporan ini dapat

berguna bagi pemba0a pada umumnya dan bagi penulis pada khususnya4

'atam( )uni *+,-

Penulis

ABSTRAK



8/86

Perkembangan teknologi pada saat ini begitu 0epat( seiring dengan pertumbuban

penduduknya4 Dalam dunia usaha di Indonesia pada saat ini terutama usaha ke0il

menengah dalam mengolah data masih menggunkan sistem yang manual sehingga

kurang e2ekti2 dalam pelaksanaanya4 Oleh karena itu diran0ang sebuah aplikasi

untuk penjualan usaha ke0il dan menengah yang diberi judul ; AP!I$ASI

P#%)A!A% %T$ $M '#R'ASIS 3#' 6 yang diharapkan nantinya

aplikasi ini membantu para pengusaha ke0il menengah dalam mengolah data9data

yang berhubungan dengan usahanya tersebut4

Aplikasi ini diran0ang menggunakan metodedengan menganalisis sistem yang

sudah ada( obser


9/86

ABSTRA2T


The te0hnologi0al des

make less e22e0ti


10/86

.A/TAR ISI

Balaman )udul4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 i

Balaman Pengesahan44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444ii

Balaman Pernyataan44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444iii

$ata Pengantar44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444


11/86

"4,+ Peran0angan 'asis Data444444444444444444444444444444444444444444444444444444444444444444444444444,

BAB I563

IMPLEMENTASI .AN PEN-UJIAN63

.4, Basil Implementasi444444444444444444444444444444444444444444444444444444444444444444444444444444444444444"

.4,4, Tabel admintbl444444444444444444444444444444444444444444444444444444444444444444444444444444444"

.4,4* Tabel barangtbl44444444444444444444444444444444444444444444444444444444444444444444444444444444.

.4,4" Tabel do1nloadtbl444444444444444444444444444444444444444444444444444444444444444444444444444.

.4,4. Tabel kategoritbl444444444444444444444444444444444444444444444444444444444444444444444444444444/

.4,4/ Table ne1stbl44444444444444444444444444444444444444444444444444444444444444444444444444444444444/

.4,4- Tabel pelanggantbl444444444444444444444444444444444444444444444444444444444444444444444444444-

.4,4 Tabel testimonitbl4444444444444444444444444444444444444444444444444444444444444444444444444444-

.4,4= Tabel transaksirin0itbl444444444444444444444444444444444444444444444444444444444444444444444

.4,45 Tabel transaksitbl44444444444444444444444444444444444444444444444444444444444444444444444444444

.4* Tampilan Antarmuka4444444444444444444444444444444444444444444444444444444444444444444444444444444444445

BAB 5 74

KESIMPULAN .AN SARAN74

/4, $esimpulan44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444=.

/4* Saran444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444=.

.A/TAR PUSTAKA7

LAMPIRAN7

,,


12/86

.A/TAR -AMBAR

Gambar ,4 Deskripsi mum Sistem4444444444444444444444444444444444444444444444444444444444444444444444*"Gambar *4 se 7ase Diagram44444444444444444444444444444444444444444444444444444444444444444444444444444444*-

Gambar "4 A0ti


13/86

Gambar ".4 Seuen0e Diagram Mengubah %e1s4444444444444444444444444444444444444444444444444--

Gambar "/4 Seuen0e Diagram Mengubah $ategori4444444444444444444444444444444444444444444-

Gambar "-4 Seuen0e Diagram Mengunduh Do1nload444444444444444444444444444444444444444-=

Gambar "4 Seuen0e Diagram !ogin Member4444444444444444444444444444444444444444444444444444-5

Gambar "=4 7lass Diagram Aplikasi Penjualan $M 'erbasis 3eb44444444444444444444+

Gambar "54 #RD Aplikasi Penjualan ntuk $M 'erbasis 3#'44444444444444444444444*

Gambar .+4 GI Menu tama44444444444444444444444444444444444444444444444444444444444444444444444444444445

Gambar .,4 GI !ogin Admin444444444444444444444444444444444444444444444444444444444444444444444444444444=+

Gambar .*4 GI Data 'arang4444444444444444444444444444444444444444444444444444444444444444444444444444444=,

Gambar ."4 GI Memesan 'arang44444444444444444444444444444444444444444444444444444444444444444444444=*

Gambar ..4 GI Testimonial444444444444444444444444444444444444444444444444444444444444444444444444444444444=*

Gambar ./4 GI !aporan Penjualan444444444444444444444444444444444444444444444444444444444444444444444="

,"


14/86

.A/TAR TABEL

Tabel ,4 $arakteristik Pengguna4444444444444444444444444444444444444444444444444444444444444444444444444444*.

Tabel *4 Skenario se 7ase !ogin Admin4444444444444444444444444444444444444444444444444444444444444*

Tabel "4 Skenario se 7ase Menambah 'arang4444444444444444444444444444444444444444444444444444*

Tabel . 4 Skenario se 7ase Mengubah 'arang4444444444444444444444444444444444444444444444444444*=

Tabel /4 Skenario se 7ase Menghapus 'arang444444444444444444444444444444444444444444444444444*=

Tabel - 4 Skenario se 7ase Memesan 'arang44444444444444444444444444444444444444444444444444444*5

Tabel 4 Skenario se 7ase Testimonial4444444444444444444444444444444444444444444444444444444444444444*5

Tabel =4 Skenario se 7ase Menambah $ategori4444444444444444444444444444444444444444444444444"+

Tabel 54 Skenario se 7ase Mengubah $ategori44444444444444444444444444444444444444444444444444"+

Tabel ,+4 Skenario se 7ase Menghapus $ategori44444444444444444444444444444444444444444444444"+

Tabel ,,4 Skenario se 7ase Menampilkan !aporan Penjualan444444444444444444444444444",

Tabel ,*4 Skenario se 7ase Menambah Do1nload444444444444444444444444444444444444444444444",

Tabel ,"4 Skenario se 7ase Mengubah Do1nload4444444444444444444444444444444444444444444444",

Tabel ,.4 Skenario se 7ase Menghapus Do1nload44444444444444444444444444444444444444444444"*

Tabel ,/4 Skenario se 7ase Menambah %e1s4444444444444444444444444444444444444444444444444444"*

Tabel ,-4 Skenario Mengubah %e1s444444444444444444444444444444444444444444444444444444444444444444444"*Tabel ,4 Skenario se 7ase Menghapus %e1s4444444444444444444444444444444444444444444444444444""

Tabel ,=4 Skenario se 7ase Mengunduh Do1nload4444444444444444444444444444444444444444444""

,.


15/86

BAB I

PEN.AHULUAN

11 Lata$ Be!a*a"%

saha $e0il Menengah atau sering disingkat $M merupakan salah satu bagian

penting dari perekonomian suatu negara maupun daerah( begitu juga dengan

negara Indonesia4 $M ini sangat memiliki peranan penting dalam lajunya

perekonomian masyarakat4 $M ini juga sangat membantu pemerintah dalam hal

pen0iptaan lapangan kerja baru dan le1at $M juga banyak ter0ipta unit9unit

kerja baru yang menggunakan tenaga9tenaga baru yang dapat mendukung

pendapatan rumah tangga4 Selain itu $M juga memiliki 2leksibilitas yang tinggi

jika dibandingkan dengan usaha yang berkapasitas lebih besar4

$M ini perlu perhatian khusus dan didukung oleh in2ormasi yang akurat( agar

terjadi jaringan bisnis yang tertata antara pelaku usaha ke0il dan menengah

dengan elemen daya saing usaha( yaitu jaringan pasar4

Pada perusahaan yang bergerak dibidang penjualan membutuhkan suatu sistem

in2ormasi yang baik( terutama sistem in2ormasi penjualan atau pendistribusian(

agar dalam kegiatannya dapat berjalan dengan e2ekti2 dan e2esien4 $eadaan

tersebut menyebabkan banyaknya perusahaan yang meningkatkan pengembangan

dibidang penjualan untuk meningkatkan pelayanan yang lebih baik dan dapat

dapat mengolah data dengan mudah( 0epat dan dapat diakses dimana saja dan

kapan saja4

Bal tersebut mendorong penulis untuk mengatasi permasalahan9permasalahan

yang ada saat ini( yaitu dibutuhkan suatu aplikasi berbentuk pemrograman yang

diharapkan dapat menjadi salah satu perangkat lunak yang baik digunakan bagi

konsumen maupun untuk pemilik $M itu sendiri dalam menjual dan men0ari

produk yang dibutuhkan4

15


16/86

Dengan menggunakan peran0angan basis data penjualan dan persediaan barang

diharapkan mampu menja1ab kelemahan9kelemahan yang selama ini mun0ul4

'erdasarkan hal diatas( maka penulis tertarik untuk membuat peran0angan

aplikasi yang berjudul : 8A9!i*a#i Pe"j'a!a" U"t'* UKM Be$+a#i# We+:

Maka( ditemukan suatu perbaikan guna meningkatkan kinerja untuk memproses

data lebih 0epat dan akurat serta dapat meningkatkan perusahaan4 Aplikasi yang

akan di bangun yakni dengan menggunakan PBP F MySE!4

1, R'm'#a" Ma#a!ah

'erdasarkan latar belakang diatas( terdapat permasalahan yang timbul sebelum

dibuatnya peran0angan aplikasi penjualan yaitu:

,4 'agaimana meran0ang suatu sistem aplikasi penjualan yang sesuai dengan

kebutuhan sehingga memudahkan admin dalam mengolah data( transaksi dan

pembuatan laporan penjualan

*4 'agaimana suatu peran0angan aplikasi dapat dirasakan man2aatnya olehkonsumen melalui media internet

13 Bata#a" Ma#a!ah

$arena sistem hanya dapat diakses dengan menggunakan internet( maka

peran0angan aplikasi yang dibuat masih banyak kelemahan9kelemahanya seperti :

,4 Pengembangan sistem kurang dinamis dalam mengelola data4*4 Aplikasi hanya dapat digunakan oleh beberapa jenis $M saja dan juga

perlu adanya perubahan pada setiap antarmuka sistem4

16


17/86

14 T'j'a" Pe"e!itia"

Membuat sistem aplikasi penjualan yang sesuai dengan kebutuhan sehingga

memudahkan karya1an dalam mengolah data( transaksi( pembuatan laporan

penjualan( dan pimpinan mempermudah dalam pengambilan keputusan( serta

konsumen yang dapat memesan dan melakukan komplain serta dapat digunakan

dimana saja dan kapan saja melalui internet4

1 Ti"ja'a" P'#ta*a

Simon( dkk H*+,*( mengembangkan Aplikasi Supermaket Online pada Plat2orm

Android dan iOS4 Aplikasi ini menggunakan bahasa pemrograman ja


18/86

1 Si#temati*a Pe"'!i#a"

Penyusunan laporan Proyek Akhir * ini menggunakan kerangka pembahasan yang

berbentuk dalam susunan bab( dengan uraian sebagai berikut :

BAB I PEN.AHULUAN

Pada bab ini berisi tentang latar belakang( rumusan masalah( batasan masalah(

tujuan penelitian( tinjauan pustaka dan sistematika penulisan

BAB II LAN.ASAN TEORIPada bab ini memuat teori9teori yang menjadi dasar pengetahuan yang digunakan

dalam menyusun laporan untuk membangun Aplikasi Penjualan Untuk UKM

Berbasis Web.

BAB III ANALISIS .AN PERAN2AN-AN

Menguraikan tentang analisis dan pera0angan sistem yang men0akup peran0angan

basis data dan permodelan sistem dengan Sequence Diagram dalam

menyelesaikan permasalahan yang ada4

BAB I5 IMPLEMENTASI .AN PEN-UJIAN

'erisi tentang hasil peran0angan bab sebelumnya yang di implementasikan

dengan penyesuaian kebutuhan sistem dan kemudian dilakukan pengujian agar

aplikasi berjalan dengan optimal4

BAB 5KESIMPULAN .AN SARAN

$esimpulan dan Saran yang merupakan kesimpulan dari hasil pembuatan aplikasi

dan saran untuk perbaikan dan pengembangan4

18


19/86

BAB II

LAN.ASAN TEORI

,1 A9ache ;AMPP

AMPP merupakan sebuah perangkat lunak atau so2t1are yang bebas

Hmaksudnya open sour0e yang dapat digunakan di berbagai sistem operasi4

AMPP merupakan kompilasi dari beberapa program4 AMPP sendiri

mendukung dua system operasi yaitu 1indo1s dan !inu@4 ntuk linu@ dalam

proses penginstalanny menggunakan 0ommand line sedangkan untuk 1indo1s

dalam proses penginstalannya menggunakan inter2a0e gra2is sehingga lebih

mudah dalam penggunaaan AMPP di 3indo1s di banding dengan !inu@4

'erikut ini Penjelasan dari bagian9bagian AMPP:

,4 ; $enapa disebut dengan system operasi karena AMPP bisa dijalankan

di . OS besar yang sering digunakan oleh pengguna komputer saat ini4 Dan. OS tersebut tidak lain dan tidak bukan adalah 3indo1s( !inu@( Ma0 OS

dan Solaris4

*4 A


20/86

mengelola database beserta isinya4 $ita dapat meman2aatkan MySE! untuk

menambahkan( mengubah( dan menghapus data yang berada dalam

database4

.4 P


21/86

tetapi juga 1ebsite populer yang digunakan oleh jutaan orang seperti 1ikipedia(

1ordpress( joomla( dll4

,3 HTML

html merupakan singkatan dari Hyper Text Markup

Language sebuah bahasa pemrograman yang umum digunakan

untuk membuat sebuah halaman website, dimana HTML ini bisa

kita gunakan untuk menginput gambar, text, audio, video dan

lainnya untuk membuat sebuah website. HTML adalah sebuahstandar yang digunakan secara luas untuk menampilkan

halaman web. Menggunakan tag-tag tertentu untuk menyatakan

kode-kode yang harus ditafsirkan oleh browser agar halaman

tersebut dapat ditampilkan di web browser.

,4 We+#ite

3orld 3ide 3eb atau 333 atau juga dikenal dengan 3#' adalah salah satu

layanan yang didapat oleh pemakai 0omputer yang terhubung ke internet4 3eb ini

menyediakan in2ormasi bagi pemakai 0omputer yang terhubung ke internet dari

sekedar in2ormasi ;sampah6 atau in2ormasi yang tidak berguna sama sekali

sampai in2ormasi yang seriusK dari in2ormasi yang gratisan sampai in2ormasi yang

komersial4 3ebsite atau situs dapat diartikan sebagai kumpulan halaman9halaman

yang digunakan untuk menampilkan in2ormasi teks( gambar diam atau gerak(

animasi( suara( dan atau gabungan dari semuanya itu baik yang bersi2at statis

maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait

dimana masing9masing dihubungkan dengan jaringan9jaringan halaman

Hhyperlink4

21


22/86

, .ata+a#e M=S>L

MySE! adalah sebuah perangkat lunak sistem manajemen basis data SE! Hbahasa

Inggris: database management system atau D'MS yang multithread( multi9user(

dengan sekitar - juta instalasi di seluruh dunia4 MySE! A' membuat MySE!

tersedia sebagai perangkat lunak gratis diba1ah lisensi G% General Publi0

!i0ense HGP!( tetapi mereka juga menjual diba1ah lisensi komersial untuk

kasus9kasus dimana penggunaannya tidak 0o0ok dengan penggunaan GP!4Relational Database Management System HRD'MS

MySE! adalah Relational Database Management System HRD'MS yang

didistribusikan se0ara gratis diba1ah lisensi GP! HGeneral Publi0 !i0ense4

Dimana setiap orang bebas untuk menggunakan MySE!( namun tidak boleh

dijadikan produk turunan yang bersi2at komersial4 MySE! sebenarnya merupakan

turunan salah satu konsep utama dalam database sejak lama( yaitu SE!

HStru0tured Euery !anguage4 SE! adalah sebuah konsep pengoperasian

database( terutama untuk pemilihan atau seleksi dan pemasukan data( yang

memungkinkan pengoperasian data dikerjakan dengan mudah se0ara otomatis4

$eandalan suatu sistem database HD'MS dapat diketahui dari 0ara kerja

optimi?er9nya dalam melakukan proses perintah9perintah SE!( yang dibuat oleh

user maupun program9program aplikasinya4 Sebagai database ser


23/86

BAB III

ANALISIS .AN PERAN2AN-AN

Metode analisis kebutuhan yang digunakan adalah dengan 0ara inter


24/86

3, Ka$a*te$i#ti* Pe"%%'"a

$arakteristik pengguna merupakan gambaran atau 0iri dari masing9masing

sebagai pembeda pengguna aplikasi atau sistem4 yang di jabarkan pada Tabel ,4

Tabel ,4 $arakteristik Pengguna

Penggun

a

Deskripsi $arakteristik Bak Akses

Admin Administrator dari

sistem

Mengatur keseluruhan

sistem

Mengelola Data

'arang( $ategori(

%e1s( $elola &ile(

Melihat danmen0etak !aproran

Member Pengguna8pengunjung

1eb yang dapat

menggunakan beberapa

2itur yang tersedia pada

sistem4

Memesan 'arang(

Mengunduh

&ile(Melihat %e1s dan

memberikantestimonia

l

Memesan(

Mengunduh &ile(

Melihat %e1s dan

Memberikan

Testimonial pada

barang8produk4

24


25/86

33 Ke+'t'ha" /'"%#i&"a!

$ebutuhan 2ungsional adalah jenis kebutuhan yang berisikan proses9proses apa

saja yang diberikan oleh perangkat lunak yang akan dibangun4 'erisi proses yang

nantinya dilakukan oleh sistem in2ormasi yang di0iptakan4

Pada Aplikasi Penjualan ntuk $M 'erbasis 3eb ini dapat memberikan

in2ormasi tentang penjualan yang terjadi di $M4 'erikut kebutuhan 2ungsional

sistem :

&++, : Sistem dapat melakukan login

&++* : Sistem dapat memasukkan data barang

&++" : Sistem dapat mengubah data barang

&++. : Sistem dapat menghapus data barang

&++/ : Sistem dapat melakukan pemesanan barang

&++- : Sistem dapat melakukan unduh 2ile8data

&++ : Sistem dapat menyediakan 2itur testimonial

&++= : Sistem dapat menampilkan laporan

34 Ke+'t'ha" N&" /'"%#i&"a!

$ebutuhan non 2ungsional adalah 'atasan layanan atau 2ungsi yang dita1arkan

sistem seperti batasan 1aktu( batasan pengembangan proses( standarisasi dll4

%&++,: Sistem mudah digunakan

%&++*: Sistem ini menggunakan bahasa Indonesia

%&++": Sistem ini dapat diakses menggunakan internet H1eb bro1ser

25


26/86

3 U#e 2a#e .ia%$am

se 7ase merupakan hubungan antara a0tor dan system aplikasi( yang berisi

s0enario yang saling berkaitan4 mumnya use 0ase digambarkan dengan sebuah

elips dengan garis yang solid( biasanya mengandung nama4 se 0ase

menggambarkan proses sistem Hkebutuhan sistem dari sudut pandang pengguna4

Gambar *4 se 7ase Diagram

26


27/86

3 S*e"a$i& U#e 2a#e

Skenario se 7ase merupakan urutan aksi dan interaksi tertentu antara aktor pada

suatu use 0ase tertentu4 'isasanya s0enario use0ase digambarkan dalam bentuk

tabel dan didalamnya terdapat nama use 0ase dan urutan skenarionya4

Tabel *4 Skenario se 7ase !ogin Admin

%ama se 7ase !ogin

Deskripsi Admin login ke dalam sistem agar mendapatkan hak akses

$ondisi a1al Tampil menu login

$ondisi akhir 'erhasil melakkan login

Skenario ,4 Masukkan usernamedanpass"rd

*4 Leri2ikasi usernamedanpass"rd

"4 Masuk kedalam system

Skenario Alternati2 ,4a salah usernamedanpass"rdN Menampilkan tanda

gagal login dan memasukkan ulang username dan

pass"rd.

Tabel "4 Skenario se 7ase Menambah 'arang

Tabel . 4 Skenario se 7ase Mengubah 'arang

%ama se 7ase Mengubah 'arang

Deskripsi Admin akan mengubah barang

$ondisi a1al Tampilan menu mengubah barang

$ondisi akhir Data barang berhasil di ubah

Skenario ,4 Pilih Data yang akan di ubah

*4 Admin mengubah data barang

"4 Simpan 'arang

27

%ama se 7ase Menambah 'arang

Deskripsi Admin akan menambah barang

$ondisi A1al Tampilan menu menambah barang

$ondisi Akhir Data barang berhasil disimpan4

Skenario , Input data pada 2orm data

* Leri2ikasi Input Data

" Simpan

Skenario Alternati2 *4a data yang dimasukkan salahN kembali ke 2orm input

data4


28/86

Skenario Alternati2 9

Tabel /4 Skenario se 7ase Menghapus 'arang

%ama se 7ase Menghapus 'arang

Deskripsi Admin akan menghapus data

$ondisi a1al Tampilan menu Delete Data pada data barang

$ondisi akhir Data barang berhasil di delete

Skenario ,4 Pilih Data yang akan di hapus

*4 Admin mendelete data

"4 Data terhapus


Tabel - 4 Skenario se 7ase Memesan 'arang

28

%ama se 7ase Memesan 'arang

Deskripsi Member akan memilih barang yang ingin dipesan

$ondisi A1al Tampil menu Memesan 'arang

$ondisi Akhir Produk8barang dipilih dan disimpan dalam database

Skenario ,4Mun0ul tampilan pilih barang8beli

*4Pilih 'arang8beli

"4Tentukan )umlah barang

.4Isi data pelanggan

/4Leri2ikasi Memesan 'arang

-4Leri2ikasi Trans2er

Skenario Alternati2 /4a data yang dimasukkan salahN kembali ke

tampilan pilih barang4


29/86

Tabel 4 Skenario se 7ase Testimonial

%ama se 7ase Testimonial

Deskripsi Memberakan mengirim Testimonial

$ondisi a1al Tampil menu testimoni

$ondisi akhir testimoni berhasil di kirim

Skenario ,4Mun0ul tampilan 2orm testimonial

*4Tulis Testimonial

"4 $irim Testimonial


Tabel =4 Skenario se 7ase Menambah $ategori

%ama se 7ase Menambah $ategori

Deskripsi Admin Menambah $ategori 'arang

$ondisi a1al Tampil 2orm kategori

$ondisi akhir $ategori berhasil ditambah

Skenario ,4Masukkan $ategori pada 2orm

*4Simpan

Skenario Alternati2 ,4a Hinput kategori salah lakukan penginputan ulang

Tabel 54 Skenario se 7ase Mengubah $ategori

%ama se 7ase Mengubah $ategori

Deskripsi Admin Mengubah $ategori 'arang


$ondisi akhir $ategori berhasil ditambah

29


30/86

Skenario ,4Masukkan $ategori pada 2orm

*4Simpan

Skenario Alternati2 ,4a Hinput kategori salah lakukan penginputan ulang

Tabel ,+4 Skenario se 7ase Menghapus $ategori

%ama se 7ase Menghapus $ategori

Deskripsi Admin Menghapus $ategori 'arang


$ondisi akhir $ategori berhasil dihapus

Skenario ,4Pilih $ategori barang yang akan dihapus pada 2orm

*4Simpan


Tabel ,,4 Skenario se 7ase Menampilkan !aporan Penjualan

%ama se 7ase !aporan Penjualan 'ulanan

Deskripsi Admin akan melihat laporan penjualan

$ondisi a1al Tampilan menu laporan penjualan bulanan

$ondisi akhir !aporan berhasil ditampilkan

Skenario ,4 Tampilan 2orm laporan penjualan

*4 !aporan ditampilkan


Tabel ,*4 Skenario se 7ase Menambah &ile

%ama se 7ase Menambah &ile

Deskripsi Admin Menambah data pada menu &ile

$ondisi a1al Tampilan &orm Menambah &ile

$ondisi akhir Data &ile berhasil ditambah

Skenario ,4 Masukkan data pada menu 2ile

30


31/86

*4 Simpan


Tabel ,"4 Skenario se 7ase Mengubah &ile

%ama se 7ase Mengubah Do1nload

Deskripsi Admin Mengubah data pada menu 2ile4

$ondisi a1al Tampilan &orm 2ile

$ondisi akhir Data &ile berhasil diubahSkenario ,4 bah data pada menu 2ile

*4 Simpan


Tabel ,.4 Skenario se 7ase Menghapus &ile

%ama se 7ase Menghapus &ile

Deskripsi Admin Menghapus data pada menu 2ile

$ondisi a1al Tampilan &orm &ile

$ondisi akhir &ile berhasil dihapus

Skenario ,4 Pilih data yang akan di hapus pada menu 2ile

*4 Simpan


Tabel ,/4 Skenario se 7ase Menambah %e1s

%ama se 7ase Menambah %e1s

Deskripsi Admin Menambah %e1s

$ondisi a1al Tampil 2orm %e1s

$ondisi akhir %e1s berhasil ditambah

Skenario ,4Masukkan %e1s Hinput ne1s pada 2orm

*4Simpan

31


32/86


Tabel ,-4 Skenario Mengubah %e1s

%ama se 7ase Mengubah $ategori

Deskripsi Admin Mengubah%e1s


$ondisi akhir %e1s berhasil diubah

Skenario ,4Masukkan in2ormasi baru pada 2orm*4Simpan


Tabel ,4 Skenario se 7ase Menghapus %e1s

%ama se 7ase Menghapus %e1s

Deskripsi Admin Menghapus %e1s


$ondisi akhir %e1s berhasil dihapus

Skenario ,4Pilih %e1s yang dihapus pada 2orm

*4Simpan


Tabel ,=4 Skenario se 7ase Mengunduh &ile

%ama se 7ase Mengunduh &ile

Deskripsi Member dapat Mengunduh &ile

$ondisi a1al Tampil &ile atau 'erkas

$ondisi akhir Data8&ile berhasil di unduh

Skenario ,4pilih data yang akan di do1nload pada 2orm

*4Simpan


32


33/86

36 Acti@it= .ia%$am

A0ti


34/86

Gambar "4 A0ti


35/86

A0ti


36/86

pilih menu ubah barang

muncul formubah barang

ubah data barang

validasi

simpan

edit data salah

pilih data yang ingin di ubah

Gambar /4 A0ti


37/86

pilih data yang akan di delete

elete

Gambar -4 A0ti


38/86

A0ti


39/86

A0ti


40/86

A0ti


41/86

A0ti


42/86

A0ti


43/86

A0ti


44/86

A0ti


45/86

A0ti


46/86

A0ti


47/86

A0ti


48/86

A0ti


49/86

A0ti


50/86

A0ti


51/86

37 2&mm'"icati&" Se'e"ce .ia%$am

Seuen0e Diagram adalah suatu penyajian perilaku yang tersusun sebagai

rangkaian langkah9langkah per0ontohan dari 1aktu ke 1aktu4 Seuen0e diagram

digunakan untuk menggambarkan arus pekerjaan( pesan yang sampaikan dan

bagaimana elemen9elemen di dalamnya bekerja sama dari 1aktu ke 1aktu untuk

men0apai suatu hasil4 Masing J masing urutan elemen diatur di dalam suatu

urutan horisontal( dengan pesan yang disampaikan dibelakang dan didepan

diantara elemen9elemen4

Seorang elemen aktor digunakan untuk menghadirkan pemakai yang

memulai alur peristi1a 8 kejadian4

#lemen J elemen yang ditiru( seperti boundary( 0ontrol dan entity(

digunakan untuk menggambarkan layar( pengontrol( dan materi database(

se0ara berturut9turut4

Masing9masing elemen yang dihubungkan garis J garis batang disebut

suatu li2eline( di mana jika unsur itu berpotensi mengambil bagian dalam

interaksi itu4

51


52/86

Seuen0e Diagram !ogin

Gambar *+4 Seuen0e Diagram !ogin

Seuen0e Diagram !ogin merupakan proses yang menjelaskan bah1a

Admin yang sudah berada di GI!ogin diminta untuk memasukkan

sername dan Pass1ord4 $emudian sername dan Pass1ord tadi di


53/86

Seuen0e Diagram Menambah 'arang

Gambar *,4 Seuen0e Diagram Menambah 'arang

Seuen0e Diagram Menambah 'arang merupakan proses 0ara kerja pada

saat menambah 'arang( pertama Admin memasukkan data 'arangpada

GI'arang kemudian proses penyimpanan data( data yang telah

dimasukkan tadi disimpan pada 7lass 'arang( setelah Data berhasil pada

ProsesMengelola'arang tersebut ditampilkan pada GI'arang4

Seuen0e Diagram Mengubah 'arang

53


54/86

Gambar **4 Seuen0e Diagram Mengubah'arang

Seuen0e Diagram Mengubah 'arang diatas menunjukkan 0ara kerja

pada saat mengubah data barang( pertama Admin memasukkan Id 'arang

pada GI'arang( Id 'arang tersebut akan di0ari pada 7lass Data'arang(

setelah data barang ditemukan maka proses mengubah data( data tersebut

akan ditampilkan pada GIData'arang4 Setelah data ditampilkan maka

Admin akan perbarui data barang dengan memasukkan data barang baru

setelah itu data akan disimpan pada 7lass Data'arang4 Setelah data barang

berhasil disimpan maka pada GIData'arang akan menampilkan pesan;data berhasil diubah64

Seuen0e Diagram Menghapus 'arang

54


55/86

Gambar *"4 Seuen0e Diagram Menghapus 'arang

Seuen0e Diagram Menghapus Data diatas menunjukkan 0ara kerja pada

saat menghapus data( pertama Admin memilih data( data tersebut terdapat

pada 7lass Data'arang4 !alu data ditampilkan dan Admin akan mendelete

data pada 7lass Data'arang4 Setelah data berhasil dihapus maka pada

GIMenghapusData akan menampilkan pesan ;data berhasil dihapus64

55


56/86

Seuen0e Diagram Memesan 'arang

Gambar *.4 Seuen0e Diagram Memesan 'arang

Seuen0e Diagram Memesan 'arang diatas menunjukkan 0ara kerja pada

saat Member memesan barang( Member memilih barang kemudian

menetukan jumlah barang yang akan di order4 setelah itu 0ustomer akan

melakukan


57/86

Seuen0e Diagram Testimoni

Gambar */4 Seuen0e Diagram Testimoni

Seuen0e Diagram Testmoni diatas menunjukkan 0ara kerja pada saat

Admin maupun 7ustomer melakukan komunikasi tentang barang( pertama

akan ditampilkan 2orm testimoni( setelah itu pada GItama Admin

maupun 7ustomer dapat memasukkan testimoni pada kolom yang

disediakan pada sistem( lalu pada ProsesTestimoniMember dapat

mengirimkan testimoni( dan testimoni berhasil dikirim4

57


58/86

Seuen0e Diagram Menampilkan !aporan

Gambar *-4 Seuen0e Diagram Menampilkan !aporan

Seuen0e Diagram Menampilkan !aporan diatas menunjukkan 0ara kerja

pada saat Admin akan melihat laporan4 Pertama pada GI!aporanakan

ditampilkan 2orm laporan penjualan berdasarkan Pesanan'arang( setelah

itu Admin akan memilih untuk ditampilkan laporan penjualan dan laporan

berhasil ditampilkan4

58


59/86

Seuen0e Diagram Menambah &ile

Gambar *4 Seuen0e Diagram Menambah &ile

Seuen0e Diagram Menambah &ile diatas menunjukkan 0ara kerja pada

saat admin akan menambah data pada menu do1nload( pertama Admin

akan masuk ke GI&ile setelah itu admin akan memasukkan data ke

database 2ile lalu menyimpanya4

59


60/86

Seuen0e Diagram Menghapus &ile

Gambar *=4 Seuen0e Menghapus &ile

Seuen0e Diagram Menghapus &ile diatas menunjukkan 0ara kerja pada

saat Menghapus data pada GI&ile( pertama Admin akan memilih data

yang akan dihapus( kemudian admin akan menghapus data4

Seuen0e Diagram Mengubah &ile

60


61/86

Gambar *54 Seuen0e Diagram Mengubah &ile

Seuen0e Diagram Mengubah &ile diatas menunjukkan 0ara kerja pada

saat Mengubah data pada GI&ile( pertama Admin akan memilih data

yang akan diubah( kemudian admin akan mengubah data tersebut4 Setelah

data di ubah admin akan menyimpannya dan akan mun0ul pesan

mengubah data berhasil4

Seuen0e Diagram Mengubah %e1s

61


62/86

Gambar "+4 Seuen0e Diagram Menambah %e1s

Seuen0e Diagram Menambah %e1s merupakan proses 0ara kerja pada

saat menambah %e1s( pertama Admin memasukkan tanggal( judul( das

pada GI%e1s kemudian menyimpanan data4 Setelah data disimpan data

ne1s berhasil disimpan dan akan mun0ul di GI%e1s4

62


63/86

Seuen0e Menambah $ategori

Gambar ",4 Seuen0e Diagram Menambah $ategori

Seuen0e Diagram Menambah $atgori merupakan proses 0ara kerja pada

saat menambah $ategori'arang( pertama Admin memasukkan data

'arang yang ingin ditambah pada GI$ategori kemudian menyimpanan

data4 Setelah data disimpan kategori barang berhasil disimpan dan akan

mun0ul di GI$ategori4

63


64/86

Seuen0e Menghapus kategori

Gambar "*4 Seuen0e Diagram Menghapus $ategori

Seuen0e Diagram Menghapus$atgori merupakan proses 0ara kerja pada

saat mengapus $ategori'arang( pertama Admin akan memilih data

'arang yang ingin dihapuspada GI$ategori stelah data yang ingin

dihapus dipilih maka admin aan menghapus data dan kemudian

menyimpanannya4

64


65/86

Seuen0e Menghapus %e1s

Gambar ""4 Seuen0e Diagram Menghapus %e1s

Seuen0e Diagram Menghapus%e1s merupakan proses 0ara kerja pada

saat mengapus in2ormasi yang akan ditampilkan pada halaman a1al4

pertama Admin akan memilih%e1s yang ingin dihapus pada GI%e1s

setelah itu admin akan menghapus data yang diinginkan4

65


66/86

Seuen0e Mengubah %e1s

Gambar ".4 Seuen0e Diagram Mengubah %e1s

Seuen0e Diagram Mengubah %e1smerupakan proses 0ara kerja pada

saat ingin memperbaharui in2ormasi mengenai produk4 Pertama Admin

akan memilih ne1s yang ingin diubah pada GI%e1s setelah ne1s yang

ingin diubah dipilih maka admin akan mengubah isi dari ne1s kemudianmenyimpanannya4

66


67/86

Seuen0e Mengubah $ategori

Gambar "/4 Seuen0e Diagram Mengubah $ategori

Seuen0e Diagram Mengubah $ategori 'arang diatas menunjukkan 0ara

kerja pada saat mengubah data kategori barang4 Pertama admin akan

memilih data yang igin diubah pada GI$ategori( setalah itu admin akan

mengubah data pada kategori barang lalu akan menyimpannya4 Maka akan

mun0ul pesan kategori barang berhasil diubah4

67


68/86

Seuen0e Diagram Mengunduh &ile

Gambar "-4 Seuen0e Diagram Mengunduh &ile

Seuen0e Diagram Mengunduh &ile diatas menunjukkan 0ara kerja pada

saat member mengunduh data yang dimasukkan oleh admin4 Pertama

Member akan memilih data yang igin diunduh pada GI&ile( setalah itu

member dapat langsung mengunduh data tersebut4

Seuen0e Diagram !ogin Member

68


69/86

Gambar "4 Seuen0e Diagram !ogin Member

Seuen0e Diagram !ogin merupakan proses yang menjelaskan bah1a

member yang sudah berada di GI!ogin diminta untuk memasukkan

sername dan Pass1ord4 $emudian sername dan Pass1ord tadi di


70/86

3) 2!a## .ia%$am

Gambar "=4 7lass Diagram Aplikasi Penjualan ntuk $M 'erbasis 3eb

Pada 7lass Diagram Aplikasi Penjuala di $M 'erbasis 3eb diatas menjelaskan

hubungan antara 0lass dimana masing9masing 0lass memiliki atribut dan method4

70


71/86

Dimana untuk dapat mengakses aplikasi admin harus terlebih dahulu melakukan

login 4 setelah itu admin dapat mengelolah aplikasi untuk input data barang(

update data barang( delete data barang( melakukan pengorderan barang( melihat

laporan penjualan dan untuk men0etak bukti hasil transaksi pengorderan barang4

310 Pe$a"ca"%a" Ba#i# .ata

#ntity Relationship Diagram H#RD merupakan suatu model untuk menjelaskan

hubungan antar data dalam basis data berdasarkan objek9objek dasar data yang

mempunyai hubungan antar relasi4 #RD untuk memodelkan struktur data dan

hubungan antar data( untuk menggambarkannya digunakan beberapa notasi dan

simbol4

71


72/86

#RD Aplikasi Penjualan $M 'erbasis 3eb

Gambar "54 #RD Aplikasi Penjualan ntuk $M 'erbasis 3#'

72


73/86

BAB I5

IMPLEMENTASI .AN PEN-UJIAN

.4, Basil Implementasi

Implementasi database pada Aplikasi Penjualan ntuk $M berbasis 1eb ini

adalah db#tk( dimana database data ini db#tk memiliki ,+ tabel yaitu

admintbl( barangtbl( et04

.4,4, Tabel admintbl

Ta+e! 41 ta+e! a(mi"+!

Tabel admintbl pada aplikasi Penjualan $M merupakan tabel untuk menampung

in2ormasi admin berupa id( username( dan pass1ord admin untuk mendapat hak

akses aplikasi tersebut id pada tabel admintbl adalahPrimar$ Ke$

73


74/86

.4,4* Tabel barangtbl

Ta+e! 4, ta+e! +a$a"%t+!

Tabel barangtbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi barang berupa id( %ama( Deskripsi( 3arna( kuran(

$ategori( Barga( Sto0k( Gambar4 id pada tabel barangtbl adalahPrimar$ Ke$.

.4,4" Tabel do1nloadtbl

Ta+e! 43 .&C"!&a(t+!

Tabel do1nloadtbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi penjelasan barang seperti katalog berupa id( judul(

deskripsi( url4id pada tabel do1nloadtbl adalahPrimar$ Ke$.

.4,4. Tabel kategoritbl

Ta+e! 44 ta+e! *ate%&$it+!

74


75/86

Tabel kategoritbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi kategori barang berupa id( kategori4 id pada tabel

kategoritbl adalahPrimar$ Ke$.

.4,4/ Table ne1stbl

Ta+e! 4 ta+e! "eC#t+!

Tabel ne1stbl pada aplikasi Penjualan $M merupakan tabel untuk menampung

in2ormasi berita terbaru berupa tangal( judul( ne1s4

.4,4- Tabel pelanggantbl

Ta+e! 4 ta+e! 9e!a"%%a"t+!

75


76/86

Tabel pelaggantbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi pelanggan berupa id( nama( alamat( email( telepon(

username( pass1ord4 id pada tabel pelanggantbl adalahPrimar$ Ke$.

.4,4 Tabel testimonitbl

Ta+e! 46 ta+e! te#tim&"ia!t+!

Tabel testimonialtbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi testimoni pelanggan berupa id( nama( email(

tanggal(testimonial4 id pada tabel testimonitbl adalahPrimar$ Ke$.

.4,4= Tabel transaksirin0itbl

Ta+e! 47 ta+e! t$a"#a*#i$i"cit+!

76


77/86

Tabel transaksirin0itbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi transaksi seluruh pelanggan berupa notransaksi( username(

id( nama( harga( jumlah( subtotal4

.4,45 Tabel transaksitbl

Ta+e! 4) ta+e! t$a"#a*#it+!

Tabel transaksitbl pada aplikasi Penjualan $M merupakan tabel untuk

menampung in2ormasi transaksi per pelanggan berupa notransaksi(

username(status4 %otransaksi pada tabel transaksitbl adalahPrimar$ Ke$

.4,4,+ Tabel


78/86

Tabel


79/86

Gambar .+4 GI Menu tama

79


80/86

Tampilan Antarmuka !ogin Admin

Gambar .,4 GI !ogin Admin

80


81/86

Tampilan Antarmuka Data 'arang

Gambar .*4 GI Data 'arang

81


82/86

Tampilan Antar Muka Memesan 'arang

Gambar ."4 GI Memesan 'arang

Tampilan Antarmuka Testimonial

Gambar ..4 GI Testimonial

82


83/86

Tampilan Antarmuka !aporan Penjualan

Gambar ./4 GI !aporan Penjualan

83


84/86

BAB 5

KESIMPULAN .AN SARAN

1 Ke#im9'!a"

Adapun beberapa keuntungan yang dapat diperoleh dari penerapan sistem

dengan 1ebsite ini adalah ter0iptanya sistem in2ormasi penjualan yang

dapat digunakan oleh konsumen untuk berbelanja se0ara langsung melalui

"ebsite dan memudahkan bagi administrator dalam mengelola data

penjualan( memproses pemesanan dan pembuatan laporan penjualan serta

e2isiensi dapat ditingkatkan( karena dalam sistem pemesanan dan penjualan

produk $M langsung berinteraksi dengan pihak admin yang mengelola

aplikasi4

, Sa$a"

Sistem aplikasi penjualan ini sesuai dengan kebutuhan dan memudahkan

karya1an dalam mengolah data( transaksi( pembuatan laporan penjualan(

dan pimpinan mempermudah dalam pengambilan keputusan( serta

konsumen yang dapat memesan dan melakukan komplain serta dapat

digunakan dimana saja dan kapan saja melalui internet( namun perlu adanya

re2erensi dari Aplikasi Penjualan lainnya( agar aplikasi ini dapat berkembang

menjadi lebih baik4

84


85/86

.A/TAR PUSTAKA

Arbie4 H*++.4Manajemen Database dengan M$S%&.ogyakarta: In2ormatika4

'etha Sidik( I4 H*++4Pemrgraman Web dengan !'M&.'andung: In2ormatika4

Al2atta Bani2( Analisis dan Peran0angan Sistem I n 2 o r m a s i ( Penerbit

Andi4 ogyakarta( *++54

&o1ler Martin( M ! D i s t i l l e d ( Tim Penerjemah Penerbit Andi4

ogyakarta( *++.4 $adir Abdul( Pengenalan Sistem In2ormasi ( Penerbit Andi

O22set4 ogyakarta( *++"4

Arie2( Internet F Aplikasinya( Ramadhan (*++/ )akarta

$ristanto Andri( Peran0angan Sistem In2ormasi dan Aplikasinya( Ga


86/86

LAMPIRAN

laporan pa 2 fix

Documents