SISTEM INFORMASI DISTRIBUSI PENJUALAN BA (1)

SISTEM INFORMASI DISTRIBUSI PENJUALAN BARANG PECAH BELAH PADA USAHA DAGANG NASIONAL DI KOTA KUPANG BERBASIS WEB TUGAS AKHIR OLEH: UMAR JAFAR

NIM. 1323733628

Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Pendidikan Diploma III Politeknik Negeri Kupang

JURUSAN TEKNIK ELEKTRO KONSENTRASI TEKNIK KOMPUTER DAN JARINGAN POLITEKNIK NEGERI KUPANG

MOTO 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 1323733628

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

…………………………… NIP. 19790101 200801 2 040

2. Gloria Ch. Manulangga, ST, M.MT

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 Politeknik Negeri Kupang

Maria Dolorosa Badjowawo, ST, MT NIP. 19700103 199512 2 001

BAB V. KESIMPULAN DAN SARAN

5.1 KESIMULAN .......................................................................................................... 60

5.2 SARAN .................................................................................................................... 60 DAFTAR PUSTAKA

LAMPIRAN

Tabel 4.12 Pengujian Konfirmasi Pembayaran ................................................................. 57 Tabel 4.13 Pengujian Ubah Status Pemesanan ................................................................. 58 Tabel 4.14 Pengujian Pengupdetan Stok Barang .............................................................. 58 Tabel 4.15 Pengujian Kompitibiltas Sistem ...................................................................... 59

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 daerah tersebut.

Beberapa kelemahan dalam proses pemesanan yang terjadi pada perusahaan tersebut adalah seringnya keterlambatan pemesanan dikarenakan informasi dari Beberapa kelemahan dalam proses pemesanan yang terjadi pada perusahaan tersebut adalah seringnya keterlambatan pemesanan dikarenakan informasi dari

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 Di Kota Kupang Berbasis Web.

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

d. Menjangkau lebih banyak konsumen di setiap daerahnya

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

Masukan ( input ) adalah energi yang dimasukkan ke dalam 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 atau menyesatkan.

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 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 yang terdapat dalam situs web tersebut, misalnya situs-situs yang 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 yang terdapat dalam situs web tersebut, misalnya situs-situs yang

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 seperti email bagi member dan lain-lain. Fokus situs ini adalah sebagai gerbang dan facebook bagi situs 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 network ing 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 network ing juga. Tetapi tidak berfokus pada friend relationship seperti situs network ing. 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 berita.

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 perdagangan online .

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. Hubungan one to one ini dapat dilihat pada gambar 2.1.

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, 2001).

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 server nya, 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 selanjut nya 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: <HTML>

<head> <title> contoh program </title> </head> <body> welcome to ud nasional <br> <? PHP

printf (“Tanggal : %s”, Date (“D M Y “)); ?> </body> </HTML>

Kode diatas disimpan dengan ekstensi .PHP. Kode PHP diawali dengan <? dan diakhiri dengan ?>. Pasangan kedua kode inilah yang berfungsi sebagai tag kode PHP. Berdasarkan tag inilah server dapat memahami kode 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 menyampaikan ke client.

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 basic nya). 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 melebihi para pesaingnya.

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:

Tabel 2.1 Simbol-simbol flowchart

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 manual, simbolnya seperti pada gambar 2.7.

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.

Tabel 2.2 Simbol – simbol entity relationship diagram

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, 2013).

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

Tahun 2016 No

Jenis Kegiatan

Agustus

Sept

Oktober Nov

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

10 Revisi & Pengumpulan Laporan 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 pemrograman.

 Desain sistem

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

Pada tahap ini, penulis melakukan analisa terhadap struktur kebutuhan yang akan digunakan pada sistem.

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:

owner

Laporan Pembayaran Laporan Pemesanan Laporan Stok Barang

Data agen Data pembayaran

Data barang

Data pemesanan

admin

Sistem informasi

ditributor barang

agen

Data pemesanan

Bukti pembayaran

Gambar 3.2 Diagram Konteks

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)

DATA BARANG

1.0 DATA BARANG

ADMIN BARANG

INPUT

DATA

DATA AGEN

DATA AGAEN

AGEN

PEMESANAN BARANG

DATA BARANG

DATA PEMESANAN

DATA PEMESANAN

JUMLAH PEMESANAN

DATA PEMBAYARAN 3.0

BUKTI PEMBAYARAN

DATA PEMBAYARAN

BUKTI PEMBAYARAN

BUKTI PEMBAYARAN

LAPORAN

DATA PEMBAYARAN

4.0 DATA PEMESANAN OWNER

PEMBAYARAN

LAPORAN PEMESANAN

LAPORAN

DATA BARANG

LAPORAN DATA STOK BARANG

Gambar 3.3 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 owner .

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.

mulai

Distributor

Agen memesan ke distributor

tidak

Apakah stok Barang tersedia

ya

tidak

Agen melakukan transaksi dengan

Apakah Status

distributor

transaksi berhasil

ya

Pembayaran

Barang dikirim ke agen

Barang diterima

agen

selesai

Gambar 3.4 flowchart

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

PROFIL PERUSAHAAN

KATALOG PRODUK

ABOUT

SEJARAH PERUSAHAAN

BARANG PLASTIK

VISI MISI PERUSAHAAN

BARANG DAPUR

BARANG PECAH BELAH

Gambar 3.5 Sitemap User

3.4.4.2 Sitemap 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 DATA DATA

OLAH

ADMIN KATALOG

PEMESANAN

DATA USER

DATA ABOUT LOG OUT

OLAH BARANG PLASTIK

OLAH BARANG DAPUR

OLAH BARANG PECAH BELAH

Gambar 3.6 Sitemap Admin

3.4.5 Entity Relationship Diagram (ERD)

Entity Relationship Diagram yang 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 :

KODE_BARANG NAMA_TOKO

HARGA BARANG

NAMA_BARANG

NAMA_AGEN

NO_HP

STOK BARANG

GAMBAR_BARANG

KODE_AGEN

KODE_PESAN STATUS

KODE_AGEN

TGL KIRIM

TGL PEMESANAN

DETAIL BARANG

PEMBAYARAN

KODE_BARANG

KODE_PEMBAYARAN

NAMA_AGEN

KODE_PESAN JUMLAH_BARANG KODE_PESAN

TGL PEMBAYARAN

TOTAL_HARGA

GAMBAR

Gambar 3.7 Entity Relationship Diagram ( ERD )

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 Fungsi

: Untuk merekam data – data 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

3 Status Varchar 5 status

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 saran Varchar 5 Saran

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

L o g in d is in i

Gambar 3.8 Rancangan halaman log in

3.4.7.2 Rancangan Interface Home Halaman interface ini merupakan halaman awal website distributor barang pecah belah pada UD Nasional yang dimana pada halaman ini akan menampilkan semua tampilan menu-menu.

Gambar 3.9 Rancangan interface home

3.4.7.3 Rancangan 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 diharuskan mengunggah bukti pembayaran.

Gambar 3.11 Rancangan interface pembelian

3.4.7.5 Rancangan Interface admin

Berikut di bawah adalah halaman interface admin.

LOGO ADMIN

DATA ADMIN

DATA BARANG

INPUT DATA

DATA PEMESANAN

INPUT DATA

DATA USER

DATA KONTAK

INPUT DATA

INPUT DATA

SIMPAN

ULANG

Gambar 3.12 Rancangan interface admin

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

d) User dapat melakukan pemesanan barang

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.

Gambar 4.1 Tampilan Database UD Nasional

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 adalah tampilanya :

Gambar 4.3 Tampilan Membuat Relasi Tabel

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 :

Gambar 4.5 Tampilan Login Admin

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 melakukan pembayaran, berikut adalah tampilannya :

Gambar 4.7 Tampilan Konfirmasi Pembayaran

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 :

Gambar 4.9 Tampilan Halaman Kategori Barang Plastik

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 membelinya, berikut adalah tampilannya :

Gambar 4.11 Tampilan Halaman Kategori Barang Dapur

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 :

Gambar 4.13 Tampilan Visi dan Misi Perusahan

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 beserta total harganya, berikut adalah tampilannya :

Gambar 4.15 Tampilan Keranjang Belanja

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 :

Gambar 4.17 Tampilan Halaman Pembayaran

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, berikut adalah tampilannya :

Gambar 4.19 Tampilan Halaman Data Admin

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 :

Gambar 4.21 Tampilan Halaman Data Pemesanan

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 adalah tampilannya :

Gambar 4.23 Tampilan Halaman Data Agen

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 pembayaran, dan tabel saran seperti terlihat pada gambar 4.2.

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 pada tabel agen.

Gambar 4.26 Pembuatan Halaman Daftar Agen

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.

Gambar 4.28 Pembuatan Halaman Cek Status Pemesanan

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 tersebut akan tersimpan di tabel pembayaran.

Gambar 4.30 Pembuatan Halaman Pembayaran

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.32 Pembuatan Ubah stok

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

Kesimpulan Masukan username

Masuk halaman data Sesuai dan password yang

benar lalu klik tombol submit Masukan username

Sesuai dan password yang

peringatan” Perhatian!

salah lalu klik

Username atau

tombol submit

Password anda

masukan salah ”

2. Pengujian Input Data Admin

Tabel 4.2 Pengujian Input Data Admin

Kesimpulan Admin

Prosedur

Input

Yang diharapkan

Pengamatan

sesuai mengisi

id admin

Data terimpan

Tersimpan dan

username

kemudian tampil akan muncul kemudian tampil akan muncul

password