Sequence Diagram

BAB III METODOLOGI PENELITIAN

3.5 Sequence Diagram

pilih menu kategori lokasi, varian, promo

cari data

pilih salah satu list data

edit data

sim pan data edit

tampilkan list data

tampilkan detail info data

tam pilkan notifikasi telah di edit

program admin

Gambar 3.12 Activity diagram menu admin edit

3.5 Sequence Diagram

Sequence Diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk penggunam display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence, diagram terdiri antar dimensi vertikal (waktu) dan dimensi horizontal ( objek – objek yang terkait). Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal, dan output, apa yang dihasilkan. Lebih detail dalam menggambarkan aliran data, termasuk data atau behaviour yang dikirimkan atau diterima. Namun kurang mampu menjelaskan detail dari sebuah algoritma (loop, branching).

3.5.1 Sequence Diagram Melakukan Panggilan

Pada gambar 3.13 menjelaskan tentang sequence diagram melakukan panggilan/telepon yang dilakukan oleh pengguna untuk melakukan pemesanan terhadap outlet yang dituju. Proses yang dilakukan adalah pengguna memilih menu lokasi, ditampilkan list lokasi dan pengguna memilih salah satu list lokasi dan muncul detail informari dari lokasi tersebut. Serta dalam detail informasi terdapat fungsi dima fungsi tersebut adalah untuk melakukan panggilan dari tiap-tiap lokasi berdasarkan data yang sudah ada.

: pengguna

: pengguna : form lokasi : form lokasi : control : control _{databas e : tabel lokasidatabas e : tabel lokasi} pilih menu lokasi()

pilih data()

pilih telepon()

proses tampilkan list data()

proses tampilkan list data() return lis t data() return list data()

tam pilkan list data()

proses tampilkan detail info()

proses tampilkan detal info() return detail info() return detail info()

tampilkan detail informas i()

load data()

load data() return data nomer telepon() return data nomer telepon()

tam pilkan panggilan()

Sequence diagram pada gambar 3.14 ini menjelaskan tentang proses admin melakukan login. Dapat dilihat admin harus mempunyai username dan password untuk masuk kedalam halaman aplikasi admin. Dan admin hanya mempunyai satu hak akses username dan password untuk mengolah data. Selanjutnya username dan password akan diproses, apabila username dan password valid maka akan masuk ke dalam aplikasi admin dan dapat melalukan pengolahan data. Apabila username dan password yang dimasukkan salah, maka tidak dapat mengakses halaman admin untuk mengolah data, dan akan tetap pada halaman login.

3.5.2 Sequence Diagram Login Admin

: admin : admin

: Halaman Us er

: Halaman Us er ^{: Halaman Login : Halaman Login : control : control : Database admin : Database admin}

Login()

menampilkan () return()

isi username dan pas sword() Login()

proses Login()

validas i username dan pas sword() proses validasi() konfirmasi sukses()

3.5.3 Sequence Diagram Insert Pr omo

Pada gambar 3.15 menjelaskan tentang sequence diagram insert menu promo. Proses yang dilakukan admin adalah memilih menu promo dan sebelumya tekan tombol baru unutk menambahkan data baru. Tombol baru ini berfungsi untuk merefresh id selanjutnya, lalu tampilkan detail kolom untuk menambahkan data. Isi kolom promo diantaranya tanggal mula, tanggal akhir dan keterangan promo dan klik tombol simpan untuk melakukan proses penyimpanan data baru pada menu promo. Secara otomatis data akan ditambahkan dan disimpan pada server database.

: control : control : admin

: admin : form promo : form promo database : tabel promodatabase : tabel promo

pilih menu promo() input tgl akhir() input keterangan()

proses simpan()

proses simpan data() proses tersimpan() konfirmasi tersimpan()

tersimpan()

3.5.4 Sequence Diagram Insert Lokasi

: admin

: admin _{: form lokasi : form lokasi} : control : control databas e : tabel lokasidatabas e : tabel lokasi

pilih menu lokasi()

input nama, alamat, tlp()

input koordinat()

input jam()

proses simpan()

pros es simpan data()

proses tersim pan()

konfirmas i ters im pan()

tersimpan()

Gambar 3.16 Sequence diagram insert lokasi admin

Pada gambar 3.16 menjelaskan tentang sequence diagram proses insert lokasi. Proses pertama yang dilkakukan adalah menginputkan nama, alamat, tlp, long, lat dan jam. Selanjutnya seteleh admin selesai menginputkan data, pilih tombol simpan untuk proses menyimpan data sebelumnya yang telah diinputkan, dan secara otomatis data akan disimpan dan berhasil ditambahkan otomatis pada database.

3.5.5 Sequence Diagr am Insert Makanan

Pada gambar 3.17 sequence diagram menjelaskan tentang sequence diagram insert makanan. Ketika menu makanan dipilih, ketika ingin menambahkan data baru sebelumnya tekan tombol baru yang berguna unutk

kolom kosong untuk menginputkan data diantaranya nama, harga, dan keterangan. Setelah admin mengisi kolom-kolom tersebut maka pilih tombol simpan, dan data yang diinputkan berhasil ditambahkan pada list makanan sego njamoer.

: admin : admin

: form makanan

: form makanan : control : control _{databas e : table makanandatabas e : table makanan}

pilih m enu makanan()

input nama()

input harga()

input keterangan()

proses simpan()

pros es s impan data()

proses tersimpan()

konfirmasi tersimpan()

tersimpan()

Gambar 3.17 Sequence diagram insert makanan admin

3.5.6 Sequence Diagram Menghapus Data

Pada gambar 3.18 sequence diagram ini menjelaskan tentang hapus data. Yang pertama dijelaskan sebelum melakukan penghapusan data, kita perlu mencari data yang mana yang akan kita hapus, setelah list data berhasil ditampilkan terdapat form detail informasi yang berisi penjelasan dari data yang sudah dipilih. Apabila ingin menghapus data tersebut, pilih tombol hapus maka secara otomatis data akan terhapus dari list data.

: admin : admin

: m engelola data

: m engelola data _{: control : control} : database : database

pilih m enu kategori()

hapus()

proses load data()

proses load () return hasil list data() return hasil list data()

tam pilkan hasil list data() cari data()

pilih data()

load detail data()

load detail data() return detail data() return detail data()

tam pilkan detail data()

proses hapus data()

proses hapus data() konfirmasi hapus data() konfirmasi sukses()

terhapus()

Gambar 3.18 Sequence diagram hapus data

3.5.7 Sequence Diagram Mengelola Data / Edit data

Pada gambar 3.19 menjelaskan proses edit data. Proses yang pertama dilakukan adalah pencarian data. Setelah list data berhasil ditampilkan maka pilih salah satu data dan tampil form detail data yang sudah dipilih. Selanjutnya kita langsung dapat nengganti data pada kolom-kolom yang tersedia, setelah diganti maka pilih tombol ubah maka data baru akan secara otomatis terupdate.

: adm in : adm in

: m engelola data

: m engelola data _{: control : control} : databas e : databas e

pilih m enu kategori

proses load data

pros es load data return has il list data return hasil list data

tam pilkan hasil lis t data cari data

pilih data

load detail data

load detail data return detail data return detail data

edit data baru

proses edit data

pros es edit data return edit data return edut data sukses

telah di edit klik tombol edit tam pilkan detail data lam a

Gambar 3.19 Sequence diagram edit data