SISTEM INFORMASI DISTRIBUSI PENJUALAN BARANG PECAH BELAH PADA USAHA DAGANG NASIONAL
DI KOTA KUPANG BERBASIS WEB
TUGAS AKHIR
O L E H : UMAR JAFAR NIM. 1323733628
Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Pendidikan Diploma III Politeknik Negeri Kupang
JURUSAN TEKNIK ELEKTRO
TERUSLAH BERDOA DAN BERUSAHA,
MAKA TIDAK ADA YANG MUSTAHIL
DI DUNIA INI
LEMBAR PENGESAHAN
SISTEM INFORMASI DISTRIBUSI PENJUALAN BARANG PECAH BELAH
PADA USAHA DAGANG NASIONAL DI KOTA KUPANG BERBASIS WEB
Disusun Oleh
Umar Jafar
1 3 2 3 7 3 3 6 2 8
Telah dipertahankan dalam Sidang Tugas Akhir Tahap 1
Didepan tim penguji pada Rabu, 23 November 2016.
Pembimbing
1. Nicodemus M.S, S.kom., M.Cs : ……… NIP. 19811123 200604 1 001
2. Gloria Ch. Manulangga, ST, M.MT : ……… NIP. 19790101 200801 2 040
Tim Penguji
1. Folkes E. Laumal, ST., MT : ……… NIP. 19760206 200312 1 002
2. Petrisia W. Sudarmadji, S.kom., M.Si : ……… NIP. 19811123 200604 1 001
3. Indranata Panggalo, S.T., M.T : ……… NIP. 19771230 200212 1 002
Mengetahui
Ketua Jurusan Teknik Elektro
DAFTAR ISI
Halaman
LEMBAR PENGESAHAN ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... iv
BAB II. LANDASAN TEORI 2.1 Konsep Dasar Sistem Informasi ... 4
2.2 Website ... 6
2.3 Konsep Basis Data……… ... 10
2.4 Sistem Managemen Basis Data……… ... 11
2.5 Bootsrap……… ... 18
BAB III. METODOLOGI PENELITIAN 3.1 lokasi Dan waktu Pelaksanaan... 19
3.2 Perancangan Sistem ... 20
3.3 Analisa Kebutuhan... 21
3.4 Desain Sistem. ... 22
3.5 Pengujian Sistem ... 36
BAB IV. HASIL DAN PEMBAHASAN 4.1 HASIL... 37
4.2 PEMBAHASAN ... 49
BAB V. KESIMPULAN DAN SARAN
5.1 KESIMULAN ... 60
5.2 SARAN ... 60
DAFTAR PUSTAKA
DAFTAR GAMBAR
Halaman
Gambar 2.1 Relasi One To One ... 11
Gambar 2.2 Relasi One To Many ... 11
Gambar 2.3 Relasi Many To Many ... 11
Gambar 2.4 Skema kerja PHP ... 14
Gambar 2.5 Simbol External Entity Atau Terminator ... 16
Gambar 2.6 Simbol Proses ... 16
Gambar 2.7 Simbol Data Store ... 17
Gambar 3.1 Metode Waterfall... 12
Gambar 3.2 Diagram Konteks... 24
Gambar 3.3 Data Flow Diagram ... 22
Gambar 3.4 Flowchart ... 24
Gambar 3.5 Site Map User ... 25
Gambar 3.6 Site Map Admin ... 26
Gambar 3.7 Entity Relationship Diagram ... 27
Gambar 3.8 Rancangan Tampilan Log In ... 32
Gambar 3.9 Rancangan Interface Home ... 33
Gambar 3.10 Rancangan Interface Pemesanan ... 34
Gambar 3.11 Rancangan Interface Pembelian ... 34
Gambar 3.12 Rancangan Interface Admin... 35
Gambar 4.2 Tampilan Membuat Tabel ... 38
Gambar 4.3 Tampilan Membuat Relasi Tabel ... 38
Gambar 4.4 Tampilan Home ... 39
Gambar 4.5 Tampilan Login Admin.…...39
Gambar 4.6 Tampilan Data Agen...40
Gambar 4.7 Tampilan Konfirmasi Pembayaran...40
Gambar 4.8 Tampilan Cek Status Pemesanan ... 41
Gambar 4.9 Tampilan Halaman Kategori Barang Plastik ... 41
Gambar 4.10 Tampilan Halaman Kategori Barang Pecah Belah ... 42
Gambar 4.11 Tampilan Halaman Kategori Barang Dapur... 42
Gambar 4.12 Tampilan Halaman Sejarah Perusahan ... 43
Gambar 4.13 Tampilan Halaman Visi Misi ... 43
Gambar 4.14 Tampilan Halaman Kontak ... 44
Gambar 4.15 Tampilan Halaman Keranjang Belanja ... 44
Gambar 4.16 Tampilan Halaman Login Agen ... 45
Gambar 4.17 Tampilan Halaman Pembayaran ... 45
Gambar 4.18 Tampilan Halaman Status Pengiriman ... 46
Gambar 4.19 Tampilan Halaman Data Admin ... 46
Gambar 4.20 Tampilan Halaman Data Barang ... 47
Gambar 4.21 Tampilan Halaman Data Pemesanan... 47
Gambar 4.22 Tampilan Halaman Data Detail Barang ... 48
Gambar 4.23 Tampilan Halaman Data Agen ... 48
Gambar 4.26 Pembuatan Halaman Daftar Agen ... 50
Gambar 4.27 Pembuatan Halaman Konfirmasi Pembayaran ... 51
Gambar 4.28 Pembuatan Halaman Cek Status Pemesanan ... 51
Gambar 4.29 Pembuatan Halaman Cek Status Pembayaran ... 52
Gambar 4.30 Pembuatan Halaman Pembayaran ... 52
Gambar 4.31 Pembuatan Halaman Ubah Status Pemesanan ... 53
Gambar 4.32 Pembuatan Halaman Ubah Stok Barang ... 53
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-Simbol Flowchart ... 15
Tabel 2.2 Simbol-Simbol Entity Relationship Diagram ... 17
Tabel 3.1 Jadwal Penilitian ... 18
Tabel 3.2 Admin... 28
Tabel 3.3 Barang ... 28
Tabel 3.4 Agen ... 28
Tabel 3.5 Pemesanan ... 29
Tabel 3.6 Detail Barang ... 29
Tabel 3.7 Pembayaran ... 31
Tabel 3.8 Saran... 31
Tabel 4.1 Pengujian Login ... 54
Tabel 4.2 Pengujian Input Data Admin... 54
Tabel 4.3 Pengujian Edit Data Admin ... 55
Tabel 4.4 Pengujian Hapus Data Admin ... 55
Tabel 4.5 Pengujian Input Data Barang ... 55
Tabel 4.6 Pengujian Edit Data Barang ... 56
Tabel 4.7 Pengujian Hapus Data Barang ... 56
Tabel 4.8 Pengujian Input Daftar Agen ... 56
Tabel 4.9 Pengujian Pembelian Barang ... 57
Tabel 4.12 Pengujian Konfirmasi Pembayaran ... 57
Tabel 4.13 Pengujian Ubah Status Pemesanan ... 58
Tabel 4.14 Pengujian Pengupdetan Stok Barang ... 58
BAB I PENDAHULUAN 1.1 LATAR BELAKANG
Seiring dengan berkembangnya sistem informasi saat ini, banyak sistem
informasi pada organisasi yang ingin mencapai tahap sistem informasi secara
cepat, relevan dan akurat. Pesatnya pertumbuhan ilmu pengetahuan teknologi
khususnya di bidang komputer disetiap aspek kehidupan dan penggunaan
teknologi komputer dan teknologi komunikasi yang menghasilkan sebuah
penggabungan sistem informasi yang saat ini mudah untuk diakses tanpa adanya
batasan waktu dan jarak dengan menggunakan jaringan internet. Model penjualan
atau bisnis ikut terpengaruh dari perkembangan teknologi tersebut, terlebihnya
dengan pesatnya pertumbuhan pengguna internet di berbagai belahaan dunia
khususnya negara berkembang. Salah satu bisnis yang menjadi trend terbaru di
masyarakat ini adalah dalam bidang belanja online.
UD Nasional adalah salah satu perusahaan yang bergerak di bidang
pendistribusian barang pecah belah yang berlokasi di Jl. Yos sudarso ,Alak - kota
Kupan,. Sejauh ini banyak distributor barang pecah belah khususnya barang
plastik dan perlengkapan rumah tangga yang masih melakukan promosi dan
penjualan melalui mulut ke mulut ataupun bentuk brosur, sehingga jangkauan
promosi dan penjualan masih terbatas dan belum bisa meluas ke beberapa daerah.
Kendala lain yang di alami oleh penjual barang pecah belah yaitu persaingan yang
ketat, hal itu membuat penjual barang pecah belah harus mempunyai strategi
pemasaran yang berbeda dari pesaingnya.
Sistem yang digunakan dalam perusahaan UD Nasional masih menggunakan
pencatatan manual dengan menggunakan buku dan kemudian di arsipkan saja, dan
untuk pemesanan antar daerah juga masi melalui sales-salesnya yang berada di
pada sales yang masih mengumpulkan data dari para konsumen-konsumennya,
proses pemesanan yang menggunakan telepon yang membuat pendataannya
kemungkinan terjadi kehilangan atau kesalahan sehingga pesanan tidak dapat
diproses dan diantar, proses pembayaran pun masih secara langsung sehingga
memakan lebih banyak waktu dan tenaga.
Website ini di tujukan untuk agen-agen karena pada website ini proses
pemesanan barangnya dijual perlusin sehingga dapat dijual kembali oleh agen.
Untuk itu dibutuhkan sebuah aplikasi berbasis web berupa website yang
mampu memberikan informasi mengenai produk kepada pelanggan dengan cepat
dan juga pemesanan secara online, pendataan pemesanan yang tepat sehingga
tidak terjadi kesalahan eksekusi pesanan.
Berdasarkan uraian latar belakang yang telah dijelaskan diatas, penulis mengambil judul mengenai “Sistem Informasi Distribusi Penjualan Barang Pecah Belah Pada Usaha Dagang Nasional Di Kota Kupang Berbasis Web”.
1.2 RUMUSAN MASALAH
Berdasarkan latar belakang yang telah disebutkan, maka rumusan masalah
dalam tugas akhir ini adalah bagaimana perancangan dan pembuatan Sistem
Informasi Distribusi Penjualan Barang Pecah Belah Pada Usaha Dagang Nasional
1.3 BATASAN MASALAH
Agar penelitian dalam rencana tugas akhir ini lebih terarah dan memudahkan
dalam pembahasan, maka perlu adanya pembatasan masalah, yaitu :
1. Web ini meliputi katalog, harga, pemesanan, dan penjualan.
2. Program yang digunakan untuk perancangan website adalah PHP dan
MySQL.
1.4 TUJUAN DAN MANFAAT MASALAH 1. Tujuan Penilitian
Tujuan dari tugas akhir ini adalah membuat Sistem Informasi
Distribusi Penjualan Barang Pecah Belah Pada Usaha Dagang Nasional Di
Kota Kupang Berbasis Web.
2. Manfaat Penulisan
a. Membantu konsumen untuk memperoleh informasi yang cepat
b. Mempermudah konsumen dalam melakukan pemesanan produk
c. Membantu dan memperluas pemasaran produk
BAB II
LANDASAN TEORI
2.1 Konsep Dasar Sistem Informasi 2.1.1 Konsep Dasar Sistem
Sistem pada dasarnya adalah sekelompok unsur yang erat hubungannya
satu dengan yang lain, yang berfungsi bersama-sama untuk mencapai tujuan
tertentu (Sutabri, 2004).
Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu, yaitu
mempunyai komponen-komponen, batas sistem, lingkungan luar sistem,
penghubung, masukan, keluaran, pengolah, dan sasaran atau tujuan (Hartono,
2001), yang dapat dijelaskan sebagai berikut:
a) Komponen sistem
Suatu sistem terdiri dari sejumlah komponen, yang saling berinteraksi.
Komponen-komponen sistem atau elemen-elemen sistem dapat berupa
suatu subsistem atau bagian-bagian dari sistem. Setiap sistem tidak peduli
betapapun kecilnya selalu mengandung komponen-komponen atau
subsistem-subsistem.
b)Batas sistem
Batas sistem merupakan daerah yang membatasi antara suatu sistem
dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas suatu
sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
c) Lingkungan luar sistem
Lingkungan luar (enviroments) dari suatu sistem adalah apapun diluar
batas dari sistem yang mempengaruhi operasi sistem.
Merupakan media penghubung antara suatu subsistem dengan subsistem
yang lainnya.
d)Masukkan sistem
e) Keluaran sistem
Keluaran (output) adalah hasil dari energi yang diolah dan
diklasifikasikan menjadi dua , yaitu hasil keluaran yang berguna dan sisa
pembuangan.
f) Pengolah sistem
Pengolah sistem adalah suatu bagian dari sistem yang berfungsi merubah
masukkan menjadi keluaran.
g) Sasaran atau tujuan sistem
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objectives).
Jika suatu sistem tidak mempunyai sasaran maka operasi sistem tidak
akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan
yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu
sistem dikatakan berhasil bila mengenai sasran atau tujuannya.
2.1.2 Konsep Dasar Informasi
Definisi dari informasi adalah data yang diolah menjadi bentuk yang lebih
berarti bagi yang menerimannya. Menurut Raymond Mcleod informasi
adalah data yang telah diolah menjadi bentuk yang memiliki arti bagi si
penerima dan bermanfaat bagi pengambilan keputusan saat ini atau
mendatang. Secara umum informasi dapat di definisikan sebagai hasil
pengolahan data dalam bentuk yang lebih berguna dan lebih berarti bagi
penerimannya.
Kualitas dari suatu informasi tergantung dari tiga hal, yaitu informasi
harus akurat, tepat pada waktunya dan relevan (Hartono, 2001), yang dapat
dijelaskan sebagai berikut:
a) Akurat
Berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bisa
b) Tepat waktu
Berarti informasi yang datang pada penerima tidak boleh terlambat.
Informasi yang sudah usang tidak akan mempunyai nilai lagi.
c) Relevan
Berarti informasi tersebut mempunyai manfaat untuk pemakainya.
Relevansi informasi untuk tiap-tiap orang satu dengan yang lainnya
berbeda.
2.1.3 Konsep Dasar System Informasi
Suatu sistem di dalam suatu organisasi yang mempertemukan
kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi
organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu
organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan
laporan-laporan yang diperlukan (Tata Sutabri, 2004).
2.2 Website
2.2.1 Pengertian Website
Website atau sering disingkat dengan istilah situs adalah sejumlah halaman
web yang memiliki topik saling terkait, terkadang disertai pula dengan
berkas-berkas gambar, video, atau jenis-jenis berkas-berkas lainnya. Sebuah website
biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses
melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN)
melalui alamat internet yang dikenali sebagai URL. Gabungan atas semua
situs yang dapat diakses publik di internet disebut pula sebagai World Wide
Web atau lebih dikenal dengan singkatan WWW.
Meskipun setidaknya halaman beranda situs internet umumnya dapat
diakses publik secara bebas, pada prakteknya tidak semua situs memberikan
kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan
pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan
meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi
menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan
lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan
keamanan, menghormati privasi, atau karena tujuan komersil tertentu.
2.2.2 Jenis-jenis Website
Berikut ini adalah jenis-jenis website yang umum dipakai di internet.
a. Basic
Secara dasar website disediakan untuk publikasi informasi. Adapun
informasi yang akan disediakan adalah beraneka ragam dari profile
pribadi hingga company profile. Fokus situs ini adalah publikasi
informasi.
b. Search Engine
Situs search engine adalah situs yang menyediakan mesin pencari.
Search engine secara otomatis mencari dan menyimpan data-data situs
yang beredar di internet. Adapun materi yang dapat dicari adalah segala
sesuatu yang tergabung di dalam website yang terhubung di internet.
Seperti mencari sebuah alamat website, file-file multimedia dan grafis
yang terkandung di dalam website. Dalam hal ini situs-situs lain
berlomba-lomba untuk menduduki tempat tertinggi untuk dapat di cari
oleh search engine. Fokus situs ini adalah sebagai mesin pencari situs
lain.
c. Portal
Situs jenis portal merupakan pintu gerbang bagi situs lain seperti
halnya juga search engine. Tetapi di dalam portal situs-situs tersebut
lebih disusun untuk disajikan. Berbeda dengan search engine situs-situs
tersebut bukan dicari datanya secara otomatis oleh mesin pencari tetapi
disimpan dan dikelola oleh pengelola portal secara dictionary.
Umumnya portal-portal besar juga menyediakan layanan internet lain
d. Blog
Blog merupakan buku harian yang terpublish di internet. Seorang
pengelola blog dapat dengan bebas menuangkan pikirianya dalam
bentuk tulisan ke dalam website ini. Tulisan tersebut selanjutnya
disimpan di database dan di publish di internet. Fungsional situs ini
adalah publikasi dalam bentuk artikel di internet. Fokus situs ini adalah
manajemen artikel.
e. Social Network
Situs jenis networking adalah situs penyedia yang menampung
member-member untuk membentuk suatu komunitas. Sehingga
member-member di dalam website tersebut dapat saling berkomunikasi
dan bertukar pikiran. Di dalam website ini sesama member dapat saling
berkenalan dan menjalin relasi satu sama lain. Pertukaran pesan dan
testimonial pun terjadi diantara member yang belum atau sudah
menjalin relasi. Fokus situs ini adalah friend relationship atau berteman
dan berkomunitas di dalam internet.
f. Forum
Forum adalah situs membership seperti networking juga. Tetapi tidak
berfokus pada friend relationship seperti situs networking. Situs ini
lebih berfokus sebagai ajang diskusi di internet. Adapun diskusi dalam
bentuk tulisan yang diposting oleh member di organisasikan dengan
lebih baik hingga perkategori yang terdiri dari berbagai sub-sub. Tujuan
situs ini adalah wadah saling bertukar pikiran dalam diskusi. Fokus
situs ini adalah forum diskusi online.
g. News
News site adalah situs yang mengelola berita untuk di publish ke
internet. Pengelola website dapat mengelola yaitu antara lain menulis
dan memanage berita. Kemudian user internet dapat melihat informasi
berita tersebut melalui website. Fokus situs ini adalah manajemen
h. Event Organizer
Situs jenis ini adalah situs yang mengelola manajemen informasi
pengadaan acara. Informasi yang disajikan situs ini biasanya
berorientasi waktu, misalnya informasi kapan diadakannya sebuah
event, event yang terlewatkan dan event yang akan diadakan nantinya.
Di dalamnya juga terdapat keterangan deskripsi tentang event tersebut
dan judul event. Fokus situs ini adalah manajemen informasi event.
i. Gallery
Gallery site menyediakan fasilitas publikasi foto dan gambar secara
online. Pengelola website dapat menyimpan foto atau gambar yang
diinginkan lalu dikategorikan dan di atur setelah itu di publish. Fokus
situs ini adalah publikasi foto dan gambar.
j. Multimedia Streaming
Video streaming dan audio streaming sekarang merupakan trend baru
dari dunia website. Di dalam situs jenis ini seseorang dapat menonton
atau mendengarkan secara langsung multimedia melalui web. Untuk
membangun situs ini diperlukan server yang memiliki koneksi internet
yang high dan up stream, ini dikarenakan file-file multimedia yang
relatif berukuran besar. Fokus situs ini adalah publikasi audio dan video
online.
k. E-Commerce
Situs dengan sistem e-commerce adalah situs yang bertujuan untuk
melakukan perdagangan melalui media internet. Pengelola dapat
mengorganisir barang-barang yang ingin dijual lalu mempublikasikan
secara online beserta harganya. Ada juga yang menyediakan transaksi
online melalui website ini. Yang jelas dalam hal ini website
dimanfaatkan sebagai toko di dalam internet. Fokus situs ini adalah
l. E-Learning
E-Learning merupakan situs yang menyediakan pembelajaran online
melalui internet. Pembelajaran dilakukan melalui berbagai media
seperti tulisan, gambar hingga multimedia. Fokus situs ini adalah
pembelajaran online.
2.3 Konsep Basis Data 2.3.1 Data
Data merupakan bentuk yang masih mentah yang belum dapat bercerita
banyak, sehingga perlu diolah lebih lanjut melalui suatu model untuk
dihasilkan informasi (Hartono, 2001). Data merupakan bahan keterangan
tentang kejadian-kejadian nyata atau fakta-fakta yang dirumuskan dalam
sekelompok lambang tertentu yang tidak acak yang menunjukkan jumlah,
tindakan atau hal.
2.3.2 Basis data (Database)
Basis data (database) adalah sekumpulan data yang disusun dengan aturan
tertentu, sehingga memudahkan kita dalam mengakses dan memperoleh
informasi. Database merupakan kumpulan dari data-data yang saling
berhubungan satu dengan yang lainnya, tersimpan di simpanan luar komputer
dan digunakan perangkat lunak tertentu untuk memanipulasinya (Hartono,
1999).
2.3.3 Kardinalitas relasi (cardinality)
Kardinalitas relasi adalah tingkat hubungan yang terjadi antara entity
didalam sistem. Tiga macam kardinalitas relasi yaitu:
a) One To One
Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A
berhubungan paling banyak dengan satu entitas pada himpunan entitas B.
Gambar 2.1 Relasi one to one b) One to many
Hubungan relasi satu ke banyak yaitu setiap entitas pada himpunan entitas
A dapat berhubungan dengan banyak entitas pada himpunan entitas B,
tetapi setiap entitas pada entitas B hanya dapat berhubungan dengan satu
entitas pada himpunan entitas A. Hubungan one to many ini dapat dilihat
pada gambar 2.2.
Gambar 2.2 Relasi one to many c) Many to many
Hubungan relasi banyak ke banyak yaitu setiap entitas pada himpunan
entitas A dapat berhubungan dengan banyak entitas pada entitas
himpunan B. Hubungan many to many ini dapat dilihat pada gambar 2.3.
Gambar 2.3 Relasi many to many 2.4 Sistem Manajemen Basis Data (Database Management System)
Sistem manajemen basis data pada dasarnya adalah sebuah program
komputer yang memungkinkan pengguna untuk membuat dan memelihara
database sehingga pengguna dapat memasukan, mengubah, menghapus,
memanipulasi dan memperoleh kembali data tersebut dengan mudah (Hartono,
2.4.1 Pengenalan XAMPP
XAMPP adalah paket program web lengkap yang dapat anda pakai
untuk belajar pemograman web, khususnya PHP dan MySQL. Dan adapun
APACHE yang merupakan web servernya, paket ini dapat di download secara
gratis dan legal
2.4.2 Sekilas Tentang PHP
Menurut dokumen resmi PHP, PHP merupakan singkatan dari PHP
Hypertex Processor. PHP merupakan bahasa berbentuk skrip yang
ditempatkan dalam server dan diproses di server.
Bermula pada tahun 1994 saat Rasmus Lerdorf membuat sejumlah skrip
perl yang dapat mengamati siapa saja yang melihat-lihat riwayat hidupnya.
Skrip-skrip ini selanjutnya dikemas mejadi tool yang disebut “Personal Home Page“. Paket inilah yang menjdi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi ini pemogram dapat menempelkan
kode terstruktur di dalam tag HTML. Selain itu, kode PHP juga bisa
berkomunikasi dengan database dan melakukan perhitungan-perhitungan
yang kompleks.
Saat ini PHP cukup popular sebagai piranti pemograman web, terutama di
lingkungan Linux. Namun demikian PHP sebenarnya juga dapat berfungsi
pada server-server yang berbasis UNIX, Windows NT dan Macintosh.
Bahkan versi untuk Windows 95/98 pun tersedia. Pada awalnya PHP
dirancang untuk diintegrasikan dengan web server Apache. Namun saat ini
PHP juga dapat bekerja dengan web server seperti PWS (Personal Web
Server), IIS (Internet Information Server) dan Xintami. PHP dapat
di-download secara bebas dan gratis melalui situs www.PHP.net.
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML (Hypertex
Markup Language) adalah bahasa standar untuk membuat halaman-halaman
web. Berikut contoh kode PHP yang berada di kode HTML:
<head>
<title> contoh program </title>
</head>
<body>
welcome to ud nasional <br>
<? PHP
PHP dan kemudian memprosesnya. Hasilnya dikirim ke browser.
Prinsip kerja HTML diawali dengan permintaan suatu halaman web oleh
browser. Berdasarkan URL (Uniform Resource Locator). Yang dikenal
dengan alamat internet, browser mendapatkan alamat dari web server,
mengidentifikasi halaman yang dikehendaki dan menyampaikan segala
informasi yang dibutuhkan oleh web server. Selanjutnya web server mencari
berkas yang diminta dan memberikan isinya ke browser. Browser
menampilkan isinya ke layar pemakai.
Sedangkan prinsip kerja PHP mirip dengan kode HTML, hanya saja
ketika berkas PHP yang diminta didapatkan oleh web server, isinya segera
dikirim ke mesin PHP dan mesin inilah yang memproses dan memberikan
hasilnya berupa kode HTML ke web server dan selanjutnya web server
Gambar 2.4 Skema Kerja PHP 2.4.3 Sekilas Tentang MySQL
MySQL adalah salah satu dari sekian banyak sistem database yang
merupakan terobosan solusi yang tepat dalam aplikasi database. MySQL
merupakan turunan salah satu konsep utama dalam database sejak lama yaitu
SQL (Structured Query Language).
MySQL dikembangkan pada tahun 1994 oleh sebuah perusahaan
pengembang software dan konsultan database di Swedia bernama TcX Data
Konsullt AB. Tujuan awal dikembangkan MySQL adalah untuk
mengembangkan aplikasi berbasis web pada client. Saat ini MySQL dapat
di-download secara gratis di www.MySQL.com.
2.4.4 Sekilas Tentang Apache
Apache adalah sebuah nama web server yang bertanggung jawab pada
request-response HTTP dan logging informasi secara detail (kegunaan
basicnya). Selain itu, Apache juga diartikan sebagai suatu web server yang
kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat
digemari. Kesimpulan ini bisa didapatkan dari jumlah pengguna yang jauh
2.4.5 Bagan alir (flowchart)
Bagan alir (flowchart) adalah bagan yang menunjukkan alir di dalam
program atau prosedur di dalam sistem secara logika. Bagan alir digunakan
terutama untuk alat bantu komunikasi dan untuk dokumentasi.
Di dalam penyusunan dokumentasi arus atau aliran data/prosedur
biasanya digambarkan dengan simbol-simbol dan menggunakan flowchart
simbol yang disahkan USA standart institute. Fungsi penyusunan simbol yaitu
untuk menjelaskan suatu sistem (aliran) untuk keperluan manajemen/user atau
untuk analisis. Simbol-simbol yang terdapat dalam flowchart dapat dilihat
pada tabel 2.1 berikut ini:
2.4.6 Data flow diagram (DFD)
Data flow diagram (DFD) sering digunakan untuk menggambarkan suatu
sistem yang telah ada atau sistem baru yang akan dikembangkan. Tujuan dari
pembuatan diagram arus DFD adalah untuk menggambarkan dari mana asal
aliran informasi yang terlihat dari suatu prosedur dan ke mana tujuan data
yang keluar serta di mana data yang disimpan. Berikut ini merupakan
simbol-simbol DFD yang digunakan menurut Yourdon/DeMarco yaitu:
a) External entity atau terminator (kesatuan luar)
Merupakan kesatuan lingkungan luar sistem yang berupa orang,
organisasi atau sistem lainnya yang dapat memberikan input dan
output dari luar sistem, simbolnya seperti pada gambar 2.5.
Gambar 2.5 Simbol external entity atau terminator b) Proses
Proses berfungsi untuk mengolah arus data yang masuk ke dalamnya.
Kemudian dari proses itu juga menghasilkan arus data, simbolnya
seperti pada gambar 2.6.
Gambar 2.6 Simbol proses c) Data store (simpanan data)
Merupakan simpanan dari data yang dapat berupa suatu file
atau database di sistem komputer atau berupa catatan manual, kotak
simpan data di meja seseorang, atau suatu agenda dan tabel acuan
Gambar 2.7 Simbol data store
Diagram konteks adalah sebuah diagram sederhana yang
menggambarkan hubungan antara entitas luar, masukan dan keluaran
dari sistem. Diagram konteks dipresentasikan dengan lingkaran
tunggal yang mewakili keseluruhan sistem.
2.4.7 Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) merupakan suatu model untuk
menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek
dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan
struktur data dan hubungan antar data, untuk menggambarkannya digunakan
beberapa notasi dan simbol.
2.5 Bootstrap
Bootstrap merupakan salah satu framework HTML, CSS, dan JS yang
cukup popular, serta banyak digunakan untuk membuat website yang bersifat
responsive. Artinya bias menyesuaikan tampilan layout-nya berdasarkan
ukuran viewport didasarkan pada fakta dilapangan yang menunjukan bahwa
perkembangan penggunaan handheld seperti smartphone dan tablet semakin
meningkat. Dengan websiteresponsive tersebut akan memudahkan pengguna
melakukan resizing. Scrolling dan panning dengan lebih optimal.(Priyo Eko,
BAB III
METODE PENELITIAN 3.1 Lokasi dan waktu pelaksanaan
Adapun lokasi dan waktu penelitian sebagai berikut : 3.1.1 Lokasi Penelitian
Dalam pelaksanaan studi ini, penulis melakukan penelitian Proposal tugas akhir di UD Nasional yang beralamat Jln.Yos sudarso, Alak- Kota Kupang. 3.1.2 Waktu Penelitian
Waktu yang diperlukan penulis untuk menyelesaikan penelitian Proposal Tugas Akhir ini selama empat bulan, terhitung mulai dari bulan Agustus-November 2016.
Tabel 3.1 Jadwal Penelitian No Jenis Kegiatan
Tahun 2016
Agustus Sept Oktober Nov 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 Pengumpulan data
2 Penyusunan proposal
3 Konsultasi
4 Ujian proposal
5 Revisi Proposal
6 Perancangan dan pembuatan sistem
7 Penyusunan Laporan TA
8 Konsultasi Laporan TA
9 Ujian TA
3.2 Perencangan Sistem
3.2.1 Metode Perancangan Sistem
Adapun metode perancangan sistem yang penulis gunakan adalah metode
waterfall sebagai berikut:
Gambar 3.1 Metode waterfall Analisis
Dalam langkah ini merupakan analisa terhadap kebutuhan sistem.
Pengumpulan data dalam tahap ini bisa melakukan sebuah penelitian, wawancara
atau study literatur. Seseorang system analisis akan menggali informasi
sebanyak-banyaknya dari user sehingga akan tercipta sebuah sistem komputer yang bisa
melakukan tugas-tugas yang diinginkan oleh user tersebut. Tahapan ini akan
menghasilkan dokumen user requirement atau bisa dikatakan sebagai data yang
berhubungan dengan keinginan user dalam pembuatan sistem. Dokumen inilah
yang akan menjadi acuan system analisis untuk menterjemahkan kedalam bahasa
Proses design akan menterjemahkan syarat kebutuhan kesebuah
perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat koding.
Proses ini berfokus pada : struktur data, arsitektur perangkat lunak, representasi
interface, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan
dokumen yang disebut software requirement. Dokumen inilah yang akan
digunakan programmer untuk melakukan aktivitas pembuatan sistemnya.
Coding
Coding merupakan penerjemahan design dalam bahasa yang bisa dikenali
oleh komputer.Dilakukan oleh programmer yang akan meterjemahkan transaksi
yang diminta oleh user. Tahapan inilah yang merupakan tahapan secara nyata
dalam mengerjakan suatu sistem.Dalam artian penggunaan computer akan
dimaksimalkan dalam tahapan ini. Setelah pengkodean selesai maka akan
dilakukan testing terhadap sistem yang telah dibuat tadi. Tujuan testing adalah
menemukan kesalahan-kesalahan terhadap system tersebut dan kemudian bisa
diperbaiki. Pengujian
Tahapan ini bisa dikatakan final dalam pembuatan sebuah sistem. Setelah
melakukan analisa, design dan pengkodean maka sistem yang sudah jadikan
digunakan oleh user. Pemeliharaan
Perangkat lunak yang susah disampaikan kepada pelanggan pasti akan
mengalami perubahan. Perubahan tersebut bisa karena mengalami kesalahan
karena perangkat lunak harus menyesuaikan dengan lingkungan (periperal atau
system operasi baru) baru, atau karena pelanggan membutuhkan perkembangan
fungsional.
3.3 Analisa Kebutuhan
3.3.1 Analisis Kebutuhan Input
Kebutuhan input yang diperlukan pada pembuatan sistem informasi
distribusi penjualan barang pecah belah pada usaha dagang Nasional di kota
Kupang berbasis web adalah : Data katalog barang Data profil perusahaan Data harga barang 3.3.2 Analisis Kebutuhan Output
Kebutuhan output yang diperlukan pada pembuatan sistem informasi
distribusi penjualan barang pecah belah pada usaha dagang Nasional di kota
Kupang berbasis web adalah : Info katalog barang Info profil perusahaan Info harga barang Info stok barang Info hasil penjualan 3.4 Desain Sistem
3.4.1 Diagram konteks
Adapun diagram konteks yang penulis rancang adalah sebagai berikut:
Sistem informasi
Penjelasan:
Data yang dimasukan kedalam sistem informasi distributor
penjualan barang pecah belah pada usaha dagang Nasional di kupang
berbasis web akan tersimpan dalam sistem dan dapat diubah, dihapus
dan ditambahkan.
3.4.2 Data flow diagram (DFD)
Penjelasan dari DFD diatas :
Pada Data Flow Diagram (DFD) terdapat 3 proses, yaitu proses inputan, proses
pemesanan, dan laporan.
Pada proses yang pertama yaitu proses peninputan data oleh agen berupa data
agen yang akan di simpan di tabel agen, kemudian admin juga akan menginput data
barang yang jugan akan tersimpan pada tabel barang.
Selanjutnya pada proses pemesanan user akan memesan barang lalu kemudian
system akan mengkonfirmasi ke admin.
Pada tahap pembayaran ,user akan membayar semua pesanannya dan kemudian
menginput bukti pembayaran data tersebut tersimpan pada tabel pembayaran.
Dan yang terakhir adalah laporan, dimana pada proses ini data pemesanan, data
pembayaran (keuangan), dan data barang (stok barang) akan di laporkan kepada
3.4.3 Flowchart
Berikut adalah flowchart yang penulis gunakan dalam sistem informasi
distribusi barang pecah belah pada usaha dagang Nasional di kota Kupang
berbasis web.
3.4.4 Sitemap
3.4.4.1 Sitemap User
User adalah pengunjung umum yang melihat semua informasi yang ada
pada website distributor pecah belah UD Nasional.. Pada saat user membuka
halaman website tersebut maka akan masuk pada halaman website tersebut
maka user akan melihat menu profil perusahaan, katalog produk, pemesanan,
dan about.
INDEX USER
BARANG PECAH BELAH VISI MISI PERUSAHAAN
SEJARAH PERUSAHAAN
BARANG DAPUR BARANG PLASTIK
ABOUT KATALOG PRODUK
PROFIL PERUSAHAAN
3.4.4.2Sitemap Admin
Admin mempunyai hak penuh terhadap data yang ada didalam website,
admin dapat menambah, mengubah, menghapus data pada website. Pada saat
admin telah melakukan login maka akan masuk pada halaman Home pada
website, pada halaman tersebut terdapat menu-menu untuk admin melakukan
pengelolaan data pada website tersebut.
INDEX ADMIN
OLAH BARANG PECAH BELAH OLAH BARANG DAPUR OLAH BARANG PLASTIK
DATA ABOUT OLAH
PEMESANAN DATA
KATALOG OLAH DATA
ADMIN DATA USER LOG OUT
3.4.5 Entity Relationship Diagram(ERD)
Entity Relationship Diagramyang berisikan komponen-komponen entitas
dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut.
Entity Relationship Diagram dari sistem operasi distribusi penjualan barang
pecah belah pada usaha dagang Nasional di kota Kupang berbasis web dapat
dilihat sebagai berikut ini :
BARANG
3.4.6 Kamus data
Kamus data merupakan sebuah daftar katalog fakta yang tersusun dari
elmen yang berhubungan dengan sistem. kamus yang berdasarkan
penggambaran tabel relasi dari sistem informasi yang dirancang dan diusulkan
adalah sebagai berikut:
Nama tabel : Tabel admin
Field tabel : User_name
Fungsi : Untuk keamanan data
Tabel 3.2 Tabel admin
No Nama_field Type Lebar Keterangan
1 User_name Text 20 Nama user
2 Password Char 10 Password user
Nama tabel : Tabel Barang
Field tabel : Kode_barang
Fungsi : Untuk merekam data – data barang masuk Tabel 3.3 Tabel barang
No Nama_field Type Lebar Keterangan
1 Kode_barang Autoincrement 10 Kode barang
2 Nama_ barang Varchar 20 Nama barang
3 Harga_ barang Varchar 10 Harga barang
4 Stok_barang Varchar 10 Stok barang
5 Gbr_barang Varchar 20 Gambar barang
Nama tabel : Tabel Agen
Field tabel : Kode_agen
Tabel 3.4 Tabel agen
No Nama_field Type Lebar Keterangan
1 Kode_agen Autoincrement 5 Kode agen
2 Nama_agen Text 5 Nama agen
3 Alamat_agen Varchar 20 Alamat agen
4 No_tlp_agen Varchar 20 No tlp agen
5 Nama_toko Text 20 Nama took
Nama tabel : Tabel pemesanan
Field tabel : Kode_pemesanan
Fungsi : untuk mengetahui data pemesanan
Tabel 3.5 Tabel pemesanan
No Nama_field Type Lebar Keterangan
1 Kode_pesan Autoincrement 5 Kode pesan
2 Kode_agen Autoincrement 5 Kode agen
3 Status Varchar 5 Kode barang
4 Tgl_pesan Date/time 10 Tgl pesan
5 Tanggal kirim Varchar 5 Jumlah barang
Nama tabel : Tabel Detail barang
Field tabel : Kode_barang
Fungsi : untuk melihat detail pemesanan
Tabel 3.6 Tabel Detail Barang
No Nama_field Type Lebar Keterangan
1 Kode_barang Autoincrement 5 Kode barang
2 Kode_agen Autoincrement 5 Kode agen
Nama tabel : Tabel Pembayaran
Field tabel : Kode_pembayaran
Fungsi : untuk mengetahui data pembayaran
Tabel 3.7 Tabel pembayaran
No Nama_field Type Lebar Keterangan
1 Kode_pembayaran Varchar 5 Kode pembayaran
2 Kode_pesan Varchar 5 Kode pesan
3 Total_harga Varchar 5 Total harga
4 Gambar Varchar 20 Nama gambar
5 Tanggal pembayaran Varchar 20 Nama gambar
6 Nama Agen Varchar 20 Nama gambar
Nama tabel : Tabel Saran
Field tabel : nama
Fungsi : untuk mengetahui data pembayaran
Tabel 3.8 Tabel Saran
No Nama_field Type Lebar Keterangan
1 nama Varchar 5 Nama
2 email Varchar 5 Email
3.4.7 Rancangan Interface 3.4.7.1 Rancangan Log In
Halaman log in merupakan halaman yang dapat diaksesoleh admin
perusahaan UD Nasional. Admin perusahaan UD Nasional memiliki hak
dalam mengelola dan mengatur seluruh fasilitas yang ada di dalam sistem
aplikai stok barang. Admin perusahaan UD Nasional mengelola seluruh
data yang masuk kedalam database dan berhak menghapus serta mengedit
data. Untuk mengakses halaman admin terlebih dahulu harus log in untuk
rancangaanya ditunjukan pada gambar 3.8 Admin dapat menggunakan
halaman admin yang merupakan halaman yang berisi transaksi – transaksi. berikut rancangan tabel log in pada gambar 3.8
Gambar 3.8 Rancangan halaman log in
L o g in d is in i
u s e rn a m e
p a s s w o rd
3.4.7.2Rancangan Interface Home
Halaman interface ini merupakan halaman awal website distributor
barang pecah belah pada UD Nasional yang dimana pada halaman ini akan
3.4.7.3Rancangan Interface Pemesanan
Pada saat user menekan tombol beli di salah satu gambar barang maka
akan muncul window popup yang bersisi form pesan untuk melakukan
proses pemesanan.
Gambar 3.10 Rancangan interface pemesanan 3.4.7.4 Rancangan Interface Pembelian
Setelah melakukan proses pemesanan selanjutnya akan masuk pada
form beli, dimana pada form beli user yang sudah melakukan pemesanan
Gambar 3.11 Rancangan interface pembelian 3.4.7.5Rancangan Interface admin
LOGO ADMIN
INPUT DATA
INPUT DATA
INPUT DATA
INPUT DATA
SIMPAN ULANG DATA ADMIN
DATA BARANG
DATA PEMESANAN
DATA USER
DATA KONTAK
3.5 Pengujian Sistem
Prosedur pengujian yang dilakukan terhadap sistem informasi ini adalah
dengan melakukan pengujian terhadap fungsionalitas setiap komponen penyusun
sistem untuk mengetahui berjalan sesuai dengan yang diharapkan atau tidak dan
pengujian konektifitas antar komponen penyusun sistem. Adapun indikator – indikator yang dipakai dalam menentukan berhasil atau tidaknya sistem berjalan
adalah :
a) Proses menjalankan website ini menggunakan internet
b) Pengguna berhasil melakukan login dan masuk kehalaman admin
dengan memasukan akun dengan level admin
c) Admin dapat melakukan proses mencari, menambah, menghapus dan
mengedit data yang ada pada website distributor barang pecah belah
pada UD Nasional
BAB IV
HASIL DAN PEMBAHASAN
4.1 Hasil
4.1.1 Hasil Implementasi Basisdata 1. Pembuatan Database
Setelah menginstal XAMPP maka PhpMyadmin dapat langsung
digunkan. Cara untuk menggunakanya adalah dengan mengetikan alamat “localhost/PhpMyadmin” pada broswer. Untuk membuat database baru dapat dilakukan dengan cara memasukan nama database kedalam textbox
yang tersedia dihalaman awal PhpMyadmin, dengan mengisi nama
database ud_nasioanal kemudian menekan tombol create maka database
telah berhasil dibuat.
2. Pembuatan Tabel
Disini penulis membuat 6 tabel, langkah pertama untuk membuat
tabel adalah dengan memilih nama database disebelah kiri, kemudian
masukan nama tabel beserta jumlah field yang dibutuhkan seperti gambar
berikut:
Gambar 4.2 Tampilan Membuat Tabel
3. Pembuatan Relasi Tabel
Disini penulis membuat relasi dari 6 tabel yang beralasi ,berikut
4.1.2 Hasil Implementasi Website
Sistem informasi distributor penjualan barang pecah belah pada usaha
dagang nasional di kupang berbasis web merupakan website yang melayani
penjualan barang-barang pecah belah secara online, proses pemesanananya
dan pembayarannya bisa dari website tersebut, berikut merupakan tampilan
awal yang ada pada website tersebut :
Gambar 4.4 Tampilan Home
1. Tampilan Login Admin
Login merupakan tahap awal masuk kedalam halaman admin, pada saat
proses login admin harus mengisi username dan password dan jika berhasil maka
admin akan masuk ke halaman admin, berikut adalah tampilannya :
2. Tampilan Halaman Daftar Agen
Daftar agen merupakan persyaratan agan user yang ingin melakukan
pembelian pada website ini, dikarenakan pada saat user ingin membayar user
harus melakukan proses login yang di dapat pada saat daftar agen, berikut
adalah tampilannya :
Gambar 4.6 Tampilan Daftar Agen
3. Tampilan Konfirmasi Pembayaran
Konfirmasi Pembayaran merupukan tampilan untuk mengonfirmasi
pembayaran yang berguna untuk melihat pemesanan yang belum sempat
4. Tampilan Cek Status Pemesanan
Tampilan cek status merupakan tampilan untuk mengecek pemesanan
agen apabila blum dikirim maka akan ada pemberitahuan sedang diproses dan
kalau sudah dikirim maka akan muncul tanggal pengirimannya, berikut adalah
tampilannya :
Gambar 4.8 Tampilan Cek Status Pemesanan
5. Tampilan Halaman Kategori Barang Plastik
Halaman kategori barang plastik berisi barang-barang plastic
dan pada halaman ini user juga bias mencari barang lalu dapat
langsung membelinya, berikut adalah tampilannya :
6. Tampilan Halaman Kategori Barang Pecah Belah
Halaman kategori barang pecah belah berisi barang-barang pecah
belah dan pada halaman ini user juga bias mencari barang lalu dapat
langsung membelinya, berikut adalah tampilannya :
Gambar 4.10 Tampilan Halaman Kategori Barang Belah
7. Tampilan Halaman Kategori Barang Dapur
Halaman kategori barang pecah belah berisi barang-barang dapur dan
pada halaman ini user juga bias mencari barang lalu dapat langsung
8. Tampilan Halaman Sejarah Perusahaan
Halaman sejarah perusahaan berisi sejarah perusahaan, dekripsi
umum perusahaan, dan jenis usaha yang dikelola, berikut adalah
tampilannya :
Gambar 4.12 Tampilan Halaman Sejarah Perusahaan
9. Tampilan Halaman Visi Dan Misi
Halaman visi dan misi hanya menampilkan visi misi dan struktur
organisasi perusahaan UD Nasional, berikut adalah tampilannya :
10. Tampilan Halaman Kontak
Halaman kontak disini berisi tentang data lengkap perusahaan dan di
sertai lokasi yang menggunakan teknologi google maps. Dan pada halaman
ini user juga bisa mengomentari dan member saran kepada admin ataupun
pengelola perusahaan, berikut adalah tampilanya :
Gambar 4.14 Tampilan Halaman Kontak
11. Tampilan Keranjang Belanja
Tampilan ini berisi detail barang-barang yang telah dibeli oleh user
12. Tampilan Login Agen
Pada tampilan login agen disini akan digunakan user untuk bisa
masuk ke proses pembayaran, pada halaman ini user harus memasukan
username dan password dan jika user belum memiliki akun maka tersedia
juga dihalaman ini proses pendaftaran agen, berikuy adalah tampilannya :
Gambar 4.16 Tampilan Login Agen
13. Tampilan Halaman Pembayaran
Pada halaman user dapat melihat data pembelian sekaligus data
agenya, dan pada halaman ini user harus menginput foto bukti
pembayarannya agar dapat melakukan proses pembayaran, berikut adalah
tampilanya :
14. Tampilan Cek Status Pengiriman
Pada halaman ini user harus menginput kode pemesanan seperti pada
gambar 4.7 baru akan masuk ke halaman ini, dan pada halaman ini user
dapat melihat status pengirimannya jika sudah terkirim maka akan muncul
juga dengan tanggal kirimnya jika belum maka tanggalnya akan kosong saja,
berikut adalah tampilanya :
Gambar 4.18 Tampilan Status Pengiriman
15. Tampilan Halaman Data Admin
Pada halaman ini berisi penginputan data admin, edit admin, dan juga
hapus admin, pada halaman ini juga menyediakan proses pencarian data,
16. Tampilan Halaman Data Barang
Pada halaman ini berisi penginputan data barang, edit barang, dan juga
hapus barang, pada halaman ini juga menyediakan proses pencarian data,
dan untuk kapasitas peninputan data gambar maksimal 500000 dan Hanya
format JPG, JPEG, PNG & GIF yang di izinkan, berikut adalah tampilannya
:
Gambar 4.20 Tampilan Halaman Data Barang
17. Tampilan Halaman Data Pemesanan
Pada halaman ini akan menampilkan data pemesanan yang telah
dilakukan oleh user, dan untuk data lebih lengkapnya ada pilihan detail
pesan, berikut adalah tampilanya :
18. Tampilan Detail Barang
Pada halaman ini akan menampilkan data detail pemesanan yang telah
dilakukan oleh user, dan pada halaman ini admin juga dapat mengubah
status pemesanan yang akan dilihat oleh user nanti, admin juga bisa
mengupdate stok barang, berikut adalah tampilannya :
Gambar 4.22 Tampilan Halaman Detail Barang
19. Tampilan Halaman Data Agen
Pada halaman ini akan menampilkan data agen dan juga ada proses
pencarian agar dapat mempermudah admin untuk mencari data agen, berikut
20. Tampilan Halaman Data Agen
Pada halaman ini akan menampilkan data saran ataupun komentar yang
diberi oleh user beserta alamat emailnya jadi admin juga bisa membalas
saran dan komentarnya melalui email, berikut adalah tampilannya :
Gambar 4.24 Tampilan Halaman Data Kontak
4.2 Pembahasan
4.2.1 Proses Pembuatan Database
Dalam pembuatan database yang digunakan pada sistem ini diperlukan sebuah aplikasi yaitu, XAMPP. XAMPP berfungsi sebagai web server,
PhpMyadmin sebagai aplikasi pengelolaan database dan Mysql sebagai
database server. Berikut adalah langkah – langkah dalam pembuatan database dan tabel – tabel yang dibutuhkan oleh Sistem Informasi Distributor Penjualan Barang Pecah Belah Pada Usaha Dagang Nasional Di Kupang Berbasis Web,
yaitu tabel admin, tabel agen, tabel barang, tabel pemesanan, tabel
4.2.2 Proses Pembuatan Tampilan Aplikasi 1. Pembuatan Halaman Login Admin
Berikut adalah kode pembuatan proses login admin, pada proses login
admin yaitu admin menginput username dan password yang akan disimpan
ke tabel admin, kemudian pada saat proses login data tersebut akan di cek
ke tabel admin jika sesuai maka proses tersebut akan berhasil.
Gambar 4.25 Pembuatan Halaman Login Admin
2. Pembuatan Halaman Daftar Agen
Berikut adalah kode pembuatan proses daftar agen, pada proses
tersebut agen akan menginput data diri ke form-form dan akan tersimpan
3. Pembuatan Halaman Konfirmasi Pembayaran
Berikut adalah kode pembuatan proses konfirmasi pembayaran, pada
proses ini data pembayaran akan dicari ke tabel pembayaran berdasarkan
kode pesannya jika kode pesannya ada maka akan tampil data
pemesannanya.
Gambar 4.27 Pembuatan Halaman Konfirmasi Pembayaran
4. Pembuatan Halaman Cek Status Pemesanan
Berikut adalah kode pembuatan proses cek status pemesanan, pada
proses ini data pembayaran akan dicari ke tabel pemesanan berdasarkan
kode pesannya.
5. Pembuatan Halaman Cek Login Pembayaran
Berikut adalah kode pembuatan proses login pembayaran, pada proses
ini data yang sudah di input oleh agen berupa username dan passwordnya
akan di input kembali ke tabel pemesanan lalu data yang sudah di input akan
di cek ke tabel agen jika sesuai berarti proses login berhasil.
Gambar 4.29 Pembuatan Halaman Cek Login Pembayaran
6. Pembuatan Halaman Pembayaran
Berikut adalah kode pembuatan proses pembayaran, pada proses ini
data yang sudah di input oleh agen berupa detail barang dan data agen yang
telah tersimpan tabel pemesanan, tabel agen dan tabel detail barang akan di
tampilkan kembali untuk melakukan proses pembayaran yang dan data
7. Pembuatan Halaman Detail Barang
Berikut adalah kode pembuatan proses detail barang, pada proses ini
akan menampilakan data dari tabel pembayaran yang sudah disimpan
kemudian data tersebut bisa bisa olah seperti pengupdatan stok barang
,pengeditan status pemesanan dan penghapusan data pemesanan.
Gambar 4.31 Pembuatan Ubah Status Pemesanan
Gambar 4.33 Pembuatan Hapus Data Pemesanan
4.3 Pengujian
4.3.1 Pengujian Fasilitas Sistem
1. Tabel Pengujian Login
Tabel 4.1 Pengujian Login
Prosedur Input Pengamatan Kesimpulan
Masukan username
2. Pengujian Input Data Admin
Tabel 4.2 Pengujian Input Data Admin
Prosedur Input Yang diharapkan Pengamatan Kesimpulan
form data
secara
lengkap lalu
klik tambah
data
password data yang baru
diinput
ditabel
disamping form
pengisisan data
admin
3. Pengujian Edit Data Admin
Tabel 4.3 Pengujian Edit Data Admin
Prosedur Edit Yang diharapkan Pengamatan Kesimpulan
Admin
Data dirubah Data berubah sesuai
4. Pengujian Hapus Data Admin
Tabel 4.4 Pengujian Hapus Data Admin
Prosedur Input Yang diharapkan Pengamatan Kesimpulan
Admin
5. Pengujian Input Data Barang
Tabel 4.5 Pengujian input Data Barang
Prosedur Edit Yang
6. Pengujian Edit Data Barang
Tabel 4.6 Pengujian Edit Data Barang
Prosedur Edit Yang
Data dirubah Data berubah sesuai
Tabel 4.7 Pengujian Hapus Data Barang
Prosedur Hapus Yang diharapkan Pengamatan Kesimpulan
Admin
Data terhapus Data terhapus sesuai
8. Pengujian Input Daftar Agen
Tabel 4.8 Pengujian Input Daftar Agen
Prosedur Input Yang
9. Pengujian Pembelian Barang
Tabel 4.9 Pengujian Pembelian Barang
Prosedur Yang diharapkan Pengamatan Kesimpulan
10. Pengujian Login Agen
Tabel 4.10 Pengujian Login Agen
Prosedur Input Yang diharapkan Pengamatan Kesimpulan
Agen
11. Pengujian Cek Status Pemesanan
Tabel 4.11 Pengujian Cek Status Pemesanan
Prosedur Input Yang diharapkan Pengamatan Kesimpulan
Agen
12. Pengujian Konfirmasi Pembayaran
Tabel 4.12 Pengujian Konfirmasi Pembayaran
13. Pengujian Ubah Status Pemesanan
Tabel 4.13 Pengujian Ubah Status Pemesanan
Prosedur Edit Yang
14. Pengujian Pengupdetan Stok Barang
Tabel 4.14 Pengujian Pengupdetan Stok Barang
Prosedur Yang diharapkan Pengamatan Kesimpulan
4.3.2 Pengujian Kompatibilitas Sistem
Pengujian web ini menggunakan beberapa aplikasi web browser ,dan
hasil pengujian tersebut adalah ada beberapa web browser yang kompatibel
dan ada juga beberapa web browser yang tidak kompatibel, seperti terlihat
pada tabel 4.15.
Tabel 4.15 Pengujian Kompatibilitas Sistem
Web Browser Kompatibel
1. Mozila Firefox
2. Google Chrome
3. Internet explorer (Windows
XP3)
4. Opera
5. Uc Browser
-
BAB V PENUTUP
5.1Kesimpulan
Berdasarkan percobaan yang telah dilakukan, penulis menggunakan
XAMPP yang berfungsi sebagai web server, PhpMyadmin sebagai aplikasi
pengelolaan database dan Mysql sebagai database server dan PHP sebagai
bahasa pemogramannya, sehingga dapat diambil kesimpulan sebagai berikut :
1. Pada sistem ini user dapat melakukan pemesanan secara online
2. Dalam proses pemesanan user dipermudah denga proses login agar
user tidak menginput data secara berulang
3. User dapat mengecek pemesanan yang telah dilakukan apakah sedang
diproses ataupun sudah dikirim
4. Untuk menjaga keamanan administrator, admin harus melakukan
proses login terlebih dahulu untuk masuk ke halaman pengelolaan
admin
5.2Saran
Adapaun saran yang dapat diberikan penulis untuk pengembangan sistem ini
kedepan yaitu pengembangan system bisa menangani dalam proses
pembayaran online dan notifikasi ke agen berupa SMS maupun Email
DAFTAR PUSTAKA
Agung, Gregorius. 2014. MySQL untuk Pemula. PT Elex Media Komputindo. Jakarta.
Hakim, Lukmanul. 2014. Rahasia Master PHP & MYSQLi (improved). Loko Media.Yogyakarta.
Hartono, J.,2001. Analisis dan desain system informasi: pendekatan terstruktur teori dan praktik aplikasi bisnis. Penerbit Andi. Yogyajarta
Puspitosari, Heni A. 2010. Pemograman Web Database dengan PHP & MYSQL. Skripta. Malang.
Pratama, I Putu Agus Eka. 2013. Sistem Informasi dan Implemetasinya. Informatika. Bandung.
Sutarbi, Tata. 2012. Konsep Sistem Informasi. Andi. Jakarta.
Sarwono, Jonathan. 2012. Metode Riset Online: Teori, Praktik dan Pembuatan Aplikasi Menggunakan HTML, PHP dan CSS. Loko Media. Jakarta
Tim EMS. 2016. All in One Web Programming. PT Elex Media Komputindo. Jakarta.
