Iconix Process

 
 
 

Dortheis Andatu
05211940007003
RBPL D
 

INSTITUT TEKNOLOGI SEPULUH NOPEMBER

SURABAYA
2021
Deskripsi Singkat  

OurVet adalah aplikasi berbasis web yang menyediakan berbagai layanan untuk
membantu pemilik hewan merawat hewan kesayangannya. Fitur – fitur yang disediakan
antara lain :

a. AskVet  
Fitur ini menyediakan layanan untuk berkonsultasi dengan dokter hewan, yang
membantu pemilik hewan memantau kondisi kesehatan hewan peliharaannya tanpa
harus berpergian langsung ke klinik hewan.

b. DailyVet 
Fitur ini menyediakan layanan untuk dapat membantu pemilik hewan menemukan dan
membeli kebutuhan dari hewan peliharaannya mulai dari makanan, obat – obatan
hingga accessoris

c. VetHouseLoc 
Fitur ini menyediakan informasi klinik hewan yang mana membantu pemilik hewan
untuk menemukan klinik terbaik serta pertolongan pertama saat keadaan darurat.

d. VetUpdate 
Fitur ini menyediakan informasi seputar hewan peliharaan secara up to date melalui
artikel dan podcast yang dapat menambah pengetahuan pemilik hewan.

e. MyVet 
Fitur ini membantu pemilik hewan untuk memantau kondisi kesehatan dari hewan
peliharaannya secara berkala yaitu dengan menambahkan catatan riwayat
kesehatannya.

f. Komunitas  
Fitur ini menyediakan pemilik hewan untuk menemukan komunitas yang sesuai
dengan jenis hewan yang dimilikinya.
Domain Model

Updated Domain Model

1. Dari Use Case Description dan Robustness Diagram Komunitas

2. Dari Use Case Description dan Robustness Diagram Info Hewan

3. Dari Sequence Diagram Komunitas

4. Dari Sequence Diagram Info Hewan
Berdasarkan pada use case yang terdapat pada OurVet, maka dapat dijabarkan Graphical
User Interface (GUI), use case description, robustness diagram, dan sequence diagram yang
mana mengambil contoh dari 2 use case yaitu Komunitas dan Info Hewan

1. Use Case – Komunitas

a. Graphical User Interface (GUI)

Berikut ini merupakan tampilan Graphical User Interface yang terdapat pada OurVer,
dan berikut ini tampilan dari use case untuk Diskusi Komunitas.

1.1 Halaman Menu OurVet

 1.2 Halaman Komunitas

1.3 Halaman Komunitas (Buat Pertanyaan)

1.4 Halaman Komunitas (Detail Pertanyaan)

1.5 Halaman Komunitas (Balas Pertanyaan)

b. Use Case Description
 Basic Course
Pemilik Hewan menekan icon button Komunitas pada halaman menu
OurVet. Sistem menampilkan halaman Komunitas. Sistem membaca tabel
petanyaan komunitas dan menampilkan daftar pertanyaan komunitas pada
halaman Komunitas. Pemilik Hewan membuat pertanyaan dengan menekan
button Buat Pertanyaan pada halaman Komunitas. Sistem menampilkan
halaman buat pertanyaan. Pemilik Hewan mengisikan pertanyaan pada kolom
balas pertanyaan dan menekan button Kirim. Sistem mengalihkan ke
halaman komunitas dan membaca tabel petanyaan komunitas dan
menampilkan daftar pertanyaan komunitas pada halaman komunitas. Pemilik
Hewan menekan salah satu pertanyaan pada halaman komunitas. Sistem
membaca tabel pertanyaan komunitas dan menampilkan daftar balasan
pertanyaan dari komunitas pada halaman detail komunitas. Pemilik Hewan
membalas pertanyaan dengan menekan button Komentar pada pada halaman
detail pertanyaan. Sistem mengalihkan ke halaman balas pertanyaan pemilik
hewan mengisikan jawaban pada kolom balas pertanyaan dan menekan button
“Kirim”. Sistem mengalihkan ke halaman komunitas. Sistem membaca tabel
pertanyaan komunitas dan menampilkan detail pertanyaan dan daftar balasan
pertanyaan komunitas pada halaman detail komunitas.

 Alternate Course
Jika Pemilik Hewan menekan button Terbaru/belum dijawab . Sistem
membaca table pertanyaan komunitas dan menampilkan daftar pertanyaan
terbaru atau pertanyaan yang belum terjawab/dibalas pada halaman
Komunitas
Jika Pemilik Hewan menekan button kategori hewan di samping kiri
dari halaman Komunitas. Sistem membaca table pertanyaan komunitas dan
menampilkan daftar pertanyaan sesuai kategori hewan yang dipilih pemilik
hewan pada halaman Komunitas.
Jika Pemilik Hewan menekan tab pencarian dan mengisi kata kunci
dari podcast yang akan dicari. Sistem akan membaca table pertanyaan
komunitas dan menampilkan data daftar pertanyaan pada halaman Komunitas

c. Robustness Diagram
Berdasarkan use case description yang terdapat pada use case
komunitas maka didapatkan robustness diagram sebagai berikut :
 1.6 Robustness Diagram Komunitas

Note : Control yang diberi warna kuning merupakan alternate course

d. Sequence Diagram
Berdasarkan use case komunitas maka didapatkan sequence diagram
sebagai berikut :
 1.7 Sequence Diagram Komunitas

2. Use Case – Info Hewan

a. Graphical User Interface (Artikel)

Berikut ini merupakan tampilan Graphical User Interface (GUI) yang terdapat
pada OurVet, yang mana mengambil contoh use case Info Hewan (Artikel)
 2.1 Halaman Dashboard Admin

2.2 Halaman Dashboard Admin (Daftar Artikel)

2.3 Halaman Dashboard Admin (Buat Artikel)

2.4 Halaman Dashboard Admin (Edit Artikel)

 b. Use Case Description (Artikel)
 Basic Course

Admin OurVet menekan Menu Artikel pada sidebar sebelah kiri dari Halaman
Dashboard Admin. Sistem membaca dan menampilkan daftar Artikel yang
sudah pernah di Tulis dari tabel Artikel pada Halaman Daftar Artikel. Admin
OurVet membuat artikel baru dengan menekan Menu Buat Postingan. Sistem
mengalihkan ke Halaman Buat Artikel. Admin OurVet mengisi judul dan
konten dari artikel yang akan ditulis, Admin OurVet menekan tombol
Terbitkan. Sistem mengirimkan data artikel dan disimpan pada tabel Artikel
dan Sistem mengalihkan kembali ke halaman Daftar Artikel. Admin OurVet
melakukan edit artikel pada salah satu artikel dengan menekan link pada judul
artikel. Sistem mengalihkan ke Halaman Edit Artikel dan membaca data dari
table artikel dan menampilkan data artikel berupa judul dan konten dari artikel
pada kolom judul dan konten. Admin OurVet melakukan perubahan pada
artikel lalu menekan tombol Simpan. Sistem mengalihkan ke halaman Daftar
Artikel dan membaca data artikel dari tabel Artikel lalu menampilkan data
artikel yang terupdate pada Halaman Daftar Artikel.

 Alternate Course
Jika Admin OurVet menekan menu Artikel pada sidebar sebelah kiri dan
Sistem mengalihkan ke halaman Artikel dari halaman Dashboard, Untuk
kembali ke halaman dashboard Admin Ourvet menekan logo OurVet pada
sidebar sebelah kiri. Sistem mengalihkan ke Halaman Dashboard.
Jika Admin OurVet akan menghapus salah satu artikel dapat menekan icon
Delete pada kanan atas dari artikel pada halaman artikel. Sistem menghapus
artikel dari table artikel dan membaca table artikel lalu menampilkan update
artikel terbaru pada halaman artikel.
Jika Admin OurVet mencari artikel tertentu dapat menekan tab pencarian
pada halaman artikel dan memasukan kata kunci dari artikel yang dicari.
Sistem membaca database table artikel menampilkan artikel yang dicari pada
halaman artikel.

c. Robustness Diagram (Artikel)

Berdasarkan use case description yang terdapat pada use case Info Hewan (Artikel)
maka didapatkan robustness diagram sebagai berikut :
 2.5 Robustness Diagram Artikel

Note : Control yang diberi warna kuning merupakan alternate course

d. Sequence Diagram (Artikel)

Berdasarkan use case Info hewan (Artikel) maka didapatkan sequence diagram sebagai
berikut :
 2.6 Sequence Diagram Artikel

a. Graphical User Interface (Podcast)

Berikut ini merupakan tampilan Graphical User Interface (GUI) yang terdapat
pada OurVet, yang mana mengambil contoh use case Info Hewan (Podcast)
 2.1 Halaman Dashboard Admin

2.2 Halaman Dashboard Admin (Daftar Podcast)

 2.3 Halaman Dashboard Admin (Tambah Podcast)

2.4 Halaman Dashboard Admin (Edit Podcast)

a. Use Case Description (Podcast)

  Basic Course

Admin OurVet menekan Menu Podcst pada sidebar sebelah kiri dari Halaman
Dashboard Admin. Sistem membaca dan menampilkan daftar Podcast yang
sudah pernah di Tulis dari tabel Podcast pada Halaman Daftar Podcast.
Admin OurVet membuat podcast baru dengan menekan Menu Tambah
Podcast. Sistem mengalihkan ke Halaman Tambah Podcast. Admin OurVet
mengisi link dari podcast yang sudah dibuat di platform pihak ketiga seperti
Anchor, Admin OurVet menekan tombol Terbitkan. Sistem menampilkan
Embed Podcast dari Plaltform pihak ketiga dan menampikan pada halaman
Podcast. Admin OurVet melakukan edit podcast pada salah satu podcast
dengan menekan link pada judul/gambar podcast. Sistem mengalihkan ke
Halaman Edit Podcast dan menampilkan data artikel berupa link pada kolom
link. Admin OurVet melakukan perubahan pada link podcast lalu menekan
tombol Simpan. Sistem mengalihkan ke halaman Daftar Podcast dan
menampilkan data podcast yang terupdate pada Halaman Daftar Podcast.

 Alternate Course
Jika Admin OurVet menekan menu Podcast pada sidebar sebelah kiri dan
Sistem mengalihkan ke halaman Podcast dari halaman Dashboard, Untuk
kembali ke halaman dashboard Admin Ourvet menekan logo OurVet pada
sidebar sebelah kiri. Sistem mengalihkan ke Halaman Dashboard.
Jika Admin OurVet mencari Podcast tertentu dapat menekan tab pencarian
pada halaman podcast dan memasukan kata kunci dari podcast yang dicari.
Sistem membaca database table podcast menampilkan podcast yang dicari
pada halaman podcast.

e. Robustness Diagram (Podcast)

Berdasarkan use case description yang terdapat pada use case Info Hewan (Podcast)
maka didapatkan robustness diagram sebagai berikut :
 2.5 Robustness Diagram Podcast

Note : Control yang diberi warna kuning merupakan alternate course

f. Sequence Diagram (Podcast)

Berdasarkan use case info hewan (podcast) maka didapatkan sequence diagram sebagai
berikut :
2.6 Sequence Diagram Podcast