BAB III ANALISIS DAN PERANCANGAN. dikarenakan berdasarkan analisa sistem itu sistem dapat dibuat, dengan

Transkripsi

1 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 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

2 49 keluarga mendirikan perusahaan penyedia kayu pada tahun 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.

3 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

4 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.

5 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 : 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 Ukuran Jumlah Mentru * ± 200 m³ / 1 Bulan Racuk * ± 300 m³ / 1 Bulan Kempas * ± 150 m³ / 1 Bulan Perpat Hidup * ± 200 m³ / 1 Bulan Perpat Mati * ± 150 m³ / 1 Bulan Punak * ± 300 m³ / 1 Bulan Meranti * ± 100 m³ / 1 Bulan Kruing * ± 100 m³ / 1 Bulan Duren * ± 200 m³ / 1 Bulan

6 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 Ukuran Penj. Januari - Juli Mentru * ± 75% dari Stok Kayu Racuk * ± 75% dari Stok Kayu Kempas * ± 75% dari Stok Kayu Perpat Hidup * ± 75% dari Stok Kayu Perpat Mati * ± 75% dari Stok Kayu Punak * ± 75% dari Stok Kayu Meranti * ± 75% dari Stok Kayu Kruing * ± 75% dari Stok Kayu Duren * ± 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.

7 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 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 : Menu kontak Usulan : Menampilkan menu profil CV.Kiki Group b. Kebutuhan : Menu trans_kayu

8 55 Usulan : Membuat registrasi anggota CV.Kiki Group dengan istilah trans_kayu c. Kebutuhan : Menu belanja Usulan : Menampilkan menu belanjaan d. Kebutuhan : Menu catalog Usulan : Menampilkan produk produk CV.Kiki Group e. Kebutuhan : Menu toritorial Usulan : Menampilkan pendidikan belajar f. Kebutuhan : Menu buku tamu Usulan : 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.

9 Class diagram Gambar 3.2 Class Diagram

10 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. Actor Deskripsi 1 Customer Membuka halaman awal untuk melihat halaman home, yang mengelink ke beberapa tampilan yaitu kontak, trans_kayu, belanja, catalog, tutorial dan buku tamu.

11 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 Costumer Membuka halaman kontak untuk melihat halaman kontak perusahaan pusat dan cabang perusahaan, serta yang mengelink ke beberapa tampilan yaitu home, trans_kayu, belanja, catalog, tutorial dan buku tamu.

12 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 Deskripsi 1 Costumer Membuka halaman trans_kayu untuk melakukan pendaftaran / register anggota trans_kayu dengan memasukan / input data pribadi yaitu : nama lengkap, jenis kelamin dan . Input data alamat pengiriman yaitu : Nama Negara, propinsi, kota, alamat, kode post. Input data kontak yaitu : nomor telepon, nomor hand phone, nomor faksimili.

13 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 Costumer Membuka halaman belanja untuk melakukan transaksi 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.

14 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 Costumer Membuka halaman catalog untuk melihat catalog produk / barang yang dijual terdapat 3 kategori yaitu : Jenis kayu mentah, jenis kayu olahan, model kayu olahan.

15 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.

16 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, , dan pesan kemudian tekan tombol kirim maka akan muncul layar proses lalu untuk melihat tamu tekan tulisan lihat tamu.

17 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 Costumer Membuka halaman awal untuk melihat halaman home, yang mengelink ke beberapa tampilan yaitu kontak, trans_kayu, belanja, catalog, tutorial dan buku tamu

18 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 Costumer Membuka halaman kontak untuk melihat halaman kontak perusahaan pusat dan cabang perusahaan, serta yang mengelink ke beberapa tampilan yaitu home, trans_kayu, belanja, geografis, catalog, tutorial dan buku tamu.

19 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 Costumer 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.

20 67 D. Sequence diagram halaman belanja Gambar 3.13 Sequence diagram halaman belanja Tabel 3.11 Sequence diagram halaman belanja No Actor Keterangan 1 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.

21 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

22 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.

23 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 Costumer Membuka halaman buku tamu untuk memberikan pesan terhadap web site dengan cara menginput nama, , dan pesan kemudian tekan tombol kirim maka akan muncul layar proses lalu untuk melihat tamu tekan tulisan lihat tamu.

24 Activity diagram A. Activity diagram halaman home Gambar 3.17 Activity diagram halaman home Tabel 3.15 Deskripsi activity diagram halaman home No Activity 1 Home (awal) Keterangan Membuka halaman awal untuk melihat halaman home, yang mengelink ke beberapa tampilan yaitu kontak, trans_kayu, belanja, catalog, tutorial dan buku tamu

25 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 Kontak Membuka halaman kontak untuk melihat halaman kontak perusahaan pusat dan cabang perusahaan, serta yang mengelink ke beberapa tampilan yaitu home, trans_kayu, belanja, geografis, catalog, tutorial dan buku tamu.

26 73 C. Activity diagram halaman transaksi Gambar 3.19 Activity diagram halaman trans_kayu Tabel 3.17 Deskripsi activity diagram halaman transaksi No Activity Keterangan 1 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.

27 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 Belanja 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 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.

28 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 Geografis Membuka halaman geografis untuk melihat outlet-outlet 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

29 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 Catalog Membuka halaman catalog untuk melihat 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.

30 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 Tutorial 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.

31 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, , 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.

32 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 Costumer Membuka halaman trans_kayu untuk melakukan pendaftaran / register anggota trans_kayu dengan memasukan / input data pribadi yaitu : nama lengkap, jenis kelamin dan . Input data alamat pengiriman yaitu : Nama

33 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

34 81 Tabel 3.24 state chart diagram halaman belanja No Actor Keterangan 1 Costumer Membuka halaman belanja untuk melakukan transaksi 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.

35 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 Keterangan 1 Costumer Membuka halaman buku tamu untuk memberikan pesan terhadap web site dengan cara menginput nama, , dan pesan kemudian tekan tombol kirim maka akan muncul layar proses lalu untuk melihat tamu tekan tulisan lihat tamu.

36 Rancangan Tampilan Antar Muka 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

37 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

38 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

39 Step 2 - Halaman Transaksi Gambar 3.31, Rancangan Step 1 halaman transaksi

40 Step 3 Registrasi - Halaman Transaksi Gambar 3.32, Rancangan Step 1 halaman transaksi

41 Step 4 Login - Halaman Transaksi Gambar 3.33, Rancangan Step 1 halaman transaksi

42 Step 5 Validasi Rekening - Halaman Transaksi Gambar 3.34, Rancangan Step 1 halaman transaksi

43 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

44 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

45 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