APLIKASI PENJUALAN BARANG, TOKO ELECTRONIK

Teknik Informatika VIC

Oleh : Nandang Herdianto A2.1100100

1. Usecase Diagram

Diagram use case atau use case diagram menyajikan interaksi antara use case dan aktor. Aktor dapat berupa orang, peralatan atau system lain yang berinteraksi dengan system yang sedang dibangun. Use case menggambarkan fungsionalitas system atau persyaratan-persyaratan yang harus dipenuhi system dari pandangan pemakai.

Gambar 1.1 : Usecase Diagram

Dari gambar diatas diagram use case menunjukkan interaksi antara use case dan aktor untuk system Penjualan Barang Electronik. Pada diagram ini ada beberapa aktor antara lain,

1. Customer menggunakkan empat use case yaitu lihat katalog, pemesanan, pilih barang dan pembayaran.

Dalam hal ini system yang digunakkan seorang pengunjung atau costumer tanpa harus terlebih dahulu melakukan login, secara langsung system ini menampilkan form atau tampilan menu utama untuk customer. Dan memberikan beberapa pilihan menu seperti

Menu katalog, ini merupakan menu untuk melihat daftar barang dan harga barang.

Setelah itu ke menu pemesanan untuk melakukan pemesanan barang dan terdapat pula sub menu pilih barang dalam pemesanan. Selanjutnya ke menu pembayaran untuk melakukan transaksi pembayaran barang yang dibeli.

2. Bagian gudang menggunakan dua use case yaitu cari barang dan pengiriman.

Cari barang dilakukan oleh bagian gudang ketika customer sudah melakukan pemesanan dan pemilihan barang. Kemudian proses selanjutnya bagian gudang ini melakukan pengiriman barang sesudah customer melakukan pembayaran.

3. Admin menggunakkan tiga use case yaitu login, update informasi dan membuat laporan.

Bagian admin melakukan login kemudian mengupdate semua informasi yang masuk kedalam data penjualan barang dan sekaligus membuat laporan penjualan untuk diserahkan kepada manager.

4. Customer service menggunakkan dua use case yaitu melayani komplain dan bantuan

Bagian ini melayani customer yang mengajukan complain atas barang yang sudah dibeli

karena cacat/rusak. Selanjutnya bagian customer service ini mencari solusi berupa bantuan untuk customer.

5. Manager menggunakkan dua use case yaitu login dan melihat laporan.

Manager melakukan login terlebih dahulu untuk melihat laporan yang telah dibuat oleh bagian admin dan mengevaluasi kinerja karyawan.

2. Class Diagram

Diagram kelas atau class diagram menunjukan interaksi antar kelas dalam system.

Kelas mengandung informasi dan tingkah laku (behavior) yang berkaitan dengan

informasi tersebut. Sebuah kelas pada diagram kelas dibuat untuk setiap tipe objek padadiagram sequensial.

Gambar 2.1 : Class Diagram

3. Activity Diagram

Aktivity diagram menggambarkan fungsionalitas system. Diagram aktivitas ini digunakan untuk menunjukan aliran kerja, kemudian dapat juga dikerjakan untuk menggambarkan aliran kejadian dalam use case. Aktivitas dalam diagram dipresentasikan dengan bentuk bujur sangkar bersudut tidak lancip, yang didalamnya berisi langkah-langkah apa saja yang terjadi dalam aliran kerja. Ada sebuah keadaan mulai (start state) yang menunjukan dimulainya aliran kerja, dan sebuah keadaan selesai (end state) yang menunjukan akhir diagram, titik keputusan dipresentasikan dengan bentuk diamond.

Gambar 3.1 : Activity Diagram Katalog Barang

Gambar 3.2 : Activity Diagram Pemesanan

Gambar 3.3 : Activity Diagram Tambah Barang

Gambar 3.4 : Activity Diagram Login Admin

Gambar 3.5 : Activity Diagram Pembayaran-pengiriman

Gambar 3.6 : Activity Diagram Laporan Keluar-masuk Barang

Gambar 3.7 : Activity Diagram Login Manager

Gambar 3.8 : Activity Diagram Komplain Barang

4.Sequence Diagram

Sequence Diagram adalah diagram interkasi yang disusun berdasarkan urutan waktu. Sequence Diagram digunakan untuk menunjukan aliran fungsionalitas dalam use case. Setiap diagram sequence merepresentasikan satu aliran dari beberapa aliran didalam use case. Masing-masing obyek memiliki lifeline, digambarkan dengan garis putus-putus secara vertikal dibawah obyek. Sebuah pesan digambarkan antara lifeline dari dua obyek untuk menunjukkan bahwa dua obyek tersebut berkomunikasi. Setiap pesan menggambarkan satu obyek memanggil fungsi tertentu dari obyek lainnya. Kemudian pesan-pesan ini didefinisikan sebagai operasi untuk sebuah kelas, setiap pesan dapat menjadi sebuah operasi.

Gambar 4.1 : Sequence Diagram Menampilkan Menu Utama oleh Admin

Gambar 4.2 : Sequence Diagram Pemesanan

Gambar 4.3 : Sequence Diagram Pembayaran

Gambar 4.4 : Sequence Diagram Pengiriman

Gambar 4.5 :Sequence Diagram Komplain Barang

Gambar 4.6 : Sequence Diagram Laporan

Gambar 4.7 :Sequence Diagram Login Manager ke Menu Laporan

5. Statechart Diagram

Statechart Diagram menyediakan sebuah cara untuk memodelkan bermacam-macam keadaan yang mungkin dialami oleh sebuah obyek. Jika dalam diagram menunjukkan gambaran-gambaran statis kelas-kelas dan relasinya, diagram statechart digunakkan untuk memodelkan tingkah laku dinamik sistem.

Gambar 5.1 statechart opsi menu customer

Gambar 5.2 statechart cari barang oleh bagian gudang

Gambar 5.3 statechart admin kelola data barang

Gambar 5.4 statechart manager lihat laporan

Gambar 5.5 statechart admin cetak laporan

6. Perancangan Layar

Perancangan layar merupakan sebuah proses mendesain dan meciptakan tampilan yang mengandung kreatifitas seseorang dalam membangun suatu sistem yang akan digunakkan oleh pemakai/user. Berikut beberapa tampilan menu dan submenu dalam sebuah aplikasi penjualan barang electronik.