iv
ABSTRACT
PT. M is a company which has not been had a system to manage the
sales data efficiently because they have been input that data manualy.
Therefore, PT. M needs a application based on web to manage the sales
data efficiently. The application is related to Sales and Distribution Module
in Marketing Department. The content of the application is how to create,
edit, and display Customer Master Data, Sales Contract, Sales Order, and
Delivery Order.
The purpose of the application to manage the sales data efficiently.
v
DAFTAR ISI
KATA PENGANTAR... i
SURAT PERNYATAAN ORISINALITAS KARYA ... iii
ABSTRACT ...iv
DAFTAR ISI... v
DAFTAR GAMBAR ... vii
DAFTAR TABEL...ix
DAFTAR SINGKATAN ...xi
BAB I PENDAHULUAN ... 12
I.1 Latar Belakang ... 12
I.2 Perumusan Masalah... 13
I.3 Tujuan... 13
I.4 Batasan Masalah... 13
I.5 Sistematika Penulisan ... 14
BAB II LANDASAN TEORI ... 15
II.1 Entity Relationship Diagram ... 15
II.1.1 Atribut ... 15
II.1.2 Derajat dari Relationship ... 16
II.1.3 Cardinality Ratio Constraint ... 17
II.1.4 Participation Constraint... 18
II.1.5 Simbol – simbol ERD... 19
II.2 Data Flow Diagram... 19
II.2.1 Komponen – komponen DFD yaitu :... 21
II.2.2 Aturan dalam DFD ... 23
II.3 Data Dictionary / Kamus Data ... 24
II.4 Proses Specification ... 25
II.5 JavaScript... 26
II.5.1 Komentar di JavaScript... 27
II.5.2 Fungsi di JavaScript ... 28
II.5.3 Menggunakan Variabel... 28
II.5.4 IF Statement ... 29
II.5.5 Event di JavaScript ... 29
II.6 Cascading Style Sheets ... 30
II.7 Asyncronous Javascript and XML ... 32
II.8 PHP: Hypertext Preprocessor ... 36
II.8.1 Variabel PHP ... 37
II.8.2 Array di PHP ... 38
II.9 HyperText Markup Language ... 38
BAB III ANALISIS DAN PERANCANGAN ... 41
III.1 Profil Perusahaan ... 41
III.2 Proses Bisnis Sales and Distribution... 42
III.3 Entity Relationship Diagram ... 43
III.4 Data Flow Diagram... 45
III.4.1 Context Diagram... 45
III.4.2 DFD Level 1... 47
III.4.3 DFD Level 2... 48
III.4.4 DFD Level 3... 55
vi
III.6 Process Specification ... 67
III.7 Relational Database ... 83
III.8 Perancangan Desain Antar Muka... 90
BAB IV HASIL TERCAPAI ... 97
BAB V TESTING DAN EVALUASI... 117
VI PENUTUP ... 123
VI. 1 Kesimpulan ... 124
VI. 2 Saran – saran... 124
vii
DAFTAR GAMBAR
Gambar 2.1 Contoh Binary Degree... 20
Gambar 2.2 Contoh Ternary Degree... 20
Gambar 2.3 Contoh Cardinality Ratio 1 : 1... 21
Gambar 2.4 Contoh Cardinality Ratio 1:N / N : 1... 21
Gambar 2.5 Contoh Cardinality Ratio M : N... 21
Gambar 2.6 Contoh Total Participation... 22
Gambar 2.7 Contoh Partial Participation... 22
Gambar 2.8 Simbol – simbol ERD... 23
Gambar 2.9 Simbol DFD Proses... 24
Gambar 2.10 Simbol DFD External Entity... 24
Gambar 2.11 Simbol DFD Data Flow... 44
Gambar 2.12 Simbol DFD Data Store... 46
Gambar 3.1 Entity Relationship Diagram... 49
Gambar 3.2 Entity Relationship Diagram Temporary... 51
Gambar 3.3 Context Diagram... 52
Gambar 3.4 DFD Level 1... 53
Gambar 3.5 DFD Level 2 Proses Pembuatan CM... 54
Gambar 3.6 DFD Level 2 Proses Pembuatan SC... 55
Gambar 3.7 DFD Level 2 Proses Pembuatan SO... 56
Gambar 3.8 DFD Level 2 Proses Pembuatan DO... 57
Gambar 3.9 DFD Level 3 Proses Create CM... 44
Gambar 3.10 DFD Level 3 Proses Update DataCM... 46
Gambar 3.11 DFD Level 3 Proses Create SC... 46
Gambar 3.12 DFD Level 3 Proses Update DataSC... 46
Gambar 3.13 DFD Level 3 Proses Create SO... 51
Gambar 3.14 DFD Level 3 Proses Update DataSO... 52
Gambar 3.15 DFD Level 3 Proses Create DO... 53
Gambar 3.16 DFD Level 3 Proses Update DataDO... 54
Gambar 3.17 Perancangan Tampilan Login... 55
Gambar 3.18 Perancangan Tampilan Halaman Utama... 56
Gambar 3.19 Perancangan Tampilan Search Data... 57
Gambar 3.20 Perancangan Tampilan Display Kode... 44
Gambar 3.21 Perancangan Tampilan Input Data... 46
Gambar 3.22 Perancangan Tampilan Edit Data... 49
Gambar 3.23 Perancangan Tampilan Display Data... 51
Gambar 4.1 Halaman Login... 52
Gambar 4.2 Halaman Utama... 53
Gambar 4.3 Halaman Search Customer Master Data... 54
Gambar 4.4 Halaman Search Customer Master Data 2... 55
Gambar 4.5 Halaman Search Customer Master Data 3... 56
Gambar 4.6 Halaman Create CM Initial Screen... 57
Gambar 4.7 Halaman Create CM General Data... 44
Gambar 4.8 Halaman Create CM Sales Area Data bagian Sales... 46
Gambar 4.9 Halaman Create CM Sales Area Data bagian Shipping... 49
Gambar 4.10 Halaman Create CM Sales Area Data bagian Billing... 51
Gambar 4.11 Halaman Display No. Customer Master Data... 52
Gambar 4.12 Halaman Initial Screen Sales Contract... 53
Gambar 4.13 Halaman Overview Sales Contract bagian Sales... 54
viii
Gambar 4.15 Halaman Overview Sales Contract bagian Shipping dan Billing... 56
Gambar 4.16 Halaman Display No. Sales Contract... 57
Gambar 4.17 Halaman Initial Screen Sales Order... 44
Gambar 4.18 Halaman Overview Sales Order bagian Sales... 46
Gambar 4.19 Halaman Overview Sales Order bagian Material... 49
ix
DAFTAR TABEL
Tabel 3.1 Kamus Data Login... 20
Tabel 3.2 Kamus Data cm... 20
Tabel 3.3 Kamus Data sc... 21
Tabel 3.4 Kamus Data r_sc_material... 21
Tabel 3.5 Kamus Data so... 21
Tabel 3.6 Kamus Data transaksi_so... 22
Tabel 3.7 Kamus Data do... 22
Tabel 3.8 Kamus Data r_do_material... 23
Tabel 3.9 PSPEC Login... 24
Tabel 3.10 PSPEC Search DataCM... 24
Tabel 3.11 PSPEC Display DataCM... 44
Tabel 3.12 PSPEC Search DataSC... 46
Tabel 3.13 PSPEC Display DataSC... 49
Tabel 3.14 PSPEC Search DataSO... 51
Tabel 3.15 PSPEC Display DataSO... 52
Tabel 3.16 PSPEC Search DataDO... 53
Tabel 3.17 PSPEC Display DataDO... 54
Tabel 3.18 PSPEC Check No.CM... 55
Tabel 3.19 PSPEC Input DataCM... 56
Tabel 3.20 PSPEC Tampil No.CM... 57
Tabel 3.21 PSPEC Check DataCM... 44
Tabel 3.22 PSPEC Tampil DataCM... 46
Tabel 3.23 PSPEC Input DataSC... 46
Tabel 3.24 PSPEC Tampil No.SC... 46
Tabel 3.25 PSPEC Check DataSC... 51
Tabel 3.26 PSPEC Tampil DataSC... 52
Tabel 3.27 PSPEC Input DataSO... 53
Tabel 3.28 PSPEC Tampil No.SO... 54
Tabel 3.29 PSPEC Check DataSO... 55
Tabel 3.30 PSPEC Tampil DataSO... 56
Tabel 3.31 PSPEC Input DataDO... 57
Tabel 3.32 PSPEC Tampil No.DO... 44
Tabel 3.33 PSPEC Cari DataCM... 46
Tabel 3.34 PSPEC Edit DataCM... 49
Tabel 3.35 PSPEC Cari DataSC... 51
Tabel 3.36 PSPEC Edit DataSC... 52
Tabel 3.37 PSPEC Cari DataSO... 53
Tabel 3.38 PSPEC Edit DataSO... 54
Tabel 3.39 PSPEC Cari DataDO... 55
Tabel 3.40 PSPEC Edit DataDO... 20
Tabel 3.41 Login... 20
Tabel 3.42 Customer Master Data... 21
Tabel 3.43 Customer Master Data Temporary... 21
Tabel 3.44 Sales Contract... 21
Tabel 3.45 Sales Contract Temporary... 22
Tabel 3.46 Relasi SC_Material... 22
Tabel 3.47 Material... 23
Tabel 3.48 Material Temporary... 24
x
Tabel 3.50 Sales Order Temporary... 44
Tabel 3.51 Transaksi Sales Order... 46
Tabel 3.52 Warna... 49
Tabel 3.53 Motif... 51
Tabel 3.54 Delivery Order... 52
Tabel 3.55 Delivery Order Temporary... 53
Tabel 3.56 Relasi Material_Delivery Order... 54
xi
DAFTAR SINGKATAN
AJAX
Asyncronous Javascript and XML
CM Customer
Master
CSS
Cascading
Style
Sheets
DFD
Data
Flow
Diagram
DO Delivery
Order
DOM
Document
Object
Model
ERD
Entity Relationship Diagram
HTML
Hypertext Markup Language
ISD
Information System Division
PDA
Personal Digital Assistant
PHP
PHP:Hypertext
Preprocessor
PMC
Production
Marketing
Coordination
PSPEC
Proses Specification
SC Sales
Contract
SO Sales
Order
SGML
Standard Generalized Markup Language
UID
User Interface Design
W3C
World Wide Web Consortium
XML
Extensible Markup Language
xii
DAFTAR LAMPIRAN
14
PENDAHULUAN
I.1
Latar Belakang
PT. X merupakan gabungan beberapa perusahaan yang
bergerak di bidang tekstil. Salah satu dari perusahaan tersebut
adalah PT. M unit kain yang berlokasi di Bandung.
Dalam pengelolaan data penjualan, PT. M masih
melakukannya secara
manual
berupa dokumen – dokumen
sebagai laporan penjualannya. Selama ini
user
mengalami
kesulitan dalam pengelolaan dan pencarian data - data penjualan.
Data - data penjualan yang dimaksud adalah :
1.
Customer Master Data
Merupakan kumpulan data yang berisi keterangan –
keterangan mengenai
customer
dan
contact person
.
2.
Sales Contract Data
Merupakan data yang berisi tentang perjanjian jual beli
antara pihak penjual dan
customer
mengenai jumlah
material, harga, jenis material, kondisi pengiriman, dll.
3.
Sales Order Data
Merupakan data yang berisi tentang instruksi kerja dari
Marketing dan PMC kepada bagian produksi.
4.
Delivery Order Data
Merupakan data yang berisi tentang instruksi kepada
Warehouse
(bagian gudang) untuk mengirimkan barang
kepada
customer.
Dalam penginputan data – data penjualan tersebut masih
dilakukan secara
manual
dengan
Ms.Excel
. Dalam hal ini adanya
kemungkinan besar terjadi kesalahan dalam penginputan data
dan terhambatnya proses pengelolaan data penjualan.
15
penjualan barang pada PT M. Aplikasi tersebut berbasis
web
agar
mudah dalam mengimplementasikannya.
I.2
Perumusan Masalah
1.
Bagaimana
membuat
aplikasi
web
yang
dapat
memudahkan
user
dalam mengelola data penjualan
sehingga dapat meningkatkan efisiensi kinerja?
2.
Bagaimana membuat aplikasi web yang interaktif sehingga
informasi yang disampaikan jelas dan aplikasi mudah
digunakan oleh
user
?
I.3
Tujuan
1.
Mempermudah
user
dalam mencari data - data penjualan.
2.
Meningkatkan efisiensi waktu dalam mengelola data
penjualan.
3.
User
dapat melihat
report Sales Contract
dan
report
Delivery Order
dari data - data penjualan tersebut.
I.4
Batasan Masalah
Batasan Aplikasi :
1.
Aplikasi yang dibuat berbasis
web
yang berhubungan
dengan pembuatan
Customer Master Data
,
Sales Contract
,
Sales Order,
Delivery Order
dan menampilkan
Report Sales
Contract, Report Delivery Order
.
2.
Aplikasi dibuat hanya untuk
user
pada divisi Marketing.
3.
Sales Order
dan
Delivery Order
yang dibuat berdasarkan
reference
dari data sebelumnya.
4.
Material yang disediakan hanya untuk
fresh order
.
5.
Satu material hanya memiliki satu
item
.
6.
User
harus
login
terlebih dahulu untuk masuk ke aplikasi.
Batasan
Software
:
16
Batasan
Hardware
:
1.
Processor
:
Celeron
2GHz
2.
RAM
: 256 MB SDR
3.
Harddisk
: 20 GB
I.5
Sistematika Penulisan
BAB I
:Membahas tentang Latar Belakang,
Perumusan
Masalah, Tujuan, Batasan Masalah dan Sistematika
Penulisan.
BAB II
:Membahas tentang teori – teori yang digunakan
dalam pembuatan aplikasi
web
tersebut.
BAB III
:Membahas tentang profil perusahaan, analisis
kebutuhan sistem, rancangan ERD, DFD dan
rancangan UID.
BAB IV
:Menjelaskan aplikasi
web
yang telah dibuat dan cara
penggunaan aplikasi tersebut.
BAB V
:Membahas tentang hasil evaluasi secara singkat dari
aplikasi yang telah dibuat.
121
VI PENUTUP
VI. 1 Kesimpulan
1.
Aplikasi ini dibuat untuk meningkatkan efisiensi kerja
user
pada PT.
M. Aplikasi ini terhubung dengan
database
yang menyimpan
seluruh data penjualan, oleh karena itu memudahkan
user
dalam
mencari data mengenai penjualan barang. Dalam penginputan data
penjualan saat ini dilakukan secara
manual
, dan dengan aplikasi ini
user
dapat menginput dan mengolah data penjualan dengan lebih
cepat dan efisien.
2.
Dalam penyampaian informasi yang jelas perlu adanya tata bahasa
yang mudah dimengerti oleh
user
dan tata letak
design
web yang
mudah dilihat oleh
user
sehingga
user
tidak mengalami
kebingungan dalam menggunakan aplikasi ini. Misalnya dalam
meletakkan
button
log out
harus di tempat yang mudah dilihat
user
,
sehingga jika
user
ingin keluar dari aplikasi dapat langsung
log out
.
Jika
user
tidak melakukan
log out
sebelum keluar dari aplikasi,
maka orang lain dapat menggunakan
account
nya saat masuk ke
aplikasi tersebut.
VI. 2 Saran – saran
Aplikasi berbasis web ini belum diimplementasikan di PT. M,
sehingga belum dapat diketahui kekurangannya dari sisi
user
, tetapi
aplikasi ini akan segera diimplementasikan. Selain itu, data-data yang
belum bisa ditangani oleh sistem SAP, sebaiknya diaplikasikan dalam
bentuk
website
,sehingga data-data tersebut dapat diakses oleh siapapun
122
DAFTAR PUSTAKA
[1]
http://www.
staffsite.gunadarma.ac.id/iaprima/index.php
.
Accessed: 16/07/2008.
[2] http://www.ilkom.unsri.ac.id/dosen/hartini/materi/VIII_DFD.pdf.
Accessed: 16/07/2008.
[3] Renaldy, B, Prijono A, dan Agustaf R. (2005). Mudah dan Cepat
Menguasai Pemrograman WEB. Bandung : INFORMATIKA.
[4] Zaki, A & Smitdev Community. (2008). AJAX untuk Pemula : ELEX
MEDIA KOMPUTINDO.
[5]
www.deptan.go.id/pusdatin/admin/RB/Programming/Materi20PHP.pdf
.