65
RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh : RICO KURNIAWAN 15410100036 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2019

RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

  • Upload
    others

  • View
    16

  • Download
    0

Embed Size (px)

Citation preview

Page 1: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE

PADA PT ANTARI JAYA MANDIRI

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh :

RICO KURNIAWAN

15410100036

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 2: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE

PADA PT ANTARI JAYA MANDIRI

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Komputer

Disusun Oleh :

Nama : RICO KURNIAWAN

NIM : 15410100036

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 3: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

My crime is that of curiosity.

My crime is that of judging people

By what they say and think,

Not what they look like.

My crime is that of outsmarting you,

Something that you will never forgive me for.

( Kevin Mitnik Founder of linux )

Page 4: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

If you fail, never give up because F.A.I.L Means “ FIRST ATTEMPT IN

LEARNING” end is not the end, if fact E.N.D means “EFFORT NEVER DIES” if

you get no as an answer, remember N.O means “NEXT OPPORTUNITY”. So

let’s be positive

Page 5: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

LEMBAR PENGESAHAN

RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE

PADA PT ANTARI JAYA MANDIRI

Laporan Kerja Praktik oleh

Rico Kurniawan

NIM : 15410100036

Telah diperiksa, diuji dan disetujui

Surabaya, 15 Juli 2019

Disetujui :

Pembimbing Penyelia

Valentinus Roby Hananto. S.Kom., M.Sc., OCA Eko Mahendra Jaya NIDN 0715028903

Mengetahui,

Kepala Pragram Studi S1 Sistem Informasi

Dr. Anjik Sukmaaji, S.Kom., M.Eng. NIDN. 0731057301

Page 6: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

SURAT PERNYATAAN

PERSETUJUAAN PUBLIKASI DAN KEASLIAN KARYA ILMIAH

Sebagai mahasiwa Institut Bisnis dan Informatika Stikom Surabaya, saya :

Nama : Rico Kurniawan NIM : 15410100036 Program Studi : S1 Sistem Informasi Fakultas : Fakultas Teknologi dan Informatika Jenis Karya : Laporan Kerja Praktik Judul Karya : RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI Menyatakan dengan sesungguhnya bahwa : 1. Demi pengembangan Ilmu Pengetahuan, Teknologi dan Seni, saya

menyetujui memberikan kepada Institut Bisnis dan Informatika Stikom Surabaya Hak Bebas Royalti Non-Eksklusif (Non-Exclusive Royalti Free Right) atas seluruh isi/ sebagian karya ilmiah saya tersebut di atas untuk disimpan, dialih mediakan dan dikelola dalam bentuk pangkalan data (database) untuk selanjutnya didistribusikan atau dipublikasikan demi kepentingan akademis dengan tetap mencamtumkan nama saya sebagai penulis atau pencipta dan sebagai pemilik Hak Cipta

2. Karya tersebut di atas adalah karya asli saya, bukan plagiat baik sebagian maupun keseluruhan. Kutipan, karya atau pendapat orang lain yang ada dalam karya ilmiah ini adalah semata hanya rujukan yang dicantumkan dalam Daftar Pustaka saya

3. Apabila dikemudian hari ditemukan dan terbukti terdapat tindakan plagiat pada karya ilmiah ini, maka saya bersedia untuk menerima pencabutan terhadap gelar kesarjanaan yang telah diberikan kepada saya.

Demikian surat pernyataan ini saya buat dengan sebenarnya.

Surabaya, 15 Juli 2019 Yang menyatakan Rico Kurniawan

NIM 15410100036

Page 7: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

vii

ABSTRAK

PT. Antari Jaya Mandiri merupakan suatu perusahaan yang bergerak di

bidang penjualan dan penyedia barang. Dalam melakukan transaksi, PT. Antari

Jaya Mandiri masih menggunakan proses konvensional, dalam pengolahan data

transaksi penjualan sering mengalami kesalahan ketika melayani transaksi dan

sering terjadi kesalahan dalam penyampaian informasi penjualan.

Pengembangan sistem aplikasi transaksi penjualan barang ini

menggunakan metode pendekatan terstruktur yaitu metode pengumpulan data yang

digunakan antara lain wawancara, survei, dan observasi.

Berdasarkan permasalahan di atas, maka hasil dari kerja praktik adalah

Rancang Bangun Aplikasi Penjualan Berbasis Website Pada PT. Antari Jaya

Mandiri. Sistem ini dapat membantu admin melakukan transaksi penjualan barang.

Kata Kunci : Penjualan, Transaksi penjualan, Barang

Page 8: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

viii

KATA PENGANTAR

Dengan mengucap Puji Syukur atas Kehadirat Allah SWT atas Rahmat

dan Hidayah-nya penulis dapat menyelesaikan laporan kerja praktik yang berjudul

“Rancang Bangun Aplikasi Penjualan Berbasis Website Pada PT. Antari Jaya

Mandiri”. Penyusunan laporan kerja praktik ini berdasarkan pada hasil studi dalam

pelaksanaan kerja praktik di PT. Antari Jaya Mandiri yang dilaksanakan selama

kurun waktu satu bulan.

Dalam pelaksanaan kerja praktik dan penyelesaian laporan kerja praktik,

penulis memperoleh bantuan dan dukungan dari berbagai pihak, baik berupa

dukungan materil maupun dukungan moril. Oleh karena itu, pada kesempatan ini

penulis mengucapkan terima kasih kepada :

1. Kedua Orang Tua dan keluarga besar penulis yang selalu memberikn dukungan

dan motivasi kepada penulis.

2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng., selaku Kepala Program Studi S1

Sistem Informasi yang telah memberikan arahan selama pelaksanaan kerja

praktik.

3. Bapak Valentinus Roby Hananto, S.Kom., M.Sc., OCA selaku Dosen

Pembimbing yang selalu memberikan arahan selama pelaksanaan keerja praktik

4. Bapak Eko Mahendra Jaya selaku Direktur PT. Antari Jaya Mandiri yang telah

memberikan izin selama pelaksanaan kerja praktik

5. Saudari Shripadya Paramitha selaku bagian Admin Officer PT. Antari Jaya

Mandiri yang telah banyak membantu dalam pelaksanaan kerja praktik.

6. M. Putra, Retza, Bima dan Ananta selaku rekan penulis yang selalu memberikan

dukungan dan membantu penulis dalam pelaksanaan kerja praktik.

Page 9: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

ix

Semoga Allah SWT memberikan rahmat-Nya kepada semua pihak yang telah

membantu penulis dalam pelaksanaan kerja praktik dan membantu penulis

menyelesaikan laporan kerja praktik.

Penulis menyadari bahwa di dalam laporan kerja praktik ini masih terdapat

banyak kekurangan, meskipun demikian penulis berharap laporan kerja praktik ini

bermanfaat bagi penulis dan semua pihak. Oleh karena itu, adanya saran dan kritik

sangat diharapkan.

Surabaya, 10 Juli 2019

Penulis

Page 10: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

x

DAFTAR ISI

Halaman

ABSTRAK ........................................................................................................ vii

KATA PENGANTAR ...................................................................................... viii

DAFTAR ISI ....................................................................................................... x

DAFTAR TABEL ............................................................................................ xiii

DAFTAR GAMBAR ........................................................................................ xiv

DAFTAR LAMPIRAN ..................................................................................... xvi

BAB I ................................................................................................................ 17

1.1 Latar Belakang Masalah.................................................................... 17

1.2 Perumusan Masalah .......................................................................... 18

1.3 Batasan Masalah ............................................................................... 18

1.4 Tujuan .............................................................................................. 19

1.5 Manfaat ............................................................................................ 19

1.6 Sistematika Penulisan ....................................................................... 20

BAB II ............................................................................................................... 22

2.1 Gambaran Umum PT. Antari Jaya Mandiri ....................................... 22

2.2 Logo PT. Antari Jaya Mandiri ........................................................... 22

2.3 Visi dan Misi PT. Antari Jaya Mandiri .............................................. 22

2.3.1 Visi ........................................................................................... 22

2.3.2 Misi .......................................................................................... 23

2.4 Tugas dan fungsi PT. Antari Jaya Mandiri ........................................ 23

2.4.1 Tugas ........................................................................................ 23

2.4.2 Fungsi ....................................................................................... 23

2.5 Struktur organisasi PT. Antari Jaya Mandiri ...................................... 24

2.6 Deskripsi tugas dan fungsi di PT Antari Jaya Mandiri ....................... 24

2.6.1 Kabag Keuangan ....................................................................... 24

2.6.2 Admin ........................................................................................ 25

2.6.3 Staff Gudang.............................................................................. 25

2.6.4 Bagian pengiriman ..................................................................... 25

BAB III ............................................................................................................. 26

3.1 Sistem informasi ............................................................................... 26

Page 11: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

xi

3.2 Penjualan .......................................................................................... 26

3.3 Aplikasi ............................................................................................ 27

3.4 Website ............................................................................................. 27

3.5 System Development Life Cycle (SDLC) ........................................... 28

3.5 Bagan Alir (Flowchart) ..................................................................... 30

3.6 Data Flow Diagram (DFD) .............................................................. 32

3.7 Hyper Text Markup Language (HTML) ............................................ 33

3.8 Hypertext Preprocessor .................................................................... 34

3.9 Cascading Style Sheets (CSS) ........................................................... 34

3.10 Value Chain (Rantai Nilai) .............................................................. 34

BAB IV ............................................................................................................. 36

4.1 Analisa Sistem .................................................................................. 37

4.2 Identifikasi Masalah .......................................................................... 37

4.3 Spesifikasi Aplikasi .......................................................................... 37

4.4 Lingkungan Operasi .......................................................................... 38

4.5 System Flow...................................................................................... 39

4.5.1 System Flow Penjualan .............................................................. 39

4.5.2 System Flow Pembuatan Laporan Kepada Pimpinan .................. 40

4.6 Context Diagram .............................................................................. 41

4.7 Diagram Jenjang ............................................................................... 41

4.8 Data Flow Diagram .......................................................................... 42

4.8.1 Data Flow Diagram Level 0 ...................................................... 42

4.8.2 Data Flow Diagram Level 1 proses 1.0...................................... 43

4.8.3 Data Flow Diagram Level 1 proses 2.0...................................... 43

4.8.4 Data Flow Diagram Level 1 proses 3.0...................................... 44

4.9 Struktur Basis Data ........................................................................... 44

4.9.1 Conceptual Data Model (CDM) ................................................ 44

4.9.2 Physcial Data Model (PDM) ..................................................... 45

4.10 Struktur Tabel .................................................................................. 46

4.10.1 Tabel Customer ....................................................................... 46

4.10.2 Tabel Penjualan ....................................................................... 46

4.10.3 Tabel Detail_Penjualan ............................................................ 47

Page 12: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

xii

4.10.4 Tabel Barang ........................................................................... 47

4.10.5 Tabel Admin ............................................................................ 47

4.10.6 Tabel Bagian ........................................................................... 48

4.10.7 Tabel Persediaan...................................................................... 48

4.11 Desain Input dan Output .................................................................. 49

4.11.1 Desain Input ............................................................................. 49

4.11.2 Desain Output........................................................................... 53

4.12 Pengoprasian Program ..................................................................... 58

4.12.1 Halaman Dashboard ................................................................. 58

4.12.2 Halaman Pembuatan Transaksi Tunai ....................................... 59

4.12.3 Halaman List Tranksaksi .......................................................... 59

4.12.4 Halaman Laporan Transaksi ..................................................... 60

4.12.5 Halaman Cetak Hasil Akhir Penjualan ...................................... 61

4.12.6 Halaman Cetak Nota Penjualan................................................. 62

4.12.7 Halaman Login Admin .............................................................. 63

BAB V............................................................................................................... 64

5.1 Kesimpulan ...................................................................................... 64

5.2 Saran ................................................................................................ 64

DAFTAR PUSTAKA

LAMPIRAN

Page 13: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

xiii

DAFTAR TABEL

Halaman

Tabel 3. 1 Simbol – Simbol dalam Flowchart .................................................... 31

Tabel 3. 2 Data Flow Diagram .......................................................................... 32

Tabel 4. 1 Tabel Customer ................................................................................. 46

Tabel 4. 2 Tabel Penjualan ................................................................................. 46

Tabel 4. 3 Detail_Penjualan ............................................................................... 47

Tabel 4. 4 Tabel Barang ..................................................................................... 47

Tabel 4. 5 Tabel Admin ...................................................................................... 47

Tabel 4. 6 Tabel Bagian ..................................................................................... 48

Tabel 4. 7 Tabel Persediaan ............................................................................... 48

Page 14: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

xiv

DAFTAR GAMBAR

Halaman

Gambar 2. 1 Logo PT Antari Jaya Mandiri ......................................................... 22

Gambar 2. 2 Struktur Organisasi PT. Antari Jaya Mandiri .................................. 24

Gambar 3. 1 Metode Waterfall ........................................................................... 30

Gambar 4. 1 System Flow Penjualan PT Antari Jaya Mandiri ............................. 39

Gambar 4. 2 System Flow Pembuatan Laporan .................................................. 40

Gambar 4. 3 Context Diagram ........................................................................... 41

Gambar 4. 4 Diagram Jenjang ............................................................................ 42

Gambar 4. 5 Data Flow Diagram level 0............................................................ 42

Gambar 4. 6 Data Flow Diagram level 1 proses 1.0 ........................................... 43

Gambar 4. 7 Data Flow Diagram level 1 proses 2.0 ........................................... 43

Gambar 4. 8 Data Flow Diagram level 1 proses 3.0 ........................................... 44

Gambar 4. 9 Conceptual Data Model ................................................................. 45

Gambar 4. 10 Physical Data Model ................................................................... 45

Gambar 4. 11 Desain Input Form Login ............................................................. 49

Gambar 4. 12 Desain Input Form Pembuatan Transaksi Tunai ........................... 50

Gambar 4. 13 Desain Input Form Pembuatan Transaksi Kredit .......................... 51

Gambar 4. 14 Desain Input Form produk baru ................................................... 51

Gambar 4. 15 Desain Input Form Satuan Produk ............................................... 52

Gambar 4. 16 Desain Input Form User baru ....................................................... 52

Gambar 4. 17 Desain Output Hasil Transaksi Tunai ........................................... 53

Gambar 4. 18 Desain Output Cetak Nota Transaksi Tunai .................................. 54

Gambar 4. 19 Desain Output Cetak PDF Transaksi Tunai .................................. 54

Gambar 4. 20 Desain Output Hasil Transaksi Kredit .......................................... 55

Gambar 4. 21 Desain Output Cetak Nota Transaksi Kredit ................................. 55

Gambar 4. 22 Desain Output Cetak PDF Transaksi Tunai .................................. 56

Gambar 4. 23 Desain Output Laporan Penjualan ................................................ 57

Gambar 4. 24 Desain Output Daftar Harga Produk ............................................. 57

Gambar 4. 25 Halaman Dashboard .................................................................... 58

Gambar 4. 26 Halaman Pembuatan Tranksaksi Tunai ........................................ 59

Page 15: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

xv

Gambar 4. 27 Halaman list transaksi .................................................................. 60

Gambar 4. 28 Halaman Laporan Transaksi ......................................................... 60

Gambar 4. 29 Halaman Cetak Hasil Akhir Penjualan ......................................... 61

Gambar 4. 30 Halaman Cetak Nota Penjualan .................................................... 62

Gambar 4. 31 Halaman Login Admin ................................................................. 63

Page 16: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

xvi

DAFTAR LAMPIRAN

Halaman

LAMPIRAN 1 Surat Balasan Institusi ................................................................ 66

LAMPIRAN 2 Form KP 5 Halaman 1 ............................................................... 67

LAMPIRAN 3 Form KP 5 Halaman 2 ............................................................... 68

LAMPIRAN 4 Form KP 6 Halaman 1 ............................................................... 69

LAMPIRAN 5 Form KP 6 Halaman 2 ............................................................... 70

LAMPIRAN 6 Form KP 7 ................................................................................. 71

LAMPIRAN 7 Kartu Bimbingan Kerja Praktik .................................................. 72

LAMPIRAN 8 Biodata Penulis .......................................................................... 73

Page 17: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

17

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

PT. Antari Jaya Mandiri adalah perusahaan yang bergerak di bidang

penjualan dan sekaligus penyedia barang, barang yang di sediakan oleh PT. Antari

Jaya Mandiri diantaranya adalah : bahan bangunan, peralatan yang berkaitan

dengan listrik dan lain-lain. Kemudian, Visi dari PT. Antari Jaya Mandiri adalah

menjadi perusahaan general supplier yang professional dan menjadi salah satu

supplier yang unggul dan diperhitungkan dibidangnya. PT. Antari Jaya Mandiri

memiliki 2 layanan yaitu layanan penjualan dan layanan penyedia barang.

Berdasarkan 2 pelayanan diatas, layanan penjualan berkaitan dengan

pencatatan barang keluar, nota penjualan, pembayaran. Layanan penyedia barang

berkaitan dengan pencatatan barang keluar, list barang yang dipesan, harga,

pembayaran.

Proses bisnis yang dijalankan oleh PT. Antari Jaya Mandiri untuk menjadi

perusahaan general supplier yang professional dan menjadi salah satu supplier

yang unggul yaitu penerapan proses dari Inbon Logistic yang terdiri atas : proses

pencatatan list barang yang dipesan. Operation yang terdiri atas : pembayaran.

Outbound terdiri atas : barang terjual. Marketing and Sales terdiri atas : kegiatan

promosi dengan cara mulut ke mulut (word of mouth). Service terdiri atas :

menyediakan barang dan memberikan pelayanan yang optimal untuk pelanggan.

Kemudian analisa yang berhubungan dengan aktivitias pendukung antara

lain Firm infrastructure yang terdiri atas : gudang penyimpanan barang dan toko.

Page 18: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

18

Human resource development terdiri atas : staff pegawai. Technology development

terdiri atas jaringan internet.

Berdasarkan wawancara bersama direktur PT. Antari Jaya Mandiri yaitu

Bapak Eko Mahendra, pada kondisi saat ini proses pelayanan yang berkaitan

dengan penjualan barang pada PT. Antari Jaya Mandiri masih di lakukan secara

manual, diantaranya adalah proses : transaksi penjualan kepada pembeli,

pencatatan, pembuatan nota, pembuatan list barang dan lain-lain. Proses pelayanan

penjualan yang ada saat ini sering menimbulkan kesalahan ketika ada proses

pemesanan dan pembayaran dari pembeli, karena terlalu banyak pesanan antara 1

(satu) orang pembeli dan pembeli lainnya.

Pelayanan penjualan merupakan layanan yang sangat penting bagi

perusahaan oleh karena PT. Antari Jaya Mandiri membutuhkan sebuah sistem

informasi transaksi penjualan. Maka dari masalah yang sudah dibahas diatas,

diharapkan adanya sistem informasi yang dapat membantu proses tersebut tanpa

harus menggunakan cara manual.

1.2 Perumusan Masalah

Berdasarkan latar belakang yang telah dijabarkan, dapat dirumuskan

permasalahan yang ada, yaitu Bagaimana Merancang dan Membangun Aplikasi

Penjualan yang dapat meningkatkan penjualan dan mempermudah pekerjaan

karyawan.

1.3 Batasan Masalah

Batasan masalah pada kerja praktik Rancang Bangun Aplikasi Penjualan

Pada PT. Antari Jaya Mandiri adalah sebagai berikut :

Page 19: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

19

1. Aplikasi ini digunakan untuk melayani transaksi penjualan, melihat hasil

transaksi tahunan, laporan penjualan

2. Sistem yang dibangun menggunakan framework laravel dengan Bahasa

pemrograman Bootstrap, PHP, HTML, CSS dan menggunakan database

Mysql.

3. Keamanan sistem hanya sebatas pemberian hak akses kepada pengguna.

1.4 Tujuan

Tujuan penulisan tugas akhir ini adalah untuk menerapkan Rancang Bangun

Aplikasi Penjualan Pada PT. Antari Jaya Mandiri untuk meningkatkan penjualan

dan mempermudah pekerjaan karyawan.

1.5 Manfaat

Adapaun manfaat yang diperoleh dari kerja praktik ini adalah :

1. Bagi mahasiswa

a. Mendapatkan sebuah pengalaman kerja di PT. Antari Jaya Mandiri.

b. Meningkatkan kemampuan dibidang programming dan marketing.

c. Mendapatkan rekan afiliasi dengan instansi.

2. Bagi PT. Antari Jaya Mandiri

a. Mempermudah dalam melakukan transaksi penjualan.

b. Dapat melihat list barang apa saja yang sering di pesan oleh pembeli.

c. Memudahkan dalam melakukan pencatatan barang.

d. Menjaring lebih banyak pembeli.

e. Meningkatkan pelayanan bagi pembeli.

3. Bagi Pembeli

Page 20: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

20

a. Menghemat waktu.

b. Pemesanan barang dan transaksi lebih efisien.

c. Kemudahan dalam melakukan permbayaran.

1.6 Sistematika Penulisan

Sistematika penulisan yang digunakan dalam penulisan kerja praktik ini

adalah sebagai berikut :

BAB I : PENDAHULUAN

Bab ini merupakan pendahuluan dari laporan kerja praktik yang

membahas mengenai latar belakang masalah, perumusan masalah,

pembatasan masalah, tujuan, dan sistematika penulisan.

BAB II : GAMBARAN UMUM PERUSAHAAN

Bab ini menjelaskan secara rinci mengenai gambaran umum PT.

Antari Jaya Mandiri seperti : visi dan misi PT. Antari Jaya Mandiri,

struktur organisasi serta deskripsi tugas dari masing-masing bagian

yang bersangkutan.

BAB III : LANDASAN TEORI

Bab ini menjelaskan mengenai teori-teori yang dijadikan landasan

dalam perancangan Aplikasi Penjualan Berbasis Website Pada PT.

Antari Jaya Mandiri

BAB IV : DESKRIPSI PEKERJAAN

Bab ini menjelaskan tentang langkah-langkah pemecahan masalah

berdasarkan analisis kebutuhan diantaranya identifikasi masalah,

analisis masalah, rancangan sistem baru yang diajukan sebagai

Page 21: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

21

alternatif penyelesaian dari masalah yang dihadapi serta melakukan

implementasi sistem di PT. Antari Jaya Mandiri.

BAB V : PENUTUP

Bab ini berisi kesimpulan yang menjawab dalam perumusan

masalah dan beberapa saran yang bermanfaat untuk

mengambangkan sistem di waktu mendatang.

Page 22: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

22

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Gambaran Umum PT. Antari Jaya Mandiri

PT. Antari Jaya Mandiri merupakan perusahaan yang bergerak dibidang

pengadaan barang. Berbagai macam barang tersedia guna di supply kepada

pembelinya seperti : alat berat, kelistrikan, dan lain-lain. PT. Antari Jaya Mandiri

terletak di Jl. Banyu Urip No. 288, Surabaya. Perusahaan ini memiliki beberapa

proses bisnis antara lain sebagai berikut : Menyediakan pengadaan barang yang

sudah dinaungi oleh perusahaan besar seperti wika, paithon, dan lain sebagainya.

2.2 Logo PT. Antari Jaya Mandiri

2.3 Visi dan Misi PT. Antari Jaya Mandiri

Adapun visi dan misi dari PT. Antari Jaya Mandiri akan diuraikan pada

penjelasan dibawah ini :

2.3.1 Visi

Visi Perusahaan PT. Antari Jaya Mandiri adalah sebagai berikut :

1. Menjadi perusahaan general supplier yang professional dan terdepan.

2. Menjadi salah satu perusahaan supplier dan jasa yang unggul dan

diperhitungkan dibidangnya

Gambar 2. 1 Logo PT Antari Jaya Mandiri

Page 23: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

23

2.3.2 Misi

PT. Antari Jaya Mandiri dalam usaha keras mencapai visi yang telah

ditetapkan diatas, mengemban misi sebagai berikut :

1. Memberikan pelayanan terbaik untuk klien, mitra dan partner bisnis.

2. Menjalin dan membangun kerjasama yang baik dengan klien, mitra dan partner

bisnis.

3. Menciptakan standar dengan layanan terbaik serta berkualitas untuk pelayanan.

2.4 Tugas dan fungsi PT. Antari Jaya Mandiri

Adapun tugas dan fungsi PT. Antari Jaya Mandiri akan diuraikan dalam

penjelasan dibawah ini :

2.4.1 Tugas

PT. Antari Jaya Mandiri bertugas untuk melayani pengadaan dan

pemesanan barang sesuai dengan permintaan klien.

2.4.2 Fungsi

a. Pelaksanaan penelitian dan pengembangan teknologi industri dibidang bahan

baku, bahan penolong, proses, peralatan / mesin dan hasil produk serta

penanggulangan pencemaran industri.

b. Penyusunan program dan pengembangan kompetensi dibidang jasa riset /

litbang.

c. Perumusan dan penerapan standar, pengujian dan sertifikasi dalam bidang

bahan baku, bahan penolong, proses, peralatan / mesin dan hasil produk.

d. Pemasaran, kerjasama, promosi, pelayanan informasi, penyebarluasan dan

pendayagunaan hasil riset / penelitian dan pengembangan

Page 24: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

24

2.5 Struktur organisasi PT. Antari Jaya Mandiri

PT. Antari Jaya Mandiri pada saat ini dipimpin oleh seorang direktur yang

bernama Bapak Eko Mahendra, Bapak Eko Mahendra Jaya membawahi 3 unit

bagian yaitu Kabag keuangan, Admin, Staff Gudang. Bapak eko dibantu oleh

seorang Kabag Keuangan dan Admin. Admin pada PT. Antari Jaya Mandiri

membawahi satu bagian yaitu : Bagian Pengiriman. Struktur organisasi pada PT.

Antari Jaya Mandiri dapat dilihat pada gambar dibawah ini :

2.6 Deskripsi tugas dan fungsi di PT Antari Jaya Mandiri

2.6.1 Kabag Keuangan

Tugas bagian keuangan adalah melakukan kontrol terhadap pengajuan

pengeluaran kas, biaya keuangan, dan perjanjian – perjanjian eksternal yang

ditandatangani oleh setiap bagian perusahaan. Kabag Keuangan memiliki fungsi :

a. Menyusun laporan laba rugi setiap periode

b. Mengawasi seluruh aktivitas perusahaan terutama yang melibatkan transaksi

keuangan

c. Membuat anggaran perusahaan

Gambar 2. 2 Struktur Organisasi PT. Antari Jaya Mandiri

Page 25: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

25

d. Menyusun laporan tentang aktiva, kewajiban, dan modal atau harta yang

dimiliki perusahaan

2.6.2 Admin

a. Membuat laporan akhir bulan dalam bentuk faktur penjualan

b. Merekap tagihan

c. Mendistribusikan salinan faktur

d. Membuat laporan penjualan dan tagihan customer dan pabrik

e. Merekap retur customer

f. Mencatat dan memeriksa status data penjualan

g. Menginput data penjualan setiap hari

Bagian admin membawahi :

a. Bagian pengiriman

b. Staff Gudang

2.6.3 Staff Gudang

a. Melakukan pemeriksaan stok barang

b. Membuat laporan stok barang tersedia dan tidak tersedia

2.6.4 Bagian pengiriman

a. Memastikan barang sampai ke tempat dengan aman.

Page 26: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

26

BAB III

LANDASAN TEORI

Landasan teori merupakan penjelasan dari teori – teori yang berhubungan

dengan Rancang Bangun Aplikasi Penjualan Berbasis Website pada PT. Antari Jaya

Mandiri. Di bagian ini terdapat teori yang mendukung dalam analisa, perancangan,

dan pembuatan aplikasi.

3.1 Sistem informasi

Menurut McLeod (2001) data yang telah diolah menjadi bentuk yang

memiliki arti bagi penerima dan bermanfaat bagi pengambilan keputusan saat ini

atau mendatang.

Menurut Bodnar (2000) data yang diolah sehingga dapat dijadikan dasar

untuk mengambil keputusan yang tepat. Karena sistem informasi merupakan sistem

dalam organisasi yang mempertemukan kebutuhan pengolahan transaksi harian

yang mendukung fungsi manajerial organisasi dalam kegiatan organisasi untuk

dapat menyediakan kepada pihak luar tertentu dengan laporan yang diperlukan

(Sutabri, 2005).

3.2 Penjualan

Pengertian penjualan sering ditafsirkan dengan lingkup yang berbeda, agar

mendapatkan gambaran yang jelas maka ditinjau tentang pengertian penjualan.

Penjualan dapat didefinisikan sebagai ilmu dan seni mempengaruhi pribadi yang

dilakukan oleh penjual untuk mengajak orang lain agar bersedia membeli barang

dan jasa yang ditawarkan (swastha, 2001).

Page 27: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

27

Pada umumnya para pengusaha mempunyai tujuan mendapatkan laba

tertentu (seperti maksimal), dan mempertahankan atau berusaha meningkatkan

untuk jangka waktu yang lama. Tujuan tersebut dapat direalisir apabila penjualan

dapat dilaksanakan seperti yang direncanakan. Dengan demikian tidak berarti

bahwa barang atau jasa yang terjual selalu akan menghasilkan laba. Kemampuan

usaha dalam menjual produknya menentukan keberhasilan dalam mencari

keuntungan, apabila usaha tersebut tidak mampu menjual maka usaha tersebut akan

mengalami kerugian.

Menurut Swastha (2001) tujuan umum penjualan yaitu :

1. Mencapai volume penjualan

2. Mendapatkan laba tertentu

3. Menunjang pertumbuhan usaha

3.3 Aplikasi

Menurut Dhanta (2009) aplikasi (application) adalah software yang dibuat

oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas tertentu, misalnya

Microsoft Word, Microsoft Exel. Sedangkan menurut Anisyah (2000) aplikasi

adalah penerapan, penggunaan atau penambahan dari pengertian diatas, dapat

disimpulkan bahwa aplikasi merupakan software yang berfungsi untuk melakukan

berbagai bentuk pekerjaan atau tugas – tugas tertentu seperti penerapan,

penggunaan dan penambahan data.

3.4 Website

Website adalah kumpulan halaman Website yang saling terhubung dan File

– File yang saling terkait. Website terdiri dari page atau halaman, dan kumpulan

Page 28: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

28

halaman yang dinamakan homepage. Homepage berada pada posisi teratas, dengan

halaman – halaman terkait berada dibawahnya. Biasanya setiap halaman di bawah

homepage disebut Chile Page, yang berisi Hyperlink ke halaman lain dalam web

(Gregorius, 2000). Kemudian dapat memuat film, gambar, suara, dan musik yang

ditampilkan diinternet (Feri, 2008).

3.5 System Development Life Cycle (SDLC)

System Development Life Cycle (SDLC) merupakan kerangka kerja atau

metodologi untuk membangun sebuah sistem informasi. Ide utama dari SDLC

adalah “untuk mengejar pengembangan sistem informasi secara terstruktur dan

metodis, yang mengharuskan tahapan Life Cycle mulai dari ide awal sampai dengan

tahap final sistem dilakukan secara berurutan”. Salah satu tipe SDLC yang pertama

dan paling sering digunakan adalah metode Waterfall.

Metode Waterfall sering dianggap sebagai pendekatan klasik.

Perancangan sistem dengan menggunakan metode Waterfall bertujuan untuk yang

berbeda pada setiap fase. Setelah fase perancangan selesai, maka hasil

pengembangan ke tahap berikutnya dan tidak ada jalan kembali ke tahap

perancangan awal.

Keuntungan dari penggunaan metode Waterfall adalah memungkinkan

untuk melakukan control secara manajerial. Sehingga dapat mengatur jadwal

pengembangan dengan tenggat waktu pada setiap tahap pengembangan.

Kerugian dari penggunaan metode Waterfall adalah pengembang tidak

memungkinkan melakukan perbaikan terlalu banyak pada program yang di

rancang. Dikarenakan akan mengubah konsep awal jika melakukan perbaikan pada

program yang sudah dirancang menggunakan Waterfall.

Page 29: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

29

Tahapan-tahapan pada metode Waterfall :

a. Requirement Analysis

Seluruh kebutuhan dari pengembangan program harus didapatkan pada

fase ini, termasuk fungsi, penggunaan, dan batasan pada program yang dibangun.

b. System Design

Tahapan ini dilakukan sebelum implementasi program (coding). Tahap ini

bertujuan untuk memberikan gambaran yang jelas mengenai desain atau tampilan

program yang akan dirancang. Tahap ini dapat membantu dalam spesifikasi

kebutuhan sistem serta mendefinisikan arsitektur sistem secara keseluruhan.

c. Implementation

Tahapan ini dilakukan pada saat pembuatan program (coding). Pada tahap

perancangan program, memiliki proses pemisahan program menjadi modul kecil

dan akan di gabungkan pada tahap akhir. Selain itu pada tahapan ini dilakukan

pemeriksaan terhadap modul-modul kecil yang sudah dibuat, sudah memenuhi

fungsi apa tidak.

d. Integration and Testing

Pada tahap ini dilakukan penggabungan antara modul-modul kecil yang

sudah dibuat, kemudian dilakukan pengujian pada program yang sudah dirangkai

dari beberapa modul sebelumnya.

e. Operation and Maintenance

Page 30: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

30

f. Pada tahapan ini merupakan tahap terakhir dari perancangan program dalam

metode Waterfall. Pemeliharaan dalam perbaikan kesalahan yang tidak

ditemukan pada langkah sebelumya. Perbaikan dan implementasi unit sistem

dan peningkatan jasa sistem sistem sebagai kebutuhan baru.

3.5 Bagan Alir (Flowchart)

Al-Bahra , (2013) mengemukakan bahwa, flowchart adalah bagan – bagan

yang mempunyai arus yang menggambarkan langkah – langkah penyelesaian suatu

masalah. Flowchart merupakan cara penyajian dari suatu algoritme. Sedangkan

menurut Jogiyanto (2000) mendefinisikan bahwa “ Bagan alir (flowchart) adalah

bagan (chart) yang menunjukkan alir (flow) didalam program atau prosedur sistem

secara logika ”. Bagan alir digunakan terutama untuk alat bantu untuk dokumentasi.

(Sariadin, 2009) menjelaskan simbol-simbol dalam Flowchart adalah

sebagai berikut :

Requirement definition

System and design

software

Implementation and unit

testing

Integration and system

testing

Operation and

maintenance

Gambar 3. 1 Metode Waterfall

Page 31: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

31

Tabel 3. 1 Simbol – Simbol dalam Flowchart

No. Simbol Keterangan

1. Simbol Start atau End yang mendefinisikan awal atau akhir dari sebuah flowchart.

2. Simbol pemrosesan yang terjadi pada sebuah alur kerja.

3. Simbol yang menyatakan bagian dari program (sub program).

4. Persiapan yang digunakan untuk memberi nilai awal suatu besaran.

5. Simbol Input. Output yang mendefinisikan masukan dan keluaran proses.

6. Menyatakan penyambung ke simbol lain dalam satu halaman.

7. Menyatakan penyambung ke halaman lainnya.

8. Menyatakan pencetakan (dokumen) pada kertas.

9. Menyatakan decision (keputusan) yang digunakan untuk penyeleksian kondisi di dalam program.

10. Simbol database atau basis data.

11. Menyatakan input/output menggunakan disket.

12. Menyatakan operasi yang dilakukan secara manual.

13. Menyatakan input/output dari kartu plong

Page 32: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

32

3.6 Data Flow Diagram (DFD)

Data Flow Diagram merupakan suatu model logika data atau proses yang

dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang

keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data

tersebut dan interaksi antara data yag tersimpan dan proses yang dikenakan pada

data tersebut (Kristanto, 2008).

Data flow Diagram atau dalam Bahasa Indonesia menjadi diagram alir

data (DAD) adalah representasi grafik yang menggambarkan aliran informasi dan

transformasi informasi yang diaplikasikan sebagai data yang mengatur dari

masukan (input) dan keluaran (output). DFD tidak sesuai untuk memodelkan sistem

yang menggunakan pemrograman berorientasi objek (R. A & Shalahuddin, 2013).

Penjelasan mengenai simbol dapat dilihat pada tabel 3.2.

Tabel 3. 2 Data Flow Diagram

No. Simbol Nama Simbol

Fungsi

1. External entity Untuk menggambarkan asal atau tujuan data di luar sistem. Sebagai penggambaran dari entitas eksternal (orang, sekelompok orang,organisasi, departemen organisasi, dsb) yang sama tetapi di luar

14. Menyatakan arah aliran pekerjaan (proses).

15. Multidocument (banyak dokumen).

16. Delay (penundaan atau kelambatan).

Page 33: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

33

No. Simbol Nama Simbol

Fungsi

kendali sistem yang akan dibuat

2. Process Untuk menggambarkan bagian dari sistem yang memproses input menjadi output. Setiap proses diberi nama dengan menggunakan kata kerja transitif.

3. Data store Untuk menggambarkan media penyimpanan data, seperti file atau database. Media penyimpanan berkaitan dengan penyimpanan secara komputerisasi.

4. Data Flow Untuk menggambarkan arah keluar masuknya dari suatu proses. Alur data digunakan untuk menjelaskan proses perpindahan data/informasi dari satu proses ke proses lain.

3.7 Hyper Text Markup Language (HTML)

Bahasa pemrograman yang digunakan untuk membangun sebuah halaman

website, menampilkan informasi dan dapat digunakan sebagai link – link menuju

halaman web lain dengan menggunakan kode web tertentu.

Menurut Sibero (2013), “HyperText Markup Language atau HTML adalah

bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran

dokumen web.”

Sedangkan menurut Nugroho (2013), “HTML adalah kependekan dari

(HyperText Markup Language), merupakan sebuah bahasa scripting yang berguna

untuk menuliskan halaman website.”

Page 34: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

34

3.8 Hypertext Preprocessor

Bahasa pemrograman yang berupa script dan bersifat opensource,

digunakan untuk membuat halaman website untuk menghasilkan isi dari web agar

sesuai dengan permintaan client.

Menurut Rudianto (2011), “ Hypertext Prepocessor adalah bahasa server-

side scripting yang menyatu dengan HTML untuk membuat halaman web yang

dinamis.” Sedangkan menurut Mustakini (2009), “ PHP adalah suatu bahasa

pemrograman yang berbasis web (server side).”

3.9 Cascading Style Sheets (CSS)

Salah satu bahasa pemrograman yang digunakan untuk mengatur format

tampilan halaman website dengan perancangan design text berupa font, warna,

margin dan sebagainya.

Menurut Kadir (2013), “ CSS adalah kode yang dimaksudkan untuk

mengatur halaman web.” Sedangkan menurut Rudianto (2011), “ Client side

scripting adalah salah satu jenis bahasa pemrograman yang proses pengolahannya

dilakukan disisi client ”.

3.10 Value Chain (Rantai Nilai)

Value chain merupakan strategi yang digunakan oleh perusahaan untuk

melakukan analisis terhadap kegiatan internal perusahaan. Dengan melihat ke

dalam kegiatan internal perusahaan, maka analisis tersebut dapat mengungkap

keunggulan kompetitif dan kekurangan dari perusahaan tersebut. Wisdaningrum

(2013) mengatakan pada jurnalnya, bahwa Value Chain dapat digunakan untuk

menentukan pada titik dimana dalam rantai nilai yang dapat mengurangi biaya atau

Page 35: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

35

memberikan nilai tambah. Kemudian menurut David (2012) bertujuan untuk

identifikasi dimana keunggulan (Anvantage) atau kelemahan (Disadvantage) biaya

rendah yang ada sepanjang rantai nilai mulai dari bahan mentah sampai aktivitas

layanan konsumen.

Page 36: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

36

BAB IV

DESKRIPSI PEKERJAAN

Kerja praktik ini dilakukan di PT Antari Jaya Mandiri dalam waktu satu

bulan. PT. Antari jaya mandiri adalah perusahaan yang bergerak dibidang penjualan

dan sekaligus supplier, barang yang disediakan oleh PT. Antari Jaya Mandiri

diantaranya adalah : bahan bangunan, peralatan listrik dan lain-lain. Kemudian, Visi

dari PT. Antari Jaya Mandiri adalah menjadi perusahaan general supplier yang

professional dan menjadi salah satu supplier yang unggul dan diperhitungkan

dibidangnya. Pimpinan menempatkan pada bagian admin. Tugas yang diberikan

sesuai dengan topik kerja praktik yang diambil terkait dengan Rancang Bangun

Aplikasi Penjualan Berbasis Website bagi instansi dilingkup PT Antari Jaya

Mandiri. Selain itu dilakukan analisis untuk memahami proses bisnis yang

dijalankan PT Antari Jaya Mandiri terkait dengan proses penjualan pada PT Antari

Jaya Mandiri.

Dalam kerja praktik ini, penulis berusaha menemukan permasalahan yang

ada dan mempelajari serta mengatasi masalah tersebut. Permasalahan di PT Antari

Jaya Mandiri yaitu mengenai cara penjualan yang masih menggunakan cara manual

atau dengan menggunakan Microsoft excel. Untuk mengatasi masalah yang ada di

atas maka diperlukan langkah-langkah sebagai berikut :

1. Menganalisa Sistem

2. Mendesain Sistem

3. Melakukan pembahasan terhadap Implementasi Sistem.

Page 37: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

37

Pada langkah-langkah diatas ditujukan agar dapat menemukan solusi dari

permasalahan yang terjadi di PT Antari Jaya Mandiri, untuk detailnya dijelaskan di

bawah ini.

4.1 Analisa Sistem

Menganalisa sistem adalah langkah lebih awal untuk membuat suatu

sistem yang baru. Dalam langkah ini harus dilakukan analisis terhadap

permasalahan yang ada pada proses penjualan PT Antari Jaya Mandiri. Untuk dapat

membuat sistem yang baru, alangkah baiknya harus mengetahui alur proses yang

masih digunakan sampai saat ini. Maka dibuatlah System flow yang berfungsi untuk

mengetahui secara detail alur proses tersebut.

4.2 Identifikasi Masalah

Secara garis besar permasalahan yang diidentifikasi pada sistem ini yaitu

belum adanya pembuatan aplikasi di PT Antari Jaya Mandiri. Semua kegiatan

penjualan tersebut dilakukan menggunakan pencatatan secara manual

menggunakan kertas dan Microsoft Excel. Sehingga tidak efektif dalam pencatatan

penjualan dan laporan.

4.3 Spesifikasi Aplikasi

Perancangan dari aplikasi PT Antari Jaya Mandiri, yaitu :

1. Transaksi penjualan, secara tunai atau kredit

2. Menghasilkan laporan penjualan perhari,perbulan,dan pertahun

3. Melakukan input produk dan mencetak data produk yang sudah di input

Page 38: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

38

4.4 Lingkungan Operasi

Dalam mengembangkan aplikasi sesuai dengan spesifikasi kebutuhan,

dibutuhkan lingkungan operasi. Dalam kasus ini, penulis mendapatkan informasi

tentang spesifikasi sistem yang sudah ada disana sebagai berikut :

A. Perangkat Lunak

1. Sistem Operasi Windows

Sistem Operasi Windows ini dipilih karena untuk kebutuhan pembuatan

aplikasi.

2. XAMPP (Apache dan MySQL)

XAMPP digunakan untuk pendukung dalam membangun aplikasi berbasis

website yang akan di integrasikan dengan MySQL.

3. Visual Studio Code

Visual Studio Code merupakan text editor yang digunakan untuk mendukung

pembuatan aplikasi.

B. Perangkat Keras

1. PC/Notebook (Minimal Processor Intel Core i3)

2. Kapasitas RAM 2 GB

3. Kapasitas Harddisk 500 GB

4. VGA Monitor

5. Keyboard dan Mouse

6. Printer

Page 39: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

39

4.5 System Flow

System Flow digunakan untuk melihat rancangan sistem yang akan dibuat.

Langkah pertama untuk membuat sistem tersebut yaitu membuat System Flow nya

terlebih dahulu. Berikut ini adalah System Flow yang direkomendasikan pada

proses transaksi penjualan PT Antari Jaya Mandiri.

4.5.1 System Flow Penjualan

Pada Gambar 4.1 menjelaskan proses awal dimulai dari login pada aplikasi

transaksi penjualan yang akan dikelola oleh admin.

System

Data

Transaksi

Admin

Start

Login

Klik button

buat transaksi

Cari produk

Input nama produk

tidak

Ada Cek produk

Input jumlah produk

Input nama customer

Klik button

proses transaksi

Periksa rincian transaksi

tidak

Sesuai

Sudah

sesuai ?

Klik button

simpan transaksi

Klik button

simpan transaksi

Halaman detail 

transaksi

klik cetak

End

Pembeli

Nota

Gambar 4. 1 System Flow Penjualan PT Antari Jaya Mandiri

Page 40: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

40

4.5.2 System Flow Pembuatan Laporan Kepada Pimpinan

Pada Gambar 4.2 ini, dijelaskan proses bagaimana admin membuat

laporan penjualan dari hasil transaksi yang sudah dilakukan sebelumnya, detail dari

proses pembuatan laporan dijelaskan pada Gambar 4.2

Sistem

Data

Penjualan

Admin

Start

Login

Klik Laporan

penjualan di

navbar

Klik Lihat

Tahunan 

Klik Lihat

Bulanan

Tidak

Iya

Sudah

 benar ?

Pilih Bulan

Pilih Lihat

Harian

Pilih Lihat

Detail

Cetak Laporan

End

Pimpinan

Laporan

Penjualan

Gambar 4. 2 System Flow Pembuatan Laporan

Page 41: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

41

4.6 Context Diagram

Context Diagram aplikasi penjualan berbasis website bagi PT Antari Jaya

Mandiri menunujukkan aliran data dari sistem baru yang diusulkan secara garis

besar ditunjukkan pada Gambar 4.3. Context Diagram menjelaskan bahwa terdapat

dua entitas yang terlibat didalam sistem, yaitu admin dan pembeli.

4.7 Diagram Jenjang

Diagram jenjang aplikasi penjualan bagi PT Antari Jaya Mandiri

dijelaskan pada Gambar 4.4. diagram jenjang tersebut menjelaskan proses-proses

utama dan sub-proses yang didekomposisi dari proses utama yang berjalan pada

sistem baru yang diusulkan.

Laporan data pemesanan

Kelola barang

Kelola pemesanan

Kelola pengiriman

Laporan penjualan

Admin

Pemesanan

Customer

Laporan penjualan

Nota pemesanan

Aplikasi penjualan berbasis website

pada PT Antari Jaya Mandiri

Pimpinan

Gambar 4. 3 Context Diagram

Page 42: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

42

4.8 Data Flow Diagram

4.8.1 Data Flow Diagram Level 0

Data Flow Diagram level 0 pada sistem baru penjualan PT Antari Jaya Mandiri

berbasis website ditunjukkan pada gambar 4.5.

.

Aplikasi Penjualan Berbasis Website

Pada PT Antari Jaya Mandiri

Login Pemesanan barang Laporan

Transaksi

Nota Hasil transaksi

Pembayaran

Data pemesananCustomer

Data barang

Data barang

yang akan dikirim

AdminData barang

1.0

Proses

pendataan

barang

Data pemesanan

2.0

Proses

Pemesanan

3.0

Proses

pengiriman

Barang yang dipesan Bagian pengiriman

Data barang

yang akan dikirim

Gambar 4. 4 Diagram Jenjang

Gambar 4. 5 Data Flow Diagram level 0

Page 43: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

43

4.8.2 Data Flow Diagram Level 1 proses 1.0

Data Flow Diagram level 1 proses 1.0, menjelaskan mengenai proses

pendataan barang, detailnya akan dijelaskan pada Gambar 4.6.

4.8.3 Data Flow Diagram level 1 proses 2.0

Data Flow Diagram level 1 proses 2.0, menjelaskan mengenai proses

pendataan barang, detailnya akan dijelaskan pada Gambar 4.7.

Data barangAdmin Data barang

1.1

Pendataan

barang

Data barang

1.2

Cek

kelengkapan

data barang

Data barang

1.3 

Tampilkan

data barang

Customer

Data barang

Data Barang

Data barang

Customer

Data barang

Admin

Data barang

2.2

barang yang

dibeli

Data barang

Data pemesanan

2.3

Input data

pemesanan

Data pemesanan Data pemesanan

Data pemesanan

2.4 

Nota total

pemesanan

Data barang

2.1

proses

pemesanan

Gambar 4. 6 Data Flow Diagram level 1 proses 1.0

Gambar 4. 7 Data Flow Diagram level 1 proses 2.0

Page 44: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

44

4.8.4 Data Flow Diagram level 1 proses 3.0

Data Flow Diagram level 1 proses 3.0, menjelaskan mengenai proses

pendataan barang, detail dari alur proses akan dijelaskan pada Gambar 4.8.

4.9 Struktur Basis Data

Data Flow Diagram (DFD) diatas dapat dibuat untuk merancang database

yang terdiri dari Conceptual Data Model dan Physical Data model (PDM).

4.9.1 Conceptual Data Model (CDM)

Conceptual Data Model (CDM) ini menggambarkan relasi antara tabel

yang satu dengan tabel yang lain. CDM pada sistem baru PT Antari Jaya Mandiri

ini dijelaskan pada Gambar 4.9.

Data barang

Admin

Data barang

Bagian pengiriman

Customer

Data barang

3.1

Barang

yang

dipesan

Data barang

Data pengiriman

3.2

Proses

pengiriman

Data pengiriman Data pengirimanData pengiriman

3.3

Laporan

pengiriman

barang

Gambar 4. 8 Data Flow Diagram level 1 proses 3.0

Page 45: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

45

4.9.2 Physcial Data Model (PDM)

Physical Data Model (PDM) merupakan hasil generate dari Conceptual

Data Model (PDM). Perancangan PDM merupakan representasi fisik dari database.

PDM menggunakan sejumlah tabel untuk menggambarkan data serta hubungan

antara data-data tersebut. PDM pada sistem baru penjualan pada PT Antari Jaya

Mandiri dijelaskan pada Gambar 4.10.

Gambar 4. 9 Conceptual Data Model

Gambar 4. 10 Physical Data Model

Page 46: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

46

4.10 Struktur Tabel

Struktur tabel pada Rancang Bangun Aplikasi Penjualan Berbasis Website

Pada PT Antari Jaya Mandiri adalah sebagai berikut :

4.10.1 Tabel Customer

Nama Tabel : Customer

Primary Key : id_customer

Foreign Key : -

Tabel 4. 1 Tabel Customer

No Nama Kolom Tipe Data Size Constraint

1 id_customer Integer - Primary Key

2 nama_customer Varchar 255 -

3 Alamat_customer Varchar 255 -

4 No_telp_customer Char 12 -

4.10.2 Tabel Penjualan

Nama Tabel : Penjualan

Primary Keys : id_penjualan

Foreign Keys : -

Tabel 4. 2 Tabel Penjualan

No Nama Kolom Tipe data Size Constraint

1 id_penjualan Integer - Primary Key

2 tgl_penjualan Date -

3 total_hrg_penjualan Integer -

4 keterangan penjualan Varchar 255

Page 47: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

47

4.10.3 Tabel Detail_Penjualan

Nama Tabel : Detail_penjualan

Primary Keys : id_detail_penjualan

Foreign Keys : -

Tabel 4. 3 Detail_Penjualan

No Nama Kolom Tipe data Size Constraint

1 id_detail_penjualan Integer - Primary Key

2 Jumlah_barang Integer - -

3 Harga_satuan Integer - -

4.10.4 Tabel Barang

Nama Tabel : barang

Primary Keys : id_barang

Foreign Keys :-

Tabel 4. 4 Tabel Barang

No Nama Kolom Tipe data Size Constraint

1 Id_barang Integer - Primary Key

2 Nama_barang Varchar 255 -

3 Harga_barang Integer - -

4 Max_persediaan Integer - -

5 Min_persediaan Integer - -

4.10.5 Tabel Admin

Nama Tabel : Admin

Primary Keys : id_admin

Foreign Keys :-

Tabel 4. 5 Tabel Admin

Page 48: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

48

No Nama Kolom Tipe data Size Constraint

1 id_admin Integer - Primary Key

2 Nama_admin Varchar 255 -

3 Alamat_admin Varchar 255 -

4 Status_admin Varchar 255 -

5 Gaji_admin Integer - -

4.10.6 Tabel Bagian

Nama Tabel : Bagian

Primary Keys : id_bagian

Foreign Keys : -

Tabel 4. 6 Tabel Bagian

No Nama Kolom Tipe data Size Constraint

1 id_bagian Integer - Primary Key

2 Nama_bagian Varchar 255 -

3 keterangan_admin Varchar 255 -

4.10.7 Tabel Persediaan

Nama Tabel : persediaan

Primary Keys : id_persediaan

Foreign Keys : -

Tabel 4. 7 Tabel Persediaan

No Nama Kolom Tipe data Size Constraint

1 id_persediaan Integer - Primary Key

2 Jumlah_persediaan Float - -

3 rusak Float - -

Page 49: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

49

4.11 Desain Input dan Output

Berikut adalah desain input dan output yang akan berada di Rancang

Bangun Aplikasi Penjualan Berbasis Website Pada PT Antari Jaya Mandiri dan

penjelasan mengenai input dan output tersebut.

4.11.1 Desain Input

A. Desain Input Form Login

Desain Input Form Login adalah langkah awal sebelum masuk halaman beranda

pada aplikasi penjualan. Dalam desain Input Form Login diharuskan melakukan

Input Username dan Password. Desain Input Form Login ditunjukkan pada

Gambar 4.11.

Gambar 4. 11 Desain Input Form Login

Page 50: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

50

B. Desain Input Form Pembuatan Transaksi Tunai

Desain Input Form pembuatan transaksi tunai adalah halaman dimana user

harus melakukan Input nama produk, nama customer, no telephone, jumlah yang

akan dibayar, dan catatan tranksaksi. Desain input form pembuatan transaksi tunai

ditunjukkan pada Gambar 4.12.

C. Desain Input Form Pembuatan Transaksi Kredit

Desain Input Form pembuatan transaksi tunai adalah halaman dimana user

harus melakukan Input nama produk, nama customer, no telephone, jumlah yang

akan dibayar, dan catatan tranksaksi. Desain input form pembuatan transaksi tunai

ditunjukkan pada Gambar 4.13.

Gambar 4. 12 Desain Input Form Pembuatan Transaksi Tunai

Page 51: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

51

D. Desain Input Form Produk Baru

Desain Input Form produk baru adalah halaman dimana user harus

melakukan Input nama produk, harga tunai, harga kredit, dan pilih satuan Pcs/bal.

Desain input form pembuatan transaksi tunai ditunjukkan pada Gambar 4.14.

Gambar 4. 13 Desain Input Form Pembuatan Transaksi Kredit

Gambar 4. 14 Desain Input Form produk baru

Page 52: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

52

E. Desain Input Form Satuan Produk

Desain Input Form satuan produk adalah untuk menentukan satuan dari

barang. Dimana admin harus melakukan Input nama satuan produk. Desain input

form satuan produk ditunjukkan pada Gambar 4.15.

F. Desain Input Form User Baru

Desain Input Form User baru adalah untuk menambahkan user. Dimana

admin diharuskan memasukkan nama user, username, password. Desain input

form user baru ditunjukkan pada Gambar 4.16.

Gambar 4. 15 Desain Input Form Satuan Produk

Gambar 4. 16 Desain Input Form User baru

Page 53: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

53

4.11.2 Desain Output

A. Desain Output Hasil Transaksi Tunai

Desain Output hasil transaksi tunai manampilkan detail transaksi, total

pembayaran, kembalian, diskon, dan catatan transaksi. Desain output hasil transaksi

ditunjukkan pada Gambar 4.17.

B. Desain Output Cetak Nota Transaksi Tunai

Desain output cetak nota transaksi tunai manampilkan detail transaksi,

total pembayaran, kembalian, diskon, dan catatan transaksi. Desain output hasil

transaksi ditunjukkan pada Gambar 4.18.

Gambar 4. 17 Desain Output Hasil Transaksi Tunai

Page 54: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

54

C. Desain Output Cetak Portable Document Format (PDF) Transaksi Tunai

Desain Output Cetak Portable Document Format (PDF) transaksi tunai

manampilkan detail transaksi, total pembayaran, kembalian, diskon, dan catatan

transaksi. Desain output hasil transaksi ditunjukkan pada Gambar 4.19.

Gambar 4. 18 Desain Output Cetak Nota Transaksi Tunai

Gambar 4. 19 Desain Output Cetak Portable Document Format (PDF) Transaksi Tunai

Page 55: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

55

D. Desain Output Hasil Transaksi Kredit

Desain output hasil transaksi tunai manampilkan detail transaksi, total

pembayaran, kembalian, diskon, dan catatan transaksi. Desain output hasil transaksi

ditunjukkan pada Gambar 4.20.

E. Desain Output Cetak Nota Transaksi Kredit

Desain Output Cetak Nota Transaksi Kredit manampilkan detail transaksi,

total pembayaran, kembalian, diskon, dan catatan transaksi. Desain output hasil

transaksi ditunjukkan pada Gambar 4.21.

Gambar 4. 20 Desain Output Hasil Transaksi Kredit

Gambar 4. 21 Desain Output Cetak Nota Transaksi Kredit

Page 56: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

56

F. Desain Output Cetak Portable Document Format (PDF) Transaksi Tunai

Desain Output Cetak Portable Document Format (PDF) transaksi tunai

manampilkan detail transaksi, total pembayaran, kembalian, diskon, dan catatan

transaksi. Desain output hasil transaksi ditunjukkan pada Gambar 4.22.

G. Desain Output Laporan Penjualan

Desain output laporan penjualan menampilkan hasil laporan penjualan

perbulan, dan pertahun. Desain output laporan penjualan ditunjukkan pada Gambar

4.23.

Gambar 4. 22 Desain Output Cetak Portable Document Format (PDF) Transaksi Tunai

Page 57: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

57

H. Desain Output Daftar Harga Produk

Desain output daftar harga produk menampilkan daftar harga produk

beserta harga. Desain output daftar harga produk ditunjukkan pada Gambar 4.24

Gambar 4. 23 Desain Output Laporan Penjualan

Gambar 4. 24 Desain Output Daftar Harga Produk

Page 58: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

58

4.12 Pengoprasian Program

Pada bagian ini akan menjelaskan tentang fungsi dari masing-masing fitur

yang terdapat dalam Rancang Bangun Aplikasi Penjualan Berbasis Website Pada

PT Antari Jaya Mandiri.

4.12.1 Halaman Dashboard

Halaman Dashboard adalah langkah awal saat admin akan melakukan transaksi

penjualan. Pada halaman dashboard terdapat 2 (dua) Button yaitu “ Buat Transaksi

Tunai ” dan “ Buat Transaksi Kredit ”, pada bagian Navbar terdapat pilihan “ Draft

transaksi ”, “ List transaksi “, “ Laporan Penjualan ”. Pada Button “ Buat Transaksi

Tunai ” admin akan diarahkan menuju halaman input detail transaksi secara tunai

dan Button “ Buat Transaksi Kredit ” admin akan diarahkan menuju halaman input

detail transaksi secara kredit. Halaman dashboard ditunjukkan pada Gambar 4.25.

Gambar 4. 25 Halaman Dashboard

Page 59: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

59

4.12.2 Halaman Pembuatan Transaksi Tunai

Halaman pembuatan transaksi tunai menjelaskan mengenai proses transaksi

antara admin dengan seorang Customer. Halaman pembuatan transaksi tunai

ditunjukkan pada Gambar 4.26.

4.12.3 Halaman List Tranksaksi

Halaman list transaksi adalah halaman yang menunjukkan hasil transaksi

baik secara tunai maupun kredit, pada halaman ini admin juga dapat melihat detail

dari transaksi tersebut kemudian dapat melakukan cetak. Halaman list transaksi ini

ditunjukkan pada Gambar 4.27.

Gambar 4. 26 Halaman Pembuatan Tranksaksi Tunai

Page 60: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

60

4.12.4 Halaman Laporan Transaksi

Halaman laporan adalah halaman yang menampilkan hasil dari laporan

penjualan pada setiap periode, mulai dari data laporan penjualan perhari, perbulan,

dan pertahun. Fungsi dari halaman laporan transaksi untuk memudahkan pimpinan

untuk memantau hasil penjualan setiap waktu. Halaman cetak hasil akhir penjualan

ditunjukkan pada gambar 4.28.

Gambar 4. 27 Halaman list transaksi

Gambar 4. 28 Halaman Laporan Transaksi

Page 61: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

61

4.12.5 Halaman Cetak Hasil Akhir Penjualan

Halaman cetak hasil penjualan adalah menampilkan hasil akhir dari proses

penjualan yang siap untuk dicetak, admin dapat menekan Button cetak PDF maka

akan muncul hasil akhir dari proses transaksi tunai atau kredit. Halaman cetak hasil

akhir penjualan ditunjukkan pada Gambar 4.29.

Gambar 4. 29 Halaman Cetak Hasil Akhir Penjualan

Page 62: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

62

4.12.6 Halaman Cetak Nota Penjualan

Halaman cetak nota penjualan adalah menmpilkan hasil akhir yang siap

untuk dicetak dan diberikan kepada pembeli, admin dapat menekan Button cetak

nota maka akan muncul hasil akhir dari proses transaksi. Halaman cetak nota

penjualan ditunjukkan pada Gambar 4.30.

Gambar 4. 30 Halaman Cetak Nota Penjualan

Page 63: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

63

4.12.7 Halaman Login Admin

Halaman login admin ini adalah halaman yang mengharuskan admin

memasukkan username dan password agar dapat mengakses dan mengelola data

penjualan dan dapat melakukan transaksi. Halaman login admin ditunjukkan pada

Gambar 4.31.

Gambar 4. 31 Halaman Login Admin

Page 64: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

64

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan proses yang telah dilaksanakan dalam Rancang Bangun

Aplikasi Penjualan Berbasis Website Pada PT Antari Jaya Mandiri maka dapat

diambil beberapa kesimpulan sebagai berikut :

1. Implementasi dari sistem ini memberikan kemudahan dalam melakukan

transaksi penjualan dan pencatatan laporan hasil penjualan tanpa harus

mengeluarkan biaya untuk membeli aplikasi pada pengembang aplikasi.

2. Dengan adanya sistem ini pihak instansis dapat mengevaluasi laporan hasil

akhir penjualan perhari, perbulan dan pertahun.

5.2 Saran

Saran yang dapat diberikan untuk pengembangan Aplikasi Penjualan

Berbasis Website Pada PT Antari Jaya Mandiri sebagai berikut :

1. Aplikasi dapat dikembangkan dengan penambahan fitur pembayaran secara

online.

2. Tambahan fitur filter barang secara otomatis dengan tujuan agar dapat diketahui

barang apa saja yang paling sering dipesan.

Page 65: RANCANG BANGUN APLIKASI PENJUALAN BERBASIS ...repository.dinamika.ac.id/id/eprint/3993/1/15410100036...RANCANG BANGUN APLIKASI PENJUALAN BERBASIS WEBSITE PADA PT ANTARI JAYA MANDIRI

DAFTAR PUSTAKA

Al-Bahra , L. b. (2013). Analisis dan Desain Sistem Informasi. Yogyakarta: Graha

Ilmu. Anisyah. (2000). Analisa dan Desain Sistem Informasi. Yogyakarta: Andi. Bodnar, G. (2000). Sistem Informasi Akutansi. David, R. (2012). Strategic Management Concepts & Cases (14th edition ed.). (P.

Academic, Ed.) Dhanta, R. (2009). Pengantar Ilmu Komputer. Surabaya: INDAH. Feri, I. (2008). Panduan Praktik Komputer Dan Internet Untuk Anak. Yogyakarta:

Pustaka Widyatama. Gregorius, A. (2000). Microsoft Frontpage 2000 Webbot. Jakarta: PT. Elex Media

Komputindo. Jogiyanto, H. (2000). Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman,

Sistem Informasi, dan Intelegensi Buatan (Edisi 3 ed.). (C. Kedua, Ed.) Yogyakarta: Andi.

Kadir, A., & Triwahyuni, T. C. (2013). Pengenalan Teknologi Informasi. Yogyakarta: Andi.

Kristanto, A. (2008). Perancangan Sistem Informasi dan Aplikasinya. Yogyakarta: Gava Media.

McLeod, R. (2001). Sistem Informasi Edisi 7 Jilid 2. Jakarta: Prenhallindo. Mustakini. (2009). Sistem Informasi Teknologi. Yogyakarta: Andi Offset. Nugroho, B. (2013). Dasar Pemograman Web PHP – MySQL dengan

Dreamweaver. Yogyakarta: Gava Media. R. A, S., & Shalahuddin, M. (2013). Rekayasa Perangkat Lunak. Bandung:

Informatika. Rudianto, A. M. (2011). Pemrograman Web Dinamis menggunakan PHP dan

MySQL. Yogyakarta: C.V ANDI OFFSET. Sariadin, S. (2009). Pemrograman Java. Yogyakarta: Andi Yogyakarta. Sibero, A. (2013). Web Programming Power Pack. Yogyakarta: Mediakom. Sutabri, T. (2005). Sistem Informasi Manajemen. Yogyakarta: Andi. swastha, B. (2001). Manajemen Penjualan. Yogyakarta: BFSE. Wisdaningrum, O. (2013). Analisis Rantai Nilai (Value Chain) Dalam Lingkungan

Perusahaan (1nd Edition ed., Vol. 1).