pembuatan uml pada toko belanja online

31
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

Upload: andiseprianto

Post on 24-May-2015

19.058 views

Category:

Documents


38 download

TRANSCRIPT

Page 1: Pembuatan uml pada toko belanja online

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

Page 2: Pembuatan uml pada toko belanja online

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.

Page 3: Pembuatan uml pada toko belanja online

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

Page 4: Pembuatan uml pada toko belanja online

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.

Page 5: Pembuatan uml pada toko belanja online

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

Page 6: Pembuatan uml pada toko belanja online

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.

Page 7: Pembuatan uml pada toko belanja online

SEQUENCE DIAGRAM TAMBAH PRODUK

TAMBAH PRODUK

ADMIN LOGIN HALAMAN ADMIN

PRODUK

masukkan user/passwordvalid

pilihan

tambah produk

produk database

Page 8: Pembuatan uml pada toko belanja online

SEQUENCE DIAGRAM EDIT PRODUK

EDIT PRODUKADMIN LOGIN HALAMAN ADMIN

PRODUK

masukkan user/passwordvalid

pilihan

pilih produk

edit produk

Page 9: Pembuatan uml pada toko belanja online

SEQUENCE DIAGRAM HAPUS PRODUK

HAPUS PRODUK

ADMIN LOGIN HALAMAN ADMIN

PRODUK

masukkan user/passwordvalid

pilihan

pilih produk

hapus produk

Page 10: Pembuatan uml pada toko belanja online

SEQUENCE DIAGRAM PEMBELIAN PRODUK

KIRIM BARANG

MEMBER LOGIN PILIH PRODUK PILIH PEMBAYARAN

masukkan user/passwordvalid

pilihan

pesan barang

credit card dan transfer

Page 11: Pembuatan uml pada toko belanja online

SEQUENCE DIAGRAM UPDATE PRODUK

PRODUKADMIN LOGIN HALAMAN ADMIN

UPDATE STOCK

masukkan user/passwordvalid

pilihan

tambah produk

produk database

Page 12: Pembuatan uml pada toko belanja online

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.

Page 13: Pembuatan uml pada toko belanja online

COLLABORATION DIAGRAM EDIT PRODUK

PRODUK

ADMIN LOGIN HALAMAN ADMIN

EDIT PRODUK

1: masukkan user/password

valid

2: pilihan 3: pilih produk 4: edit produk

Page 14: Pembuatan uml pada toko belanja online

COLLABORATION DIAGRAM TAMBAH PRODUK

ADMIN LOGIN HALAMAN ADMIN

TAMBAH PRODUK

PRODUK

1: masukkan user/password

valid

2: pilihan 3: tambah produk 4: produk database

Page 15: Pembuatan uml pada toko belanja online

COLLABORATION DIAGRAM HAPUS PRODUK

ADMIN LOGIN HALAMAN ADMIN

HAPUS PRODUK

PRODUK

1: masukkan user/password

valid

2: pilihan 3: hapus produk 4: hapus

Page 16: Pembuatan uml pada toko belanja online

COLLABORATION DIAGRAM PEMESANAN PRODUK

MEMBER

LOGIN LIHAT KATALOG

PESAN BARANG

PEMBAYARAN

1: masukkan user/password

valid

2: pilihan 3: pilih barang 4: beli barang

Page 17: Pembuatan uml pada toko belanja online

COLLABORATION DIAGRAM NON MEMBER PRODUK

NON MEMBER

REGISTRASI

UBAH STATUS

LOGIN

1: pilihan

valid

2: konfirm 3: terdaftar

valid

Page 18: Pembuatan uml pada toko belanja online

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

Page 19: Pembuatan uml pada toko belanja online

COLLABORATION DIAGRAM UPDATE STOK

ADMIN LOGIN HALAMAN ADMIN

UPDATE STOCK

PRODUK

1: masukkan user/password

valid

2: pilihan 3: tambah produk 4: produk database

Page 20: Pembuatan uml pada toko belanja online

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).

Page 21: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM TAMBAH PRODUK

Login Halaman Admin

Tambah Produk

Produk

Admin

Selesai

Page 22: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM HAPUS PRODUK

Login

Admin

Halaman Admin

Hapus Produk

Produk

Page 23: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM EDIT PRODUK

Login Produk Database

Edit Produk

Produk

Admin

Selesai

Page 24: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM UPDATE PRODUK

Tambah Produk

Login Halaman Admin

Edit Produk

Update Stok

Admin

Selesai

Page 25: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM MEMBER

Pembayaran

Login Pilih Produk

Pilih Pembayaran

Admin

Selesai

Page 26: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM PENGIRIMAN PRODUK

Pembayaran

Login Lihat Katalog

Pesan Barang

Admin

Selesai

Page 27: Pembuatan uml pada toko belanja online

STATECHART DIAGRAM NON MEMBER

Produk

Halaman Admin

Tambah Produk

Admin

Selesai

Page 28: Pembuatan uml pada toko belanja online

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.

Page 29: Pembuatan uml pada toko belanja online

ACTIVITY DIAGRAM TOKO ONLINE

Page 30: Pembuatan uml pada toko belanja 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.

Page 31: Pembuatan uml pada toko belanja online

DEPLOYMENT DIAGRAM PEMBELIAN TOKO ONLINE

Web Server

Client Browser

DataBase Browser

Page Request

DataBase Request