KERJAPRAKTIK Index Of Downloa dpmb

PERANCANGAN DAN PENGEMBANGAN SISTEM INFORMASI
ADMINISTRASI PERSEDIAAN BERBASIS WEB
DI CV. KHASANAH

LAPORAN KERJA PRAKTEK
Disusun Untuk Melengkapi Persyaratan Skripsi (S1)
Pada Program Studi Teknik Informatika

Oleh:
ALFIAN DWI BUDIYANTO
120103039

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
STMIK DUTA BANGSA
SURAKARTA
2015

i

HALAMAN PERSETUJUAN

Nama

: Alfian Dwi Budiyanto

NIM

: 120103039

Program Studi

: Teknik Informatika

Judul Laporan

: Perancangan Dan Pengembangan Sistem Informasi
Administrasi Persediaan Berbasis WEB di CV. Khasanah

Telah disetujui oleh pembimbing pada :
Hari/Tanggal

:

Menyetujui,
Pembimbing I

Pembimbing II

Joni Maulindar, S.Kom., M.Eng.

Jaka Suripto, S.E.

Mengetahui,
Pimpinan/Diretur Instansi

Deddy Marsudi

ii

HALAMAN PENGESAHAN

Nama

: Alfian Dwi Budiyanto

NIM

: 120103039

Program Studi

: Teknik Informatika

Judul Laporan

: Perancangan Dan Pengembangan Sistem Informasi
Administrasi Persediaan Berbasis WEB di CV. Khasanah

Telah dipertahankan di hadapan penguji seminar kerja praktik sebagai syarat
untuk menempuh Skripsi pada program studi Teknik Informatika.

Hari/Tanggal

:

Mengesahkan,
Dosen Penguji

Pipin Widyaningsih, M.Kom.

Mengtahui,
Ketua STMIK Duta Bangsa Surakarta

Drs. Singgih Purnomo, MM.

iii

KATA PENGANTAR

Puji syukur penulis ucapkan kepada Tuhan Yang Maha Esa yang dengan
keagungan-Nya telah memberikan banyak anugerah ilmu, rezeki, serta kesehatan

yang berlimpah. Sehingga penulis dapat menyusun laporan kerja praktek sesuai
dengan waktu yang telah ditentukan.
Sehubungan dengan akan dilaksanakannya penulisan skripsi, mahasiswa
perlu dibekali wawasan yang luas dan pengalaman dalam penerapan teknologi
informasi dalam organisasi terutama organisasi bisnis. Untuk itu, setiap
mahasiswa diwajibkan melaksanakan Kerja Praktek (KP) dan pada akhir kegiatan
diharuskan mengumpulkan laporan KP.
Ucapan terima kasih penulis berikan kepada :
1. Bapak Deddy Marsudi selaku pimpinan CV. Khasanah
2. Bapak Drs. Singgih Purnomo, M. M., selaku Ketua STMIK Duta Bangsa
Surakarta
3. Bapak Wijiyanto, S. Kom., M.pd., M. Kom., selaku Pembantu Ketua I Ketua
STMIK Duta Bangsa Surakarta
4. Orang tua penulis yang selalu mendukung dan menfasilitasi penulis dalam
kegiatan belajar.
5. Bapak Joni Maulindar, S. Kom. ,M.Eng., selaku Ketua Program Studi Teknik
Informatika serta selaku Pembimbing I
6. Bapak Jaka Suripto, S. E., selaku Pembimbing II

iv

7. Rekan-rekan satu angkatan jurusan Teknik Informatika STMIK Duta Bangsa
Surakarta
Penulis menyadari penyusunan laporan ini masih jauh dari sempurna.
Oleh karena itu, penulis mengharapkan adanya kritik dan saran yang
membangun dari pembaca. Akhir kata penulis mengharapkan semoga laporan
ini dapat bermanfaat bukan saja bagi penulis tetapi juga bermanfaat bagi
pihak perusahaan dan memperluas pengetahuan dan wawasan pembaca,
khususnya rekan–rekan mahasiswa.

Surakarta,

September 2015
Penulis

v

DAFTAR ISI

Halaman Judul.................................................................................................. i

Halaman Persetujuan........................................................................................ ii
Halaman Pengesahan........................................................................................ iii
Kata Pengantar.................................................................................................. iv
Daftar Isi........................................................................................................... vi
Daftar Gambar.................................................................................................. viii
Daftar Tabel...................................................................................................... ix
BAB I PENDAHULUAN................................................................................. 1
1.1 Latar Belakang..................................................................................... 1
1.2 Perumusan Masalah............................................................................. 2
1.3 Batasan Masalah.................................................................................. 2
1.4 Tujuan.................................................................................................. 3
1.5 Manfaat................................................................................................ 3
1.5.1 Manfaat Teoritis........................................................................... 3
1.5.2 Manfaat Praktis............................................................................ 4
1.6 Metodologi Penelitian.......................................................................... 4
1.6.1 Metode Pengumpulan Data.......................................................... 4
1.6.2 Metode Pengembangan Sistem.................................................... 5
1.7 Waktu dan Tempat Pelaksanaan.......................................................... 6
1.8 Sistematika Penulisan.......................................................................... 6
BAB II LANDASAN TEORI........................................................................... 9

2.1 Sistem Administrasi Pesediaan............................................................ 9
2.1.1 Sistem........................................................................................... 9
2.1.2 Admisnistrasi............................................................................... 10
2.2 Aplikasi Berbasis Web........................................................................ 10
2.2.1 Intranet......................................................................................... 12
2.2.2 HTML.......................................................................................... 12
2.2.3 PHP.............................................................................................. 12
2.2.4 CSS.............................................................................................. 13
2.2.5 XAMPP........................................................................................ 14
2.2.6 MYSQL........................................................................................ 15
2.2.7 Sublime Text................................................................................. 15
2.3 DFD (Data Flow Diagram)................................................................. 15
2.4 ERD (Entity Relationship Diagram)................................................... 16
2.5 Flowchart............................................................................................. 18
2.5.1 Jenis-Jenis Flowchart................................................................... 18
2.5.2 Simbol Flowchart........................................................................ 19
BAB III TINJAUAN UMUM.......................................................................... 22
3.1 Profil Institusi...................................................................................... 22
3.2 Visi dan Misi Perusahaan.................................................................... 22
3.2.1 Visi............................................................................................... 22

vi

3.2.2 Misi.............................................................................................. 23
3.3 Struktur Organisasi.............................................................................. 23
3.4 Tugas dan Pembagian Kerja................................................................ 24
3.5 Objek Kerja Praktik............................................................................. 25
3.5.1 Flowchart Sistem yang Berjalan.................................................. 25
3.5.2 Tempat Kerja Praktik................................................................... 28
BAB IV PEMBAHASAN................................................................................ 29
4.1 Perencanaan Sistem............................................................................. 29
4.2 Analisis Sistem.................................................................................... 29
4.2.1 Analisis Kelemahan Sistem......................................................... 30
4.2.2 Analisis Kebutuhan...................................................................... 32
4.2.2.1 Analisis Kebutuhan Sistem.............................................. 32
4.2.2.2 Kebutuhan Perangkat Keras............................................ 32
4.2.2.3 Kebutuhan perangkat Lunak............................................ 33
4.2.2.4 Kebutuhan Operasional................................................... 33
4.3 Desain.................................................................................................. 34
4.3.1 Perancangan Flowchart................................................................ 34

4.3.1.1 Flowchart Sistem yang Disusulkan................................. 35
4.3.2 Perancangan Diagram Konteks.................................................... 38
4.3.3 Diagram Berjenjang..................................................................... 39
4.3.4 Perancangan DFD (Data Flow Diagram).................................... 41
4.4 Perancangan Basis Data....................................................................... 46
4.5 Perancangan Antarmuka...................................................................... 50
BAB V PENUTUP........................................................................................... 67
5.1 Kesimpulan.......................................................................................... 67
5.2 Saran.................................................................................................... 68
DAFTAR PUSTAKA....................................................................................... 69
LAMPIRAN

vii

DAFTAR GAMBAR
Gambar 3.1 Bagan Struktur Organisasi............................................................ 23
Gambar 3.2 Flowchart Prosedur Sistem Pembelian yang Berjalan................. 25
Gambar 3.3 Flowchart Prosedur Sistem Penjualan yang Berjalan................... 27
Gambar 3.4 Peta Lokasi CV. Khasanah........................................................... 28
Gambar 4.1 Flowchart Prosedur Sistem Penbelian yang Diusulkan................ 35

Gambar 4.2 Flowchart Prosedur Sistem Penjualan yang Diusulkan................ 37
Gambar 4.3 Diagram Konteks.......................................................................... 38
Gambar 4.4 Diagram Berjenjang...................................................................... 39
Gambar 4.5 DFD Level 0.................................................................................. 41
Gamabr 4.6 DFD Level 1 Input........................................................................ 43
Gambar 4.7 DFD Level 1 Transaksi................................................................. 44
Gambar 4.8 DFD Level 1 Laporan................................................................... 45
Gambar 4.9 Interface login............................................................................... 50
Gambar 4.10 Interface index/home................................................................... 51
Gambar 4.11 Interface Data Supplyer.............................................................. 52
Gambar 4.12 Interface Input Data Supplyer..................................................... 52
Gambar 4.13 Interface Data Pelanggan............................................................ 53
Gambar 4.14 Interface Input Data Pelanggan.................................................. 54
Gambar 4.15 Interface Data Barang................................................................. 55
Gambar 4.16 interface Input Data Barang........................................................ 55
Gambar 4.17 Interface Data Pegawai............................................................... 56
Gambar 4.18 Interface Data Pesanan............................................................... 57
Gambar 4.19 Interface Transaksi Pembelian.................................................... 58
Gambar 4.20 Interface Transaksi Penjualan..................................................... 59
Gambar 4.21 Interface Nota Faktur Penjualan................................................. 60
Gambar 4.22 Interface Laporan Pembelian Barang......................................... 61
Gambar 4.23 Interface Laporan Penjualan Barang.......................................... 63
Gambar 4.24 Interface Katalog Barang............................................................ 65

viii

DAFTAR TABEL
Table 2.1 Simbol Data Flow Diagram............................................................. 16
Tabel 2.2 Simbol Flowchart............................................................................. 19
Tabel 4.1 Analisis Kinerja (Performance)........................................................ 30
Tabel 4.2 Analisis Informasi (Information)...................................................... 30
Tabel 4.3 Analisis Biaya (Economy)................................................................ 30
Tabel 4.4 Analisis Pengendalian (Control)...................................................... 31
Tabel 4.5 Analisis Efisiensi (Efficiency).......................................................... 31
Tabel 4.6 Analisis Pelayanan (Service)............................................................ 31
Tabel 4.7 Spesifikasi Database Pengguna........................................................ 46
Tabel 4.8 Spesifikasi Database Pegawai.......................................................... 47
Tabel 4.9 Spesifikasi Database Supplyer.......................................................... 47
Tabel 4.10 Spesifikasi Database Pelanggan..................................................... 48
Tabel 4.11 Spesifikasi Database Barang.......................................................... 48
Tabel 4.12 Spesifikasi Database Pembelian..................................................... 49
Tabel 4.13 Spesifikasi Database Penjualan
4

ix

BAB I
PENDAHULUAN
1.1 Latar Belakang
CV. Khasanah merupakan perusahaan menengah yang yang berkembang pada
penyediaan

barang

informatika,

jasa

pelayanan

dan

pemasangan

alat

telekomunikasi, serta jasa pengembangan sistem pada suatu instansi atau biasa
disebut konsultan sistem. Namun meskipun perusahaan ini berkembang pada
kategori perusahaan telekomunikasi tapi untuk sistem yang digunakan masih
menggunakan

sistem yang dilakukan secara manual. Salah satu sistem yang

dilakukan secara manual tersebut adalah sistem administrasi yang sedang berjalan
di perusahaan tersebut.
Sistem administrasi yang diterapkan memiliki kelemahan dalam proses
pencarian data oleh admin dengan menggunakan buku besar dan sebuah komputer
desktop yang bersifat statis dan belum efektif sehingga menimbulkan
permasalahan baik dalam manajemen perusahaan maupun dari luar perusahaan.
Hal ini dapat menimbulkan permasalahan pada ketepatan waktu yang membuat
perusahaan tidak cepat bertindak. Selain itu dalam penulisan laporan masih ada
kekurangan, penulisan yang belum sesuai pedoman penulisan yang baik, dan
model pencarian data yang lama karena terkendala pada arsip-arsip sehingga
harus membaca satu persatu. Dari permasalahan tersebut penulis kemudian ingin
merancang sebuah sistem administrasi yang baru yang diharapkan hasilnya dapat
memperbaiki sistem administrasi yang lama sehingga dapat mempermudah dalam
proses pencarian, menekan kemungkinan adanya deadline atau batas waktu yang

1

2

pendek. Penulis merancang sebuah sistem administrasi berbasis web sebagai
pengganti

sistem

yang

sebelumnya

yang

akan

mempermudah

admin

menyelesaikan pekerjaannya dengan mudah dan cepat dan aman.
Dengan perancangan sistem administrasi yang baru ini diharapkan dapat
diterapkan dan meningkatkan produktifitas kerja pada perusahaan tersebut yang
kemudian dapat diterapkan pada perusahaan-perusahaan lainnya.

1.2 Perumusan Masalah
Berdasarkan latar balakang diaras, makan dapat dirumuskan permasalahan,
yaitu “Bagaimana merancang aplikasi sistem administrasi berbasis web pada CV.
Khasanah?”

1.3 Batasan Masalah
Batasan masalah dalam pembahasan laporan praktek ini adalah :
1.

Perancangan aplikasi berbasis web.

2.

Aplikasi dibangun dengan menggunakan Sublime Text sebagai text editor,
Bootstrap sebagai

CSS Framework, serta menggunakan bahasa

pemrograman PHP.
3.

Aplikasi dibangun dengan database MySQL.

4.

Aplikasi memanfaatkan jaringan Intranet.

5.

Perancangan ini meggunakan metodologi waterfall yang hanya meliputi
perencanaan, analisis, dan desain.

3

6.

Pengguna meliputi administrator, gudang, dan marketing yang mana
mempunyai hak akses dari pengguna tersebut.

7.

Proses input dipegang oleh penggunanya masing-masing.

8.

Proses output menggunakan print dotmatrik dengan kertas rangkap tiga.

1.4 Tujuan
Tujuan dari penelitian, perancangan dan pengembangan sistem administrasi
persediaan dalam menunjang penulisan laporan kerja praktek, antara lain :
a.

Merancang sistem yang bermanfaat bagi perusahaan.

b.

Mengembangkan sistem yang dapat mengatasi permasalahan yang ada di
perusahaan.

1.5 Manfaat
Manfaat yang terdapat dalam penulisan laporan kerja praktek terbagi menjadi
2 bagian, yaitu manfaat teoritis dan manfaat praktis. Adapun manfaat teoritis dan
praktis, sebagai berikut :
1.5.1

Manfaat Teoritis

a.

Kegunaan teoritis ataupun kegunaan akademis untuk jurusan teknik
informatika sebagai sumbangan pemikiran ilmiah dari ilmu yang telah
diperoleh pada jurusan tersebut, dan menjadikan perbandingan dengan
dunia kerja nantinya.

4

b.

Kegunaan bagi mahasiswa, berguna untuk melatih kemampuan dan
menerapkan pengetahuan yang telah diperoleh di bangku perkuliahan di
jurusan teknik informatika.

c.

Kegunaan bagi penulis, analisis ini dapat berguna bagi penulis itu sendiri
dan sebagai bahan referensi bagi penulis lain.

1.5.2

Manfaat Praktis
Dalam merancang sistem administrasi berbasis web ini dapat diterapkan di

CV. Khasanah yang membutuhkan proses sistem.

1.6 Metodologi Penelitian
1.6.1

Metode Pengumpulan Data
Metode pengumpulan data merupakan suatu metode atau cara untuk

mendapatkan data-data yang dibutuhkan. Metode yang digunakan adalah :
1.

Wawancara
Metode yang dilakukan dengan cara menanyakan hal-hal yang mendukung
perancangan aplikasi, dengan narasumber dari pihak perusahaan.

2.

Studi Pustaka
Metode yang dilakukan dengan cara mengumpulkan bahan dan materi
teori yang mendukung dalam pengumpulan data, diantaranya meliputi
jurnal, skripsi, laporan kerja praktek, majalah, referensi-referensi, dan
bahan buku lainnya.

5

3.

Studi Lapangan
Melakukan pengamatan dan analisa langsung terhadap kegiatan di
lapangan, kemudian akan diberikan solusinya.

1.6.2

Metode Pengembangan Sistem
Menurut Jogiyanto (2005:59) metode pengembangan sistem adalah

metode-metode, prosedur-prosedur, konsep-konsep pekerjaan yang akan digukam
untuk mengembangkan suatu sistem infomasi.
Metodologi yang digunakan penulis adalah menggunakan model waterfall
merupakan urutan kegiatan/aktivitas yang dilakulan dalam pengembangan sistem
mulai dari penentuan masalah, analisis kebutuhan, perancangan sistem,
pengkodean, uji sistem, dan pemeliharaan. Model ini menawarkan cara
pembuatan perangkat lunak secara nyata.
Adapun langkah-langkah dalam metode waterfall Dalam penelitian ini
adalah sebagai berikut :
a.

Perencanaan
Tahapan ini merupakan kegiatan pengumpulkan data valid dan menentukan
variabel yang digunakan untuk mendukung perancangan sistem.

b.

Analisa
Menganalisa suatu sistem yang telah ada dengan tujuan merancang sistem
baru. Dan mengetahui kekurangan – kekurangan dalam sistem yang sedang
berjalan serta mengumpulkan kebutuhan secara lengkap kemudian dianalisis
dan didefinisikan kebutuhannya.

6

c.

Desain
Mendesain perancangan sistem dapat digambarkan sebagai gambaran sistem
yang akan digunakan.

d.

Pengkodean
Menerjemahkan dari analisis dan desain yang telah disepakati kedalam
bahasa pemrograman yang sesuai.

e.

Pengujian
Pengujian yang dilakukan untuk mengetahui kesalahan yang sering muncul
dari pembuatan sistem.

f.

Pemeliharaan
Proses perawatan sistem untuk memperbaharui, melengkapi, dan memperbaiki
sistem secara berkala.

1.7 Waktu dan Tempat Pelaksanaan
Waktu pelaksanaan

: 14 Juli - 20 September 2014

Tempat pelaksanaan

: CV. KHASANAH

Alamat Perusahaan

: Jalan Pajajaran Timur III No. 7, Sumber,
Banjarsari, Surakarta, Jawa Tengah.
Telp./Fax (0271) 730992.

1.8 Sistematika Penulisan

7

Penyusunan penulisan laporan kerja praktek ini dilaksanakan dengan beberapa
metode dan format susunan yang terbagi ke dalam beberapa bab, yang terdiri
dari :
BAB I : PENDAHULUAN
Berisi tentang beberapa hal umum tentang maksud dan tujuan penulisan laporan
kerja praktek, serta pelaksanaan kerja praktek, sebagai acuan dalam pembuatan
sistem penunjang keputusan, yang terdiri dari latar belakang dilaksanakannya
kerja praktek, perumusan masalah, batasan masalah, tujuan dari diadakannya kerja
praktek, manfaat penulisan, metode pelaksanaan, waktu dan tempat pelaksanaan,
serta sistematika dalam penyusunan laporan kerja praktek.
BAB II : LANDASAN TEORI
Berisi teori-teori pendukung yang digunakan dalam pembuatan sistem informasi.

BAB III : TINJAUAN UMUM
Menjelaskan tentang sejarah berdirinya CV. Khasanah , visi dan misi, struktur
organisasi, wewenang dan jabatan, serta objek kerja praktek.
BAB IV : PEMBAHASAN
Menjelaskan tentang analisis sistem yang berisi analisis kelemahan sistem,
analisis kebutuhan sistem, pembahasan sistem sedang berjalan dan sistem sedang
dikembangkan yang berisikan konsep, alur, rancangan sistem yang berisikan
ERD, DFD, Flowchart, relasi antar tabel, desain input, dan desain output.
BAB V : KESIMPULAN DAN SARAN
Berisi tentang kesimpulan dari penelitian dan hasil akhir dari pemecahan masalah
setelah dibuat perancangan sistem angsuran rekening serta saran yang dianggap

8

penting atau dijalankan pada masa yang akan datang untuk kesempurnaan hasil
penelitian atau pemecahan masalah.

DAFTAR PUSTAKA
Berisi daftar pustaka atau referensi-referensi baik berupa media cetak maupun
media elektronik yang dapat dijadikan acuan dalam pembuatan laporan kerja
praktek.

BAB II
LANDASAN TEORI
2.1 Sistem Administrasi Persediaan
Dalam pembuatan sistem administrasi persediaan ini diperlukan beberapa
dasar – dasar teori yang mendukung, sehingga dapat diperoleh data dan
variabel yang dapat digunakan secara valid.
2.1.1

Sistem
Menurut Jimmy L.Goal (2008:9), “sistem adalah hubungan satu

unit dengan unit-unit lainnya yang saling berhubungan satu sama lainnya
dan yang tidak dapat dipisahkan serta menuju satu kesatuan dalam rangka
mencapai tujuan yang telah ditetapkan. Apabila suatu unit macet atau
terganggu, unit lainnya pun akan terganggu untuk mencapai tujuan yang
telah ditetapkan tersebut”.
Berfikir sistem berarti mengakui adanya berbagai segmen atau
bagian yang masing-masing mempunyai sasaran sendiri. Setiap organisasi
pun sebenarnya dapat dicerna sebagai satu sistem. Ia dilihat sebagai satu
sosok yang di dalamnya terdiri atas bagian, dan masing-masing bagian
mempunyai sasaran yang seperti itu pula. Seorang dilevel manajer, baru
berhasil mencapai sasaran dan tujuan organisasionalnya, jika ia mampu
memandang organisasinya sebagai satu sistem atau sebagai satu
keseluruhan, memahami jalinan hubungan dan tingkat interrelasi, serta
mengintegrasikan seluruh unit atau bagian organisasi dalam satu aktivitas

9

10

yang memungkinkan tercapainya sasaran dan tujuan organisasi secara
efisien.
2.1.2

Administrasi
Menurut Syamsi (1985:10) “administrasi adalah seluruh kegiatan

dalam setiap usaha kerjasama yang dilakukan oleh sekelompok atau lebih
orang-orang secara bersama-sama dan simultan untuk mencapai tujuan
yang telah ditetapkan”.
Sedangkan menurut Soepardi (1988:7) “ administrasi adalah
keseluruhan proses kegiatan-kegiatan kerja sama yang dilakukan oleh
sekelompok atau lebih oarang-orang secara bersama-sama dan simultan
untuk mencapai tujuan yang telah ditetapkan.

2.2 Aplikasi Berbasis WEB
Web merupakan sistem hypermedia yang berarea luas yang ditujukan
untuk akses secar universal. Salah satu kuncinya adalah kemudahan tempat
seseorang atau perusahaan dapat menjadi bagian dari web (Hanson ; 2000)
Web merupakan sistem yang menyebabkan pertukaran data di internet
menjadi mudah dan efisien.
Web terdiri atas 2 komponen dasar, yaitu :
1. Server web : Sebuah komputer dan software yang menyimpan dan
mendistribusikan data ke komputer lainnya melalui internet.

11

2. Browser web : Software yang dijalankan pada komputer pemakai atau
client yang meminta informasi dari server web yang menampilkannya
sesuai dengan file data itu sendiri.
Menurut Hardjono (2006;2) Web merupakan fasilitas hiperteks untuk
menampilkan data berupa teks, gambar, suara, animasi, dan data multimedia
lainnya.
Dengan mengembangkan kemampuan HTML, yakni dengan menggunakan
perangkat lunak tambahan, perubahan informasi dalam halaman-halaman web
dapat ditangani melalui perubahan data bukan melalui program. Sebagai
implementasinya, aplikasi web dapat dikoneksikan ke database. Dengan
demikian, perubahan informasi dapat dilakukan oleh operator atau yang
bertanggung jawab terhadap kemutakhiran data dan tidak menjadi tanggung
jawab pemrogram atau web master.
Konsep yang mendasari aplikasi web sebenarnya sederhana. Operasi yang
melatarbelakanginya melibatkan pertukaran informasi antara komputer yang
meminta informasi yang disebut client, dan komputer yang memasok
informasi (atau disebut server). Secara lebih detail, server yang melayani
permintaan dari client sesungguhnya berupa suatu perangkat lunak yang
dinamakan webserver. Secara internal, webserver inilah yang berkomunikasi
dengan perangkat lunak lain yang disebut middleware dan middleware inilah
yang berhubungan dengan database. Model seperti inilah yang mendukung
web dinamis. Dengan menggunakan web dinamis, dimungkinkan untuk
membentuk aplikasi berbasis web yang berinteraksi dengan database.

12

2.2.1

INTRANET
Menurut M.Syukrie (2008:94) “Intranet merupakan suatu teknik

jaringan dimana aplikasi yang berjalan disembunyikan oleh pihak tertentu
untuk kalangan internal perusahaan atau instansi tertentu”.
2.2.2

HTML
Menurut Sibero (2012:19), “HTML (Hyper Text Markup

Language) adalah bahasa yang digunakan pada dokumen web sebagai
bahasa untuk pertukaran dokumen web”.
Menurut Hadi (diakses pada tanggal 30 Desember 2015 di
http://faculty.petra.ac.id/ido/tutorial/html/sekilas_html.htm),

“HTML

adalah dokumen text yang bisa dibaca untuk dipublikasikan di World
Wide Web (WWW), dan semua nama file dokumen HTML mempunyai
ekstensi html atau htm”.
Berdasarkan pendapat para ahli yang dikemukakan di atas dapat
ditarik kesimpulan bahwa HTML adalah HTML adalah bahasa yang
sangat tepat dipakai untuk menampilkan informasi pada halaman web,
karena HTML menampilkan informasi dalam bentuk hypertext dan juga
mendukung sekumpulan perintah yang dapat digunakan untuk mengatur
tampilnya informasi tersebut, sesuai dengan namanya, bahasa ini
menggunakan tanda (markup) untuk menandai perintah-perintahnya..
2.2.3

PHP
Menurut Diar Puji Octavian (2010:31) “PHP (PHP Hypertext

Prosesor) adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa

13

pemograman berbasiskan kode-kode (script) yang di gunakan untuk
mengolah suatu data dan mengirimkannya kembali ke web browser
menjadi kode HTML”.
Hypertex Preprocessor (PHP) adalah skrip yang berjalan pada
server side yang ditambahkan dalam HTML. PHP itu sendiri merupakan
singkatan dari Personal HomePage Tools. Skrip ini akan membuat suatu
aplikasi yang dapat diintegrasikan kedalam HTML sehingga suatu halaman
HTML tidak lagi bersifat statis, namun menjadi bersifat dinamis. Sifat
server side membuat pengerjaan skrip tersebut dikerjakan di server
sedangkan yang dikirimkan kepada browser adalah hasil proses dari skrip
tersebut yang sudah berbentuk HTML.
PHP dibuat pada tahun 1994 oleh Rasmus Lerdfort. Tetapi
dikembangkan oleh orang lain dan setelah melalui tiga kali karya
penulisan, akhirnya PHP menjadi bahasa Pemograman Web. PHP adalah
sebuah produk yang berbentuk open source, sehingga source code-code
dari PHP dapat digunakan, diganti, diedit tanpa harus membayar atau
dikenakan biaya (Betha Sidik, 2001).
2.2.4

CSS
Menurut Astamal (2006:42) CSS (Cascading Style Sheet) adalah

suatu teknologi yang digunakan untuk mempermudah pembuatan suatu
tampilan sebuah website.
CSS merupakan singkatan dari Cascading Style Sheet yang
berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik

14

dari tag maupun atribut standar HTML (Hypertext Markup Language).
CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format
tampilan dan dapat digunakan untuk mengontrol tampilan banyak
dokumen secara bersama. Keuntungan menggunakn CSS yaitu jika kita
ingin mengubah format dokumen, maka tidak perlu mengedit satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS
langsung dalam kode HTML atau simpan file tersendiri berekstensi *.css.
dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk
mengontrol tampilan dalam banyak dokumen secara langsung. CSS
mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu
elemen pada dokumen HTML dalam bentuk properti elemen tersebut.
Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini,
memberikan kemungkinan penyusunan struktur suatu halaman HTML
dengan lebih fleksibel. CSS merupakan bagian/subset dari yang sangat
berperan dalam DHTML (H. Supriansyah dan Kartoyo, 30 Menit Menjadi
Webmaster, 2006).
2.2.5

XAMPP
Menurut Yogi wicaksono (2008:7) “XAMPP adalah sebuah

software yang berfungsi untuk menjalankan website berbasis PHP dan
menggunakan pengolah data MySQL dikomputer local”.

XAMPP

berperan sebagai server web pada komputer anda. XAMPP juga dapat
disebut sebuah CPanel server virtual, yang dapat membantu anda

15

melakukan preview sehingga dapat memodifikasi website tanpa harus
online atau terakses dengan internet.
2.2.6

MYSQL
Menurut Anhar (2010:45) “MySQL adalah salah satu databases

management system (DBMS) dari sekian banyak DBMS seperti Oracle,
MS SQL, Postagre SQL, dan lainya”. MySQL berfungsi untuk mengolah
database menggunakan bahasa SQL. MySQL bersifat open source
sehingga kita bisa menggunakannya secara gratis. Pemograman PHP juga
sangat mendukung/ support dengan database MySQL.
MySQL disini nantinya sudah termasuk didalamnya aplikasi
XAMPP dengan menggunakan phpmyadmin.
2.2.7

SUBLIME TEXT
Menurut Sitomurang (diakses pada tanggal 30 Desember 2015 di

http://repository.usu.ac.id/bitstream/123456789/40850/4/Chapter
%20II.pdf ) “Sublime Text adalah sebuah penyunting teks dan penyunting
kode sumber yang berjalan di sistem operasi Windows. Sublime Text dapat
menampilkan dan menyuntingan teks dan berkas kode sumber berbagai
bahasa pemrograman”.

2.3 DFD (Data Flow Diagram)
Menurut Whitten (2007:317), data flow diagram adalah sebuah model
proses yang digunakan untuk menggambatkan aliran daya yang ada dalam
sebuah sistem atau proses yang dijalankan oleh sistem. Yang membedakan

16

data flow diagram dengan flowchart menunjukkan aliran control dari suatu
program. Sebuah data flow diagram dapat juga digunakan untuk visualiasasi
dari proses data.
Tabel 2.1 simbol Data Flow Diagram
Sumber : Duta Publisher, 2012
Lambang

Pengertian
External agent

Penjelasan
Manusia, organisasi, atau
unit

organisasi

berinterajsu
Process Name

sistem.
Nama

yang
dengan

entisitas

atau

proses yang dikerjakan
Data Flow

oleh sistem.
Arus data yang keluar
dan yang masuk dalam

Data Store

sistem.
Tempat

penyimpanan

data

2.4 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.
Pada dasarnya ada tiga simbol yang digunakan, yaitu :

17

a. Entiti
Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat
dibedakan dari sesuatu yang lain. Simbol dari entiti ini biasanya
digambarkan dengan persegi panjang.
b. Atribut
Setiap entitas pasti mempunyai elemen yang disebut atribut yang
berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari
atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu
dengan yang lain. Gambar atribut diwakili oleh simbol elips.
c. Hubungan / Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang
berbeda.

Relasi

dapat

digambarkan

sebagai

berikut

:

Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B)
dalam satu basis data yaitu:
1.

Satu ke satu (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.

2.

Satu ke banyak (One to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan
banyak entitas pada himpunan entitas B, tetapi setiap entitas pada
entitas B dapat berhubungan dengan satu entitas pada himpunan
entitas A.

18

3.

Banyak ke banyak (Many to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan
banyak entitas pada himpunan entitas B.

2.5 Flowchart
Menurut Maulana (2013), flowchart atau bagan alir adalah bagan yang
menunjukan alir di dalam program atau prosedur sistem kerja logika.
Flowchart terutama untuk alat bantu komunikasi dan untuk dokumentasi.
2.5.1

Jenis-Jenis Flowchart
Ada beberapa jenis flowchart, diantaranya adalah :

1. Bagan Alir Sistem (System Flowchart), adalah bagan yang menunjukan
arus pekerjaan secara keseluruhan dari sistem. Bagan alir sistem
menunjukan apa yang dikerjakan di sistem.
2. Bagan Alir Dokumen (Document Flowchart), adalah bagan alir yang
menunjukan arus dari laporan dan formulir termasuk tembusan –
tembusannya. Flowchart ini juga sering disebut Form Flowchart atau
Paperwork Flowchart.
3. Bagan Alir Skematik (Schematic Flowchart), adalah bagan alir yang
mirip dengan bagan alir sistem, yaitu untuk menggambarkan prosedur di
dalam sistem. Perbedaannya adalah bagan alir skematik selain
menggunakan simbol – simbol bagan alir sistem juga menggunakan
gambar – gambar komputer dan peralatan lain yang digunakan.

19

4. Bagan Alir Program (Program Flowchart), merupakan bagan yang
menjelaskan secara rinci langkah – langkah dari proses program.
5. Bagan Alir Proses (Process Flowchart), merupakan bagan alir yang
banyak digunakan di teknik industri. Bagan alir ini juga berguna bagi
analis sistem untuk menggambarkan proses dalam suatu prosedur.
2.5.2

Simbol Flowchart
Tabel 2.2 Tabel simbol – simbol flowchart
Sumber : Maulana, 2013

No
.
1.

Nama
Dokumen

Simbol

Keterangan
Sebuah dokumen atau laporan.
Dokumen dapat dibuat dengan
tangan atau cetak oleh

2.

Pemrosesan

komputer.
Sebuah fungsi pemrosesan yang

Komputer

dilaksanakan oleh komputer,
biasanya menghasilkan data

3.

Keying (typing

atau informasi.
Menunjukan pemasukan data

verifying)

kedalam komputer melalui
online terminal atau perangkat

4.

Arsip

terminal input/output.
Arsip dokumen disimpan dan
diambil secara manual. Huruf
didalamnya menunjukan cara

20

5.

6.

Arus Dokumen/

pengurutan arsip.
Arah arus dokumen atau

Pemrosesan

pemrosesan; arus normal adalah

Penghubung

ke kanan atau ke bawah.
Menghubungkan bagian alir

Dalam Sebuah

pada halaman yang sama.

Halaman

Simbol ini digunakan untuk
menghindari terlalu banyak
anak panah yang saling

7.

Penghubung Pada

melintang.
Menghubungkan bagian alir

Halaman Berbeda

pada halaman yang berbeda.
Simbol ini digunakan untuk
menghindari terlalu banyak
anak panah yang saling

8.

Terminal

melintang.
Digunakan untuk memulai,
mengakhiri atau titik henti
dalam sebuah proses atau

9.

Keputusan

program.
Sebuah tahap pembuatan
keputusan; digunakan dalam
bagan alir program komputer
untuk menunjukan cabang bagi

10.

Operasi Manual

alternatif cara.
Menunjukan proses yang

21

dikerjakan secara manual.
11.

12.

Penyimpanan/

Menunjukan akses langsung

Storage

perangkat peyimpanan.

Input / Output

Proses input output data,
parameter dan informasi.

BAB III
TINJAUAN UMUM
3.1 Profil Institusi
Perusahaan CV. Khasanah dibangun berdasarkan kompetensi yang dimiliki
dibidang perdagangan alat, peralatan, suku cadang komputer, installasi listrik,
installasi telepon dan internet, penyedia layanan komunikasi dengan didukung
oleh tenaga yang berpengalaman dan kemampuan yang baik.
CV. Khasanah berdiri pada tahun 1997, yang berawal dari usaha rental dan
wartel. Pada tahun 2003, CV. Khasanah memperluas bidang dan pengukuhan
usaha serta terdaftar pada badan usaha resmi. CV. Khasanah kini berkonsentrasi
pada bidang telekomunikasi telepon, internet, dan komputer. CV. Khasanah
bekerja sama dengan sekolah-sekolah di Surakarta.
Dalam rangka memsukseskan program pemerintah yang menyangkut dunia
perusahaan, CV. Khasanah telah membuktikan diri mampu menangani proyekproyek yang diterima hingga pada perawatan yang rutin. Hal tersebut dikarenakan
penanganan diprioritaskan untuk peningkatan kualitas pendidikan di Indonesia.

3.2 Visi dan Misi Perusahaan
3.2.1

VISI

Perusahaan yang cepat dalam lingkungan bisnis dan teknologi telekomunikasi
juga menuntut menejemen perusahaan untuk berwawasan ke depan, oleh karena
itu dirumuskan visi yang menjadi arah perusahaan sebagai berikut : “Menjadikan

22

23

perusahaan terkemuka di Indonesia dibidang penyedia telekomunikasi dan
informatika yang berkiprah di pasar Domestis dan Internasional”.
3.2.2

MISI

Dalam menjalankan usahanya CV. Khasanah mempunyai misi, yaitu :
“Menjadi

perusahaan

yang

dapat

memenuhi

kebutuhan

dalam

bidang

telekomunikasi dan informatika professional, baik perangkat keras dan perangkat
lunak”.

3.3 Struktur Organisasi
Sebagai pondasi dasar bagi kegiatan operasional, setiap perusahaan
memerlukan suatu struktur organisasi yang mampu memberikan gambaran
mengenai tugas dan lini tanggung jawab yang harus dijalankan. Berikut adalah
pola sususan organisasi dan tugas dari CV. Khasanah :

Direktur

Administrator
Marketing

Bagian Teknisi

Bagian ICTdan
Software

Bagian Gudang

Gambar 3.1 Bagan Struktur organisasi CV. Khasanah
Sumber (CV. Khasanah)

24

3.4 Tugas dan Pembagian Kerja
1.

Direktur, bertugas sebagai pemilik CV. Khasanah yang memiliki tugas
terpenting sebagai pemegang penuh kendali perusahaan dan dalam
pengambilan keputusan harus disetujui oleh Direktur perusahaan.

2.

Marketing, bertugas untuk memperkenalkan dan memasarkan produk baik
barang maupun jasa serta berhubungan dengan mitra kerja atau perusahaan
lain yang bekerja sama dengan CV.Khasanah.

3.

Administrasi, bertugas menghitung, membuat neraca, serta membuat laporanlaporan yang diperlukan oleh Direktur.

4.

Bagian

Teknisi,

bertugas

menangani

kebutuhan

client

mengenai

permasalahan-permasalahan yang dialami client.
5.

Bagian ICT dan Software, bertugas menangani kebutuhan client mengenai
teknologi informasi dan software.

6.

Bagian Gudang, bertugas untuk mendata dan memeriksa produk-produk yang
ada di CV. Khasnah.

25

3.5 Obyek Kerja Praktek
3.5.1

Flowchart Sistem yang Berjalan

Mulai

Pembuatan
Nota

Pemesanan
Barang

Nota

Pengiriman
Barang

Mendata
Barang

Mendata
Barang

Nota

Data Daftar Barang

Membuat
Laporan
Pembelian

Membuat
Katalog
Daftar Barang

Katalog Barang

Laporan Pembelian

Laporan Pembelian

Persetujuan
Pembayaran

Pembayaran

LUNAS?

T

Y

Selesai

Gambar 3.2 Flowchart prosedur sistem pembelian yang berjalan
di CV. Khasanah
Alur data yang terjadi pada gambar 3.2 adalah sebagai berikut :
Administrastor memulai pemesanan barang kepada supplyer, kemudian
supplyer membuat nota faktur dan mengirimkan barang yang dipesan.

26

Administrator menerima dan mendata nota sesuai tempo pembayaran kemudian
barang diambil oleh bagian gudang untuk didata. Data barang yang telah ditulis
kemudian disalin oleh marketing untuk dijadian katalog barang yang bermanfaat
untuk penawaran barang kepada pelanggan. Administrator membuat laporan
pembelian dan diserahkan kepada direktur setelahnya direktur menandatangani
berkas kemudian administrator melakukan pembayaran sesuai tempo yang
disepakati. Apabila belum lunas maka transaksi pembayaran diulang sampai
lunas. Apabila sudah lunas maka transaksi pembelian selesai.

27

Mulai

Menawarkan
Barang yang
dijual

Pemesanan
Barang

Mendata
Pesanan

Cek
Ketersediaan
Barang

T

Data Pesanan

ADA?

Y

Pembuatan
Nota

Pembayaran

LUNAS?

T

Y

Nota Pembelian

Nota Penjualan

Membuat
Laporan
Penjualan

Selesai

Laporan Penjualan

Laporan Penjualan

Gambar 3.3 Flowchart prosedur sistem penjualan yang berjalan
di CV. Khasanah
Alur data yang terjadi pada gambar 3.3 adalah sebagai berikut :
Marketing memulai menawarkan barang kepada pelanggan kemudian
pelanggan yang tertarik memesan barang. Setelah memesan barang, marketing
mendata pesanan dan diberikan kepada bagian gudang untuk dicek apakah barang
tersedia. Apabila barang tidak tersedia maka kembali kepada pelanggan. Apabila

28

barang tersedia maka administrator membuatkan nota setelah itu pelanggan
melakukan pembayaran, apabila belum lunas maka melakukan pembayan lagi,
apabila sudah lunas maka diberikan nota lunas dan transaksi selesai.
Administrator membuat laporan penjualan setiap bulan untuk diberikan kepada
direktur.
3.5.2

Tempat Kerja Praktek

Obyek kerja praktek meliputi denah atau peta lokasi CV. Khasanah adalah
sebagai berikut :

Gambar 3.4 Peta Lokasi CV. Khasanah
( Sumber : Google Maps )

BAB IV
PEMBAHASAN
4.1 Perencanaan Sistem
Dalam melakukan perencanaan sistem, peneliti mengumpulkan data yang
diperlukan meliputi data administrasi, data gudang, dan data yang mendukung
untuk membangun sistem baru. Data yang telah dikumpulkan kemudian dilakukan
pemetaan berdasarkan jenis-jenisnya, setelah itu peneliti mengumpulkan
referensi-referensi yang mendukung dan berhubungan dengan sistem yang akan
dibuat. Selanjutnya peneliti melakukan analisis masing-masing sistem untuk
mendapatkan hasil yang sesuai tujuan pembuatan sistem baru. Dari hasil analisis
yang

telah

dilakukan

dapat

diambil

komponen-komponen

yang

akan

dimanfaatkan untuk mendesain sistem yang akan dibuat.
4.2 Analisis Sistem
Dalam melakukan analisis sistem diperlukan identifikasi masalah yang sedang
terjadi pada sistem lama. Permasalahan yang timbul pada sistem lama yaitu belum
dapat melakukan transaksi secara realtime pada waktu yang bersamaan antara
administrasi dengan bagian gudang dan marketing serta pencarian data yang
cukup lama. Sehingga permasalahan tersebut dapat menghambat transaksi dan
pelayanan pada perusahaan tersebut. Jadi peneliti membuat sistem baru yang
dapat melakukan transaksi secara realtime dan pencarian data secara cepat yang
diharapkan dapat menangani permasalahan pada perusahaan tersebut.

29

30

4.2.1

Analisis Kelemahan Sistem
Dalam melakukan analisis untuk mengetahui kelemahan sistem yang

sedang berjalan menggunakan metode kerangka berfikir PIECES (Performance,
Information, Economy, Control, Effeciency, Service) sebagai berikut :
Tabel 4.1 Analisis Kinerja (Performance)
Pengukuran
Kinerja
(Performance
)

Indikato
r
Database

Sistem Lama
Belum
menggunakan
database.

Sistem Baru
Menggunakan
database
MySQL
dari phpmyadmin dan
berfungsi
secara
penuh
mendukung
perintah
pencarian
data yang cepat dan
akurat.

Tabel 4.2 Analisis Informasi (Information)
Pengukuran
Informasi
(Information)

Indikato
r
Tepat
Waktu
Akurat

Sistem Lama
Memakan waktu
lama
dalam
pengaksesan
data.
Data
yang
dihasilkan
belum
akurat
karena
terkadang data
yang dicari tidak
sesuai dengan
kriteria
yang
diinginkan

Sistem Baru
Pengaksesan
lebih cepat.

data

Data yang dihasilkan
lebih akurat karena
penampilan
data
disesuaikan
dengan
kriteria
pencarian
menggunakan
database.

Tabel 4.3 Analisis Biaya (Economy)
Pengukuran

Indikato
r

Sistem Lama

Sistem Baru

31

Biaya
(Economy)

Biaya

Dengan
model
pencarian
data
yang relatif lama
serta
transaksi
yang belum dapat
dilakukan secara
bersamaan
terkadang
pelanggan
memilih
untuk
mencari
barang
ditempat
lain
sehingga barang
tertimbun
dan
rugi.

Menggunkan sistem
komputerisasi yang
model
pencarian
data lebih cepat dan
dapat
melakukan
transaksi
secara
bersamaan
dapat
membuat
peningkatan
pendapatan.

Tabel 4.4 Analisis Pengendalian (Control)
Pengukuran
Pengendalian
(Control)

Indikato
r
Kontrol
Informasi

Sistem Lama

Sistem Baru

Kontrol
terhadap antar
informasi masih
kurang
serta
bersifat individu
karena sistem
belum
terhubung atau
terkoneksi.

Lebih
mudah
terkoneksi
pada
operator lain dengan
jaringan intranet dan
dapat diakses dalam
waktu
yang
bersamaan
tanpa
mengalami masalah.

Tabel 4.5 Analisis Efisiensi (Effeciency)
Pengukuran
Efisiensi
(Effeciency)

Indikato
r
Efisiensi
dari
setiap
proses

Sistem Lama

Sistem Baru

Proses transaksi
belum
dilakukan
secara
bersamaan dan
pada
waktu
yang sama

Proses transaksi dapat
dilakukan
secara
bersamaa dan pada
waktu yang sama
serta
dan
saling
terhubung
antar
pengguna

32

Tabel 4.6 Analisis Pelayanan (Service)
Pengukuran
Pelayanan
(Service)

4.2.2

Indikato
r
Layanan

Sistem Lama

Sistem Baru

Proses pencarian
data
dan
transaksi
yang
memerlukan
waktu
lama
membuat
pelayanan
kepada
pelanggan
menjadi
terganggu.

Proses pencarian data
dana transaksi yang
lebih cepat dan saling
terhubung membuat
palayanan
kepada
pelanggan lancar.

Analisis Kebutuhan

4.2.2.1 Analisis Kebutuhan Sistem
Perancangan sistem yang sedang dikembangkan tentunya memerlukan
beberapa kebutuhan seperti kebutuhan perangkat keras, kebutuhan perangkat
lunak. Dengan analisis kebutuhan sistem, diharapkan sistem yang akan dibangun
dapat diuraikan secara utuh menjadi komponen-komponen dasar dengan tujuan
identifikasi, mengevaluasi permasalahan dan kebutuhan yang diharapkan, dan
analisis ini dilakukan untuk menjamin bahwa sistem yang dibangun sesuai dengan
kebutuhan dari obyek penelitian.
4.2.2.2 Kebutuhan Perangkat Keras
Perangkat keras yang dipakai dalam pembuatan sistem administrasi
berbasis web ini adalah sebagai berikut :
1.

Prosessor

: 1,7 GHz

33

2.

Memori RAM

: 128 megabytes (MB) (512 MB atau lebih disarankan).

3.

Ruang Harddisk : 10 Gigabytes (GB) (15 GB atau lebih disarankan).

4.

Peripheral pendukung seperti mouse, keyboard, layar monitor.

5.

Perangkat jaringan seperti wifi atau kabel UTP, switch/hub, digunakan untuk
menerapkan jaringan intranet.

4.2.2.3 Kebutuhan Perangkat Lunak
Perangakat lunak yang dipakai dalam pembuatan sistem administrasi
berbasis web ini ini adalah sebagai berikut :
1. Sistem Operasi Windows XP SP2.
2. Sublime Text 2 atau Notepad++ sebagai text editor untuk menuliskan kodekode algoritma pembuatan aplikasi.
3. Web browser yang digunakan untuk menampilkan antarmuka sistem. (Google
Chrome disarankan karena mendukung antarmuka yang baik).
4. XAMPP sebagai localserver.
5. MySQL sebagai database atau wadah data sistem.
4.2.2.4 Kebutuhan Operasional
Kebutuhan operasional merupakan sumber daya atau operator yang
dibutuhkan untuk menjalankan sistem. CV. Khasanah merupakan perusahaan
yang berkiprah di dunia IT dan mempunyai karyawan yang berkompeten dan
mampu untuk menjadi administrator aplikasi yang handal. Namun karyawan yang
sedang menjabat sebagai administrator bukan merupakan lulusan ahli komputer,

34

sehingga untuk menerapkannya dibutuhkan kursus singkat untuk melatih supaya
operator tersebut menjadi administrator yang handal tanpa harus menggantinya.

4.3 Desain
4.3.1

Perancangan Flowchart
Perancangan

menyederhanakan

flowchart
rangkaian

digunakan
proses

atau

dengan
prosedur

tujuan
untuk

utama

untuk

memudahkan

pemahaman pengguna terhadap informasi tersebut agar inputan yang dimasukkan
dapat menghasilkan outputan yang sesuai dengan harapan operator.

35

4.3.1.1 Flowchart Sistem yang Diusulkan

Mulai

Pembuatan
Nota

Pemesanan
Barang

Nota

Pengiriman
Barang

Cek Barang

Nota Pembelian
Input Data
Barang

Input Data
Pembelian

DATABASE

Cetak Data
Barang

Cetak
Laporan
Transaksi
Pembelian

LUNAS?

Katalog Barang

Laporan Pembelian

Laporan Pembelian

Pembayaran

Persetujuan
Pembayaran

T

Y

Selesai

Gambar 4.1 Flowchart prosedur sistem pembelian yang diusulkan
di CV. Khasanah
Alur data yang terjadi pada gambar 4.1 adalah sebagai berikut :

36

Administrastor memulai pemesanan barang kepada supplyer, kemudian
supplyer membuat nota faktur dan mengirimkan barang yang dipesan.
Administrator menerima dan menginputkan data nota sesuai tempo pembayaran
ke database kemudian barang diberikan ke bagian gudang untuk cek barang yang
dipesan dan menginputkan data barang ke database. Marketing men-download
data barang untuk dijadian katalog barang yang bermanfaat untuk penawaran
barang kepada pelanggan. Administrator mencetak laporan transaksi pembelian
dan diserahkan kepada direktur setelahnya direktur menandatangani berkas
kemudian administrator melakukan pembayaran sesuai tempo yang disepakati.
Apabila belum lunas maka transaksi pembayaran diulang sampai lunas. Apabila
sudah lunas maka transaksi pembelian selesai.

37

Mulai

Menawarkan
Barang yang
dijual

Pemesanan
Barang

Input Data
Pesanan

DATABASE

T

Cetak Nota
Penjualan

Cek Persediaan
Barang

TERSEDIA?

Y

Pembayaran

LUNAS?

T

Y

Nota Pembelian

Nota Penjualan

Pembuatan Laporan
Penjualan

Laporan Penjualan

Laporan Penjualan

Selesai

Gambar 4.2 Flowchart prosedur sistem penjualan yang diusulkan
di CV. Khasanah

alur data yang terjadi pada gambar 4.2 adalah sebagai berikut :
Marketing memulai menawarkan barang kepada pelanggan kemudian
pelanggan yang tertarik memesan barang. Setelah memesan barang, marketing
menginput data pesanan dan dan dikirm kepada administrator dan bagian gudang.

38

Bagian melakukan cek persediaan barang apabila barang tidak tersedia maka
kembali kepada pelanggan sedangkan apabila barang tersedia maka administrator
mencetak nota, setelah itu pelanggan melakukan p