1. PEMBUATAN UML PADA TOKO BELANJA ONLINE
Disusun oleh:
10101152630016 Erik Putra
10101152630079 Deddy Nur Arifin
10101152630105 Qudsyi Ladestri
10101152630130 Ahmad Amron
10101152630142 Khairu
10101152630154 Supra Yogi
10101152630188 Andi Seprianto
10101152630194 Dimas Ari Kusuma
2. USE CASE DIAGRAM
Use Case Diagram adalah abstraksi dari interaksi
antara system dan actor. Use case bekerja dengan
cara mendeskripsikan tipe interaksi antara user
sebuah system dengan systemnya sendiri melalui
sebuah cerita bagaimana sebuah system dipakai.
Use case merupakan kontruksi untk
mendeskripsikan bagaimana system akan terlihat di
mata user. Sedangkn use case diagram
memfalisitasi komunikasi di antara analis dan
pengguna serta analis dan client.
3. USE CASE DIAGRAM TOKO ONLINE
Lihat Barang Tambah Produk Edit
Non Member
Hapus
Registrasi
Pesan Barang
Ubah Status
Admin
Login
Member <<include>>
Kirim Barang
Update Stok Barang
Pembayaran
<<extend>>
Suplayer
Credit Card
Transfer
4. CLASS DIAGRAM
Class adalah deskripsi kelompok obyek-obyek
dengan property, perilaku(operasi) dan relasi yang
sama. Sehingga dengan adanya class diagram
dapat memberikan pandangan global atas sebuah
sistem. Hal tersebut tercermin dari class-class yang
ada dan relasinya satu dengan yang lainnya.
Sebuah sistem biasanya mempunyai beberapa
class diagram.Class diagram sangat membantu
dalam visualisasi struktur kelas dari suatu sistem.
6. SEQUENCE DIAGRAM
Sequence digunakan untuk menggambarkan perilaku
pada sebuah scenario. Kegunaannya untuk
menunjukkan rangkaian pesan yang dikirim antar
objek juga interaksi antara objek, sesuatu yang
terjadi pada titik tertentu dalam eksekusi sistem.
7. SEQUENCE DIAGRAM TAMBAH PRODUK
ADMIN LOGIN HALAMAN TAMBAH PRODUK
ADMIN PRODUK
masukkan user/password
valid
pilihan
tambah produk
produk database
8. SEQUENCE DIAGRAM EDIT PRODUK
ADMIN LOGIN HALAMAN EDIT PRODUK PRODUK
ADMIN
masukkan user/password
valid
pilihan
pilih produk
edit produk
9. SEQUENCE DIAGRAM HAPUS PRODUK
ADMIN LOGIN HALAMAN HAPUS PRODUK
ADMIN PRODUK
masukkan user/password
valid
pilihan
pilih produk
hapus produk
10. SEQUENCE DIAGRAM PEMBELIAN PRODUK
MEMBER LOGIN PILIH PRODUK PILIH KIRIM
PEMBAYARAN BARANG
masukkan user/password
valid
pilihan
pesan barang
credit card dan transfer
11. SEQUENCE DIAGRAM UPDATE PRODUK
ADMIN LOGIN HALAMAN UPDATE STOCK PRODUK
ADMIN
masukkan user/password
valid
pilihan
tambah produk
produk database
12. COLLABORATION DIAGRAM
Menggambarkan kolaborasi dinamis seperti
sequence diagram. Dalam menunjukkan pertukaran
pesan, collaboration diagram menggambarkan
objek dan hubungannya (mengacu pada konteks).
Jika penekanannya pada waktu atau urutan
gunakan sequence diagram, tapi jika
penekanannya pada konteks gunakan collaboration
diagram.
13. COLLABORATION DIAGRAM EDIT PRODUK
valid
1: masukkan user/password 2: pilihan 3: pilih produk 4: edit produk
ADMIN LOGIN HALAMAN EDIT PRODU
ADMIN PRODUK K
14. COLLABORATION DIAGRAM TAMBAH PRODUK
valid
1: masukkan user/password 2: pilihan 3: tambah produk 4: produk database
ADMIN LOGIN HALAMAN TAMBAH PRODU
ADMIN PRODUK K
15. COLLABORATION DIAGRAM HAPUS PRODUK
valid
1: masukkan user/password 2: pilihan 3: hapus produk 4: hapus
ADMIN LOGIN HALAMAN HAPUS PRODU
ADMIN PRODUK K
16. COLLABORATION DIAGRAM PEMESANAN PRODUK
valid
1: masukkan user/password 2: pilihan 3: pilih barang 4: beli barang
MEMBE LOGIN LIHAT PESAN PEMBAY
R KATALOG BARANG ARAN
17. COLLABORATION DIAGRAM NON MEMBER PRODUK
valid valid
1: pilihan 2: konfirm 3: terdaftar
NON REGIST UBAH LOGIN
MEMBER RASI STATUS
18. COLLABORATION DIAGRAM PEMBELIAN PRODUK
valid
1: masukkan user/password 2: pilihan 3: pesan barang 4: credit card dan transfer
MEMBER LOGIN PILIH PILIH KIRIM
PRODUK PEMBAYARAN BARANG
19. COLLABORATION DIAGRAM UPDATE STOK
valid
1: masukkan user/password 2: pilihan 3: tambah produk 4: produk database
ADMIN LOGIN HALAMAN UPDATE PRODU
ADMIN STOCK K
20. STATECHART DIAGRAM
Statechart diagram menggambrakan transisi dan
perubahan keadaan (dari satu state ke state
lainnya) suatu objek pada sistem sebagai akibat
dari stimuli yang diterima. Pada umumnya
statechart diagram menggambarkan class tertentu
(satu class dapat memiliki lebih dari satu statechart
diagram).
28. ACTIVITY DIAGRAM
Menggambarkan berbagai alir aktivitas dalam
sistem yang sedang dirancang, bagaimana masing-
masing alir berawal,decision yang mungkin terjadi,
dan bagaimana mereka berakhir. Activity diagram
juga dapat menggambarkan proses paralel yang
mungkin terjadi pada beberapa eksekusi.
30. DEPLOYMENT DIAGRAM
Menggambarkan tata letak sebuah sistem secara
fisik, menampakkan bagian-bagian software yang
brjalan pada bagian-bagian hardware,
menunjukkan hubungan komputer dengan
perangkat (nodes) satu sama lain dan jenis
hubungannya. Didalam nodes, executable
component dan object dialokasikan untuk
memperlihatkan unit perangkat lunak yang
dieksekusi oleh nodes tertentu dan ketergantungan
komponen.
31. DEPLOYMENT DIAGRAM PEMBELIAN TOKO ONLINE
Web Server DataBase
DataBase Request Browser
Page Request
Client Browser