Post on 24-May-2015
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
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.
USE CASE DIAGRAM TOKO ONLINE
Non Member
Credit CardTransfer
Registrasi
Ubah Status
Pesan Barang
Login
Pembayaran
<<extend>>
Suplayer
Member
Update Stok Barang
<<include>>
Kirim Barang
Lihat Barang Tambah Produk Edit
Hapus
Admin
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.
CLASS DIAGRAM TOKO ONLINE
PEMBAYARANno transferwaktu transfer
input()
PRODUKbaju kaosbaju kemejajacketcelanasendal
input()edit()hapus()opname2()
transfer credit card
MEMBERid_memberid_namaid_usernameid_password
input()edit()hapus()
SYSTEMlogin
menu display()login display()
1*
1*
1
*
1
*
ADMINusernamepassword
login()input()hapus()edit()save()logout()
1
*
1
*1
1
1
1
1
*
1
*
*
1
*
1
*1
*1
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.
SEQUENCE DIAGRAM TAMBAH PRODUK
TAMBAH PRODUK
ADMIN LOGIN HALAMAN ADMIN
PRODUK
masukkan user/passwordvalid
pilihan
tambah produk
produk database
SEQUENCE DIAGRAM EDIT PRODUK
EDIT PRODUKADMIN LOGIN HALAMAN ADMIN
PRODUK
masukkan user/passwordvalid
pilihan
pilih produk
edit produk
SEQUENCE DIAGRAM HAPUS PRODUK
HAPUS PRODUK
ADMIN LOGIN HALAMAN ADMIN
PRODUK
masukkan user/passwordvalid
pilihan
pilih produk
hapus produk
SEQUENCE DIAGRAM PEMBELIAN PRODUK
KIRIM BARANG
MEMBER LOGIN PILIH PRODUK PILIH PEMBAYARAN
masukkan user/passwordvalid
pilihan
pesan barang
credit card dan transfer
SEQUENCE DIAGRAM UPDATE PRODUK
PRODUKADMIN LOGIN HALAMAN ADMIN
UPDATE STOCK
masukkan user/passwordvalid
pilihan
tambah produk
produk database
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.
COLLABORATION DIAGRAM EDIT PRODUK
PRODUK
ADMIN LOGIN HALAMAN ADMIN
EDIT PRODUK
1: masukkan user/password
valid
2: pilihan 3: pilih produk 4: edit produk
COLLABORATION DIAGRAM TAMBAH PRODUK
ADMIN LOGIN HALAMAN ADMIN
TAMBAH PRODUK
PRODUK
1: masukkan user/password
valid
2: pilihan 3: tambah produk 4: produk database
COLLABORATION DIAGRAM HAPUS PRODUK
ADMIN LOGIN HALAMAN ADMIN
HAPUS PRODUK
PRODUK
1: masukkan user/password
valid
2: pilihan 3: hapus produk 4: hapus
COLLABORATION DIAGRAM PEMESANAN PRODUK
MEMBER
LOGIN LIHAT KATALOG
PESAN BARANG
PEMBAYARAN
1: masukkan user/password
valid
2: pilihan 3: pilih barang 4: beli barang
COLLABORATION DIAGRAM NON MEMBER PRODUK
NON MEMBER
REGISTRASI
UBAH STATUS
LOGIN
1: pilihan
valid
2: konfirm 3: terdaftar
valid
COLLABORATION DIAGRAM PEMBELIAN PRODUK
MEMBER LOGIN PILIH PRODUK
PILIH PEMBAYARAN
KIRIM BARANG
1: masukkan user/password
valid
2: pilihan 3: pesan barang 4: credit card dan transfer
COLLABORATION DIAGRAM UPDATE STOK
ADMIN LOGIN HALAMAN ADMIN
UPDATE STOCK
PRODUK
1: masukkan user/password
valid
2: pilihan 3: tambah produk 4: produk database
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).
STATECHART DIAGRAM TAMBAH PRODUK
Login Halaman Admin
Tambah Produk
Produk
Admin
Selesai
STATECHART DIAGRAM HAPUS PRODUK
Login
Admin
Halaman Admin
Hapus Produk
Produk
STATECHART DIAGRAM EDIT PRODUK
Login Produk Database
Edit Produk
Produk
Admin
Selesai
STATECHART DIAGRAM UPDATE PRODUK
Tambah Produk
Login Halaman Admin
Edit Produk
Update Stok
Admin
Selesai
STATECHART DIAGRAM MEMBER
Pembayaran
Login Pilih Produk
Pilih Pembayaran
Admin
Selesai
STATECHART DIAGRAM PENGIRIMAN PRODUK
Pembayaran
Login Lihat Katalog
Pesan Barang
Admin
Selesai
STATECHART DIAGRAM NON MEMBER
Produk
Halaman Admin
Tambah Produk
Admin
Selesai
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.
ACTIVITY DIAGRAM TOKO ONLINE
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.
DEPLOYMENT DIAGRAM PEMBELIAN TOKO ONLINE
Web Server
Client Browser
DataBase Browser
Page Request
DataBase Request