SOFTWARE DESIGN DOCUMENT

SISTEM INFORMASI PENGELOLAAN TIKET X-TRAVEL

DISUSUN OLEH:
MUHAMMAD SHIFA ZULFIKAR

INFORMATION TECHNOLOGY DIVISION

COMPANY
2016

1
Daftar Isi

1. INTRODUCTION .................................................................................................................................... 2
1.1. Purpose ......................................................................................................................................... 2
1.2. Scope ............................................................................................................................................. 2
1.3. Overview ....................................................................................................................................... 2
1.4. Reference Material....................................................................................................................... 3
1.5. Definitions and Acronyms ............................................................................................................ 3
2. SYSTEM OVERVIEW .............................................................................................................................. 3
3. SYSTEM ARCHITECTURE ....................................................................................................................... 4
3.1. Architectural Design ..................................................................................................................... 6
3.2. Decomposition Description........................................................................................................ 14
3.3. Design Rationale......................................................................................................................... 21
4. DATA DESIGN ...................................................................................................................................... 21
4.1 Data Description ......................................................................................................................... 21
5. COMPONENT DESIGN ......................................................................................................................... 21
6. HUMAN INTERFACE DESIGN .............................................................................................................. 22
6.1 Overview of User Interface ........................................................................................................ 22
6.2 Screen Images ............................................................................................................................. 25
6.3 Screen Objects and Actions........................................................................................................ 28
7. REQUIREMENTSMATRIX .................................................................................................................... 31
8. APPENDICES ........................................................................................................................................ 31

1
1. INTRODUCTION
1.1. Purpose
Tujuan dari pembuatan aplikasi web dan mobile tiket x-travel ini adalah
mempermudah administrasi dan dokumentasi yang akan digunakan oleh
stakeholder. Sehingga user dan pihak travel dapat berjalan dengan efektif dan
efisien.

1.2. Scope
1. Software yang akan kami rancang berupa web dan aplikasi mobile.
Hostingyang kami gunakan cloud storage (cloud computing). Yang bertujuan
untuk mempermudah teknisi rumah sakit apabila terjadi masalah pada server
selain itu penggunaan cloud computing jauh lebih cepat dibanding dengan
computing pada umumnya.
2. Sistem yang dirancang sudah terintegrasi sehingga untuk proses aplikasi bisa
terhubung dengan baik antara user dengan pihak rumah sakit melalui web dan
mobile apps.
3. Keamanan yang digunakan system ini menggunakan beberapa otentikasi dari
user maupun admin. Selain itu untuk aplikasi website mengunakan SSL 128bit
yang terintegfrasi dengan mobile apps.
4. Desain yang ditampilkan lebih friendly baik dari user maupun admin sehingga
mudah untuk digunakan. User mampu menggunakan aplikasi tersebut secara
cepat dan mudah dimana saja untuk memenuhi kebutuhan yang user inginkan
yang tersedia pada aplikasi ini.

1.3. Overview
Dokumen ini berisi tentang pembuatan system perangkat lunak rumah sakit yang
didalamnya mencakup definisi, referensi dan deskripsi umum. Perangkat lunak
yang akan dikembangkan meliputi fungsi dari perangkat lunak, karakteristik
pengguna, batasan, dan asumsi yang diambil dalam pengembangan perangkat
lunak.

2
1.4. Reference Material
Dokumen yang digunakan sebagai acuan / rujukan dalam penyusunan dokumen
ini yaitu:

1. Dokumen Software Requirement Specification X-travel.

1.5. Definitions and Acronyms
a. SDD adalah singkatan dari Software Design Description, merupakan dokumen
yang menjelaskan gambaran user interface dari sebuah sistem SDD berisi
rancangan tampilan dari sistem melalui reqiurement yang diperoleh.
b. Cloud hosting: gabungan pemanfaatan teknologi computer atau komputasi dan
pengembangan berbasis internet / awan.
c. Aplikasi berbasis web: adalah sebuah aplikasi yang dapat diakses melalui internet
atau intranet, dan pada sekarang ini ternyata lebih banyak dan lebih luas dalam
pemakaiannya.
d. Aplikasi ber mobile apps: aplikasi aktual yang di-download dan diinstal pada
perangkat mobile yang menggunakan jaringan WiFi, 3G atau 4G, menampilkan
teks konten, data, gambar dan video. Mereka juga dapat mengakses fitur ponsel-
spesifik seperti klik untuk panggilan (untuk menghubungi nomor telepon) atau
pemetaan berbasis lokasi.
e. SSL: protokol keamanan yang mengamankan semua bentuk transaksi yang ada di
website

SYSTEM OVERVIEW
Sistem x-travel dirancang dengan pendekatan pervasive computing, dimana sistem dapat
beradaptasi terhadap perubahan kondisi lingkungan serta dapat melakukan reaksi terhadap
perubahan itu dengan memberikan pesan atau notifikasi terhadap pihak yang terkait dan
berkepentingan dengan perubahan kondisi tersebut. Pendekatan pervasive computing pada
sistem X-travel dapat diimplementasikan pada fungsi kerja pencarian lokasi, messaging dan
kolaborasi, serta pada fungsi kerja monitoring travel. Hal ini dapat dibuktikan melalui pengujian
kompatibiltas pada emulator maupun melalui implementasi langsung pada aplikasi berbasis web
yang ada pada sistem X-travel ini.

3
 Aplikasi X-travel merupakan Aplikasi yang dibangun dengan Standard pengembangan aplikasi
Website serta menggunakan operasi sistem berbasis windows dan menggunakan server Cloud
sebagai penguat sistem yang digunakan. Pada dokumen ini, akan dijelaskan kebutuhan tambahan
Aplikasi yang tidak tercantum dalam Use Case.

2. SYSTEM ARCHITECTURE
a. Hardware

Perangkat yang akan terhubung dalam design perangkat hardware ini terdiri dari aplikasi
website dan aplikasi mobile dengan server cloud, user bisa terhubung melalui aplikasi
mobile bahkan computer dengan jaringan internet.

b. Software

Dalam pembuatan aplikasi ini menggunakan perangkat lunak guna mendukung

aplikasi yang akan dibuat diantaranya yaitu:
Sistem Operasi (Server) Linux ubuntu 14.04

Sistem Operasi (Client) Windows 10

4
Infrastuktur
Server Cloud Server
Aplikasi Vmware

Bahasa Pemograman
Bahasa Java
Sumber Perusahaan Sun Microsystems

Bahasa PHP
Sumber Perusahaan The PHP Group

Bahasa HTML
Sumber Perusahaan Standard Generalized Markup Language

Database
Bahasa MySQL
Sumber Perusahaan MySQL AB

Software Tambahan
Nama Aplikasi Sublime Text
Sumber Perusahaan Sublime HQ Pty Ltd

Nama Aplikasi PHP MyAdmin

Sumber Perusahaan The Phpmyadmin Project

Nama Aplikasi Android Studio

Sumber Perusahaan Google

5
3.1. Architectural Design
Pada bagian ini menjelaskan semua fungsi yang di bedakan dalam beberapa
kategori sebagai berikut :
Menu utility (sistem yang terdapat pada admin)

6
 No Menu Fungsi
1 Form login untuk membuka aplikasi. Form dibuat untuk
memverifikasi data login user yang bertujuan
untuk tetap terjaga dengan baik.
2 Form pendaftaran untuk menginput data penumpang baru yang
penumpang datang langsung ke Tiket x-travel dan update data
penumpang lama
3 Form pencarian data untuk mencari data penumpang yang pernah
penumpang berobat sebelumnya data yang ditampilkan
berupa medical record dan medication record
4 Form tiket untuk melihat data tiket penumpang yang sudah
daftar dan sudah yang masuk ruang perawatan

5 Form cabang untuk meilhat data cabang dan mengelola cabang

x-travel.

Berikut merupakan Use Case dengan aktor IT Department :

Kelola Data Penumpang
Use Case Name Kelola data penumpang
Trigger IT Department ingin melihat, input, hapus atau update data
penumpang.
Precondition Sistem menampilkan kolom search penumpang
Basic Path 1. Sistem mencari data penumpang berdasarkan nama atau ID
penumpang, dan sistem akan mengurutkan dari yang paling
sesuai.
2. IT Department memilih penumpang yang sesuai.
3. Muncul data diri lengkap penumpang yang di maksud,
admin dapat mengupdate data penumpang tersebut.

7
 Alternative Paths Ketika pencarian tidak terdapat data penumpang maka IT
Department dapat menambahkan data baru.
Postcondition Data penumpang telah ter update atau ter input.
Other Data diri penumpang meliputi Nama, Alamat E-mail, No.
telephone.

Kelola Cabang x-travel

Use Case Name Kelola Cabang x-travel
Trigger IT Department ingin mengupdate cabang x-travel
Precondition Sistem menampilkan cabang x-travel secara keseluruhan
Basic Path 1. IT Department memilih menu cabang pada sistem.
2. Sistem akan menampilkan cabang x-travel secara
keseluruhan.
3. IT Department memilih tombol update pada menu cabang.
4. IT Department memasukkan data terbaru sesuai dengan
yang diminta oleh x-travel.
Alternative Paths
Postcondition Cabang x-travel telah terupdate.
Other Data cabang x-travel meliputi Nama Cabang ,Alamat, Email dan
No.handphone

Kelola Tiket Penumpang

Use Case Name Kelola tiket penumpang
Trigger Admin ingin melihat, input atau update tiket penumpang.
Precondition Sistem menampilkan kolom search tiket penumpang
Basic Path 1. Sistem mencari data penumpang berdasarkan nama atau ID
penumpang, dan sistem akan mengurutkan dari yang paling
sesuai.
2.Admin memilih penumpang yang sesuai.

8
 3.Muncul data diri lengkap penumpang yang di maksud, admin
dapat mengupdate data penumpang tersebut.
Alternative Paths Ketika pencarian tidak terdapat data penumpang maka admin
dapat menambahkan data baru.
Postcondition Data penumpang telah ter update atau ter input.
Other Data diri penumpang meliputi Nama, ID, Alamat rumah, E-mail,
No. telephone, Tujuan dan Jadwal.

Kelola Laporan Keuangan

Use Case Name Kelola Laporan Keuangan
Trigger Admin ingin mengupdate laporan
Precondition Sistem menampilkan laporan secara keseluruhan
Basic Path 1.Admin memilih menu laporan pada sistem.
2.Sistem akan menampilkan laporan pendapatan secara
keseluruhan.
3.Admin mengakses button print
4.Sistem akan mencetak laporan pendapatan
Alternative Paths
Postcondition Laporan x-travel telah terupdate.
Other Use case ini dapat digunakan menampilkan laporan yang ada
pada x-travel.

9
Menu Utility User

No Menu Fungsi
1 Form login untuk penumpang yang ingin membuka aplikasi dan
menggunakan aplikasi
2 Form pendaftaran untuk membuat user yang akan selalu digunakan
penumpang penumpang pada saat penggunaan aplikasi

3 Form tiket untuk mendapatkan tiket dan jadwal keberangkatan

travel.

10
Berikut merupakan Use Case dengan actor penumpang.
Use Case Name Update Data Penumpang
Trigger Penumpang melihat data diri.

Precondition Sistem menampilkan kolom search.

Basic Path 1. Memilih menu profile

2. Sistem akan menampilkan data penumpang.

Alternative Paths
Postcondition Penumpang melihat data diri dengan lengkap.

Other Data diri terlihat secara keseluruhan dari ID, Nama, Alamat,
No.telp dan E-mail.

Use Case Name View Data Penumpang

Trigger Penumpang melihat data diri.

Precondition Sistem menampilkan halaman utama.

Basic Path 1. Memilih menu profile

2. Mengakses button edit profile
3. Sistem akan menampilkan edit data penumpang.
Alternative Paths
Postcondition Penumpang melihat data diri dengan lengkap.

Other Data diri terlihat secara keseluruhan dari ID, Nama, Alamat,
No.telp dan E-mail.

Use Case Name Input Pemesanan Tiket

Trigger Penumpang menginput pemesanan tiket
Precondition Sistem menampilkan halaman utama.

11
Basic Path 1.Penumpang memilih menu tiket
2.Penumpan memilih pemesanan tiket
3.Mengisi form pemesanan tiket
4. Menampilkan detail pembayaran
5. Mendapatkan notifikasai pembayaran
Alternative Paths
Postcondition Sistem menampilkan tiket keberangkatan secara keseluruhan.
Other Tiket keberangkatan yang ditampilkan berupa jadwal
keberangkatan.

Use Case Name View Tiket keberangkatan

Trigger Penumpang melihat jadwal keberangkatan.
Precondition Sistem menampilkan halaman utama.
Basic Path 1.Penumpang memilih menu tiket.
2.Penumpang memilih button tiket keberangkatan.
3.Sistem akan menampilkan tiket keberangkatan secara
keseluruhan.
Alternative Paths
Postcondition Sistem menampilkan tiket keberangkatan secara keseluruhan.
Other Tiket keberangkatan yang ditampilkan berupa jadwal
keberangkatan.

Use Case Name View Cabang x-travel

Trigger Penumpang mencari cabang x-travel.
Precondition Sistem menampilkan halaman utama.
Basic Path 1.Penumpang memilih menu Cabang x-travel.
2.Sistem akan menampilkan cabang x-travel secara keseluruhan.
Alternative Paths
Postcondition Sistem menampilkan cabang x-travel secara keseluruhan.

12
 Other Cabang x-travel yang ditampilkan berupa wilayah cabang x-travel

Use Case Name View Laporan keuangan

Trigger Penumpang melihat riwayat pembayaran
Precondition Sistem menampilkan halaman utama.
Basic Path 1.Penumpang memilih menu laporan keuangan.
2.Sistem akan menampilkan laporan riwayat pembayaran.
Alternative Paths
Postcondition Sistem menampilkan laporan status pembayaran
Other Laporan keuangan yang ditampilkan berupa riwayat
pembayaran.

Menu laporan
No Menu Fungsi
1 Laporan user untuk mencetak laporan user perhari dan perbulan

2 Laporan Keuangan mencetak semua laporan keuangan

Menu help
No Menu Fungsi
1 User guide untuk memberi panduan penggunaan software

2 About us untuk menampilkan data tim pengembang software

13
3.2. Decomposition Description
Login Admin

Home login

Admin

Menampilkan menu

Mengkses home
Mengkses login

Menampilkan form login

Memasukkan user password

Gambar Diagram Squence login admin

Kelola Data Penumpang

login Home Data Penumpang

Admin
ref
Login Admin()

Menampilkan menu

Memilih menu
Mengakses data penumpang

Menampilkan Data penumpang

Mengakses button tambah

Menampilkan form penambahan penumpang

Mengakses button edit

Menampilkan form data penumpang

Gambar Diagram Squence kelola data penumpang

14
Kelola Cabang x-travel

Login Home Cabang

Admin2
ref
Login Admin()

Menampilkan menu

Memilih menu

Mengakses cabang

Menampilkan data cabang x-travel

Mengakses button tambah

Menampilkan form penambahan cabang

Mengakses button edit

Menampilkan form edit cabang

Gambar Diagram Squence kelola cabang x-travel

15
Kelola tiket

login Home Tiket

Admin

ref
Login Admin()

Menampilkan menu

Memilih menu
Mengakses tiket

Menampilkan data tiket

Mengakses button tambah

Menampilkan form penambahan tiket

Mengakses button edit

Menampilkan form edit tiket

Gambar Diagram Squence kelola tiket

16
Kelola laporan keuangan

login Home Laporan keuangan

Admin

ref
Login Admin()

Menampilkan menu

Memilih menu
Mengakses laporan keuangan

Menampilkan data pendapatan

Mengakses button print

Mencetak laporan pendapatan

Gambar Diagram Squence Laporan keuangan

Login member

Home Register Login

User

seq [Register] Menampilkan menu register

Mengisi form register

Verifikasi register melalui email

Menampilkan menu login

Memasukkan user dan password

Gambar Diagram Squence login member

17
Pemesanan Tiket

Login Home Tiket

User

ref
Login member()

Menampilkan menu

Memilih menu
Mengakses pemesanan tiket

Menampilkan form pemesanan tiket

Mengisi form pemesanan tiket

Menampilkan detail pembayaran

Notifikasi pembayaran tiket pemesanan

Gambar diagram sequence pemesanan tiket

18
Tiket keberangkatan

login Home Tiket

user

ref
Login member()

Menampilkan menu

Memilih menu Mengakses tiket keberangkatan

Menampilkan tiket keberangkatan

Gambar diagram sequence tiket keberangkatan

Cabang x-travel

Home login Cabang

user

ref
Login member()

Menampilkan menu

Memilih menu

Mengkases cabang

Menampilkan cabang x-travel

Gambar diagram sequence cabang x-travel

19
 Data Penumpang

Login Home Profile

user

ref
Login member()

Menampilkan menu

Memilih menu

Mengakses profile

Menampilkan data penumpang

Mengakses button edit

Menampilkan form edit profile

Gambar diagram sequence data penumpang

Laporan Keuangan

login Home Laporan Keuangan

user

ref
Login member()

Menampilkan menu

Memilih menu

Mengakses laporan keuangan

Menampilkan riwayat pembayaran

Gambar diagram sequence laporan keuangan

20
 3.3. Design Rationale
Pemodelan untuk x-travel ini digambarkan dalam class diagram sebagai berikut:

3. DATA DESIGN
4.1 Data Description
Pada bagian ini akan menjelaskan struktur data, table yang terbentuk ada 6 (enam)
dengan masing masing tabelnya sebagai berikut:

1. Table data_penumpang
2. Table data_tiket
3. Table data_cabang
4. Table laporan_keuangan

4. COMPONENT DESIGN

21
5. HUMAN INTERFACE DESIGN
6.1 Overview of User Interface
Bagian ini akan menjelaskan bagaimana interface, berupa page untuk interaksi user dan
computer, yang meliputi desain untuk Page Input.

Input Page Design

Desain page input ini merupakan semua page input yang akan digunakan pada sistem x-
travel ini. Page ini meliputi:

1. Page register akun

2. Page login akun
3. Page data penumpang
4. Page data tiket
5. Page data cabang
6. Page laporan keuangan
1. Page register akun
Digunakan untuk register pada user yang ingin menggunakan aplikasi x-travel
dengan mengisisi form pendaftaran.

22
2. Page Login Akun
Digunakan untuk user atau admin yang akan masuk menggunakan aplikasi x-travel.

3. Page Data Penumpang

Digunakan untuk pengelolaan data penumpang oleh admin dalam penambahan
penumpang atau update data penumpang.

23
4. Page Cabang X-travel
Digunakan untuk mengelola cabang x-travel dalam hal penambahan data cabang
yang akan langsung terupdate di aplikasi x-travel.

5. Page Kelola Tiket

Digunakan untuk pengelolaan tiket dalam penambahan pemesanan tiket atau
update tiket penumpang.

24
6. Page Kelola Laporan Keuangan
Digunakan untuk pengelolaan keuangan untuk mengetahui pembayaran penumpang
dan cetak laporan keuangan.

6.2 Screen Images

Gambar Pedaftaran User X-travel

25
 Gambar Login x-travel

Gambar Kelola Data Penumpang X-travel

26
Gambar Kelola Cabang X-travel

Gambar Kelola Tiket X-travel

27
 Gambar Laporan Keuangan X-travel

6.3 Screen Objects and Actions

Kelola Data Penumpang

Item Kelola Data Penumpang

Purpose Memungkinkan user untuk dapat
menginput data penumpang baru dan
mencari data penumpang

Input Klik mouse, keyboard

Output User dapat menginput data

penumpang baru dan mencari data
penumpang.
Validity Klik tombol

Error Handling Seharusnya tidak akan terjadi error

Relationships -

28
 Kelola Data Tiket

Item Kelola Data Tiket

Purpose Memungkinkan user untuk dapat
menginput data tiket, mengedit dan
mencari data tiket

Input Klik mouse, keyboard

Output User dapat menginput data tiket baru

dan mencari data tiket.

Validity Klik tombol

Error Handling Seharusnya tidak akan terjadi error

Relationships -

Kelola Data Cabang

Item Kelola Cabang

Purpose Memungkinkan user untuk dapat
menginput data cabang, mengedit
dan mencari data cabang x-travel

Input Klik mouse, keyboard

Output User dapat menginput data cabang

baru dan mencari data cabang.

Validity Klik tombol

Error Handling Seharusnya tidak akan terjadi error

Relationships -

29
 Kelola Laporan Keuangan

Item Kelola Laporan Keuangan

Purpose Memungkinkan user untuk dapat
melihat laporan keuangan dan
mencetak laporan.

Input Klik mouse, keyboard

Output User dapat melihat dan mencetak

laporan keuangan

Validity Klik tombol

Error Handling Seharusnya tidak akan terjadi error

Relationships -

30
 6. REQUIREMENTSMATRIX
Requirement Matrix
X-Travel

Business needs,
Requirement Project WBS Product Product Test
opportunities,goals,
Description Objectives Deliverables Design Development Cases
objective

7. APPENDICES

31