PBKK B - Quiz CI - Aplikasi Pemesanan Tiket

Quiz CI - Aplikasi Pemesanan Tiket

23 Mei 2023
Pada Quiz CI kali ini kita diminta membuat aplikasi pemesanan tiket online yang melayani calon penumpang moda transportasi untuk memesan tiket baik itu tiket bus antar kota, tiket travel, tiket pesawat, tiket kapal laut maupun tiket kereta api.

Individu

Nama Arief Badrus Sholeh
NRP 5025201228
Kelas PBKK B
Tahun 2022/2023

Deskripsi Aplikasi

TiketHub merupakan aplikasi aplikasi pemesanan tiket online yang melayani pengguna untuk memesan tiket berbagai moda transportasi. Sistem membantu pengguna untuk mencari moda transportasi, rute, jadwal, dan ketersediaan tempat duduk. Sistem mengeluarkan output berupa e-tiket dalam bentuk pdf. 

Ruang Lingkup

Adapun scope/atau ruang lingkup dari aplikasi TiketHub antara lain:

Dari sisi Admin: 

- Admin dapat melihat dashboard
- Admin dapat mengelola moda transportasi
- Admin dapat mengelola rute
- Admin dapat mengelola jadwal
- Admin dapat mengkonfirmasi pemesanan tiket

Dari sisi Pengguna:

- Pengguna dapat melakukan pencarian tiket
- Pengguna dapat melakukan pemesanan tiket
- Pengguna dapat melihat daftar pemesanan tiket
- Pengguna dapat melihat detail pemesanan tiket
- Pengguna dapat mencetak Tiket

Desain User Interface

Berikut ini adalah desain UI aplikasi TiketHub. Untuk desain figma lebih lanjut dapat diakses melalui link berikut ini: https://www.figma.com/file/Qgu4dNCds60UzBLU3CNQaE/TiketHub?type=design&node-id=0%3A1&t=0eUiA6Qk7BMOHcMI-1







Kelompok

Implementasi

Untuk implementasi dari sisi Front-end, kami menggunakan framework Tailwind CSS dan komponen DaisyUI. Sementara itu, dari sisi Back-end, kami menggunakan framework CodeIgniter 4 dengan bantuan beberapa library lain, seperti Myth\Auth untuk autentikasi dan otorisasi, serta Dompdf\Dompdf untuk mencetak file PDF.

Berikut desain database kami (ERD) :
Berikut arsitektur MVC dari aplikasi TiketHUB:
  • Model:
    • Transportation: Kelas ini merepresentasikan transportasi yang tersedia, dengan atribut seperti kategori, operator, dan kapasitas.
    • Route: Kelas ini merepresentasikan rute perjalanan yang tersedia, dengan atribut seperti lokasi asal dan tujuan.
    • Schedule: Kelas ini merepresentasikan jadwal keberangkatan yang tersedia, dengan atribut seperti tanggal, waktu, dan harga.
    • Ticket: Kelas ini merepresentasikan tiket yang dipesan oleh pengguna, dengan atribut seperti informasi pengguna dan status pembayaran.
  • Controller:
    • AdminTransportationController: Kelas ini mengatur operasi terkait pengelolaan transportasi oleh admin, seperti menambah, menghapus, atau mengubah informasi transportasi.
    • AdminRouteController: Kelas ini mengatur operasi terkait pengelolaan rute oleh admin, seperti menambah, menghapus, atau mengubah informasi rute.
    • AdminScheduleController: Kelas ini mengatur operasi terkait pengelolaan jadwal oleh admin, seperti menambah, menghapus, atau mengubah jadwal keberangkatan.
    • AdminTicketController: Kelas ini mengatur operasi terkait pengelolaan pemesanan tiket oleh admin, seperti memvalidasi pembayaran pengguna.
    • UserController: Kelas ini mengatur operasi terkait pemesanan tiket oleh pengguna, seperti mencari tiket yang tersedia, melakukan pemesanan tiket, melakukan pemesanan tiket, pengecekan tiket dan mencetak e-tiket.
  • View:
    • admin/transportasi/: Tampilan yang berhubungan dengan pengelolaan transportasi oleh admin.
    • admin/rute/: Tampilan yang berhubungan dengan pengelolaan rute oleh admin.
    • admin/jadwal/: Tampilan yang berhubungan dengan pengelolaan jadwal oleh admin.
    • admin/tiket/: Tampilan yang berhubungan dengan pengelolaan pemesanan tiket oleh admin.
    • landing-page: Tampilan landing page aplikasi
    • cari-tiket: Tampilan untuk mencari tiket
    • pesan-tiket: Tampilan untuk memesan tiket
    • cek-tiket: Tampilan untuk mengecek daftar tiket dipesan
    • detail-tiket: Tampilan untuk mengecek detail tiket dipesan
    • cetak-tiket: Tampilan untuk mencetak tiket
Berikut link repository github : https://github.com/ariefbadrussholeh/TiketHub

Demo Aplikasi

Dari sisi Admin
  • Dashboard
  • Kelola Transportasi
  • Tambah Transportasi
  • Edit Transportasi
  • Hapus Transportasi
  • Kelola Rute
  • Kelola Jadwal
  • Kelola Tiket

Dari sisi User
  • Login
  • Register
  • Landing Page
  • Cari Tiket
  • Pesan Tiket
  • Cek Tiket
  • Cek Detail Tiket
  • Cetak Tiket

Video Dokumentasi

Berikut video dokumentasi dari kelompok kami

Komentar