32
BAB III ANALISA DAN PERANCANGAN APLIKASI
3.1
Gambaran Umum Perusahaan Berikut ini gambaran sekilas mengenai perusahaan PT Indofood Fritolay Makmur dalam ruang lingkup Divisi Marketing Product Snack. 3.1.1
Tentang Perusahaan PT. Indofood Fritolay Makmur adalah anak perusahaan dari Indofood Corp. yang
bergerak dalam bidang snack food yang berkembang pesat dan memiliki produk - produk unggulan dalam bidang snack food. Unit usahanya bergerak di bidang makanan ringan. PT Indofood Fritolay Makmur adalah sebuah perusahaan patungan dengan Pepsi Co, yang memproduksi makanan ringan modern dan tradisional seperti kripik kentang, singkong dan tempe serta kerupuk keriting, kerupuk udang dan extruded snack. Produk-produk tersebut dipasarkan dengan merek-merek terkemuka termasuk Chitato, Lays, Qtela, Cheetos dan JetZ. Dalam pendistribusian produknya diawasi oleh PT Indomarco Adi Prima selaku distributor dari Grup Indofood sehingga PT Indofood Fritolay Makmur dapat mendistribusikan langsung dengan mendirikan divisi GTM (Goes To Market) Tradisional Trade pada tahun 2009. Kendaraan utama dalam pemasaran produknya melalui divisi ini yaitu dengan motor. Sehingga penggerak utama dalam memasarkan snack ini disebut dengan Team Motor. Divisi GTM Traditional Trade mendirikan Sales Point agar pendistribusian snack food menjangkau hingga ke outlet-outlet kecil. Divisi GTM ini berpusat di Pejaten untuk wilayah regional Central 1. Regional Central 1 (C1) mengkoordinir beberapa sales point diantaranya yaitu : 1) Sales Point Pejaten (C1) 2) Sales Point Bogor 3) Sales Point Pegangsaan 4) Sales Point Kemayoran 5) Sales Point Tangerang 6) Sales Point Cikarang
33 7) Sales Point Karawang 8) Sales Point Pekayon 9) Sales Point Cijantung Visi dari perusahaan ini menjadi perusahaan yangd dapat memenuhi kebutuhan pangan dengan produk bermutu, berkualitas, aman untuk di konsumsi dan menjadi pemimpin dalam di industri makanan. Misi dari perusahaan ini yaitu menjadi perusahaan tradisional yang dapat membawa nama Indonesia di bidang industri makanan. 3.1.2
Struktur Organisasi
Manager
Supervisor (DSPS)
ASPR (Area Sales Promotion Representatif) / Koordinator
Adm. Warehouse
Adm. Sales
Team Motor
Gambar 3.1 Struktur Organisasi Ruang Lingkup Sales Point PT. Indofoof Fritolay Makmur
Pada gambar struktur organisasi di Sales Point PT. Indofood Fritolay Makmur terdapat beberapa jabatan yang memiliki tugas dan wewenangnya masing-masing yaitu : 1) Manager a. Mengkoordinasikan kegiatan dan operasional Divisi Snack Food dalam lintas nasional b. Bertanggung jawab dan mengawasi semua kegiatan Team Divisi Snack Food dalam lintas nasional c. Menangani masalah yang tidak bisa di atasi oleh bawahan 2) Supervisor (District Sales Promotion Supervisor) a. Bertanggung jawab atas kelancaran operasional pada bagian masing-masing dan penanggung jawab pada setiap Sales Point b. Meningkatkan target penjualan Sales Point
34 c. Mengontrol dan mengoordinasikan secara langsung bawahan di dalam bekerja terutama team support yang terdapat di setiap Sales Point yaitu ASPR, Adm Warehouse, Adm Sales dan Team Motor 3) ASPR (Area Sales Promotion Representatif) atau Koordinator a. Mengontrol dan mengkoordinir seluruh kegiatan penjualan Team Motor b. Membantu Supervisor dalam meningkatkan target penjualan Sales Point c. Membantu penjualan Team Motor bila tidak mencapai target 4) Admin Warehouse a. Mengatur keseimbangan pemasukan dan pengeluaran barang (balance
stok)
b. Bertanggung jawab dalam pembuatan laporan Buku Stok Penjualan 5) Admin Sales a. Menginput nota penjualan ke dalam aplikasi MARS yang dimiliki oleh Indofood Adi Prima (IAP) dan menghitung komisi penjualan dari Team Motor b. Mengatur pemasukan dan pengeluaran biaya operasional untuk Sales
Point
6) Team Motor a. Menawarkan barang kepada agen atau outlet yang menjadi pelanggan tetap dan konsumen lain yang tertarik b. Memenuhi target penjualan yang ditentukan ASPR c. Mencari agen atau outlet agar dapat mencapai target penjualan yang telah ditentukan 3.2
Analisa Sistem 3.2.1
Analisa Sistem Yang Sedang Berjalan Berdasarkan analisa yang di lakukan, pada system yang berjalan awalnya team motor
mendapatkan pesanan barang dari pelanggan dengan jumlah bervariasi hingga mencapai jumlah yang besar kemudian dilakukan kroscek ketersediaan barang terlebih dulu di Sales Point. Sedangkan stok barang selalu berubah jumlahnya mengikuti banyaknya penjualan dari team motor lainnya. Inilah yang menyebabkan team motor gagal menyediakan pesanan barang kepada pelanggannya apabila barang yang dipesan dan akan di antar kepada pelanggan tidak sesuai dengan ketersediaan barang yang ada di Sales Point. Karena stok barang di Sales Point belum tentu menyesuaikan dengan pesanan barang yang diterima Team Motor dari pelanggannya. Selain itu hasil penjualan (achievement) team motor hanya bisa di lihat bila mendekati tutup buku atau closing penjualan. Itu membuat team motor harus bertanya kepada admin
35 warehouse hanya untuk melihat achievementnya melalui komputer admin warehouse bila masih belum mendekati waktu closing penjualan. Padahal achievement itu bertujuan untuk memotivasi team motor untuk semakin meningkatkan penjualan dan hal itu juga akan sangat berpengaruh terhadap target penjualan baik itu dari target penjualan team motor maupun target penjualan Sales Pointnya.
Sistem Berjalan
Kroscek Stok Barang «extends»
Tidak Melakukan Penjualan
Loading Barang
Team Motor Melakukan Penjualan Admin Warehouse Achievement Penjualan
Gambar 3.2 Use Case Diagram Berjalan Sales Point PT Indofood Fritolay Makmur pada ruang lingkup Sales Point 3.2.2
Hasil Analisa Berdasarkan hasil analisa dari system yang berjalan pada Sales Point PT Indofood
Fritolay Makmur bahwa permasalahan yang ditemukan dalam system berjalan adalah sebagai berikut : 1. Informasi ketersediaan stok barang yang tidak sesuai dengan pemesanan kebutuhan pelanggan dari Team Motor yang menyebabkan terjadinya kegagalan penjualan.
36 2. Stok barang di sales point belum dapat menyesuaikan pemesanan barang dari pelanggan ke Team Motor. 3. Hasil penjualan dari team motor (achievement) hanya bisa dilihat mendekati closing atau tutup buku. 3.2.3
Analisa Sistem Rancangan Usulan Berdasarkan hasil analisa pada Sales Point PT Indofood Fritolay Makmur maka dapat
diterapkan beberapa usulan dari permasalahan yang ditemukan pada system yang berjalan yaitu di buatkanlah aplikasi berbasis Android, dimana Team Motor dapat melihat ketersediaan informasi stok barang secara update. Dengan di tambahkannya fitur berupa pelaksanaan order barang melalui Android diharapkan Team Motor dapat melakukan penjualan mencapai target. Rancangan aplikasi ini juga dapat membantu team motor untuk melihat pencapaian penjualannya (achievement) dengan dikelola oleh ASPR sebagai koordinator team motor.
3.3
Rancangan Sistem Usulan Pada rancangan system yang akan di usulkan nantinya system usulan ini akan dibangun dengan aplikasi mobile yaitu terdiri dari smartphone Android dan website, dimana Team Motor melakukan View Stok Barang, dan Order Barang menggunakan smartphone Android yang terhubung melalui internet provider kemudian diproses di database server dan direspon oleh admin. Admin yang bertugas untuk input data nantinya data akan di simpan di database server yang sewaktu-waktu dapat di panggil oleh smartphone. Pada tahapan ini perancangan system ini menggunakan UML (Unified Modelling Language) untuk memenuhi semua kebutuhan system dan akan menjelaskan proses-proses yang akan terjadi pada aplikasi. Diagram yang dipergunakan dalam desain perancangan aplikasi ini yaitu dengan usecase diagram, usecase description, activity diagram, class diagram, dan sequence diagram.
37 1) Use Case Diagram
Monitoring Penjualan Pada PT Indofood Fritolay Makmur
Input Stok Barang
«extends» Melihat Daftar Stok Barang
Mengolah Data Order Barang
<
>
Input Order Barang
<>
<>
Admin Warehouse
Approval Order Barang Input Data Penjualan
Team Motor
<> Membuat Laporan Penjualan Melihat Achievement Koordinator
<> Approve Laporan Penjualan
Melihat Performance Penjualan Supervisor
Gambar 3.3 Use Case Diagram Usulan 2) Use Case Description Nama Use Case :
Input Stok Barang
Scenario :
Admin Warehouse melakukan input stok barang dan update stok barang
Triggering Event :
Adanya penambahan atau pengurangan pada stok barang
Brief Description :
Untuk penambahan atau pengurangan stok barang dapat di input bila ada kedatangan barang dari Tangerang dan berkurangnya barang bila tidak terkirimnya barang sesuai PO yang sudah dibuat
38 Actors :
Admin Warehouse
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Admin menginput stok barang sesuai kedatangan barang dari Tangerang
Post conditions :
Upload informasi penambahan stok barang
Flow of Activities :
Actors
System
1. Menginput jumlah stok
1. Menyimpan, mengubah, dan
barang masuk
menghapus data stok barang
2. Mengupdate jumlah stok
pada database
barang yang secara otomatis stok barang dapat bertambah 3. Mengupload data stok barang Exception Conditions :
-
Tabel 3.1 Deskripsi Use Case Input Stok Barang Nama Use Case :
Melihat Daftar Stok Barang
Scenario :
Team Motor melakukan lihat stok barang
Triggering Event :
Adanya penambahan pada stok barang
Brief Description :
Updatenya ketersediaan stok barang
Actors :
Team Motor
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Team Motor harus login terlebih dahulu
Post conditions :
Menampilkan informasi stok barang
Flow of Activities :
Actors
System
1. Melihat penambahan atau
1. Menampilkan data stok
pengurangan pada stok barang
barang yang terupdate
Exception Conditions :
-
Tabel 3.2 Deskripsi Use Case Melihat Daftar Stok Barang
39 Nama Use Case :
Input Order Barang
Scenario :
Team Motor melakukan order barang
Triggering Event :
Adanya pemesanan barang dari pelanggan Team Motor
Brief Description :
Melihat ketersediaan stok barang dari Lihat Stok Barang
Actors :
Team Motor
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Team Motor dapat melakukan order bila ada pemesanan dari pelanggan
Post conditions :
Melakukan order barang
Flow of Activities :
Actors
System
1. Melakukan input kode
1. Menampilkan nama barang
barang yang akan di order
2. Menampilkan qty barang
2. Melakukan input jumlah
3. Menyimpan order
barang yang akan di order 3. Order barang Exception Conditions :
-
Tabel 3.3 Deskripsi Use Case Input Order Barang Nama Use Case :
Input Data Penjualan
Scenario :
Team Motor melakukan input data penjualan
Triggering Event :
Melakukan penjualan kepada pelanggan
Brief Description :
Terjadinya transaksi dengan pelanggan
Actors :
Team Motor
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Team Motor membawa barang sesuai dengan input data penjualan kepada pelanggan
Post conditions :
Team Motor menyimpan data transaksi penjualan
Flow of Activities :
Actors
System
1. Melakukan input data
1. Menampilkan data penjualan
penjualan
2. Simpan Penjualan
2. Menyimpan data transaksi
40 penjualan Exception Conditions :
-
Tabel 3.4 Deskripsi Use Case Input Data Penjualan Nama Use Case :
Approval Order Barang
Scenario :
Koordinator melakukan approval order barang
Triggering Event :
Adanya pengolahan data order barang
Brief Description :
Pengolahan data barang dari admin warehouse meminta approve ke Koordinator Team Motor sebagai tanda terima order dapat di teruskan dan team motor dapat membawa barang sesuai dengan order yang di minta ke warehouse
Actors :
Koordinator Team Motor
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Admin Warehouse meminta approve dari Koordinator Team Motor
Post conditions :
Permintaan order barang di approve atau sebaliknya dari Koordinator Team Motor
Flow of Activities :
Exception Conditions :
Actors
System
1. Koordinator melakukan
1. Menampilkan Approve Order
approve untuk order barang
Barang
-
Tabel 3.5 Deskripsi Use Case Approval Order Barang Nama Use Case :
Membuat Laporan Penjualan
Scenario :
Koordinator membuat Laporan Penjualan
Triggering Event :
Adanya transaksi penjualan dari team motor
Brief Description :
Koordinator
membuat Laporan Penjualan berdasarkan data
penjualan yang tersimpan di database team motor Actors :
Koordinator
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Hasil data penjualan team motor
Post conditions :
Laporan Penjualan Team Motor
Flow of Activities :
Actors
System
41
Exception Conditions :
1. Koordinator melakukan
1. Menampilkan Laporan
perhitungan pencapaian
Penjualan
penjualan dari team motor
2. Cetak Laporan Penjualan
-
Tabel 3.6 Deskripsi Membuat Laporan Penjualan Nama Use Case :
Approve Laporan Penjualan
Scenario :
Supervisor melakukan Approve Laporan Penjualan
Triggering Event :
Adanya Laporan Penjualan dari Koordinator
Brief Description :
Koordinator membuat Laporan Penjualan dengan meminta approve dari supervisor
Actors :
Supervisor
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Laporan Penjualan
Post conditions :
Di Approve Laporan Penjualan
Flow of Activities :
Actors
System
1. Supervisor melakukan
1. Approve Laporan Penjualan
Approve Laporan Penjualan Exception Conditions :
-
Tabel 3.7 Deskripsi Approve Laporan Penjualan Nama Use Case :
Melihat Achievement
Scenario :
Team Motor melakukan view Achievement
Triggering Event :
Adanya hasil pencapaian penjualan pada team motor
Brief Description :
Koordinator membuat Laporan Hasil Penjualan team motor tiap harinya
sehingga
team
motor
penjualannya secara berkala Actors :
Team Motor
Related Use Case :
-
Stakeholders :
-
Pre-conditions :
Laporan Penjualan Team Motor
dapat
melihat
pencapaian
42 Post conditions :
Melihat Achievement
Flow of Activities :
Actors
System
1. Team Motor membuka menu
1. Menampilkan Achievement
Achievement Exception Conditions :
-
Tabel 3.8 Deskripsi Melihat Achievement 3) Activity Diagram Berdasarkan usecase yang telah di rancang untuk usulan maka dapat di gambarkan activity diagram berikut ini : a. Activity Diagram Login Menu Barang Adm Warehouse
Sistem
Masukkan Username dan password
Autentifikasi User Login
False
True
Masuk Ke Menu Utama
Pilih Menu Barang
Gambar 3.4 Activity Diagram Login Menu Barang
43
b.
Activity Diagram Input Data Barang oleh Warehouse Adm Warehouse
Sistem
Login
Masuk Ke Menu Utama
Pilih Menu Barang
Memilih untuk input atau view barang
False Pilih Menu View Barang True
Pilih Menu Input Barang Menampilkan Form List Barang
Masukkan Data Barang
Menampilkan Form Input Barang
Simpan Data Barang
Gambar 3.5 Activity Diagram Input Data Barang oleh Warehouse c.
Activity Diagram View Stok Barang Team Motor
Login
Sistem
Masuk Ke Menu Utama
Pilih Menu View Stok Barang by Mobile
Menampilkan List View Stok Barang by Mobile
44 Gambar 3.6 Activity Diagram View Stok Barang d.
Activity Diagram Manage Order Team Motor
Sistem
Login
Masuk Ke Menu Utama
Pilih Menu Manage Order by Mobile
Masukan Data Order Barang yang akan dipesan
Menampilkan Form Manage Order by Mobile
Simpan Order Barang
Sending Data Order
Gambar 3.7 Activity Diagram Manage Order e.
Activity Diagram Manage Order Adm Warehouse
Login
Sistem
Masuk Ke Menu Utama
Pilih Menu Order
Pilih Sub Menu Manage Order by Desktop
Memilih untuk manage order atau view order
False Pilih Menu List View Order dari Team Motor True
Pilih Menu Manage Order
Melakukan Accept pada Manage Order
Menampilkan Form Manage Order
Simpan Data Order
Menampilkan Form List View Order
45 Gambar 3.8 Activity Diagram Manage Order f.
Activity Diagram Approve Order Koordinator TM
Login
Sistem
Masuk Ke Menu Utama
Pilih Menu Order
Pilih Sub Menu Approve Order by Mobile
Melakukan Approve Order
Menampilkan Form Approve Order
Simpan Approve Order
Sending Approve Data Order
Gambar 3.9 Activity Diagram Approve Order g.
Activity Diagram Input Sales (Transaksi Penjualan) Team Motor
Login
Sistem
Masuk Ke Menu Utama
Pilih Menu Sales by Mobile
Input Sales Transaksi
Menampilkan Form Sales by Mobile
Simpan Data Sales
Menampilkan Form List Sales by Mobile
Sending Data Sales
46 Gambar 3.10 Activity Diagram Input Sales (Transaksi Penjualan) h.
Activity Diagram Laporan Penjualan Koordinator
Login
Sistem
Masuk Ke Menu Utama
Pilih Menu Laporan
Merekap Hasil Penjualan Daily TM
Pilih Sub Menu Laporan by Daily Sales
Simpan Laporan
Meminta Approve Laporan
Gambar 3.11 Activity Diagram Laporan Penjualan i.
Activity Diagram Approve Laporan Penjualan Supervisor
Login
Sistem
Masuk Ke Menu Utama
Pilih Menu Laporan
Melihat dan menilai laporan dari koordinator
Pilih Sub Menu Laporan by Daily Sales
False
True
Approve Laporan
47 Gambar 3.12 Activity Diagram Approve Laporan Penjualan 4)
Class Diagram
Pegawai -ID_Pegawai -Nm_Pegawai -Kode_Jabatan -Alamat -No_Telp +Add() +Save() +Edit() +Delete()
Jabatan
1..*
1..1
-Kode_Jabatan -Bagian -Status -Posisi +Add() +Simpan() +Edit()
1..*
Barang -ID_Barang -Nm_Barang -Qty_Carton -Qty_Pcs -Harga_QtyPerCarton -Harga_QtyPerPcs -Jumlah_Stok +insert() +save() +edit() +delete()
1..* CTM 1..1 1..*
1..1 Team_Motor 1..*
-id_TeamMotor -Nm_TeamMotor -Kode_RPS -Area -Kode_CTM +add() +save() +edit()
1..1 1..1
-Kode_CTM -Kode_Jabatan -ID_Pegawai -ID_TeamMotor -Area_Sales -Control_Sales -Zona_Sales +Add() +Save() +Edit() +Delete()
1..*
1..1 -No_Order -Tgl_Order -id_Team_Motor -Keterangan -id_Barang -Total_Order +Insert() +Save() +Edit() +Delete()
1..1 1..*
-No_Penjualan -Tgl_Penjualan -id_Customer -id_TeamMotor -Total_Penjualan -Kode_RPS +insert() +save() +edit() +delete() +getCust() +getRPS()
RPS
1..1
-Kode_RPS -Hari -Rute -id_Customer -Total_Penjualan -Jumlah_Customer +Add() +Save() +Edit() +Delete() +getPenjualan()
1..1
Penjualan
Order
1..*
Detil_Penjualan
1..1
1..* 1..1
1..*
1..*
1..1
Achievement_TeamMotor
1..*
1..* 1..* 1..1 1..1
Customer
1..*
1..1
-id_Customer -Nm_Customer -Alamat -No_Telp +insert() +save() +edit() +delete()
Gambar 3.13 Class Diagram
-No_Penjualan -id_Barang -Qty_Carton -Qty_Pcs -Total_Harga_QtyCarton -Total_Harga_QtyPcs +insert() +save() +edit() +delete() +getBarang()
-Kode_CTM -id_TeamMotor -Kode_RPS -Hari -Jumlah_Customer -Total_Penjualan +insert() +save() +edit() +delete() +print() +getCTM() +getTeam_Motor() +getRPS() +getPenjualan()
48
5)
Sequence Diagram
System
Adm Warehouse Create Barang Add ID_Barang, Nm_Barang, Package, Fraction, Harga_Package, Harga_Fraction Save() Search(ID_Barang)
op Lo
View (ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order) Start Update Stok Barang Update (ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order) Save Update() Start Delete Stok Barang Delete() Cancel() Close()
Gambar 3.14 Sequence Diagram Input Stok Barang (SSD)
Clean
49
<> : Stok_Barang
Adm Warehouse
: Stok_Barang
: Stok_BarangHandler
Open() Input ID_Barang,Nm_Barang
Add Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order
Save() Save() Search(ID_Barang) Get Detil_ID_Barang Get_Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order Start Update Stok Barang
Get_Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order Get_Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order
Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order Save Update() Save Update() Start Delete Stok Barang
Get_Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order
Get_Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order Detil_ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order
Delete() Delete() Cancel()
Clean Close()
Gambar 3.15 Sequence Diagram Input Stok Barang view Layer
50
System Pegawai Team Motor Start Order Barang
Input ID_Order View No_Order,ID_Pegawai,Tgl,Ket Input ID_Barang,Package,Fraction Cancel() Closed()
Gambar 3.16 Sequence Diagram Input Order Barang
Clean
51
<> : Order Barang
Team Motor
Open()
: Detail_Order Handler
: Order_Barang Handler
Input No_Order
No_Order, ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order
Get No_Order No_Order, ID_Barang, Qty_Package, Qty_Fraction, Jmlh_Max_Order
Input Qty_Package, Qty_Fraction, Tgl, Ket Save()
Cancel()
Clean Closed()
Gambar 3.17 Sequence Diagram Order Barang View Layer
52
System Koordinator
Start Approval Order Barang Search (ID_Order, ID_Pegawai, Tgl, Ket) Save() Search(No_Order) No_Order, ID_Barang, Qty_Package, Qty_Fraction Cancel()
Clean
Closed()
Gambar 3.18 Sequence Diagram Approve Order Barang
3.4
Perancangan Sistem Informasi 3.4.1
Arsitektur dan Komponen 1.
Development Architecture Pada
perancangan
aplikasi
ini
menggunakan
sistem
komputer
Multitier Architecture dengan mempekerjakan beberapa sistem komputer
berganda dalam sebuah usaha kerja sama untuk menemukan proses informasi yang dibutuhkan. Misalnya komputer yang dipakai Warehouse, Koordinator, dan Teammotor yang setiap bagiannya menjalankan fungsi yang berbeda-beda.
53
2.
Software Architecture Aplikasi berbasis web merupakan aplikasi yang dapat langsung dijalankan dengan pada browser dengan bantuan koneksi dari internet dan berdasarkan pada arsitektur sistem informasi client / server.
Gambar 3.19 Architecture Client Server yang diusulkan Sistem ini dikembangkan dengan menggunakan software open
source
XAMPP yang berisi phpMyAdmin, MySQL dan PHP. System ini di implementasikan untuk melakukan tugas serta fungsi yang berbeda yaitu mengelola data stok barang, order barang, transaksi penjualan dan laporan.
3.5
Spesifikasi Basis Data Spesifikasi basis data merupakan rinci dari tiap-tiap relasi tabel atau file. Adapun spesifikasi basis data dari suatu system monitoring penjualan yang di usulkan adalah : 1.
Nama tabel
: user_login
Isi
: data user login
Primary key
: id_user
54 Nama Field
Type
Panjang
Ket. Auto Increment
Id_user
Int
2
username
Varchar
10
password
Varchar
10
Tabel 3.9 Spesifikasi Basis Data User Login
2.
Nama tabel
: Barang
Isi
: Data Barang
Primary key
: id_barang
Nama Field
Type
Length
Id_barang
varchar
8
Nm_barang
varchar
20
Satuan
text
6
Tabel 3.10 Spesifikasi Basis Data Barang
3.
Nama tabel
: Teammotor
Isi
: Data Team Motor
Primary key
: id_teammotor
Nama Field
Type
Length
Id_teammotor
varchar
6
Nm_teammotor
Text
20
koderps
varchar
4
area
Text
20
Kodectm
varchar
5
Tabel 3.11 Spesifikasi Basis Data Teammotor
3.
Nama tabel
: RPS
Isi
: Data Rencana Perjalanan Salesman / Teammotor
Primary key
: kodeRPS
55 Nama Field
Type
Length
koderps
varchar
4
Tanggal
Date
rute
text
20
Id_customer
varchar
5
Tabel 3.12 Spesifikasi Basis Data RPS
4.
Nama tabel
: CTM
Isi
: Data Control Teammotor
Akses
: Koordinator dari teammotor
Primary key
: kodectm
Nama Field
Type
Length
kodectm
varchar
5
Nm_ctm
text
20
areasales
text
20
controlsales
text
20
zonasales
text
20
Tabel 3.13 Spesifikasi Basis Data CTM
5.
Nama tabel
: Customer
Isi
: Data Customer
Primary key
: id_customer
Nama Field
Type
Length
Id_customer
varchar
5
Nm_customer
text
10
alamat
text
20
No_telp
int
12
Tabel 3.14 Spesifikasi Basis Data Customer
56
9.
Nama tabel
: Order
Isi
: Data Order Request Barang by Teammotor
Primary key
: no_order
Nama Field
Type
Length
No_order
int
3
Tgl_order
date
Id_teammotor
varchar
6
Id_barang
varchar
8
Total_order
int
10
Keterangan
Text
10
Tabel 3.15 Spesifikasi Basis Data Order
10.
Nama tabel
: Penjualan
Isi
: Data Penjualan by Teammotor
Primary key
: no_penjualan
Nama Field
Type
Length
No_penjualan
int
3
Tgl_penjualan
date
Id_customer
varchar
5
Id_teammotor
varchar
6
Total_penjualan
int
7
Koderps
varchar
4
Tabel 3.16 Spesifikasi Basis Data Penjualan
11.
Nama tabel
: Detil_Penjualan
Isi
: Data Detil isi dari penjualan
Primary key
: no_penjualan
57 Nama Field
Type
Length
No_penjualan
int
10
Id_barang
varchar
8
Qty_carton
Int
2
Qty_pcs
Int
2
Hargaqty_carton
int
5
Hargaqty_pcs
Int
4
Totalharga
Int
7
Sumtotalharga
Int
7
Tabel 3.17 Spesifikasi Basis Data Detil Penjualan
12.
Nama tabel
: Achievement
Isi
: Data Achievement Pencapaian Penjualan dari teammotor
Primary key
: kodectm
Nama Field
Type
Length
Kodectm
varhar
5
Id_teammotor
varhar
6
Koderps
varhar
4
Hari
Date
Jumlah_customer
int
3
Total_penjualan
Int
7
Tabel 3.18 Spesifikasi Basis Data Achievement
3.5
Rancangan User Interface Berikut ini adalah rancangan user interface yang di usulkan : 3.5.1
Rancangan Layar untuk User Warehouse
58 1)
Rancangan Layar Menu Login
APLIKASI MONITORING PENJUALAN
username password LOGIN
Gambar 3.20 User Interface Menu Login Monitoring Penjualan Team Motor untuk User Warehouse
2)
Rancangan Layar pada Menu Utama Warehouse
MONITORING PENJUALAN Beranda
Master
Control
Laporan
Keluar
Footer Gambar 3.21 User Interface Menu Utama Monitoring Penjualan
59 3)
Rancangan Layar pada Menu Master Barang dengan Fungsi Input Data Barang
MONITORING PENJUALAN Beranda
Master
Control
Laporan
Keluar
Input Data Barang Form Data Barang Kode Barang
:
Nama Barang
:
Satuan
:
Simpan
Footer Gambar 3.22 User Interface Input Data Barang 4)
Rancangan Layar pada Menu Master Barang dengan Fungsi Ubah atau Hapus Data Barang
MONITORING PENJUALAN Beranda
Master
Control
Laporan
Keluar
Master Data Barang Kode Barang
Nama Barang
Satuan
Aksi
CB15TT
Chitato Barbeque 15gr
Carton
Update Delete
QTTOR20
Qtela Tempe Original 20gr
Carton
Update Delete
TRC18
Cheetos Twist 18gr
Carton
Update Delete
Footer Gambar 3.23 User Interface Ubah atau Hapus Data Barang pada Menu Master Barang
60
5)
Rancangan Layar pada Menu Master Barang dengan Fungsi View Data Barang
MONITORING PENJUALAN Beranda
Master
Control
Laporan
Keluar
Data Barang Kode Barang
Nama Barang
Satuan
CB15TT
Chitato Barbeque 15gr
Carton
QTTOR20 TRC18
Qtela Tempe Original 20gr Cheetos Twist 18gr
Carton Carton
Footer
Gambar 3.24 User Interface View Data Barang pada Menu Master Barang 6)
Rancangan Layar pada Menu Control Stok Barang dengan Fungsi Input Stok Data Barang
MONITORING PENJUALAN Beranda
Master
Control
Laporan
Keluar
Input Stok Barang Form Stok Barang Kode Barang
:
Harga Barang
:
Jumlah Barang
:
CB15TT | Chitato Barbeque 15gr | Carton
Simpan
Footer Gambar 3.25 User Interface Input Stok Barang pada Menu Control Stok Barang
61 7)
Rancangan Layar pada Menu Control Stok Barang dengan Fungsi Ubah Stok Data Barang
MONITORING PENJUALAN Beranda
Master
Control
Laporan
Keluar
Control Stok Data Barang Kode Barang
Nama Barang
CB15TT QTTOR20
Chitato Barbeque 15gr
TRC18
Qtela Tempe Original 20gr Cheetos Twist 18gr
Harga Barang 96000
Jumlah Barang Masuk
Jumlah Barang Keluar
Stok Barang
Aksi
350
40
310
Update
50600
150
0
150
Update
96000
150
10
140
Update
Footer
Gambar 3.26 User Interface Ubah Stok Control Stok Data Barang pada Menu Control Stok Barang 8)
Rancangan Layar pada Menu Control Stok Barang dengan Fungsi View Stok Data Barang
Gambar 3.27 User Interface View Stok Control Stok Data Barang pada Menu Control Stok Barang
62 9)
Rancangan Layar pada Laporan Stok Barang
Laporan Stok Barang Kode Barang
Nama Barang
Jumlah Stok Awal
Jumlah Stok Ahir
Satuan
CB15TT
Chitato Barbeque 15gr
350
310
Carton
QTTOR20
Qtela Tempe Original 20gr
150
140
Carton
TRC18
Cheetos Twist 18gr
150
150
Carton
Gambar 3.28 User Interface Laporan Stok Barang pada Menu Control Stok Barang
3.5.2
Rancangan Layar pada User Teammotor (mobile) 1)
Rancangan Layar pada Menu Login untuk Teammotor 06.45 Mobile
Welcome to IFL
Username
Password
LOGIN
LOG OUT
Gambar 3.29 User Interface Login Menu Mobile Teammotor
63 2)
Rancangan Layar pada Menu Utama pada Teammotor
06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order Keluar
Target Sales
Footer Gambar 3.30 User Interface Login Menu Utama Mobile Teammotor 3)
Rancangan Layar pada Control Stok Barang dengan Fungsi View Stok Data Barang 06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order Keluar
Target Sales
Control Stok Data Barang Kode Barang
Nama Barang
CB15TT
Chitato Barbeque 15gr
QTTOR20
TRC18
Qtela Tempe Original 20gr Cheetos Twist 18gr
<< Prev Next >>
Footer
Gambar 3.31a User Interface Control Stok Barang pada View Stok Barang Mobile Teammotor
64
06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order Keluar
Target Sales
Harga Barang
Jumlah Barang Masuk
Jumlah Barang Keluar
Stok Barang
96000
350
40
310
50600
150
0
150
96000
150
10
140
<< Prev Next >>
Footer Gambar 3.31b User Interface Control Stok Barang pada View Stok Barang Mobile Teammotor 4)
Rancangan Layar pada Master Customer dengan Fungsi Input Data Customer 06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order
Target Sales
Keluar
Input Data Customer Form Data Customer Kode Customer Nama Customer
: :
Alamat
:
No. Telp
:
Simpan
<< Prev Next >>
Footer Gambar 3.32 User Interface Input Data Customer Mobile Teammotor
65 5)
Rancangan Layar pada Master Customer dengan Fungsi Ubah atau Hapus Data Customer 06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order
Target Sales
Keluar
Master Data Customer Kode Customer
Nama Customer
Alamat
No. Telp
CA001
Tk Dedi
Jl. Imam Bonjol
0
Update Delete
Tk Samudra
Kp. Cibitung Selang Jati
0
Update Delete
CA002
Aksi
<< Prev Next >>
Footer Gambar 3.33 User Interface Master Data Customer Mobile Teammotor 6)
Rancangan Layar pada Master Customer dengan Fungsi View Data Customer 06.45 MONITORING PENJUALAN Beranda Transaksi
Control
Master
Order
Target Sales
Keluar
Master Data Customer Kode Customer
Nama Customer
Alamat
No. Telp
CA001
Tk Dedi
Jl. Imam Bonjol
0
Tk Samudra
Kp. Cibitung Selang Jati
0
CA002
<< Prev Next >>
Footer Gambar 3.34 User Interface Master Data Customer Mobile Teammotor
7)
Rancangan Layar pada Menu Order dengan Fungsi Input Data Order
66
06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order
Target Sales
Keluar
Input Data Order Request by Team Motor Form Transaksi Order
Tanggal Order
: :
Kode Teammotor
:
TM001 | Rudika Jaya
Kode Barang
:
CB15TT | Chitato Barbeque 15gr
Total Order
:
Total Order
:
No. Order
Simpan
<< Prev Next >>
Footer Gambar 3.35 User Interface Data Order Request Mobile Teammotor 8)
Rancangan Layar pada Menu Order dengan Fungsi Ubah atau Hapus Data Order 06.45 MONITORING PENJUALAN Beranda Transaksi
Control
Master
Order
Target Sales
Keluar
Data Order Request No. Order
Tgl Order
Kode Teammotor
Kode Barang
Total Order
11
13-12-2014
TM009
QTTOR20
20
12
13-12-2014
TM002
QTTOR20
10
<< Prev Next >>
Footer
Gambar 3.36a User Interface Ubah Data Order Request Mobile Teammotor
67
06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order
Target Sales
Keluar
Data Order Request Keterangan
Aksi
Pesenan Toko Dedi
Update Delete
Pesenan Agen Bond
Update Delete
<< Prev Next >>
Footer
Gambar 3.36b User Interface Ubah Data Order Request Mobile Teammotor 9)
Rancangan Layar pada Menu Order dengan Fungsi View Data Order dan View Status Approve Order 06.45 MONITORING PENJUALAN Beranda
Control
Master
Transaksi
Order
Target Sales
Keluar
View Status Approve Order No. Order 11 12
Tgl Order
Kode Teammotor
13-12-2014
TM009
Pesenan Toko Dedi
Approve
TM002
Pesenan Agen Bond
Reject
13-12-2014
Keterangan
Status Order
Rincian Data Order Barang by Teammotor No. Order
Tgl Order
Kode Teammotor
Kode Barang
Total Order
11
13-12-2014
TM009
QTTOR20
20
Pesenan Toko Dedi
12
13-12-2014
TM002
QTTOR20
10
Pesenan Agen Bond
Footer
Keterangan
68 Gambar 3.37 User Interface View Data Order dan View Status Approve Order Request Mobile Teammotor 10)
Rancangan Layar pada Menu Transaksi Penjualan dengan Fungsi Input Transaksi Penjualan 06.45 MONITORING PENJUALAN Beranda
Control
Master
Order
Transaksi
Target Sales
Input Transaksi Penjualan Form Transaksi Penjualan Tgl Penjualan Kode RPS dan Customer
: :
Kode Teammotor
:
Total Penjualan
:
Simpan
Footer Gambar 3.38 User Interface Input Transaksi Penjualan Mobile Teammotor 11)
Rancangan Layar pada Menu Transaksi Penjualan dengan Fungsi Ubah atau Hapus Transaksi Penjualan 06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order
Target Sales
Keluar
Laporan Penjualan No. Penjualan
Tgl Penjualan
Kode Teammotor
11
13-12-2014
TM009
CA001
R101
12
13-12-2014
TM002
CA002
R102
Kode Customer
Kode RPS
<< Prev Next >>
Footer
69 Gambar 3.39a User Interface Ubah Transaksi Penjualan Mobile Teammotor 06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Order
Target Sales
Keluar
Laporan Penjualan Total Penjualan
Aksi
30
Update Delete
50
Update Delete
<< Prev Next >>
Footer
Gambar 3.39b User Interface Ubah Transaksi Penjualan Mobile Teammotor
12)
Rancangan Layar pada Menu Transaksi Penjualan dengan Fungsi View Transaksi Penjualan 06.45 MONITORING PENJUALAN Beranda
Control
Transaksi
Master
Target Sales
Order Keluar
Laporan Penjualan No. Penjualan
Tgl Penjualan
Kode Teammotor
11
13-12-2014
TM009
12
13-12-2014
TM002
Kode RPS
Total Penjualan
CA001
R101
30
CA002
R102
50
Kode Customer
<< Prev Next >>
Footer Gambar 3.40 User Interface View Transaksi Penjualan Mobile Teammotor
70 13)
Rancangan Layar pada Laporan Achievement PerHari
Achievement Per Hari No Penjualan
Hari Penjualan
Kode Teammotor
Kode Customer
Kode RPS
Total Penjualan
1
Sunday
TM001
CA001
R011
30
4
Sunday
TM001
CA001
R011
50
7
Sunday
TM001
CA001
R011
50
Gambar 3.41 User Interface Laporan Penjualan PerHari Mobile Teammotor
14)
Rancangan Layar pada Laporan Achievement PerTeammotor
Achievement Per Teammotor No Penjualan
Tgl Penjualan
Kode Teammotor
Kode Customer
Kode RPS
Total Penjualan
1
29-08-2014
TM001
CA001
R011
30
7
29-08-2014
TM001
CA001
R011
50
Gambar 3.42 User Interface Laporan Penjualan PerTeammotor Mobile Teammotor
3.5.3
Rancangan Layar pada User Koordinator 1)
Rancangan Layar pada Menu Login
APLIKASI MONITORING PENJUALAN
username password
LOGIN
Gambar 3.43 User Interface Menu Login 2)
Rancangan Layar pada Menu Control Approval Order berfungsi untuk melakukan Approve atau Reject pada barang yang telah di Order oleh
71 Teammotor. Jika koordinator memberikan keputusan Reject pada Order yang dilakukan oleh Teammotor maka stok barang yang digudang tidak berkurang namun apabila koordinator memberikan Approve pada Order yang dilakukan oleh Teammotor maka stok barang yang digudang menjadi berkurang dan jumlah barang yang berubah dapat di lihat pada Menu Control Stok Barang.
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Approval Order Request by Koordinator Form Approve Order No Order
:
Approve
:
Tgl Order | Kode Teammotor | Kode barang | Total Order Reject
Approve
Simpan
Footer Gambar 3.44 User Interface Menu Control Approval Order 3)
Rancangan Layar pada Menu Master Teammotor dengan Fungsi Input Data Teammotor
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Input Data Teammotor Form Data Teammotor Kode Teammotor
:
Nama Teammotor
:
Area
:
Kode CTM
:
C001 | Maeman S
Footer
Simpan
72 Gambar 3.45 User Interface Input Data Teammotor 4)
Rancangan Layar pada Menu Master Teammotor dengan Fungsi Ubah Data Teammotor
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Master Data Teammotor Kode Teammotor
Nama Teammotor
Area
Kode CTM
Aksi
TM001
Rudika Jaya
Cibitung
C001
Update Delete
TM002
Sobiroh
Mekarsari
C002
Update Delete
TM003
Hariman
Jejalen
C002
Update Delete
Footer Gambar 3.46 User Interface Master Data Teammotor
5)
Rancangan Layar pada Menu Master Teammotor dengan Fungsi View Data Teammotor
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Master Data Teammotor Kode Teammotor
Nama Teammotor
Area
Kode CTM
TM001
Rudika Jaya
Cibitung
C001
TM002
Sobiroh
Mekarsari
C002
TM003
Hariman
Jejalen
C002
Footer Gambar 3.47 User Interface Master Data Teammotor
73 6)
Rancangan Layar pada Menu Master dengan Fungsi Input Data CTM
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Input Data CTM Form Data Control Teammotor Kode CTM
:
Nama CTM
:
Area Sales
:
Control Sales
:
Zona Sales
:
Simpan
Footer Gambar 3.48 User Interface Input Data CTM 7)
Rancangan Layar pada Menu Master CTM dengan Fungsi Ubah Data CTM
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Master Data Control Teammotor Kode CTM
Nama CTM
Area Sales
Control Sales
Zona Sales
Aksi
C001
Maeman
Cikarang Pusat
Coaching
Zona 3
Update Delete
C002
Sudirman
Cikarang Barat
Coaching
Zona 3
Update Delete
Footer Gambar 3.49 User Interface Master Data Teammotor
74 8)
Rancangan Layar pada Menu RPS dengan Fungsi Input Data RPS
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Input Data RPS Form Data Rencana Perjalanan Salesman Kode RPS
:
Rute Perjalanan
:
Kode Customer
:
CA001 | Tk Dedi
Simpan
Footer
Gambar 3.50 User Interface Input Data RPS
9)
Rancangan Layar pada Menu Master RPS dengan Fungsi Ubah Data RPS
MONITORING PENJUALAN Beranda
Control
Master
Keluar
Master Data Rencana Perjalanan Salesman Kode RPS
Rute Perjalanan
Kode Customer
Aksi
R101
Taman Aster
CA001
Update Delete
R401
Graha Taman Kebayoran
CD001
Update Delete
Footer Gambar 3.51 User Interface Master Data RPS