III BAB III ANALISIS KEBUTUHAN SISTEM

(1)

III-21

III BAB III

ANALISIS KEBUTUHAN SISTEM

3.1 Profil Unit Kerja PT. GoThru Media Indonesia 3.1.1 Sejarah Singkat Perusahaan

PT. GoThru Media Indonesia adalah salah satu cabang dari GoThru yang berpusat di Canada. Pada awalnya terdapat satu karyawan asal Indonesia yang tergabung dengan GoThru yang berada di Canada yakni Adam Nurdin yang saat ini menjabat sebagai Manager di PT.

GoThru Media Indonesia.

Selama bergabung di GoThru yang berada di Canada, Adam mulai melakukan beberapa persiapan untuk mendapatkan sumber daya manusia lainnya di Indonesia dengan cara mendidik SDM fresh graduate untuk belajar, dan mempersiapkan diri jika ada projek yang akan masuk.

Setelah waktu berlalu, ada beberapa SDM yang sudah siap untuk bergabung yakni Harun Bahrudin, Robi Cahya Lunudara dan Muhamad Rifky, personil tersebut resmi bergabung denga GoThru yang berada di Canada pada akhir tahun 2019.

Setelah melihat semakin banyaknya karyawan asal Indonesia yang bergabung dengan GoThru, maka terbentuklah PT. GoThru Media Indonesia pada tanggal 14 April 2021. Hingga saat ini PT. GoThru Media Indonesia semakin berkembang dan sudah memiliki total pegawai sebanyak 18 orang, juga sudah berkali-kali membuka permintaan praktek kerja lapangan untuk SMK dan menerima permintaan Magang dari Universitas Subang.

(2)

3.1.2 Profil Perusahaan

GoThru Media Indonesia adalah sebuah Perusahaan (Perseroan Terbatas) yang bergerak di bidang Teknologi Informasi yang berfokus dalam pengembangan web, mobile app, dan virtual tour.

3.1.3 Struktur Organisasi

3.1.4 Tugas Divisi

7. Direktur

Menyusun, mengomunikasikan, dan menerapkan visi, misi, serta dapat menentukan kemana arah yang akan ditempuh oleh perusahaan.

8. Komisaris

Melakukan pengawasan terhadap aktivitas dan pengelolaan perusahaan.

9. Manager

Kepala divisi yang mengelola dan melakukan perencanaan serta bertanggung jawab atas kinerja setiap unit divisi.

10. Admin

Menyusun, mengelola administrasi perusahaan. Melakukan pengelolaan arsip data, mengatur kegiatan atau agenda perusahaan.

11. Frontend Developer

Berperan mendesain tampilan, mengembangkan, menerapkan fungsi fitur pada web atau aplikasi melalui HTML, CSS, JavaScript, dan lainnya.

Gambar 3.1 Struktur Organisasi Perusahan PT. GoThru Media Indonesia

(3)

12. Mobile Frontend Developer

Mendesain, mengembangkan, dan mengimplementasikan seluruh fitur pada aplikasi mobile (Mobile App)

13. Unity Developer

Mendesain, mengembangkan, dan mengimplementasikan seluruh fitur pada editor Unity Engine terhadap perangkat mobile (Mobile App) dan virtual reality (Oculus)

14. Backend Developer

Merancang struktur database management, REST API, serta pembuatan function dan mengembangkan program dari sisi server.

15. Quality Assurance

Memastikan dan memantau kualitas dari standarisasi sistem telah tercapai dengan ketentuan sesuai prosedur.

3.1.5 Fungsi Unit Kerja

1. Melakukan evaluasi terhadap sistem informasi yang ada.

2. Melakukan perencanaan dan pengembangan sistem informasi.

3. Melakukan pemeliharaan terhadap sistem informasi yang digunakan oleh pengguna.

3.2 Analisa Proses Bisnis Yang Berjalan di PT. GoThru Media Indonesia

Analisis Proses Bisnis merupakan gambaran tentang sistem lama pameran seni lukis yang digunakan dan yang saat ini sedang berjalan di PT.

GoThru Media Indonesia pada sistem pameran untuk aktor pelukis dan pengunjung.

(4)

Gambar 3.2 Flow Map Proses Bisnis umum Pameran Seni Lukis 3.2.1. Analisa Proses Bisnis Umum

1. Panitia

a. Proses menyelenggarakan pameran diawali dengan pembuatan proposal pameran yang meliputi, kepanitiaan, tema pameran, jenis pameran, tujuan pameran, sasaran, tanggal dan tempat pelaksanaan.

b. Kemudian Panitia mengumpulkan karya seni yang akan dipamerkan, menyeleksi, mempromosikan kegiatan pameran, membuat katalog, dan menyiapkan ruangan.

c. Proses Pelaksanaan pameran, menerima tamu undangan, dan membagikan katalog terhadap pengunjung sampai pada dimana waktu pameran berakhir.

2. Pelukis

a. Pelukis harus melakukan registrasi dan melengkapi data terlebih dahulu.

b. Menyediakan Lukisan sebelum mendaftarkan diri dan menyerahkan lukisan jika terpilih terhadap panitia penyelenggara pameran.

3. Pengunjung

a. Dapat mengunjungi pameran

(5)

Gambar 3.3 Flow Map Proses Bisnis yang sedang berjalan

b. Pengunjung dapat melihat katalog yang berisikan karya dari berbagai pelukis.

3.2.2. Analisa Proses Bisnis PT. GoThru Media Indonesia

1. Pelukis

a. Pelukis harus melakukan registrasi dan melengkapi data terlebih dahulu.

b. Menyediakan Lukisan sebelum membuka pameran.

c. Berimajinasi untuk menghias ruangan pameran.

2. Pengunjung

a. Dapat mengunjungi pameran

b. Pengunjung dapat melihat profil pelukis c. Menghubungi Pelukis melalui e-mail, dll.

3.3 Analisis Kebutuhan Sistem

Pada tahap ini menjelaskan kondisi atau kemampuan yang harus dipenuhi oleh sistem sesuai dengan spesifikasi yang diinginkan oleh pemakai, meliputi

(6)

kebutuhan informasi, kebutuhan aplikasi atau proses pengolahan data untuk menghasilkan informasi tersebut, dan kebutuhan perangkat keras.

3.3.1. Kebutuhan Informasi

Kebutuhan informasi yang dibutuhkan hanya berada di aktor pelukis, untuk melengkapi data diri sebagai pelukis agar mudah dihubungi oleh pengunjung, dan detail karya seni lukis dan pameran.

3.3.2. Kebutuhan Perangkat Lunak

Dalam pembuatan aplikasi ini penulis menggunakan beberapa software yaitu :

Tabel 3.1 Kebutuhan Perangkat Lunak

No Perangkat Lunak Deskripsi

1 Visual Studio Code Text Editor

2 Hasura GraphQL Postgres Untuk Merancang Basis Data 3 Angular, Slim Framework yang digunakan

4 Babylon Mengelola Objek 3D

5 Figma Untuk merancang antarmuka

6 Postman Untuk mengecek API

7 OS Windows 10 Sistem Operasi yang di gunakan 8 Web Browser Aplikasi penjelajah internet 3.3.3. Kebutuhan Perangkat Keras

Perangkat keras yang digunakan untuk pengembangan aplikasi ini memiliki keterangan sebagai berikut :

Tabel 3.2 Kebutuhan Perangkat Keras

No Perangkat Keras Spesifikasi

1 Processor Intel Core i7-10870H CPU 2.20 GHz

2 VGA Intel UHD

3 RAM 16GB

4 SSD 1TB

5 Internet Indihome

3.3.4. System Requirement Spesification (SRS) Functional

System Requirement Spesification (SRS) functional adalah pernyataan layanan sistem yang disediakan, bagaimana sistem

(7)

bereaksi pada input tertentu dan bagaimana perilaku sistem pada situasi tertentu.

Tabel 3.3 System Requirement Spesification (SRS) functional

Nomor SRS Deskripsi

Pelukis

SRS-U-01 Sistem dapat melakukan Registrasi SRS-U-02 Sistem dapat melakukan Login SRS-U-03 Sistem dapat melakukan Logout SRS-U-04 Sistem dapat mengelola Pelukis SRS-U-05 Sistem dapat mengelola Exhibition SRS-U-06 Sistem dapat mengelola Artwork SRS-U-07 Sistem dapat mengelola Text Wall

Pengunjung

SRS-V-01 Sistem dapat melakukan View Publish Exhibition SRS-V-02 Sistem dapat melakukan View Model Exhibition SRS-V-03 Sistem dapat melakukan View Pelukis

3.3.5. SRS Non Functional

System Requirement Spesification (SRS) Non functional secara umum berisi batasan–batasan pada pelayanan atau fungsi yang disediakan oleh sistem. Termasuk di dalamnya adalah batasan waktu, batasan proses pembangunan dan standar-standar tertentu.

Tabel 3.4 SRS Non Functional

Nomor SRS Deskripsi

SRS-NF-01 Sistem dapat di running melalui web browser seperti edge, opera, firefox, chrome, atau safari, dan juga dapat di running di mobile browser

SRS-NF-02 Sistem memiliki UI yang mudah dipahami SRS-NF-03 Maksimal Pelukis dapat membuat 2 exhibition SRS-NF-04 Maksimal Pelukis dapat mempublish 1 exhibition SRS-NF-05 Maksimal Pelukis dapat mengupload size artwork

10mb

SRS-NF-06 Maksimal Pelukis dapat mengupload size avatar 2mb

(8)

3.4 Deskripsi Aktor dan Use Case Diagram 3.4.1. Deskripsi Aktor

Deskripsi Aktor merupakan penjelasan dari aktor-aktor yang terlibat di dalam sistem yang sedang dikembangkan, dan akses apa saja yang dimiliki oleh aktor-aktor tersebut, Adapun deskripsi dari aktor- aktor yang terlibat sebagai berikut :

Tabel 3.5 Deskripsi Aktor

No Aktor Deskripsi

1 Pelukis

Pelukis memiliki hak akses untuk melakukan registrasi, serta dapat membuat sebuah pameran dan mempublikasikannya

2 Pengunjung

Pengunjung memiliki hak akses untuk mengunjungi pameran, melihat profile pelukis dan menghubungi pelukis

3.4.2. Deskripsi Use Case Diagram

Diagram use case mendeskripsikan sebuah interaksi antara satu atau lebih actor dengan sistem informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi yang sedang dibangun dan siapa saja yang berhak menggunakan fungsi–fungsi itu. Syarat penamaan pada use case adalah penamaan didefinisikan sesederhana mungkin dan dapat dipahami.

(9)

Gambar 3.4 Use Case Diagram Sistem Informasi Villume Tabel 3.6 Tabel Deskripsi Use Case Diagram No Use

Case

Nama

Use Case Deskripsi Aktor

UC-1 Registrasi

Proses registrasi proses yang dilakukan dengan memasukan data, bisa juga dilakukan registrasi manual atau registrasi by google

Pelukis

UC-2 Login

Proses yang dilakukan setelah registrasi, dengan memasukan username/e-mail dan password

Pelukis

UC-3 Logout

Proses pelukis keluar dari website dan hanya bisa dilakukan Ketika sudah melakukan login

Pelukis

UC-4 Kelola Data Pelukis

Proses untuk melengkapi data-

data dari pelukis Pelukis

UC-5 Kelola Data Exhibition

Proses pengolahan data exhibition dengan aksi tambah, edit/adjusment, preview, dan hapus

Pelukis

UC-6 Kelola Artwork

Proses pengolahan data artwork dengan aksi tambah, preview, edit/adjusment, dan hapus

Pelukis

UC-7 Kelola Text Wall

Proses pengolahan data text wall dengan aksi tambah, preview, edit/adjusment, dan hapus

Pelukis

(10)

Gambar 3.5 Use Case Proses Autentikasi & Update Data Pelukis UC-8 View Pelukis Proses Pengunjung melihat data-

data dari pelukis Pengunjung

UC-9 View Publish Exhibition

Proses Pengunjung melihat exhibition detail yang sudah di publish oleh pelukis

Pengunjung

UC-10 View Model Exhibition

Proses Pengunjung melihat data model exhibition yang dimiliki oleh webiste

Pengunjung

3.5 Use Case Scenario

Use Case Skenario adalah pendeskripsian dari sebuah proses Use Case diagram yang ada, yang berfungsi untuk memperjelas gambaran dari sistem yang telah dibuat.

3.5.1. Use Case Proses Autentikasi dan Update Data Pelukis

(11)

Tabel 3.7 Skenario Melakukan Login

Title Skenario Melakukan Login

Deskripsi Aktor Melakukan Login Aktor & Interface Aktor : Pelukis

Interface : Halaman Login Pre-Condition Aktor Belum melakukan Login

Basic Flow Aksi Aktor Reaksi Sistem

Aktor Menekan navigasi Login

Sistem menampilkan pop up form login

Aktor memasukan username

& password

Sistem melakukan validasi input dan memeriksa kecocokan username &

password di Database Jika valid, Sistem

menampilkan home page Past-Condition Aktor berhasil masuk ke home page

Alternative(s) flow Aktor gagal masuk ke sistem dan sistem menampilkan alert box "Login Failed"

Tabel 3.8 Skenario Melakukan Registrasi Title Skenario Melakukan Registrasi Deskripsi Aktor Melakukan Registrasi

Aktor & Interface Aktor : Pelukis

Interface : Halaman Register Pre-Condition - Aktor belum melakukan Registrasi

- Aktor sudah menekan tombol Login

Aktor menekan navigasi Sign Up

Sistem menampilkan form register

Aktor memasukan first name, last name, email, password

Sistem melakukan validasi input dan melakukan proses menambahkan data ke Database Sistem menampilkan welcome page

(12)

Sistem mengirimkan e-mail ke pengguna untuk melakukan verifikasi Past-Condition Aktor berhasil registrasi, dan verifikasi selesai akan

beralih ke profile page untuk melengkapi data aktor

Alternative(s) flow

- Aktor gagal registrasi sistem menampilkan alert box

"Register Failed"

- Jika tidak menerima e-mail, aktor dapat melakukan Re- send e-mail

- Aktor dapat melakukan registrasi dengan akun google yang sudah terintegrasi di web browsernya

Tabel 3.9 Skenario Melakukan Logout

Title Skenario Melakukan Logout

Deskripsi Aktor Melakukan Registrasi Aktor & Interface Aktor : Pelukis

Interface : Halaman Web Pre-Condition Aktor sudah melakukan login

Aktor mengarahkan kursor ke navigasi bar username

Sistem menampilkan hover dropdown logout Aktor menekan tombol

logout

Sistem mengahapus data authentication di database Sistem menampilkan landing page

Past-Condition Aktor kembali ke halaman landing page

Alternative(s) flow -

Tabel 3.10 Skenario Melakukan Edit Profile Title Skenario Melakukan Edit Profile Deskripsi Aktor Melakukan Edit Profile

Interface : Halaman Profile Settings Pre-Condition - Aktor sudah melakukan login

- Aktor sudah menekan tombol navigasi settings

Aktor menekan navigasi profile settings

Sistem menampilkan form data diri

Aktor melengkapi data terkait dirinya

(13)

Sistem melakukan validasi input dan memperbaharui data di database

Sistem menampilkan alert box “Success, data has been updated”

Past-Condition Data berhasil di update Alternative(s) flow

- Ada beberapa inputan yang bersifat tidak wajib di isi - Data tidak berhasil di update, sistem menampilkan alert

box “Failed to Update”

Tabel 3.11 Skenario Melakukan Edit Password Title Skenario Melakukan Edit Password Deskripsi Aktor Melakukan Edit Password

Interface : Halaman Profile Settings Pre-Condition - Aktor sudah melakukan login

- Aktor sudah menekan tombol navigasi settings

Aktor menekan navigasi account settings

Sistem menampilkan account settings Aktor menekan tombol

change password

Sistem menampilkan pop up form change password Aktor memasukan kata

sandi lama di input “old password”, kata sandi baru di input di “new password” &

“type it again”

Sistem melakukan

Validasi “new password” &

“type it again” harus sama, kemudian memperbaharui ke database

Sistem akan ada alert box

“Change Password Successfull”

(14)

Gambar 3.6 Use Case Proses Exhibition Past-Condition Kata sandi berhasil di update

- Kata sandi tidak berhasil di update

- Jika “old password” tidak sama dengan yang lampau, akan ada alert box “The old password is wrong”

- Jika “new password” & “Type it again” tidak sama, akan ada alert box “change password failed”

3.5.2. Use Case Proses Exhibition

Tabel 3.12 Skenario Melakukan Create New Exhibition Title Skenario Melakukan Create New Exhibition Deskripsi Aktor Melakukan Create New Exhibition

Aktor & Interface

Aktor : Pelukis

Interface : Halaman My Galleries (Navigasi menu In Active/Active Gallery)

Pre-Condition - Aktor sudah melakukan login

- Aktor sudah menekan tombol navigasi My Galleries

Aktor menekan tombol New Gallery

(15)

Sistem melakukan validasi membuat pameran baru, aktor tidak dapat membuat lebih dari sama dengan 2 Jika valid, sistem

menampilkan page model pameran

Aktor mengarahkan kursor ke thumbnail model yang akan dipilih

Sistem melakukan hover up, menampilkan navigasi Aktor menekan tombol start

creating

Sistem menambahkan data pameran ke database Past-Condition Aktor berhasil membuat pameran dan di alihkan ke editor

page

Alternative(s) flow Aktor tidak berhasil membuat galeri akan muncul alert box

“You have reached your maximum gallery limit.”

Tabel 3.13 Skenario Melakukan Edit Exhibition Title Skenario Melakukan Edit Exhibition Deskripsi Aktor Melakukan Edit Exhibition

Aktor : Pelukis

Aktor menggeser kursor ke arah thumbnail

Sistem melakukan hover up, menampilkan navigasi Aktor menekan tombol edit

Sistem melakukan direct ke halaman editor page

Past-Condition Aktor akan di arahkan ke editor page

(16)

Tabel 3.14 Skenario Melakukan Delete Exhibition Title Skenario Melakukan Delete Exhibition Deskripsi Aktor Melakukan Delete Exhibition

Aktor : Pelukis

Aktor menggeser kursor ke arah thumbnail

Sistem melakukan hover up, menampilkan navigasi Aktor menekan tombol

delete

Sistem menampilkan pop up untuk memastikan keyakinan aktor untuk menghapus galeri tersebut Aktor menekan tombol Yes

Sistem menghapus data pameran di database dan akan ada alert box

“Success, exhibition has been successfully deleted”

Past-Condition Aktor berhasil menghapus pameran

Alternative(s) flow Aktor menekan tombol No dan membatalkan menghapus pameran

Tabel 3.15 Skenario Melakukan View Exhibition Title Skenario Melakukan View Exhibition Deskripsi Aktor Melakukan View Exhibition

Aktor : Pelukis

Aktor menggeser kursor ke arah thumbnail

Sistem melakukan hover up, menampilkan navigasi Aktor menekan tombol

preview

Sistem akan melakukan direct ke page view exhibition

(17)

Gambar 3.7 Use Case Proses Editor Exhibition Past-Condition Aktor berhasil ke page view exhibition

3.5.3. Use Case Proses Editor Exhibition

Tabel 3.16 Skenario Melakukan List Artworks Title Skenario Menampilkan List Artwork Deskripsi Aktor Menampilkan List Artwork

Interface : Halaman Editor Exhibition

Pre-Condition

- Aktor sudah melakukan login

- Aktor sudah menekan tombol navigasi My Galleries - Aktor sudah menekan tombol edit di thumbnail gallery

yang berada di navigasi in active / active

Aktor menekan navigasi Artworks

Sistem mengecek dan mengambil data dari database

Jika data ada, maka akan muncul list artworks Past-Condition Aktor dapat melihat List Artworks

(18)

Alternative(s) flow Aktor tidak memiliki Artworks akan ada text “Artwork not found”

Tabel 3.17 Skenario Melakukan Create Artwork Title Skenario Melakukan Create Artwork Deskripsi Aktor Melakukan Create Artwork

Pre-Condition

yang berada di navigasi in active / active - Aktor menekan navigasi Artworks

Aktor menekan tombol “Add New”

Sistem akan menampilkan pop up directory

Aktor memilih gambar yang akan di upload

Sistem akan memvalidasi ekstensi file yang akan di upload oleh aktor

Jika Valid akan ada alert box “Adding artwork success”

Past-Condition - Aktor dapat melihat hasil upload artwork - File hasil upload akan ada di list artwroks

Alternative(s) flow Aktor tidak berhasil melakukan upload file akan ada alert box “This file format is not supported”

Tabel 3.18 Skenario Melakukan Adjustment Artworks Title Skenario Melakukan Adjusment Artwork Deskripsi Aktor Melakukan Ajustment Artwork

Pre-Condition

Aktor menekan artwork yang akan di adjustment di list artworks

Sistem akan menampilkan editor adjustment artwork

(19)

Aktor melakukan adjustment sesuai dengan apa yang dia inginkan

Setelah melakukan adjustment, aktor dapat menyimpan perubahan yang telah dilakukan dengan menkan tombol save

Sistem akan menyimpan, dan akan ada alert box “All changes have been saved”

Past-Condition Aktor berhasil menyimpan perubahan yang dilakukan

Tabel 3.19 Skenario Melakukan Delete Artworks Title Skenario Melakukan Delete Artwork Deskripsi Aktor Melakukan Delete Artwork

Pre-Condition

Aktor menekan artwork yang akan di delete di list artworks

Sistem menampilkan editor adjusment artwork Aktor menekan icon trash

untuk menghapus artwork

Sistem akan menampilkan pop up untuk memastikan kepada aktor, “Are you sure, you want to delete this artwork?”

Aktor menekan tombol Yes

Sistem menghapus data artwork di database dan akan ada alert box

“Success, your artwork has been successfully deleted”

Past-Condition Aktor berhasil menghapus artwork

Alternative(s) flow Aktor menekan tombol No maka tidak akan terjadi penghapusan

(20)

Tabel 3.20 Skenario Menampilkan List Texts Title Skenario Menampilkan List Texts Deskripsi Aktor Menampilkan List Text Wall

Pre-Condition

Aktor menekan navigasi Text

Sistem mengecek dan mengambil data dari database

Jika data ada, maka akan muncul list texts

Past-Condition Aktor dapat melihat List Texts

Alternative(s) flow Aktor tidak memiliki Texts akan ada text “Text not found”

Tabel 3.21 Skenario Menampilkan Create Text Title Skenario Melakukan Create Text Deskripsi Aktor Melakukan Create Text

Pre-Condition

yang berada di navigasi in active / active - Aktor menekan navigasi Text

Aktor menekan tombol

“Create New”

Sistem akan memproses dan akan ada alert box

“Adding text success”

Past-Condition Aktor dapat melihat hasil Add New Text

Tabel 3.22 Skenario Melakukan Adjustment Text Title Skenario Melakukan Adjusment Artwork Deskripsi Aktor Melakukan Ajustment Artwork

Pre-Condition

(21)

Basic Flow Aksi Aktor Reaksi Sistem Aktor menekan text yang

akan di adjustment di list texts

Sistem akan menampilkan editor adjustment text Aktor melakukan adjustment

sesuai dengan apa yang dia inginkan

Tabel 3.23 Skenario Melakukan Delete Text Title Skenario Melakukan Delete Text Deskripsi Aktor Melakukan Delete Text

Pre-Condition

Aktor menekan text yang akan di delete di list texts

Sistem menampilkan editor adjusment text Aktor menekan icon trash

untuk menghapus text

Sistem akan menampilkan pop up untuk memastikan kepada aktor, “Are you sure, you want to delete this text?”

Sistem menghapus data text di database dan akan ada alert box “Success, your text has been successfully deleted”

(22)

Past-Condition Aktor berhasil menghapus text

Tabel 3.24 Skenario Melakukan Adjustment Exhibition

Title Skenario Melakukan Adjusment Exhibition Deskripsi Aktor Melakukan Adjustment Exhibition

Pre-Condition

Aktor menekan navigasi Settings

Sistem akan menampilkan editor adjustment

exhibition Aktor melakukan adjustment

sesuai dengan apa yang dia inginkan

<

Tabel 3.25 Skenario Melakukan Publish atau Unpublish Exhibition Title Skenario Melakukan Publish atau Unpublish

Exhibition

Deskripsi Aktor Melakukan Publish atau Unpublish Exhibition Aktor & Interface Aktor : Pelukis

Pre-Condition

Aktor menekan navigasi Publish

Sistem akan menampilkan editor adjustment publish

(23)

Aktor dapat melakukan adjustment publish sebelum mempublish exhibition sesuai dengan apa yang diinginkan

Aktor menekan tombol publish

Sistem akan memvalidasi maximal publish exhibition adalah 1

Jika berhasil mempublish exhibition, akan ada alert box “Success”

Past-Condition Aktor berhasil mempublish exhibition yang dia buat

- Jika tidak valid, aka nada alert box “Warning”

- Aktor bisa menekan tombol unpublish untuk menarik kembali hasil publish exhibition yang telah aktor publish - Aktor bisa mengupdate perubahan terbaru sekaligus

mempublish ulang dengan menekan tombol update online exhibition

Tabel 3.26 Skenario Melakukan Delete Exhibition Title Skenario Melakukan Delete Exhibition Deskripsi Aktor Melakukan Delete Exhibition

Pre-Condition

Aktor menekan icon trash untuk menghapus exhibition

Sistem akan menampilkan pop up untuk menanyakan kepada aktor, “Are you sure, you want to delete this gallery?”

Sistem menghapus data exhibition di database dan akan ada alert box

“Success, your gallery has been successfully deleted”

Past-Condition Aktor berhasil menghapus exhibition

(24)

Gambar 3.8 Use Case Proses Pengunjung 3.5.4. Use Case Pengunjung

Tabel 3.27 Skenario Melakukan View Model Exhibition Title Skenario Melakukan View Model Exhibition Deskripsi Aktor Melakukan View Model Exhibition

Aktor & Interface Aktor : Pengunjung

Interface : Halaman Templates

Pre-Condition Aktor membuka halaman website villume

Aktor menekan navigasi Templates

Sistem akan menampilkan page exhibition catalogue Aktor mengarahkan kursor

ke thumbnail

Sistem akan melakukan hover up navigasi Aktor menekan navigasi

Preview

Sistem membuka tab baru, dan load data model Past-Condition Aktor berhasil membuka halaman view model exhibition

(25)

Tabel 3.28 Skenario Melakukan View Publish Exhibition

Title Skenario Melakukan View Publish Exhibition from link Deskripsi Aktor Melakukan View Publish Exhibition from link

Aktor : Pengunjung Artist : Pelukis

Interface : Halaman View Publish Gallery Pre-Condition - Aktor sudah membuka web browser

- Aktor sudah memiliki akses link

Aktor menempel link url di web browser yang telah di share oleh artist, melalui media sosial, atau media lain

Sistem akan load data tersebut dan membuka view exhibition

Past-Condition Aktor berhasil membuka halaman View publish exhibition

Tabel 3.29 Skenario Melakukan View Profile Pelukis Title Skenario Melakukan View Profile Pelukis Deskripsi Aktor Melakukan View Profile Pelukis from link Aktor & Interface

Aktor : Pengunjung Artist : Pelukis

Interface : Halaman view Pelukis Pre-Condition - Aktor Sudha membuka web browser

- Aktor sudah memiliki akses link

Aktor menempel link url di web browser yang telah di share oleh artist, melalui media sosial, atau media lain

Sistem akan load data tersebut dan membuka page profile artist Past-Condition Aktor berhasil membuka halaman page profile artist

(26)

3.6 Activity Diagram

3.6.1 Authentication Activity Diagram

Gambar 3.9 Authentication Activity Diagram

(27)

1. Login Activity Diagram

Gambar 3.10 Login Activity Diagram

(28)

2. Registration Activity Diagram

Gambar 3.11 Registration Activity Diagram

(29)

3. Logout Activity Diagram

Gambar 3.12 Logout Activity Diagram 4. Edit Password Activity Diagram

Gambar 3.13 Edit Password Activity Diagram

(30)

5. Edit Profile Activity Diagram

Gambar 3.14 Edit Profile Activity Diagram

3.6.2 Exhibition Activity Diagram

Gambar 3.15 Exhibition Activity Diagram

(31)

1. Add New Exhibition Activity Diagram

Gambar 3.16 Add New Exhibition Activity Diagram

(32)

2. Edit Exhibition Activity Diagram

Gambar 3.17 Edit New Exhibition Activity Diagram 3. Delete Exhibition Activity Diagram

Gambar 3.18 Delete Exhibition Activity Diagram

(33)

4. Preview Exhibition Activity Diagram

Gambar 3.19 Preview Exhibition Activity Diagram 3.6.3 Process Editor Exhibition Activity Diagram

Gambar 3.20 Process Editor Exhibition Activity Diagram

(34)

1. List Artwork Activity Diagram

Gambar 3.21 List Artwork Activity Diagram 2. Create Artwork Activity Diagram

Gambar 3.22 Create Artwork Activity Diagram

(35)

3. Adjusment Artwork Activity Diagram

Gambar 3.23 Adjusment Artwork Activity Diagram 4. Delete Artwork Activity Diagram

Gambar 3.24 Delete Artwork Activity Diagram

(36)

5. List Texts Activity Diagram

Gambar 3.25 List Texts Activity Diagram 6. Create Text Activity Diagram

Gambar 3.26 Create Text Activity Diagram

(37)

7. Adjusment Text Activity Diagram

Gambar 3.27 Adjusment Text Activity Diagram 8. Delete Text Activity Diagram

Gambar 3.28 Delete Text Activity Diagram

(38)

9. Adjusment Exhibition Activity Diagram

Gambar 3.29 Adjusment Exhibition Activity Diagram 10. Publish or Unpublish Exhibition Activity Diagram

Gambar 3.30 Adjusment Publish or Unpublish Activity Diagram

(39)

11. Delete Exhibition Activity Diagram

Gambar 3.31 Delete Exhibition Activity Diagram 3.6.4 Preview Activity Diagram

Gambar 3.32 Preview Activity Diagram

(40)

1. Preview Model Exhibition Activity Diagram

Gambar 3.33 Preview Model Exhibition Activity Diagram 2. Preview Publish Exhibition Activity Diagram

Gambar 3.34 Preview Publish Exhibition Activity Diagram

(41)

3. Preview Profil Pelukis Activity Diagram

Gambar 3.35 Preview Pelukis Activity Diagrams