WORKSHOP UML. Cengkareng, 31 Mei 2014 Agus Junaidi

Ukuran: px

Mulai penontonan dengan halaman:

Download "WORKSHOP UML. Cengkareng, 31 Mei 2014 Agus Junaidi"

Devi Sasmita
6 tahun lalu
Tontonan:

1 WORKSHOP UML Cengkareng, 31 Mei 2014 Agus Junaidi

2 RUN DOWN ACARA Penyampaian materi Post Test

3 UML (Unified Modeling Language)? is a family of graphical notations, backed by single metamodel, that help in describing and designing software systems, particularly software systems built using the object-oriented (OO) style. (Martin Fowler, UML Destilled)

4 UML DIAGRAM

5 Use Case Use cases are a technique for capturing the functional requirements of a system. Use cases work by describing the typical interactions between the users of a system and the system itself, providing a narrative of how a system is used. (Martin Fowler, UML Destilled)

6 uc Use Case Diagram Sistem ATM Contoh Use Case (1) Memasukkan Kartu «include» Memasukkan PIN Melihat Saldo Mengirim Uang Pengguna Mengambil Uang Melakukan Logout

7 uc Use Case Model Sistem ATM Contoh Use Case (2) Memasukkan Kartu «include» Memasukkan PIN Melihat Saldo Pengguna Melakukan Transaksi Mengirim Uang Mengambil Uang Melakukan Logout

8 Activity Diagram Activity diagrams are a technique to describe procedural logic, business process, and work flow. (Martin Fowler, UML Destilled)

9 Contoh Activity Diagram (Menggunakan swimlane/partitions) act AD - Sistem ATM Pengguna Sistem ATM Admin Mulai Mulai Memasukkan Kartu Memvalidasi Kartu Memasukkan Kartu Kartu Valid? Memasukkan PIN [ya] [tidak] Memvalidasi PIN Mengeluarkan Kartu lebih dari 3x [ya] Memblokkir Kartu [tidak] PIN valid? Selesai Memilih Transaksi [ya] [ya] Transaksi Apa? Menampilkan Menu Utama Membuka Box Deposit Mengeluarkan Box Deposit Melihat Saldo Mengirim Uang Mengambil Uang Memv alidasi Penggantian Box Deposit Memasukkan Box Deposit Baru [tidak] Selesai Transaksi Selesai? [ya] Keluarkan Kuitansi

10 Contoh Activity Diagram act Activ ity Diagram (Tanpa (BPM) menggunakan swimlane) Start Memasukkan Kartu End Kartu Valid? [ya] [tidak] Mengeluarkan Kartu Memasukkan PIN [tidak] [ya] PIN Valid? [ya] Lebih Dari 3 Kali? [tidak] Menampilkan Menu Utama Jenis T ransaksi? Melihat Saldo Mengirim Uang Mengambil Uang [tidak] T ransaksi Selesai? [ya] Mengeluarkan Kuitansi

11 Class Diagram A class diagram describes the types of objects in the system and the various kinds of static relationships that exist among them. Class diagrams also show the properties and operations of a class and the constraints that apply to the way objects are connected. (Martin Fowler, UML Destilled)

12 Class Diagram class ATM Class Model Account Login - alamat: int - NamaPemilik: char - NoKT P: int - Norek: int - saldo: int + create() : void + delete() : void + read() : void + update() : void «property get» + getalamat() : void + getnamapemilik() : void + getnoktp() : void + getnorek() : void + getsaldo() : void «property set» + setalamat() : void + setnamapemilik() : void + setnoktp() : void + setnorek() : void + setsaldo() : void 0..* 0..* Transaksi - jmldbt: int - jmlkrd: int - notrans: int - tgltrans: int + update() : void «property get» + getjmldbt() : void + getjmlkrd() : void + getnotrans() : void + gettgltrans() : void «property set» + setjmldbt() : void + setjmlkrd() : void + setnotrans() : void + settgltrans() : void pin: int - user: int + update() : void «property get» + getpin() : void «property set» + setpin() : void Megambil uang Mengirim uang

13 Sequence Diagram A sequence diagram captures the behavior of a single scenario. The diagram shows a number of example objects and the messages that are passed between these objects within the use case. (Martin Fowler, UML Destilled) Tipe dari class 1. Boundary Class Class yang berhubungan dengan actor (user interface) 2. Control Class Class yang berhubungan dengan pemrosesan, komputasi, penghitungan, dsb 3. Entity Class Class yang berhubungan dengan data (flat file or database)

14 sd Interaction Contoh Sequence Diagram (Memasukkan kartu) Pengguna KotakKartu ProsesValidasiKartu MenuLogin masukkankartu() validasikartu() iskartuvalid() tampilkanmenulogin()

15 sd Interaction Contoh Sequence Diagram (Memasukkan Pin) Pengguna KotakKartu ProsesValidasiKartu MenuLogin masukkankartu() validasikartu() iskartuvalid() tampilkanmenulogin()

16 Component Diagram Use component diagrams when you are dividing your system into components and want to show their interrelationships through interfaces or the breakdown of components into a lower-level structure. Penggunaan komponen diagram: 1. Memodelkan source code 2. Memodelkan executable release 3. Memodelkan basis data fisik 4. Memodelkan adaptable system

17 Component Diagram Basis data fisik cmp Component Diagram Executable release cmp Component Diagram PHPPages «file» dbbank «web server» Apache Comp Env ironment «table» Account «table» Transaksi Business Logic «file» dbbank

18 Deployment Diagram Show a system's physical layout, revealing which pieces of software run on what pieces of hardware.

19 DATA MODEL

20 Studi Kasus e-commerce Sistem e-commerce adalah sistem penjualan secara online berbasis web dimana penjual dan pembeli tidak bertatap muka secara langsung. Calon pembeli melakukan pembelian melalui media browser. Berikut ini spesifikasi kebutuhan (system requirement) dari sistem e-commerce:

21 Halaman untuk User 1. Pembeli memilih barang yang akan dibeli dan ditambahkan ke keranjang belanja. 2. Pembeli bisa memfilter barang berdasarkan kategori. 3. Sistem melakukan kalkulasi jumlah barang dan total pembelian. 4. Pembeli bisa mengisi data registrasi account, pengiriman dan metode pembayaran barang. 5. Pembeli dapat login dengan account yang telah dibuat apabila belanja dilain hari. 6. Sistem melakukan konfirmasi pembelian via Pembeli bisa melakukan konfirmasi pembayaran.

22 Halaman untuk Admin 1. Admin dapat mengelola data barang. 2. Admin dapat mengelola data transaksi penjualan. 3. Admin dapat mengelola laporan penjualan. 4. Admin dapat mengelola data account.

23 Use case untuk halaman User uc Usecase Frontpage Sea Level Usecase Pilih Kategori «include» Tampilkan Barang Berdasarkan Kategori Pilih Barang «include» Tampilkan Detail Barang Tambah ke Keranjang Belanj a Belanj a Online User Registrasi «include» Tampilkan Form Registrasi Fish Level Usecase Tampilkan Total Belanj a Check Out «include» Login Memilih Jenis Pembayaran Mengisi Data Pengiriman Konfirmasi Pembayaran «include» Masukan Data Pembayaran

24 Deskripsi Use Case halaman User ne: Use Case Name Requirements Goal Pre-conditions Post-conditions Failed end condition Primary Actors Main Flow / Basic Path Belanja Online A1-A7 Calon pembeli dapat melakukan pembelian secara online via web. Pembeli mengetahui situs dari sistem belanja online Pembeli membeli barang secara online Pembeli membatalkan belanja secara online Calon Pembeli 1. User memilih barang yang akan dibeli. 2. User menambahkan barang ke keranjang belanja. 3. User melakukan checkout. 4. User mengisi data registrasi dan alamat pengiriman. 5. User memilih jenis pembayaran. 6. User selesai transaksi. 7. User menerima konfirmasi belanja lewat User mengkonfirmasi pembayaran. Invariant -

25 Use case untuk halaman Admin uc Usecase Administrasi - Model 1 Tambah «include» Tampilkan Form Barang Login Mengelola Data Barang Brow se Data barang Edit «include» Simpan Mengelola Data Transaksi Penj ualan Delete Fish Level Usecase Admin Mengelola Laporan Penj ualan Mengelola Data Account Sea Level Usecase

26 Deskripsi Use Case halaman Admin (mengelola data barang) Use Case Name Mengelola Data Barang Requirements B1 Goal Admin dapat menambah, mengedit dan menghapus data barang. Pre-conditions Post-conditions Failed end condition Primary Actors Admin telah login Data barang tersimpan, terupdate, atau terhapus Gagal menyimpan, mengupdate atau menghapus Administrator Main Flow / Basic Path 1. Admin melihat daftar barang. 2. Admin menambah data barang 3. Admin menyimpan data barang. Alternate Flow / Invariant 1 Invariant 2 2a. Admin mengedit data barang. 2b. Admin menghapus data barang.

27 Activity Diagram act Activ ity Belanj a Online Memilih Kategori Memilih Barang Start [Pilih Barang Lain] Decision Simpan Ke Keranjang Belanj a [Lanjutkan Belanja] [Add Item] Decision [Checkout] Memilih Jenis Pembayaran Isi Data Registrasi Dan Alamat Pengiriman Tampilkan Item Dan Total Belanj a Menyelesaikan Transaksi Menerima Konfirmasi Belanja Lewat Mengkonfirmasi Pembayaran End

28 act Activ ity Diagram Belanj a Online Dengan Partisi User Sistem E-commerce Deliv ery Start Memilih Kategori [Pilih Barang Lain] Activity Diagram dengan partition Memilih Barang Decision [Add Item] Simpan Ke Keranjang Belanj a [Lanjutkan Belanja] Decision [Checkout] Isi Data Registrasi Dan Alamat Pengiriman Tampilkan Item Dan Total Belanj a Memilih Jenis Pembayaran Menyelesaikan Transaksi Menyimpan Transaksi Menerima Konfirmasi Belanja Lewat Mengirim Konfirmasi Lewat Menkonfirmasi Pembayaran Menerima Konfirmasi Pembayaran Mengirim Barang Fork Menunggu 3 hari Hapus Transaksi Pemesanan Pesanan Ditutup Join End

29 TUGAS KELOMPOK Buat diagram use case, activity untuk kasus PEMINJAMAN BUKU PERPUSTAKAAN Buat diagram di EA dan copy ke Microsoft word Kirim ke dan cc:

30 Terima Kasih it-ebooks.info

dokumen-dokumen yang mirip

Simbol Activity Diagram

Simbol Activity Diagram Activity Diagram Menggambarkan proses bisnis dan urutan aktivitas dalam sebuah proses Dipakai pada business modeling untuk memperlihatkan urutan aktifitas proses bisnis Struktur diagram ini mirip flowchart