BAB I PENDAHULUAN · 1 BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Fotografi menjadi bagian yang...

34
1 BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Fotografi menjadi bagian yang tidak terpisahkan saat ini, tidak hanya menggunakan kamera konvensional, tetapi juga menggunakan telepon pintar, hobi ini berkembang. Fotografi mulai banyak diminati seiiring kemampuan telepon pintar untuk menangkap citra gambar dengan kualitas baik, juga mulai banyaknya tempat wisata yang menyediakan tempat (spot) foto yang “Instagramable”. Instagramable merupakan istilah yang popular karena situs jejaring sosial Instagram, situs ini memang dikhususkan untuk mengabadikan kegiatan atau bahkan hanya sekedar hobi berfoto. Berkembangnya sosial media yang bermacam-macam secara umum juga mendorong hobi fotografi meningkat. Walaupun pada dasarnya fotografi tidak sekadar hobi mengambil foto tapi juga merupakan seni yang lebih luas, namun belakangan istilah fotografi menjadi umum dan popular digunakan untuk hobi berfoto. Tidak dapat dipungkiri, sekalipun sudah banyak yang menggeluti hobi ini atau sekadar ikut-ikutan, namun kebutuhan akan fotografer profesional masih tinggi, terutama untuk mengabadikan peristiwa atau acara penting, seperti pernikahan, kelulusan, ulang tahun, dan sebagainya. Oleh sebab itu, keberadaan dan kebutuhan akan studio foto dan fotografer profesional tetap ada bahkan meningkat. Perlu adanya promosi baik untuk fotografer maupun studio fotonya melalui media yang dapat dijangkau secara luas. Selain dari jejaring sosial, fotografer juga perlu memiliki situs sendiri. Selain sebagai media promosi juga sebagai portfolio sehingga

Transcript of BAB I PENDAHULUAN · 1 BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Fotografi menjadi bagian yang...

  • 1

    BAB I

    PENDAHULUAN

    1.1. Latar Belakang Masalah

    Fotografi menjadi bagian yang tidak terpisahkan saat ini, tidak hanya

    menggunakan kamera konvensional, tetapi juga menggunakan telepon pintar, hobi

    ini berkembang. Fotografi mulai banyak diminati seiiring kemampuan telepon pintar

    untuk menangkap citra gambar dengan kualitas baik, juga mulai banyaknya tempat

    wisata yang menyediakan tempat (spot) foto yang “Instagramable”. Instagramable

    merupakan istilah yang popular karena situs jejaring sosial Instagram, situs ini

    memang dikhususkan untuk mengabadikan kegiatan atau bahkan hanya sekedar hobi

    berfoto. Berkembangnya sosial media yang bermacam-macam secara umum juga

    mendorong hobi fotografi meningkat. Walaupun pada dasarnya fotografi tidak

    sekadar hobi mengambil foto tapi juga merupakan seni yang lebih luas, namun

    belakangan istilah fotografi menjadi umum dan popular digunakan untuk hobi

    berfoto.

    Tidak dapat dipungkiri, sekalipun sudah banyak yang menggeluti hobi ini

    atau sekadar ikut-ikutan, namun kebutuhan akan fotografer profesional masih tinggi,

    terutama untuk mengabadikan peristiwa atau acara penting, seperti pernikahan,

    kelulusan, ulang tahun, dan sebagainya. Oleh sebab itu, keberadaan dan kebutuhan

    akan studio foto dan fotografer profesional tetap ada bahkan meningkat.

    Perlu adanya promosi baik untuk fotografer maupun studio fotonya melalui media

    yang dapat dijangkau secara luas. Selain dari jejaring sosial, fotografer juga perlu

    memiliki situs sendiri. Selain sebagai media promosi juga sebagai portfolio sehingga

  • 2

    dapat lebih dipercaya untuk mendapatkan proyek fotografi yang lebih besar. Selain

    itu, situs ini nantinya harus dapat menangani pemesanan atau booking studio foto.

    1.2. Analisa Kebutuhan Sistem

    Agar sebuah aplikasi dapat bekerja dengan baik dan sesuai dengan kebutuhan

    pengguna. Untuk itu berikut penjabaran kebutuhan pengguna sistem:

    A. Admin

    A.1. Melakukan Login

    A.2. Mengelola Paket

    A.3. Mengelola Booking

    A.4. Mengelola Pembayaran

    A.5. Melihat Jadwal

    A.6. Mengelola Galeri

    B. Pelanggan/Pengunjung

    B.1. Melihat Galeri

    B.2. Melihat Paket

    B.3. Melihat Jadwal

    B.4. Melakukan Booking

    B.5. Membayar Booking

  • 3

    1.3. Rancangan Use Case Diagram

    Gambar I.1 Use Case Diagram

    uc A

    ll

    Adm

    in

    Logi

    n

    Men

    gelo

    la P

    aket

    Me

    nge

    lola

    Bo

    okin

    g

    Me

    nge

    lola

    Pem

    baya

    ran

    Mel

    ihat

    Pa

    ket

    Cek

    Sta

    tus

    Logi

    n

    Men

    gelo

    la G

    aler

    i

    Pela

    ngg

    an

    Me

    lihat

    Ga

    leri

    Boo

    kin

    g St

    udio

    Me

    mba

    yar

    Boo

    kin

    g

    Me

    lihat

    Ten

    tang

    Kam

    i

    Me

    lihat

    Jad

    wal

    «inc

    lude

    »

    «in

    clu

    de»

    «inc

    lude

    »

    «inc

    lude

    »

    «ext

    end

    »

    «ext

    end

    »

    «inc

    lude

    »

    «in

    clud

    «inc

    lude

    »

    «ext

    end»

    «ext

    end»

  • 4

    1. Deskripsi Use Case Diagram a. Deskripsi Use Case Diagram Menambah Galeri

    Tabel I.1 Deskripsi Use Case Diagram Menambah Galeri

    Tujuan Admin dapat menambah data galeri

    Deskripsi Sistem ini memungkinkan aktor menambah galeri

    Aktor Admin

    Kondisi Awal

    Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Menginput data galeri baru 2. Memeriksa apakah valid tidaknya

    masukan 3. Menyimpan data galeri ke basis data 4. Menampilkan pesan berhasil

    disimpan Skenario Alternatif 1. Menginput data galeri baru 4. Memperbaiki masukan yang

    salah.

    2. Memeriksa apakah valid tidaknya

    masukan 3. Menampilkan pesan peringatan error

    5. Memeriksa apakah valid tidaknya masukan

    6. Menyimpan data galeri ke basis data 7. Menampilkan pesan berhasil

    disimpan

    Kondisi Akhir Sistem dapat menyimpan data galeri baru

  • 5

    b. Deskripsi Use Case Diagram Mengubah Galeri Tabel I.2

    Deskripsi Use Case Diagram Mengubah Galeri

    Tujuan Admin dapat mengubah data galeri

    Deskripsi Sistem ini memungkinkan aktor mengubah galeri.

    Aktor Admin

    Kondisi Awal Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Memasukkan nama galeri yang dicari

    4. Melakukan perubahan pada data galeri

    2. Mencari data galeri yang akan

    dibuah. 3. Menampilkan data galeri

    5. Melakukan validasi terhadap masukan.

    6. Menyimpan data galeri ke basis data 7. Menampilkan pesan berhasil

    disimpan Skenario Alternatif 1. Memasukkan nama galeri yang

    dicari

    4. Melakukan perubahan pada data galeri

    7. Memperbaiki masukan yang

    salah

    2. Mencari data galeri yang akan

    dibuah. 3. Menampilkan data galeri

    5. Melakukan validasi terhadap masukan.

    6. Menampilkan pesan peringatan error

    8. Melakukan validasi terhadap

    masukan. 9. Menyimpan data galeri ke basis data 10. Menampilkan pesan berhasil

    disimpan

  • 6

    Kondisi Akhir Sistem dapat mengubah data galeri yang telah diubah

    c. Deskripsi Use Case Diagram Menghapus Galeri

    Tabel I.3 Deskripsi Use Case Diagram Menghapus Galeri

    Tujuan Admin dapat menghapus data galeri

    Deskripsi Sistem ini memungkinkan aktor menghapus galeri.

    Aktor Admin

    Kondisi Awal Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Memasukkan nama galeri yang dicari

    3. Klik hapus 5. Memilih Ya

    2. Mencari data galeri yang akan

    dibuah.

    4. Konfirmasi Hapus

    6. Menghapus data galeri dari basis data

    7. Menampilkan pesan berhasil dihapus

    Kondisi Akhir Sistem dapat menghapus data galeri

    d. Deskripsi Use Case Diagram Menambah Paket

    Tabel I.4 Deskripsi Use Case Diagram Menambah Paket

    Tujuan Admin dapat menambah data paket

    Deskripsi Sistem ini memungkinkan aktor menambah paket

    Aktor Admin

    Kondisi Awal Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Menginput data paket baru 2. Memeriksa apakah valid tidaknya

    masukan

  • 7

    3. Menyimpan data paket ke basis data 4. Menampilkan pesan berhasil

    disimpan Skenario Alternatif 1. Menginput data paket baru 4. Memperbaiki masukan yang

    salah.

    2. Memeriksa apakah valid tidaknya

    masukan 3. Menampilkan pesan peringatan error

    5. Memeriksa apakah valid tidaknya masukan

    6. Menyimpan data paket ke basis data 7. Menampilkan pesan berhasil

    disimpan

    Kondisi Akhir Sistem dapat menyimpan data paket baru

    e. Deskripsi Use Case Diagram Mengubah Paket

    Tabel I.5 Deskripsi Use Case Diagram Mengubah Paket

    Tujuan Admin dapat mengubah data paket

    Deskripsi Sistem ini memungkinkan aktor mengubah paket.

    Aktor Admin

    Kondisi Awal Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Memasukkan nama paket yang dicari

    4. Melakukan perubahan pada data paket

    2. Mencari data paket yang akan

    dibuah. 3. Menampilkan data paket

    5. Melakukan validasi terhadap masukan.

    6. Menyimpan data paket ke basis data 7. Menampilkan pesan berhasil

    disimpan Skenario Alternatif 1. Memasukkan nama paket yang

    dicari 2. Mencari data paket yang akan

  • 8

    4. Melakukan perubahan pada data paket

    7. Memperbaiki masukan yang

    salah

    dibuah. 3. Menampilkan data paket

    5. Melakukan validasi terhadap masukan.

    6. Menampilkan pesan peringatan error

    8. Melakukan validasi terhadap

    masukan. 9. Menyimpan data paket ke basis data 10. Menampilkan pesan berhasil

    disimpan

    Kondisi Akhir Sistem dapat mengubah data paket yang telah diubah

    f. Deskripsi Use Case Diagram Menghapus Paket

    Tabel I.6 Deskripsi Use Case Diagram Menghapus Paket

    Tujuan Admin dapat menghapus data paket

    Deskripsi Sistem ini memungkinkan aktor menghapus paket.

    Aktor Admin

    Kondisi Awal

    Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Memasukkan nama paket yang dicari

    2. Klik hapus 5. Memilih Ya

    2. Mencari data paket yang akan

    dibuah.

    3. Konfirmasi Hapus

    6. Menghapus data paket dari basis data 7. Menampilkan pesan berhasil dihapus

  • 9

    Kondisi Akhir Sistem dapat menghapus data paket

  • 10

    g. Deskripsi Use Case Diagram Membatalkan Booking Tabel I.7

    Deskripsi Use Case Diagram Membatalkan Booking

    Tujuan Admin dapat membatalkan data booking

    Deskripsi Sistem ini memungkinkan aktor menambah booking

    Aktor Admin

    Kondisi Awal Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Cari data booking 2. Pilih data booking 3. Klik Batalkan

    4. Batalkan booking studio 5. Menampilkan pesan berhasil

    dibatalkan

    Kondisi Akhir Sistem dapat membatalkan data booking

    h. Deskripsi Use Case Diagram Mengubah Status Pembayaran Booking

    Tabel I.8 Deskripsi Use Case Diagram Membatalkan Mengubah Status Pembayaran Booking

    Tujuan Admin dapat menambah data booking

    Deskripsi Sistem ini memungkinkan aktor menambah booking

    Aktor Admin

    Kondisi Awal Admin sudah login

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Cari data pembayaran booking 2. Pilih data pembayaran booking 3. Ubah status pembayaran 4. Klik Update Status

    5. Perbaharui status pembayaran 6. Menampilkan pesan berhasil

    diperbaharui

    Kondisi Akhir Sistem dapat memperbaharui data pembayaran booking

  • 11

    i. Deskripsi Use Case Diagram Booking Tabel I.9

    Deskripsi Use Case Diagram Booking

    Tujuan Pelanggan dapat melakukan booking

    Deskripsi Sistem ini memungkinkan aktor melakukan booking studio

    Aktor Pelanggan

    Kondisi Awal Pelanggan sudah membuka halaman booking

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Menginput data diri 2. Memilih Paket 3. Menginput tanggal dan waktu

    take 4. Klik Booking

    5. Memeriksa apakah valid tidaknya masukan

    6. Menyimpan data barang ke basis data

    7. Mengirimkan email pemberitahuan. 8. Menampilkan pesan berhasil

    disimpan Skenario Alternatif 1. Menginput data diri 2. Memilih Paket 3. Menginput tanggal dan waktu

    take 4. Klik Booking 7. Memperbaiki Inputan

    5. Memeriksa apakah valid tidaknya masukan.

    6. Menampilkan pesan error 8. Memeriksa apakah valid tidaknya

    masukan 9. Menyimpan data barang ke basis

    data 10. Mengirimkan email pemberitahuan. 11. Menampilkan pesan berhasil

    disimpan

    Kondisi Akhir Sistem dapat menyimpan booking

  • 12

    j. Deskripsi Use Case Diagram Membayar Booking Tabel I.10

    Deskripsi Use Case Diagram Membayar Booking

    Tujuan Pelanggan dapat melakukan booking

    Deskripsi Sistem ini memungkinkan aktor melakukan pembayaran booking studio

    Aktor Pelanggan

    Kondisi Awal Pelanggan sudah membuka halaman pembayaran

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Menginput No Booking 2. Klik Cari 3. Input bukti pembayaran 4. Klik Bayar

    5. Memeriksa apakah valid tidaknya masukan

    6. Menyimpan data barang ke basis data

    7. Mengirimkan email pemberitahuan. 8. Menampilkan pesan berhasil

    disimpan Skenario Alternatif 1. Menginput No Booking 2. Klik Cari 3. Input bukti pembayaran 4. Klik Bayar 7. Memperbaiki input 8. Klik Bayar

    5. Memeriksa apakah valid tidaknya masukan

    6. Menampilkan pesan error

    9. Memeriksa apakah valid tidaknya masukan

    10. Menyimpan data barang ke basis data

    11. Mengirimkan email pemberitahuan. 12. Menampilkan pesan berhasil

    disimpan

    Kondisi Akhir Sistem dapat menyimpan pembayaran

  • 13

    k. Deskripsi Use Case Diagram Melihat Paket Tabel I.11

    Deskripsi Use Case Diagram Melihat Paket

    Tujuan Pelanggan dapat melihat paket

    Deskripsi Sistem ini memungkinkan aktor melakukan melihat paket

    Aktor Pelanggan

    Kondisi Awal Pelanggan sudah membuka halaman lihat paket

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Melihat paket booking

    2. Menampilkan paket booking

    Kondisi Akhir Sistem dapat melihat paket

    l. Deskripsi Use Case Diagram Melihat Jadwal

    Tabel I.12 Deskripsi Use Case Diagram Melihat Jadwal

    Tujuan Pelanggan dapat melihat paket

    Deskripsi Sistem ini memungkinkan aktor melakukan melihat jadwal

    Aktor Pelanggan

    Kondisi Awal Pelanggan sudah membuka halaman lihat jadwal

    Aksi Aktor Reaksi Sistem

    Skenario Normal 1. Melihat paket jadwal

    2. Menampilkan paket jadwal

    Kondisi Akhir Sistem dapat melihat jadwal

    m. Deskripsi Use Case Diagram Melihat Galeri

    Tabel I.13 Deskripsi Use Case Diagram Melihat Galeri

  • 14

    Tujuan Pelanggan dapat melihat galeri

    Deskripsi Sistem ini memungkinkan aktor melakukan melihat galeri

    Aktor Pelanggan

    Kondisi Awal Pelanggan sudah membuka halaman lihat galeri

    Aksi Aktor Reaksi Sistem

    Skenario Normal

    1. Melihat paket galeri

    2. Menampilkan paket galeri

    Kondisi Akhir Sistem dapat melihat galeri

    1.4. Rancangan Diagram Aktivitas

    A. Diagram Aktivitas Admin

    1. Diagram Aktivitas Login

  • 15

    Gambar I.2 Diagram Aktivitas Login

    2. Diagram Aktivitas Mengelola Paket

    act Activity Diagram Login

    SistemAdmin

    Mulai

    Input ID Pengguna dan

    Password

    Klik Login Validasi

    Valid?

    Tampilkan Halaman Utama

    Selesai

    [Ya]

    [Tidak]

  • 16

    Gambar I.3 Diagram Aktivitas Mengelola Paket

    3. Diagram Aktivitas Mengelola Booking

    act Activity Diagram Mengelola Paket

    SistemAdmin

    Mulai

    Buka Halaman Paket

    Pilih Menu

    Tambah Baru

    Input Data Paket

    Kliik Simpan Validasi Data

    Valid?

    Simpan Data

    Tampilkan Error

    Ubah

    Ubah Data Paket

    Hapus Hapus Data

    Selesai

    Validasi Data Yang

    Diubah

    Valid?

    Simpan Perubahan

    Tampilkan Error

    Klik Simpan

    [Ya]

    [Tidak]

  • 17

    Gambar I.4 Diagram Aktivitas Mengelola Booking

    act Activity Diagram Mengelola Booking

    SistemAdmin

    Mulai

    Buka Halaman

    Booking

    Cari Booking

    Klik Batal Batalkan Booking

    Kirim Email

    Pembatalan

    Selesai

  • 18

    4. Diagram Aktivitas Mengelola Pembayaran

    Gambar I.5 Diagram Aktivitas Mengelola Pembayaran

    5. Diagram Aktivitas Melihat Jadwal

    Gambar I.6 Diagram Aktivitas Melihat Jadwal

    act Activity Diagram Mengelola Pembayaran

    SistemAdmin

    Mulai

    Buka Halaman

    Pembayaran

    Ubah Status

    Pembayaran

    Klik Update Status Update Status

    Pembayaran

    Cari Pembayaran

    Pilih Pembayaran

    Klik Kirim Email Kirim Email Verifikasi

    Selesai

    act Activity Diagram Melihat Jadwal

    SistemAdmin

    Mulai

    Buka Halaman Jadwal Tampilkan Halaman

    Jadwal

    Selesai

  • 19

    B. Diagram Aktivitas Pelanggan

    1. Diagram Aktivitas Booking

    Gambar I.7 Diagram Aktivitas Booking

    act Activity Diagram Booking

    SistemPelanggan

    Mulai

    Buka Halaman

    Booking

    Input Data Diri

    Pilih Paket

    Input Tanggal dan

    Waktu Take

    Klik Booking Validasi Data

    Valid?

    Simpan Data Booking

    Kirim Email

    Pemberitahuan

    Selesai

    Tampilkan Pesan

    Berhasil

  • 20

    2. Diagram Aktivitas Membayar Booking

    Gambar I.8 Diagram Aktivitas Membayar Booking

    act Activity Diagram Membayar booking

    SistemPelanggan

    Mulai

    Membuka Halaman

    Pembayaran

    Input No Pendaftaran

    Klik Cari Cari Data Booking

    Ada?Tampilkan Pesan Error

    Tampilkan Data Pendaftaran

    Upload Bukti Pembayaran

    Klik Bayar Validasi

    Valid?

    Simpan Data Pembayaran

    Kirim Email PemberitahuanTampilkan Pesan Berhasil

    Selesai

    Tampilkan Pesan Error

    [Ya]

    [Tidak]

    [Ya]

    [Tidak]

  • 21

    3. Diagram Aktivitas Melihat Paket

    Gambar I.9 Diagram Aktivitas Melihat Paket

    4. Diagram Aktivitas Melihat Tentang Kami

    Gambar I.10 Diagram Aktivitas Melihat Tentang Kami

    act Activity Melihat Paket

    SistemPelanggan

    Mulai

    Buka Halaman Paket Tampilkan Halaman Paket

    Selesai

    act Activity Diagram Melihat Paket

    SistemPelanggan

    Mulai

    Buka Halaman Tentang

    Kami

    Tampilkan Halaman

    Tentang Kami

    Selesai

  • 22

    5. Diagram Aktivitas Melihat Galeri

    Gambar I.11 Diagram Aktivitas Melihat Galeri

    6. Diagram Aktivitas Melihat Jadwal

    Gambar I.12 Diagram Aktivitas Melihat Jadwal

    act Activity Diagram Melihat Galeri

    SistemPelanggan

    Mulai

    Buka Halaman Galeri Tampilkan Halaman Galeri

    Selesai

    act Activity Diagram Melihat Galeri

    SistemPelanggan

    Mulai

    Buka Halaman Galeri Tampilkan Halaman Galeri

    Selesai

  • 23

    1.5. Entity Relationship Diagram (ERD)

    Gambar I.13 Rancangan Entity Relationship Diagram (ERD)

  • 24

    1.6. Logical Record Structure (LRS)

    Gambar I.14 Logical Record Structure (LRS)

  • 25

    1.7. Class Diagram

    A. Class Diagram Admin

    Gambar I.15 Class Diagram Admin

    cla

    ss C

    lass

    Dia

    gram

    CI_Controller

    Boo

    kin

    g

    + __

    cons

    truc

    t()

    + ba

    talk

    an_b

    ook

    ing(

    )

    + in

    dex(

    )

    + lih

    at_j

    adw

    al()

    CI_Controller

    Gal

    eri

    + __

    cons

    truc

    t()

    + ha

    pus

    _gal

    eri(

    var)

    + in

    dex(

    )

    - re

    size

    (va

    r, v

    ar)

    + si

    mp

    an_g

    aler

    i()

    + ta

    mba

    h_g

    aler

    i()

    + ub

    ah_g

    ale

    ri(v

    ar)

    + up

    date

    _gal

    eri(

    )

    CI_Controller

    Pak

    et

    + __

    con

    stru

    ct()

    : va

    r

    + ha

    pus_

    pake

    t(v

    ar):

    var

    + in

    dex(

    ): v

    ar

    - re

    size

    (var

    , var

    )

    + si

    mp

    an_p

    aket

    (): v

    ar

    + ta

    mba

    h_p

    aket

    (): v

    ar

    + ub

    ah_p

    aket

    (var

    ): v

    ar

    + up

    date

    _pa

    ket(

    ): v

    ar

    CI_C

    ontroller

    Pem

    bay

    ara

    n

    + __

    cons

    truc

    t()

    + em

    ail_

    pem

    beri

    tah

    uan

    (var

    )

    + in

    dex

    ()

    - ki

    rim

    _em

    ail(

    var)

    + ub

    ah_s

    tatu

    s()

    CI_Model

    Ga

    leri

    _mod

    el

    + ca

    ri_g

    aler

    i_b

    y_id

    (va

    r): v

    ar

    + ge

    t_g

    aler

    i():

    var

    + ha

    pus

    _gal

    eri(

    var)

    : var

    + ta

    mba

    h_g

    aler

    i(v

    ar):

    var

    + ub

    ah_g

    ale

    ri(v

    ar,

    var)

    : va

    r

    CI_M

    odel

    Pak

    et_

    mod

    el

    + ca

    ri_p

    aket

    _by

    _ko

    de(v

    ar):

    var

    + ge

    t_p

    aket

    (): v

    ar

    + ha

    pus_

    pake

    t(v

    ar):

    var

    + ko

    de_p

    aket

    _aut

    o()

    : var

    + ta

    mba

    h_p

    aket

    (va

    r): v

    ar

    + ub

    ah_p

    aket

    (var

    , var

    ): v

    ar

    CI_Model

    Boo

    king

    _mo

    del

    + ca

    ri_b

    ooki

    ng_b

    y_n

    o(v

    ar)

    : var

    + ge

    t_b

    ooki

    ng()

    : var

    + ha

    pus

    _boo

    kin

    g(v

    ar):

    va

    r

    + ub

    ah_

    book

    ing(

    var

    , var

    ): v

    ar

    CI_Model

    Pem

    baya

    ran_

    mod

    el

    + ca

    ri_pe

    mb

    aya

    ran

    _by_

    no(

    var

    ): v

    ar

    + ge

    t_pe

    mb

    ayar

    an()

    : va

    r

    + ha

    pus_

    pem

    ba

    yara

    n(va

    r):

    var

    + ub

    ah_p

    emba

    yar

    an(v

    ar,

    va

    r): v

    ar

    Inte

    rfac

    e

    + fo

    rmG

    aler

    i()

    + fo

    rmLo

    gin

    ()

    + fo

    rmP

    aket

    ()

    + fo

    rmP

    emb

    aya

    ran

    ()

    + fo

    rmP

    engg

    una

    ()

    CI_C

    ontroller

    Pen

    ggu

    na

    + __

    cons

    truc

    t():

    var

    + ha

    pus_

    pen

    ggu

    na(v

    ar):

    var

    + in

    dex

    ():

    var

    + si

    mp

    an_p

    engg

    una

    (): v

    ar

    + ta

    mba

    h_p

    engg

    una

    (): v

    ar

    + ub

    ah_p

    eng

    gun

    a(v

    ar):

    var

    + up

    date

    _pen

    ggun

    a()

    : var

    CI_M

    odel

    Pen

    ggu

    na_m

    ode

    l

    + ca

    ri_pe

    ngg

    una

    _by

    _id(

    var

    ): v

    ar

    + ge

    t_pe

    ngg

    una

    (): v

    ar

    + ha

    pus_

    pen

    ggu

    na(v

    ar):

    var

    + ta

    mba

    h_p

    engg

    una

    (va

    r): v

    ar

    + ub

    ah_p

    eng

    gun

    a(v

    ar, v

    ar):

    var

    1

    1

    1

    1

    1

    1..

    *

    1

    1..

    *

    1

    1

    1

    1

    1

    1

    1

    1..

    *

    1

    1..

    *

    1

    1..

    *

  • 26

    B. Class Diagram Pengunjung/Pelanggan

    Gambar I.16 Class Diagram Pelanggan

    clas

    s Cl

    ass

    Dia

    gra

    m

    CI_M

    odel

    Gal

    eri

    _mod

    el

    + ge

    t_g

    ale

    ri()

    CI_M

    odel

    Pak

    et_

    mo

    del

    + ca

    ri_p

    aket

    _by_

    kod

    e(v

    ar)

    + ge

    t_p

    aket

    ()

    CI_M

    odel

    Boo

    king

    _mod

    el

    + ca

    ri_b

    ooki

    ng_b

    y_n

    o(v

    ar)

    + ca

    ri_b

    ooki

    ng_b

    y_ta

    ngga

    l(var

    ): v

    oid

    + n

    o_b

    ooki

    ng_a

    uto

    ()

    + ta

    mb

    ah_b

    ooki

    ng(v

    ar)

    CI_M

    odel

    Pem

    bay

    aran

    _mod

    el

    + ca

    ri_p

    emb

    ayar

    an_b

    y_n

    o(v

    ar)

    + ca

    ri_p

    emb

    ayar

    an_b

    y_n

    o_b

    ooki

    ng(v

    ar)

    + no

    _pem

    bay

    aran

    _aut

    o()

    + ta

    mba

    h_p

    emb

    ayar

    an(v

    ar)

    Inte

    rfac

    e

    + fo

    rmB

    ooki

    ng()

    + fo

    rmG

    aler

    i()

    + fo

    rmJa

    dw

    al()

    + fo

    rmP

    aket

    ()

    + fo

    rmP

    emba

    yara

    n()

    CI_Controller

    Boo

    king

    + _

    _con

    stru

    ct()

    + ca

    ri_b

    ooki

    ng(v

    ar)

    + ca

    ri_b

    ooki

    ng_b

    y_ta

    ngga

    l(var

    , var

    )

    + in

    dex(

    )

    - k

    irim

    _em

    ail(

    var

    )

    + lih

    at_j

    adw

    al()

    + lih

    at_j

    adw

    al_b

    y_ta

    ngga

    l(var

    )

    + si

    mpa

    n_b

    ooki

    ng()

    CI_Controller

    Ga

    leri

    + __

    cons

    truc

    t()

    + lih

    at_g

    aler

    i()

    CI_Controller

    Pak

    et

    + __

    cons

    truc

    t()

    + ca

    ri_p

    aket

    (var

    )

    + lih

    at_p

    aket

    ()

    CI_Controller

    Pem

    bay

    aran

    + __

    cons

    truc

    t()

    + ca

    ri_p

    emb

    ayar

    an()

    - ca

    ri_p

    emb

    ayar

    an_b

    y_n

    o_b

    ooki

    ng(v

    ar)

    + ga

    nti_

    pem

    bay

    aran

    ()

    + in

    dex(

    )

    - ki

    rim_e

    ma

    il(va

    r)

    + si

    mp

    an_p

    emb

    ayar

    an(

    )

    1..

    *

    1

    1..

    *

    1 1

    1

    1

    1

    1

    1

    1

    1

    1..

    *

    1

    1..

    *

    1..

    1

    1..

    *

    1

    1..

    *

  • 27

    1.8. Sequence Diagram

    A. Sequence Diagram Pelanggan

    1. Sequence Diagram Booking

    Gambar I.17 Sequence Diagram Booking

    sd Sequence Diagram Booking

    PelangganForm Booking Control Booking

    Booking

    Paket

    [Data Paket]:

    [Validasi]:

    [Pilih Paket]:

    [Buka Form Booking]:

    [Get Result]:

    simpan_booking()

    [Input Data Diri]:

    cari_paket_by_kode()

    Klik Booking()

    [Inisialisasi]:

    «create»

    [Tampil Pesan Error]:

    [Tampilkan Data Paket]:

    cari_paket()

    «create»

    tambah_booking()

    [Input Data Booking]:

    kirim_email()

  • 28

    2. Sequence Diagram Membayar Booking

    Gambar I.18 Sequence Diagram Membayar Booking

    sd Sequence Diagram Membayar Booking

    PelangganForm Pembayaran Control Pembayaran

    Pembayaran

    Booking

    [Klik Cari]:

    [Validasi]:

    «create»

    [Klik Bayar]:

    [Tampil Data Booking]:

    [Inisialisasi]:

    [Get Result]:

    tambah_pembayaran()

    cari_no_booking()

    [Input No Booking]:

    simpan_pembayaran()

    [Input Bukti Bayar]:

    «create»

    [Data Booking]:

    kirim_email()

    [Buka Form Pembayaran]:

    cari_booking_by_no()

    [Tampilkan Pesan Error]:

  • 29

    3. Sequence Diagram Melihat Galeri

    Gambar I.19 Sequence Diagram Melihat Galeri

    4. Sequence Diagram Melihat Paket

    Gambar I.20 Sequence Diagram Melihat Paket

    sd Sequence Diagram Melihat Galeri

    PelangganForm Galeri Control Galeri

    Galeri

    [Inisialisasi]:

    [Data Galeri]:

    get_galeri()

    «create»

    [Buka Form Galeri]:

    [Tampilkan Galeri]:

    [Get Result]:

    sd Sequence Diagram Melihat Paket

    PelangganForm Paket Control Paket

    Paket

    [Inisialisasi]:

    [Tampilkan Paket]:

    [Get Result]:

    «create»

    [Buka Form Paket]:

    [Data Paket]:

    get_paket()

  • 30

    B. Sequence Diagram Admin

    1. Sequence Diagram Mengelola Paket

    Gambar I.21 Sequence Diagram Mengelola Paket

    sd Sequence Diagram Mengelola Paket

    AdminFirm Paket Control Paket

    Paket

    [Tampilkan Pesan Error]:

    [Validasi]:

    [Klik Simpan]:

    «create»

    [Buka Form Paket]:

    tambah_paket()

    simpan_paket()

    [Input Data Paket]:

    Inisialisasi()

  • 31

    2. Sequence Diagram Mengelola Galeri

    Gambar I.22 Sequence Diagram Mengelola Galeri

    sd Sequence Diagram Mengelola Galeri

    AdminFirm Galeri Control Galeri

    Galeri

    [Tampilkan Pesan Error]:

    [Validasi]:

    [Klik Simpan]:

    «create»

    [Buka Form Galeri]:

    tambah_galeri()

    simpan_galeri()

    [Input Data Galeri]:

    Inisialisasi()

  • 32

    3. Sequence Diagram Mengelola Booking

    Gambar I.23 Sequence Diagram Mengelola Booking

    sd Sequence Diagram Mengelola Booking

    AdminForm Booking Control Booking

    Booking

    [Tampil Data Booking]:

    [Get Result]:

    [Get Result]:

    «create»

    batalkaan_booking()

    [Pilih Data Booking]:

    [Data Booking]:

    [Tampilkan Pesan Berhasil]:

    get_booking()

    ubah_booking()

    [Klik Batalkan]:

  • 33

    4. Sequence Diagram Mengelola Pembayaran

    Gambar I.24 Sequence Diagram Mengelola Pembayaran

    1.9. Spesifikasi Hardware dan Software

    Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengiplementasikan :

    1. Spesifikasi Perangkat Keras a. Server

    1) CPU a) Prosesor Intel® Xeon for Server 2GHz b) RAM DDR3 16 GB c) SSD atau Hard Disk 500 GB

    2) Mouse 3) Keyboard 4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 10 Mbps

    b. Client 1) CPU

    a) Prosesor Intel Pentium Dual Core atau AMD yang setara b) RAM DDR3 2 GB

    2) Mouse. 3) Keyboard. 4) Monitor dengan resolusi layar minimum 1024x768 pixel. 5) Koneksi internet dengan kecepatan 2 Mbps.

    sd Sequence Diagram Mengelola Pembayaran

    AdminForm Pembayaran Control Pembayaran

    Pembayaran

    ubah_status()

    [Pilih Data Pembayaran]:

    [Data Pembayaran]:

    [Tampilkan Pesan Berhasil]:

    get_permbayaran()

    ubah_pembayaran()

    [Klik Update]:

    [Tampil Data Pembayaran]:

    [Ubah Status]:

    [Get Result]:

    [Get Result]:

    «create»

  • 34

    2. Spesifikasi Perangkat Lunak a. Server

    a) Sistem Operasi: Microsoft Windows, Linux atau BSD b) Web Server: Apache Server c) DBMS : MySQL d) Web Browser: Mozilla Firefox dan Google Chrome.

    b. Client 1. Sistem Operasi: Microsoft Windows, Linux, atau Android, IOS untuk

    pengguna telepon pintar 2. Web Browser: Mozilla Firefox dan Google Chrome.