SlideShare una empresa de Scribd logo
1 de 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
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


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


   ADMIN             LOGIN                 HALAMAN          TAMBAH           PRODUK
                                            ADMIN           PRODUK
    masukkan user/password
                             valid



                                 pilihan


                                                tambah produk

                                                                produk database
SEQUENCE DIAGRAM EDIT PRODUK


    ADMIN             LOGIN                 HALAMAN            EDIT PRODUK            PRODUK
                                             ADMIN
     masukkan user/password
                              valid



                                  pilihan


                                                      pilih produk

                                                                        edit produk
SEQUENCE DIAGRAM HAPUS PRODUK


ADMIN             LOGIN                 HALAMAN                  HAPUS           PRODUK
                                         ADMIN                   PRODUK
 masukkan user/password
                          valid



                              pilihan


                                                  pilih produk

                                                                      hapus produk
SEQUENCE DIAGRAM PEMBELIAN PRODUK


MEMBER            LOGIN             PILIH PRODUK         PILIH                 KIRIM
                                                      PEMBAYARAN              BARANG
 masukkan user/password
                          valid



                              pilihan


                                             pesan barang

                                                            credit card dan transfer
SEQUENCE DIAGRAM UPDATE PRODUK

 ADMIN            LOGIN         HALAMAN     UPDATE STOCK       PRODUK
                                 ADMIN
 masukkan user/password
                      valid


                          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




                   valid


1: masukkan user/password 2: pilihan         3: pilih produk        4: edit produk
ADMIN               LOGIN            HALAMAN                  EDIT                 PRODU
                                      ADMIN                  PRODUK                  K
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
COLLABORATION DIAGRAM HAPUS PRODUK




                     valid


   1: masukkan user/password 2: pilihan        3: hapus produk        4: hapus
   ADMIN               LOGIN            HALAMAN                HAPUS           PRODU
                                         ADMIN                 PRODUK            K
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
COLLABORATION DIAGRAM NON MEMBER PRODUK


                          valid                                        valid


            1: pilihan            2: konfirm            3: terdaftar
    NON                  REGIST                UBAH                    LOGIN
   MEMBER                 RASI                 STATUS
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
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
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
  Admin



                            Produk   Tambah
                                     Produk
                  Selesai
STATECHART DIAGRAM HAPUS PRODUK




          Login                   Halaman
                                   Admin

 Admin




                  Produk          Hapus
                                  Produk
STATECHART DIAGRAM EDIT PRODUK




           Login                       Produk
                                      Database
   Admin



                             Produk     Edit
                                       Produk
                   Selesai
STATECHART DIAGRAM UPDATE PRODUK




           Login                       Halaman
                                        Admin
   Admin



                                        Edit
                                       Produk



                             Tambah    Update
                              Produk    Stok

                   Selesai
STATECHART DIAGRAM MEMBER




          Login                    Pilih
                                  Produk
  Admin



                       Pembay      Pilih
                        aran    Pembayaran

             Selesai
STATECHART DIAGRAM PENGIRIMAN PRODUK




            Login                  Lihat
                                  Katalog
  Admin



                         Pembay   Pesan
                          aran    Barang

               Selesai
STATECHART DIAGRAM NON MEMBER




            Halaman             Tambah
             Admin               Produk
 Admin



                                Produk


                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                         DataBase
                       DataBase Request    Browser




        Page Request




      Client Browser

Más contenido relacionado

La actualidad más candente

ERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineLucha Kamala Putri
 
Representasi Pengetahuan
Representasi PengetahuanRepresentasi Pengetahuan
Representasi PengetahuanSherly Uda
 
Contoh Slide Presentasi Powerpoint yang Baik dan Menarik
Contoh Slide Presentasi Powerpoint yang Baik dan MenarikContoh Slide Presentasi Powerpoint yang Baik dan Menarik
Contoh Slide Presentasi Powerpoint yang Baik dan MenarikMuhammad Noer
 
Contoh RAB PADATI WEB
Contoh RAB PADATI WEBContoh RAB PADATI WEB
Contoh RAB PADATI WEBRina Wijaya
 
Analisis ERD Database Rumah Sakit
Analisis ERD Database Rumah SakitAnalisis ERD Database Rumah Sakit
Analisis ERD Database Rumah SakitFitria Nuri
 
UML Aplikasi Rental Mobil
UML Aplikasi Rental MobilUML Aplikasi Rental Mobil
UML Aplikasi Rental MobilDwi Mardianti
 
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)Meda Aji Saputro
 
Contoh soal Teori antrian khusus Poisson
Contoh soal Teori antrian khusus PoissonContoh soal Teori antrian khusus Poisson
Contoh soal Teori antrian khusus PoissonLilies DLiestyowati
 
PKM K "go hero" proposal program kreativitas mahasiswa unm
PKM K "go hero" proposal program kreativitas mahasiswa unmPKM K "go hero" proposal program kreativitas mahasiswa unm
PKM K "go hero" proposal program kreativitas mahasiswa unmSansanikhs
 
Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...
Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...
Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...Wulandari Rima Kumari
 
Contoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik Pedas
Contoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik PedasContoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik Pedas
Contoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik PedasAbu Amar Fikri
 

La actualidad más candente (20)

Laporan analisis sistem informasi
Laporan analisis sistem informasiLaporan analisis sistem informasi
Laporan analisis sistem informasi
 
Use skenario
Use skenarioUse skenario
Use skenario
 
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
 
Representasi Pengetahuan
Representasi PengetahuanRepresentasi Pengetahuan
Representasi Pengetahuan
 
Algoritma penjadwalan proses
Algoritma penjadwalan prosesAlgoritma penjadwalan proses
Algoritma penjadwalan proses
 
Contoh Slide Presentasi Powerpoint yang Baik dan Menarik
Contoh Slide Presentasi Powerpoint yang Baik dan MenarikContoh Slide Presentasi Powerpoint yang Baik dan Menarik
Contoh Slide Presentasi Powerpoint yang Baik dan Menarik
 
Presentasi Jurnal
Presentasi JurnalPresentasi Jurnal
Presentasi Jurnal
 
Contoh RAB PADATI WEB
Contoh RAB PADATI WEBContoh RAB PADATI WEB
Contoh RAB PADATI WEB
 
Analisis ERD Database Rumah Sakit
Analisis ERD Database Rumah SakitAnalisis ERD Database Rumah Sakit
Analisis ERD Database Rumah Sakit
 
UML Aplikasi Rental Mobil
UML Aplikasi Rental MobilUML Aplikasi Rental Mobil
UML Aplikasi Rental Mobil
 
Kualitas informasi
Kualitas informasiKualitas informasi
Kualitas informasi
 
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
 
Contoh soal Teori antrian khusus Poisson
Contoh soal Teori antrian khusus PoissonContoh soal Teori antrian khusus Poisson
Contoh soal Teori antrian khusus Poisson
 
PKM K "go hero" proposal program kreativitas mahasiswa unm
PKM K "go hero" proposal program kreativitas mahasiswa unmPKM K "go hero" proposal program kreativitas mahasiswa unm
PKM K "go hero" proposal program kreativitas mahasiswa unm
 
Contoh Review Jurnal
Contoh Review JurnalContoh Review Jurnal
Contoh Review Jurnal
 
Proposal PKM-Kewirausahaan LOLOS PKM
Proposal PKM-Kewirausahaan LOLOS PKMProposal PKM-Kewirausahaan LOLOS PKM
Proposal PKM-Kewirausahaan LOLOS PKM
 
Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...
Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...
Contoh Review Jurnal Ilmiah (PENGARUH KEPEMIMPINAN, BUDAYA ORGANISASI DAN LIN...
 
Bab 9-cpm-pert
Bab 9-cpm-pertBab 9-cpm-pert
Bab 9-cpm-pert
 
Proposal usaha online shop
Proposal usaha online shopProposal usaha online shop
Proposal usaha online shop
 
Contoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik Pedas
Contoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik PedasContoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik Pedas
Contoh Pitch Deck Morang Moreng Snack - Pakar Aneka Keripik Pedas
 

Destacado

SIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda AnggoroSIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda AnggoroUlan Anggoro
 
RPL_UML_toko online
RPL_UML_toko onlineRPL_UML_toko online
RPL_UML_toko onlinefaqih_id
 
Aplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstopAplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstopalfian_nasir
 
6701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-056701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-05iqbalsalman
 
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKAplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKFitri Evi Nasution
 
Sistem Informasi Penjualan Berbasis Web
Sistem Informasi Penjualan Berbasis WebSistem Informasi Penjualan Berbasis Web
Sistem Informasi Penjualan Berbasis Webdiansyahputri
 

Destacado (7)

SIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda AnggoroSIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda Anggoro
 
Use Case Diagram
Use Case DiagramUse Case Diagram
Use Case Diagram
 
RPL_UML_toko online
RPL_UML_toko onlineRPL_UML_toko online
RPL_UML_toko online
 
Aplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstopAplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstop
 
6701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-056701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-05
 
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKAplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
 
Sistem Informasi Penjualan Berbasis Web
Sistem Informasi Penjualan Berbasis WebSistem Informasi Penjualan Berbasis Web
Sistem Informasi Penjualan Berbasis Web
 

Pembuatan uml pada toko belanja online

  • 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).
  • 21. STATECHART DIAGRAM TAMBAH PRODUK Login Halaman Admin Admin Produk Tambah Produk Selesai
  • 22. STATECHART DIAGRAM HAPUS PRODUK Login Halaman Admin Admin Produk Hapus Produk
  • 23. STATECHART DIAGRAM EDIT PRODUK Login Produk Database Admin Produk Edit Produk Selesai
  • 24. STATECHART DIAGRAM UPDATE PRODUK Login Halaman Admin Admin Edit Produk Tambah Update Produk Stok Selesai
  • 25. STATECHART DIAGRAM MEMBER Login Pilih Produk Admin Pembay Pilih aran Pembayaran Selesai
  • 26. STATECHART DIAGRAM PENGIRIMAN PRODUK Login Lihat Katalog Admin Pembay Pesan aran Barang Selesai
  • 27. STATECHART DIAGRAM NON MEMBER Halaman Tambah Admin Produk Admin Produk Selesai
  • 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