BAB III ANALISIS DAN PERANCANGAN
3.1 Tinjauan Organisasi Analisa sistem sangatlah penting sebelum mebuat sebuah sistem, dikarenakan berdasarkan analisa sistem itu sistem dapat dibuat, dengan dilakukan analisa sistem maka akan mendapatkan informasi-informasi tentang sistem yang sudah berjalan dan dengan dilakukannya analisa sistem maka akan mempermudah dalam pembuatan sistem yang berdasarkan kebutuhan dan berdasarkan informasi-informasi yang didapat dari analisa sistem. Dengan dilakukannya analsa sistem maka akan diketahui informasiinformasi mengenai sistem yang sudah berjalan maka akan diketahui juga kelemahan-kelemahan sistem yang akan dianalisa dan dilakukan perbaikan oleh sistem yang baru yang tidak ada di sistem berjalan. Sebelum melakukan analisa sistem penjulalan yang sedang berjalan pada CV.Kiki Group, terlebih dahulu penulis akan menggambarkan sedikit tentang sejarah dan struktur organisasi perusahaan tersebut.
3.1.1 Sejarah Organisasi Pemilik memulai karir sebagai staff produksi disebuah perusahaan penyedia kayu dari tahun 2006, kemudian setelah dua tahun perusahaan itu digadaikan dan kemudian pemilik beserta
48
49
keluarga mendirikan perusahaan penyedia kayu pada tahun 2008. pemilik menarik tiga 0rang staff untuk membantu pembuatan kayu olahan dan tiga orang staff itu merupakan orang terdekat. Pada bulan pertama pemilik dan staff bekerja bersama untuk mencari pembeli kayu dengan mempromosikan ke teman-teman terdekat pemilik. Setelah beberapa bulan mengumpulkan modal maka pemilik memecah tiga orang staff tersebut menjadi tiga bagian, yang pertama adalah Retno sebagai staff penjualan yang bertugas mencatat setiap transaksi pembelian yang terjadi di CV.Kiki Group dan mencatat ke laporan penjualan. Kemudian syahrul sebagai staff produksi yang bertugas untuk memproduksi setiap pesanan yang dipesan dan menyediakan kayu yang akan dijual, yang terakhir adalah staff gudang yang posisinya dipegang oleh robiansah dimana staff gudang bertugas untuk memeriksa stock barang digudang dan sebagai pengantar pesanan. Nama CV.Kiki Group diambil dari adik pemilik yang merupakan anak terakhir dan anak perempuan satu-satunya dari 10 orang bersaudara. Ady sang pemilik sangat berharap dengan diambil nama kiki dari nama adiknya diharapkan perusahaan penyedia kayu olahan dapat maju dengan pesat.
50
3.1.2 Struktur Organisasi Agar kegiatan bisnis dalam perusahaan dapat berjalan dengan lancar, maka perusahaan harus mengatur para staff agar dapat bekerja dengan maksimal dan dengan harmonis, karena dengan keharmonisan maka tidak akan terjadi bentrok dalam tiap bidang, maka dari itu setiap staff di bagi ke beberapa bidang sesuai keahlian mereka. Pembagian bidang kerja itu sesuai dengan struktur organisasi, struktur organisasi sangat penting dalam suatu perusahaan karena dengan
adanya
struktur
organisasi
itu
maka
akan
terjadi
keharmonisan karena aka nada pembatasan bidang pekerjaan, tugas dan wewenang, dimana di setiap bidang akan berbeda. Walaupun dalam struktur organisasi terdapat hubungan tiap bidang.
Gambar 3.1 Struktur Organisasi
51
Tugas dan tanggung jawab masing-masing adalah sebagai barikut : 1) Pemimpin Tugas dan tanggung jawabnya adalah sebagai berikut : a) Memberi arahan kepada tiap-tiap bagian b) Menerima laporan hasil penjualan tiap bulannya c) Mengangkat dan memecat pegawai d) Memegang penuh keputusan yang ada di CV.Kiki Group
2) Staff Penjualan Tugas dan tanggung jawabnya adalah sebagai berikut : a) Mengatur proses pembayaran pada CV.Kiki Group b) Membuat laporan penjualan. c) Bertanggung jawab atas setiap transaksi yang ada di CV.Kiki
3) Staff Produksi Tugas dan tanggung jawabnya adalah sebagai berikut : a) Membuat setiap pesanan kayu dan membuat kayu yang ingin dijual. b) Bertanggung jawab atas setiap kecacatan yang ada pada setiap produksi kayu.
52
4) Staff Gudang Tugas dan tanggung jawabnya adalah sebagai berikut : a) Memeriksa persediaan kayu maupun bahan-bahan mentah untuk kepentingan produksi yang ada di gudang. b) Mengatur stock barang.
3.2 Uraian prosedur Langkah dalam membuat urutan prosedur mengacu pada prosedur yang ada dalam sistem penjualan tunai, yaitu sebagai berikut :
3.2.1 Pemesanan Pelanggan ingin membeli barang dapat memesan barang langsung atau menghubungi melalui telepon kebagian penjualan, apabila ada barang yang tidak tersedia dan pelanggan ingin tetap ingin melakukan transaksi maka
pesanan akan dicatat memalui
faktur. Data Stok Kayu: Jenis Kayu Mentru Racuk Kempas Perpat Hidup Perpat Mati Punak Meranti Kruing Duren
Ukuran * * * * * * * * *
Jumlah ± 200 m³ ± 300 m³ ± 150 m³ ± 200 m³ ± 150 m³ ± 300 m³ ± 100 m³ ± 100 m³ ± 200 m³
/ / / / / / / / /
1 1 1 1 1 1 1 1 1
Bulan Bulan Bulan Bulan Bulan Bulan Bulan Bulan Bulan
53
Catatan: * = 612 x 4 m;615 x 4m;620 x 4m;510 x 4m;520 x 4m;420 x 4m;430 x 4m; 320 x 4m;330 x 4m;220 x 4m;812 x 4m. (Kaso) = 4 x 6 x 4m; 5 x 7 x 4m. (Reng) = 3 x 4 x 4m; 2 x 3 x 4m.
Data Penjualan: Jenis Kayu Mentru Racuk Kempas Perpat Hidup Perpat Mati Punak Meranti Kruing Duren
Ukuran * * * * * * * * *
Penj. Januari - Juli ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu ± 75% dari Stok Kayu
Catatan: * = 612 x 4 m;615 x 4m;620 x 4m;510 x 4m;520 x 4m;420 x 4m;430 x 4m; 320 x 4m;330 x 4m;220 x 4m;812 x 4m. (Kaso) = 4 x 6 x 4m; 5 x 7 x 4m. (Reng) = 3 x 4 x 4m; 2 x 3 x 4m.
54
3.2.2 Pengiriman Berdasarkan faktur yang telah dikeluarkan
maka disiapkan
barang-barang yang akan dikirim, setelah semua barang siap maka bagian penjualan membuat surat jalan (SJ). Bagian gudang akan mengirimkan barang tersebut kepada pelanggan dengan membawa SJ diterima oleh pelanggan sebagai bukti penerimaan barang, lembar kedua dari SJ tersebut kemudian disimpan dalam arsip pengiriman.
3.2.3 Pembayaran Pelanggan menerima faktur setelah membayar sesuai dengan biaya yang tercantum pada faktur yang diserahkan oleh bagian penjualan pada saat pelangan menerima barang lembar kedua dari faktur tersebut kemudian akan disimpan kedalam arsip penjualan.
3.3 Analisa Analisa merupakan penguraian dari berbagai komponen – komponen yang saling terkait dengan maksud untuk mengidentifikasikan dan mengevaluasi kebutuhan akan sistem yang digunakan oleh penulis. Dari analisa yang dilakukan oleh penulis dapat diambil kesimpulan : a. Kebutuhan : Usulan
:
b. Kebutuhan :
Menu kontak Menampilkan menu profil CV.Kiki Group Menu trans_kayu
55
Usulan
:
Membuat registrasi anggota CV.Kiki Group dengan istilah trans_kayu
c. Kebutuhan : Usulan
:
d. Kebutuhan : Usulan
:
e. Kebutuhan : Usulan
:
f. Kebutuhan : Usulan
:
Menu belanja Menampilkan menu belanjaan Menu catalog Menampilkan produk – produk CV.Kiki Group Menu toritorial Menampilkan pendidikan belajar Menu buku tamu Menampilkan data - data pengunjung web CV.Kiki Group
3.4 Perancangan Sistem Dalam pengembangan website ini, penulis menggunakan metode uml. Pemodelan dengan UML menggambarkan yang ada dalam dunia nyata ke dalam bentuk yang dapat dipahami dengan menggunakan notasi standar UML.
56
3.4.1 Class diagram
Gambar 3.2 Class Diagram
57
3.4.2 Use case diagram A. Use case diagram halaman home
Gambar 3.3 Use case diagram home
Tabel 3.1 Deskripsi use case diagram home No. 1
Actor Customer
Deskripsi Membuka halaman awal untuk melihat halaman home, yang mengelink ke beberapa tampilan yaitu kontak, trans_kayu, belanja, catalog, tutorial dan buku tamu.
58
B. Use case diagram halaman kontak
Gambar 3.4 Use case diagram kontak
Tabel 3.2 Deskripsi use case diagram kontak No Actor
Deskripsi
1
Membuka halaman kontak untuk melihat halaman
Costumer
kontak perusahaan pusat dan cabang perusahaan, serta yang mengelink ke beberapa tampilan yaitu home, trans_kayu, belanja, catalog, tutorial dan buku tamu.
59
C. Use case diagram halaman trans_kayu
Gambar 3.5 Use case diagram halaman trans_kayu
Tabel 3.3 Deskripsi Use case halaman trans_kayu No
Actor
1
Costumer
Deskripsi Membuka
halaman
trans_kayu
untuk
melakukan pendaftaran / register anggota trans_kayu dengan memasukan / input data pribadi yaitu : nama lengkap, jenis kelamin dan E-mail. Input data alamat pengiriman yaitu : Nama Negara, propinsi, kota, alamat, kode post. Input data kontak yaitu : nomor telepon, nomor hand phone, nomor faksimili.
60
D. Use case diagram halaman belanja
Gambar 3.6 Use case diagram halaman belanja
Tabel 3.4 Deskripsi use case diagram halaman belanja No Actor
Keterangan
1
Membuka halaman belanja untuk melakukan transaksi
Costumer
belanja dengan mengawali memasukkan / Input
id,
password dan capthcha lalu tekan tombol login untuk masuk setelah itu pilih produk / barang yang ingin di beli kemudian tekan tombol lanjut untuk menampilkan detail pembelian yang telah dipilih atau menghapus barang pembelian dengan menekan tombol hapus atau tekan tombol back untuk kembali ke awal.
61
E. Use case diagram halaman catalog
Gambar 3.7 Use case diagram halaman catalog
Tabel 3.5 Deskripsi use case diagram halaman catalog No Actor
Keterangan
1
Membuka halaman catalog untuk melihat
Costumer
catalog produk / barang yang dijual terdapat 3 kategori yaitu : Jenis kayu mentah, jenis kayu olahan, model kayu olahan.
62
F. Use case diagram halaman tutorial
Gambar 3.8 Use case diagram halaman tutorial
Tabel 3.6 Deskripsi use case diagram halaman tutorial No
Actor
Keterangan
1
Costumer
Membuka halaman tutorial untuk melihat tutorial manipulasi animasi dengan menggunakan aplikasi photoshop,
membuat
animasi
tulisan
dengan
menggunakan aplikasi flash 8, membuat animasi bergerak dengan menggunakan flash 8.
63
G. Use case diagram halaman buku tamu
Gambar 3.9 Use case diagram halaman buku tamu
Tabel 3.7 Deskripsi Use case diagram halaman buku tamu No
Actor
Keterang
1
Costumer
Membuka halaman buku tamu untuk memberikan pesan terhadap web site dengan cara menginput nama, email, dan pesan kemudian tekan tombol kirim maka akan muncul layar proses lalu untuk melihat tamu tekan tulisan lihat tamu.
64
3.4.3 Squence diagram A. Sequence diagram halaman home
Gambar 3.10 Sequence diagram halaman home
Tabel 3.8 Deskripsi sequence diagram halaman home No Actor
Keterangan
1
Membuka halaman awal untuk melihat
Costumer
halaman home, yang mengelink ke beberapa tampilan yaitu kontak, trans_kayu, belanja, catalog, tutorial dan buku tamu
65
B. Sequence diagram halaman kontak
Gambar 3.11 Sequence diagram halaman kontak
Tabel 3.9 Deskripsi sequence diagram halaman kontak No Actor
Keterangan
1
Membuka halaman kontak untuk melihat
Costumer
halaman kontak perusahaan pusat dan cabang perusahaan, serta yang mengelink ke beberapa tampilan yaitu home, trans_kayu, belanja, geografis, catalog, tutorial dan buku tamu.
66
C. Sequence diagram halaman trans_kayu
Gambar 3.12 Sequence diagram halaman trans_kayu
Tabel 3.10 Sequence diagram halaman trans_kayu No Actor
Keterangan
1
Membuka
Costumer
halaman
trans_kayu
untuk
melakukan pendaftaran / register anggota trans_kayu dengan mengisi Form trans_kayu kemudian tekan tombol simpan maka akan muncul layar detail anggota.
67
D. Sequence diagram halaman belanja
Gambar 3.13 Sequence diagram halaman belanja
Tabel 3.11 Sequence diagram halaman belanja No Actor 1
Keterangan
Costumer Membuka halaman belanja untuk melakukan transaksi belanja dengan mengawali memasukkan / Input id, password dan capthcha lalu tekan tombol login untuk masuk setelah itu muncul layar Catalog pilih produk / barang untuk menampilkan detail pembelian yang telah dipilih atau menghapus barang pembelian dengan menekan tombol hapus.
68
E. Sequence diagram halaman catalog
Gambar 3.14 Sequence diagram halaman catalog
Tabel 3.12 Sequence diagram halaman catalog No
Actor
Keterangan
1
Costumer Membuka halaman catalog untuk melihat catalog produk / barang yang dijual terdapat 3 jenis produk yaitu :
Jenis kayu olahan, jenis kayu
mentah, model kayu olahan
69
F. Sequence diagram halaman tutorial
Gambar 3.15 Sequence diagram halaman tutorial
Tabel 3.13 Sequence halaman tutorial No
Actor
Keterangan
1
Costumer
Membuka halaman tutorial untuk melihat tutorial
manipulasi
animasi
dengan
menggunakan aplikasi photoshop, membuat animasi tulisan dengan menggunakan aplikasi flash 8, membuat animasi bergerak dengan menggunakan flash 8.
70
G. Sequence diagram halaman buku tamu
Gambar 3.16 Sequence diagram halaman buku tamu
Tabel 3.14 Sequence diagram halaman buku tamu No Actor
Keterangan
1
Membuka halaman buku tamu untuk memberikan pesan
Costumer
terhadap web site dengan cara menginput nama, email, dan pesan kemudian tekan tombol kirim maka akan muncul layar proses lalu untuk melihat tamu tekan tulisan lihat tamu.
71
3.4.4 Activity diagram A. Activity diagram halaman home
Gambar 3.17 Activity diagram halaman home
Tabel 3.15 Deskripsi activity diagram halaman home No Activity
Keterangan
1
Home
Membuka halaman awal untuk melihat halaman
(awal)
home, yang mengelink ke beberapa tampilan yaitu kontak, trans_kayu, belanja, catalog, tutorial dan buku tamu
72
B. Activity diagram halaman kontak
Gambar 3.18 Activity diagram halaman kontak
Tabel 3.16 Deskripsi activity diagram halaman kontak No Activity
Keterangan
1
Membuka halaman kontak untuk melihat halaman
Kontak
kontak perusahaan pusat dan cabang perusahaan, serta yang mengelink ke beberapa tampilan yaitu home, trans_kayu, belanja, geografis, catalog, tutorial dan buku tamu.
73
C. Activity diagram halaman transaksi
Gambar 3.19 Activity diagram halaman trans_kayu
Tabel 3.17 Deskripsi activity diagram halaman transaksi No Activity 1
Keterangan
Trans_kayu Membuka halaman trans_kayu untuk melakukan pendaftaran / register anggota trans_kayu dengan mengisi Form trans_kayu kemudian tekan tombol simpan maka akan muncul layar detail anggota.
74
D. Activity diagram halaman belanja
Gambar 3.20 Activity diagram halaman belanja
Tabel 3.18 Deskripsi activity diagram halaman belanja No Activity
Keterangan
1
Membuka halaman belanja untuk melakukan transaksi
Belanja
belanja dengan mengawali memasukkan / Input
id,
password dan capthcha lalu tekan tombol login untuk masuk setelah itu muncul layar Catalog pilih produk / barang yang ingin di beli kemudian tekan tombol lanjut untuk menampilkan detail pembelian yang telah dipilih atau menghapus barang pembelian dengan menekan tombol hapus atau tekan tombol back untuk kembali ke awal.
75
E. Activity diagram halaman geografis
Gambar 3.21 Activity diagram halaman geografis Tabel 3.19 Deskripsi activity diagram halaman geografis No Activity
Keterangan
1
Membuka halaman geografis untuk melihat outlet-outlet
Geografis
yang ada di kawasan jabodetabek, untuk melihatnya tekan tombol halaman Jakarta untuk melihat outlet yang berada di kawasan Jakarta, tekan tombol halaman Bogor untuk mengetahui outlet yang berada dikawasan Bogor, tekan tombol halaman Depok untuk mengetahui outlet yang berada dikawasan Depok, tekan tombol halaman Tanggerang untuk mengetahui outlet yang berada dikawasan Tanggerang, tekan tombol halaman Bekasi untuk mengetahui outlet yang berada dikawasan Bekasi
76
F. Activity diagram halaman catalog
Gambar 3.22 Activity diagram halaman catalog
Tabel 3.20 Deskripsi activity diagram halaman catalog No Activity
Keterangan
1
Membuka halaman catalog untuk melihat catalog
Catalog
produk / barang yang dijual terdapat 3 jenis produk yaitu : Jenis kayu olahan, jenis kayu mentah, model kayu olahan lalu untuk mengetahui spesifikasi produk tekan gambar produk yang di inginkan.
77
G. Activity diagram halaman tutorial
Gambar 3.23 Activity diagram halaman tutorial
Tabel 3.21 Deskripsi activity diagram halaman tutorial No Activity
Keterangan
1
Membuka halaman tutorial untuk melihat tutorial
Tutorial
manipulasi animasi dengan menggunakan aplikasi photoshop, membuat animasi tulisan dengan menggunakan aplikasi flash 8, membuat animasi bergerak dengan menggunakan flash 8.
78
H. Activity diagram halaman buku tamu
Gambar 3.24 Activity diagram halaman buku tamu
Tabel 3.22 Deskripsi activity diagram halaman buku tamu No
Activity
Keterangan
1
Buku tamu
Membuka
halaman
buku
tamu
untuk
memberikan pesan terhadap web site dengan cara menginput nama, email, dan pesan kemudian tekan tombol kirim maka akan muncul layar proses data telah tersimpan ataumenampilak layar baru lalu untuk melihat tamu tekan tulisan lihat tamu atau tekan tombol home untuk kembali ke halaman awal.
79
3.4.5 State chart diagram A. Diagram state chart halaman trans_kayu
Gambar 3.25 Diagram state chart halaman trans_kayu
Tabel 3.23 diagram state chart halaman trans_kayu No Actor
Keterangan
1
Membuka
Costumer
halaman
trans_kayu
untuk
melakukan pendaftaran / register anggota trans_kayu dengan memasukan / input data pribadi yaitu : nama lengkap, jenis kelamin dan E-mail. Input data alamat pengiriman yaitu : Nama
80
Negara, propinsi, kota, alamat, kode post. Input data kontak yaitu : nomor telepon, nomor hand phone, nomor faksimili. Input data login : user id dan password.
B. Gambar state chart diagram halaman belanja
Gambar 3.26 State chart diagram halaman belanja
81
Tabel 3.24 state chart diagram halaman belanja No Actor
Keterangan
1
Membuka halaman belanja untuk melakukan transaksi
Costumer
belanja dengan mengawali memasukkan / Input
id,
password dan capthcha lalu tekan tombol login untuk masuk setelah itu pilih produk / barang yang ingin di beli kemudian tekan tombol lanjut untuk menampilkan detail pembelian yang telah dipilih atau menghapus barang pembelian dengan menekan tombol hapus atau tekan tombol back untuk kembali ke awal.
82
C. State chart diagram halaman buku tamu
Gambar 3.27 State chart diagram halaman buku tamu
Tabel 3.25 state chart diagram halaman buku tamu No Actor 1
Keterangan
Costumer Membuka halaman buku tamu untuk memberikan pesan terhadap web site dengan cara menginput nama, email, dan pesan kemudian tekan tombol kirim maka akan muncul layar proses lalu untuk melihat tamu tekan tulisan lihat tamu.
83
3.5 Rancangan Tampilan Antar Muka 3.5.1 Rancangan Layar Halaman Home Pada rancangan layar halaman Home pengunjung hanya dapat melihat jenis kayu, registrasi dan login sedangkan untuk admin, cukup memilih link admin pada Halaman Home, seperti terlihat pada gambar 3.28 dibawah :
Gambar 3.28, Rancangan Layar halaman home
84
3.5.2 Rancangan Layar Halaman Kontak Pada rancangan ini user dapat melihat alamat, no telp,no fax CV. Kiki Group. seperti terlihat pada gambar 3.29 dibawah :
Gambar 3.29, Rancangan Layar halaman kontak
85
3.5.3 Rancangan Layar Halaman Transaksi Rancangan ini terdiri dari 10 (sepuluh) field belum termasuk submit dan reset. Pada halaman ini pengunjung harus mengisi field – field dengan lengkap, setelah itu pengunjung baru dapat melakukan transaksi mengunakan user dan password sebagai persyaratan untuk melakukan transaksi. Pada rancangan ini terdiri dari beberapa step seperti diperlihatkan pada gambar-gambar berikut : 1. - Step 1 - Halaman Transaksi
Gambar 3.30 Rancangan Step 1 halaman transaksi
86
2. - Step 2 - Halaman Transaksi
Gambar 3.31, Rancangan Step 1 halaman transaksi
87
3. - Step 3 Registrasi - Halaman Transaksi
Gambar 3.32, Rancangan Step 1 halaman transaksi
88
4. - Step 4 Login - Halaman Transaksi
Gambar 3.33, Rancangan Step 1 halaman transaksi
89
5. - Step 5 Validasi Rekening - Halaman Transaksi
Gambar 3.34, Rancangan Step 1 halaman transaksi
90
3.5.4 Rancangan Layar Halaman Catalog Pada rancangan ini Admin dapat menambah jenis kayu baru dengan mengisi 6 field, menentukan 1 pilihan kategori kayu serta mengupload contoh gambar kayu, dengan ketentuan Admin harus mengisi semua field dengan benar. seperti terlihat pada gambar 3.35 dibawah :
Gambar 3.35, Rancangan Layar halaman catalog
91
3.5.5 Rancangan Layar Halaman Tutorial Pada rancangan ini Admin dapat melihat semua data persediaan kayu yang dapat diurutkan berdasarkan beberapa kategori, serta dapat mengubah, menghapus dan melihat secara detail persediaan kayu. seperti terlihat pada gambar 3.36 dibawah :
Gambar 3.36, Rancangan Layar halaman tuturial
92
3.5.6 Rancangan Layar Halaman Buku Tamu Pada rancangan ini Admin dapat melihat semua data pelangan yang dapat diurutkan berdasarkan beberapa kategori, serta dapat menghapus dan melihat secara detail data pelanggan. seperti terlihat pada gambar 3.37 dibawah :
Gambar 3.37, Rancangan Layar buku tamu
