76
RANCANG BANGUN APLIKASI PENJUALAN BARANG SECARA ONLINE PADA CV. RASYIDA ALAM KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: ERVAN EKAPUTRA TANUJAYA 14410100001 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018

RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

RANCANG BANGUN APLIKASI PENJUALAN BARANG SECARA

ONLINE PADA CV. RASYIDA ALAM

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

ERVAN EKAPUTRA TANUJAYA

14410100001

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2018

Page 2: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

RANCANG BANGUN APLIKASI PENJUALAN BARANG

SECARA ONLINE PADA CV. RASYIDA ALAM

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana

Disusun Oleh:

Nama : Ervan Ekaputra Tanujaya

NIM : 14.41010.0001

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2018

Page 3: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,
Page 4: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,
Page 5: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

vi

ABSTRAK

CV. Rasyida Alam adalah perusahaan yang bergerak di bidang produksi

dan perdagangan busana wanita. Dalam perkembangan teknologi informasi yang

semakin maju internet menjadi salah satu pilihan dalam menjalankan kegitan bisnis.

CV. Rasyida Alam dalam menjalankan proses penjualan masih bersifat manual

yaitu pelanggan harus datang langsung ke outlet dan agen untuk membeli barang.

Untuk mengikuti kemajuan teknologi dan informasi maka dibangun

Aplikasi Penjulan Barang secara Online pada CV. Rasyida Alam untuk membantu

memasarkan dan menjual barang-barang hasil produksi di CV. Rasyida Alam.

Aplikasi ini menggunakan bahasa pemograman HTML dan PHP dengan bantuan

Javascript dan dibekali basis data MySQL.

Dengan menggunakan Aplikasi Penjualan Barang secara Online ini akan

membantu CV. Rasyida Alam dalam memasarkan dan menjual barang-barang siap

jual mereka kepada pelanggan secara online. Apkikasi ini menawarkan berbagai

fitur-fitur toko online seperti katalog barang, keranjang belanja, dan pengir iman

bukti pembayaran yang dapat mempermudah dalam proses penjualan secara online.

Kata Kunci: Penjualan, Barang, Aplikasi, Toko Online, Busana Wanita.

Page 6: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

vii

KATA PENGANTAR

Puji dan syukur kehadirat Tuhan Yang Maha Esa atas segala nikmat yang

diberikan sehingga penulis dapat melaksanakan Kerja Praktik dan menyelesaikan

pembuatan laporan Kerja Praktik ini. Laporan ini disusun berdasarkan Kerja Praktik

dan hasil studi yang dilakukan selama kurang lebih satu bulan di CV. Rasyida Alam.

Kerja Praktik ini membahas tentang Rancang Bangun Aplikasi Penjualan

Barang secara Online pada CV. Rasyida Alam yang dapat membantu dan

mempermudah dalam penjualan barang secara online di CV. Rasyida Alam.

Penyelesaian laporan Kerja Praktik ini tidak terlepas dari bantuan berbagai

pihak yang telah memberikan banyak masukan, saran, kritik dan dukungan moril

maupun materil. Oleh karena itu, rasa terima kasih penulis sampaikan kepada:

1. Keluarga besar yang senantiasa mendoakan, mendukung, dan memberikan

semangat di setiap langkah dan aktifitas.

2. Bapak Dr. Jusak selaku Dekan Fakultas Teknologi dan Informatika Institut

Bisnis dan Informatika Stikom Surabaya.

3. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku Ketua Program Studi Sistem

Informasi Institut Bisnis dan Informatika Stikom Surabaya.

4. Ibu Lita M. Soraya selaku Bagian Keuangan sebagai penyelia Kerja Praktik di

CV. Rasyida Alam.

Page 7: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

viii

5. Ibu Rizanty Tuakiya selaku pemilik perusahaan CV. Rasyida Alam yang telah

memberikan izin untuk melaksanakan kerja praktik di CV. Rasyida Alam.

6. Bapak Ir. Henry Bambang Setyawan, M.M. selaku dosen pembimbing yang

telah meluangkan waktu untuk memberikan bimbingan selama proses

pelaksanaan Kerja Praktik ini.

7. Teman dan rekan - rekan yang telah memberikan bantuan dan dukungannya

yang tidak bisa saya sebutkan satu-persatu.

8. Pihak-pihak lain yang tidak dapat disebutkan satu - persatu yang telah

memberikan bantuan dan dukungan.

Semoga Tuhan Yang Maha Esa memberikan balasan yang sesuai kepada

semua pihak yang telah memberikan bantuan, bimbingan, dan nasihat dalam proses

Kerja Praktik ini. Penulis menyadari bahwa makalah ini belumlah sempurna. Oleh

karena itu, saran dan kritik yang membangun dari rekan-rekan sangat dibutuhkan

untuk penyempurnaan makalah ini

Surabaya, 5 Juli 2018

Ervan Ekaputra Tanujaya

Page 8: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

ix

DAFTAR ISI

ABSTRAK .............................................................................................................. vi

KATA PENGANTAR............................................................................................ vii

DAFTAR ISI ........................................................................................................... ix

DAFTAR TABEL .................................................................................................. xii

DAFTAR GAMBAR ............................................................................................ xiii

BAB I PENDAHULUAN .................................................................................... 1

1.1. Latar Belakang.......................................................................................... 1

1.2. Perumusan Masalah .................................................................................. 3

1.3. Batasan Masalah ....................................................................................... 3

1.4. Tujuan Penelitian ...................................................................................... 3

1.5. Manfaat Penelitian .................................................................................... 4

1.6. Sistematika Penulisan ............................................................................... 4

BAB II GAMBARAN UMUM PERUSAHAAN ............................................. 6

2.1. Sejarah Perusahaan ................................................................................... 6

2.2. Logo Perusahaan ...................................................................................... 7

2.3. Visi & Misi ............................................................................................... 7

2.3.1. Visi Perusahaan ................................................................................. 7

2.3.2. Misi Perusahaan ................................................................................ 7

2.4. Lokasi Perusahaan .................................................................................... 8

2.5. Struktur Organisasi ................................................................................... 8

2.6. Job Description ......................................................................................... 9

BAB III LANDASAN TEORI .......................................................................... 10

3.1. Penjualan ................................................................................................ 10

3.2. Sistem ..................................................................................................... 10

Page 9: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

x

3.3. Informasi................................................................................................. 11

3.4. Sistem Informasi..................................................................................... 11

3.5. E-Commerce ........................................................................................... 11

3.6. Internet.................................................................................................... 12

3.7. Website ................................................................................................... 12

3.8. HTML (Hypertext Markup Languange)................................................. 13

3.9. PHP Hypertext Preprocessor .................................................................. 13

3.10. PhpMyAdmin...................................................................................... 14

3.11. ERD (Entity Relationship Diagram) ................................................... 14

3.12. Document Flowchart........................................................................... 18

3.13. System Flowchart................................................................................ 19

3.14. Context Diagram................................................................................. 21

3.15. Data Flow Diagram (DFD) ................................................................. 22

BAB IV DESKRIPSI PEKERJAAN ................................................................ 24

4.1. Analisis ................................................................................................... 24

4.1.1. Observasi dan Wawancara .............................................................. 24

4.1.2. Analisis Proses Bisnis ..................................................................... 24

4.2. Analisis Kebutuhan Pengguna................................................................ 26

4.2.1. Analisis Kebutuhan Fungsional ...................................................... 28

4.2.2. Analisis Kebutuhan Non Fungsional............................................... 32

4.2.3. Analisis Kebutuhan Sistem Informasi............................................. 32

4.3. Diagram Input Process Output (IPO) .................................................... 34

4.4. System Flow Master Barang ................................................................... 35

4.5. System Flow Master Kategori Barang .................................................... 35

4.6. System Flow (Sysflow) ........................................................................... 36

4.7. Diagram Jenjang .................................................................................... 37

Page 10: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

xi

4.8. Context Diagram .................................................................................... 37

4.9. Data Flow Diagram 0 (DFD lvl 0) ......................................................... 38

4.10. Data Flow Diagram 1 Proses 1 ........................................................... 38

4.11. Data Flow Diagram 1 Proses 2 ........................................................... 39

4.12. Conceptual Data Model (CDM).......................................................... 40

4.13. Physical Data Model (PDM)............................................................... 41

4.14. Struktur Tabel ..................................................................................... 41

4.15. Desain User Interface (UI) .................................................................. 45

BAB V PENUTUP........................................................................................... 55

5.1. Simpulan ................................................................................................. 55

5.2. Saran ....................................................................................................... 55

DAFTAR PUSTAKA .......................................................................................... 56

LAMPIRAN .......................................................................................................... 57

Page 11: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

xii

DAFTAR TABEL

Tabel 3.1 Diagram Alir Dokumen......................................................................... 19

Tabel 3.2 Simbol - simbol Flow Direction............................................................ 20

Tabel 3.3 Simbol - Simbol Processing.................................................................. 20

Tabel 3.4 Context Diagram ................................................................................... 22

Tabel 3.5 Data Flow Diagram (DFD) .................................................................. 23

Tabel 4.1 Analisis Kebutuhan Pengguna Bagian Keuangan................................. 26

Tabel 4.2 Kebutuhan Pengguna Pelanggan........................................................... 27

Tabel 4.3 Kebutuhan Pengguna Pemilik ............................................................... 28

Tabel 4.4 Kebutuhan Fungsional Pengolahan Master Data .................................. 28

Tabel 4.5 Kebutuhan Fungsional Pemesanan Barang ........................................... 29

Tabel 4.6 Kebutuhan Fungsional Konfirmasi Pemesanan .................................... 30

Tabel 4.7 Kebutuhan Fungsional Penerimaan Pesanan dan Penjualan ................. 31

Tabel 4.8 Kebutuhan Fungsional Pembuatan Laporan Penjualan......................... 31

Tabel 4.9 Kebutuhan Non Fungsional................................................................... 32

Tabel 4.10 Kebutuhan Sistem Informasi............................................................... 33

Tabel 4.11 Tabel Admin ........................................................................................ 42

Tabel 4.12 Tabel Barang ....................................................................................... 42

Tabel 4.13 Tabel Kategori..................................................................................... 43

Tabel 4.14 Tabel Pemesanan Barang .................................................................... 43

Tabel 4.15 Tabel Konfirmasi Pemesanan ............................................................. 44

Page 12: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

xiii

DAFTAR GAMBAR

Gambar 2.1 Logo Rasyida Alam............................................................................. 7

Gambar 2.2 Lokasi CV. Rasyida Alam................................................................... 8

Gambar 2.3 Struktur Organisasi.............................................................................. 8

Gambar 4.1 Document Flow Diagram .................................................................. 26

Gambar 4.2 Diagram Input Process Output ......................................................... 34

Gambar 4.3 Sysflow Master Barang ..................................................................... 35

Gambar 4.4 Sysflow Master Kategori Barang ...................................................... 35

Gambar 4.5 System Flow....................................................................................... 36

Gambar 4.6 Diagram Jenjang ............................................................................... 37

Gambar 4.7 Context Diagram ............................................................................... 37

Gambar 4.8 DFD lvl 0........................................................................................... 38

Gambar 4.9 DFD lvl 1 Proses 1 ............................................................................ 38

Gambar 4.10 DFD lvl 1 Proses 2 .......................................................................... 39

Gambar 4.11 CMD ................................................................................................ 40

Gambar 4.12 PDM ................................................................................................ 41

Gambar 4.13 Halaman Login Admin .................................................................... 45

Gambar 4.14 Gambar Halaman Beranda Admin .................................................. 45

Gambar 4.15 Menu Kategori Admin..................................................................... 46

Gambar 4.16 Menu barang .................................................................................... 47

Gambar 4.17 Menu Pemesanan............................................................................. 48

Gambar 4.18 Menu Konfirmasi ............................................................................ 48

Gambar 4.19 Beranda............................................................................................ 49

Gambar 4.20 Katalog Barang ................................................................................ 50

Gambar 4.21 Detail Barang................................................................................... 51

Gambar 4.22 Kategori Barang .............................................................................. 51

Gambar 4.23 Keranjang Belanja ........................................................................... 52

Gambar 4.24 Checkout .......................................................................................... 53

Gambar 4.25 Konfirmasi ....................................................................................... 54

Page 13: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Peranan teknologi informasi memang sudah tidak dapat dilepaskan dari

perkembangan zaman seperti saat ini yang menawarkan berbagai kemudahan dalam

segala aspek kehidupan manusia di era globalisasi ini. Pada era ini sangat perlu

untuk terus dapat mengembangkan teknologi informasi yaitu internet, untuk

melakukan kegiatan bisnis. Salah satu keuntungan dari penggunaan internet adalah

memberikan cakupan pasar yang tidak lagi dibatasi oleh jarak, waktu dan ruang

tetapi sudah bersifat global dengan cakupan lokal bahkan internasional.

CV. Rasyida Alam adalah perusahan perorangan yang bergerak di bidang

produksi dan perdagangan busana wanita yang pada didirikan tahun 2004 oleh

Rizanty Tuakiya di Kota Surabaya, Jawa Timur. Saat ini CV. Rasyida Alam telah

memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran

Baru, Jembatan Merah Plaza, Pasar Blauran Baru dan Ruko Puncak Borobudur

Megah serta beberapa agen yang tersebar di Kota Surabaya dan beberapa kota di

Jawa Timur. Pada awal tahun 2017 CV. Rasyida Alam mulai menerapkan strategi

pengembangan lini produk baru yaitu busana pria dengan merk Hadysar.

Dalam era teknologi informasi CV. Rasyida Alam dalam menjalankan

proses penjualan masih bersifat manual yaitu pelanggan harus datang langsung ke

outlet dan agen untuk membeli barang sedangkan outlet dan agen hanya tersebar di

sekitar Jawa Timur yang membuat pelanggan dari luar Jawa Timur kesulitan untuk

membeli barang dari CV. Rasyida Alam. Selain keterbatasan outlet dan agen

Page 14: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

2

perusahaan CV. Rasyida Alam juga mengalami permasalahan pada penerimaan

pesanan dikarenakan Bagian Keuangan yang bertugas menerima pesanan hanya

ditangani oleh satu karyawan dan hanya menggunakan aplikasi WhatsApp untuk

menerima setiap pesanan yang terjadi. Proses pemasaran dan promo barang

keluaran terbaru pada CV. Rasyida Alam hanya terbatas menggunakan media sosial

seperti Facebook dan Instagram dengan cara menampilkan beberapa informas i

mengenai detail barang yaitu gambar barang, jenis barang, jumlah barang dan harga

barang. Bagian Keuangan mengalami kesulitan untuk selalu memperbaruhi

informasi dari detail barang di media sosial karena keterbatasan fitur yang tersedia

pada Facebook dan Instagram sehingga menyebabkan pelanggan harus bertanya

berulang-ulang di kolom komentar dalam melakukan pembelian dikarenakan detail

dari barang yang tidak lengkap karena telat diperbaruhi. Selain itu Bagian

Keuangan kesulitan dalam mencatat jumlah pemesanan dan total penjualan yang

terjadi dalam satu bulan karena harus mencari satu persatu nama dan harga barang

yang telah terjual melalui aplikasi WhatsApp.

Berdasarkan masalah tersebut CV. Rasyida Alam merencanakan untuk

mendesain dan membuat suatu aplikasi yang dapat menjual barang secara online

dengan fitur-fitur toko online seperti katalog barang, keranjang belanja, dan

masukkan id member sehingga dapat mempercepat proses penerimaan pesanan

sekaligus memperluas jangkauan pemasaran dan mempermudah melakukan promo

terhadap barang-barang keluaran terbaru hasil produksi yang siap untuk dijual.

Selain itu aplikasi tersebut dapat digunakan untuk membuat laporan-laporan yang

dibutuhkan oleh CV. Rasyida Alam seperti laporan penjualan yang dapat

Page 15: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

3

mempermudah pemilik dalam mengawasi proses penjualan barang yang terjadi

pada CV. Rasyida Alam.

1.2. Perumusan Masalah

Berdasarkan alur yang telah dijelaskan pada latar belakang maka dapat

dirumuskan “Bagaimana merancang dan membuat Aplikasi Penjualan Barang

secara Online pada CV. Rasyida Alam?”

1.3. Batasan Masalah

Dalam perancangan sistem ini maka pembahasan masalah dibatasi pada

hal-hal berikut:

1. Aplikasi yang dibangun berbasis web dengan menggunakan bahasa

pemograman PHP, dan database MySQL.

2. Aplikasi hanya membahas barang yang sudah siap jual (ready stock).

3. Aplikasi tidak membahas pemesanan bahan baku dari CV. Rasyida

Alam ke pemasok.

4. Hak akses untuk mengubah, menambah, dan menghapus hanya bisa

dilakukan oleh admin website.

1.4. Tujuan Penelitian

Tujuan dari pembuatan aplikasi ini adalah untuk membuat Aplikas i

Penjualan Barang secara Online.

Page 16: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

4

1.5. Manfaat Penelitian

Manfaat yang diharapkan dari pembuatan aplikasi penjualan barang secara

online pada CV. Rasyida Alam adalah untuk membantu CV. Rasyida Alam dalam

memasarkan dan menjual barang produksi secara online.

1.6. Sistematika Penulisan

Sistematika dalam penyusunan laporan kerja praktik ini akan dijabarkan

dalam setiap bab dengan pembagian sebagai berikut:

BAB I PENDAHULUAN

Bab ini membahas mengenai latar belakang permasalahan yang

terjadi dalam perusahaan, rumusan masalah dari latar belakang,

batasan masalah yang dibahas, tujuan yang ingin dicapai, dan

manfaat yang diperoleh serta sistematika penulisan yang berisi

penjelasan singkat pada masing-masing bab.

BAB II GAMBARAN UMUM PERUSAHAAN

Bab ini membahas mengenai gambaran umum perusahaan, visi dan

misi serta struktur organisasi pada CV. Rasyida Alam.

BAB III LANDASAN TEORI

Bab ini membahas mengenai berbagai macam teori yang

mendukung dalam pembuatan aplikasi penjualan barang secara

online pada CV. Rasyida Alam yang berisi tentang apa itu

Penjualan, Rancang Bangun Aplikasi, Sistem Informasi, Database,

dan aplikasi-aplikasi pendukung pengerjaan.

Page 17: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

5

BAB IV DESKRIPSI PEKERJAAN

Bab ini membahas mengenai hasil dari pembahasan aplikasi

penjualan barang secara online pada CV. Rasyida Alam. Hasil dan

pembahasan aplikasi terdiri atas analisis proses bisnis, perancangan

sistem, dan implemetasi dari aplikasi.

BAB V PENUTUP

Bab ini membahas hasil kesimpulan mengenai penggunaan dari

Aplikasi Penjualan Barang secara Online pada CV. Rasyida Alam

dan saran untuk perbaikan dan pengembangan aplikasi selanjutnya.

Page 18: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

6

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1. Sejarah Perusahaan

Sejarah Rasyida Alam dimulai di tahun 2003, pada saat itu Rizanty

Tuakiya (pendiri Rasyida Alam) dibantu satu karyawan memulai merintis usaha di

garasi mobil rumah sendiri, berdagang busana muslim wanita yang dibeli dari pusat

grosir di Jakarta. Tahun pertama dilalui dengan banyak belajar, bagaimana

mengelola dana untuk belanja stok barang berdasar ukuran, model dan warna.

Belajar setahun kulakan dengan berbagai kepelikannya tahun 2004

semakin punya nyali. Maju selangkah lagi dengan mencoba produksi sendiri.

Dengan merk sendiri, lahirlah merk Rasyida Alam busana muslim. Nama itupun

mengandung pesan bagi anak-anak mereka ketika dewasa kelak, kiranya berkenan

meneruskan apa yang telah dirintis oleh orang tuanya dengan penuh kesungguhan

dan menjadi manfaat yang sebesar-besarnya. Inilah pemicu kesungguhan membuka

usaha. Mengibarkan “merk sendiri” dan mulai menentukan karakter logo produk

sampai mengurus perijinan seperti NPWP, TDP dan SIUP. Dari merekrut pekerja

lulusan terbaik universitas jurusan tata busana sampai memadukannya dengan

penjahit otodidak yang terampil dan mahir. Rizanty Tuakiya mulai mempela jar i

administrasi sederhana dengan prinsip sederhana pula yaitu: “yang penting semua

dicatat”.

Paviliun rumah di lantai dua dijadikan ruang produksi dengan tujuh orang

karyawan. Toko kecil pun dibangun di depan rumah. Jadilah selama tahun 2004 -

2005 ada dua produk yang dijual yaitu produk kulakan dari Jakarta dan merk

Page 19: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

7

Rasyida Alam hasil produksi sendiri. Selama dua tahun itu pula Rizanty Tuakiya

mulai berani menerima pesanan.

2.2. Logo Perusahaan

Logo dari CV. Rasyida Alam dapat digambarkan pada gambar 2.1:

Gambar 2.1 Logo Rasyida Alam

2.3. Visi & Misi

2.3.1. Visi Perusahaan

Menjadi perusahaan yang berperan aktif dalam upaya terwujudnya

Indonesia sebagai barometer busana muslim.

2.3.2. Misi Perusahaan

1. Mengembangkan produk busana muslim wanita yang merefleksikan

keragaman budaya Indonesia.

2. Manjadi trend setter busana muslim di Indonesia menggunakan bahankain

tradisional warisan bangsa yang telah diakui mancanegara.

3. Menerapkan syariah Islam dalam setiap proses bisnis termasuk etika dalam

jual beli.

4. Ikut serta andil dalam pembangunan dan pertumbuhan ekonomi dengan

membuka lapangan kerja.

Page 20: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

8

2.4. Lokasi Perusahaan

Lokasi CV. Rasyida Alam Gayungsari Timur MGM 18, Surabaya, dapat

digambarkan melalui gambar 2.2:

Gambar 2.2 Lokasi CV. Rasyida Alam

2.5. Struktur Organisasi

Struktur organisasi pada CV. Rasyida Alam dapat digambarkan pada

gambar2.3:

Gambar 2.3 Struktur Organisasi

Page 21: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

9

2.6. Job Description

Penjelasan pembagian tugas dan tanggung jawab pada setiap bagian yang

bersangkutan berdasarkan struktur organisasi antara lain:

1. Direktur Utama

Memimpin seluruh karyawan serta mengawasi jalannya proses

produksi, membagi dan mengawasi tugas karyawan CV. Rasyida Alam.

2. Direktur Keuangan

Mengontrol keuangan pada CV. Rasyida Alam, mulai dari

pemasukan dan pengeluaran serta mengatur kegiatan pemasaran, penjualan,

dan penggajian karyawan.

3. Bagian Produksi

Membuat perencanaan dan jadwal proses produksi. Mengawasi

proses produksi agar kualitas, kuantitas, dan waktunya sesuai dengan

perencanaan yang sudah dibuat. Bertanggung jawab mengatur manajemen

gudang agar tidak terjadi kelebihan atau kekurangan persediaan bahan baku,

maupun produk yang sudah jadi di gudang.

4. Bagian Keuangan

Menyusun laporan keuangan harian, mingguan, bulanan, dan

tahunan. Mengelola uang kas, mulai dari membuka rekening, menentukan

setoran, mengatur kas, dan membuat catatan transaksi kas.

5. Bagian Pemasaran

Melakukan promosi-promosi kemasyarakat tentang produk yang

ada di CV. Rasyida Alam, serta sebagai kordinator dari Bagian Keuangan

dan Bagian Produksi.

Page 22: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

10

BAB III

LANDASAN TEORI

3.1. Penjualan

Penjualan menurut Thamrin Abdullah dan Francis Tantri (2016:3)

Penjualan adalah bagian dari promosi dan promosi adalah salah satu bagian dari

keseluruhan sistem pemasaran.

3.2. Sistem

Pengertian Sistem menurut Romney dan Steinbart (2015:3), sistem adalah

suatu rangkaian yang terdiri dari dua atau lebih komponen yang saling berhubungan

dan saling berinteraksi satu sama lain untuk mencapai tujuan dimana sistem terbagi

dalam sub system yang lebih kecil yang mendukung system yang lebih besar.

Menurut Gelinas dan Dull (2012:11), sistem merupakan seperangkat

elemen yang saling bergantung yang bersama-sama mencapai tujuan tertentu.

Dimana sistem harus memiliki organisasi, hubungan timbal balik, integrasi dan

tujuan pokok.

Dengan demikian dapat disimpulkan bahwa sistem merupakan

seperangkat elemen yang saling berhubungan yang bersama-sama mencapai suatu

tujuan tertentu dalam proses yang teratur yang dapat mendukung sistem yang lebih

besar dan saling memiliki ketergantungan untuk mencapai tujuan tertentu.

Page 23: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

11

3.3. Informasi

Pengertian informasi menurut Tata Sutabri dalam bukunya konsep sistem

informasi (2012:21) Informasi merupakan proses lebih lanjut dari data yang sudah

memiliki nilai tambah. Informasi dikelompokan menjadi 3 bagian yaitu:

1. Informasi Strategis. Informasi ini digunakan untuk mengambil keputusan

jangka panjang, yang mencakup informasi eksternal, rencana perluasan

perluasan perusahaan, dan sebagainya.

2. Informasi Taktis. Informasi ini dibutuhkan untuk mengambil keputusan jangka

menengah, seperti informasi tren penjualan yang dapat dimanfaatkan untuk

menyusun rencana penjualan.

3. Informasi Teknis. Informasi ini dibutuhkan untuk keperluan operasional sehari-

hari seperti informasi persediaan setok, retur penjualan, dan laporan khas

harian.

3.4. Sistem Informasi

Menurut Deni Darmawan dan Kunkun Nur Fauzi (2013:13), sistem

informasi adalah kumpulan dari subsistem yang saling berhubungan satu sama lain

dan bekerja sama untuk mengelolah data menjadi informasi yang berguna.

Berdasarkan pengertian di atas, dapat disimpulkan bahwa sistem informas i

merupakan cara kita menentukan hal apa saja yang kita perlu untuk mengelo lah

data yang telah kita peroleh menjadi informasi yang berguna.

3.5. E-Commerce

Perdagangan elektronik atau yang disebut juga e-commerce, adalah

penggunaan jaringan komunikasi dan komputer untuk melaksanakan proses bisnis.

Page 24: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

12

Pandangan populer dari McLeod Pearson (2008:59), e-commerce adalah

penggunaan internet dan komputer dengan browser Web untuk membeli dan

menjual produk.

Menurut Jony Wong (2010:33) pengertian dari electronic commerce

adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem

elektronik. Seperti radio, televisi dan jaringan computer atau internet. Jadi

pengertian e-commerce adalah proses transaksi jual beli yang dilakukan melalui

internet dimana website digunakan sebagai wadah untuk melakukan proses

tersebut.

3.6. Internet

Menurut Sibero (2011), Internet (Interconneted Network) adalah jaringan

komputer yang menghubungkan antar jaringan secara global, internet dapat juga

dapat disebut jaringan alam suatu jaringan yang luas. Seperti halnya jarigan

komputer lokal maupun jaringan komputer area, internet juga menggunakan

protokol komunikasi yang sama yaitu TCP/IP (Tranmission Control

Protocol/Internet Protocol).

3.7. Website

Menurut Yuhefizar dkk (2009), website adalah keseluruhan halaman-

halaman web yang terdapat dalam sebuah domain yang mengandung informas i.

Sebuah website biasanya dibangun atas banyak halaman web yang saling

berhubungan. Selain itu, website dapat juga digunakan sebagai alat promosi, tetapi

bukan sebagai alat promosi pertama.

Page 25: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

13

Kelebihan website dibandingkan dengan media cetak maupun elektronik

adalah kelengkapan informasi yang disajikan dengan biaya yang relatif murah.

Kekurangannya adalah produk yang ditampilkan dan pasar yang dituju lebih

bersifat segmented (terpusat pada kalangan/kelompok konsumen tertentu). Oleh

karena itu, harus memanfaatkan kekurangannya menjadi Strong Point dalam

pemasaran.

3.8. HTML (Hypertext Markup Languange)

Menurut Arief (2011:23), “HTML atau HyperText Markup Language

merupakan salah satu format yang digunakan dalam pembuatan dokumen dan

aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page.

Dokumen HTML merupakan dokumen yang disajikan pada web browser”.

Dokumen HTML adalah suatu dokumen text biasa, dan disebut sebagai markup

language karena menagndung tanda-tanda (tag) tertentu yang digunakan untuk

menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam

suatu dokumen.

3.9. PHP Hypertext Preprocessor

Menurut Wahyono (2009:35), PHP (dulu: Personal Home Page, sekarang

PHP: Hypertext Preprocessor) merupakan script untuk membuat suatu aplikasi

yang akan dapat terintegrasi ke dalam halaman HTML, sehingga suatu halaman

web tidak lagi bersifat statis, namun menjadi bersifat dinamis.”

Menurut Kadir (2008), PHP dirancang untuk membentuk aplikasi web

dinamis. Artinya, ia dapat membentuk suatu penampilan berdasarkan permintaan

terkini. Misalnya, bisa menampilkan database ke halaman web. Pada prinsip PHP

Page 26: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

14

mempunyai fungsi yang sama dengan skrip-skrip seperti Active Server Page (ASP),

Cold Fusion, atau perl. Namun, perlu diketahui bahwa PHP sebenarnya bisa dipakai

secara command line. Artinya, Skrip PHP dapat dijalankan tanpa melibatkan web

server maupun browser.

3.10. PhpMyAdmin

Menurut Sibero (2011e:376) “PhpMyAdmin adalah aplikasi web yang

dibuat oleh phpMyAdmin.net. phpMyAdmin digunakan untuk administrasi database

MySQL”. Program ini digunakan untuk mengakses database MySQL. Perintah

untuk membuat tabel dapat menggunakan form yang sudah tersedia pada

PhpMyAdmin atau dapat langsung menuliskan script pada menu SQL.

PhpMyAdmin dijalankan dengan cara mengetik http://localhost/phpmyadmin pada

web browser.

Menurut Widijanuarto (2010), Xampp adalah sebuah aplikasi yang berisi

MySQL dan Apache. Aplikasi ini dapat membantu untuk membangun sebuah

aplikasi berbasis web tanpa harus menginstal MySQL dan Apache secara

terpisah/sendiri-sendiri.

3.11. ERD (Entity Relationship Diagram)

Pengertian Entity Relation Diagram (ERD) menurut Jogiyanto (2001)

adalah suatu komponen himpunan entitas dan relasi yang dilengkapi dengan atribut

yang mempresentasikan seluruh fakta. ERD digunakan untuk menggambarkan

model hubungan data dalam sistem yang di dalamnya terdapat hubungan entitas

berserta atribut relasinya serta mendokumentasikan kebutuhan sistem untuk

pemrosesan data. ERD memiliki 4 jenis objek, antara lain:

Page 27: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

15

1. Entity

Menurut Connolly dan Begg (Whitten, 2004), Entitas adalah kelompok

orang, tempat, objek, kejadian atau konsep tentang apa yang diperlukan untuk

menyimpan data. Setiap entitas yang dibuat memiliki tipe untuk

mengidentifikasi apakah entitas tersebut bergantung dengan entitas lainnya atau

tidak. Tipe entitas merupakan kumpulan objek yang memiliki kesamaan

properti yang teridentifikasi oleh perusahaan dan memiliki keberadaan yang

independen. Tipe entitas terdiri atas dua jenis, yaitu:

a. Strong Entity

Strong entity adalah tipe entitas yang tidak bergantung pada

keberadaan jenis entitas lainnya. Suatu entitas dikatakan kuat apabila

tidak tergantung pada entitas lainnya.

b. Weak Entity

Weak Entity adalah tipe entitas yang bergantung pada

keberadaan jenis entitas lain yang saling berhubungan. Karakteristik

weak entity terletak pada entitas occurrence yang tidak dapat

teridentifikasi secara unik. Entitas occurrence adalah sebuah objek yang

secara unik dapat teridentifikasi dengan tipe entitas.

2. Attribute

Menurut Connolly dan Carolyn (2002) atribut adalah deskripsi data

yang mengidentifikasikan dan membedakan suatu entitas dengan entitas

lainnya. Setiap atribut memiliki domain untuk mendefinisikan nilai-ni la i

potensial yang dapat menguatkan atribut. Atribut domain adalah kumpulan

nilai-nilai yang diperbolehkan untuk satu atau lebih atribut. Atribut dapat

Page 28: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

16

dibedakan menjadi 5 jenis, yaitu:

a. Simple Attribute

Simple Attribute adalah atribut yang terdiri dari komponen

tunggal. Simpel atribut tidak dapat dibagi menjadi komponen yang lebih

kecil.

b. Composite Attribute

Composite Attribute adalah atribut yang terdiri dari beberapa

komponen yang bersifat independen.

c. Single-value Attribute

Single-value Attribute adalah atribut yang memegang nila i

tunggal dari suatu entitas.

d. Multi-value Attribute

Muti-value Attribute adalah atribut yang dapat memegang nila i

lebih dari suatu entitas.

e. Derived Attribute

Derived Attribute adalah atribut yang mewakili turunan nila i

sebuah atribut yang saling berkaitan dan belum tentu dalam tipe entitas

yang sama.

3. Keys

Menurut Connolly dan Carolyn (2002) keys terdiri atas beberapa jenis,

yaitu:

a. Candidate Key

Candidate key merupakan set minimal dari suatu atribut yang

secara unik mengidentifikasi setiap occurrence dari tipe entitas.

Page 29: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

17

Candidate key tidak boleh null (kosong).

b. Primary Key

Sebuah candidate key yang dipilih untuk mengidentifikas i

secara unik tiap kejadian pada suatu entitas. Primary key harus bernila i

unique dan tidak boleh null (kosong).

c. Composite Key

Sebuah candidate key yang mempunyai dua atribut atau lebih.

Suatu atribut yang membentuk composite key bukanlah kunci sederhana

karena composite key tidak membentuk kunci senyawa.

d. Alternate Key

Sebuah candidate key yang tidak menjadi primary key. Key ini

biasa disebut dengan secondary key.

e. Foreign Key

Himpunan atribut dalam suatu relasi yang cocok dengan

candidate key dari beberapa relasi lainnya. Foreign key mengacu pada

primary key suatu tabel. Nilai foreign key harus sesuai dengan nila i

primary key yang diacunya.

4. Relationship

Menurut Whitten (2004) relationship adalah asosiasi bisnis alami

antara satu entitas atau lebih. Dalam suatu relasi, entitas yang saling berelasi

memiliki kata kerja aktif yang menunjukan bahwa keduanya saling berelasi satu

sama lain. Relasi terdiri atas enam tipe, yaitu:

a. Relasi one to many

Relasi one to many berarti suatu entitas himpunan A dapat

Page 30: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

18

berhubungan dengan banyak entitas pada entitas himpunan B, namun

tidak sebaliknya.

b. Relasi one to one

Relasi one to one berarti setiap entitas himpunan A hanya

berhubungan dengan satu entitas himpunan B, begitu juga sebaliknya.

c. Relasi rekursif one to one

Relasi rekursif one to one adalah sebuah tipe relasi yang

dimana entitasnya mempartisipasi lebih dari satu peran.

d. Relasi superclass/subclass

Untuk setiap relasi superclass / subclass, entitas superclass

diidentifikasikan sebagai entitas induk dan entitas subclass sebagai

anggotanya.

e. Relasi many to many

Relasi many to many berarti setiap entitas himpunan A dapat

berhubungan dengan entitas pada himpunan B, begitu juga sebaliknya.

f. Relasi kompleks

Relasi kompleks adalah tipe relasi yang dimana satu entitas

berhubungan dengan entitas lainnya yang dapat membentuk sirkulas i

dalam relasi tersebut.

3.12. Document Flowchart

Menurut Jogiyanto (2005), diagram alir dokumen atau paperwork

flowchart merupakan diagram alir yang menunjukkan arus laporan dan formulir

beserta tembusannya. Berdasarkan pengertian di atas dapat disimpulkan bahwa

diagram alir dokumen adalah diagram yang menggambarkan aliran seluruh

Page 31: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

19

dokumen. Diagram alir dokumen ini menggunakan simbol-simbol yang sama

dengan diagram alir sistem. Diagram alir dokumen digambar dengan menggunakan

simbol-simbol yang ada pada tabel berikut (Jogiyanto, 2005).

Tabel 3.1 Diagram Alir Dokumen

3.13. System Flowchart

Diagram alir sistem merupakan diagram alir yang menggambarkan suatu

sistem peralatan komputer yang digunakan untuk mengolah data dan

menghubungkan antar peralatan tersebut (Oetomo, 2002). Diagram alir sistem ini

tidak digunakan untuk menggambarkan langkah- langkah dalam memecahkan

masalah tetapi hanya menggambarkan prosedur pada sistem yang dibentuk.

No Nama Simbol Simbol Fungsi

1. Terminator

Simbol ini digunakan untuk

menunjukkan awal dan akhir

suatu proses dokumen.

2. Document Simbol ini digunakan

sebagai input dan output

baik secara manual ataupun

dengan menggunakan

komputer.

3. Manual Input Simbol ini berfungsi untuk

memasukkan data dengan

menggunakan online

keyboard.

4. Manual Process Simbol ini menunjukkan

kegiatan manual.

5. Offline Storage Simbol ini merupakan

dokumen yang diarsip dan

diurutkan bedasarkan N

(numeric), A (alphabet), C

(chronological)

6. Flow Simbol ini digunakan

sebagai arah aliran

dokumen.

Page 32: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

20

1. Flow Direction Symbols

Flow direction symbols digunakan untuk menghubungkan antara satu

simbol dengan simbol lainnya (Ladjamudin, 2005). Simbol ini disebut connecting

line. Simbol-simbol tersebut dijelaskan pada tabel di bawah ini.

Tabel 3.2 Simbol - simbol Flow Direction

No Nama Simbol Simbol Fungsi

1. Offline

Connector

Fungsi dari simbol ini adalah

menyambungkan antara suatu proses

dengan proses lainnya di halaman yang

berbeda.

2. Connector

Fungsi dari simbol ini adalah

menyambungkan antara, suatu proses

dengan proses lainnya di halaman yang

sama.

3.

Communication

Link

Fungsi dari simbol ini adalah

mentransisi suatu data atau informas i

dari setiap lokasi.

4. Flow

Fungsi dari simbol ini adalah

menyatakan jalannya arus suatu proses.

2. Processing Symbols

Processing symbols merupakan simbol yang menunjukkan jenis operasi

pengolahan data dalam suatu proses (Ladjamudin, 2005). Simbol-simbol tersebut

dijelaskan pada tabel di bawah ini.

Tabel 3.3 Simbol - Simbol Processing

No. Nama

Simbol Simbol Fungsi

1. Offline

Conector

Simbol ini berfungsi untuk

menyambungkan satu proses dengan

proses lainnya di halaman yang

berbeda.

Page 33: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

21

2. Manual

Process

Simbol ini berfungsi untuk melakukan

prosedur atau proses tanpa

menggunakan komputer.

3. Decision Simbol ini berfungsi untuk melakukan

pengecekan. Biasanya menghas ilkan

jawaban ya atau tidak.

4.

Predefined

Process

Simbol ini berfungsi sebagai tempat

penyimpanan nilai awal.

5. Terminal Simbol ini berfungsi untuk

menyatakan permulaan atau

penghentian suatu program.

6. Key

Operation

Simbol ini berfungsi untuk

menyatakan suatu jenis operasi yang

diproses dengan menggunakan mesin

yang memiliki keyboard.

7. Offline

Storage

Simbol ini digunakan untuk

menyimpan data ke suatu media

tertentu.

8. Manual

Input

Simbol ini berfungsi untuk

memasukkan data dengan

menggunakan online keyboard.

3.14. Context Diagram

Menurut (Whitten, 2004) Diagram konteks merupakan sebuah model

proses yang digunakan untuk mendokumentasikan ruang lingkup dari sebuah

sistem.

Menurut (Oetomo,2002) terdapat beberapa hal yang perlu diperhatikan

dalam membuat diagram konteks, diantaranya:

1. Kelompok pemakai, baik internal maupun eksternal perusahaan.

2. Identifikasi kejadian-kejadian yang mungkin terjadi dalam penggunaan

sistem.

3. Arah anak panah yang menunjukkan aliran data.

Page 34: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

22

4. Setiap kejadian digambarkan dalam bentuk yang sederhana dan mudah

dipahami oleh pembuat sistem.

Suatu diagram konteks hanya mengandung satu proses saja, biasanya

diberi nomor proses 0. Proses ini mewakili proses dari seluruh sistem dengan dunia

luarnya. Simbol-simbol yang digunakan dalam membuat diagram konteks

digambarkan pada tabel di bawah ini:

Tabel 3.4 Context Diagram

No Nama Simbol Simbol Fungsi

1. Terminator

Simbol ini digunakan untuk

berkomunikasi dengan sistem

aliran data.

2. Process

Simbol ini berfungsi untuk mewakili

suatu aktifitas yang ada pada sistem.

3. Flow (Aliran

data)

Simbol ini digunakan untuk

menunjukkan arah dari aliran

3.15. Data Flow Diagram (DFD)

Menurut Whitten (2004), Data Flow Diagram (DFD) merupakan alat yang

menggambarkan aliran data melalui sistem. Dalam pembuatan DFD, terdapat

beberapa tingkatan yang bertujuan untuk menghindari aliran data yang rumit.

Tingkatan tersebut dimulai dari tingkatan tertinggi ke bentuk yang lebih rinci.

Tingkatan DFD terdiri atas:

1. Diagram Konteks (Context Diagram)

Diagram konteks merupakan sebuah model proses yang digunakan

untuk mendokumentasikan ruang lingkup dari sebuah sistem (Whitten,

2004).

Page 35: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

23

2. Diagram Rinci

Diagram rinci menggambarkan rincian dari proses yang ada pada

tingkatan sebelumnya. Diagram ini merupakan diagram dengan tingkatan

paling rendah dan tidak dapat diuraikan lagi.

3. Diagram Level 0

Diagram level 0 merupakan diagram aliran data yang

menggambarkan sebuah event konteks. Diagram ini menunjukkan interaksi

antara input, output, dan data store pada setiap proses yang ada.

Tabel 3.5 Data Flow Diagram (DFD)

Nama

Simbol Simbol Keterangan

External

Entity

External entity merupakan kesatuan di

lingkungan luar sistem yang dapat

berupa orang, organisasi, atau sistem

lainnya yang akan memberikan input

ataupun menerima output.

Process

Proses adalah kegiatan yang dilakukan

oleh orang atau komputer dari arus data

yang masuk untuk menghasilkan arus

data yang keluar.

Data

Store

Data store merupakan tempat

penyimpanan data yang berupa file

maupun database di dalam sistem

komputer.

Data

Flow

Data flow atau aliran data yang mengalir

diantara proses. Aliran data dapat

digambarkan dari bawah ke atas, kiri ke

kanan, maupun sebaliknya.

Page 36: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

24

BAB IV

DESKRIPSI PEKERJAAN

4.1. Analisis

4.1.1. Observasi dan Wawancara

1. Observasi

Pada proses pengumpulan data dilakukan pengamatan secara

langsung dalam proses penjualan yang dimulai dari memasarkan barang

dengan memasang gambar yang siap jual pada media sosial yang lalu

ditambahkan informasi- informasi mengenai detail dari barang seperti

nama barang, harga barang, jenis barang, dan jumlah barang.

2. Wawancara

Proses wawancara dilakukan untuk menguatkan data yang

didapat dari proses observasi. Wawancara dilakukan dengan Pemilik dan

Bagian Keuangan yang terlibat langsung dengan proses penjualan barang

pada CV. Rasyida Alam.

4.1.2. Analisis Proses Bisnis

1. Identifikasi Masalah

Setelah melakukan observasi dan wawancara ditemukan

beberapa masalah pada proses penjualan yang dilakukan oleh Bagian

Keuangan. Proses pemasaran barang dan penerimaan pesanan yang

masih serba manual membuat pelayanan terhadap pelanggan menjadi

tidak efektif dan efisien. Bagian Keuangan

Page 37: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

25

mengalami kesulitan dalam memasarkan barang dan menerima pesanan

barang di dua aplikasi yang berbeda. Hal ini membuat pelanggan

bertanya berulang-ulang di kolom komentar pada media sosial dan

aplikasi WhatsApp yang digunakan Bagian Keuangan untuk menerima

pesanan.

2. Identifikasi Pengguna

Setelah dilakukan wawancara dan observasi maka dapat

ditemukan tiga pengguna yang terlibat dalam proses penjualan barang

pada CV. Rasyida Alam yaitu:

a. Bagian Keuangan.

b. Pelanggan.

c. Pemilik.

3. Identifikasi Data

Bagian Keuangan dalam menjual barang secara online

memerlukan data-data dari pelanggan dan jenis barang yang dipesan.

Pelanggan akan memberikan data diri dan jenis barang yang akan dipesan

kepada Bagian Keuangan. Data pelanggan berupa nama, alamat, dan

no.telp. Data jenis barang berupa warna, desain, dan ukuran. Selain data-

data tersebut terdapat juga bukti pembayaran dari pelanggan.

4. Identifikasi Fungsi

Bagian Keuangan bertanggung jawab penuh pada semua proses-

proses yang terjadi dalam proses penjualan seperti memasarkan barang,

menerima pesanan, dan memastikan barang yang dipesan telah sampai

pada tangan pelanggan. Pemilik mengawasi laporan hasil dari proses

penjualan yang terjadi. Pelanggan harus memberikan data yang valid

Page 38: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

26

untuk perusahaan serta bukti pembayaran yang asli agar proses

pengiriman barang dapat segera dilakukan.

PemilikPelangganBagian Keuangan

Menjual barang

siap jual melalui

media sosial

Membeli

barang

Melakukan

pembayaran

Mencatat

daftar pesanan

barang

Membuat

laporan

penjualan

Bukti Pembayaran

Daftar

pemesanan

barang lunas

Daftar barang

yang siap jual

Daftar pesanan

barang

A

A

C

B

Mengirim

barang

Start

Finish

Laporan

penjualan barang

B

Faktur

Pengiriman

C

Gambar 4.1 Document Flow Diagram

4.2. Analisis Kebutuhan Pengguna

1. Bagian Keuangan

Tabel 4.1 Analisis Kebutuhan Pengguna Bagian Keuangan

Peran (Tugas) Kebutuhan

Fungsi

Kebutuhan

Data

Kebutuhan

Informasi

Bertanggung

jawab terhadap

proses

penerimaan

pesanan barang,

memasarkan

barang.

Pengolahan

master data.

a. Data

barang.

b. Data

kategori

barang.

c. Data

pemesan

a. Kategori barang,

id barang, nama

barang, stok

barang, gambar

barang, deskripsi

barang, dan

harga barang.

Page 39: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

27

an

barang.

b. Id kategori, dan

nama kategori.

c. Status

pemesanan, kode

pemesanan,

tanggal, dan

waktu

pemesanan.

Penerimaan

pesanan dan

penjualan

barang.

a. Data

pemesan

an

barang.

b. Data

pelangga

n.

a. Daftar

pemesanan

barang.

b. Nama

pelanggan,

alamat

pelanggan,

no.telp

pelanggan, bukti

pembayaran.

2. Pelanggan

Tabel 4.2 Kebutuhan Pengguna Pelanggan

Peran (Tugas) Kebutuhan

Fungsi

Kebutuhan

Data

Kebutuhan

Informasi

Membeli atau

memesan barang.

Pemesanan

barang.

a. Data

barang.

b. Data

kategori

barang.

a. Katalog Barang.

b. Menu Kategori.

Konfirmasi

pemesanan.

a. Data

pemesan

an

barang.

b. Bukti

Pembay

aran.

a. Kode Pemesanan

b. Tanggal transfer,

jumlah transfer,

nama pemilik,

nama bank, dan

alamat.

Page 40: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

28

3. Pemilik

Tabel 4.3 Kebutuhan Pengguna Pemilik

Peran (Tugas) Kebutuhan

Fungsi

Kebutuhan

Data

Kebutuhan

Informasi

Mengawasi hasil

dari proses

penjualan yang

terjadi.

Pembuatan

laporan

penjualan

Data

Pemesanan

Barang

Lunas

Status Pemesanan

4.2.1. Analisis Kebutuhan Fungsional

1. Pengolahan Master Data

Tabel 4.4 Kebutuhan Fungsional Pengolahan Master Data

Nama

Fungsi

Pengolahan Master Data.

Pengguna Bagian Keuangan.

Deskripsi Fungsi ini digunakan oleh Bagian Keuangan untuk

mengolah master data di halaman admin website.

Kondisi

Awal

a. Data barang.

b. Data kategori barang.

c. Data pemesanan barang.

Alur

Normal

Aksi Pengguna Respon Sistem

Pengolahan Master Barang

a. Bagian Keuangan

memilih menu barang.

b. Bagian Keuangan

memilih menu tambah

untuk menambah data

barang.

c. Bagian Keuangan dapat

memilih menu ubah

untuk merubah isi dari

detail barang yang salah

dan perlu diubah.

a. Website akan

menampilkan daftar

barang yang dijual.

b. Website akan

menambah data

barang.

c. Website akan

mengubah isi dari

detail barang.

Page 41: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

29

d. Bagian Keuangan dapat

menghapus data barang

menggunakan menu

hapus.

d. Website akan

menghapus data

barang.

Pengolahan Master Kategori Barang

a. Bagian Keuangan

memilih menu kategori.

b. Bagian Keuangan dapat

mengisi nama kategori

baru lalu pillih menu

simpan.

c. Bagian Keuangan dapat

memilih menu ubah

untuk merubah nama

kategori barang.

d. Bagian Keuangan dapat

menghapus data

kategori barang

menggunakan menu

hapus.

a. Website akan

menampilkan daftar

kategori yang ada.

b. Website akan

menambah kategori

barang.

c. Website akan

mengubah nama

dari kategori.

d. Website akan

menghapus

kategori barang.

Kondisi

Akhir

Fungsi ini menambah, mengubah, dan menghapus

data dari master data.

2. Pemesanan Barang

Tabel 4.5 Kebutuhan Fungsional Pemesanan Barang

Nama

Fungsi

Pemesanan barang.

Pengguna Pelanggan.

Deskripsi Fungsi ini digunakan oleh pelanggan untuk memesan

barang secara online.

Kondisi

Awal

Data Barang.

Alur

Normal

Aksi Pengguna Respon Sistem

Memesan barang

a. Pelanggan melihat

katalog di website dan

memilih barang yang

ingin dibeli.

b. Pelanggan memasukan

a. Website akan

menampilkan

katalog barang-

barang dari CV.

Rasyida Alam

Page 42: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

30

barang yang ingin dibeli

ke dalam keranjang

belanja.

c. Pelanggan memilih menu

update setelah mengisi

jumlah beli untuk

mengubah jumlah barang

yang ingin dibeli.

d. Pelanggan memilih menu

lanjutkan belanja untuk

menambah barang yang

ingin dibeli.

e. Pelanggan memilih menu

selesai belanja untuk

melanjutkan proses

pemesanan.

f. Pelanggan mengisi form

data pelanggan.

b. Website akan

memasukkan

barang dan

menampilkan isi

dari keranjang

belanja

c. Website akan

mengupdate jumlah

beli.

d. Website akan

kembali ke menu

katalog barang.

e. Website akan

menampilkan detail

belanja dan form

data pelanggan

untuk proses

pengiriman.

f. Website akan

menampilkan

rincian dan total

transaksi.

Kondisi

Akhir

Fungsi ini menghasilkan rincian dan total transaksi

yang harus dibayarkan.

3. Konfirmasi Pemesanan.

Tabel 4.6 Kebutuhan Fungsional Konfirmasi Pemesanan

Nama

Fungsi

Konfirmasi Pemesanan.

Pengguna Pelanggan.

Deskripsi Fungsi ini digunakan oleh Pelanggan mengirim bukti

pembayaran.

Kondisi

Awal

Data pemesanan barang.

Alur

Normal

Aksi Pengguna Respon Sistem

Registrasi Akun

a. Pelanggan memilih

menu konfirmasi

pemesanan.

a. Website akan

menampilkan form

registrasi akun.

Page 43: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

31

b. Pelanggan mengisi form

menu konfirmasi

pemesanan dan

mengupload bukti

pembayaran.

b. Website akan

menampilkan detail

profile dari

pelanggan yang

dapat diubah.

Kondisi

Akhir

Fungsi ini mengirim bukti pembayaran.

4. Penerimaan Pesanan dan Penjualan Barang

Tabel 4.7 Kebutuhan Fungsional Penerimaan Pesanan dan Penjualan

Nama

Fungsi

Penerimaan Pesanan dan Penjualan Barang.

Pengguna Bagian Keuangan.

Deskripsi Fungsi ini digunakan oleh Bagian Keuangan untuk

melihat status pemesanan dan detail pemesanan.

Kondisi

Awal

Data Pemesanan.

Alur

Normal

Aksi Pengguna Respon Sistem

Penerimaan pesanan barang

a. Bagian Keuangan

memilih menu

pemesanan.

b. Bagian Keuangan

memilih menu lunas.

c. Bagian Keuangan

memilih menu hapus.

a. Website akan

menampilkan daftar

pemesanan dari

pelanggan.

b. Website akan

mengganti status

pemesanan menjadi

lunas.

c. Website akan

menghapus data

pemesanan.

Kondisi

Akhir

Fungsi ini menampilkan daftar pemesanan barang dan

mengganti status pemesanan barang.

5. Pembuatan Laporan Penjualan

Tabel 4.8 Kebutuhan Fungsional Pembuatan Laporan Penjualan

Nama

Fungsi

Pembuatan Laporan Penjualan

Pengguna Pemilik

Page 44: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

32

Deskripsi Fungsi ini digunakan pemilik untuk mengawasi proses

penjualan dengan membuat laporan penjualan

Kondisi

Awal

Data Pemesanan Lunas

Alur

Normal

Aksi Pengguna Respon Sistem

Pembuatan Laporan

Pemilik memilih menu

laporan penjualan lalu

memilih periode penjualan

yang ingin dilihat.

Website menampilkan

laporan penjualan

berdasarkan periode

yang di pilih oleh

Pemilik.

Kondisi

Akhir

Fungsi ini menghasilkan dan menampilkan laporan

penjualan.

4.2.2. Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional dilakukan untuk

mengidentifikasi kebutuhan diluar fungsi yang dibutuhkan oleh CV.

Rasyida Alam. Setiap Bagian memiliki hak akses yang berbeda dalam

menggunakan fungsi-fungsi di dalam sistem.

Tabel 4.9 Kebutuhan Non Fungsional

Kriteria Kebutuhan Non Fungsional

Security Terdapat perbedaan hak akses antara

pengunjung dan admin dalam mengakses fitur-

fitur yang ada pada website.

Usability Mempermudah bagian keuangan dalam proses

penjualan barang secara online.

Response Time Tidak boleh lebih dari 90 detik.

4.2.3. Analisis Kebutuhan Sistem Informasi

Analisis kebutuhan sistem informasi dilakukan untuk mengetahui

spesifikasi sistem yang digunakan oleh CV. Rasyida Alam.

Page 45: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

33

Tabel 4.10 Kebutuhan Sistem Informasi

Hardware Software

Processor:

Core 2 Duo atau yang lebih.

Kecepatan processor 1.5 GHz atau

lebih.

OS (Operating System):

Windows 7 sp. 1.

Hardisk:

100 GB.

Memory:

1 GB (disarankan 2 GB).

Graphic Card:

GEFORCE 620 M GT atau

Radeon HD4500,

Intel HD Chipset Family.

DirectX version:

DirectX 9 atau diatasnya.

VGA:

Minimum 512 MB (disarankan

2GB atau lebih),

NVIDIA GEFORCE 620 M,

Radeon HD4500,

Intel HD Chipset Family.

Kecepatan akses Wi-fi:

2 Mbps atau 3 Mbps.

XAMPP

Notepad++/Sublime Text

JDK (Java Development Kit)

SDK (Software Development Kit)

Web Browser (Google

Chrome/Mozzila Firefox)

.NET Framework 3.5 SP11

Page 46: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

34

4.3. Diagram Input Process Output (IPO)

Input-Process-Output (IPO)

PROCESS OUTPUTINPUT

Data BarangPengolahan

Data BarangMaster Barang

Pemesanan

Barang

Data

Pemesanan

Barang

Penerimaan

Pesanan dan

Penjualan

Barang

Daftar

Pemesanan

Barang

Konfirmasi

Pemesanan

Data

Pemesanan

Barang Lunas

Daftar

Pemesanan

Barang

Data

Pemesanan

Barang

Pengolahan

Data Kategori

Barang

Master

Kategori

Barang

Data Kategori

Barang

A

B

A

B

Data

Pemesanan

Barang Lunas

Pembuatan

Laporan

Penjualan

Laporan

Penjualan

Gambar 4.2 Diagram Input Process Output

Page 47: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

35

4.4. System Flow Master Barang

Master Barang

PemilikPelangganBagian Keuangan

YaUbah

Master

Barang

Data Barang

Simpan Data

Barang

Finish

Tidak

Barang Siap

Jual

Start

Hapus data

Barang

Master

Barang

A

Gambar 4.3 Sysflow Master Barang

4.5. System Flow Master Kategori Barang

Master Kategori Barang

PemilikPelangganBagian Keuangan

Start

Master

Kategori

Barang

Simpan

Data Kategori

Barang

Finish

Kategori Baru

Data Kategori

Barang

Ubah

Hapus

Kategori

Barang

Master

Kategori

Barang

Ya

Tidak

B

Gambar 4.4 Sysflow Master Kategori Barang

Page 48: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

36

4.6. System Flow (Sysflow)

System Flow

Pelanggan PemilikBagian Keuangan

Katalog

Barang

Membuat

Laporan

Penjualan

Menampilkan

Katalog

Barang Laporan

penjualan

A

Finish

Start

Menerima Data

Pemesanan

Barang

C

Konfirmasi

Pemesanan

D

Mengganti

Status

Pemesanan

D

B

Memesan

Barang

Bukti

Pembayaran

Simpan Bukti

Pembayaran

Konfirmasi

Pemesanan

Data Pemesanan

Barang

Data

Pemesanan

Barang

C

Selesai

Konfirmasi

Ya

Tidak

C

Gambar 4.5 System Flow

Page 49: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

37

4.7. Diagram Jenjang

0

Aplikasi Penjualan

Barang secara

Online

1

Pengolahan

Master Data

2

Transaksi

Penjualan Barang

3

Pembuatan

Laporan

Penjualan

101

Master Barang

102

Master Kategori

Barang

201

Pemesanan

Barang

203

Penerimaan

Pesanan dan

Penjualan Barang

202

Konfirmasi

Pemesanan

Gambar 4.6 Diagram Jenjang

4.8. Context Diagram

0

Aplikasi Penjualan Barang

secara Online

Bagian Keuangan

Pemilik

Pelanggan

Data Barang

Data Kategori Barang

Data Pemesanan Barang

Katalog Barang

Detail Barang

Detail Pemesanan

Detail Pembayaran

Data Pemesanan

Data Pelanggan

Data Konfirmasi

Master Barang

Master Kategori Barang

Informasi Pelanggan

Bukti Pembayaran

Laporan Penjualan

Gambar 4.7 Context Diagram

Page 50: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

38

4.9. Data Flow Diagram 0 (DFD lvl 0)

Gambar 4.8 DFD lvl 0

4.10. Data Flow Diagram 1 Proses 1

Gambar 4.9 DFD lvl 1 Proses 1

barang siap jual,

kategori baru

barang belanjaan,

informasi pelanggan

laporan

penjualan

data barang

data pemesanan

barangdata kategori

barang

katalog barang

data pemesanan

barang lunas

data pemesanan barang

1

Pengolahan

Master Data

Bagian

Keuangan

Pelanggan

Pemilik

2

Transaksi

Penjualan

Produk

3

Pembuatan

Laporan

Penjualan

1 Barang

2 Kategori

3 Pemesanan

data barang

data kategori produk

barang siap jual

kategori baru

data barang

data kategori

barang

Bagian

Keuangan

101

Master Produk

102

Master

Kategori

Produk

1 Barang

2 Kategori

Page 51: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

39

4.11. Data Flow Diagram 1 Proses 2

Gambar 4.10 DFD lvl 1 Proses 2

ba

ran

g b

ela

nja

an

,

info

rma

si p

ela

ng

ga

n

da

ta p

em

esa

na

n

ba

ran

g

da

ta p

em

esa

na

n

ba

ran

g

de

tail

pe

mb

aya

ran

,

bu

kti

pe

mb

aya

ran

kod

e p

em

esa

na

n

da

ta k

on

firm

asi

pe

me

san

an

da

fta

r p

em

esa

na

n

ba

ran

g

Pe

lan

gg

an

Ba

gia

n

Ke

ua

ng

an

20

1

Pe

me

san

an

Ba

ran

g

20

3

Pe

ne

rim

aa

n

Pe

san

an

da

n

Pe

nju

ala

n

Ba

ran

g

3P

em

esa

na

n

20

2

Ko

nfi

rma

si

Pe

me

san

an

4K

on

firm

asi

da

ta k

on

firm

asi

pe

me

san

an

Page 52: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

40

4.12. Conceptual Data Model (CDM)

Gambar 4.11 CMD

Re

lati

on

ship

_3

Re

lati

on

ship

_2

Re

lati

on

ship

_4

Re

lati

on

ship

_5

Re

lati

on

ship

_6

Re

lati

on

ship

_8

Re

lati

on

ship

_7

Re

lati

on

ship

_9

Ba

ran

g

id_

pro

du

k

cate

go

ry

na

ma

_p

rod

uk

de

skri

psi

ha

rga

sto

k

vie

ws

<p

i>In

teg

er

Va

ria

ble

ch

ara

cte

rs (

20

)

Va

ria

ble

ch

ara

cte

rs (

50

)

Te

xt

Mo

ne

y

Va

ria

ble

ch

ara

cte

rs (

3)

Inte

ge

r

<M

>

Ide

nti

fie

r_1

...

<p

i>

Pe

me

san

an

Ba

ran

g

kod

e_

pe

me

san

an

tan

gg

al_

pe

me

san

an

jam

_p

em

esa

na

n

ord

ers

_in

fo

sta

tus

Va

ria

ble

ch

ara

cte

rs (

25

)

Da

te

Tim

e

Te

xt

Va

ria

ble

ch

ara

cte

rs (

5)

Pe

lan

gg

an

na

ma

em

ail

tele

po

n

ala

ma

t

Va

ria

ble

ch

ara

cte

rs (

25

)

Te

xt

Va

ria

ble

ch

ara

cte

rs (

12

)

Te

xt

Ba

gia

n K

eu

an

ga

n

id_

ad

min

use

rna

me

pa

ssw

ord

tele

po

n

jab

ata

n

Inte

ge

r

Va

ria

ble

ch

ara

cte

rs (

15

)

Va

ria

ble

ch

ara

cte

rs (

50

)

Va

ria

ble

ch

ara

cte

rs (

12

)

Va

ria

ble

ch

ara

cte

rs (

10

)

Ka

teg

ori

Ba

ran

g

id_

kate

go

ri

na

ma

_ka

teg

ori

<p

i>In

teg

er

Va

ria

ble

ch

ara

cte

rs (

20

)

<M

>

Ide

nti

fie

r_1

...

<p

i>

Pe

mil

ik

id_

ad

min

use

rna

me

pa

ssw

ord

tele

po

n

jab

ata

n

Inte

ge

r

Va

ria

ble

ch

ara

cte

rs (

15

)

Va

ria

ble

ch

ara

cte

rs (

50

)

Va

ria

ble

ch

ara

cte

rs (

12

)

Va

ria

ble

ch

ara

cte

rs (

10

)

Ko

nfi

rma

si P

em

esa

na

n

tan

gg

al_

tra

nsf

er

kod

e_

pe

me

san

an

id_

kon

firm

asi

na

ma

jum

lah

_tr

an

sfe

r

ala

ma

t_p

en

gir

ima

n

<p

i>

Da

te

Va

ria

ble

ch

ara

cte

rs (

25

)

Inte

ge

r

Va

ria

ble

ch

ara

cte

rs (

25

)

Mo

ne

y

Te

xt

<M

>

Ide

nti

fie

r_1

...

<p

i>

Page 53: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

41

4.13. Physical Data Model (PDM)

Gambar 4.12 PDM

4.14. Struktur Tabel

Struktur tabel aplikasi penjualan barang secara online pada CV. Rasyida

Alam sebagai berikut:

1. Tabel Admin

Nama Tabel : ADMIN

Primary Key : ID_ADMIN

Foreign Key :

Fungsi : Menyimpan data admin pada website Rasyida

Alam.

Barang

id_produk

id_kategori

category

nama_produk

deskripsi

harga

stok

views

...

integer

integer

varchar(20)

varchar(50)

text

money

varchar(3)

integer

<pk>

<fk1>

Kategori Barang

id_kategori

nama_kategori

integer

varchar(20)

<pk>

Pemesanan Barang

id_produk

kode_pemesanan

tanggal_pemesanan

jam_pemesanan

orders_info

status

...

integer

varchar(25)

date

time

text

varchar(5)

<fk1>

<pk>

Pelanggan

nama

email

telepon

alamat

...

varchar(25)

text

varchar(12)

text

Bagian Keuangan

id_admin

username

password

nama

telepon

jabatan

...

integer

varchar(15)

varchar(50)

varchar(25)

varchar(12)

varchar(10)

Pemilik

id_admin

username

password

nama

telepon

jabatan

...

integer

varchar(15)

varchar(50)

varchar(25)

varchar(12)

varchar(10)

Konfirmasi Pemesanan

tanngal_transfer

id_konfirmasi

kode_pemesanan

pemilik_rekening

jumlah_transfer

alamat_pengiriman

...

date

integer

varchar(25)

varchar(25)

money

text

<pk>

<fk2>

Page 54: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

42

Tabel 4.11 Tabel Admin

Field Data Type Length Constraint

ID_ADMIN INT primary key

USERNAME Varchar 15

PASSWORD Varchar 50

NAMA_ADMIN Varchar 25

TELEPON Varchar 12

JABATAN Varchar 10

2. Tabel Barang

Nama Tabel : BARANG

Primary Key : ID_BARANG

Foreign Key : ID_KATEGORI

Fungsi : Menyimpan data barang siap jual pada website

Rasyida Alam.

Tabel 4.12 Tabel Barang

Field Data Type Length Constraint

ID_BARANG INT primary key

ID_KATEGORI Varchar INT foreign key

NAMA_BARANG Varchar 25

NAMA_KATEGORI Varchar 20

DESKRIPSI Text

HARGA Double

STOK Varchar 3

Page 55: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

43

3. Tabel Kategori

Nama Tabel : KATEGORI

Primary Key : ID_KATEGORI

Foreign Key :

Fungsi : Menyimpan data kategori baru pada website

Rasyida Alam.

Tabel 4.13 Tabel Kategori

Field Data Type Length Constraint

ID_KATEGORI INT primary key

NAMA_KATEGORI Varchar 20

4. Tabel Pemesanan Barang

Nama Tabel : PEMESANAN

Primary Key : KODE_PEMESANAN

Foreign Key :

Fungsi : Menyimpan data pemesanan barang pada website.

Tabel 4.14 Tabel Pemesanan Barang

Field Data Type Length Constraint

KODE_PEMESANAN Varchar 25 primary key

TANGGAL_PEMESANAN Date

JAM_PEMESANAN Time

INFO_PEMESANAN Text

STATUS Varchar 5

Page 56: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

44

5. Tabel Konfirmasi Pemesanan

Nama Tabel : KONFIRMASI

Primary Key : ID_KONFIRMASI

Foreign Key : KODE_PEMESANAN

Fungsi : Menyimpan data konfirmasi pemesanan pada

website Rasyida Alam.

Tabel 4.15 Tabel Konfirmasi Pemesanan

Field Data Type Length Constraint

ID_KONFIRMASI INT primary key

KODE_PEMESANAN Varchar 25 foreign key

TANGGAL Date

NAMA_PEMILIK Varchar 25

NAMA_BANK Varchar 25

JUMLAH_TRANSFER Double

ALAMAT Text

Page 57: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

45

4.15. Desain User Interface (UI)

Dibawah ini terdapat desain dari User Interface Website dan penjelasan

mengenai cara penggunaan aplikasi.

1. Admin

a. Login Admin

Gambar 4.13 Halaman Login Admin

Pada gambar 4.13 admin terdapat form login, admin dapat mengis ikan

username dan password yang telah sesuai dengan data yang terdapat pada

database admin.

b. Beranda

Gambar 4.14 Gambar Halaman Beranda Admin

Page 58: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

46

Pada gambar 4.14 menampilkan halaman beranda admin setelah

melakukan login yang menampilkan berbagai macam menu untuk

mengelolah konten website yaitu menu admin, artikel, kategori, barang,

pemesanan, konfirmasi, dan keluar.

c. Menu Kategori

Gambar 4.15 Menu Kategori Admin

Pada gambar 4.15 terdapat tampilan menu kategori yang berfungs i

untuk menambah kategori baru, mengubah kategori yang sudah ada, dan

menghapus kategori yang tidak digunakan.

Page 59: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

47

d. Menu Barang

Gambar 4.16 Menu barang

Pada gambar 4.16 menampilkan menu barang yang berfungs i

untuk menambah barang siap jual, mengubah data barang yang sudah ada,

dan menghapus data barang yang tidak digunakan. Admin dapat

menambahkan detail barang saat menambahkan barang dan detail barng

dapat diganti melalui menu ini.

Page 60: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

48

e. Menu Pemesanan

Gambar 4.17 Menu Pemesanan

Pada gambar 4.17 adalah tampilan menu pemesanan yang berfungs i

untuk menampilkan data pemesanan dari pelanggan yang memiliki fitur

untuk mengubah status data pemesanan menjadi lunas, dan menghapus data

pemesanan yang sudah tidak dibutuhkan.

f. Menu Konfirmasi

Gambar 4.18 Menu Konfirmasi

Page 61: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

49

Pada gambar 4.18 terdapat tampilan menu konfirmasi yang

berfungsi untuk menampilkan data konfirmasi pemesanan yang telah

dilakukan pelanggan beserta bukti pembayaran.

g. Menu Keluar

Menu untuk keluar dari halaman admin dengan menekan

memilih tombol .

2. Pelanggan

a. Beranda

Gambar 4.19 Beranda

Pada gambar 4.19 merupakan tampilan halaman utama website yang

menampilkan barang-barang keluaran terbaru dan menampilkan

informasi mengenai promo-promo yang sedang berjalan melalui slide

poster seperti pada gambar diatas. Selain Beranda memuat seluruh

tombol-tombol yang memiliki fungsi shortcut untuk mengakses seluruh

fitur-fitur yang seperti tombol keranjang belanja, checkout, dan fungs i

Page 62: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

50

kotak pencarian untuk mempercepat pencarian barang yang ingin dibeli.

b. Katalog Barang

Gambar 4.20 Katalog Barang

Pada gambar 4.20 Katalog Barang adalah ttampilan katalog barang

yang menampilkan seluruh data barang yang dijual beserta gambar dan

harga serta fitur tombol untuk menambah langsung

barang yang ingin dibeli ke dalam keranjang belanja.

Page 63: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

51

c. Detail Barang

Gambar 4.21 Detail Barang

Pada gambar 4.21 menampilkan detail dari barang seperti harga

barang, ukuran barang, stok barang, dan bahan pembuatan barang.

d. Kategori Barang

Gambar 4.22 Kategori Barang

Page 64: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

52

Pada gambar 4.22 menampilkan menu kategori yang berisi

barang-barang sesuai kategori yang ada. Dengan mengakses salah satu

kategori website akan mengarahkan langsung ke barang-barang yang

ada dalam kategori tersebut.

e. Keranjang Belanja

Gambar 4.23 Keranjang Belanja

Fitur tombol untuk melihat isi dari

keranjang belanja. Pada gambar 4.23 menampilkan isi dari keranjang

belanja yang dilengkapi dengan tombol melanjutkan belanja jika ingin

menambah jenis barang yang lain, tombol update yang digunakan untuk

merubah jumlah beli, tombol x untuk menghapus salah satu barang dari

keranjang belanja, tombol konsongkan belanja untuk menghapus semua

Page 65: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

53

isi dari keranjang belanja dan tombol selesai belanja untuk melanjutka

proses pemesanan barang.

f. Checkout

Gambar 4.24 Checkout

Gambar 4.25 Detail Pemesanan Selesai Checkout

Pada gambar 4.25 adalah halaman ini berisi form data diri

pelanggan yang wajib diisi untuk kebutuhan pengiriman barang. Setelah

Page 66: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

54

melakukan checkout website pada gambar 4.25 akan menampilkan detail

pemesanan seperti gambar dibawah ini beserta instruksi selanjutnya untuk

mengkonfirmasi pemesanan agar data pemesanan dapat segera diproses.

g. Konfirmasi

Gambar 4.25 Konfirmasi

Pada gambar 4.26 adalah tampilan menu konfirmasi setelah

mengakses menu yang memiliki fungsi untuk mengir im

bukti pembayaran agar data pemesanan pelanggan dapat segera

diproses.

Page 67: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

55

BAB V

PENUTUP

5.1. Simpulan

Setelah melakukan analisis dan perancangan serta implementasi Aplikas i

Penjualan Barang secara Online pada CV. Rasyida Alam maka diperoleh

kesimpulan sebagai berikut:

1. Aplikasi ini sangat membantu untuk memasarkan dan menjual barang siap

jual secara online.

2. Aplikasi ini memberikan pelayanan kepada pelanggan berupa fitur-fitur

toko online seperti katalog barang, keranjang belanja, dan pengiriman bukti

pembayaran.

3. Aplikasi ini memberikan kemudahan untuk pemilik dalam mengawas i

proses penjualan yang terjadi.

5.2. Saran

Pada aplikasi ini masih terdapat banyak kekurangan yang ada. Demi

pengembangan dan kemajuan yang lebih baik maka hal-hal yang perlu diperhatikan

adalah memperbaiki tampilan dari fitur website yang membingunggkan pengguna

dan fungsi -funsgi dari fitur pada website yang sering mengalami bug atau error

agar menjadi lebih mudah dipahami dan mudah digunakan oleh admin website

sehingga mempermudah dalam mengatur isi konten dari aplikasi tersebut ataupun

user dalam melakukan transaksi penjualan menggunakan aplikasi tersebut.

Page 68: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

56

DAFTAR PUSTAKA

Abdullah, T., & Francis Tantri. (2016). Manajemen Pemasaran. Depok: PT. Raja

Grafindo Prasada.

Arief, M.R. (2011). Pemograman Web Dinamis Menggunakan PHP dan MySQL.

Yogyakarta: CV. Andi Offset.

Darmawan, D., & Kunkun Nur Fauzi. (2013). Sistem Informasi Manajemen.

Bandung: PT. Remaja Rosdakarya.

Jony Wong. (2010). Internet Marketing for Beginners. Jakarta: PT. Elex Media

Komputindo.

Kadir, A. (2008). Tuntunan Praktis Belajar Database Menggunakan MySQL.

Yogyakarta: CV. Andi Offset.

McLeod Pearson. (2008). Sistem Informasi Manajemen. Jakarta: Salemba.

Romney, M. B., & Paul John Steinbart. (2015). Sistem Informasi, Edisi 13,

alihbahasa: Kikin Sakinah dan Novita Puspasari. Jakarta: Salemba Empat.

Sibero, A. F. (2011). Kitab Suci Web Programming. Yogyakarta: MediaKom.

Sutabri, T. (2012). Dalam Konsep Sistem Informasi (hal. 21). Yogyakarta: Andi.

Wahyono, T. (2009). Practice Guide PHP on Windows. Jakarta: PT. Elex Media

Komputindo.

Widijanuarto, A. S. (2010). Membangun Blog Cantik dengan Drupal. Jakarta: PT.

Alex Media Komputindo.

Yuhefizar, dkk. (2009). Cara Mudah Membangun Website Interaktif Menggunakan

Content Management System Joomla (CMS) Edisi Revisi. Jakarta: PT. Elex

Media Komputindo.

Page 69: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

57

LAMPIRAN

Lampiran 1 Surat Balasan Instansi

Page 70: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

58

Lampiran 2 Form KP-5 Acuan Kerja

Page 71: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

59

Lampiran 3 Form KP-5 Garis Besar Rencana Kerja Mingguan

Page 72: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

60

Lampiran 4 Form KP-6 Log Perubahan Halaman 1

Page 73: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

61

Lampiran 5 Form KP-6 Log Perubahan Halaman 2

Page 74: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

62

Lampiran 6 Form KP-7 Kehadiran Kerja Praktik

Page 75: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

63

Lampiran 7 Kartu Bimbingan Kerja Praktik

Page 76: RANCANG BANGUN APLIKASI PENJUALAN BARANG ...repository.dinamika.ac.id/id/eprint/4203/1/12...memiliki lima outlet yang terletak di Royal Plaza, City of Tomorrow, Pasar Blauran Baru,

64

BIODATA PENULIS

Nama: Ervan Ekaputra Tanujaya

Alamat: Gardenia City 22, Sidoarjo

Tempat Lahir: Surabaya

Tanggal Lahir: 28 Agustus 1996

Email: [email protected]

No. Telp: 087702900999

Riwayat Pendidikan:

- SD Katolik “Untung Suropati” 1, Sidoarjo : 2002 - 2008

- SMP Katolik “Untung Suropati”, Sidoarjo : 2008 - 2011

- SMA Katolik “Untung Suropati”, Sidoarjo : 2011 - 2014

- S1 Sistem Informasi Institut Bisnis

dan Informatika Stikom Surabaya : 2014 - Sekarang