DESKRIPSI PERANCANGAN PERANGKAT LUNAK

EVENT MANAGEMENT INFORMATION SYSTEM (EMAGIS)

UNTUK
EVENT ORGANIZER DAN MASYARAKAT KOTA MALANG

Dipersiapkan Oleh:
Kelompok 3
Yanuardi Firmansyah
Ihda Mawaddah
Fitri Bibi Suryani
Ilham Rolis
Angga M. Hadi
Romi Alfian

(125150107111014)
(115060800111005)
(125150200111076)
(125150201111029)
(125150101111005)
(125150201111065)

PROGRAM STUDI TEKNIK INFORMATIKA

PROGRAM TEKNOLOGI INFORMASI DAN ILMU KOMPUTER
UNIVERSITAS BRAWIJAYA
2014

Laboratorium
Rekayasa
Perangkat Lunak
Program Teknologi Informasi
dan Ilmu Komputer

Nomor Dokumen

Halaman

1/11
Revisi :

Tanggal:
3 Oktober 2014

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
DAFTAR PERUBAHAN

Revisi

INDEX
TGL
Ditulis

Deskripsi

oleh
Diperiksa
oleh
Disetujui
oleh

DAFTAR HALAMAN PERUBAHAN

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
Halaman

Revisi

Halaman

Revisi

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
DAFTAR ISI

DAFTAR PERUBAHAN.........................................................................................1
DAFTAR HALAMAN PERUBAHAN...................................................................2
DAFTAR ISI............................................................................................................3
DAFTAR TABEL....................................................................................................6
DAFTAR GAMBAR...............................................................................................7
DAFTAR DIAGRAM..............................................................................................8
BAB I PENDAHULUAN.......................................................................................9
1.1.

Tujuan Penulisan Dokumen......................................................................9

1.2.

Lingkup Masalah.......................................................................................9

1.3.

Definisi, Istilah dan Singkatan..................................................................9

1.4.

Aturan Penomoran...................................................................................11

1.5.

Referensi..................................................................................................11

1.6.

Deskripsi Umum Dokumen (Ikhtisar).....................................................11

BAB II DESKRIPSI PERANCANGAN GLOBAL.............................................13

2.1.

Rancangan Lingkungan Implementasi....................................................13

2.2.

Deskripsi Arsitektural..............................................................................13

2.2.1.

Use Case Login................................................................................13

2.2.2.

Use Case Search Event....................................................................14

2.2.3.

Use Case Pesan Tiket.......................................................................15

2.2.4.

Use Case Lihat Event.......................................................................16

2.2.5.

Use Case Approve Event..................................................................16

2.2.6.

Use Case Tambah Member..............................................................17

2.2.7.

Use Case Update Member................................................................18

2.2.8.

Use Case Delete Member.................................................................19

2.2.9.

Use Case Lihat Member...................................................................20

2.2.10.

Use Case Tambah Event...............................................................21

2.2.11.

Use Case Update Event................................................................22

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.12.

Use Case Delete Event.................................................................23

2.2.13.

Use Case Lihat List Event............................................................24

2.2.14.

Use Case Logout..........................................................................25

2.2.15.

Use Case Lihat Order...................................................................26

2.2.16.

Use Case Edit Biodata..................................................................27

2.3.

Class Diagram Keseluruhan....................................................................28

BAB III PERANCANGAN RINCI......................................................................32

3.1.

Perancangan Detail Klas.........................................................................32

3.1.1.

Klas User..........................................................................................32

3.1.2.

Klas UserController.........................................................................33

3.1.3.

Klas Admin......................................................................................33

3.1.4.

Klas AdminController......................................................................33

3.1.5.

Klas Member....................................................................................34

3.1.6.

Klas MemberController...................................................................34

3.1.7.

Klas LoginUI....................................................................................35

3.1.8.

Klas HomeUI...................................................................................35

3.1.9.

Klas ResultSearchUI........................................................................36

3.1.10.

Klas PesanTiketUI........................................................................36

3.1.11.

Klas ResultOrderUI......................................................................36

3.1.12.

Klas ListEventUI..........................................................................36

3.1.13.

Klas EventUI................................................................................37

3.1.14.

Klas AddMemberUI.....................................................................37

3.1.15.

Klas EditMemberUI.....................................................................37

3.1.16.

Klas ListMemberUI......................................................................38

3.1.17.

Klas MemberUI............................................................................38

3.1.18.

Klas AddEventUI.........................................................................38

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
3.1.19.

Klas EditEventUI.........................................................................38

3.1.20.

Klas ListOrderUI..........................................................................39

3.2.

Algoritma.................................................................................................39

3.3.

Statechart Diagram..................................................................................41

3.4.

Perancangan Antarmuka..........................................................................42

3.5.

Perancangan Representasi Persistensi Klas.............................................45

BAB IV Matriks Kerunutan..................................................................................47

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

DAFTAR TABEL

Tabel 1 Daftar Definisi, Istilah, dan Singkatan.......................................................9

Tabel 2 Ikhtisar Dokumen.....................................................................................11
Tabel 3 Perancangan Detail Klas...........................................................................32
Tabel 4 Detail Klas User........................................................................................32
Tabel 5 Detail Klas UserController.......................................................................33
Tabel 6 Detail Klas Admin....................................................................................33
Tabel 7 Detail Klas AdminController....................................................................33
Tabel 8 Detail Klas Member..................................................................................34
Tabel 9 Detail Klas MemberController.................................................................34
Tabel 10 Detail Klas LoginUI...............................................................................35
Tabel 11 Detail Klas HomeUI...............................................................................35
Tabel 12 Detail Klas ResultSearcUI......................................................................36
Tabel 13 Detail Klas PesanTiketUI.......................................................................36
Tabel 14 Detail Klas ResultOrderUI.....................................................................36
Tabel 15 Detail Klas ListEventUI.........................................................................36
Tabel 16 Detail Klas EventUI................................................................................37
Tabel 17 Detail Klas AddMemberUI.....................................................................37
Tabel 18 Detail Klas EditMemberUI.....................................................................37
Tabel 19 Detail Klas ListMemberUI.....................................................................38
Tabel 20 Detail Klas MemberUI...........................................................................38
Tabel 21 Detail Klas AddEventUI.........................................................................38
Tabel 22 Detail Klas EditEventUI.........................................................................38
Tabel 23 Detail Klas ListOrderUI.........................................................................39
Tabel 24 Representasi Persistensi Klas.................................................................39

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

DAFTAR GAMBAR

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

DAFTAR DIAGRAM

Diagram 1 Sequence Diagram untuk Use Case Login...........................................................14

Diagram 2 Sequence Diagram untuk Use Case Search Event...............................................14
Diagram 3 Sequence Diagram untuk Use Case Pesan Tiket..................................................15
Diagram 4 Sequence Diagram untuk Use Case Lihat Event.................................................16
Diagram 5 Sequence Diagram untuk Use Case Approve Event............................................17
Diagram 6 Sequence Diagram untuk Use Case Tambah Member.........................................17
Diagram 7 Sequence Diagram untuk Use Case Update Member..........................................18
Diagram 8 Sequence Diagram untuk Use Case Delete Member...........................................19
Diagram 9 Sequence Diagram untuk Use Case Lihat Member.............................................20
Diagram 10 Sequence Diagram untuk Use Case Tambah Event...........................................21
Diagram 11Sequence Diagram untuk Use Case Update Event..............................................22
Diagram 12 Sequence Diagram untuk Use Case Delete Event..............................................23
Diagram 13Sequence Diagram untuk Use Case Lihat List Event.........................................24
Diagram 14 Sequence Diagram untuk Use Case Logout.......................................................25
Diagram 15 Sequence Diagram untuk Use Case Lihat Order...............................................26
Diagram 16 Sequence Diagram untuk Use Case Edit Biodata..............................................27
Diagram 17 Class Diagram EMAGIS (bagian 1)...................................................................28
Diagram 18 Class Diagram EMAGIS (bagian 2)...................................................................29
Diagram 19 Class Diagram EMAGIS (bagian 3)...................................................................30
Diagram 20 Class Diagram EMAGIS (bagian 3)...................................................................31
Diagram 21 Statechart Diagram..............................................................................................40

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

BAB I
PENDAHULUAN
1.1.

Tujuan Penulisan Dokumen

Dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) ini merupakan dokumen

yang bertujuan untuk memberikan landasan yang diperlukan dalam proses pembuatan
aplikasi Event Management Information System (EMAGIS). Dokumen ini digunakan oleh
pengembang perangkat lunak sebagai acuan teknis pengembangan perangkat lunak pada
tahap selanjutnya.
1.2.

Lingkup Masalah
Event Management Information System (EMAGIS) adalah perangkat lunak yang

digunakan untuk membantu manajemen event. Fitur yang tersedia di dalam perangkat lunak
ini antara lain user dapat melihat daftar event pada lokasi dan waktu tertentu yang ada di Kota
Malang, user juga dapat melihat informasi detail tentang event tersebut, selain itu user juga
dapat melakukan pemesanan tiket event tertentu secara online, dan satu fitur lagi yaitu
EMAGIS dapat membantu Event Organizer (EO) untuk berkonsultasi dalam pengadaan event
seperti tempat dan waktu agar event yang diadakan EO tidak bertabrakan dengan event yang
lain.
1.3.

Definisi, Istilah dan Singkatan

Berikut ini adalah daftar istilah dan akronim yang nantinya sering digunakan pada

SKPL, antara lain sebagai berikut:

Tabel 1 Daftar Definisi, Istilah, dan Singkatan
Event

Istilah dan Akronim

Uraian
Management Information Nama dari perangkat lunak yang dibuat

System (EMAGIS)
Event Organizer (EO)

Penyedia jasa profesional penyelenggara

acara. EO disini merupakan EO yang
menyelenggarakan

acara

yang

diperuntukkan masyarakat umum seperti

acara musik dan hiburan, seminar umum,
User

dan promosi suatu produk

Semua orang (individu atau kelompok)

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

Member

yang mengakses sistem

EO yang terdaftar atau tersimpan dalam

Admin

sistem
User yang memiliki hak akses untuk
melakukan create, read, update, delete,
execution, menciptakan user lainnya dan
memberikan hak akses kepada user

Event

tertentu
Kegiatan pertunjukan musik dan hiburan,

Sequence Diagram

seminar, atau promosi suatu produk

Diagram interaksi yang menjelaskan
bagaimana suatu operasi itu dilakukan;
pesan apa yang dikirim dan kapan
pelaksanaannya.

Diagram

ini

diatur

berdasarkan waktu. Obyek-obyek yang

berkaitan dengan proses berjalannya
operasi diurutkan dari kiri ke kanan
berdasarkan waktu terjadinya dalam
Diagram Klas (Class Diagram)

pesan yang terurut.

Diagram UML yang menggambarkan
klas-klas dalam sebuah sistem dan
hubungannya antara satu dengan yang
lain, serta dimasukkan pula atribut dan

IEEE

operasi
organisasi internasional, beranggotakan
para insinyur, dengan tujuan untuk
mengembangan

teknologi

untuk

meningkatkan harkat kemanusiaan

10

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

1.4.

Aturan Penomoran
Berikut ini merupakan aturan penomoran untuk sequence diagram dan class diagram
Untuk sequence diagram
Kode : SQ_D_XX_YY
Versi sequence diagram untuk satu usecase (satu
usecase dapat terdiri dari beberapa sequence diagram)
Nomor kode
usecase
Kode
representasi diagram, D : Diagram

Singkatan dari Sequence Diagram

Untuk class diagram

Kode : CL_D_ZZ

Nomor kode usecase, tiap usecase

terdiri dari satu diagram kelas
Singkatan dari Diagram

Singkatan dari Class Diagram

1.5. Referensi
[1] IEEE. IEEE Std 830-1993 IEEE Recommended Practice for Software Requirements
Specifications. IEEE Computer Society, 1993
[2] R.S.Pressman & Associates, inc, Software Engineering: A Practitioner's Approach,6/e,
2005
[3] http://id.wikipedia.org/wiki/ (diakses pada 15 November 2014 Pukul 10.00 WIB)
1.6.

Deskripsi Umum Dokumen (Ikhtisar)

DPPL ini berisi penjabaran rancangan dari perangkat lunak yang akan dikembangkan,

sehingga pada tahap pengimplementasian, perangkat lunak tersebut dapat diimplementasikan

dengan spesifikasi yang jelas, dengan tetap menjadikan spesifikasi kebutuhan perangkat
lunak(SKPL) sebagai bahan acuannya.
Tabel 2 Ikhtisar Dokumen
BAB I

PENDAHULUAN
Berisi overview perangkat lunak yang merupakan ringkasan terhadap
deskripsi aplikasi secara umum yang meliputi tujuan, lingkup masalah,
definisi dan istilah, aturan penamaan dan penomoran, referensi serta

BAB II

deskripsi umum dokumen (ikhtisar).

DESKRIPSI PERANCANGAN GLOBAL

11

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
Berisi perancangan global dari perangkat lunak yang meliputi lingkungan
di mana perangkat lunak diimplementasikan, deskripsi arsitektural
BAB III

maupun deskripsi komponen dari perangkat lunak yang dibangun

DESKRIPSI PERANCANGAN RINCI
Berisi deskripsi lengkap dan rinci dari kebutuhan perangkat lunak yang
meliputi diagram use case, sequence diagram tiap scenario, diagram klas
beserta detilnya, algoritma serta query penting, statechart untuk use case
penting, antarmuka, representasi persistensi klas serta matriks kerunutan
tiap use case.

12

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

BAB II
DESKRIPSI PERANCANGAN GLOBAL
2.1. Rancangan Lingkungan Implementasi
Lingkungan implementasi yang akan digunakan untuk membuat aplikasi EMAGIS
adalah,
a. Perangkat lunak pada sisi server yang dibutuhkan oleh EMAGIS adalah :
Sistem Operasi
: Windows 7/8/8.1
Database
: MySQL
Framework
: CodeIgniter
Text editor
: Netbeans
b. Perangkat lunak pada sisi client yang dibutuhkan oleh EMAGIS adalah :
WebBrowser
: MozillaFirefox, GoogleChrome, Internet Explorer
Sistem Operasi
: Windows 7/8/8.1.
2.2. Deskripsi Arsitektural
2.2.1. Use Case Login
SQ_D_01_01

Diagram 1 Sequence Diagram untuk Use Case Login

13

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.2. Use Case Search Event
SQ_D_02_01

Diagram 2 Sequence Diagram untuk Use Case Search Event

14

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.3. Use Case Pesan Tiket
SQ_D_03_01

Diagram 3 Sequence Diagram untuk Use Case Pesan Tiket

15

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

2.2.4. Use Case Lihat Event

SQ_D_04_01

Diagram 4 Sequence Diagram untuk Use Case Lihat Event

2.2.5. Use Case Approve Event
SQ_D_05_01

16

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

Diagram 5 Sequence Diagram untuk Use Case Approve Event

2.2.6. Use Case Tambah Member
SQ_D_06_01

17

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

Diagram 6 Sequence Diagram untuk Use Case Tambah Member

18

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

2.2.7. Use Case Update Member

SQ_D_07_01

Diagram 7 Sequence Diagram untuk Use Case Update Member

19

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.8. Use Case Delete Member
SQ_D_08_01

Diagram 8 Sequence Diagram untuk Use Case Delete Member

20

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.9. Use Case Lihat Member
SQ_D_09_01

Diagram 9 Sequence Diagram untuk Use Case Lihat Member

21

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.10.

Use Case Tambah Event

SQ_D_10_01

Diagram 10 Sequence Diagram untuk Use Case Tambah Event

22

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.11.

Use Case Update Event

SQ_D_11_01

Diagram 11Sequence Diagram untuk Use Case Update Event

23

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.12. Use Case Delete Event
SQ_D_12_01

Diagram 12 Sequence Diagram untuk Use Case Delete Event

24

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.13.

Use Case Lihat List Event

SQ_D_13_01

Diagram 13Sequence Diagram untuk Use Case Lihat List Event

25

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.14.

Use Case Logout

SQ_D_14_01

Diagram 14 Sequence Diagram untuk Use Case Logout

26

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.15. Use Case Lihat Order
SQ_D_15_01

Diagram 15 Sequence Diagram untuk Use Case Lihat Order

27

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.2.16.

Use Case Edit Biodata

SQ_D_11_01

Diagram 16 Sequence Diagram untuk Use Case Edit Biodata

28

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
2.3.

Class Diagram Keseluruhan

Diagram 17 Class Diagram EMAGIS (bagian 1)

29

Diagram 18 Class Diagram EMAGIS (bagian 2)

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

30

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
a. Klas analisis User_UI diubah menjadi beberapa klas perancangan sebagai berikut,

LoginUI

PesanTiketUI

ResultSearchUI

ResultOrderUI

: tampilan halaman login

: tampilan form untuk pemesanan tiket
: tampilan hasil pencarian
: tampilan yang muncul setelah user melakukan

pemesanan
tiket

b.

EventUI

: tampilan detail event yang dipilih oleh user

HomeUI dan ListEventUI merupakan tampilan home dan daftar event untuk semua
pengguna namun fitur-fitur yang ditampilkan berbeda-beda sesuai level pengguna maka
HomeUI dan ListEventUI merupakan perubahan dari tiga klas analisis User_UI,
Admin_UI, dan Member_UI.

31

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
Diagram 18 Class Diagram EMAGIS (bagian 3)

a. Klas analisis Admin_UI diubah menjadi beberapa klas perancangan sebagai berikut,

ListMemberUI

AddMemberUI

: tampilan daftar member

: tampilan form untuk tambah member

b. EditMemberUI dapat digunakan oleh admin dan member namun dengan fitur yang
berbeda maka EditMemberUI merupakan perubahan dari dua klas analisis Admin_UI
dan Member_UI.

Diagram 19 Class Diagram EMAGIS (bagian 3)

a. Klas analisis Member_UI diubah menjadi beberapa klas perancangan sebagai berikut,

MemberUI

AddEventUI : tampilan form untuk tambah event

EditEventUI : tampilan form untuk edit event

ListOrder

: tampilan profil member

: tampilan daftar pemesanan tiket

32

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

BAB III
PERANCANGAN RINCI
3.1.

Perancangan Detail Klas

Tabel 3 Perancangan Detail Klas
No
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Nama Klas Perancangan

User
UserController
Admin
AdminController
Member
MemberController
LoginUI
HomeUI
ResultSearchUI
PesanTiketUI
ResultOrderUI
ListEventUI
EventUI
AddMemberUI
EditMemberUI
ListMemberUI
MemberUI
AddEventUI
EditEventUI
ListOrderUI

Nama Klas Analisis Terkait

User_Model
User_Controller
Admin_Model
Admin_Controller
Member_Model
Member_Controller
User_UI
User_UI + Admin_UI + Member_UI
User_UI
User_UI
User_UI
User_UI + Admin_UI + Member_UI
User_UI
Admin_UI
Admin_UI + Member_UI
Admin_UI
Member_UI
Member_UI
Member_UI
Member_UI

3.1.1. Klas User

Tabel 4 Detail Klas User
Nama Operasi

Visibility(private,public)

validasi

public

getSearch

public

getListEvent

public

getEvent

public

Keterangan
Mencocokkan username
dan password dengan
database
Mengambil data event dari
database sesuai kata yang
diinputkan saat pencarian
Mengambil data event dari
database
Mengambil data event
tertentu dari database

33

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
insertPesanan

public

Menambahkan data
pesanan ke database

3.1.2. Klas UserController

Tabel 5 Detail Klas UserController
Nama Operasi

Visibility(private,public)

login

public

showLogin

public

showSearch

public

showPesanTiketUI

public

addPesanan

public

showListEvent

public

showEvent

public

Keterangan
Mengarahkan ke operasi
validasi
Menampilkan form login
Menampilkan hasil
pencarian dari operasi
getSearch
Menampilkan form
pemesanan tiket
Menyimpan nilai variabel
pada pesanTiketUI dan
mengarahkan ke operasi
insertPesanan
Menampilkan daftar event
dari operasi getListEvent
Menampilkan event dari
operasi getEvent

3.1.3. Klas Admin

Tabel 6 Detail Klas Admin
Nama Operasi

Visibility(private,public)

getListMember

public

getMember

public

insertMember

public

updateMember

public

deleteMember

public

approveNewEvent

public

Keterangan
Mengambil daftar member
dari database
Mengambil data member
tertentu dari database
Menambahkan member
baru ke database
Memperbarui data member
ke database
Menghapus data member
dari database
Menyetujui event baru
untuk dipublikasikan

34

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
3.1.4. Klas AdminController
Tabel 7 Detail Klas AdminController
Nama Operasi

Visibility(private,public)

approveEvent

public

showAddMember

public

addMember

public

showListMember

public

showEditMember

public

editMember

public

delMember

public

logout

public

Keterangan
Mengarahkan ke operasi
approveNewEvent
Menampilkan form tambah
member
Menyimpan nilai variabel
pada addMemberUI dan
mengarahkan ke operasi
insertMember
Menampilkan daftar
member dari operasi
getListMember
Menampilkan form edit
member
Menyimpan nilai variabel
pada editMemberUI dan
mengarahkan ke operasi
updateMember
Mengarahkan ke operasi
deleteMember
Keluar dari halaman admin

3.1.5. Klas Member

Tabel 8 Detail Klas Member
Nama Operasi

Visibility(private,public)

getMember

public

updateMember

public

insertEvent

public

getListEvent

public

getEvent

public

updateEvent

public

deleteEvent

public

Keterangan
Mengambil data member
tertentu dari database
Memperbarui data member
ke database
Menambah event baru ke
database
Mengambil daftar event
dari database
Mengambil data event
tertentu dari database
Memperbarui data event ke
database
Menghapus data event dari
database

35

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
3.1.6. Klas MemberController
Tabel 9 Detail Klas MemberController
Nama Operasi

Visibility(private,public)

showEditMember

public

editMember

public

showMember

public

showAddEvent

public

addEvent

public

showListEvent

public

showEditEvent

public

editEvent

public

delEvent

public

logout

public

Keterangan
Menampilkan form edit
data member
Menyimpan nilai variabel
pada editMemberUI dan
mengarahkan ke operasi
updateMember
Menampilkan member dari
operasi getMember
Menampilkan form tambah
event
Menyimpan nilai variabel
pada addEventUI dan
mengarahkan ke operasi
insertEvent
Menampilkan daftar event
dari operasi getListEvent
Menampilkan form edit
event
Menyimpan nilai variabel
pada editEventUI dan
mengarahkan ke operasi
updateEvent
Mengarahkan ke operasi
deleteEvent
Keluar dari halaman
member

3.1.7. Klas LoginUI

Tabel 10 Detail Klas LoginUI
Nama Operasi
submit
Nama Atribut
username
password

Visibility(private,public)
public
Visibility(private,public)
private
private

Keterangan
Memanggil operasi login
Tipe
Varchar
Varchar

3.1.8. Klas HomeUI

Tabel 11 Detail Klas HomeUI
Nama Operasi

Visibility(private,public)

Keterangan

36

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

search

public

pilihEvent

public

pilihMember

public

pilihOrder

public

signin

public

signout

public

Memanggil operasi
showSearch
Memanggil operasi
showListEvent
Memanggil operasi
showListMember
Memanggil operasi
showListOrder
Memanggil operasi
showLogin
Memanggil operasi logout

3.1.9. Klas ResultSearchUI

Tabel 12 Detail Klas ResultSearcUI
Nama Operasi
3.1.10.

Visibility(private,public)
-

Keterangan
-

Klas PesanTiketUI
Tabel 13 Detail Klas PesanTiketUI
Nama Operasi

Visibility(private,public)

submit

public

Nama Atribut

Visibility(private,public)
private
private
private
private
private

nama
alamat
no_telp
email
jumlah_tiket
3.1.11.

Keterangan
Memanggil operasi
addPesanan
Tipe
Varchar
Varchar
Integer
Varchar
Integer

Klas ResultOrderUI
Tabel 14 Detail Klas ResultOrderUI
Nama Operasi
-

3.1.12.

Visibility(private,public)
-

Keterangan
-

Klas ListEventUI
Tabel 15 Detail Klas ListEventUI
Nama Operasi

Visibility(private,public)

Keterangan

37

DESKRIPSI PERANGKAT PERANGKAT

LUNAK

lihatEvent

public

approve

public

add

public

edit

public

delete

public

3.1.13.

Memanggil operasi
showEvent
Memanggil operasi
approveEvent
Memanggil operasi
addEvent
Memanggil operasi
editEvent
Memanggil operasi
delEvent

Klas EventUI
Tabel 16 Detail Klas EventUI
Nama Operasi

Visibility(private,public)

pesanTiket

3.1.14.

private

Keterangan
Memanggil operasi
showPesanTiketUI

Klas AddMemberUI
Tabel 17 Detail Klas AddMemberUI
Nama Operasi

Visibility(private,public)

submit

public

Nama Atribut
nama_EO
nama_PJ
alamat
no_telp
email
keterangan
username
password
3.1.15.

Visibility(private,public)
private
private
private
private
private
private
private
private

Keterangan
Memanggil operasi
addMember
Tipe
Varchar
Varchar
Varchar
Integer
Varchar
Integer
Varchar
Varchar

Klas EditMemberUI
Tabel 18 Detail Klas EditMemberUI
Nama Operasi

submit
Nama Atribut
nama_EO

Visibility(private,public)
public
Visibility(private,public)
private

Keterangan
Memanggil operasi
editMember
Tipe
Varchar

38

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
nama_PJ
alamat
no_telp
email
keterangan
username
password
3.1.16.

private
private
private
private
private
private
private

Varchar
Varchar
Integer
Varchar
Integer
Varchar
Varchar

Klas ListMemberUI
Tabel 19 Detail Klas ListMemberUI
Nama Operasi

Visibility(private,public)

add

public

edit

public

delete

public

3.1.17.

Keterangan
Memanggil operasi
showAddMember
Memanggil operasi
showEditMember
Memanggil operasi
delMember

Klas MemberUI
Tabel 20 Detail Klas MemberUI

Nama Operasi
edit

Visibility(private,public)
public

3.1.18.

Keterangan
Memanggil operasi
showEditMember

Klas AddEventUI
Tabel 21 Detail Klas AddEventUI
Nama Operasi

submit

public

Nama Atribut
nama_EV
gambar
tgl
keterangan
jumlah_tiket
3.1.19.

Visibility(private,public)

Visibility(private,public)
private
private
private
private
private

Keterangan
Memanggil operasi
addEvent
Tipe
Varchar
Varchar
Varchar
Varchar
Integer

Klas EditEventUI
Tabel 22 Detail Klas EditEventUI

39

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
Nama Operasi

Visibility(private,public)

Submit

public

Nama Atribut
nama_EV
Gambar
Tgl
Keterangan
jumlah_tiket
3.1.20.

Visibility(private,public)
private
private
private
private
private

Keterangan
Memanggil operasi
editEvent
Tipe
Varchar
Varchar
Varchar
Varchar
Integer

Klas ListOrderUI
Tabel 23 Detail Klas ListOrderUI

Nama Operasi
-

Visibility(private,public)
-

Keterangan
-

3.2.
Algoritma
Nama Kelas :UserController
Nama Operasi : Login ( )
Algoritma
:
(Algo-001)
GET Username
GET Password
IF (Username == EnteredUsername && Password == EnteredPassword) THEN
Login Sukses
ELSE
Login Gagal
ENDIF

Nama Kelas : ListEventUI

Nama Operasi : LihatEvent ( )
Algoritma
:
(Algo-002)
Get IdEvent
IF id_event=IdEvent THEN
lihat event
ELSE
Kembali ke halaman list event

40

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
ENDIF

Nama Kelas :Member

Nama Operasi : Update member ( )
Algoritma
:
(Algo-003)
Get IdMember
If (id_member==IdMember )

then

Update data member

Else
Update batal
End if

Query

No
Query
Query

Keterangan

Select * from member

where id_member=1

Perintah yang digunakan untuk

melihat data dari tabel database
member yang memiliki id member
1

UPDATE member
SET email=yanuardi7@gmail.com
WHERE id_member=1;

Perintah yang digunakan untuk

mengupdate data member email
dari tabel database member yang
memiliki id member 1

Delete from member

where id_member =1;

Perintah yang digunakan untuk

menghapus member dari table
database member yang memiliki id
member 1

41

DESKRIPSI PERANGKAT PERANGKAT

LUNAK
4

Select * from event

where id_event=1 ;

Perintah yang digunakan untuk

melihat event dari tabel database
event yang memiliki id_event 1

42

3.3.

Statechart Diagram

Diagram 20 Statechart Diagram

3.4.

Perancangan Antarmuka

Id_Objek

Jenis

Nama

Keterangan

user

text

username

Menerima input username

password

text

password

Menerima input password

Login

Button

Login

Jika diklik dan username serta

password benar maka akan masuk ke
halaman Admin(jika yang login adalah
Admin) halaman member (jika yang
login adalah member

Id_Objek

Jenis

Nama

Keterangan

namaawal

text

Nama Awal

Menerima input nama awal

namatengah

text

Nama Tengah

Menerima input nama tengah

namaakhir

text

Nama Akhir

Menerima input nama akhir

nomorktp

text

Nomor
Identitas

Menerima input nomor identitas

alamat

text

Alamat

Menerima input alamat

tanggal

Selected
Option

Tanggal

Menerima pilihan tanggal lahir

nohp

text

Nomor Hp

Menrima input nomor HP

mail

text

Email

Menerima input email

Submit

Button

Login

Mengirim form

Id_Objek

Jenis

Nama

Keterangan

namaeven

text

Nama Even

Menerima input nama even

tempateven

text

Tempat Even

Menerima input tempat even

tanggal

Selected
Option

Tanggal

Menerima pilihan berupa tanggal

lahir

points

number

Jumlah Tiket

Menerima input banyak tiket

harga

number

Harga Tiket

Menerima input harga tiket

Nama

Keternagan

Id_Objek

Jenis

namapemes
an

text

Nama

Menerima input nama pemesan

almaat

text

Alamat

Menerima input Alamat pemesan

nomorktp

text

Nomor
Identitas

Menerima input nomor identitas

pemesan

nohp

text

Nomor Hp

Menerima input berupa nomor Hp

mail

text

Email

Menerima input berupa alamat email

pemesan

points

number

Jumlah Tiket

Menerima banyak tiket yang dipesan

Submit

button

Submit

Mengirim form

3.5.

Perancangan Representasi Persistensi Klas

Tabel 24 Representasi Persistensi Klas
Nama Klas Entity

Nama Tabel dalam Database

User

User, Event, Order

Admin

User, New Event, Event

Member

User, NewEvent, Event, Order

BAB IV
Matriks Kerunutan
Tabel 25 Matriks Kerunutan
Kode Sequence Diagram

Kode Kebutuhan Terkait

(SQ_D_XX_YY)

(SRS_F_EMAGIS_XX)

SQ_D_01_01

SRS_F_EMAGIS_01

SQ_D_02_01

SRS_F_EMAGIS_02

SQ_D_03_01

SRS_F_EMAGIS_03

SQ_D_04_01

SRS_F_EMAGIS_04

SQ_D_05_01

SRS_F_EMAGIS_05

SQ_D_06_01

SRS_F_EMAGIS_06

SQ_D_07_01

SRS_F_EMAGIS_07

SQ_D_08_01

SRS_F_EMAGIS_08

SQ_D_09_01

SRS_F_EMAGIS_09

SQ_D_10_01

SRS_F_EMAGIS_10

SQ_D_11_01

SRS_F_EMAGIS_11

SQ_D_12_01

SRS_F_EMAGIS_12

SQ_D_13_01

SRS_F_EMAGIS_13

SQ_D_14_01

SRS_F_EMAGIS_14

SQ_D_15_01

SRS_F_EMAGIS_15

SQ_D_16_01

SRS_F_EMAGIS_16