BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara...

72
24 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem Tahap analisis sistem digunakan untuk melakukan kajian terhadap permasalahan yang terjadi pada sistem Paris (parking information system) dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat usulan perbaikan atau pengembangan. 3.1.1 Identifikasi Masalah Tahapan analisis dimulai dengan identifikasi masalah dengan cara melakukan observasi untuk meninjau langsung sistem yang berada di Stikom Surabaya. Langkah ini dilakukan untuk memahami sistem terlebih dahulu sebelum kemudian melakukan wawancara. Dimulai dari mendatangi pengembang sistem yaitu SSI (Solusi Sistem Informasi) kemudian melihat aplikasi baik aplikasi desktop ataupun website dan juga cara kerja perangkat keras yang digunakan. Terakhir yang perlu diketahui adalah SOP (Standar Operasional Prosedur) parkir yang diterapkan di Stikom agar lebih memahami jalan sistem. Langkah selanjutnya adalah wawancara untuk mendapatkan informasi tentang kekurangan ataupun kendala yang saat ini belum dapat diselesaikan. Wawancara dilakukan secara informal berdialog dengan staf SSI di ruang kerja. Dari wawancara ini SSI mengungkapkan rencara pengembangan Paris sebagai produk massal dan mengutarakan kekurangan yang belum terdapat pada sistem.

Transcript of BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara...

Page 1: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

24

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Tahap analisis sistem digunakan untuk melakukan kajian terhadap

permasalahan yang terjadi pada sistem Paris (parking information system) dan

kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat usulan perbaikan

atau pengembangan.

3.1.1 Identifikasi Masalah

Tahapan analisis dimulai dengan identifikasi masalah dengan cara

melakukan observasi untuk meninjau langsung sistem yang berada di Stikom

Surabaya. Langkah ini dilakukan untuk memahami sistem terlebih dahulu

sebelum kemudian melakukan wawancara. Dimulai dari mendatangi pengembang

sistem yaitu SSI (Solusi Sistem Informasi) kemudian melihat aplikasi baik

aplikasi desktop ataupun website dan juga cara kerja perangkat keras yang

digunakan. Terakhir yang perlu diketahui adalah SOP (Standar Operasional

Prosedur) parkir yang diterapkan di Stikom agar lebih memahami jalan sistem.

Langkah selanjutnya adalah wawancara untuk mendapatkan informasi

tentang kekurangan ataupun kendala yang saat ini belum dapat diselesaikan.

Wawancara dilakukan secara informal berdialog dengan staf SSI di ruang kerja.

Dari wawancara ini SSI mengungkapkan rencara pengembangan Paris sebagai

produk massal dan mengutarakan kekurangan yang belum terdapat pada sistem.

Page 2: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

25

Kekurangan Paris antara lain adalah jika Paris memiliki banyak klien dan

juga setiap klien memiliki banyak lokasi parkir yang berjauhan sehingga tidak

mungkin dihubungkan dengan menggunakan kabel maka aplikasi Paris tidak bisa

disatukan sehingga perlu dibuat satu aplikasi Paris pada setiap lokasi parkirnya.

Kemudian dari kekurangan tersebut muncul permasalahan baru yaitu sistem Paris

yang terpisah akan menyulitkan klien ataupun SSI dalam melakukan pengaturan,

menambah data, ataupun membuat laporan parkir.

Sistem Paris yang diterapkan di Stikom Surabaya memiliki sistem

membership atau keanggotaan atau bisa disebut parkir berlangganan. Bagi

mahasiswa ataupun karyawan Stikom yang parkir di lokasi Stikom tidak

dikenakan biaya, namun untuk pihak luar akan dikenakan biaya parkir.

Keanggotaan parkir ini sudah dapat ditangani oleh sistem Paris hanya saja, jika

kemudian Paris dikembangkan menjadi multi lokasi untuk setiap klien maka data

member seharusnya juga ikut tersebar ke semua lokasi parkir Paris.

Bagi pengguna parkir memiliki keanggotaan parkir memiliki keuntungan

dibandingkan bukan anggota, yaitu biaya parkir yang lebih murah bahkan gratis.

Dan jika saja pengguna parkir bisa mengetahui ketersediaan slot parkir di lokasi

yang akan dikunjunginya maka itu akan sangat membantu pengguna dalam

memutuskan pergi ke lokasi atau menunda hingga terlihat ketersediaan slot parkir

lebih banyak.

3.1.2 Kebutuhan Sistem

Untuk mempermudah melakukan analisis kebutuhan sistem, diperlukan

pengelompokkan kebutuhan yaitu menjadi kebutuhan fungsional dan non

Page 3: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

26

fungsional. Kebutuhan fungsional adalah kebutuhan proses-proses untuk

menyelesaikan masalah yang telah diidentifikasi sebelumnya. Sedangkan

kebutuhan non fungsional adalah kebutuhan-kebutuhan tambahan untuk

mendukung terwujudnya sistem.

A. Kebutuhan Fungsional

Kebutuhan-kebutuhan untuk membuat Paris Manajemen Klien dan

kebutuhan fungsional Paris Manajemen Klien dijelaskan pada tabel 3.1

Kebutuhan Pengguna, dan tabel 3.2 Kebutuhan Fungsional.

Tabel 3. 1 Kebutuhan Pengguna

No. Kebutuhan Pengguna

KP.1 Membuat aplikasi yang dapat mengelola Paris milik klien

KP.2 Membuat aplikasi yang dapat mengelola lokasi parkir milik Klien

KP.3 Membuat aplikasi android yang dapat menginformasikan

ketersediaan slot parkir di lokasi Paris

Tabel 3. 2 Kebutuhan Fungsional

No. Kebutuhan Fungsional No. Kebutuhan Pengguna

KF.1 Membuat master klien KP.1

KF.2 Membuat master lokasi parkir KP.2

KF.3 Menjalankan Paris online KP.2

KF.4 Membuat master slot parkir KP.3

KF.7 Membuat master user Paris Manajemen

Klien

KP.1

Page 4: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

27

KF.8 Sikronisasi database KP.2

KF.9 Sinkronisasi data slot parkir KP.3

KF.10 Mendapatkan Informasi ketersediaan

slot parkir di suatu lokasi

KP.3

B. Kebutuhan Non Fungsional

Kebutuhan Non Fungsional atau kebutuhan lain yang tidak termasuk

fungsi atau proses adalah sebagai berikut:

1. Karakteristik Sistem

a. Membatasi hak akses aplikasi dengan fungsi login

b. Sinkronisasi database bisa berjalan sendiri tanpa ada pengguna

yang menjalankan

c. Laporan disajikan dalam bentuk grafik

2. Perangkat lunak

a. Menggunakan minimal Windows 7

b. XAMPP 5.6.3

i. PHP 5.6

ii. MySQL 5.0

iii. Filezilla server 0.9.41

c. Browser Google Chrome atau Mozilla Firefox

3. Kebutuhan Perangkat Keras

a. Kebutuhan RAM komputer server minimal 1GB

b. Kebutuhan Storage 1GB

c. Jaringan Internet

Page 5: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

28

3.2 Perancangan Sistem

Berdasarkan hasil analisis, selanjutnya dibuat perancangan sistem dengan

tujuan membuat gambaran bagaimana solusi sistem akan dibangun dan berjalan.

Perancangan sistem diharapkan mampu menyelesaikan permasalahan yang terjadi

yaitu membuat aplikasi yang dapat mengelola klien dan banyak lokasi parkir,

membuat aplikasi android untuk memberikan informasi ketersediaan slot parkir

kepada member parkir.

Aplikasi yang akan dibangun ini selanjutnya akan disebut PMK (Paris

Manajemen Klien). PMK akan dibuat berbasis web dengan menggunakan bahasa

pemrograman HTML, PHP, Javascript, dan MySQL juga menggunakan

framework CodeIgniter. Adapun beberapa tahapan yang perlu dilakukan yaitu

pembuatan diagram IPO (Input Process Output), System Flow, diagram

berjenjang, DFD (Data Flow Diagram), ERD (Entity Relationship Diagram),

struktur database, dan desain input output.

3.2.1 Diagram IPO (Input Process Output)

Diagram IPO dibuat untuk membuat gambaran data apa saja yang

dimasukkan sistem, tahapan-tahapan yang dilakukan sistem serta apa saja hasil

dari aplikasi PMK.

Page 6: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

29

Diagram IPO (Input Process Output)

Input Process OutputP

has

e

Data Paris Offline

Data lokasi parkir

Sinkronisasi database

Data Paris Online

Data slotMembuat master

slot parkirList slot parkir

Laporan pendapatan dan kehilangan klien

Laporan pendapatan dan kehilangan lokasi parkir

Sinkronisasi slot parkir

Data status slot parkir

Informasi ketersediaan slot parkir

Data user Paris Manajemen Klien

Membuat master user Paris Manajemen Klien

List user Paris Manajemen Klien

Data klienMembuat master

klienList klien

Membuat master lokasi parkir

List lokasi parkir

User id SSI / user id klien dan password

Login Paris Manajemen Klien

Menjalankan Paris Online

Tampilan Paris OnlineLokasi parkir yang

dipilih

Member id dan password

Login Paris MobileTampilan aplikasi Paris

Mobile

Tampilan aplikasi Paris Manajemen Klien

Akun database

Gambar 3. 1 Diagram IPO (Input Process Output)

Page 7: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

30

Berikut adalah penjelasan dari diagram IPO berdasarkan gambar 3.1

Diagram IPO:

a. Input

Data-data yang diperlukan sebagai masukan aplikasi PMK adalah:

1. Data Slot

Merupakan pengelompokan suatu area parkir di lokasi parkir Paris

yang paling kecil (misalnya area parkir basement baris A1,

basement baris A2, dll.).

2. Data Paris Offline

Merupakan data yang berasal dari database di lokasi parkir untuk

update database online. Data yang diupdate dari database offline

adalah data transaksi parkir, catatan kehilangan, data gate parkir,

counter tiket, histori reset tiket, dan data log aplikasi Paris.

3. Data Paris Online

Merupakan data yang berasal dari database mirror milik lokasi

parkir, database ini yang akan digunakan untuk aplikasi Paris

Parking Slot Mobile melihat ketersediaan slot parkir di semua

lokasi parkir. Data ini juga digunakan untuk melakukan update

data master di database lokasi parkir (contoh: data member, biaya

parkir, user/petugas parkir, dll.).

4. Data Lokasi Parkir

Page 8: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

31

Merupakan data pembeda untuk masuk ke database Paris online.

Di dalam data lokasi parkir terdapat akun database dari setiap Paris

online (nama database, user database, dan password database).

5. Data status slot parkir

Adalah data status apakah masing-masing slot parkir sedang dalam

keadaan terisi oleh kendaraan atau tidak.

6. Data user id SSI / klien dan password

Data user id dan password adalah identitas yang akan digunakan

baik oleh SSI atau klien untuk masuk ke aplikasi Paris Manajemen

Klien.

7. Data user Paris Manajemen Klien

Adalah data pengguna Paris Manajemen Klien. Pengguna di sini

adalah SSI yang akan mengelola Paris Manajemen Klien.

8. Data Klien

Merupakan data identitas unik setiap klien Paris, Id klien nantinya

akan menjadi kunci mencari lokasi parkir mana saja yang termasuk

dalam satu group parkir.

9. Akun database

Merupakan data masing-masing database Paris online. Data ini

akan digunakan untuk bisa masuk ke masing-masing database dari

aplikasi Paris Manajemen Klien.

10. Lokasi Parkir yang dipilih

Merupakan id lokasi parkir .yang dipilih user untuk menjalankan

aplikasi Paris Manajemen Klien.

Page 9: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

32

11. Member id dan password

Adalah identitas member untuk menggunakan aplikasi Paris

Mobile.

Page 10: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

33

b. Process

1. Membuat master slot parkir

Adalah proses menambah, merubah, dan menghapus data slot

parkir di lokasi parkir Paris.

2. Sinkronisasi database

Adalah proses mengirim data transaksi dan kehilangan dari

database Paris offline untuk di update di database Paris online dan

selanjutnya mengambil data master dan pengaturan dari database

Paris online kemudian di update di Paris offline. Proses

sinkronisasi database akan dilakukan secara otomatis dengan

melihat pengaturan jam sinkronisasi.

3. Sinkronisasi slot parkir

Adalah proses mengirim data status slot parkir dari database Paris

offline untuk di update di database Paris online. Proses ini akan

dilakukan secara otomatis dengan melihat pengaturan interval

waktu sinkronisasi.

4. Login Paris Manajemen Klien

Adalah proses untuk masuk dan menggunakan aplikasi Paris

Manajemen Klien. Proses ini dilakukan oleh user SSI dan klien

dengan cara memasukkan user id dan password dan akan divalidasi

oleh sistem apakah user tersebut berhak atau tidak.

5. Membuat master user Paris Manajemen Klien

Page 11: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

34

Adalah proses untuk menambah, merubah, dan menghapus data

user SSI yang akan bisa menggunakan aplikasi Paris Manajemen

Klien.

6. Membuat master klien

Adalah proses untuk menambah, merubah, dan menghapus data

klien Paris.

7. Membuat master lokasi parkir

Adalah proses untuk menambah, merubah, dan menghapus data

lokasi parkir milik klien Paris.

8. Menjalankan aplikasi Paris online

Adalah proses untuk masuk dan menjalankan aplikasi Paris online

milik klien. Setelah masuk Paris online, SSI ataupun klien dapat

melakukan perubahan data master atau pengaturan.

9. Login Paris Mobile

Adalah proses untuk menggunakan aplikasi Paris mobile yang

dapat memberikan informasi ketersediaan slot parkir di semua

lokasi parkir milik klien tempat terdaftarnya member tersebut.

c. Output

1. List slot parkir

Adalah list atau daftar slot parkir dan id perangkat yang terpasang

di parkir milik klien yang sebelumnya sudah disimpan.

2. Laporan pendapatan dan kehilangan klien

Adalah laporan pendapatan dan kehilangan masing-masing klien

yang didapat dari sinkronisasi database.

Page 12: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

35

3. Laporan pendapatan dan kehilangan lokasi parkir

Adalah laporan pendapatan dan kehilangan masing-masing lokasi

parkir milik klien yang didapat dari sinkronisasi database.

4. Informasi ketersediaan slot parkir

Adalah informasi jumlah slot parkir yang tersedia atau belum terisi

kendaraan di semua lokasi parkir milik klien.

5. Tampilan aplikasi Paris Manajemen Klien

Adalah halaman utama dari Paris Manajemen Klien. Dari halaman

ini, user dapat berpindah ke menu-menu yang dimiliki Paris

Manajemen Klien.

6. List user Paris Manajemen Klien

Adalah list atau daftar user SSI yang sebelumnya sudah pernah

tersimpan di sistem.

7. List klien

Adalah list atau daftar klien Paris yang sebelumnya sudah

tersimpan di sistem.

8. List lokasi parkir

Adalah list atau daftar lokasi parkir dan akun database Paris online

masing-masing lokasi yang sebelumnya sudah pernah tersimpan di

sistem.

9. Tampilan Paris online

Adalah halaman utama aplikasi Paris online. Melalui halaman ini,

user dapat masuk ke menu-menu lainnya untuk melakukan tambah,

ubah, ataupun hapus data master dan pengaturan.

Page 13: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

36

10. Tampilan aplikasi Paris Mobile

Adalah halaman utama aplikasi Paris mobile yang berisi informasi

ketersediaan slot parkir di semua lokasi parkir milik klien.

Page 14: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

37

3.2.2 System Flow

A. Paris Offline

1. Membuat Master Slot parkir

Membuat Master Slot Parkir

Klien Sistem

Ph

ase

mulai

Pilih area parkirkuota_parkirList area parkir

tambah

Tampilkan form dengan data lokasi slot yang

dipilih

tidak

ya

Ubah data klien kemudian simpan

Simpan / update data lokasi slot

Hapus data lokasi slot

Tampilkan lokasi slot parkir

Isi form lokasi slot baru kemudian simpan

A

Selesai

lokasi_slot

slot

edit

Form lokasi slot baru

A

ya

tidak

B

B

Tampilkan list slot & ID AlatIsi ID alat

kemudian simpan

Hapus data slot

hapus

ya

tidak

Gambar 3. 2 System Flow Membuat Master Slot Parkir

Page 15: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

38

Tabel 3. 3 Penjelasan System Flow Membuat Master Slot Parkir

Membuat Master Slot Parkir

Tujuan Untuk menambah, merubah, dan menghapus slot parkir di

suatu lokasi parkir klien

Masukan - Nama lokasi slot

- Jumlah slot

- Id perangkat

Proses Tambah

1. Pilih area parkir yang ingin ditambah lokasi slot nya

2. Akan tampil list lokasi slot yang sudah ada

3. Isi form lokasi slot baru

4. Klik simpan

5. Akan tampil tabel slot di sebelah kanan

6. Isi id perangkat dari setiap slot

7. Klik simpan

Ubah

1. Pilih area parkir uang ingin diubah lokasi slot nya

2. Akan tampil list lokasi slot yang sudah ada

3. Klik tombol edit pada lokasi slot yang ingin diubah

4. Nama lokasi slot, jumlah kapasitas slot dan tabel id

perangkat akan tampil

5. Ubah data sesuai yang ingin diubah

6. Klik tombol simpan

Page 16: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

39

Hapus

1. Pilih area parkir uang ingin diubah lokasi slot nya

2. Akan tampil list lokasi slot yang sudah ada

3. Klik tombol hapus pada lokasi slot yang ingin dihapus

4. Akan tampil konfirmasi hapus, tekan tombol ya

Keluaran Data Lokasi slot, slot dan id perangkat

Pemeran SSI/klien

2. Sinkronisasi Database

Page 17: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

40

Sinkronisasi Database

PARIS offline PARIS Manajemen KlienP

has

e

mulai

Request sinkron data

temp

Klien_idLokasi_idpassword

Cek autentikasiaplikasi

Lokasi_parkir

Klien_idLokasi_id

Lokasi_password

Valid?

Buat file backup data transaksi

Buat data backup master & setting

Request data master dan setting

Update database

Data master & setting

Data master & setting

Data transaksi Data transaksi

selesai

tidak

Update database

DB Paris offline

Data master & setting

DB Paris onlineData transaksi

Ambil data DB klien

Ganti DB

ya Klien

DB_namaDB_user

DB_password

Ringkasan_transaksi

Ringkasan_kehilangan

Gambar 3. 3 System Flow Sinkronisasi Database

Tabel 3. 4 Penjelasan System Flow Sinkronisasi Database

Sinkronisasi Database

Tujuan Untuk menyamakan data di database Paris online dan Paris

offline

Masukan -

Proses 1. Pada server Paris offline, masuk ke aplikasi Paris

offline

Page 18: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

41

2. Pilih menu auto sync DB

3. Selesai, sinkronisasi database akan otomatis berjalan

sesuai jam sinkronisasi yang telah ditentukan SSI dan

disimpan di database tabel temp

Keluaran Database Paris online dan offline sama

Pemeran Klien

Page 19: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

42

3. Sinkronisasi slot parkir

Sinkronisasi Slot Parkir

Paris offline Paris Manajemen Klien

Ph

ase

mulai

Request sinkron data slot

temp

Klien_idLokasi_idpassword

Cek autentikasiaplikasi

Lokasi_parkir

Klien_idLokasi_id

Lokasi_password

Valid?

Buat file backup data slot parkir

Data slot parkir Data slot parkir

selesai

tidak

Update data slot SlotData slot

Ambil data DB klien

Ganti DB

ya Klien

DB_namaDB_user

DB_password

Gambar 3. 4 System Flow Sinkronisasi Slot Parkir

Tabel 3. 5 Penjelasan System Flow Sinkronisasi Slot Parkir

Sinkronisasi Slot Parkir

Tujuan Untuk menyamakan status slot parkir di database Paris online

dan Paris offline

Masukan -

Proses 1. Pada server Paris offline, masuk ke aplikasi Paris

Page 20: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

43

offline

2. Pilih menu auto sync DB

3. Selesai, sinkronisasi slot parkir akan otomatis berjalan

sesuai interval waktu sinkronisasi yang telah

ditentukan SSI dan disimpan di database tabel temp

Keluaran Data status slot Paris online dan offline sama

Pemeran Klien

Page 21: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

44

B. Paris Manejemen Klien

1. Login Paris Manajemen Klien

Login Paris Manajemen Klien

User Klien / User SSI Sistem

Ph

ase

mulai

User klien

User (DB Paris Online)

Cek data userUser_id

User_passwordStatus_aktif

User_id, password benar

& aktif ?

Halaman utamaParis Manajemen

Klien

ya

Selesai

tidak

List klien

Klien

Id_klienNama_klien

ketik user_id dan password

Ambil data DB klien

Ganti DB

DB_namaDB_user

DB_password

Lokasi_parkir

User SSI / Klien

ketik user_id, password dan pilih

klien

User SSI

User (DB Paris

Manajemen Klien)

Gambar 3. 5 System Flow Login Paris Manajemen Klien

Page 22: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

45

Tabel 3. 6 Penjelasan System Flow Login Paris Manajemen Klien

Login Paris Manajemen Klien

Tujuan Mendapatkan hak akses untuk masuk ke aplikasi Paris

Manajemen Klien

Masukan - klien id (untuk user klien)

- user id

- password

Proses 1. Pilih klien dari combobox klien (untuk user klien)

2. Masukkan user id dan password

3. Klik login

Keluaran Hak akses aplikasi

Pemeran User klien/SSI

Page 23: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

46

2. Membuat Master User Paris Manajemen Klien

Membuat Master User Paris Manajemen Klien

SSI Sistem

Ph

ase

mulai

Tambah / edit / hapus

User

Selesai

List data User

tambah

edit

tidak

Form User baruya

Isi form user baru kemudian simpan

Tampilkan form dengan data user

yang dipilihya

Ubah data user kemudian simpan

Simpan / update data user

Hapus data user

tidak

hapus ya

tidak

Gambar 3. 6 System Flow Membuat Master User Paris Manajemen Klien

Page 24: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

47

Tabel 3. 7 Penjelasan System Flow Membuat Master User

Membuat Master User Paris Manajemen Klien

Tujuan Menambah, merubah, atau hapus data user Paris Manajemen

Klien (user untuk SSI)

Masukan - Nama user

- password

- status aktif

Proses Tambah

1. Klik tombol tambah user baru

2. Isi semua kolom pada form

3. Klik simpan

Ubah

1. Klik tombol ubah pada data user yang ingin diubah

2. Ubah data sesuai yang diinginkan

3. Klik simpan

Hapus

1. Klik tombol hapus pada data user yang ingin dihapus

2. Akan ada konfirmasi, tekan tombol ya

Keluaran Data user

Pemeran SSI

Page 25: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

48

3. Membuat Master Klien

Membuat Master Klien

SSI Sistem

Ph

ase

mulai

Tambah / edit / hapus

KlienList data klien

tambah

hapus

tidak

ya

Tampilkan form dengan data

klien yang dipilih

ya

ya

Ubah data klien kemudian simpan

Simpan / update data klien

Hapus data Klien

Tampilkan form klien baru

Isi form klien baru kemudian simpan

A

A

Selesai

edit

tidak

tidak

tidak

Gambar 3. 7 System Flow Membuat Master Klien

Tabel 3. 8 Penjelasan System Flow Membuat Master Klien

Membuat Master Klien

Tujuan Menambah, merubah, atau hapus data klien Paris

Masukan - Nama Klien

- tanggal daftar

Page 26: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

49

- status aktif

Proses Tambah

1. Klik tombol tambah klien baru

2. Isi semua kolom pada form

3. Klik simpan

Ubah

1. Klik tombol ubah pada data klien yang ingin diubah

2. Ubah data sesuai yang diinginkan

3. Klik simpan

Hapus

1. Klik tombol hapus pada data klien yang ingin dihapus

2. Akan ada konfirmasi, tekan tombol ya.

Keluaran Data Klien

Pemeran SSI

Page 27: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

50

4. Membuat Master Lokasi Parkir

Membuat Master Lokasi Parkir

SSI Sistem

Ph

ase

mulai

Tambah / edit / hapus

Klien

Selesai

List data klien

tambah

edit

tidak

Form lokasi parkir baru

ya

Isi form lokasi parkir baru kemudian

simpan

Tampilkan form dengan data

lokasi parkir yang dipilih

ya

Ubah data lokasi parkir kemudian

simpan

Simpan / update data user

Hapus data lokasi parkir

tidak

Pilih klien

List lokasi_parkir

Lokasi_parkir

hapus

ya

tidak

Gambar 3. 8 System Flow Membuat Master Lokasi Parkir

Tabel 3. 9 Penjelasan System Flow Membuat Master Lokasi Parkir

Membuat Master Lokasi Parkir

Tujuan - Menambah, merubah, atau hapus data lokasi parkir Paris

- memasukkan akun database Paris online

- memasukkan password untuk sinrkonasi dengan Paris offline

Masukan - Nama lokasi

Page 28: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

51

- alamat lokasi

- status aktif

- akun database

- password sinkronasi

Proses Tambah

1. Buat akun database baru (di MySQL)

2. Buat database untuk Paris online

3. Import database Paris offline ke database online

4. Beri hak akses untuk akun yang tadi dibuat untuk dapat

mengakses database.

5. Klik tombol tambah lokasi parkir baru

6. Isi semua kolom pada form termasuk data akun

database dan password sinkronasi

7. Klik simpan

Ubah

1. Klik tombol ubah pada data lokasi parkir yang ingin

diubah

2. Ubah data sesuai yang diinginkan

3. Klik simpan

Hapus

4. Klik tombol hapus pada data lokasi parkir yang ingin

dihapus

5. Akan ada konfirmasi, tekan tombol ya

6. Delete database

Page 29: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

52

7. Delete akun database

Keluaran Data lokasi parkir

Pemeran SSI

5. Menjalankan Aplikasi Paris Online

Menjalankan Aplikasi Paris Online

SSI / Klien Sistem

Ph

ase

mulai

Pilih klienklienList klien

Tampilkan aplikasi Paris online

Tampilkan lokasi parkir

Selesai

lokasi_parkir

Pilih lokasi parkir

Buat kode authentikasi

Pindah aplikasi Paris online

ya

Cek authentikasi valid?

Tampilkan pesan gagal masuk

tidak

Gambar 3. 9 System Flow Menjalankan Aplikasi Paris Online

Page 30: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

53

Tabel 3. 10 Penjelasan System Flow Menjalankan Aplikasi Paris Online

Menjalankan Aplikasi Paris Online

Tujuan Untuk mengakses paris online

Masukan -

Proses 1. Klik lokasi parkir yang ingin diakses

Keluaran Halaman Paris online

Pemeran SSI / Klien

Page 31: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

54

C. Paris

1. Login Paris Mobile

Login Paris Mobile

Member Sistem

Ph

ase

List klienmulai Klien

Id_klienNama_klien

Pilih klien,Isi member_id dan

password

Ambil data DB klien

DB_namaDB_user

DB_password

Ganti DB

Cek data member member

member_idpassword

Status_aktif

member_id, password benar

& aktif ?

Lokasi_parkirya

Informasi slot parkir

Kuota_parkir

Lokasi_slot

Slot

Selesai

tidak

Lokasi_parkir

Gambar 3. 10 System Flow Login Paris Mobile

Page 32: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

55

Tabel 3. 11 Penjelasan System Flow Login Paris Mobile

Login Paris Mobile

Tujuan Mendapatkan informasi ketersediaan slot parkir

Masukan - Member id

- Password

- Klien id

Proses 1. Aplikasi akan menampilkan list klien Paris

2. Pilih klien tempat member terdafar

3. Masukkan member id dan password

4. Klik tombol login

5. Aplikasi akan menampilkan semua lokasi parkir klien

tersebut dan informasi ketersediaan slot parkir di

lokasi-lokasi

Keluaran Informasi ketersediaan slot parkir

Pemeran Member

Page 33: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

53

3.2.3 Konkteks Diagram

Konteks Diagram adalah diagram paling dasar pada DFD. Pada konteks

diagram digambarkan semua entitas luar dan satu proses secara keseluruhan tanpa

memuat simbol data store.

data_biaya_parkir

data_kartu

data_format_tiket

data_hak_akses_emp

data_hak_akses_menu

data_instansi

data_jenis_member

data_kuota_parkir

data_member

data_mst_group_menu

data_parameter_kehilangan

data_setting

data_temp

data_tipe_kendaraan

data_user

data_lokasi_slot

autentifikasi

identitas_paris

autentifikasi

data_gate_parkir

data_counter_tiket

data_histori_reset_tiket

data_log

data_transaksi_parkir

data_catatan_kehilangan

data_slot

data_biaya_parkir

data_kartu

data_format_tiket

data_hak_akses_emp

data_hak_akses_menu

data_instansi

data_jenis_member

data_kuota_parkir

data_member

data_mst_group_menu

data_parameter_kehilangan

data_setting

data_temp

data_tipe_kendaraan

data_user

data_lokasi_slot

data_kendaraan

data_mst_menu

data_gate_parkir

data_counter_tiket

data_histori_reset_tiket

data_log

data_transaksi_parkir

data_catatan_kehilangan

data_slot

list_data_klien

list_data_lokasi_parkir

list_data_user

laporan_pendapatan_dan_kehilangan_klien

laporan_pendapatan_dan_kehilangan_lokasi_parkir

laporan_pendapatan_dan_kehilangan_lokasi_parkir

list_data_klien

informasi_ketersediaan_slot_parkir

id_klien

id_member

password

akun_database

data_lokasi_slot

data_slot

identitas_klien

data_lokasi_parkir

1

PARIS

PARIS_offline PARIS_online

SSIKlien

Member

Gambar 3. 11 Konteks Diagram

Pada Gambar 3.13 konteks diagram terdapat satu proses utama yaitu Paris

yang merupakan nama sistem dan lima entitas luar yaitu Paris online dan Paris

offline yang merupakan aplikasi berbeda, kemudian member parkir, klien Paris,

dan terakhir adalah SSI.

Paris offline akan mengirim data transaksi parkir, catatan kehilangan dan

beberapa data lain kemudian Paris online akan menerimanya dan berganti

mengirimkan data pengaturan dan data master untuk di update di Paris offline.

Page 34: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

54

Member akan memberikan masukan berupa data untuk melakukan validasi

identitas dan sistem akan memberikan informasi tentang ketersediaan slot parkir

di lokasi-lokasi Paris klien tempat terdaftarnya member tersebut.

Klien Paris dalam konteks diagram memberikan data identitasnya seperti

nama dan alamat, juga lokasi-lokasi parkirnya. Data yang akan diterima kembali

oleh klien adalah laporan pendapatan dan kehilangan lokasi parkir.

SSI dalam sistem ini memberikan masukan berupa akun database untuk

aplikasi Paris online dan password aplikasi untuk Paris offline untuk dapat

terkoneksi dengan server dan melakukan sinkronisasi database. Selain itu, data

yang bersumber dari SSI adalah lokasi slot dan dan slot parkir. Sedangkan data

yang dikeluarkan sistem untuk SSI adalah laporan pendapatan dan kehilangan

klien, serta laporan pendapatan dan kehilangan lokasi parkir.

Page 35: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

55

Page 36: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

55

y

Page 37: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

56

Diagram berjenjang diatas menjelaskan fungsional yang dibuat untuk

sistem Paris. Terdapat tiga aplikasi yang dibuat atau ditambah fungsionalitasnya

dan akan dijelaskan sebagai berikut:

1. Aplikasi Paris Offline

Aplikasi Paris offline adalah aplikasi yang sudah ada sebelumnya dan

dipakai di lokasi parkir untuk mengatur atau membuat laporan parkir.

Aplikasi ini akan ditambahkan tiga fungsionalitas baru yaitu sinkronisasi

database, sinkronisasi slot parkir, dan membuat master lokasi slot.

2. Aplikasi Paris Mobile

Aplikasi ini adalah aplikasi android yang akan digunakan oleh member

Paris untuk mendapatkan informasi tentang ketersediaan slot parkir di

lokasi-lokasi parkir Paris.

3. Aplikasi Paris Manajemen Klien

Aplikasi Paris Manajemen Klien adalah aplikasi yang dibuat untuk

menjembatani semua aplikasi Paris klien. Aplikasi ini juga akan digunakan

untuk membuat laporan gabungan dari semua klien dan semua lokasi

parkir klien.

3.2.4 DFD (Data Flow Diagram)

1. DFD Level 0

DFD level 0 adalah decompose dari konteks diagram yang menjelaskan

lebih rinci tiap aliran data dan proses aplikasi sistem Paris. Proses utama dari Paris

terbagi menjadi tiga proses utama yang mewakili nama aplikasi baru dan aplikasi

yang ditambah fungsionalitasnya yaitu Paris offline, Paris mobile, dan aplikasi

Page 38: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

57

utama di tugas akhir ini yaitu Paris Manajemen Klien. Proses dari ketiga aplikasi

ini akan dijelaskan pada level selanjutnya.

Page 39: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

58

1.1

pa

ris_

offlin

e

1.3

pa

rkin

g_

mo

bile

1.2

pa

ris_

ma

na

jem

en_

klie

n

PA

RIS

_o

fflin

e

Me

mb

er

SS

I

Klie

n

PA

RIS

_o

nlin

e

da

ta_

use

r_klie

n

da

ta_

loka

si_

slo

t

da

ta_

slo

t

da

ta_

loka

si_

slo

t

da

ta_

slo

t

lap

ora

n_

pe

nd

ap

ata

n_

da

n_

ke

hila

ng

an_

loka

si_

pa

rkir

lap

ora

n_

pe

nd

ap

ata

n_

da

n_

ke

hila

ng

an_

klie

n

lap

ora

n_

pe

nd

ap

ata

n_

da

n_

ke

hila

ng

an_

loka

si_

pa

rkir

1klie

n

2lo

ka

si_

pa

rkir

6lo

g_

syn

c

3ri

ng

ka

sa

n_

tra

nsa

ksi

4ri

ng

ka

sa

n_

ke

hila

ng

an

5use

r

da

ta_

co

unte

r_tike

t

da

ta_

ga

te_

pa

rkir

da

ta_

his

tori

_re

se

t_tike

t

da

ta_

log

da

ta_

tra

nsa

ksi_

pa

rkir

da

ta_

ca

tata

n_

ke

hila

ng

an

da

ta_

slo

t

da

ta_

bia

ya_

pa

rkir

da

ta_

form

at_

tike

t

da

ta_

ha

k_

akse

s_

me

nu

da

ta_

ha

k_

akse

s_

em

p

da

ta_

insta

nsi

da

ta_

jenis

_m

em

be

r

da

ta_

ka

rtu

da

ta_

kuo

ta_

pa

rkir

da

ta_

loka

si_

slo

t

da

ta_

mst_

gro

up

_m

enu

da

ta_

me

mb

er

da

ta_

pa

ram

ete

r_ke

hila

ng

an

da

ta_

se

ttin

g

da

ta_

tem

p

da

ta_

tip

e_

ke

nd

ara

an

da

ta_

use

r

da

ta_

ke

nd

ara

an

da

ta_

mst_

me

nu

da

ta_

bia

ya_

pa

rkir

da

ta_

form

at_

tike

t

da

ta_

ha

k_

akse

s_

em

p

da

ta_

ha

k_

akse

s_

me

nu

da

ta_

insta

nsi

da

ta_

jenis

_m

em

be

r

da

ta_

ka

rtu

da

ta_

ke

nd

ara

an

da

ta_

kuo

ta_

pa

rkir

da

ta_

loka

si_

slo

t

da

ta_

me

mb

er

da

ta_

mst_

gro

up

_m

enu

da

ta_

mst_

me

nu

da

ta_

pa

ram

ete

r_ke

hila

ng

an

da

ta_

se

ttin

g

da

ta_

tem

p

da

ta_

tip

e_

ke

nd

ara

an

da

ta_

use

r

ide

ntita

s_

pa

ris

ko

de

_a

ute

ntifika

si

da

ta_

co

unte

r_tike

t

da

ta_

ga

te_

pa

rkir

da

ta_

his

tori

_re

se

t_tike

t

da

ta_

log

da

ta_

tra

nsa

ksi_

pa

rkir

da

ta_

ca

tata

n_

ke

hila

ng

an

da

ta_

slo

t

da

ta_

loka

si_

pa

rkir

ide

ntita

s_

klie

na

kun_

da

tab

ase

id_

klie

n

id_

me

mb

er

pa

ssw

ord

list_

da

ta_

klie

n

info

rma

si_

ke

ters

ed

iaa

n_

slo

t_p

ark

ir

da

ta_

loka

si_

slo

t

da

ta_

me

mb

er

da

ta_

slo

t

da

ta_

kuo

ta_

pa

rkir

da

ta_

kuo

ta_

pa

rkir

Gambar 3. 13 DFD

Level 0

Page 40: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

59

2. DFD Level 1

A. Sub Proses Paris Offline

Proses yang pertama adalah master slot parkir. Fungsi proses ini adalah

menyimpan detail area-area parkir di lokasi parkir dan id perangkat yang

terhubung dengan server offline. Id perangkat yang dimaksud adalah sebuah alat

infra merah atau gelombang ultrasonic yang akan mendeteksi sebuah slot parkir

sedang dalam keadaan kosong atau dipakai. Perangkat tersebut akan mengirim

status kepada server jika terdapat objek yang berada di slot parkir.

Proses yang kedua adalah sinkronisasi database. Proses ini adalah proses

menyamakan data antara Paris online dan Paris offline. Penyamaan data ini

diperlukan untuk klien yang mengakses Paris dari luar lokasi parkir untuk

mendapatkan data yang terbaru. Penyamaan data juga diperlukan oleh Paris offline

karena klien yang ingin mengubah pengaturan atau menambah data tidak perlu

lagi datang ke setiap lokasi, hanya perlu mengakses aplikasi Paris online dan

otomatis data akan diupdate di Paris offline.

Tahapan proses yang dilakukan pada sinkronisasi database adalah login

aplikasi, export data Paris offline, import data Paris offline, export data Paris

online, import data Paris online, dan membuat ringkasan transaksi dan ringkasan

catatan kehilangan.

Tahapan pertama adalah login Paris Manajemen Klien aplikasi. Setiap

paris offline akan diberi id klien, id lokasi parkir, dan password aplikasi yang

sebelumnya sudah diatur pada master lokasi parkir. Data-data itu akan digunakan

untuk login dan server Paris akan melakukan cek apakah semua data valid atau

tidak. Proses ini diperlukan untuk mencegah tidak ada pihak yang tidak berhak

Page 41: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

60

masuk dan mengirim atau mengambil data di server Paris kecuali yang sudah

terdaftar.

Tahapan yang kedua adalah export data. Export data akan dilakukan oleh

Paris offline dengan membuat file berformat JSON (Javascript Object

Orientation). File JSON berisi data transaksi, catatan kehilangan dan beberapa

data lain yang akan diupload ke server dan selanjutnya akan diupdate di database

Paris offline.

Tahapan keempat adalah export data Paris online yang berupa data master

seperti biaya, user aplikasi Paris, kemudian data pengaturan seperti jam

sinkronisasi database dan interval sinkonisasi data slot. Data export tersebut akan

dimasukkan kedalam file JSON juga dan kemudian didownload oleh Paris offline

dan akan diupdate di database Paris online.

Proses ketiga adalah sinkronisasi slot parkir. Proses ini melakukan

penyamaan data slot parkir dari database Paris offline ke database Paris online.

Data yang diupdate hanya statusnya saja, apakah slot parkir sedang terisi atau

tidak.

Page 42: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

61

1.1

.3

sin

kro

nis

asi_

slo

t_p

ark

ir

1.1

.2

sin

kro

nis

asi_

da

tab

ase

1.1

.1

me

mb

ua

t_m

aste

r_slo

t_p

ark

ir

id_

klie

n

id_

loka

si_

pa

rkir

pa

ssw

ord

ko

de

_a

ute

ntifika

si ko

de

_a

ute

ntifika

si

da

ta_

ca

tata

n_

ke

hila

ng

an

da

ta_

co

unte

r_tike

t

da

ta_

ga

te_

pa

rkir

da

ta_

his

tori

_re

se

t_tike

t

da

ta_

log

da

ta_

tra

nsa

ksi_

pa

rkir

da

ta_

ca

tata

n_

ke

hila

ng

an

da

ta_

co

unte

r_tike

t

da

ta_

ga

te_

pa

rkir

da

ta_

his

tori

_re

se

t_tike

t

da

ta_

log

da

ta_

tra

nsa

ksi_

pa

rkir

da

ta_

bia

ya_

pa

rkir

da

ta_

form

at_

tike

t

da

ta_

ha

k_

akse

s_

em

p

da

ta_

ha

k_

akse

s_

me

nu

da

ta_

insta

nsi

da

ta_

jenis

_m

em

be

r

da

ta_

ka

rtu

da

ta_

ke

nd

ara

an

da

ta_

kuo

ta_

pa

rkir

da

ta_

loka

si_

slo

t

da

ta_

me

mb

er

da

ta_

mst_

gro

up

_m

enu

da

ta_

mst_

me

nu

da

ta_

pa

ram

ete

r_ke

hila

ng

an

da

ta_

se

ttin

g

da

ta_

tem

p

da

ta_

tip

e_

ke

nd

ara

an

da

ta_

use

r

2lo

ka

si_

pa

rkir

6lo

g_

syn

c

4ri

ng

ka

sa

n_

ke

hila

ng

an

3ri

ng

ka

sa

n_

tra

nsa

ksi

PA

RIS

_o

nlin

eP

AR

IS_

offlin

eSS

I

Klie

n

id_

klie

n

id_

loka

si_

pa

rkir

pa

ssw

ord

exp

ire

d_

ko

de

_a

ute

ntifika

si

ko

de

_a

ute

ntifika

si

id_

klie

n

id_

loka

si_

pa

rkir

pa

ssw

ord

exp

ire

d_

ko

de

_a

ute

ntifika

si

ko

de

_a

ute

ntifika

si

ring

ka

sa

n_

tra

nsa

ksi_

ke

hila

ng

an

ring

ka

sa

n_

tra

nsa

ksi_

pa

rkir

log lo

g

da

ta_

bia

ya_

pa

rkir

da

ta_

form

at_

tike

t

da

ta_

ha

k_

akse

s_

em

p

da

ta_

ha

k_

akse

s_

me

nu

da

ta_

insta

nsi

da

ta_

jenis

_m

em

be

r

da

ta_

ka

rtu

da

ta_

ke

nd

ara

an

da

ta_

kuo

ta_

pa

rkir

da

ta_

loka

si_

slo

t

da

ta_

me

mb

er

da

ta_

mst_

gro

up

_m

enu

da

ta_

mst_

me

nu

da

ta_

pa

ram

ete

r_ke

hila

ng

an

da

ta_

se

ttin

g

da

ta_

tem

p

da

ta_

tip

e_

ke

nd

ara

an

da

ta_

use

r

id_

klie

n

id_

loka

si_

pa

rkir

pa

ssw

ord

ko

de

_a

ute

ntifika

si

da

ta_

slo

t

da

ta_

loka

si_

slo

t

da

ta_

slo

t

da

ta_

kuo

ta_

pa

rkir

list_

kuo

ta_

pa

rkir

da

ta_

loka

si_

slo

t

da

ta_

slo

t

lap

ora

n_

pe

nd

ap

ata

n_

da

n_

ke

hila

ng

an_

loka

si_

pa

rkir

lap

ora

n_

pe

nd

ap

ata

n_

da

n_

ke

hila

ng

an_

klie

n

lap

ora

n_

pe

nd

ap

ata

n_

da

n_

ke

hila

ng

an_

loka

si_

pa

rkir

da

ta_

slo

t

Ga

mb

ar

3.

14

DF

D

Le

vel

1

Su

b

Pr

os

es

Pa

ris

Off

lin

e

Page 43: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

62

B. Sub Proses Paris Manajemen Klien

Proses Paris Manajemen Klien memiliki banyak sub-sub proses yaitu login

Paris Manajemen Klien, membuat master user, membuat master klien, membuat

master lokasi parkir, dan menjalankan aplikasi Paris online.

Proses pertama adalah login Paris Manajemen Klien. Proses ini

diperlukan untuk dapat mengakses proses-proses lainnya. Proses dimulai dengan

memasukkan id user dan password dan id klien untuk user dari klien. Sistem akan

mengecek apakah data yang dimasukkan valid atau tidak.

Proses kedua adalah membuat master klien. Data yang diperlukan adalah

nama, tanggal daftar, dan status aktif klien. Data keluaran dari proses ini adalah

list data klien yang akan dialirkan ke SSI.

Proses ketiga adalah membuat master lokasi parkir. Data bersumber dari

dua entitas yaitu klien dan SSI, data dari klien adalah nama lokasi parkir dan

alamat. Sedangkan dari SSI, data yang diberikan adalah password aplikasi dan

akun database (nama, user, dan password). Keluaran dari sistem ini berupa list

data lokasi parkir yang sebelumnya sudah pernah disimpan.

Proses keempat adalah membuat master user. Data bersumber dari SSI

yang berupa nama, password, dan status yang akan diberikan ke sistem untuk

disimpan. Sedangkan keluaran yang dihasilkan sistem adalah list user dari data

yang sudah pernah disimpan.

Proses kelima adalah menjalankan Paris online. Data yang dikirim oleh

klien atau SSI adalah id lokasi parkir yang ingin dilihat. Kemudian sistem akan

melakukan redirect halaman ke Paris online sesuai yang dipilih.

Page 44: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

63

1.2

.1

log

in_

pa

ris_

ma

na

jem

en_

klie

n

1.2

.5

me

liha

t_p

ari

s_

onlin

e

Klie

n

SS

I

PA

RIS

_o

nlin

e

id_

klie

n

na

ma

_klie

n

id_

klie

n

id_

use

r

pa

ssw

ord

list_

da

ta_

klie

n

id_

use

r

na

ma

_use

r

pa

ssw

ord

sta

tus_

use

r

list_

da

ta_

loka

si_

pa

rkir

list_

da

ta_

klie

n

1.2

.2

me

mb

ua

t_m

aste

r_klie

n

1.2

.3

me

mb

ua

t_m

aste

r_lo

ka

si_

pa

rkir

1.2

.4

me

mb

ua

t_m

aste

r_use

r

1klie

n

2lo

ka

si_

pa

rkir

5use

r

db

_na

ma

db

_p

assw

ord

db

_use

r

da

ta_

loka

si_

pa

rkir

id_

use

r

na

ma

_use

r

sta

tus_

use

rid

_use

r

na

ma

_use

r

pa

ssw

ord

sta

tus_

use

r

id_

klie

n

na

ma

_klie

n

sta

tus_

klie

n

tgl_

da

fta

r_klie

n

id_

klie

n

id_

loka

si_

pa

rkir

na

ma

_lo

ka

si_

pa

rkir

ala

ma

t_lo

ka

si_

pa

rkir

db

_na

ma

db

_p

assw

ord

db

_use

r

id_

loka

si_

pa

rkir

id_

use

r

na

ma

_use

r

list_

da

ta_

loka

si_

pa

rkir

id_

loka

si_

pa

rkir

na

ma

_klie

n

tgl_

da

fta

r_klie

n

sta

tus_

klie

n

na

ma

_lo

ka

si_

pa

rkir

ala

ma

t_lo

ka

si_

pa

rkir

na

ma

_use

r

pa

ssw

ord

sta

tus_

use

r

list_

da

ta_

use

r

db

_na

ma

db

_p

assw

ord

db

_use

r

list_

da

ta_

loka

si_

pa

rkir

Ga

mb

ar

3.

15

DF

D

Le

vel

1

Su

b

Pr

ose

s

Par

is

Ma

naj

em

en

Kli

en

Page 45: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

64

C. Sub Proses Paris Mobile

Pada sub proses Paris mobile hanya memiliki satu proses yaitu login Paris

mobile. Proses ini menggambarkan aliran data untuk member parkir Paris.

Member yang ingin mengetahui ketersediaan parkir di suatu lokasi parkir Paris

mengakses aplikasi Paris mobile kemudian memasukkan id member, password

dan memilih klien tempat terdaftarnya member tersebut maka sistem akan

menampilkan halaman utama Paris mobile yang berisi informasi ketersediaan slot

parkir di lokasi-lokasi parkir klien. Terdapat enam tahapan proses Paris mobile

yaitu:

1. Tampilkan list klien paris

Sebelum melakukan login, member akan diberikan daftar klien Paris.

Dan member akan memilih klien mana yang merupakan tempat

member tersebut terdaftar.

2. Login member

Pada sub proses ini member memberikan member id, password dan id

klien, kemudian berlanjut ke tahapan selanjutnya.

3. Ambil akun database klien

Karena data member ada di database Paris online, dan bisa terdapat

lebih dari satu Paris online milik klien tempat member terdaftar, maka

sistem akan mencari akun database salah satu Paris online milik klien

yang diinputkan id kliennya kemudian berlanjut ke tahapan

selanjutnya.

4. Ganti database klien

Page 46: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

65

Setelah mendapat akun database, selanjutnya sistem akan berganti

untuk kemudian mengambil data member di database tersebut.

Page 47: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

66

5. Ambil data member

Untuk mengecek apakah id member dan passoword benar, sistem akan

mengambil data member dengan id yang telah dimasukkan

sebelumnya. Kemudian sistem akan memberikan hak akses jika data

member valid.

6. Buat informasi ketersediaan slot parkir

Jika data login valid, sistem juga akan otomatis membuat informasi

ketersediaan slot parkir dari database-database Paris online milik

klien.

1 klien

2 lokasi_parkir

Member

PARIS_online

id_klien

nama_klien

db_nama

db_password

db_user

data_kuota_parkir

data_lokasi_slot

data_slot

id_klien

id_member

password

id_member

nama_member

password

status_member

1.3.1

login_member

list_data_klien

informasi_ketersediaan_slot_parkir

Gambar 3. 12 DFD Level 1 Sub Proses Paris Mobile

3.2.6 ERD (Entity Relationship Diagram)

Entity Relationship Diagram (ERD) adalah suatu desain sistem yang

digunakan untuk merepresentasikan, menentukan dan mendokumentasikan

kebutuhan-kebutuhan untuk sistem pemrosesan database. ERD juga menyediakan

bentuk untuk menunjukkan struktur keseluruhan dari data pemakai. Dalam

perencanaan sistem ini telah terbentuk ERD yang merupakan lanjutan dari

pembuatan desain dengan menggunakan DFD. ERD terbagi menjadi menjadi

CDM dan PDM. Berikut adalah penjelasannya:

Page 48: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

66

me

nd

afta

rka

n

me

mili

ki

me

mili

ki

me

mp

unya

i

me

lakuka

n

klie

n

klie

n_

id

klie

n_

na

ma

klie

n_

tgl_

da

fta

r

klie

n_

sta

tus_

aktif

<p

i>V

ari

ab

le c

ha

racte

rs (

15

)

Va

ria

ble

cha

racte

rs (

10

0)

Da

te

Va

ria

ble

cha

racte

rs (

1)

<M

>

Ide

ntifie

r_1

<p

i>

use

r

use

r_id

use

r_na

ma

use

r_p

assw

ord

use

r_a

ktif

<p

i>V

ari

ab

le c

ha

racte

rs (

20

)

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

1)

<M

>

Ide

ntifie

r_1

<p

i>

ring

ka

sa

n_

tra

nsa

ksi

rt_

id

rt_

tgl

rt_

jam

_a

wa

l

rt_

jam

_a

khir

rt_

jum

lah

rt_

bia

ya

<p

i>V

ari

ab

le c

ha

racte

rs (

20

)

Da

te

Tim

e

Tim

e

Flo

at

Flo

at

<M

>

Ide

ntifie

r_1

<p

i>

ring

ka

sa

n_

ke

hila

ng

an

rk_

id

rk_

tgl

rk_

jam

_a

wa

l

rk_

jam

_a

khir

rk_

pa

ram

ete

r

rk_

jum

lah

rk_

de

nd

a

<p

i>V

ari

ab

le c

ha

racte

rs (

20

)

Da

te

Tim

e

Tim

e

Va

ria

ble

cha

racte

rs (

10

)

Inte

ge

r

Flo

at

<M

>

Ide

ntifie

r_1

<p

i>

log

_syn

c

log

_tg

l

log

_ja

m

log

_a

ktifita

s

log

_ta

be

l

log

_ju

mla

h

log

_sta

tus

Da

te

Tim

e

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

50

)

Inte

ge

r

Va

ria

ble

cha

racte

rs (

20

)

loka

si_

pa

rkir

loka

si_

id

loka

si_

na

ma

loka

si_

ala

ma

t

loka

si_

pa

ssw

ord

loka

si_

db

_na

ma

loka

si_

db

_use

r

loka

si_

db

_p

assw

ord

<p

i>V

ari

ab

le c

ha

racte

rs (

5)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

10

0)

<M

>

Ide

ntifie

r_1

<p

i>

Ga

mb

ar

3.

17

C

D

M

Par

is

Ma

naj

em

en

Kli

en

a. C

o

n

c

e

p

t

u

a

l

Page 49: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

67

me

liha

t

me

ng

ala

mi

ke

lua

r

me

mb

aya

r

me

mp

rose

s

me

mili

ki

ha

k_

akse

s_

em

p

ha

k_

akse

s_

me

nu

me

mp

rose

s

me

mp

rose

s

me

mili

ki

me

nye

dia

ka

n

me

ng

akse

s

me

ng

akse

s

me

mili

ki

me

mili

ki

me

mili

ki

me

mili

ki

me

mili

ki

me

nja

ga

2

me

nja

ga

ga

te_

ma

suk

ga

te_

ke

lua

r

ga

te_

pe

mb

aya

ran

me

mili

ki

me

mili

ki

me

mili

ki

ca

tata

n_

ke

hila

ng

an

# o o o o o o o o o

kd

_hila

ng

tang

ga

l

bia

ya_

pa

rkir

de

nd

a

pla

t_no

mo

r_ck

ca

tata

n

kd

_va

lida

si

foto

_p

lat_

no

mo

r_ck

foto

_p

lat_

ke

nd

ara

an_

ck

foro

_p

eng

guna

_ke

nd

ara

an_

ck

Va

ria

ble

cha

racte

rs (

15

)

Da

te &

Tim

e

Inte

ge

r

Inte

ge

r

Va

ria

ble

cha

racte

rs (

15

)

Te

xt

Va

ria

ble

cha

racte

rs (

20

)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

co

unte

r_tike

t

ojm

l_tike

tIn

teg

er

da

ta_

ka

rtu

#ko

de

_ka

rtu

Va

ria

ble

cha

racte

rs (

20

)

form

at_

tike

t

# o o o o o o

id_

form

at

he

ad

er_

tike

t

sub

_he

ad

er_

tike

t

foo

ter_

tike

t

he

ad

er_

no

ta

sub

_he

ad

er_

no

ta

foo

ter_

no

ta

Inte

ge

r

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

15

0)

Va

ria

ble

cha

racte

rs (

15

0)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

15

0)

Va

ria

ble

cha

racte

rs (

15

0)

his

tori

_re

se

t

# o o

id_

rese

t

tgl_

rese

t

jum

lah_

tera

khir

Inte

ge

r

Da

te &

Tim

e

Inte

ge

r

insta

nsi

# o o o o

id_

insta

nsi

na

ma

_in

sta

nsi

ala

ma

t_in

sta

nsi

tele

po

n

em

ail

Inte

ge

r

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

10

0)

jenis

_m

em

be

r

# o

kd

_jn

s_

me

mb

er

jenis

_m

em

be

r

Va

ria

ble

cha

racte

rs (

3)

Va

ria

ble

cha

racte

rs (

20

)

ke

nd

ara

an

# o o o

kd

_ke

nd

ara

an

pla

t_no

mo

r_ke

nd

ara

an

me

rk

wa

rna

Va

ria

ble

cha

racte

rs (

10

)

Va

ria

ble

cha

racte

rs (

15

)

Va

ria

ble

cha

racte

rs (

20

)

Va

ria

ble

cha

racte

rs (

20

)

kuo

ta_

pa

rkir

# o o

id_

kuo

ta

are

a_

pa

rkir

kuo

ta_

pa

rkir

Inte

ge

r

Va

ria

ble

cha

racte

rs (

20

)

Inte

ge

r

log

# o o

kd

_lo

g

jam

_m

asuk_

log

jam

_ke

lua

r_lo

g

Va

ria

ble

cha

racte

rs (

10

)

Da

te &

Tim

e

Da

te &

Tim

e

me

mb

er

# o o o o o o

kd

_m

em

be

r

na

ma

_m

em

be

r

jenis

_ke

lam

in

ala

ma

t_m

em

be

r

tgl_

da

fta

r

no

_te

lp

sta

tus_

me

mb

er

Va

ria

ble

cha

racte

rs (

20

)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

1)

Va

ria

ble

cha

racte

rs (

10

0)

Da

te

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

1)

mst_

gro

up

_m

enu

# o

id_

gro

up

_m

enu

na

ma

_g

roup

_m

enu

Inte

ge

r

Va

ria

ble

cha

racte

rs (

50

)

mst_

me

nu

# o o o o

id_

me

nu

na

ma

_m

enu

link_

me

nu

me

nu_

pa

rent

gro

up

_m

od

ul

Va

ria

ble

cha

racte

rs (

11

)

Va

ria

ble

cha

racte

rs (

50

)

Va

ria

ble

cha

racte

rs (

10

0)

Inte

ge

r

Va

ria

ble

cha

racte

rs (

10

)

pa

ram

ete

r_hila

ng

# o o o

kd

_p

ara

me

ter

na

ma

_p

ara

me

ter

bia

ya_

hila

ng

sta

tus_

pa

ram

ete

r

Va

ria

ble

cha

racte

rs (

3)

Va

ria

ble

cha

racte

rs (

20

)

Inte

ge

r

Va

ria

ble

cha

racte

rs (

1)

se

ttin

g

o o

sta

tus_

ge

n_

id_

use

r

sta

tus_

ge

n_

id_

me

mb

er

Inte

ge

r

Inte

ge

r

tem

p

o o

ke

tera

ng

an

nila

i

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

tip

e_

ke

nd

ara

an

# o

kd

_tip

e

tip

e_

ke

nd

ara

an

Va

ria

ble

cha

racte

rs (

3)

Va

ria

ble

cha

racte

rs (

20

)

tra

nsa

ksi_

pa

rkir

# o o o o o o o o o o o o

kd

_tr

ans

pla

t_no

mo

r

jam

_m

asuk

jam

_ke

lua

r

bia

ya

foto

_p

lat_

no

mo

r

foto

_ke

nd

ara

an

foto

_p

eng

guna

foto

_p

lat_

no

mo

r_ke

lua

r

foto

_ke

nd

ara

an_

ke

lua

r

foto

_p

eng

guna

_ke

lua

r

sta

tus_

tike

t

loka

si_

id

Va

ria

ble

cha

racte

rs (

15

)

Va

ria

ble

cha

racte

rs (

15

)

Da

te &

Tim

e

Da

te &

Tim

e

Inte

ge

r

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

20

0)

Va

ria

ble

cha

racte

rs (

5)

Va

ria

ble

cha

racte

rs (

3)

ga

te_

pa

rkir

# o o o o o

kd

_g

ate

jenis

_g

ate

jenis

_ke

nd

ara

an

ip_

ad

dre

ss

ke

tera

ng

an_

ga

te

sta

tus_

ga

te

Va

ria

ble

cha

racte

rs (

3)

Va

ria

ble

cha

racte

rs (

1)

Va

ria

ble

cha

racte

rs (

3)

Va

ria

ble

cha

racte

rs (

15

)

Va

ria

ble

cha

racte

rs (

30

)

Va

ria

ble

cha

racte

rs (

1)

use

r

# o o o o o o o

kd

_ka

rya

wa

n

na

ma

_ka

rya

wa

n

jenis

_ke

lam

in_

use

r

ala

ma

t_use

r

no

_te

lp_

use

r

pa

ssw

ord

tgl_

da

fta

r_use

r

sta

tus_

use

r

Va

ria

ble

cha

racte

rs (

20

)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

1)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

10

0)

Va

ria

ble

cha

racte

rs (

50

0)

Da

te

Va

ria

ble

cha

racte

rs (

1)

bia

ya_

pa

rkir

# o o o o o o o o o o o o

kd

_b

iaya

ga

te_

pe

mb

aya

ran

tip

e_

pe

mb

aya

ran

bia

ya_

aw

al

dura

si_

aw

al

dura

si_

aw

al_

pro

gre

sif

dura

si_

pro

gre

sif

bia

ya_

pro

gre

sif

bia

ya_

ma

ks

tip

e_

bia

ya_

ina

p

jam

_in

ap

bia

ya_

ina

p

sta

tus_

bia

ya

Va

ria

ble

cha

racte

rs (

3)

Inte

ge

r

Va

ria

ble

cha

racte

rs (

20

)

Inte

ge

r

Inte

ge

r

Inte

ge

r

Inte

ge

r

Inte

ge

r

Inte

ge

r

Inte

ge

r

Va

ria

ble

cha

racte

rs (

30

)

Inte

ge

r

Va

ria

ble

cha

racte

rs (

1)

slo

t

# o o

slo

t_id

slo

t_sta

tus

slo

t_id

_a

lat

Va

ria

ble

cha

racte

rs (

5)

Va

ria

ble

cha

racte

rs (

1)

Va

ria

ble

cha

racte

rs (

50

)

loka

si_

slo

t

# o

ls_

id

ls_

na

ma

Va

ria

ble

cha

racte

rs (

5)

Va

ria

ble

cha

racte

rs (

10

0)

Ga

mb

ar

3.

18

C

D

M

ta

mb

ah

an

dat

ab

ase

Par

is

Page 50: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

68

b. P

h

y

s

i

c

a

l

D

klie

n

klie

n_

id

klie

n_

na

ma

klie

n_

tgl_

da

fta

r

klie

n_

sta

tus_a

ktif

user_

id

varc

ha

r(1

5)

varc

ha

r(1

00

)

da

te

varc

ha

r(1

)

varc

ha

r(2

0)

<p

k>

<fk

>

user

user_

id

user_

na

ma

user_

pa

ssw

ord

user_

aktif

varc

ha

r(2

0)

varc

ha

r(5

0)

varc

ha

r(5

0)

varc

ha

r(1

)

<p

k>

ring

kasa

n_

tra

nsaksi

rt_

id

lokasi_

id

klie

n_

id

rt_

tgl

rt_

jam

_a

wa

l

rt_

jam

_a

khir

rt_

jum

lah

rt_

bia

ya

varc

ha

r(2

0)

varc

ha

r(5

)

varc

ha

r(1

5)

da

te

tim

e

tim

e

floa

t

floa

t

<p

k>

<p

k,fk>

<p

k,fk>

ring

kasa

n_

kehila

ng

an

rk_id

lokasi_

id

klie

n_

id

rk_tg

l

rk_ja

m_

aw

al

rk_ja

m_

akhir

rk_p

ara

me

ter

rk_ju

mla

h

rk_d

end

a

varc

ha

r(2

0)

varc

ha

r(5

)

varc

ha

r(1

5)

da

te

tim

e

tim

e

varc

ha

r(1

0)

int

floa

t

<p

k>

<p

k,fk>

<p

k,fk>

log

_syn

c

lokasi_

id

klie

n_

id

log

_tg

l

log

_ja

m

log

_a

ktifita

s

log

_ta

be

l

log

_ju

mla

h

log

_sta

tus

varc

ha

r(5

)

varc

ha

r(1

5)

da

te

tim

e

varc

ha

r(5

0)

varc

ha

r(5

0)

int

varc

ha

r(2

0)

<fk

>

<fk

>

lokasi_

pa

rkir

lokasi_

id

klie

n_

id

lokasi_

na

ma

lokasi_

ala

ma

t

lokasi_

pa

ssw

ord

lokasi_

db

_na

ma

lokasi_

db

_user

lokasi_

db

_p

assw

ord

varc

ha

r(5

)

varc

ha

r(1

5)

varc

ha

r(1

00

)

varc

ha

r(2

00

)

varc

ha

r(1

00

)

varc

ha

r(5

0)

varc

ha

r(5

0)

varc

ha

r(1

00

)

<p

k>

<p

k,fk>

Ga

mb

ar

3.

19

PD

M

Par

is

Ma

naj

em

en

Kli

en

Page 51: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

69

ca

tata

n_

ke

hila

ng

an

kd

_hila

ng

kd

_tr

ans

kd

_p

ara

me

ter

tang

ga

l

bia

ya

_p

ark

ir

de

nd

a

ca

tata

n

pla

t_no

mo

r_ck

ga

te_

ke

lua

r

ga

te_

pe

mb

aya

ran

kd

_ka

rya

wa

n

kd

_va

lid

asi

foto

_p

lat_

no

mo

r_ck

foto

_p

lat_

ke

nd

ara

an_

ck

foro

_p

eng

guna

_ke

nd

ara

an_

ck

va

rcha

r(1

5)

va

rcha

r(1

5)

va

rcha

r(3

)

da

tetim

e

int

int

text

va

rcha

r(1

5)

va

rcha

r(3

)

va

rcha

r(3

)

va

rcha

r(2

0)

va

rcha

r(2

0)

va

rcha

r(2

00

)

va

rcha

r(2

00

)

va

rcha

r(2

00

)

<p

k>

<fk

1>

<fk

2>

<fk

3>

<fk

4>

<fk

5>

co

unte

r_tike

t

kd

_g

ate

jml_

tike

t

va

rcha

r(3

)

int

<p

k,fk>

da

ta_

ka

rtu

kd

_m

em

be

r

ko

de

_ka

rtu

va

rcha

r(2

0)

va

rcha

r(2

0)

<p

k,fk>

<p

k>

form

at_

tike

t

id_

form

at

he

ad

er_

tike

t

sub

_he

ad

er_

tike

t

foo

ter_

tike

t

he

ad

er_

no

ta

sub

_he

ad

er_

no

ta

foo

ter_

no

ta

int

va

rcha

r(1

00

)

va

rcha

r(1

50

)

va

rcha

r(1

50

)

va

rcha

r(1

00

)

va

rcha

r(1

50

)

va

rcha

r(1

50

)

<p

k>

his

tori

_re

se

t

id_

rese

t

tgl_

rese

t

kd

_ka

rya

wa

n

kd

_g

ate

jum

lah_

tera

khir

int

da

tetim

e

va

rcha

r(2

0)

va

rcha

r(3

)

int

<p

k>

<fk

2>

<fk

1>

insta

nsi

id_

insta

nsi

na

ma

_in

sta

nsi

ala

ma

t_in

sta

nsi

tele

po

n

em

ail

int

va

rcha

r(1

00

)

va

rcha

r(1

00

)

va

rcha

r(5

0)

va

rcha

r(1

00

)

<p

k>

jenis

_m

em

be

r

kd

_jn

s_

me

mb

er

jenis

_m

em

be

r

va

rcha

r(3

)

va

rcha

r(2

0)

<p

k>

kuo

ta_

pa

rkir

id_

kuo

ta

are

a_

pa

rkir

kd

_tip

e

kuo

ta_

pa

rkir

int

va

rcha

r(2

0)

va

rcha

r(3

)

int

<p

k>

<fk

>

log

kd

_lo

g

kd

_ka

rya

wa

n

kd

_g

ate

jam

_m

asuk_

log

jam

_ke

lua

r_lo

g

va

rcha

r(1

0)

va

rcha

r(2

0)

va

rcha

r(3

)

da

tetim

e

da

tetim

e

<p

k>

<fk

1>

<fk

2>

me

mb

er

kd

_m

em

be

r

na

ma

_m

em

be

r

jenis

_ke

lam

in

ala

ma

t_m

em

be

r

tgl_

da

fta

r

no

_te

lp

sta

tus_

me

mb

er

kd

_jn

s_

me

mb

er

va

rcha

r(2

0)

va

rcha

r(1

00

)

va

rcha

r(1

)

va

rcha

r(1

00

)

da

te

va

rcha

r(1

00

)

va

rcha

r(1

)

va

rcha

r(3

)

<p

k>

<fk

>m

st_

gro

up

_m

enu

id_

gro

up

_m

enu

na

ma

_g

roup

_m

enu

int

va

rcha

r(5

0)

<p

k>

mst_

me

nu

id_

me

nu

na

ma

_m

enu

link_

me

nu

me

nu_

pa

rent

gro

up

_m

od

ul

va

rcha

r(1

1)

va

rcha

r(5

0)

va

rcha

r(1

00

)

int

va

rcha

r(1

0)

<p

k>

pa

ram

ete

r_hila

ng

kd

_p

ara

me

ter

na

ma

_p

ara

me

ter

bia

ya

_hila

ng

sta

tus_

pa

ram

ete

r

va

rcha

r(3

)

va

rcha

r(2

0)

int

va

rcha

r(1

)

<p

k>

se

ttin

g

sta

tus_

ge

n_

id_

use

r

sta

tus_

ge

n_

id_

me

mb

er

int

int

tem

p

ke

tera

ng

an

nila

i

va

rcha

r(2

00

)

va

rcha

r(2

00

)

tip

e_

ke

nd

ara

an

kd

_tip

e

tip

e_

ke

nd

ara

an

va

rcha

r(3

)

va

rcha

r(2

0)

<p

k>

tra

nsa

ksi_

pa

rkir

kd

_tr

ans

kd

_tip

e

kd

_ka

rya

wa

n

use

_kd

_ka

rya

wa

n

ga

te_

ma

suk

ga

te_

ke

lua

r

ga

te_

pe

mb

aya

ran

kd

_m

em

be

r

pla

t_no

mo

r_tp

jam

_m

asuk

jam

_ke

lua

r

bia

ya

foto

_p

lat_

no

mo

r

foto

_ke

nd

ara

an

foto

_p

eng

guna

foto

_p

lat_

no

mo

r_ke

lua

r

foto

_ke

nd

ara

an_

ke

lua

r

foto

_p

eng

guna

_ke

lua

r

sta

tus_

tike

t

loka

si_

id

va

rcha

r(1

5)

va

rcha

r(3

)

va

rcha

r(2

0)

va

rcha

r(2

0)

va

rcha

r(3

)

va

rcha

r(3

)

va

rcha

r(3

)

va

rcha

r(2

0)

va

rcha

r(1

5)

da

tetim

e

da

tetim

e

int

va

rcha

r(2

00

)

va

rcha

r(2

00

)

va

rcha

r(2

00

)

va

rcha

r(2

00

)

va

rcha

r(2

00

)

va

rcha

r(2

00

)

va

rcha

r(5

)

va

rcha

r(3

)

<p

k>

<fk

2>

<fk

4>

<fk

3>

<fk

7>

<fk

6>

<fk

5>

<fk

1>

ga

te_

pa

rkir

kd

_g

ate

jenis

_g

ate

jenis

_ke

nd

ara

an

ip_

ad

dre

ss

ke

tera

ng

an_

ga

te

sta

tus_

ga

te

va

rcha

r(3

)

va

rcha

r(1

)

va

rcha

r(3

)

va

rcha

r(1

5)

va

rcha

r(3

0)

va

rcha

r(1

)

<p

k>

use

r

kd

_ka

rya

wa

n

na

ma

_ka

rya

wa

n

jenis

_ke

lam

in_

use

r

ala

ma

t_use

r

no

_te

lp_

use

r

pa

ssw

ord

tgl_

da

fta

r_use

r

sta

tus_

use

r

va

rcha

r(2

0)

va

rcha

r(1

00

)

va

rcha

r(1

)

va

rcha

r(1

00

)

va

rcha

r(1

00

)

va

rcha

r(5

00

)

da

te

va

rcha

r(1

)

<p

k>

bia

ya

_p

ark

ir

kd

_b

iaya

kd

_tip

e

ga

te_

pe

mb

aya

ran

tip

e_

pe

mb

aya

ran

bia

ya

_a

wa

l

dura

si_

aw

al

dura

si_

aw

al_

pro

gre

sif

dura

si_

pro

gre

sif

bia

ya

_p

rog

resif

bia

ya

_m

aks

tip

e_

bia

ya

_in

ap

jam

_in

ap

bia

ya

_in

ap

sta

tus_

bia

ya

va

rcha

r(3

)

va

rcha

r(3

)

int

va

rcha

r(2

0)

int

int

int

int

int

int

int

va

rcha

r(3

0)

int

va

rcha

r(1

)

<p

k>

<fk

>

slo

t

slo

t_id

ls_

id

slo

t_sta

tus

slo

t_id

_a

lat

va

rcha

r(5

)

va

rcha

r(5

)

va

rcha

r(1

)

va

rcha

r(5

0)

<p

k>

<fk

>

loka

si_

slo

t

ls_

id

id_

kuo

ta

ls_

na

ma

va

rcha

r(5

)

int

va

rcha

r(1

00

)

<p

k>

<fk

>

ha

k_

akse

s_

em

p

id_

gro

up

_m

enu

kd

_ka

rya

wa

n

gro

up

_m

od

ul

int

va

rcha

r(2

0)

va

rcha

r(1

0)

<p

k,fk1

>

<p

k,fk2

>

ha

k_

akse

s_

me

nu

id_

me

nu

id_

gro

up

_m

enu

gro

up

_m

od

ul

va

rcha

r(1

1)

int

va

rcha

r(1

0)

<p

k,fk1

>

<p

k,fk2

>

ke

nd

ara

an

kd

_ke

nd

ara

an

pla

t_no

mo

r_ke

nd

ara

an

kd

_tip

e

kd

_m

em

be

r

me

rk

wa

rna

va

rcha

r(1

0)

va

rcha

r(1

5)

va

rcha

r(3

)

va

rcha

r(2

0)

va

rcha

r(2

0)

va

rcha

r(2

0)

<p

k>

<fk

1>

<fk

2>

Ga

mb

ar

3.

20

PD

M

ta

mb

ah

an

dat

ab

ase

Par

is

Page 52: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

70

3.2.7 Struktur Database

Struktur database adalah uraian struktur fisik dari table-tabel yang terdapat

pada database. Fungsi dari struktur database adalah menyimpan data-data yang

digunakan sistem untuk mengolah dan menghasilkan suatu hasil. Berikut adalah

struktur penjelasan secara detail database yang digunakan:

A. Tambahan Tabel Paris

1. Tabel lokasi_slot

Nama tabel : lokasi_slot

Primary Key : ls_id

Foreign key : id_kuota

Fungsi : menyimpan data lokasi slot

Tabel 3. 12 Tabel Lokasi Slot

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 ls_id varchar(5) PK - -

2 id_kuota Int FK kuota_parkir id_kuota

3 ls_nama varchar(100) Not Null - -

2. Tabel slot

Nama tabel : slot

Primary Key : slot_id

Foreign key : ls_id

Fungsi : menyimpan data slot

Page 53: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

71

Tabel 3. 13 Tabel Slot

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 slot_id varchar(5) PK - -

2 ls_id varchar(5) FK lokasi_slot ls_id

3 slot_status varchar(1) Not Null - -

4 slot_id_alat varchar(50)

B. DATABASE PARIS MK

1. Tabel log_sync

Nama tabel : log_sync

Primary Key : slot_id

Foreign key : -

Fungsi : menyimpan data log_sync

Tabel 3. 14 Tabel log Sync

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 lokasi_id varchar(5) PK - -

2 klien_id varchar(15) FK Klien klien_id

3 log_tgl date Not Null - -

4 log_jam time Not Null - -

5 log_aktifitas varchar(50) Not Null - -

6 log_tabel varchar(50) Not Null - -

Page 54: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

72

7 log_jumlah int Not Null - -

8 log_status varchar(20) Not Null - -

2. Tabel klien

Nama tabel : klien

Primary Key: klien_id

Foreign key: -

Fungsi: menyimpan data klien

Tabel 3. 15 Tabel Klien

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 klien_id varchar(15) PK - -

2 klien_nama varchar(100) Not Null - -

3 klien_tgl_daftar Date Not Null - -

4 klien_status_aktif varchar(1) Not Null - -

5 user_id varchar(20) FK user user_id

3. Tabel user

Nama tabel : user

Primary Key : user_id

Foreign key : -

Fungsi : menyimpan data user

Page 55: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

73

Tabel 3. 16 Tabe User

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 user_id varchar(20) PK - -

2 user_nama varchar(50) Not Null - -

3 user_password varchar(50) Not Null - -

4 user_aktif varchar(1) Not Null - -

4. Tabel ringkasan_kehilangan

Nama tabel : ringkasan_kehilangan

Primary Key : rk_id, lokasi_id, klien_id

Foreign key : -

Fungsi : menyimpan data ringkasan kehilangan

Tabel 3. 17 Tabel Ringkasan Kehilangan

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 rk_id varchar(20) PK - -

2 lokasi_id varchar(5) FK lokasi_parkir lokasi_id

3 klien_id varchar(15) FK klien klien_id

4 rk_tgl date Not Null - -

5 rk_jam_awal time Not Null - -

6 rk_jam_akhir time Not Null - -

7 rk_parameter varchar(10) Not Null - -

Page 56: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

74

8 rk_jumlah int Not Null - -

9 rk_denda float Not Null - -

5. Tabel ringkasan_transaksi

Nama tabel : ringkasan_transaksi

Primary Key : rt_id, lokasi_id, klien_id

Foreign key : -

Fungsi : menyimpan data ringkasan transaksi

Tabel 3. 18 Tabel Ringkasan Transaksi

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 rt_id varchar(20) PK - -

2 lokasi_id varchar(5) FK lokasi_parkir lokasi_id

3 klien_id varchar(15) FK klien klien_id

4 rt_tgl date Not Null - -

5 rt_jam_awal time Not Null - -

6 rt_jam_akhir time Not Null - -

7 rt_jumlah float Not Null - -

8 rt_biaya float Not Null - -

6. Tabel lokasi_parkir

Nama tabel : lokasi_parkir

Primary Key : rt_id, lokasi_id, klien_id

Foreign key : -

Page 57: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

75

Fungsi : menyimpan data lokasi parkir

Tabel 3. 19 Tabel Lokasi Parkir

No Nama Field Tipe Data

(Lebar)

Constraint Foreign Key

Tabel Kolom

1 lokasi_id varchar(5) PK - -

2 klien_id varchar(15) FK klien klien_id

3 lokasi_nama varchar(100) Not Null - -

4 lokasi_alamat varchar(200) Not Null - -

5 lokasi_password varchar(100) Not Null - -

6 lokasi_db_nama varchar(50) Not Null - -

7 lokasi_db_user varchar(50) Not Null - -

8 lokasi_db_password varchar(100) Not Null - -

3.2.8 Desain Input Output

Desain input output dibuat untuk memberikan gambaran kepada

programmer dan pengguna sistem bagaimana rupa aplikasi PMK dan cara

interaksi sistem dengan penggunanya. Berikut adalah desain input output aplikasi

PMK:

1. Login Paris Manajemen Klien

Halaman login digunakan untuk keamanan sistem. User klien atau user

SSI akan melakukan login dengan memilih nama klien yang terdaftar di sistem

kemudian memasukkan id user dan password. Jika data yang dimasukkan valid

maka halaman akan berpindah ke halaman dashboard Paris Manajemen Klien.

Jika login gagal, sistem akan menampilkan jika data yang dimasukkan salah.

Page 58: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

76

Gambar 3. 13 Desain Login Paris Manajemen Klien

2. Membuat Master Klien

Halaman ini digunakan oleh SSI untuk menambah, merubah, atau

menghapus data klien.

Gambar 3. 14 Desain Membuat Master Klien

3. Membuat Master Lokasi Parkir

Halaman ini digunakan untuk menambah, merubah, atau menghapus data

lokasi parkir klien. Dimulai dengan sistem yang menampilkan daftar klien yang

terdaftar di sistem, kemudian SSI memilih klien yang akan ditambah atau diubah

Page 59: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

77

datanya maka sistem akan menampilkan daftar lokasi parkir dari klien yang telah

dipilih. Terdapat tombol tambah, edit atau hapus untuk melakukan proses-proses

tersebut.

Gambar 3. 15 Desain Membuat Master Lokasi Parkir

4. Membuat Master User

Halaman ini digunakan oleh SSI untuk menambah, merubah, atau

menghapus data user SSI yang dapat masuk ke aplikasi Paris Manajemen Klien.

Page 60: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

78

Gambar 3. 16 Desain Membuat Master User

5. Menjalankan Paris Online

Menjalankan paris online digunakan klien atau SSI untuk masuk ke Paris-

paris online. Pertama yang harus dilakukan adalah memilih klien dari daftar klien

yang ditampilkan sistem, setelah dipilih akan muncul daftar lokasi parkir dari

klien tersebut. Pilih lokasi parkir yang diinginkan dan halaman website akan

berpindah ke Paris online lokasi yang telah dipilih.

Gambar 3. 17 Desain Menjalankan Paris Online

6. Membuat Master Slot Parkir

Halaman ini digunakan untuk menambah, merubah, atau menghapus data

slot parkir. Dimulai dengan sistem yang menampilkan daftar area parkir yang

Page 61: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

79

terdaftar di sistem, kemudian SSI memilih area parkir yang akan ditambah atau

diubah datanya maka sistem akan menampilkan daftar lokasi slot dari area yang

telah dipilih. Terdapat tombol tambah, edit atau hapus untuk melakukan proses-

proses tersebut.

Gambar 3. 18 Desain Membuat Master Slot Parkir

7. Sinkronisasi Database dan Sinkronisasi Slot Parkir

Sinkronisasi database dan sinkronisasi slot parkir adalah menu tambahan

di Paris offline, tampilannya akan seperti gambar dibawah ini. Terdapat 2 teks

area yang menampilkan history sinkronisasi database dan sinkronisasi slot parkir.

Gambar 3. 19 Desain sinkronisasi database dan sinkronisasi slot parkir

Page 62: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

80

8. Laporan Pendapatan dan Kehilangan Klien

Laporan pendapatan dan kehilangan klien akan terdapat 3 informasi yaitu

transaksi, pendapatan, dan kehilangan. Desainnya akan tampak seperti berikut:

Gambar 3. 20 Desain Laporan Pendapatan Klien

9. Laporan Pendapatan dan Kehilangan Lokasi Parkir

Laporan pendapatan dan kehilangan lokasi parkir akan terdapat 4

informasi yaitu transaksi, pendapatan, kehilangan, dan member. Desainnya akan

tampak seperti berikut:

Page 63: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

81

Gambar 3. 21 Desain Laporan Pendapatan Lokasi Parkir

10. Login Paris Mobile

Login Paris mobile ini digunakan untuk memberikan hak akses untuk

member parkir yang terdaftar di Paris untuk mendapatkan informasi ketersediaan

slot parkir di lokasi-lokasi parkir Paris.

Page 64: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

82

Gambar 3. 22 Desain Login Paris Mobile

Gambar 3. 23 Desain informasi Ketersediaan Slot Parkir

3.2.9 Rancangan Pengujian dan evaluasi

Rancangan uji coba bertujuan untuk memastikan bahwa aplikasi telah

dibuat dengan benar sesuai kebutuhan atau tujuan yang diharapkan. Kekurangan

atau kelemahan sistem pada tahap ini akan dievaluasi sebelum diimplementasikan.

Proses pengujian menggunakan Black Box Testing yaitu aplikasi akan diuji

dengan melakukan berbagai percobaan untuk membuktikan bahwa aplikasi yang

Page 65: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

83

telah dibuat sudah sesuai dengan tujuan. Berikut ini adalah tabel pengujian yang

akan dilakukan untuk menguji aplikasi:

Tabel 3. 20 Tabel Pengujian

Requirement yang diuji Fungsi yang diuji

Master lokasi slot 1. Tambah lokasi slot

2. Edit lokasi slot

3. Hapus lokasi slot

4. Simpan id perangkat

Sinkronisasi database 1. Sinkronisasi database

Sinkronisasi slot parkir 1. Sinkronisasi slot parkir

Paris mobile 1. Login Paris Mobile

Login Paris Manajemen Klien 1. login user klien

2. login user SSI

Membuat Master klien 1. Tambah klien baru

2. Edit klien

Membuat Master Lokasi Parkir 1. Tambah lokasi parkir

2. Edit lokasi parkir

Membuat Master User 1. Tambah user baru

2. Edit user

Menjalankan Paris online 1. Menjalankan Paris online

Buat Laporan 1. Laporan pendapatan dan

kehilangan klien

2. Laporan pendapatan dan

Page 66: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

84

kehilangan lokasi parkir

A. Desain Uji Coba Membuat Master Lokasi Slot

Desain uji coba ini bertujuan untuk menguji apakah fungsi membuat

master lokasi slot dapat berjalan sesuai yang diharapkan. Desain uji coba master

lokasi slot dilihat pada Tabel 3.21.

Tabel 3. 21 Tabel Uji Coba Master Lokasi Slot

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Tambah slot parkir Nama lokasi slot,

jumlah slot

Data berhasil

disimpan

2. Mencoba

menambah slot

tanpa isi nama dan

jumlah slot

- Harap lengkapi

form

3. Edit lokasi slot Nama lokasi slot,

jumlah slot

Data berhasil

disimpan

4. Hapus lokasi slot Klik tombol hapus

pada lokasi yang

ingin dihapus

Data lokasi slot

berhasil dihapus

5. Simpan id

perangkat

Id perangkat

masing-masing slot

Data berhasil

disimpan

B. Sinkronisasi Database

Desain uji coba ini bertujuan untuk menguji apakah fungsi sinkronisasi

database dapat berjalan sesuai yang diharapkan. Desain uji coba sinkronisasi

database dilihat pada Tabel 3.22.

Tabel 3. 22 Tabel Uji Coba Sinkronisasi Database

Test

Case ID Tujuan Input

Output yang

diharapkan Status

Page 67: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

85

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Sinkronisasi

database

- Sinkronisasi

database berhasil

C. Sinkronisasi Slot Parkir

Desain uji coba ini bertujuan untuk menguji apakah fungsi sinkronisasi

slot parkir dapat berjalan sesuai yang diharapkan. Desain uji coba sinkronisasi slot

parkir dilihat pada Tabel 3.23.

Tabel 3. 23 Tabel Uji Coba Sinkronisasi Database

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Sinkronisasi slot

parkir

- Sinkronisasi data

slot berhasil

D. Paris Mobile

Desain uji coba ini bertujuan untuk menguji apakah fungsi Paris mobile

dapat berjalan sesuai yang diharapkan. Desain uji coba Paris mobile dilihat pada

Tabel 3.24.

Tabel 3. 24 Tabel Uji Coba Paris Mobile

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Login Paris Mobile Id klien, id

member, dan

password

Masuk ke

aplikasi Paris

Mobile dan

menampilkan

Informasi slot

kosong

2. Login Paris Mobile

dengan password

yang salah

Id klien, id

member, password

salah

Data tidak

ditemukan atau

password salah

Page 68: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

86

E. Login Paris Manajamen Klien

Desain uji coba ini bertujuan untuk menguji apakah fungsi login Paris

Manajemen Klien dapat berjalan sesuai yang diharapkan. Desain uji coba login

Paris Manajemen Klien dapat dilihat pada Tabel 3.25.

Tabel 3. 25 Tabel Uji Coba Login Paris Manajemen Klien

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Login user klien Klien id, user id,

dan password

Masuk ke

aplikasi Paris

Manajemen

Klien

2. Login user klien

dengan password

salah

Klien id, user id,

password

Username atau

password tidak

valid, silahkan

masukkan

kembali

3. Login user SSI user id, dan

password

Masuk ke

aplikasi Paris

Manajemen

Klien

4. Login user SSI

dengan password

salah

user id, password Username atau

password tidak

valid, silahkan

masukkan

kembali

F. Membuat Master Klien

Desain uji coba ini bertujuan untuk menguji apakah fungsi membuat

membuat master klien dapat berjalan sesuai yang diharapkan. Desain uji coba

membuat master klien dapat dilihat pada Tabel 3.26.

Page 69: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

87

Tabel 3. 26 Tabel Uji Coba Membuat Master Klien

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Tambah klien baru Nama klien,

tanggal daftar, dan

status aktif

Data berhasil

disimpan

2. Tambah klien baru

tanpa memasukkan

nama

Tanggal daftar dan

status aktif

Data belum

lengkap, mohon

dicek dan

dilengkapi

terlebih dahulu

3. Edit data klien Nama klien,

tanggal daftar, dan

status aktif

Data berhasil

disimpan

4. Edit klien tanpa

memasukkan nama

Tanggal daftar dan

status aktif

Data belum

lengkap, mohon

dicek dan

dilengkapi

terlebih dahulu

G. Membuat Master Lokasi Parkir

Desain uji coba ini bertujuan untuk menguji apakah fungsi membuat

master lokasi parkir dapat berjalan sesuai yang diharapkan. Desain uji coba

membuat master lokasi parkir dapat dilihat pada Tabel 3.27.

Tabel 3. 27 Tabel Uji Coba Membuat Master Lokasi Parkir

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Tambah lokasi

parkir baru

Nama lokasi parkir,

alamat, password

sinkronisasi

database, nama

database, user

database, password

Data berhasil

disimpan

Page 70: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

88

Test

Case ID Tujuan Input

Output yang

diharapkan Status

database

2. Tambah lokasi

parkir baru tanpa

memasukkan nama

Alamat, password

sinkronisasi

database, nama

database, user

database, password

database

Data belum

lengkap, mohon

dicek dan

dilengkapi

terlebih dahulu

3. Edit lokasi parkir Nama lokasi parkir,

alamat, password

sinkronisasi

database, nama

database, user

database, password

database

Data berhasil

disimpan

4. Edit lokasi parkir

tanpa memasukkan

nama lokasi parkir

Alamat, password

sinkronisasi

database, nama

database, user

database, password

database

Data belum

lengkap, mohon

dicek dan

dilengkapi

terlebih dahulu

H. Membuat Master User

Desain uji coba ini bertujuan untuk menguji apakah fungsi membuat

master user dapat berjalan sesuai yang diharapkan. Desain uji coba membuat

master user dapat dilihat pada Tabel 3.28.

Tabel 3. 28 Tabel Uji Coba Membuat Master User

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Tambah user baru Nama user,

password, dan

status aktif

Data berhasil

disimpan

2. Tambah user baru

tanpa memasukkan

Password dan Data belum

lengkap, mohon

Page 71: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

89

Test

Case ID Tujuan Input

Output yang

diharapkan Status

nama status aktif dicek dan

dilengkapi

terlebih dahulu

3. Edit data user Nama user,

password, dan

status aktif

Data berhasil

disimpan

4. Edit user tanpa

memasukkan nama

Password dan

status aktif

Data belum

lengkap, mohon

dicek dan

dilengkapi

terlebih dahulu

I. Menjalankan Paris Online

Desain uji coba ini bertujuan untuk menguji apakah fungsi menjalankan

Paris online dapat berjalan sesuai yang diharapkan. Desain uji coba menjalankan

Paris online dapat dilihat pada Tabel 3.29.

Tabel 3. 29 Tabel Uji Coba Menjalankan Paris Online

Test

Case ID Tujuan Input

Output yang

diharapkan Status

1. Menjalankan Paris

online

Klik lokasi parkir

yang ingin

dikunjungi Paris

onlinenya

Masuk ke

aplikasi Paris

online yang

dituju

J. Evaluasi Kesesuaian Hasil Akhir Sistem

Evaluasi kesesuaian hasil akhir sistem adalah sebuah pengujian untuk

mengetahui apakah sistem yang dibangun telah memenuhi kebutuhan-kebutuhan

yang terdapat pada latar belakang permasalahan. Sistem yang dibangun juga harus

mengatasi permasalahan-pemersalahan yang telah diungkapkan pada latar

belakang. Desain uji coba kesesuaian hasil akhir sistem dapat dilihat pada Tabel

Page 72: BAB III ANALISIS DAN PERANCANGAN SISTEMsir.stikom.edu/1764/7/BAB_III.pdf · Kekurangan Paris antara ... ini yang akan digunakan untuk aplikasi Paris . Parking ... baik oleh SSI atau

90

3.31.

Tabel 3. 30 Tabel Evaluasi Sistem

No. Kebutuhan Hasil Bukti

1. Sistem dapat mengelola klien-

klien Paris

2. Sistem dapat mengelola lokasi-

lokasi parkir Paris

3. Sistem dapat menginformasikan

ketersediaan slot parkir di suatu

lokasi Paris