sistem. 15
Lihat tentang kami
Proses yang
menggambarkan kegiatan melihat profil tentang
kampus Pengembang,
Masyarakat
16 Lihat
data download
Proses yang
menggambarkan kegiatan melihat data yang dapat di
download oleh pengembang Pengembang
17 Registrasi
Proses yang
menggambarkan kegiatan user melakukan registrasi
agar dapat mengambil data Pengembang
18 Download
Proses yang
menggambarkan kegiatan user mendownload data
yang diperlukan Pengembang
19 Logout
Proses yang
menggambarkan kegiatan keluar dari sistem
Admin, PR
umum, Kabir umum, Kabag
umum, Pengembang
20 Mengelola
tentang kami Proses
yang menggambarkan
kegiatan mengelola profil tentang UIN Jakarta
Admin
System
validasi lihat peta
lihat data download lihat berita
lihat link terkait lihat tentang kami
login logout
registrasi download
extend extend
Mengelola data parkir mengelola data fakultas
mengelola data gedung mengelola data download
mengelola 3D mengelola user
mengelola berita
mengelola link terkait mengelola tentang kami
include include
include include
include include
include
lihat model 3D PR Umum
Kabir Umum
Pengembang
Masyarakat Kabag umum
Admin
Gambar 4.4 Use Case Diagram
Keterangan Gambar: Dalam Use Case diagram, Aktor yang dapat menggunakan sistem
ada 6 yaitu Admin, PR Umum, Kabir Umum, Kabag Umum, Pengembang, dan Masyarakat
Aktor pertama adalah Admin yang setelah log in dapat mengakses semua yang ada dalam sistem.
Aktor kedua adalah Kabag umum yang mengelola data parkir, fakultas, gedung, dan data download.
Aktor ketiga adalah PR umum yang memvalidasi data. Aktor keempat adalah Kabir umum yang memvalidasi data.
Aktor kelima adalah pengembang merupakan pihak yang berkepentingan untuk mendownload data.
Aktor keenam adalah masyarakat yang dapat melihat data yang diperlukan.
Tabel 4.3 Narasi Use Case
“Login” Use Case name
Login
Use Case ID
1
Actor
Admin, PR Umum, Kabir Umum, Kabag Umum, Pengembang
Description
Use Case yang menggambarkan kegiatan aktor memasukkan
username dan password untuk dapat mengakses sistem
Pre-condition
- Pengunjung name dan Password
Typical course of event
Actor action System response
1. Login 2. Masuk Halaman Login
3. Masukan username dan Password
4. Klik ―Login‖
5. Verifikasi 6. Menampilkan
Pesan
Selamat datang 7. Menampilkan
halaman sesuai
role pengguna
sistem
Alternate course
1. Jika tidak sesuai dengan data Pengunjung maka sistem akan menampilkan pesan kesalahan
2. menampilkan kembali menu login pada halaman utama.
conclusion
Aktor masuk kedalam sistem
Post condition
Menu utama
Tabel 4.4 Narasi Use Case Mengelola data gedung
Use Case name Mengelola data gedung
Use Case ID
2
Actor
Admin, Kabag Umum
Description
Use Case yang menggambarkan kegiatan mengelola data
gedung – gedung yang di kampus UIN Jakarta
Pre-condition
Input data gedung Mengelola data gedung
Typical course
Actor action System response
of event
1. Klik
―Update Data‖
2. Menampilkan data yang akan di update
3. Update data
gedung 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika Pengunjung ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion
Data gedung berhasil di update
Post condition
-
Tabel 4.5 Narasi Use Case Mengelola data fakultas
Use Case name
Mengelola data fakultas
Use Case ID
3
Actor
Admin dan Kabag Umum
Description Use Case
yang menggambarkan kegiatan mengelola data fakultas yang di kampus UIN Jakarta
Pre-condition
Kelola data fakultas
Typical course of event
Actor action System response
1. Klik
―Update Data‖
2. Menampilkan data yang akan di update
3. Update data
fakultas 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika user ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion
Data fakultas berhasil di update
Post condition
-
Tabel 4.6 Narasi Use Case Mengelola parkir
Use Case name
Mengelola Parkir
Use Case ID
4
Actor
Admin dan Kabag umum
Description Use Case
yang menggambarkan kegiatan mengelola data
lokasi parkir yang di kampus UIN Jakarta
Pre-condition
Kelola parkir
Typical course of event
Actor action System response
1. Klik
―Update Data‖
2. Menampilkan data yang akan di update
3. Update data
parkir 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika user ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion Data parkir berhasil di update
Post condition -
Tabel 4.7 Narasi Use Case Mengelola Data Download
Use Case name
Mengelola Data Download
Use Case ID 5
Actor
Admin dan Kabag umum
Description Use Case
yang menggambarkan kegiatan mengelola data –
data yang dapat di download oleh pengembang
Pre-condition
Mengelola Data Download
Typical course of event
Actor action System response
1. Klik
―Update Data‖
2. Menampilkan data yang akan di update
3. Update data
download 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika user ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion
Data parkir berhasil di update
Post condition
-
Tabel 4.8 Narasi Use Case Mengelola User
Use Case name Mengelola user
Use Case ID
6
Actor
Admin
Description
Use Case yang menggambarkan kegiatan mengelola data user
Pre-condition
Kelola data fakultas
Typical course of event
Actor action System response
1. Klik
―Update D
ata‖ 2. Menampilkan data yang
akan di update 3. Update data user
4. Klik ―Simpan‖
5. Verifikasi 6. Data tersimpan ke database
Alternate course
1 Hapus data, jika user ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion
Data fakultas berhasil di update
Post condition
-
Tabel 4.9 Narasi Use Case Lihat Peta
Use Case name Lihat Peta
Use Case ID
7
Actor
PR Umum, Kabir Umum, Pengembang, Masyarakat
Description
Use Case yang menggambarkan kegiatan melihat peta kampus
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik ―Home‖
2. Sistem Menampilkan Peta Kampus dalam Bentuk
Google Maps
Alternate course
-
conclusion
Peta Kampus UIN Jakarta ditampilkan
Post condition
-
Tabel 4.10 Narasi Use Case Mengelola Berita
Use Case name Mengelola berita
Use Case ID
8
Actor
Admin
Description Use Case
yang menggambarkan kegiatan mengelola berita kegiatan yang ada di UIN Jakarta
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik
―Kelola Berita‖
2. Menampilkan List Berita
3. Update berita 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika Pengunjung ingin menghapus data 4 klik ―Hapus‖
6 Data terhapus
conclusion
Berita berhasil di update
Post condition
-
Tabel 4.11 Narasi Use Case Lihat Berita
Use Case name Lihat Berita
Use Case ID
9
Actor
Pengembang, Masyarakat
Description
Use Case yang menggambarkan kegiatan melihat berita kegiatan kampus
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik ―Berita‖
2. Menampilkan List Berita dalam bentuk tabel
Alternate course
-
conclusion
Berita kegiatan kampus ditampilkan
Post condition
-
Tabel 4.12 Narasi Use Case Lihat 3D Model
Use Case name
Lihat 3D Model
Use Case ID
10
Actor
Admin, Pengunjung, Staff Umum
Description Use Case
yang menggambarkan kegiatan melihat model 3D gedung
– gedung kampus UIN Jakarta
Pre-condition
- -
Actor action System response
1. Klik ―View 3D‖
2. Menampilkan gedung
secara 3D
Alternate course
-
conclusion
-
Post condition
-
Tabel 4.13 Narasi Use Case Mengelola Link Terkait
Use Case name Mengelola link terkait
Use Case ID 11
Actor
Admin
Description
Use Case yang menggambarkan kegiatan mengelola link
– link yang terkait dalam web
Pre-condition
- -
Actor action System response
1. Klik
―Update Link‖
2. Menampilkan data link yang akan di update
3. Update data link 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika Pengunjung ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion Data link berhasil di update
Post condition -
Tabel 4.14 Narasi Use Case Lihat Link Terkait
Use Case name
Lihat link terkait
Use Case ID
12
Actor
Pengembang dan Masyarakat
Description
Use Case yang menggambarkan kegiatan melihat link terkait
dalam web
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik
―Link Terkait‖
2. Menampilkan halaman link terkait
Alternate course
-
conclusion
-
Post condition
-
Tabel 4.15 Narasi Use Case Mengelola Model 3D
Use Case name Mengelola Model 3D
Use Case ID
13
Actor
Admin
Description
Use Case yang menggambarkan kegiatan memasukan link
model dari 3dwarehouse
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik
―Input Model‖
2. Menampilkan Form Input Link
3. Memasukan Link Model
4. Klik ―Simpan‖
5. Verifikasi 6. Data
tersimpan ke
database
Alternate course
1 Hapus data, jika Pengunjung ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion
Data berhasil dimasukan
Post condition
-
Tabel 4.16 Narasi Use Case Lihat Tentang Kami
Use Case name
Lihat Tentang Kami
Use Case ID
14
Actor
Pengembang dan Masyarakat
Description Use Case
yang menggambarkan kegiatan melihat profil tentang kampus dalam web
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik
―Tentang Kami‖
2. Menampilkan halaman
profil kampus
Alternate course
-
conclusion
-
Post condition
-
Tabel 4.17 Narasi Use Case Mengelola Tentang Kami
Use Case name
Mengelola Tentang Kami
Use Case ID
15
Actor
Admin
Description Use Case
yang menggambarkan kegiatan mengelola profil tentang UIN Jakarta
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik
―Manage Tentang Kami‖
2. Menampilkan Form
3. Edit Data 4.
Klik ―Simpan‖ 5. Verifikasi
6. Data tersimpan ke database
Alternate course
1 Hapus data, jika Pengunjung ingin menghapus data 4 klik ―Delete‖
6 Data terhapus
conclusion
Data berhasil dimasukan
Post condition
-
Tabel 4.18 Narasi Use Case Validasi
Use Case name
Validasi
Use Case ID
16
Actor
PR umum, Kabir umum
Description Use Case
yang menggambarkan proses validasi data
Pre-condition
Login -
Typical course of event
Actor action System response
1. Login 2. Menampilkan
halaman admin PR Umum dan
Kabir Umum 3. Memilih submenu
manage data. 4. Menampilkan data - data
5. Klik ―Edit‖
6. Menampilkan Form Edit 7.
Klik ―Y‖ pada kolom aktif
8. Update validasi
Alternate course
7. Pilih ―N‖ jika data tidak di validasi
conclusion
Data berhasil dimasukan
Post condition
-
Tabel 4.19 Narasi Use Case Registrasi
Use case Name
Registrasi
Use case Id
17
Actor
Pengembang
Description Use Case
ini menggambarkan proses registrasi user agar dapat melakukan transaksi data di dalam sistem
Pre condition
-
Trigger
-
Typical course of events
Actor Action System Response
1. Memilih menu ―Lihat data‖
2. Menampilkan menu Login
3. Memilih menu ―Registrasi‖
4. Menampilkan form registrasi
5. Mengisi form registrasi
6. Menyimpan ke dalam database
7. Klik ―Daftar‖
Alternate courses 4.
Pengembang dapat langsung melakukan login, jika sudah melakukan pendaftaran akun sebelumnya
Conclusion
Pengembang melakukan registrasi
Post condition
-
Tabel 4.20 Narasi Use Case Download
Use case Name Download
Use case Id 18
Actor
Pengembang
Description
Use Case ini menggambarkan proses untuk melihat data
download yang disediakan di website
Pre condition -
Trigger
-
Typical course of events
Action Actor System Response
1. Memilih menu lihat data
2. Menampilkan data download
Alternate courses 2. Terdapat menu download jika ingin mendownload
data
Conclusion
Pengembang mendownload
Post condition -
Tabel 4.21 Narasi Use Case Lihat Data Download
Use Case name
Lihat Data
Use Case ID
19
Actor
Pengembang
Description Use Case
yang menggambarkan kegiatan melihat data download
Pre-condition
- -
Typical course of event
Actor action System response
1. Klik ―Lihat Data‖
2. Sistem Menampilkan data – data download
Alternate course
-
conclusion
Data ditampilkan
Post condition
-
Tabel 4.22
Narasi Use Case Logout
Use case Name Logout
Use case Id
20
Actor
Admin, PR umum, Kabir umum, Kabag Umum
Description Use case
ini menggambarkan kegiatan keluar dari system
Pre condition
-
Trigger -
Typical course of events
Action actor System response
1. Memilih menu ―Logout‖
2. Keluar dari halaman Web
Alternate courses
-
Conclusion Aktor
telah keluar dari system
Post condition -
4.2.1.2 Activity Diagram
Berikut adalah beberapa diagram aktifitas yang terbentuk dari Use Case diagram yang sebelumnya telah di bahas.
1. Login
Masukan Username dan Password
Melakukan Log-in
Masuk Halaman Utama Ya
Tidak
Data valid? Start
Finish
Gambar 4.5 Login Activity Diagram
Pada activity diagram gambar 4.5, menggambarkan kegiatan Actor yaitu Admin, Staff Umum, dan Staff Fakultas. Pertama yang dilakukan
Actor adalah memasukan Username dan password kemudian Actor
melakukan login lalu sistem akan memverifikasi data tersebut apakah valid atau tidak, apabila data tersebut valid maka Actor dapat masuk ke
halaman utama dan apabila tidak valid maka actor harus mengulang kembali memasukan Username dan password.
2. Mengelola data gedung
Update Delete
Manipulasi Data Gedung
Simpan
Data Tersimpan Input
Mengisi form input data gedung
Lengkap tidak lengkap
Gambar 4.6 Activity Diagram Mengelola Data Gedung
Pada activity diagram gambar 4.6, mengambarkan kegiatan Actor yaitu admin dan kabag umum, pertama yang dilakukan actor adalah
melakukan manipulasi data dengan update ataupun delete data gedung yang sudah di input kemudian sistem akan menyimpan data secara
otomatis ke dalam database.
3. Mengelola Data Fakultas
Update Delete
Manipulasi Data Fakultas
Simpan
Data Tersimpan Input
Mengisi form input data fakultas
Lengkap tidak lengkap
Gambar 4.7 Activity Diagram Mengelola Data Fakultas
Pada activity diagram gambar 4.7, menggambarkan Actor yaitu Admin dan Kabag umum dalam mengelola data fakultas, pertama Actor
melakukan edit data dengan mengisi form dan delete data tersebut lalu Actor menyimpan hasil data yang sudah di manipulasi dan data tersebut
dapat di tampilkan.
4. Mengelola Data Parkir
Update Delete
Manipulasi Data Parkir
Simpan
Data Tersimpan Input
Mengisi form input data parkir
Lengkap tidak lengkap
Gambar 4.8 Activity Diagram Kelola Data Parkir
Pada activity diagram gambar 4.8, menggambarkan Actor yaitu Admin dan Kabag umum dalam mengelola data lokasi parkir kampus,
pertama Actor melakukan edit data dengan mengisi form dan delete data tersebut lalu Actor menyimpan hasil data yang sudah di manipulasi dan
data tersebut dapat di tampilkan.
5. Mengelola Data Download
Update Delete
Manipulasi Data Download
Simpan
Data Tersimpan Input
Mengisi form input data download
Lengkap tidak lengkap
Gambar 4.9 Activity Diagram Mengelola Data Download