LAPORAN KERJA PRAKTIK

PERANCANGAN SISTEM INFORMASI PENJUALAN

PRODUK BERBASIS WEB PADA GLATT DISTRO
CIKARANG

Oleh :
Nama : DESI WULANDARI
NIM : 311610306

PROGRAM TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS PELITA BANGSA

BEKASI

2020
LEMBAR PERSETUJUAN

ii
LEMBAR PENGESAHAN

iii
 KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT, Tuhan Yang Maha

Pengasih dan Maha Penyayang yang telah melimpahkan segala rahmat, hidayat

dan inayah-Nya kepada Penulis, sehingga laporan Kerja Praktik dengan Judul

"Perancangan Sistem Informasi Penjualan Produk Berbasis Web Pada Glatt Distro

Cikarang" dapat diselesaikan sesuai dengan rencana karena dukungan dari

berbagai pihak yang tidak ternilai besarnya. Oleh karena itu penulis

menyampaikan terimakasih kepada:

1. Bapak Hamzah Muhammad Mardiputra, S.K.M., MM sebagai Rektor

Universitas Pelita Bangsa

2. Ibu Putri Anggun Sari, S.Pt., M.Si sebagai Dekan Teknik Universitas

Pelita Bangsa

3. Bapak Aswan S. Sunge, SE, M.Kom sebagai Kaprodi Teknik Informatika

- S1

4. Bapak Muslih, S.Kom, M.Kom sebagai dosen pembimbing.

5. Bapak Didi Suryadi sebagai pembina kerja praktik dilokasi kerja praktik.

6. Orang Tua saya yang selalu memberikan dukungan dan doa.

7. Teman-teman di kelas TI.16.D.5 yang selalu memberikan motivasi dan

semangat.

8. Seluruh direksi Universitas Pelita Bangsa dan Glatt Distro Cikarang yang

tidak dapat saya sebutkan namanya satu persatu.

iv
Semoga Allah SWT memberikan balasan yang lebih besar kepada beliau, dan

pada akhirnya penulis berharap agar laporan Kerja Praktik ini dapat bermanfaat

dan berguna sebagaimana fungsinya.

Bekasi, 29 Februari 2020

Desi Wulandari

Nim 311610306

v
 DAFTAR ISI

LEMBAR PERSETUJUAN....................................................................................ii
LEMBAR PENGESAHAN....................................................................................iii
DAFTAR ISI...........................................................................................................vi
DAFTAR TABEL................................................................................................viii
DAFTAR GAMBAR..............................................................................................ix
DAFTAR LAMPIRAN............................................................................................x
BAB I PENDAHULUAN.......................................................................................1
1.1. Latar Belakang..........................................................................................1
1.2. Identifikasi Masalah..................................................................................3
1.3. Batasan Masalah........................................................................................3
1.4. Rumusan Masalah.....................................................................................3
1.5. Tujuan........................................................................................................4
1.6. Manfaat......................................................................................................4
1.7. Nama Kegiatan..........................................................................................5
1.8. Waktu dan Tempat Pelaksanaan................................................................5
1.8.1. Waktu Pelaksanaan.................................................................................5
1.8.2. Tempat Pelaksanaan...............................................................................5
1.9. Peserta Kerja Praktik.................................................................................6
1.10. Jadwal Kegiatan.....................................................................................6
BAB II LANDASAN TEORI.................................................................................7
2.1. Tinjauan Penelitian....................................................................................7
2.2. Tinjauan Pustaka.......................................................................................8
2.2.1. Definisi Sistem...............................................................................8
2.2.2. Komponen Sistem..........................................................................8
2.2.3. Elemen Sistem..............................................................................10
2.2.4. Karakteristik Sistem.....................................................................11
2.2.5. Definisi Informasi.........................................................................13
2.2.6. Definisi Sistem Informasi.............................................................14
2.2.7. Definisi Perancangan Sistem........................................................15
2.2.8. Definisi Penjualan........................................................................16

vi
 2.2.9. Definisi Internet............................................................................17
2.2.10. Definisi Web.................................................................................17
2.2.11. Basis Data.....................................................................................18
2.2.12. My SQL........................................................................................19
2.2.13. PHP...............................................................................................19
2.2.14. Flowchart......................................................................................21
2.2.15. Unified Modeling Language (UML).............................................23
2.3. Metode Penelitian....................................................................................31
2.3.1. Metode Pengumpulan Data..........................................................31
2.3.2. Metode Pengembangan Sistem....................................................32
2.4. Kerangka Berpikir...................................................................................34
BAB III LAPORAN KERJA PRAKTIK...............................................................35
3.1. Tentang Perusahaan Tempat Kerja Praktik.............................................35
3.2. Visi dan Misi Perusahaan........................................................................35
3.2.1. Visi...............................................................................................35
3.2.2. Misi...............................................................................................35
3.3. Struktur Perusahaan.................................................................................36
3.4. Sistem yang Sedang Berjalan..................................................................36
3.5. Laporan Kerja Praktik.............................................................................38
3.5.1. Use Case Diagram Sistem Informasi Penjualan..........................39
3.5.2. Activity Diagram..........................................................................41
3.5.3. Sequence Diagram.......................................................................48
3.5.4. Class Diagram Sistem Informasi Penjualan................................54
3.5.5. Perancangan Data Base................................................................55
3.5.6. Perancangan User Interface.........................................................58
BAB IV KESIMPULAN DAN SARAN..............................................................62
4.1. Kesimpulan..............................................................................................62
4.2. Saran........................................................................................................62
DAFTAR PUSTAKA............................................................................................63
LAMPIRAN – LAMPIRAN..................................................................................65

vii
 DAFTAR TABEL
Table 1.1 Jadwal Kegiatan.......................................................................................6
Y
Table 2.1 Simbol-Simbol Flowchart......................................................................21
Table 2.2 Simbol-Simbol Usecase.........................................................................24
Table 2.3 Simbol-Simbol Activity Diagram..........................................................25
Table 2.4 Simbol-Simbol Class Diagram..............................................................27
Table 2.5 Simbol-Simbol Sequence Diagram........................................................28
Table 3.1. Login.....................................................................................................56
Table 3.2. Transaksi Penjualan..............................................................................56
Table 3.3. Transaksi Penjualan..............................................................................57
Table 3.4. Pengecekan Stok Barang.......................................................................57
Table 3.5. Laporan Transaksi Penjualan................................................................58

viii
 DAFTAR GAMBAR

Gambar 2.1. Kerangka Berpikir.............................................................................34

Gambar 3.1 Struktur Organisasi Glatt Distro.........................................................36

Gambar 3.2 Flowchart Sistem yang sedang berjalan.............................................38
Gambar 3.3. Use Case Diagram Sistem Informasi Penjualan................................39
Gambar 3.4. Activity Diagram Login....................................................................42
Gambar 3.5. Activity Diagram Transaksi Penjualan.............................................43
Gambar 3.6. Activity Diagram Kelola Barang......................................................44
Gambar 3.7. Activity Diagram Pengecekan Stok Barang......................................45
Gambar 3.8. Laporan Transaksi Penjualan............................................................46
Gambar 3.9. Activity Diagram Logout..................................................................47
Gambar 3.10. Sequence Diagram Login................................................................49
Gambar 3.11. Sequence Diagram Transaksi..........................................................50
Gambar 3.12. Sequence Diagram Kelola Data Barang..........................................51
Gambar 3.13. Sequence Diagram Pengecekan Stok Barang.................................52
Gambar 3.14. Sequence Diagram Laporan Transaksi Penjualan...........................53
Gambar 3.15. Sequence Diagram Logout..............................................................54
Gambar 3.16. Class Diagram Sistem Informasi.....................................................55
Gambar 3.17. Perancangan Form Menu Utama.....................................................59
Gambar 3.18. Perancangan Form Login................................................................59
Gambar 3.19. Perancangan Form Katalog.............................................................60
Gambar 3.20. Perancangan Form Order................................................................60
Gambar 3.21. Perancangan Form Pembayaran......................................................61

ix
 DAFTAR LAMPIRAN

Lampiran 1 Formulir Kegiatan Harian Mahasiswa................................................66

Lampiran 2 Formulir Penilaian Kuliah Kerja Praktik............................................67
Lampiran 3 Kartu Kendali Bimbingan Kerja Praktik............................................68

x
 BAB I

PENDAHULUAN

1.1. Latar Belakang

Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang

semakin maju untuk mempermudah melakukan berbagai kegiatan dalam

kehidupan. Kemajuan di bidang transportasi, komunikasi, kesehatan, pendidikan,

kerja serta bidang lainnya merupakan contoh - contoh bahwa manusia semakin

memerlukan teknologi dalam kehidupan ini. Saat ini dunia telah mengenal suatu

teknologi yang disebut dengan internet. Dengan internet semua orang dapat

berkomunikasi dengan orang lain yang berada di berbagai belahan dunia. Melalui

internet, setiap orang dapat memperoleh dan menyampaikan berbagai informasi

yang dibutuhkan kapan saja dan dimana saja. Kini dengan hadirnya internet,

manusia dapat melakukan bisnis lebih mudah.

Perkembangan teknologi saat ini berpengaruh pada penggunaan perangkat

lunak yang selalu berkembang. Hampir setiap instansi, organisasi, perusahaan,

lembaga baik milik pemerintah maupun swasta banyak menerapkan sistem

komputerisasi/sistem informasi guna mempermudah dan meningkatkan kinerja.

Bukan suatu hal yang baru jika sistem informasi berkembang sedemikian

pesatnya.

Penerapan dan pemanfaatan teknologi dan informasi di bidang bisnis

penjualan masih belum optimal, terbukti dengan masih banyaknya pelanggan

1
yang melakukan pembelian secara manual. Bisa dilihat sekarang banyak sekali

orang yang membeli pakaiannya di Distro yang bermerk dan styles.

Dibutuhkannya kegiatan belanja online adalah untuk mempermudahkan dalam

melakukan transaksi pembelian kapanpun dan dimanapun.

E-Commerce merupakan kegiatan-kegiatan bisnis dengan cara online yang

bertujuan mengambil keuntungan seperti penjualan, pembelian, pelayanan

informasi dan perdagangan melalui perantara yaitu jaringan internet.

Perkembangan dunia bisnis yang semakin maju dan tingkat persaingan bertambah

besar, menumbuhkan kesadaran para pengusaha untuk lebih bekerja keras dalam

mengelola perusahaannya. Perusahaan yang ingin meningkatkan hasil penjualan

tidak dapat lepas dari kegiatan pemasaran.

E-commerce sebagai salah satu bentuk aktifitas transaksi perdagangan

melalui sarana internet. Dengan memanfaatkan e-commerce, para penjual dapat

menawarkan produknya secara online sehingga memberikan kemudahan

berbelanja, bertransaksi, dan pengiriman secara efektif dan efisien. Mengunakan

website e-commerce sebagai salah satu media penjualan akan memperluas daerah

pemasaran produk dan memudahkan pembeli untuk memilih dan memesan

produk tersebut sehingga dapat meningkatkan omzet penjualan toko tersebut.

Untuk memberikan solusi atas masalah tersebut penulis mencoba

memberikan solusi dengan membangun aplikasi web e-commerce yang dapat

diperbaharui dan berguna bagi pembeli untuk mengetahui informasi penjualan

produk yang dijual pada toko Glatt Distro Cikarang.

Glatt Distro Cikarang adalah toko yang menawarkan suatu produk bermutu

seperti kaos dan kemeja. Namun sistem penjualan, pemasaran dan promosi yang

2
dipakai saat ini masih menggunakan sistem manual. Hal inilah yang mendorong

penulis untuk melakukan penulisan Kuliah Kerja Praktek yang berjudul

“Perancangan Sistem Informasi Penjualan Produk Berbasis Web pada Toko Glatt

Distro Cikarang”.

1.2. Identifikasi Masalah

Dari latar belakang di atas, maka dapat diidentifikasi masalah penelitian

sebagai berikut :

1. Bagaimana merancang media informasi penjualan online berbasis web pada

Glatt Distro Cikarang ?

2. Apakah Sistem Informasi Penjualan yang dirancang dapat meningkatkan

penjualan pada toko Glatt Distro Cikarang ?

1.3. Batasan Masalah

Berdasarkan identifikasi masalah yang telah diuraikan diatas, maka penulis

memfokuskan pembuatan sistem penjualan berbasis web pada Glatt Distro

Cikarang. Sistem penjualan ini memiliki beberapa fungsi penjualan secara online,

transaksi yang bersifat digital dan untuk memudahkan pelanggan berbelanja

secara online. Sistem penjualan ini dibuat dengan menggunakan bahasa

pemograman PHP dan database mySQL.

1.4. Rumusan Masalah

Berdasarkan identifikasi dan batasan masalah yang telah diuraikan diatas,

maka penulis merumuskan bagaimana membuat sistem penjualan berbasis web

3
yang dapat membantu pelanggan Glatt Distro Cikarang bertransaksi secara efektif

dan efisien?

1.5. Tujuan

Bagi Pemilik Distro :

1. Membantu mempromosikan barang yang dijual oleh Glatt Distro Cikarang

kepada konsumen secara luas.

2. Mempermudah pelanggan dalam mendapatkan informasi produk dan

melakukan transaksi di Glatt Distro Cikarang.

Bagi Penulis :

1. Menyelesaikan laporan KKP yang menjadi salah satu syarat untuk ke tahapan

skripsi.

2. Mengetahui alur proses bisnis suatu usaha kecil menengah yang dapat berguna

bagi penulis saat akan memulai usaha di waktu mendatang.

1.6. Manfaat

Bagi Pemilik Distro :

1. Dapat membantu pemilik distro mengontrol usahanya secara online tanpa perlu

datang ke distro.

2. Dapat membantu pemilik distro meningkatkan efektifitas dan efesiensi

usahanya.

3. Dapat membantu menambah profit distro karena pangsa pasar bertambah luas.

4
 Bagi Penulis :

1. Berguna untuk menambah dan mengembangkan ilmu yang didapat penulis

selama masa perkuliahan.

2. Berguna sebagai bahan referensi untuk penelitian yang lebih lanjut.

1.7. Nama Kegiatan

Adapun kegiatan yang dilakukan pada saat melaksanakan Kerja Praktik

adalah sebagai berikut:

“PERANCANGAN SISTEM INFORMASI PENJUALAN PRODUK

BERBASIS WEB PADA GLATT DISTRO CIKARANG”

1.8. Waktu dan Tempat Pelaksanaan

Adapun pada pelaksanaan Kerja Praktik yang penulis lakukan adalah sesuai

pada waktu dan tempat pelaksanaan sebagai berikut:

1.8.1. Waktu Pelaksanaan

Waktu pelaksanaan Kerja Praktik ini adalah selama 3 bulan mulai dari

Januari 2020 sampai dengan Juni 2020.

1.8.2. Tempat Pelaksanaan

Adapun tempat pelaksanaan Kerja Praktik ini bertempat di Glatt Distro

Cikarang, Kampung Gombong RT 002/RW 005, Pasir Gombong, Cikarang

Utara, Bekasi.

5
1.9. Peserta Kerja Praktik

Adapun peserta Kuliah Kerja Praktik di Glatt Distro Cikarang sebagai

berikut:

Nama : Desi Wulandari

Tempat, Tanggal Lahir : Kebumen, 22 Desember 1995

Alamat : Jalan Mandor Enggung RT 03/05, Kp Pulo Kapuk,

Ds Mekar Mukti, Cikarang Utara, Bekasi 17534

Agama : Islam

No Telepon : 081382426100

Email : desiwulanku@gmail.com

1.10. Jadwal Kegiatan

Table 1.1 Jadwal Kegiatan

2020
No Aktivitas
Januari Februari Maret
1 Wawancara User
2 Pengumpulan Data
3 Analisi Kebutuhan
4 Perancangan Sistem

6
 BAB II
LANDASAN TEORI

2.1. Tinjauan Penelitian

Andri Prasetyo dalam judul penelitiannya yaitu “Sistem Penjualan Berbasis

Web Pada PT. Cahaya Sejahtera Sentosa Blitar” bertujuan membangun Sistem

informasi penjualan online tiwul instan pada PT. Cahaya Sejahtera Sentosa Blitar.

Kegiatan jual beli yang masih manual dan pemasaran serta promosi yang masih

terbatas untuk itu diperlukan sebuah sistem informasi yang dapat memperluas

pemasaran dan mempermudah transaksi penjualan sehingga lebih hemat, cepat

dan mudah tanpa terhalang oleh jarak dan waktu. Pembuatan program web ini

bermanfaat bagi masyarakat yaitu dapat melakukan pemesanan dan pembelian

produk tiwul Instan melalui internet dengan cepat dan mudah. Dengan adanya

aplikasi sistem informasi pemesanan produk ini dapat memudahkan pelanggan

dalam pencarian informasi tiwul instan dengan pemesanan produk yang cukup

mudah dengan bergabung menjadi pelanggan atau member di dalam sistem

informasi ini dan pembayaran dilakukkan melalui transfer bank. [1]

Sri Ipnuwati melakukan penelitian penjualan pada toko Minak Singa di

Desa Kedondong Kabupaten Pesawaran Provinsi Lampung semakin ketat, Toko

Minak Singa adalah salah satu Toko yang telah berdiri sejak tahun 2010 di Desa

Kedondong Kabupaten Pesawaran Provinsi Lampung. Mekanisme sistem

penjualan sekarang masih menggunakan sistem konvensional, dimana konsumen

harus datang langsung ke outlet atau melalui sales marketing. Dengan adanya

Sistem Informasi pada Toko Minak Singa diharapkan dapat memberikan

kemudahan kepada masyarakat untuk melakukan pembelian produk tanpa harus

7
datang ke tempatnya, serta memperluas pemasaran dan meningkatkan costumer

loyality. [2]

2.2. Tinjauan Pustaka

2.2.1. Definisi Sistem

Secara sederhana sistem dapat diartikan sebagai suatu kumpulan/himpunan

dari unsur variabel yang terorganisir, saling berinteraksi, dan ketergantungan

satu sama lain.

Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk

mencapai suatu tujuan tertentu. Sistem memiliki beberapa pengertian yang pada

dasarnya mempunyai satu tujuan. Berdasarkan pengertian diatas, dapat diketahui

bahwa sistem adalah suatu jaringan kerja yang terdiri atas komponen-komponen

atau elemen-elemen yang saling berinteraksi melalui tahapan-tahapan instruksi

untuk menyelesaikan suatu kegiatan atau tujuan tertentu. Tujuan dari sistem

yang dikembangkan adalah untuk memenuhi kebutuhan pemakai dan

memberikan gambaran yang jelas tentang rancang bangun sistem kepada

programmer dan ahli teknik lainnya. [3]

Dari penjelasan diatas maka dapat disimpulkan sistem adalah suatu

kumpulan dari bagian-bagian ataupun jaringan yang saling berhubungan satu

dengan yang lainnya dan bekerja sama untuk mencapai suatu tujuan.

2.2.2. Komponen Sistem

Beberapa komponen yang dibutuhkan dalam sistem informasi.

a) Input

8
 Input mewakili data yang masuk kedalam sistem informasi. Input disini

termasuk metode dan media untuk menangkap data yang akan dimasukkan,

yang dapat berupa dokumen-dokumen dasar.

b) Model

Komponen ini terdiri dari kombinasi prosedur, logika, dan model matematik

yang akan memanipulasi data input dan data yang akan tersimpan di basis

data dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang

diinginkan.

c) Output

Hasil dari sistem informasi adalah keluaran yang merupakan informasi yang

berkualitas dan dokumentasi yang berguna untuk pemakai sistem.

d) Teknologi

Teknologi merupakan “tool box” dalam sistem informasi. Teknologi

digunakan untuk menerima input, menjalankan model, menyimpan dan

mengakses data, menghasilkan dan mengirim keluaran, dan membantu

pengendalian dari sistem secara keseluruhan.

e) Basis Data

Basis data (database) merupakan kumpulan data yang saling berkaitan dan

berhubungan satu dengan yang lain, tersimpan diperangkat keras computer

dan menggunakan perangkat lunak untuk memanipulasinya. Data perlu

disimpan dalam basis data untuk keperluan penyediaan informasi lebih lanjut.

Data didalam basis data perlu diorganisasikan sedemikian rupa supaya

informasi yang dihasilkan berkualitas.

9
2.2.3. Elemen Sistem
Ada beberapa elemen yang membentuk sebuah sistem, yaitu : tujuan,

masukan, proses, keluaran, batas, mekanisme pengendalian dan umpan balik

serta lingkungan. Berikut penjelasan mengenai elemen-elemen yang membentuk

sebuah sistem :

a) Tujuan

Setiap sistem memiliki tujuan (goal), entah hanya satu atau mungkin banyak.

Tujuan inilah yang menjadi pemotivasi yang mengarahkan sistem.

b) Masukan

Masukan (input) sistem adalah segala sesuatu yang masuk ke dalam sistem

dan selanjutnya menjadi bahan yang diproses.

c) Proses

Proses merupakan bagian yang melakukan perubahan atau transformasi dari

masukan menjadi keluaran yang berguna dan lebih bernilai, misalnya berupa

informasi dan produk, tetapi juga bisa berupa hal-hal yang tidak berguna,

misalnya saja sisa pembuangan atau limbah.

d) Keluaran

Keluaran (output) merupakan hasil dari pemrosesan. Pada sistem

informasi, keluaran bisa berupa suatu informasi, saran, cetakan laporan, dan

sebagainya.

e) Batas

Yang disebut batas (boundary) sistem adalah pemisah antara sistem dan

daerah di luar sistem (lingkungan). Batas sistem menentukan konfigurasi,

ruang lingkup, atau kemampuan sistem.

f) Mekanisme Pengendalian dan Umpan Balik

10
 Mekanisme pengendalian (control mechanism) diwujudkan dengan

menggunakan umpan balik (feedback), yang mencuplik keluaran.

g) Lingkungan

Lingkungan adalah segala sesuatu yang berada di luar sistem. Lingkungan

bisa berpengaruh terhadap operasi sistem dalam arti bisa merugikan atau

menguntungkan sistem itu sendiri.

2.2.4. Karakteristik Sistem

Sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yang

mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. Adapun

karakteristik yang dimaksud adalah sebagai berikut:

1. Komponen (Component)

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi,

bekerja sama membentuk suatu kesatuan. Komponenkomponen sistem dapat

berupa suatu subsistem atau bagian-bagian dari sistem. Setiap sistem tidak

peduli betapapun kecilnya, selalu mengandung komponen-komponen atau

subsistem-subsistem. Setiap subsistem mempunyai sifat-sifat dari sistem

untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem

secara keseluruhan. Suatu sistem dapat mempunyai suatu sistem yang lebih

besar yang disebut supra sistem, misalnya suatu perusahaan dapat disebut

dengan suatu sistem dan industri yang merupakan sistem yang lebih besar

dapat disebut dengan supra sistem. Kalau dipandang industri sebagai suatu

sistem, maka perusahaan dapat disebut sebagai subsistem.

2. Batas Sistem (Boundry)

Batas sistem merupakan daerah yang membatasi antara suatu sistem

dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini
11
 memungkinkan suatu sistem dipandang sebagai suatu kesatuan, karena

dengan batas sistem ini fungsi dan tugas dari subsistem yang satu dengan

lainnya berbeda tetapi tetap saling berinteraksi. Batas suatu sistem

menunjukkan ruang lingkup (scope) dari sistem tersebut.

3. Lingkungan Luar Sistem (Environment)

Segala sesuatu diluar dari batas sistem yang mempengaruhi operasi dari

suatu sistem. Lingkungan luar sistem ini dapat bersifat menguntungkan atau

merugikan. Lingkungan luar yang menguntungkan harus dipelihara dan

dijaga agar tidak hilang pengaruhnya, sedangkan lingkungan luar yang

merugikan harus di musnahkan dikendalikan agar tidak mengganggu operasi

sistem.

4. Penghubung Sistem (Interface)

Merupakan media penghubung antara satu subsistem dengan subsistem

yang lainnya. Untuk membentuk satu kesatuan, sehingga sumber-sumber

daya mengalir dari subsistem yang satu ke subsistem yang lainnya. Dengan

kata lain output dari subsistem akan menjadi input dari subsistem yang

lainnya.

5. Masukan Sistem (Input)

Merupakan energi yang di masukkan kedalam sistem. Masukan dapat

berupa:

a) Masukan perawatan (Maintenance Input) adalah energi yang di masukkan

supaya sistem tersebut dapat beroperasi.

b) Masukan Sinyal (Signal Input) adalah energi yang di proses untuk didapatkan

keluaran. Sebagai contoh didalam sistem Program adalah maintenance input

12
 yang digunakan untuk mengoperasikan komputernya dan data adalah signal

input untuk diolah menjadi informasi.

6. Keluaran Sistem (Output)

Merupakan hasil dari energi yang diolah oleh sistem. Meliputi :

a) Keluaran yang berguna, contohnya informasi yang dikeluarkan oleh

komputer.

b) Keluaran yang tidak berguna yang dikenal sebagai sisa pembuangan,

contohnya panas yang dikeluarkan oleh komputer.

7. Pengolah Sistem (Process)

Merupakan bagian yang memproses masukan untuk menjadi keluaran

yang di inginkan. Contoh CPU pada komputer, Bagian produksi yang

mengubah bahan baku menjadi bahan jadi.

8. Tujuan Sistem (Goal)

Setiap sistem pasti mempunyai tujuan ataupun sasaran yang

mempengaruhi input yang dibutuhkan dan output yang di hasilkan. Dengan

kata lain suatu sistem akan dikatakan berhasil kalau pengoperasian sistem itu

mengenai sasaran atau tujuannya. Sistem yang tidak mempunyai sasaran,

maka operasi sistem tidak aka nada gunanya. [4]

2.2.5. Definisi Informasi

Ada beberapa pengertian informasi diantaranya: Menurut H.M. Jogiyanto

dalam bukunya yang berjudul Analisis dan Desain Sistem Informasi Pendekatan

Terstruktur pengertian informasi sebagai berikut: “informasi merupakan data

yang telah diproses ke dalam suatu bentuk yang mempunyai arti bagi si

13
penerima dan mempunyai nilai nyata serta terasa bagi keputusan saat itu atau

keputusan yang akan datang.” [3]

Menurut Gordon B. Davis dalam bukunya yang berjudul Kerangka Dasar

Sistem Informasi Manajemen memberikan pengertian informasi sebagai berikut:

”Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berguna

dan nyata atau berupa nilai yang dapat dipahami dalam keputusan sekarang

maupun yang akan datang.” [5]

Informasi bisa dikatakan sebagai pengetahuan yang didapatkan dari

belajar, pengalaman atau instruksi. Namun, istilah ini masih memiliki banyak

arti tergantung pada konteksnya. Dalam beberapa pengetahuan tentang suatu

peristiwa tertentu yang telah dikumpulkan ataupun dari sebuah berita dapat juga

dikatakan sebagai informasi. Lain halnya dalam ilmu komputer, informasi

adalah data yang disimpan, diproses atau ditransmisikan. Para ahli meneliti

konsep informasi tersebut sebagai pengetahuan yang didapatkan dari

pembelajaran, pengalaman maupun instruksi. 

Dari pengertian lainnya informasi adalah data yang telah diberi makna.

misalnya, dokumen berupa spreadsheet (Ms.Excel) biasa digunakan untuk

membuat informasi dari data yang ada didalamnya. Laporan laba rugi dan neraca

merupakan salah satu bentuk informasi, sedangkan angka yang terdapat

didalamnya adalah data yang telah diproses sehingga bisa digunakan oleh siapa

saja yang membutuhkannya dan pada akhrinya Sifat informasi ini adalah bisa

menambah pengetahuan atau wawasan terhadap seseorang.

14
2.2.6. Definisi Sistem Informasi
Sistem informasi adalah suatu kumpulan dari komponen-komponen dalam

perusahaan atau organisasi yang berhubungan dengan proses penciptaan dan

pengaliran informasi. [6]

Sistem informasi merupakan serangkaian komponen berupa manusia,

prosedur, data dan teknologi (seperti komputer) yang digunakan untuk

melakukan sebuah proses untuk menghasilkan informasi yang bernilai untuk

pengambilan keputusan. [7]

Sistem informasi dapat didefinisikan sebagai suatu sistem di dalam suatu

organisasi yang merupakan kombinasi dari orang-orang, fasilitas, teknologi,

media prosedur-prosedur dan pengendalian yang ditujukan untuk mendapatkan

jalur komunikasi penting, memproses tipe transaksi rutin tertentu, memberi

sinyal kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal

dan eksternal yang penting dan menyediakan suatu dasar informasi untuk

pengambilan keputusan. [4]

2.2.7. Definisi Perancangan Sistem

Perancangan adalah penggambaran, perencanaan dan pembuatan sketsa

atau pengaturan dari berbagai elemen yang terpisah ke dalam satu kesatuan yang

utuh dan berfungsi. [8]

Pengertian perancangan menurut para ahli diantaranya adalah :

a. Menurut Varzello / John Reuter III perancangan adalah tahap setelah analisis

dari siklus pengembang sistem : Pendefinisian dari kebutuhan kebutuhan

15
 fungsional dan persiapan untuk rancang bangun implementasi :

“Mengembarkan bagaimana suatu sistem dibentuk”

b. Menurut John Buch & Gary Grudnitski perancangan dapat didefinisikan

sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan

dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan

berfungsi.

c. Menurut George M. Scott perancangan adalah menentukan bagaimana sistem

akan menyelesaikan apa yang mesti diselesaikan ; tahap ini menyangkut

mengkonfigurasikan dari komponen-komponen perangkat lunak dan

perangkat keras dari suatu sistem, sehingga setelah instalasi dari sistem akan

benar-benar memuaskan rancang bangun yang telah ditetapkan pada akhir

tahap analisis sistem. Pada saat membuat sebuah sistem yang akan digunakan

pada suatu perusahaan, setiap pengembang aplikasi diharuskan membuat

sebuah rancangan dari sistem yang ingin dibuat. Rancangan ini bertujuan

untuk memberi gambaran umum dari sistem yang akan berjalan nantinya

kepada setiap stakeholder.

2.2.8. Definisi Penjualan

Penjualan merupakan suatu kegiatan yang dilakukan sebagian manusia

dalam menjual barang dagangan yang dimiliki baik itu barang ataupun jasa

kepada pasar agar mencapai suatu tujuan yang diinginkan. Penjualan adalah

suatu transaksi yang bertujuan untuk mendapatkan suatu keuntungan, dan

merupakan suatu jantung dari suatu perusahaan (Himayati, 2008:123).

16
 Dengan pengertian lain definisi penjualan adalah pemindahan hak milik

atas barang atau pemberian jasa yang dilakukan penjualan kepada pembeli

dengan harga yang disepakati bersama dengan jumlah yang dibebankan kepada

pelanggan dalam penjualan barang atau jasa dalam suatu periode akuntansi. [9]

2.2.9. Definisi Internet

Istilah internet berasal dari bahasa latin, inter yang berarti “antara”. Secara

kata per kata internet berarti jaringan antara atau penghubung. Memang itulah

fungsinya, internet menghubungkan berbagai jaringan yang tidak saling

bergantungan pada satu sama lain dengan sedemikian rupa sehingga mereka

dapat berkomunikasi. Internet adalah jaringan komputer yang saling terhubung

ke seluruh dunia tanpa mengenal batasan teritorial, hukum dan budaya.

Interconnected Network atau yang lebih dikenal dengan sebutan internet

adalah suatu jaringan komputer raksasa dengan daya jangkau yang mendunia.

[10]

Pengertian lain internet (inter-network) merupakan jaringan yang

menggabungkan beberapa komputer yang terhubung dalam sebuah internet

protocol (IP) yang mencakup secara luas ke seluruh dunia. [11]

2.2.10. Definisi Web

World Wide Web (biasa disingkat WWW) atau web merupakan salah satu

aplikasi internet yang paling popular. Web adalah sebuah sistem dimana

informasi dalam bentuk teks, gambar, suara dan lainnya yang tersimpan dalam

17
sebuah internet webserver ditampilkan dalam bentuk HTML (Hypertext Markup

Language). [10]

Pengertian lain web atau www adalah dokumen atau informasi yang saling

berhubungan yang dihubungkan melalui hyperlink atau URL (Uniform Resource

Locator). [11]

2.2.11. Basis Data

Basis data adalah kumpulan dari berbagai data yang saling berhubungan

satu dengan yang lainnya. Basis data tersimpan diperangkat keras, serta

manipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data

meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau informasi

yang disimpan. Basis data merupakan salah satu komponen yang penting dalam

sistem informasi, karena merupakan basis dalam menyediakan informasi pada

pengguna user. [12]

Basis data adalah sebuah file file yang terintegrasi yang mempunyai

minimal Primary key untuk pengulangan data, koleksi data-data yang saling

berhubungan mengenai suatu organisasi dengan macam-macam pemakainya.

[13]

18
2.2.12. My SQL
MySQL adalah sebuah Relasional Database Management System

(RDBMS) yang didistibusikan secara gratis dibawah lisensi GPL (General

Public License). Karena MySQL berada di bawah GPL, maka orang bebas untuk

menggunakannya namun tidak boleh dijadikan produk turunan yang bersifat

closed source.

MySQL sebenarnya merupakan salah satu konsep utama dalam database

sejak lama, yaitu SQL (Structured Query Language) yang merupakan sebuah

konsep pengoperasian database, terutama untuk pemilihan / seleksi dan

pemasukan data, yang memungkinkan pengoperasian data yang dikerjakan

dengan mudah. MySQL sendiri menggunakan SQL sebagai bahasa dasar untuk

mengakses databasenya.

Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam

tabel-tabel yang secara logik merupakan struktur dua dimensi. Tabel-tabel itu

terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih

kolom. Baris pada tabel sering disebut sebagai instance dari kata sedangkan

kolom sering disebut sebagai attributes atau field.

2.2.13. PHP
PHP merupakan singkatan dari Hypertext Prepocessor. Ia merupakan

bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server.

Hasilnyalah yang dikirim ke klien, tempat pemakai menggunakan browser.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang

dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yakni

pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut

19
“Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun

1995, Rasmus menciptakan PHP/FI versi 2. Pada versi inilah pemrograman

dapat menempelkan kode terstuktur di dalam tag HTML. Yang menarik, kode

PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-

perhitungan yang kompleks sambil jalan. [14]

PHP merupakan script yang menyatu dengan HTML dan berada pada

server (server side HTML embedded scripting). Dengan PHP ini Anda dapat

membuat beragam aplikasi berbasis web, mulai dari halaman web yang

sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.

PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang

merupakan sebuah bahasa cripting yang terpasang pada HTML. Sebagian besar

sintak mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP

yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk

memungkinkan perancang web menulis halaman web dinamik dengan cepat.

a. Program php harus di terjemahkan oleh web server sehingga menghasilkan

kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat

berdiri sendiri atau pun disisipkan diantara kode-kode html sehingga dapat

langsung ditampilkan bersama dengan kode-kode html tersebut. File html

yang telah dibubuhi program php harus diganti ekstensinya menjadi .php3

atau.php.

b. Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan

versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya.

c. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang

dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan

20
 memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan

dijalankan web server.

d. Kekuatan yang paling utama PHP adalah ada konektivitasnya dengan system

database di dalam web. Sistem database yang dapat didukung oleh PHP

adalah: Oracle, MySQL, Sybase, PostgreSQL, dan lainnya

e. PHP dapat berjalan diberbagai sistem operasi seperti windows 98/NT,

UNIX/LINUX, solaris maupun macintosh.

f. Keunggulan lainnya dari PHP adalah bahwa PHP juga mendukung

komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 dan

bahkan HTTP.

2.2.14. Flowchart
Flowchart adalah bagan (chart) yang menunjukan alir atau arus (flow)

didalam program atau prosedur sistem secara logika. [3]

Berikut adalah simbol-simbol flowchart beserta fungsinya :

Table 2.1 Simbol-Simbol Flowchart

Simbol Nama Fungsi

Terminal Menyatakan permulaan atau akhir

suatu program
Input/Output Menyatakan proses input output

tanpa tergantung jenis peralatannya

Process Menyatakan suatu tindakan

(proses) yang dilakukan oleh

komputer
Decision Menunjukan suatu kondisi tertentu

21
 yang akan menghasilkan dua

kemungkinan jawaban : ya / tidak

Connector Menyatakan sambungan dari proses

ke proses lainnya dalam halaman

yang sama
Offline Menyatakan sambungan dari proses

Connector ke proses lainnya dalam halaman

yang berbeda
Predefined Menyatakan penyediaan tempat

Process penyimpanan suatu pengolahan

untuk memberi harga awal

Punched Card Menyatakan input berasal dari kartu

atau output yang ditulis ke kartu

Punce Tape Menyatakan input dan output

memakai pita kertas yang

berlubang
Document Menyatakan input asalnya dari

dokumen ke dalam bentuk kertas

atau keluaran yang dicetak ke

kertas
Flow Dipakai untuk hubungkan simbol

satu dengan simbol lainnya

Predefine Dipakai untuk melaksanakan suatu

process bagian prosedur

Rangkap dari Rangkap dokumen diindikaskan

sebuah dengan pemberian nomor dokumen

Dokumen pada sudut sebelah kanan simbol

dokumen
Manual Menyatakan simbol yang

22
 Operation menunjukan pengolahan yang tidak

dilakukan oleh komputer

2.2.15. Unified Modeling Language (UML)

UML merupakan bahasa visual untuk pemodelan dan komunikasi

mengenai sebuah sistem dengan menggunakan diagram dan teks-teks

pendukung. [10] Adapun beberapa diagram yang termasuk dalam UML adalah

sebagai berikut :

1. Use Case Diagram

Use case atau diagram use case merupakan pemodelan untuk kelakuan

(behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah

interaksi antara satu atau lebih aktor dengan sistem informasi yang akan dibuat.

Syarat penamaan pada use case adalah nama didefinisikan sesimpel mungkin

dan dapat dipahami. Ada dua hal utama pada use case yaitu pendefinisian apa

yang disebut aktor dan use case.

a. Aktor merupakan orang, proses, atau sistem lain yang berinteraksi dengan

sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat

itu sendiri, jadi walaupun simbol dari aktor adalah gambar orang, tapi aktor

belum tentu merupakan orang.

b. Use case merupakan fungsionalitas yang disediakan sistem sebagai unit-unit

yang saling bertukar pesan antar unit atau aktor. Berikut adalah simbol-

simbol yang ada pada diagram use case :

Table 2.2 Simbol-Simbol Usecase

23
 Simbol Penjelasan
Use Case
Use Case
Sebuah deskripsi dari seperangkat aksi-aksi berurutan

yang ditampilkan pada sebuah sistem.

Aktor / Actor

Orang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dibuat di luar

sistem informasi yang akan dibuat itu sendiri, jadi

walaupun simbol dari aktor adalah gambar orang, tapi

aktor belum tentu merupakan orang, biasanya

dinyatakan menggunakan kata benda di awal frase

nama actor.
Generaliasai / Generalization

Relasi antar use case, dimana salah satunya dalam

bentuk yang lebih umum dari yang lain.

Asosiasi /Association

Menggambarkan interaksi antara actor dan use case.

System
System
Tempat seluruh aktivitas-aktivitas sistem yang sedang

berjalan
Kebergantungan / Dependancy

Untuk menggambarkan ketergantungan sebuah use

case dengan use case lainnya.

Include
<<Include>>
Menggambarkan bahwa keseluruhan dari sebuah use

case merupakan fungsionalitas use case lainnya.

Ekstensi / Extend

<<Extend>> Menggambarkan hubungan antar use case dimana

24
 bahwa sebuah use case merupakan fungsionalitas

use case lainnya apabila kondisi tertentu terpenuhi.

2. Activity Diagram
Diagram aktivitas atau activity diagram menggambarkan workflow (aliran

kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada

pada perangkat lunak. Berikut adalah simbol-simbol yang ada pada diagram

aktivitas :

Table 2.3 Simbol-Simbol Activity Diagram

Simbol Penjelasan
Status Awal Status awal aktivitas sistem, sebuah diagram

aktivitas memiliki sebuah status awal

Aktivitas Aktivitas yang dilakukan sistem, aktivitas

biasanya diawali dengan kata kerja

Percabangan/Decision Asosiasi percabangan dimana jika ada pilihan

aktivitas lebih dari satu.

Penggabungan/Join Asosiasi penggabungan dimana lebih dari satu

aktivitas digabungkan menjadi satu.

Status Akhir Status akhir yang dilakukan sistem, sebuah

diagram aktivitas

memiliki sebuah status akhir.

25
 Nama Swimlane Swimlane memisahkan organisasi bisnis yang

bertanggung jawab terhadap aktivitas yang

Swim Lane
terjadi

3. Class Diagram
Diagram kelas atau class diagram menggambarkan struktur sistem dari

segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas

memiliki apa yang disebut atribut dan metode atau operasi.

a. Atribut merupakan variabel-variabel yang dimiliki oleh suatu kelas.

b. Operasi atau metode adalah fungsi-fungsi yang dimiliki oleh suatu kelas.

Berikut adalah simbol-simbol yang ada pada diagram kelas menurut Rosa

dan Shalahuddin :

Table 2.4 Simbol-Simbol Class Diagram

Simbol Penjelasan
Kelas Kelas pada struktur system.

nama_kelas
+ atribut
+ operasi()

Antarmuka/Interfac Sama dengan konsep interface dalam pemrograman

e berorientasi object (OOP).

nama_interface

26
 Asosiasi/Assosiation Relasi antarkelas dengan makna umum, asosiasi

biasanya juga disertai dengan multiplicity.

Asosiasi berarah/ Relasi antarkelas dengan makna kelas yang satu

directed association digunakan oleh kelas yang lain, asosiasi biasanya

juga disertai dengan multiplicity.

Generalisasi/ Relasi antarkelas dengan makna generalisasi-

Generalization spesialisasi (umum khusus).

Ketergantungan/ Relasi antarkelas dengan makna kebergantungan

Depenency antarkelas.

Agregasi/Agregatio Relasi antarkelas dengan makna semua bagian (

n whole-part).

4. Sequence Diagram
Sequence diagram atau diagram sekuen menggambarkan kelakuan objek

pada use case dengan mendeskripsikan waktu hidup objek dan message yang

dikirim dan diterima antar objek. Banyaknya diagram sekuen yang harus

digambar adalah minimal sebanyak pendefinisian use case yang memiliki proses

sendiri atau yang penting semua use case yang telah didefinisikan interaksi

jalannya pesan sudah dicakup pada diagram sekuen sehingga semakin banyak

use case yang didefinisikan maka diagram sekuen yang harus dibuat juga

semakin banyak. Berikut adalah simbol-simbol yang ada pada diagram sekuen :

Table 2.5 Simbol-Simbol Sequence Diagram

Simbol Penjelasan

27
Aktor / Actor Orang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dibuat di luar

sistem informasi yang akan dibuat itu sendiri,

jadi walaupun simbol dari aktor adalah gambar

nama_aktor orang, tapi aktor belum tentu merupakan

atau
orang,biasanya dinyatakan menggunakan kata
nama_aktor benda di awal frase nama actor.

Garis Hidup / Lifeline Menyatakan kehidupan suatu objek.

Objek Menyatakan objek yang berinteraksi pesan.

Nama Objek : nama kelas

Waktu aktif Menyatakan objek dalam keadaan aktif dan

berinteraksi, semua yang terhubung dengan

waktu aktif ini adalah sebuah tahapan yang

dilakukan di dalamnya.
Pesan tipe create Menyatakan suatu objek membuat objek yang

<<create>> lain, arah panah mengarah pada objek yang

dibuat.
Pesan tipe call Menyatakan suatu objek memanggil

I : nama_metode() operasi/metode yang ada pada objek lain atau

dirinya sendiri.
Pesan tipe send Menyatakan bahwa suatu objek mengirimkan

I : masukan data/masukan/ informasi ke objek lainnya, arah

panah mengarah pada objek yang dikirimi.

Pesan tipe return Menyatakan bahwa suatu objek yang telah

28
I : keluaran menjalankan suatu operasi atau metode

menghasilkan suatu kembalian ke objek tertentu,

arah panah mengarah pada objek yang menerima

kembalian
Pesan tipe destroy Menyatakan suatu objek mengakhiri hidup objek

yang lain, arah panah mengarah pada objek yang

diakhiri, sebaiknya jika ada create maka ada

destroy.

29
2.3. Metode Penelitian

Untuk memperoleh dan melengkapi data - data yang diperlukan dalam

penulisan laporan kerja praktik terkait dengan sistem informasi penjualan produk

berbasis web ini, penulis menggunakan beberapa metode. Adapun metode yang

penulis gunakan adalah sebagai berikut :

2.3.1. Metode Pengumpulan Data

1. Metode Observasi

Observasi ini dilakukan pada Glatt Distro Cikarang untuk pengambilan

data yang diperlukan untuk merancang sistem informasi berbasis web melalui

pengamatan dan membuat pencatatan secara sistematik terhadap unsur - unsur

yang telah diteliti dengan tujuan secara langsung.

2. Metode Wawancara

Wawancara adalah salah satu metode pengumpulan data dengan cara

bertatap muka langsung dengan orang yang akan di wawancarai, memperoleh

informasi dan gambaran mengenai sistem yag sefang berjalan pada Glatt Distro

dan sistem penjualan seperti apa yang akan dirancang.

3. Studi Pustaka

Studi pustaka adalah kegiatan untuk menghimpun informasi yang relevan

dengan topik atau masalah yang menjadi obyek penelitian. Penelitian yang

digunakan untuk mendapatkan data yang akurat berdasarkan pada jurnal dan

media tertulis lainnya yang berkaitan dengan penulisan Laporan Kerja

Praktik sebagai panduan secara teoritis.

30
2.3.2. Metode Pengembangan Sistem
Metode pengembangan sistem menggunakan model RAD. Untuk

pemodelan sistem dalam tahapan RAD menggunakan UML (Unified Modeling

Language). Secara umum tahapan RAD terdiri dari empat tahapan yaitu:

1. Tahap Perencanaan Kebutuhan (Requirement Planning)

Tahapan ini mencakup definisi lingkup proses bisnis dan data. Pada tahap

ini dilakukan pengumpulan data yang dibutuhkan. Masukan diperoleh dari

literatur, serta penyebaran kuisioner untuk mencari tahu respon terhadap aplikasi

yang dikembangkan. Dalam tahap ini, user dan sistem analis melakukan

pertemuan untuk identifikasi tujuan kebutuhan informasi dari aplikasi.

2. Tahapan Desain Pengguna (User Design)

Dalam tahapan ini dilakukan proses pemodelan untuk pembuatan prototipe

sementara, sebagai bahan evaluasi untuk perbaikan-perbaikan apabila masih

terdapat ketidaksesuaian antara user dan sistem analis. Proses ini terdapat

aktivitas pembuatan use case diagram, dan activity diagram.

3. Tahapan Perancangan (Construction Phase)

Tahapan perancangan merupakan aktivitas membangun aplikasi

berdasarkan hasil dari tahapan desain pengguna kedalam bahasa pemograman.

4. Tahapan Implementasi (Cutover Phase)

Tahapan implementasi merupakan tahapan implementasi dan pengujian

terhadap aplikasi yang dikembangkan. Tahap ini programmer mengembangkan

desain menjadi suatu program dan kemudiann dilakukan proses pengujian untuk

memeriksa kesalahan sebelum diaplikasikan pada suatu organisasi. Tahap

implementasi adalah tahap final pada RAD.

31
32
2.4. Kerangka Berpikir

Gambar 2.1. Kerangka Berpikir

33
 BAB III

LAPORAN KERJA PRAKTIK

3.1. Tentang Perusahaan Tempat Kerja Praktik

Distro adalah singakatan dari Distribution Store atau Toko Distributor.

Distro merupakan jenis toko yang menjual atau mendistribusikan produk dari

pabrik atau penghasil produk tersebut. Glatt Distro Cikarang ini sendiri menjual

berbagai macam merk kaos yang berkualitas.

Glatt Distro Cikarang didirikan pada tahun 2017 oleh seorang pria bernama

Didi Suryadi yang beralamat di Kampung Gombong RT 002/RW 005, Pasir

Gombong, Cikarang Utara, Bekasi. Selain produk yang ada di distro, Glatt distro

Cikarang juga melayani custom desain sesuai kebutuhan dan keinginan

pelanggan, dengan harga yang relatif murah.

3.2. Visi dan Misi Perusahaan

3.2.1. Visi

Menjadi perusahaan yang mampu memenuhi dan memuaskan keinginan

pelanggan akan kebutuhan sandang (baju) khususnya kaos oblong.

3.2.2. Misi

1. Menjadi mitra usaha yang andal dan terpercaya.

2. Memberikan kepuasan kepada konsumen dengan berfokus pada produk dan

pelayanan berkualitas.

3. Memberikan layanan yang prima dan murah sehingga dapat memenuhi

kebutuhan pelanggan.

34
 4. Membantu masyarakat guna memenuhi kebutuhan sandang selain kaos

oblong.

5. Menjadi perusahaan yang jujur, amanah dan komitmen.

6. Menjadi tempat pengembangan diri bagi karyawan.

3.3. Struktur Perusahaan

Pemilik Distro
Didi Suryadi

Karyawan Distro Karyawan Distro

Dewi Anggita Ahmad Maulana

Gambar 3.1 Struktur Organisasi Glatt Distro

3.4. Sistem yang Sedang Berjalan

Sebelum merancang suatu sistem, ada baiknya terlebih dahulu menganalisis

sistem yang sedang berjalan di Distro yang akan dibangun tersebut. Analisis

sistem yang sedang berjalan pada sistem informasi penjualan di Glatt Distro

Cikarang, bertujuan untuk mengetahui lebih jelas bagaimana cara kerja sistem

tersebut dan masalah yang di hadapi sistem tersebut untuk dapat dijadikan sistem

penjualan online, perancangan analisis sistem yang sedang berjalan yang di

lakukan berdasarkan urutan kejadian yang ada dan dari urutan kejadian tersebut

dapat di buat diagram aliran dokumen (flowmap), prosedur sistem informasi

penjualan pada Glatt Distro Cikarang dideskripsikan sebagai berikut :

1. Pembeli memilih produk yang hendak dibeli di Glatt Distro Cikarang.

35
2. Pembeli membeli produk dan membayar produk tersebut ke karyawan toko

yang bertugas melayani pembeli dan bertransaksi.

3. Karyawan toko membuat nota pembayaran dan diberikan kepada pembeli

untuk bukti transaksi.

4. Karyawan toko mendokumentasikan nota pembayaran untuk diteruskan ke

pemilik.

5. Karyawan toko membuat laporan transaksi penjualan untuk nanti diberikan

kepada pemilik toko.

Berdasarkan analisa prosedur sistem yang sedang berjalan maka dapat

digambarkan flowmap sebagai berikut.

36
 Gambar 3.2 Flowchart Sistem yang sedang berjalan

3.5. Laporan Kerja Praktik

Berdasarkan hasil penelitian yang dilakukan di Glatt Distro Cikarang yang

beralamatkan di Kampung Pasir Gombong, Cikarang Utara, bahwa proses

transaksi penjualannya masih manual dimana pelanggan harus ke toko untuk

membeli barang.

37
 Sebagai solusi permasalahan yang timbul yang sudah dijelaskan pada latar

belakang dan uraian permasalahan, berikut ini adalah Use Case Diagram, Activity

Diagram, Sequence Diagram dan Class Diagram serta Perancangan Database,

Perancangan User Interface dari sistem yang akan diusulkan sebagai gambaran

untuk solusi permasalahan yang terjadi.

3.5.1. Use Case Diagram Sistem Informasi Penjualan

Gambar 3.3. Use Case Diagram Sistem Informasi Penjualan

Berdasarkan Gambar 3.3, diagram tersebut menjelaskan bahwa Use Case

Diagram di atas menunjukkan Actor yang terlibat di dalam Sistem Informasi

Penjualan Barang ada 3 Actor yang masing-masing mempunyai hak sebagai

berikut :

a. Karyawan Distro (User)

Karyawan Distro sangat berperan penting dan terlibat langsung pada semua

proses yang terjadi termasuk pengaturan data user,

38
• Login

Untuk dapat melalukan proses-proses lainnya, maka terlebih dahulu, Karyawan

Distro (user) harus masuk ke dalam sistem melalui validasi user id dan

password pada login, agar keamanan data lebih terjamin.

• Transaksi

Pada proses ini, Karyawan Distro (user) dapat melakukan input transaksi

penjualan setelah melakukan proses pembayaran dengan rincian data barang

yang di beli oleh pembeli.

• Kelola Data Barang

Pada proses ini, Karyawan Distro (user) dapat melakukan penginputan,

pengeditan, dan penghapusan data barang yang akan tersimpan pada tabel

barang.

• Laporan Penjualan

Pada proses ini, Karyawan Distro (user) dapat melakukan pembuatan laporan

data penjualan barang yang sudah terjual, yang kemudian laporan akan di

serahkan kepada pemilik distro.

• Pengecekan Stok

Pada proses ini Karyawan distro dan pemilik distro dapat mengecek stok

barang yang sudah di input ke sistem.

• Logout

39
 Pada proses ini, Karyawan Distro (user) keluar dari sistem jika sudah tidak

melakukan transaksi penjualan.

b. Pembeli

Pembeli merupakan yang membeli barang dan melakukan proses transaksi

pembayaran. Di dalam sistem ini, Pembeli tidak terlibat langsung di dalam

sistem. Pembeli hanya dapat mengetahui informasi tentang barang yang akan

dibeli dan transaksi atau bukti pembayaran.

c. Pemilik

Pemilik merupakan orang yang memiliki Distro tersebut yang berperan

penting juga, karena pemilik juga dapat melakukan proses login seperti

karyawan distro dan dapat melihat laporan data penjualan secara langsung serta

dapat mengetahui data stok barang yang tersedia secara langsung di dalam

sistem maupun diluar sistem (print out laporan).

3.5.2. Activity Diagram

Activity diagram terdiri dari dua swimlanes, yaitu swimlanes pelanggan

dan admin. Swimlanes berfungsi untuk memecah activity diagram menjadi baris

dan kolom untuk membagi tanggung jawab objek yang melakukan aktivitas.

Diagram dimulai pada swimlanes pelanggan ditandai oleh initial state. Initial

state berfungsi untuk menunjukan awal aktivitas dimulai sedangkan Final

Activity berfungsi untuk menunjukan bagian akhir dari aktivitas.

40
1. Activity Diagram Login

Gambar 3.4. Activity Diagram Login

Berdasarkan Gambar 3.4, Aktifitas yang terjadi dalam activity diagram

login diatas adalah aktifitas User yang telah terdaftar pada sistem melakukan

login untuk dapat mengakses sistem. Pertama user memilih akses ke sistem,

kemudian sistem akan memunculkan form login, berguna untuk user yang

terdaftar dapat melakukan login data username dan password yang terdaftar

pada sistem. Setelah memasukan data username dan password, Jika username

dan password yang di masukan tidak terdaftar maka sistem secara otomatis akan

mengharuskan user untuk dapat melakukan login data username dan password

41
kembali dan jika username dan password benar, maka sistem akan

menampilkan menu utama dari user yang terdaftar.

2. Activity Diagram Transaksi Penjualan

Gambar 3.5. Activity Diagram Transaksi Penjualan

Berdasarkan Gambar 3.5, Aktifitas yang terjadi dalam activity diagram

diatas adalah aktifitas Pembeli dan Sistem, Pembeli memilih Menu Barang lalu

sistem menampilkan Menu Barang, setelah itu pembeli memilih barang yang

akan dibeli kemudian sistem mengecek Stok Barang, jika barang yang dipilih

pembeli sudah tidak ada stok atau habis maka sistem secara otomatis akan

42
kembali ke Menu Barang agar pembeli bisa memilih kembali barang lain, jika

barang yang dipilih masih ada stok maka sistem akan menampilkan Form

Pembayaran. Setelah itu Pembeli akan melakukan transfer pembayaran

kemudian sistem menampilan Bukti Pembayaran.

3. Activity Diagram Kelola Data Barang

Gambar 3.6. Activity Diagram Kelola Barang

Berdasarkan Gambar 3.6 Aktifitas yang terjadi dalam activity diagram

Kelola Data barang diatas adalah aktifitas Karyawan Distro (User), yaitu

karyawan Distro (user) menginput data barang untuk disimpan di sistem.

43
4. Activity Diagram Pengecekan Stok Barang

Gambar 3.7. Activity Diagram Pengecekan Stok Barang

Berdasarkan Gambar 3.7, Aktifitas yang terjadi dalam activity diagram

Pengecekan Stok Barang diatas adalah aktifitas Karyawan Distro dan Pemilik

Distro, dimana Karyawan Distro dan Pemilik Distro menginput nama barang ke

sistem untuk mengecek stok barang yang tersedia.

44
5. Activity diagram Laporan Transaksi Penjualan

Gambar 3.8. Laporan Transaksi Penjualan

Berdasarkan Gambar 3.8, Aktifitas yang terjadi pada Activity Diagram

Laporan Transaksi Penjualan diatas adalah aktifitas yang dilakukan oleh

Karyawan Distro (User) memilih Menu Laporan Transaksi Penjualan. Maka

sistem menampilkan Halaman Laporan. Didalam Menu Laporan juga terdapat

button cetak untuk mencetak Laporan Transaksi Penjualan.

45
6. Activity Diagram Logout

Gambar 3.9. Activity Diagram Logout

Berdasarkan Gambar 3.9, Aktifitas yang terjadi pada Activity Diagram

Logout diatas adalah aktifitas yang dilakukan oleh Karyawan Distro dan

Pemilik Distro yang telah selesai dalam mengakses sistem dan ingin keluar dari

sistem harus melakukan aktifitas logout sistem. Aktifitas ini dapat dilakukan jika

Karyawan Distro dan Pemilik Distro sebelumnya sudah melakukan aktifitas

login untuk dapat masuk dan mengakses sistem.

46
3.5.3. Sequence Diagram

Sequence Diagram digunakan untuk menggambarkan interaksi antar objek

dalam waktu yang berurutan. Tetapi pada dasarnya Sequence Diagram selain

digunakan dalam lapisan abstraksi model objek. Kegunaannya untuk

menunjukkan rangkaian pesan yang dikirim antara object juga interaksi antara

object, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen

utama sequence diagram terdiri atas objek yang dituliskan dengan kotak

segiempat bernama pesan diwakili oleh garis dengan tanda panah dan waktu

yang ditunjukkan dengan proses vertikal. Berikut adalah sequence diagram yang

ada pada sistem penjualan di Glatt Distro Cikarang, yaitu:

47
1. Sequence Diagram Login

Gambar 3.10. Sequence Diagram Login

Sequence Diagram di atas menerangkan alur proses untuk aktivitas login

ke sistem yang dilakukan oleh aktor yang sudah terdaftar dalam sistem yaitu

Karyawan Distro dan Pemilik Distro. Aktor yang ingin melakukan login harus

memilih login dan antarmuka sistem akan menampilkan form login yang harus

di isi oleh aktor. Pada form aktor melakukan input username dan password pada

antarmuka form yang ditampilkan. Sistem akan memproses username dan

password yang dimasukan. Sistem akan melakukan pengecekan pada database

Karyawan Distro dan Pemilik Distro. Jika sistem tidak menemukan username

48
dan password yang di masukan maka antarmuka sistem akan menampilkan

pesan eror, dan sistem akan meminta aktor untuk memasukan username dan

password kembali. Namun bila sistem menemukan username dan password

pada sistem maka sistem akan memproses masuk kedalam antarmuka yang di

tuju dan akan menampilkannya.

2. Sequence Diagram Transaksi

Gambar 3.11. Sequence Diagram Transaksi Penjualan

Sequence Diagram Transaksi Penjualan diatas menunjukan interaksi

antara aktor selaku pengguna yaitu Pembeli dengan Sistem, Pembeli melakukan

proses transaksi pembelian dan pembayaran di website Glatt Distro Cikarang.

49
3. Sequence Diagram Kelola Data Barang

Gambar 3.12. Sequence Diagram Kelola Data Barang

Berdasarkan Gambar 3.12, Sequence Diagram Kelola Data Barang diatas

menunjukan interaksi antara aktor selaku pengguna yaitu Karyawan Distro

dengan sistem, Dimana Karyawan Distro melakukan penginputan data barang ke

sistem dan data barang langsung tersimpan.

50
4. Sequence Diagram Pengecekan Stok Barang

Gambar 3.13. Sequence Diagram Pengecekan Stok Barang

Berdasarkan Gambar 3.13, Squence Diagram Pengecekan Stok Barang

diatas menunjukan interaksi antara aktor selaku pengguna yaitu Karyawan

Distro dan Pemilik Distro dengan sistem, Dimana Karyawan Distro dan Pemilik

Distro melakukan pengecekan stok barang ke sistem.

51
5. Squence Diagram Laporan Transaksi Penjualan

Gambar 3.14. Sequence Diagram Laporan Transaksi Penjualan

Berdasarkan Gambar 3.14, Sequence Diagram Laporan Transaksi

Penjualan diatas menunjukan interaksi antara aktor selaku pengguna yaitu

Karyawan Distro dengan sistem, dimana Karyawan Distro mencetak Laporan

Transaksi Penjualan ke sistem.

52
6. Squence Diagram Logout

Gambar 3.15. Sequence Diagram Logout

Berdasarkan Gambar 3.15, Sequence Diagram Logout ini dilakukan oleh

dua aktor yaitu Karyawan Distro dan Pemilik Distro. Yang sebelumnya aktor

tersebut telah melakukan login sistem. Aktor memilih logout pada Form Logout.

Maka sistem akan memproses logout. Jika logout telah berhasil di lakukan

sistem akan menampilkan kembali Form Login untuk masuk ke sistem kembali

jika ingin bertransaksi.

3.5.4. Class Diagram Sistem Informasi Penjualan

Menggambarkan struktur statis class di dalam sistem. Class

merepresentasikan sesuatu yang ditangani oleh sistem. Dengan melihat

karakteristik sistem pemasaran produk mulai dari bagian registrasi sampai

dengan pemesanan beserta proses-proses yang terjadi, maka dapat dibuat Class

53
Diagram. Berikut Class Diagram pada Glatt Distro Cikarang.

Gambar 3.16. Class Diagram Sistem Informasi

54
 Berdasarkan Gambar 3.16, Class Diagram Sistem Informasi Penjualan

diatas menjelaskan tentang Spesifikasi kelas-kelas yang terdapat dalam sistem

informasi penjualan pada Glatt Distro, dimana Class Diagram yang diusulkan

ini terdapat class yang saling berhubungan dengan yang lainnya.

3.5.5. Perancangan Data Base

Perancangan database sistem informasi penjualan Glatt Distro ini memiliki

5 (lima) tabel yang terdiri dari; Tabel Login, Tabel Transaksi Penjualan, Tabel

Kelola Data Barang, Tabel Pengecekan Stok dan Tabel Laporan Penjualan.

Masing-masing tabel terdapat pada gambar dibawah ini:

55
a. Tabel Login

Table 3.1. Login

No Nama Tipe Panjang Keterangan

.
1 Username Varchar 10
2 Password Varchar 10

b. Tabel Transaksi Penjualan

Table 3.2. Transaksi Penjualan

No Nama Tipe Panjang Keterangan

.
1 Kode _Barang Varchar 15 Primary Key
2 No_Transaksi Varchar 15
3 Tanggal_Transaksi Date 10
4 Nama_Barang Varchar 25
5 Harga Varchar 20
6 Jumlah Varchar 20
7 Total Varchar 20
8 Bayar Varchar 20
9 Kembalian Varchar 20

56
c. Tabel Transaksi Penjualan

Table 3.3. Transaksi Penjualan

No Nama Tipe Panjang Keterangan

1 Kode_Barang Varchar 15 Primary Key
2 Nama_Barang Varchar 25
3 Harga Varchar 20
4 Jumlah Varchar 20

d. Tabel Pengecekan Stok Barang

Table 3.4. Pengecekan Stok Barang

No Nama Tipe Panjang Keterangan

1 Kode_Barang Varchar 15 Primary Key
2 Nama_Barang Varchar 25
3 Harga Varchar 20
4 Jumlah_Stok Varchar 20

57
 e. Tabel Laporan Transaksi Penjualan

Table 3.5. Laporan Transaksi Penjualan

No Nama Tipe Panjang Keterangan

1 Kode_Barang Varchar 15 Primary Key
2 Tanggal_Transaksi Date 10
3 Nama_Barang Varchar 25
4 Harga Varchar 20
5 Jumlah Varchar 20
6 Total Varchar 20
7 Sub_Total Varchar 20

3.5.6. Perancangan User Interface

Perancangan user interface ini adalah sebuah penggambaran atau

rancangan form yang ada pada perancangan sistem informasi penjualan ini, yang

nantinya akan diimplementasikan menjadi sebuah program yang sebenarnya.

Perancangan user interface ini terdiri dari beberapa form yaitu : form login, form

menu utama, form transaksi penjualan, form kelola data barang, form

pengecekan stok barang, form laporan transaksi penjualann print out Laporan

Transaksi Penjualan dan Struk Penjualan.

Untuk lebih jelasnya lihatlah gambar dibawah ini :

a. Perancangan Form Menu Utama

58
 Gambar 3.17. Perancangan Form Menu Utama

b. Perancangan Form Login Admin

Gambar 3.18. Perancangan Form Login

59
c. Perancangan Form Katalog

Gambar 3.19. Perancangan Form Katalog

60
d. Perancangan Form Order

Gambar 3.20. Perancangan Form Order

61
e. Perancangan Form Pembayaran

Gambar 3.21. Perancangan Form Pembayaran

62
 BAB IV
KESIMPULAN DAN SARAN

4.1. Kesimpulan
Kesimpulan yang dapat diambil dari perancangan sistem terhadap

permasalahan yang ada pada Glatt Distro adalah perancangan sistem informasi

penjualan pada Glatt Distro diharapkan dapat memberikan solusi terhadap

permasalahan yang dihadapi oleh Glatt Distro dalam proses penjualan produk

serta sebagai solusi pemasaran produk ke berbagai wilayah baik dalam kota

maupun luar kota.

4.2. Saran

Perancangan sistem penjualan produk berbasis web yang penulis

kembangkan ini masih terdapat beberapa kekurangan. Oleh karena itu, penulis

berharap dengan berkembangnya teknologi seluler, perancangan ini dapat

direalisasikan menjadi sebuah sistem dan bermanfaat untuk penjualan pada Glatt

Distro Cikarang.

63
 DAFTAR PUSTAKA

[1] A. Prasetyo and R. Susanti, “Sistem Informasi Penjualan Berbasis Web

Pada PT. Cahaya Sejahtera Sentosa Blitar,” J. Ilm. Teknol. Inf. Asia, vol.
10, no. 2, pp. 1–16, 2016.

[2] S. Ipnuwati, “Perancangan Sistem Informasi Penjualan Pada Toko Minak

Singa,” Explor. J. Sist. Inf. dan Telemat., vol. 4, no. 2, pp. 12–20, 2014,
doi: 10.36448/jsit.v4i2.536.

[3] H. M. Jogiyanto, “Analisis & Desain Sistem Informasi,” Yogyakarta Andi

Offset, 2005.

[4] N. E. Husda and Y. Wangdra, “Pengantar Teknologi Informasi,” Jakarta:

Baduose Media, 2016.

[5] G. B. Davis, “Information systems conceptual foundations: looking

backward and forward,” in Organizational and social perspectives on
information technology, Springer, 2000, pp. 61–82.

[6] T. H. Marimin and H. Prabowo, “Sistem Informasi Sumber Daya

Manusia,” PT. Gramedia Widiasarana. Jakarta, 2006.

[7] M. Bonnie Soeherman, Designing Information System. Elex Media

Komputindo, 2013.

[8] S. Nafisah, “Grafika Komputer,” Yogyakarta Graha Ilmu, 2003.

[9] F. Rangkuti, Strategi promosi yang kreatif dan analisis kasus. Gramedia
Pustaka Utama, 2013.

[10] T. S. Sukamto, “Pengantar teknologi informasi.”

[11] S. T. Syafrudin, “Eko. 2008,” Koneksi Internet untuk PC, Laptop dan HP.

[12] Y. Kustiyahningsih and D. R. Anamisa, “Pemrograman Basis Data

Berbasis Web Menggunakan PHP & MySQL,” Yogyakarta Graha Ilmu,
2011.

[13] O. B. S. Dharma, “Perencanaan dan Pembangunan Sistem Informasi,

Yogyakarta.” Hal, 2006.

[14] A. Kadir, Pengenalan sistem informasi edisi revisi. Andi, 2017.

64
65
 LAMPIRAN – LAMPIRAN

Lampiran 1 Formulir Kegiatan Harian Mahasiswa

66
Lampiran 2 Formulir Penilaian Kuliah Kerja Praktik

67
68
Lampiran 3 Kartu Kendali Bimbingan Kerja Praktik

69