23 BAB 3
ANALISIS DAN RANCANGAN SISTEM
3.1 Analisis yang Berjalan
3.1.1 Gambaran Umum CV Tyas Collection
Riwayat Perusahaan
CV Tyas Collection merupakan sebuah perusahaan yang bergerak di bidang garment, lebih spesifikasinya menjual seragam sekolah baik untuk SD, SMP, SMA, dan Pramuka. CV Tyas Collection pertama kali didirikan pada tahun 1990 di Jakarta dengan pendirinya yaitu bapak H. Zahroni H.Abdulloh.
“From nothing to be something” adalah salah satu jalan yg telah dilalui oleh bapak H.Zahroni dalam merintis usaha serta dalam persaingan usaha. Keinginan untuk menjadi lebih baik dari hari yang kemarin dan di dorong oleh dedikasi serta disiplin yang tinggi telah menjadi dasar penompang berdirinya perusahaan ini. CV Tyas Collection dibangun dari sebuah toko di pasar tanah abang yang hanya memliki 2 karyawan. Dengan berjalannya waktu, perusahaan ini mampu untuk berkembang dan bersaing dengan perusahaan-perusahaan sejenis lainnya. Sehingga pada tahun 1993 perusahaan ini dapat memperluas tokonya dengan menyatukan toko disebelahnya untuk mempermudah kegiatan perusahaan. Dengan keuletan bapak H.Zahroni, CV Tyas Collection dapat berkembang dari tahun ke tahun. Visi dari perusahaan adalah Terus tumbuh menjadi perusahaan garmen terbaik di Indonesia. Misi dari perusahaan adalah Memberikan nilai terbaik bagi pelanggan kami dan menciptakan lapangan kerja bagi pekerja Indonesia
CV Tyas Collection bertempat di Jl. Mmapang Prapatn IV Jl.A No.2 Jakarta Selatan dan memiliki beberapa toko di pasar tanah abang yaitu: Blok A lantai 1 los: A No: 18-19, dan Blok A lantai 1 los: A No: 98-99.
Struktur Organisasni Perusahaan
Gambar 3.1 Struktur Organisasi Perusahaan
Uraian Tugas Perusahaan 1. Pimpinan
• Merumuskan tujuan dan kebijaksanaan perusahaan.
•Membuat perencanaan strategi, arah dan target perusahaan. •Merekrut dan memberhentikan karyawan.
• Menerima laporan pembelian, pengiriman, penjualan, dan keuangan. 2. Bagian Pembelian
•Membeli bahan dasar untuk produksi beserta kelengkapannya atas persetujuan owner.
•Membuat laporan pembelian. 3. Bagian Produksi
• Memperoduksi barang sesuai persetujuan owner. • Mengecek hasil produksi.
• Membuat surat jalan.
• Mengirim barang sesuai surat jalan. • Membuat laporan hasil pengiriman. 5. Bagian Penjualan
• Menentukan harga penjualan atas persetujuan owner.
• Melayani pelanggan dari awal datang sampai pengurusan pembayaran dan memberikan barang yang di beli.
• Menerima pesanan dari pelanggan dan menyerahkan pesanan ke bagian produksi.
6. Bagian keuangan
• Bertanggung jawab atas aliran penerimaan dan pengeluaran kas perusahaan.
• Bertanggung jawab atas penggajian karyawan. • Membuat laporan keuangan.
3.1.2 Sistem yang Berjalan
1. Proses Pemesanan dan Pembayaran
• Pelanggan datang ke toko dan memesan barang yang di inginkan. • Bagian penjualan menuliskan pesanan barang yang di inginkan. • Bagian penjualan menyerahkan pesanan ke bagian produksi. • Bagian produksi membuat pesanan sesuai permintaan.
• Setelah hasil produksi selesai di buat, bagian produksi menyerahkan ke bagian penjualan.
• Setelah bagian penjualan menerima hasil produksi, lalu bagian penjualan menginformasikan ke pada pelanggan bahwa barang sudah selesai di buat dan meminta pelanggan untuk mentransfer pembayarannya.
• Pelanggan mendapatkan informasi dan melakukan transfer pembayaran.
• Setelah itu pelanggan memberikan bukti transferan kepada bagian penjualan.
• Bagian penjualan menyuruh bagian keuang untuk mengecek apakah hasil transferan tersebut masuk atau tidak.
• Setelah itu bagian keuang mengecek, apabila transferan gagal maka bagian keuang menginformasikan kepada bagian penjualan bahwa transaksi gagal.
• Apabila berhasil maka bagian keuangan membuat pembukuan dan bukti transfer di simpan.
• Setelah bukti transfer di simpan maka bagian keuang menginformasikan kepada bagian penjualan bahwa transfer berhasil. • Setelah transfer berhasil bagian penjualan menyerahkan pesanan ke
bagian pengiriman.
• Setelah bagian pengiriman menerima barang lalu bagian pengiriman membuatkan surat jalan untuk barang tersebut.
• Setelah itu barang langsung di kirim beserta surat jalan.
• Barang di kirim dan pelanggan menerima barang yang di pesannya. • Pelanggan mendatangani surat jalan yang di berikan kepada bagian
pengiriman.
• Setelah pelanggan mendatangani surat jalan, lalu surat jalan di berikan kepada bagian keuangan untuk di simpan sebagai tanda bukti.
• Pelanggan datang ke toko dan bisa memilih secara langsung barang yang sudah tersedia tanpa melalui pemesana.
• Bagian penjualan mencatat barang yang pelanggan cari.
• Setelah mencatat permintaan, bagian penjualan menyiapkan barang yang di minta.
• Bagian penjualan mengecek hasil pesanan, apabila terjadi kesalahan maka bagian penjualan menyiapkan lagi hasil barang yang di minta. • Apabila tidak terjadi kesalahan maka bagian penjualan menyerahkan
barang ke pelanggan.
• Setelah pelanggan menerima barang maka pelanggan mengecek hasil barang yang di terima.
• Apabila barang tidak sesuai dengan pesanan maka pelanggan menyerahkan barang lagi ke bagian penjualan untuk di siapkan ulang. • Tapi apabila barang sesuai dengan dengan pesanan maka pelanggan
meminta hasil total pembayaran kepada bagian penjualan.
• Setelah itu bagian penjualan menyiapkan faktur untuk pembayaran. • Bagian penjualan menyerahkan faktur kepada pelanggan.
• Pelanggan menyiapkan uang sesuai dengan faktur yang di berikan. • Pelanggan memberikan uang dan faktur kepada bagian penjualan. • Bagian penjualan mengecek uang dan faktur yang di berikan oleh
pelanggan, apabila terjadi kesalahan maka bagian penjualan menyerahkan faktur ulang ke pelanggan.
• Apabila tidak ada kesalahan maka bagian penjualan memberikan uang dan faktur ke pada bagian keuangan.
• Setelah itu bagian keuangan menyimpan uang dan faktur yang di berikan oleh bagian penjualan.
• Setelah transfer berhasil bagian penjualan menyerahkan pesanan ke bagian pengiriman.
• Setelah bagian pengiriman menerima barang lalu bagian pengiriman membuatkan surat jalan untuk barang tersebut.
• Setelah itu barang langsung di kirim beserta surat jalan.
• Barang di kirim dan pelanggan menerima barang yang di pesannya. • Pelanggan mendatangani surat jalan yang di berikan kepada bagian
pengiriman.
• Setelah pelanggan mendatangani surat jalan, lalu surat jalan di berikan kepada bagian keuangan untuk di simpan sebagai tanda bukti.
Flowchart Sistem yang Sedang Berjalan
Proses pada sistem yang berjalan dapat di lihat pada flowchart gambar 3.2 s/d 3.4.
3.1.3 Permasalahan
Permasalahan yang dihadapi oleh perusahaan adalah:
1. Pelanggan hanya mengetahui informasi seputar produk dengan datang langsung ke toko.
2. Informasi mengenai penjualan yang di dapatkan pimpinan masih dalam bentuk manual dan harus datang ke toko.
3. Sulitnya memberikan informasi pembayaran apabila pelanggan telah melakukan pembayaran melalui transfer.
4. Sulitnya untuk memenuhi pesanan pembuatan seragam batik sekolah di karenakan setiap sekolah memiliki desain batik yang berbeda-beda.
3.1.4 Usulan Pemecahan Masalah
Dari pemasalahan yang ada, berikut usulan pemecahan masalah:
1. Membuat aplikasi penjualan berbasis web untuk menampilkan produk, sehingga pelanggan dapat melihat produk dari CV Tyas Collection. 2. Aplikasi menyediakan fitur mencetak hasil laporan penjualan yang di
butuhkan oleh pimpinan.
3. Aplikasi menyediakan fitur upload bukti pembayaran dengan cara bukti pembayaran di foto lalu hasil foto di kirim melalui web.
4. Aplikasi menyediakan fitur upload desain batik sekolah apabila sekolah ingin membuat desain sendiri lalu di kirim melalui web.
3.2.1 Rancangan Umum Sistem
Rancangan umum sistem dapat di lihat pada diagram konteks dan DFD level 0 gambar 3.5 s/d 3.6.
Gambar 3.5 Diagram Konteks Pada Sistem Penjualan CV Tyas Collection
Berikut penjelasan secara umum diagram konteks sesuai dengan gambar 3.5.
Pengunjung dapat melakukan registrasi dengan mengisi data registrasi pada sistem, setelah berhasil registrasi maka sistem akan mengirimkan verifikasi pelanggan baik itu ke pelanggan perorangan maupun pelanggan sekolah. Setelah itu pelanggan memesan barang dan mengirim ke sistem, lalu sistem mengirimkan informasi pembayaran yang pelanggan pesan dan pelanggan melakukan pembayaran. Setelah pelanggan melakukan pembayaran maka bukti pembayaran di kirim ke sistem untuk di cek apakah pembayaran masuk atau tidak, apabila pembayaran masuk maka sistem memberikan detail transaksi yang pelanggan pesan. Di pelanggan sekolah bisa juga memasukan desain dari sekolah sendiri lalu di kirim ke sistem setelah itu sistem memberikan detail desain yang sekolah kirim. Admin menerima data pelanggan, data pemesanan barang, bukti pembayaran, data desain. Lalu admin memberikan status pembayaran ke sistem.
Berikut adalah penjelasan dari DFD Level 0 sesuai dengan gambar 3.6. Pengunjung mengisi data registrasi ke sistem registrasi dan data diri di simapan di database pelanggan, setelah itu pelanggan sekolah dan pelanggan perorangan mendapatkan verifikasi pelanggan, setelah itu pelanggan perorangan dan pelanggan sekolah memesan barang ke sistem pemesanan dan di simpan pada database transaksi, lalu sistem pemesanan memberikan informasi pembayaran kepada pelanggan, setelah pelanggan melakukan transaksi maka pelanggan sekolah dan pelanggan perorangan memberikan bukti pembayaran ke pada sistem transaksi dan di simpan dalam database transaksi lalu sistem transaksi akan memerikasi apakah pembayaran sudah masuk atau belum apabila pembayaran sudah masuk maka sistem transaksi membrikan detail transaksi kepada pelanggan sekolah dan pelanggan perorangan. Di pelanggan sekolah bisa memasukan desain sekolah ke sistem pemesanan lalu di simpan dalam database desain lalu sistem pemesanan akan memberikan detail desain sekolah yang di pesan. Admin menerima data pelanggan, bukti pembayaran, dan data pemesanan barang. Dan admin memebrikan status pembayaran dan status pelanggan kepada pelanggan sekolah dan pelanggan perorangan.
Berikut merupakan bentuk rancangan database pada CV Tyas Collection. Pada gambar 3.7 merupakan rancangan keseluruhan database yang berupa entity relationship diagram.
Gambar 3.7 Entity Relationship Diagram
Tabel 3.1 s/d 3.12 menunjukkan tabel database secara rinci dari database website CV Tyas Collection yang terdiri dari primary key masing
masing tabel yaitu name, type serta contoh dari database masing-masing tabel. Tabel 3.1 Member Name Type PK id_member char(5) Password varchar(50) nama_member varchar(100) telp_member varchar(15) email_member varchar(50) alamat_member text jenis_member int status_member int
Tabel 3.2 Contoh Database Member id_ membe r Pass word nama_ member telp_ member email_ member alamat_ membe r jenis_ mem ber status_ memb er MB001 johan Johan 0878844 29224 Johanbet awi @yahoo. com Jalan mampa ng prapata n peror angan Aktif MB002 budiluh ur Sekolah budilluh ur 021 7948887 sekolahb udiluhur @yahoo. co.id Jalan kemang barat sekol ah Aktif
Tabel 3.3 Header Transaksi Name Type PK id_transaksi char(10) FK id_member char(5) tanggal_transaksi date status_transaksi int alamat_tujuan text bukti_transaksi text
Tabel 3.4 Contoh Database Header Transaksi id_ transaksi id_ member tanggal_ transaksi status_ transaksi alamat_ tujuan bukti_ transaksi TR00000001 MB001 2014-04-24 Terkirim Jalan mampang prapatan. Bukti.jpg TR00000002 MB002 2014-04-28 Belum Lunas Jalan buncit raya. Bukti1.jpg TR00000003 MB003 2014-04-28 Batal Jalan kebagusan. Bukti2.jpg
Tabel 3.5 Detail Transaksi
Name Type
FK id_transaksi char(5)
FK id_produk char(6)
Jumlah int
Tabel 3.6 Contoh Database Detail Transaksi
id_detail_transaksi id_transaksi id_produk jumlah
DT001 TR00000001 P10001 8 DT002 TR00000002 P10002 6 DT003 TR00000003 P10003 4 Tabel 3.7 Produk Name Type PK id_produk char(6) FK id_kategori char(3) nama_produk varchar(50) harga_produk int foto_produk text
Tabel 3.8 Contoh Database Produk
P10001 Baju Putih No: 4 21000 Baju_Sd.jpg K01 P10002 Baju Putih No: 5 21500 Baju_Sd.jpg K01 P10003 Baju Putih No: 6 22000 Baju_Sd.jpg K01
Tabel 3.9 Kategori Produk
Name Type
PK id_kategori char(3)
nama_kategori varchar(20)
Tabel 3.10 Contoh Database Kategori Produk id_kategori nama_kategori K01 Baju SD K02 Celana SMP K03 Baju SMA Tabel 3.11 Desain Name Type PK id_desain char(5) FK id_member char(5) foto_desain text deskripsi_desain text tanggal_desain date judul_desain varchar(50)
id_des ain id_memb er foto_desa in deskripsi_desain tanggal_d esain judul_desain
DS001 MB001 Batik.jpg Tolong di buat semirip mungkin 2014-04-24 Batik Budiluhur DS002 MB002 Batik.jpg Tolong bahannya yang bagus 2014-04-28 Batik Budiluhur Baru
3.2.3 Rancangan Layar
Rancangan layar yang dibuat untuk aplikasi penjualan pada CV Tyas Collection terdiri dalam bentuk storyboard dapat dilihat pada gambar 3.8 s/d 3.44.
Gambar 3.8 Rancangan Layar Beranda untuk Pengunjung
Pada Gambar 3.8 ini merupakan perancangan layar halaman beranda untuk pengunjung. Di bagian header terdapat logo perusahaan dan di bawah header terdapat menu-menu yang dapat diakses oleh pengunjung. Form login di bagian kiri layar untuk memasukkan akun dan sandi atau jika belum mempunyai akun, pengunjung tetap bisa melihat produk barang yang dijual. Namun apabila pengunjung ingin membeli barang, harus melakukan registrasi terlebih dahulu. Pengunjung akan berubah menjadi pelanggan jika sudah melakukan registrasi.
Gambar 3.9 Rancangan Layar Produk untuk Pengunjung
Pada Gambar 3.9 ini merupakan perancangan layar halaman produk untuk pengunjung, pada halaman ini pengunjung dapat melihat produk dan harga barang, tetapi pengunjung tidak dapat melakukan transaksi dikarenakan pengunjung belum terdaftar menjadi pelanggan.
Pada Gambar 3.10 ini merupakan perancangan layar prosedur pemesanan untuk pengunjung yang sudah menjadi pelanggan. Dihalaman ini di jelaskan cara pelanggan memilih produk lalu melihat produk yang sudah dipilih dan cara melakukan pembayaran.
Gambar 3.11 Rancangan Layar Tentang Kami
Pada Gambar 3.11 ini merupakan perancangan layar tentang kami dimana pengunjung dapat melihat visi dan misi perusahaan serta pengunjung dapat mengetahui informasi tentang perusahaan.
Gambar 3.12 Rancangan Layar Registrasi untuk Pengunjung
Pada Gambar 3.12 ini merupakan perancangan layar halaman registrasi dimana pengunjung harus mengisi biodata yang diberikan untuk menjadi pelanggan.
Pada Gambar 3.13 ini merupakan perancangan layar beranda ketika pengunjung sudah menjadi pelanggan. Disebelah kiri terdapat menu-menu dari website dan pelanggan dapat memilih menu tersebut.
Gambar 3.14 Rancangan Layar Produk Pelanggan
Pada Gambar 3.14 ini merupakan perancangan layar halaman produk ketika pengunjung sudah menjadi pelanggan, ketika pelanggan klik gambar produk maka pelanggan mengisi jumlah barang yang akan di pesan dan klik masukan ke keranjang untuk masuk ke keranjang belanja.
Gambar 3.15 Rancangan Layar Keranjang Belanja Pelanggan
Pada Gambar 3.15 ini merupakan perancangan layar keranjang belanja dimana pelanggan bisa melihat hasil pesanan yang telah dilakukan, dan pelanggan bisa menghapus barang yang tidak sesuai. Apabila barang yang di pilih sudah sesuai semua maka pelanggan mengisi alamat pengirim di mana barang yang di pesan akan di kirim ke alamat tersebut, dan klik masukan transaksi agar barang diproses.
Pada Gambar 3.16 ini merupakan perancangan layar transaksi yang pernah pelanggan lakukan, dibagian transaksi pelanggan klik detail untuk melihat pesanan, dan klik cetak untuk mencetak detail pesanan. Dan pelanggan juga dapat melihat status transaksi apabila pelanggan sudah membayar maka akan berubah menjadi lunas, apabila pelanggan belum membayar maka status belum lunas, apabila pelanggan belum bayar dari tanggal yang ditentukan maka status transaksi batal. Pelanggan bisa melihat bukti transaksi yang pernah di kirimkan.
Gambar 3.17 Rancangan Layar Detail Transaksi Pelanggan
Pada Gambar 3.17 ini merupakan perancangan layar detail transaksi pelanggan dimana pelanggan bisa melihat detail produk apasaja yang pernah pelanggan pesan, dan pelanggan bisa memasukan bukti transaksi berupa foto.
Gambar 3.18 Rancangan Layar Cetak Transaksi Pelanggan
Pada Gambar 3.18 ini merupakan perancangan layar cetak transaksi pelanggan dimana pelanggan bisa mencetak transaksi yang pernah dilakukan.
Pada Gambar 3.19 ini merupakan perancangan layar bukti transaksi pelanggan dimana pelanggan bisa melihat bukti yang pernah di kirim.
Gambar 3.20 Rancangan Layar Profil Pelanggan
Pada Gambar 3.20 ini merupakan perancangan layar profil pelanggan dimana pelanggan dapat mengganti data diri pelanggan dan pelanggan dapat merubah password.
Gambar 3.21 Rancangan Layar Beranda untuk Pelanggan Sekolah
Pada Gambar 3.21 ini merupakan perancangan layar beranda untuk pelanggan sekolah setelah melakukan login, sekolah dapat melihat dan memesan produk yang ada dan juga sekolah dapat memesan produk dengan desain sendiri.
Pada Gambar 3.22 ini merupakan perancangan layar masukan desain, sebelum sekolah memasukan desain yang di inginkan apabila sekolah ingin memasukan desain maka harus klik masukan desain baru.
Gambar 3.23 Rancangan Layar Tambah Desain Baru Pelanggan Sekolah
Pada Gambar 3.23 ini merupakan perancangan layar untuk menambah desain baru yang di inginkan pelanggan sekolah, desain dapat di masukan dengan klik browser dan memilih desain yang sudah di siapkan dan klik masukan.
Gambar 3.24 Rancangan Layar Detail Desain Pelanggan Sekolah
Pada Gambar 3.24 ini merupakan perancangan layar detail desain pelanggan sekolah yang pernah di pesan, dan pihak sekolah tinggal menunggu contoh produk yang telah di buat dan akan di kirimkan ke sekolah.
Pada Gambar 3.25 ini merupakan perancangan layar masuk untuk admin, admin tinggal mengisi akun dan sandi yang telah di sediakan dan klik masuk.
Gambar 3.26 Rancangan Layar Pengaturan Web Admin
Pada Gambar 3.26 ini merupakan perancangan layar pengaturan web untuk admin dimana admin dapat mengatur aktifitas beranda yang ada pada web.
Gambar 3.27 Rancangan Layar Pengaturan Kontak Admin
Pada Gambar 3.27 ini merupakan perancangan layar pengaturan kontak untuk admin dimana admin dapat mengatur kontak yang bisa di hubungi pada halaman web.
Pada Gambar 3.28 ini merupakan perancangan layar pelanggan untuk admin dimana admin dapat melihat semua pelanggan yang aktif dan jenis pelanggan.
Gambar 3.29 Rancangan Layar Detail Pelanggan Admin
Pada Gambar 3.29 ini merupakan perancangan layar detail data pelanggan yang dimana admin hanya dapat merubah status pelanggan menjadi aktif atau blokir.
Gambar 3.30 Rancangan Layar Kategori Produk Admin
Pada Gambar 3.30 ini merupakan perancangan layar data kategori produk untuk admin dimana admin dapat menambahkan, mengubah, dan menghapus kategori produk yang ada pada web.
Pada Gambar 3.31 ini merupakan perancangan layar tambah kategori produk untuk admin di mana admin dapat menambahkan kategori baik SD, SMP maupun SMA yang akan ditampilkan pada web.
Gambar 3.32 Rancangan Layar Ubah Kategori Produk untuk Admin
Pada Gambar 3.32 ini merupakan perancangan layar ubah kategori produk untuk admin dimana admin dapat mengubah kategori produk yang sudah ada dan di tampilkan pada web.
Gambar 3.33 Rancangan Layar Data Produk Admin
Pada Gambar 3.33 ini merupakan perancangan layar data produk untuk admin dimana admin dapat menambah, merubah, dan menghapus produk yang sudah ada pada web.
Pada Gambar 3.34 ini merupakan perancangan layar tambah produk untuk admin, dimana admin dapat memasukan produk yang baru dan di tampilkan pada web.
Gambar 3.35 Rancangan Layar Ubah Produk Admin
Pada Gambar 3.35 ini merupakan perancangan layar ubah produk untuk admin dimana admin dapat merubah detail produk yang sudah ada untuk ditampilkan pada web.
Gambar 3.36 Rancangan Layar Data Desain Admin
Pada Gambar 3.36 ini merupakan perancangan layar data desain dari sekolah untuk admin, dimana admin dapat melihat desain produk yang diberikan dari sekolah dan dapat melihat detail dari sekolah tersebut.
Pada Gambar 3.37 ini merupakan perancangan layar detail desain sekolah untuk admin dimana admin dapat melihat detail desain yang dipesan oleh sekolah dan admin akan mengirim contoh desain yang diminta ke alamat sekolah tersebut.
Gambar 3.38 Rancangan Layar Data Transaksi Admin
Pada Gambar 3.38 ini merupakan perancangan layar data transaksi untuk admin dimana admin dapat melihat semua transaksi yang telah berjalan dapat juga melihat detail transaksi, cetak transaksi, dan bisa melihat bukti transaksi.
Gambar 3.39 Rancangan Layar Detail Transaksi Admin
Pada Gambar 3.39 ini merupakan perancangan layar detail data transaksi untuk admin dimana admin dapat melihat transaksi yang dilakukan oleh pelanggan dan admin dapat merubah status transaksi lunas apabila pelanggan telah melakukan pembayaran, dan batal apabila pelanggan tidak melakukan pembayaran dari batas yang di tentukan.
Pada Gambar 3.40 ini merupakan perancangan layar cetak transaksi untuk admin dimana admin dapat mencetak transaksi yang penah dilakukan oleh pelanggan.
Gambar 3.41 Rancangan Layar Laporan Transaksi Admin
Pada Gambar 3.41 ini merupakan perancangan layar laporan pemesanan untuk admin dimana admin dapat melihat laporan harian, bulanan, dan tahunan dan semua transaksi yang pernah dilakukan oleh pelanggan.
Gambar 3.42 Rancangan Layar Laporan Transaksi Harian Admin
Pada Gambar 3.42 ini merupakan perancangan layar laporan transaksi harian untuk admin dimana admin dapat mencetak laporan transaksi harian yang dilakukan oleh pelanggan.
Pada Gambar 3.43 ini merupakan perancangan layar laporan transaksi bulanan untuk admin dimana admin dapat mencetak laporan transaksi bulanan yang dilakukan oleh pelanggan.
Gambar 3.44 Rancangan Layar Laporan Transaksi Tahunan untuk Admin
Pada Gambar 3.44 ini merupakan perancangan layar laporan transaksi tahunan untuk admin dimana admin dapat mencetak laporan transaksi tahunan yang dilakukan oleh pelanggan.
Rancangan navigasi layar yang digambarkan dalam bentuk state transition diagram dapat dilihat pada gambar 3.45 s/d 3.81.
• Navigasi Layar
Gambar 3.45 Navigasi Layar Beranda Pengunjung
Pada State Transition Diagram yang ditunjukkan gambar 3.45 merupakan navigasi layar beranda untuk pengunjung.
Gambar 3.46 Navigasi Layar Produk Pengunjung
Pada State Transition Diagram yang ditunjukkan gambar 3.46 merupakan navigasi layar produk untuk pengunjung.
Pada State Transition Diagram yang ditunjukkan gambar 3.47 merupakan navigasi layar prosedur pemesanan untuk pengunjung.
Gambar 3.48 Navigasi Layar Tentang Kami
Pada State Transition Diagram yang ditunjukkan gambar 3.48 merupakan navigasi layar tentang kami untuk pengunjung.
Pada State Transition Diagram yang ditunjukkan gambar 3.49 merupakan navigasi layar registrasi pengunjung. Setelah melakukan Registerasi, pengunjung akan menjadi pelanggan dan bisa melakukan login.
Gambar 3.50 Navigasi Layar Beranda Pelanggan
Pada State Transition Diagram yang ditunjukkan gambar 3.50 merupakan navigasi layar beranda untuk pelanggan.
Pada State Transition Diagram yang ditunjukkan gambar 3.51 merupakan navigasi layar produk untuk pelanggan.
Gambar 3.52 Navigasi Layar Keranjang Belanja Pelanggan
Pada State Transition Diagram yang ditunjukkan gambar 3.52 merupakan navigasi layar keranjang belanja untuk pelanggan.
Pada State Transition Diagram yang ditunjukkan gambar 3.53 merupakan navigasi layar transaksi saya untuk pelanggan.
Gambar 3.54 Navigasi Layar Detail Transaksi
Pada State Transition Diagram yang ditunjukkan gambar 3.54 merupakan navigasi layar detail transaksi untuk pelanggan.
Pada State Transition Diagram yang ditunjukkan gambar 3.55 merupakan navigasi layar cetak transaksi untuk pelanggan.
Gambar 3.56 Navigasi Layar Bukti Transaksi
Pada State Transition Diagram yang ditunjukkan gambar 3.56 merupakan navigasi layar bukti transaksi.
Pada State Transition Diagram yang ditunjukkan gambar 3.57 merupakan navigasi layar profil saya atau profil pelanggan.
Gambar 3.58 Navigasi Layar Beranda Pelanggan Sekolah
Pada State Transition Diagram yang ditunjukkan gambar 3.58 merupakan navigasi layar beranda untuk pelanggan sekolah.
Pada State Transition Diagram yang ditunjukkan gambar 3.59 merupakan navigasi layar masukan desain untuk pelanggan sekolah.
Gambar 3.60 Navigasi Layar Masukan Desain Baru
Pada State Transition Diagram yang ditunjukkan gambar 3.60 merupakan navigasi layar submit desain baru untuk pelanggan sekolah.
Pada State Transition Diagram yang ditunjukkan gambar 3.61 merupakan navigasi layar detail desain yang penah dikirim dari sekolah.
Gambar 3.62 Navigasi Layar Masuk Admin
Pada State Transition Diagram yang di tunjukkan gambar 3.62 merupakan navigasi layar masuk untuk admin. Setelah melakukan login akan masuk ke pengaturan web admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.63 merupakan navigasi layar pengaturan web untuk admin, yang merupakan default saat login admin.
Gambar 3.64 Navigasi Layar Pengaturan Kontak
Pada State Transition Diagram yang ditunjukkan gambar 3.64 merupakan navigasi layar pengaturan kontak untuk halaman web.
Pada State Transition Diagram yang ditunjukkan gambar 3.65 merupakan navigasi layar data pelanggan untuk admin.
Gambar 3.66 Navigasi Layar Detail Pelanggan
Pada State Transition Diagram yang ditunjukkan gambar 3.66 merupakan navigasi layar data detail pelanggan untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.67 merupakan navigasi layar data kategori untuk pelanggan.
Gambar 3.68 Navigasi Layar Tambah Kakegori Produk
Pada Stasste Transition Diagram yang ditunjukkan gambar 3.68 merupakan navigasi layar tambah kategori produk untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.69 merupakan navigasi layar ubah kategori produk untuk admin.
Gambar 3.70 Navigasi Layar Produk
Pada State Transition Diagram yang ditunjukkan gambar 3.70 merupakan navigasi layar produk untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.71 merupakan navigasi layar tambah produk untuk admin.
Gambar 3.72 Navigasi Layar Ubah Produk
Pada State Transition Diagram yang ditunjukkan gambar 3.72 merupakan navigasi layar ubah produk untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.73 merupakan navigasi layar desain untuk admin.
Gambar 3.74 Navigasi Layar Detail Desain
Pada State Transition Diagram yang ditunjukkan gambar 3.74 merupakan navigasi layar detail desain untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.75 merupakan navigasi layar detail desain untuk admin.
Gambar 3.76 Navigasi Layar Detail Transaki
Pada State Transition Diagram yang ditunjukkan gambar 3.76 merupakan navigasi layar detai transaksi untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.77 merupakan navigasi layar cetak transaksi untuk admin.
Gambar 3.78 Navigasi Layar Laporan Transaksi
Pada State Transition Diagram yang ditunjukkan gambar 3.78 merupakan navigasi layar Laporan transaksi untuk admin.
Pada State Transition Diagram yang ditunjukkan gambar 3.79 merupakan navigasi layar cetak laporan transaksi harian untuk admin.
Gambar 3.80 Navigasi Layar Cetak Laporan Bulanan
Pada State Transition Diagram yang ditunjukkan gambar 3.80 merupakan navigasi layar cetak laporan transaksi bulanan untuk admin.
Gambar 3.81 Navigasi Layar Cetak Laporan Tahunan
Pada State Transition Diagram yang ditunjukkan gambar 3.81 merupakan navigasi layar cetak laporan transaksi tahunan untuk admin.
3.2.4 Rancangan Program
Rancangan program aplikasi penjualan berbasis web yang digunakan CV Tyas Collection menggunakan pseudocode.
• Pseudocode Registrasi Pengunjung Mulai
isi data registrasi data diri pengunjung Masukan akun
Jika akun kosong
Maka tampilan pesan “akun anda harus diisi” Jika akun sudah ada di database
Maka tampilan pesan “akun pernah digunakan” Masukan Nama Lengkap
Jika Nama Lengkap kosong
Maka tampilan pesan “Nama lengkap anda harus diisi” Masukan Telp
Jika Telp kosong
Maka tampilkan pesan “nomor telepon harus diisi” Jika nomor Telp bukan angka
Maka tampilkan pesan “nomor telepon harus angka” Masukan Email
Jika email kosong
Maka tamplankan pesan”email anda harus di isi” Jika email tidak ada sesuai
Maka tampilankan pesan”email anda harus di isi dengan valid email” Selesai
• Pseudocode Login Pengunjung Mulai
Masukkan akun dan sandi Jika akun kosong
Maka tampilkan pesan “akun dan sandi anda salah” Jika akun salah
Maka tampilkan pesan “akun dan sandi anda salah” Jika sandi kosong
Maka tampilkan pesan “akun dan sandi anda salah” Jika sandi salah
Maka tampilkan pesan “akun dan sandi anda salah” Jika akun dan sandi benar
Maka tampilkan layar beranda pelanggan Selesai
• Pseudocode Tambah Desain Baru Mulai
Masukan Judul Desain Jika judul desain kosong
Maka tampilkan pesan “Judul Desain harus diisi” Masukan Deskripsi Desain
Jika deskripsi desain kosong
Maka tampilkan pesan “Deskripsi Desain harus diisi” Masukan Gambar Desain
Jika gambar desain kosong
Maka tampilkan pesan “Gambar Desain harus diisi” Jika semuanya sudah diisi
Maka tampilkan pesan “Desain Anda berhasil dikirim” Selesai
Mulai
Masukkan Nama Lengkap Jika nama lengkap kosong
Maka tampilkan pesan ”nama anda harus di isi” Masukkan Telp
Jika telp kosong
Maka tampilkan pesan “telp anda harus diisi ” Jika telp bukan angka
Maka tampilkan pesan “telp harus di isi dengan angka” Masukkan Alamat
Jika alamat kosong
Maka tampilkan pesan “alamat harus diisi” Masukkan Email
Jika email kosong
Maka tamilkan pesan “email harus diisi” Jika email tidak ada sesuai
Maka tampilankan pesan”email anda harus di isi dengan valid email” Masukkan sandi Lama
Jika sandi lama kosong
Maka tampilkan pesan “sandi lama harus diisi” Jika sandi lama salah
Maka tamilkan pesan “sandi lama salah” Masukkan sandi baru
Jika sandi baru kosong
Maka tampilkan pesan “sandi baru harus diisi” Masukkan ulangi sandi baru
Jika ulangi sandi baru kosong
Maka tampilkan pesan “ulangi sandi baru harus diisi” Jika ulangi sandi baru tidak sesuai
Maka tampilkan pesan “sandi baru tidak sesuai” Selesai
• Pseudocode Masuk Admin Mulai
Masukkan akun dan sandi Jika akun kosong
Maka tampilkan pesan “akun dan sandi anda salah” Jika akun salah
Maka tampilkan pesan “akun dan sandi anda salah” Jika sandi kosong
Maka tampilkan pesan “akun dan sandi anda salah” Jika sandi salah
Maka tampilkan pesan “akun dan sandi anda salah” Jika akun dan sandi benar
Maka tampilkan layar beranda admin Selesai
• Pseudocode Pengaturan Web Mulai
Masukan Visi Jika visi kosong
Maka tampilkan pesan “Visi harus diisi” Masukan Misi
Jika misi kosong
Maka tampilkan pesan “Misi harus diisi” Masukan Prosedur Produk
Jika prosedur produk kosong
Maka tampilkan pesan “Prosedur Produk harus diisi” Masukan Prosedur Pemesanan
Jika prosedur pemesanan kosong
Maka tampilkan pesan “Prosedur Pemesanan harus diisi” Masukan Prosedur Transaksi
Jika prosedur transaksi kosong
Maka tampilkan pesan “Prosedur Transaksi harus diisi” Masukan Pengingat Transaksi
Jika pengingat transaksi kosong
Jika semuanya sudah diisi
Maka tampilan pesan “pengaturan web sudah diisi” Selesai
• Pseudocode Pengaturan Kontak Mulai
Masukan Email Jika email kosong
Maka tampilkan pesan “Email harus diisi” Jika email tidak ada sesuai
Maka tampilankan pesan”Email anda harus di isi dengan valid email” Masukan Telp
Jika telp kosong
Maka tampilkan pesan “Telp harus diisi” Jika telp bukan angka
Maka tampilkan pesan “Telp harus di isi dengan angka” Masukan Yahoo Messenger
Jika yahoo messenger kosong
Maka tampilkan pesan “Yahoo Messenger harus diisi” Masukan Facebook
Jika facebook kosong
Maka tampilkan pesan “Facebook harus diisi” Masukan Twitter
Jika twitter kosong
Maka tampilkan pesan “Twitter harus diisi” Masukan Alamat
Jika alamat kosong
Maka tampilkan pesan “Alamat harus diisi” Masukan Google Map
Jika google map kosong
Maka tampilkan pesan “Google Map harus diisi” Jika semuanya sudah diisi
Maka tampilkan pesan “Pengaturan kontak berhasil diubah” Selesai
• Pseudocode Ubah Kategori Mulai
Masukan Nama Kategori Jika nama kategori kosong
Maka tampilkan pesan “Nama Kategori harus diisi” Jika semuanya sudah diisi
Maka tampilkan pesan “Kategori Produk Berhasil diubah” Selesai
• Pseudocode Tambah Produk Mulai
Masukan Nama Produk Jika nama produk kosong
Maka tampilkan pesan “Nama Produk harus diisi” Masukan Kategori
Jika kategori kosong
Maka tampilkan pesan “Kategori harus diisi” Masukan Harga Satuan
Jika harga satuan kosong
Maka tampilkan pesan “Harga Satuan harus diisi” Jika harga satuan bukan angka
Maka tampilkan pesan “Harga Satuan harus diisi dengan angka” Masukan Foto Produk
Jika foto produk kosong
Maka tampilkan pesan “Foto Produk harus diisi” Jika semuanya sudah diisi
Maka tampilkan pesan “Produk berhasil ditambah” Selesai
• Pseudocode Ubah Produk Mulai
Jika nama produk kosong
Maka tampilkan pesan “Nama Produk harus diisi” Masukan Harga Satuan
Jika harga satuan kosong
Maka tampilkan pesan “Harga Satuan harus diisi” Jika harga satuan bukan angka
Maka tampilkan pesan “Harga Satuan harus diisi dengan angka” Jika semua sudah diisi
Maka tampilkan pesan “Produk berhasil diubah” Selesai
3.2.5 Rancangan Arsitektur Sistem
Gambar 3.82 Arsitektur Sistem 3 Tier
Arsitektur yang digunakan dalam aplikasi penjualan CV Tyas Collection berbasis web adalah 3 tier, seperti yang terlihat pada gambar 3.82. Berikut adalah penjelasan dari masing-masing tier:
1. Tier 1 – Presentation Tier
Tier 1 terdiri dari komputer yang digunakan pengunjung, pelanggan, dan admin untuk mengakses sistem. Pada komputer tersebut hanya ada logika presentasi. Aplikasi yang digunakan oleh user untuk mengakses sistem adalah web browser.
2. Tier 2 – Logic Tier
Tier 2 terdiri dari server aplikasi dimana didalam server aplikasi ini terdapat seluruh business logic yang ada diaplikasi penjualan pada CV Tyas Collection.
3. Tier 3 – Data Tier
Tier 3 terdiri dari database server dimana didalam database server ini terdapat Database Management System (DBMS) dan file database yang digunakan pada aplikasi yang dirancang.
3.2.6 Rancangan Keamanan Sistem
Aplikasi penjualan berbasis web CV Tyas Collection membutuhkan keamanan, Keamanan yang dirancang pada sistem ini yaitu:
1. Keamanan Terhapad Penyusup
Keamanan yang dirancang pada aplikasi ini yaitu rancangan keamanan terhadap unauthorized user. Keamanan yang dibutuhkan terhadap unauthorized user adalah data-data yang ada di dalam aplikasi hanya bisa diakses oleh pengguna yang mempunyai hak akses terhadap aplikasi tersebut. Masing-masing pengguna yang mempunyai hak akses terhadap aplikasi, memiliki username dan password untuk keamanannya.
Keamanan yang dirancang pada aplikasi ini yaitu rancangan keamanan terhadap bot. Keamanan yang dibutuhkan terhadap bot adalah dengan menggunakan captcha agar bot tidak bisa mengganggu aplikasi ini dan hanya manusia yang dapat membaca captcha.
2. Keamanan Terhadap Kerusakan Data
Keamanan yang dirancang pada aplikasi ini yaitu rancangan keamanan terhadap kehilangan data yang di akibatkan oleh bencana alam, kebakaran, dan lain-lain. Keamanan yang dibutuhkan terhadap ancaman tersebut adalah melakukan back up untuk database setiap bulannya untuk menghindari hilangnya data-data laporan transaksi, Media yang digunakan
adalah external hardisk. Untuk restore dan recovery data bisa dilakukan oleh admin itu sendiri.
