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.
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 tiketDari 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 TiketDesain 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
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
Video Dokumentasi
Berikut video dokumentasi dari kelompok kami
Komentar
Posting Komentar