T0 562010028 BAB III
1
Bab III
PERANCANGAN SISTEM
1.1 Analisa Kebutuhan
Telah dijelaskan dibab satu tentang masalah yang muncul dalam proses pemesanan tiket bus, dengan memanfaatkan fasilitas internet yaitu website. Penulis dalam membangun website ini membutuhkan beberapa kebutuhan, antara lain sebagai berikut:
3.1.1 Kebutuhan Antar Muka
Kebutuhan antar muka yang diperlukan untuk membangun sistem informasi ini meliputi:
a. Sistem yang akan dibangun harus userfriendly.
b. Sistem yang akan dibangun harus mampu menyimpan data-data yang dimasukkan oleh admin dan customer. c. Sistem yang akan dibangun memiliki fasilitas untuk
mengunduh, menambah dan memperbaruhi atau mengubah semua data yang ada di dalam storage sesuai hak akses masing-masing user.
3.1.2 Kebutuhan Data
Data-data yang akan diolah oleh sistem informasi ini antara lain:
(2)
a. Data Agen, meliputi atribut agen yang akan digunakan untuk melengkapi field pada storage agen. Field tersebut antara lain: alamat agen, harga tiket, jalur, kelas armada.
b. Data Customer, meliputi atribut customer yang akan digunakan untuk melengkapi field pada storage customer. Field tersebut antara lain: order, update profil, nama customer.
c. Data seperti harga, jalur, kelas armada yang nantinya diisi dan dilengkapi oleh agen itu sendiri.
d. Data order yang dilengkapi oleh customer.
3.1.3 Kebutuhan Fungsional
Layanan yang disediakan oleh sistem informasi yang akan dibangun ini adalah sebagai berikut:
a. Mengelola otoritas passcode, yaitu data passcode yang dimasukkan oleh admin dan customer dengan benar dan selanjutnya memberikan hak akses kepada admin dan customer untuk login dan menjalankan sistem.
b. Mengelola data pada sistem informasi ini yang dilakukan oleh admin. Aksi yang dapat dilakukan antara lain: menambah dan mengubah.
c. Data file pemesanan yang di-upload oleh customer dan dapat dikonfirmasi oleh admin.
(3)
3.2 Gambaran Umum Sistem
Website yang dirancang memiliki tampilan yang mudah untuk diaplikasikan. Sistem yang dirancang akan memudahkan user untuk meng-upload dan mengunduh file data tanpa membutuhkan waktu yang cukup lama.
Secara umum, fungsi website pemesanan tiket bus adalah sebagai berikut:
a. Akun admin dan customer terproteksi oleh passcode. b. Memberikan akses kepada admin untuk
mengonfirmasikan pemesanan, update konten yang ada di dalam website.
c. Memberikan akses kepada customer untuk upload file pemesanan dan mencetak tiket yang telah di konfirmasi oleh admin.
3.3 DFD (Data Flow Diagram)
Diagram arus data website pemesanan tiket bus terdiri dari:
a. Proses Update data
Dalam proses ini user bertipe admin dapat melakukan proses setting konten data informasi dengan cara melakukan aksi meng-update informasi baru, sedangkan user bertipe customer diberikan akses untuk
(4)
memilih konten-konten yang sudah disediakan dan menginputkan ke dalam data pemesanan.
b. Proses konfirmasi
Dalam proses ini user bertipe admin dapat melakukan proses konfirmasi pesanan yang telah di inputkan oleh customer, sedangkan user bertipe customer diberikan akses untuk input file pesanan.
Gambar 3.1 DFD Level 0 Website Perancangan Sistem Informasi
Pemesanan Tiket Bus Berbasis Web
Keterangan:
- Data dari admin sebagai input-an dari admin ke website pemesanan tiket bus akan diteruskan menjadi input-an/respon dari website ke customer.
- Data pemesanan sebagain input-an customer ke website pemesanan tiket bus akan diteruskan menjadi input-an/respon dari website ke admin.
(5)
Gambar 3.2DFD level 1 Website Perancangan Sistem Informasi
Pemesanan Tiket Bus Berbasis Web
Keterangan:
- Customer baru mendaftar sebagai member dan akan
masuk ke storage database customer.
- Melalui sistem pemesanan tiket on-line ini customer bias langsung melakukan proses pemesanan yang nantinya data pemesanan akan masuk ke storage database pesanan.
- Setelah proses pemesanan selesai akan dilanjutkan ke proses pembayaran yang sebelumnya customer akan melakukan pembayaran dan konfirmasi.
- Melalui sistem ini admin langsung melakukan konfirmasi pemesanan dan juga memberikan kode booking tiket ke pelanggan.
(6)
3.4 Sitemap
Gambar 3.3Sitemap Perancangan Sistem Informasi Pemesanan Tiket Bus
(7)
3.5 Perancangan Database
Tabel-tabel database beserta relasinya yang digunakan dalam Perancangan Sistem Informasi Pemesanan Tiket Bus Berbasis Web dapat dilihat dalam gambar-gambar berikut:
a. Tabel User
Tabel 3.1 Tabel User
Name Field Type Null
id_user int(15) No
nama varchar(50) No
ttl varchar(50) No
alamat varchar(50) No
telp varchar(50) No
hp varchar(50) No
psw varchar(50) No
email varchar(50) No
(8)
Tabel User digunakan untuk mengolah data yang berisikan username, password dan leveluser untuk login kedalam sistem.
b. Tabel Pesan
Tabel 3.2 Tabel Pesan
Name Field Type Null
id_pemesanan int(15) No
id_user int(15) Yes
id_jalur int(15) Yes
konfirmasi varchar(50) No konfirmasi_user varchar(50) No
Tabel pesan digunakan untuk mengolah data pemesanan untuk ditambah oleh admin dan juga diunduh oleh customer.
(9)
c. Tabel Konten
Tabel3.3 Tabel Konten
Name Field Type Null
judul varchar(50) Yes
main text Yes
Tabel konten digunakan untuk mengolah data informasi untuk ditambah oleh admin dan juga dilihat oleh customer.
d. Tabel Jenis Bus
Tabel3.4 Tabel Jenis Bus
Name Field Type Null
id int(10) No
jenis varchar(50) Yes
Tabel jenis bus digunakan untuk mengolah data jenis bus untuk ditambah oleh admin dan juga dilihat oleh customer.
(10)
e. Tabel Jalur
Tabel3.5 Tabel Jalur
Name Field Type Null
rute int(11) No
harga int(25) No
id_jenis varchar(20) Yes
kota1 varchar(50) Yes
kota2 varchar(50) Yes
kota3 varchar(50) Yes
Tabel jalur digunakan untuk mengolah jalur untuk ditambah oleh admin dan juga dipilih saat pemesanan oleh customer.
f. Tabel Jadwal
Tabel3.6 Tabel Jadwal
Name Field Type Null
id_rute int(11) No
(11)
jam varchar(50) Yes tempatberangkat varchar(50) Yes
alamat varchar(50) Yes
Tabel jadwal digunakan untuk mengolah jadwal untuk ditambah oleh admin dan juga dipilih saat pemesanan oleh customer.
g. Tabel Agen
Tabel3.7 Tabel Agen
Name Field Type Null
id_agen int(11) No
kota varchar(50) Yes
alamat varchar(50) Yes
telp varchar(50) Yes
fax varchar(50) Yes
email varchar(50) Yes
lat float(10,6) Yes
(12)
Tabel agen digunakan untuk mengolah agen untuk ditambah oleh admin dan juga dipilih saat pemesanan oleh customer.
h. Tabel About
Tabel3.7 Tabel About
Name Field Type Null
text varchar(200) No
Tabel about digunakan untuk memberikan informasi tentang sejarah PO. Anjani.
(13)
3.6 Perancangan Antar Muka
Pada tampilan awal user akan disajikan form login, dimana customer harus memasukkan username dan password untuk menentukan hak akses yang akan diberikan user sebagai admin atau customer. Setelah user dapat mengakses akan ditampilkan menu-menu sesuai hak akses leveluser.
Adapun perancangan tampilan setiap halaman website sistem informasi pemesanan tiket bus berbasis web ini dijelaskan dalam lembar kerja tampilan sebagai berikut: a. Lembar Kerja Tampilan Halaman Login
(14)
Keterangan:
- Dalam form ini user diminta meng-inputusername di textbox1, password di textbox2 dan untuk menyetujui klik button1 sebagai tombol login.
- Button2 untuk me-reset informasi data user. - Button3 daftar anggota baru.
- Textarea1 menampilkan informasi terbaru yang telah di-upload.
(15)
b. Lembar Kerja Tampilan Edit Konten
Gambar 3.5Lembar Kerja Tampilan Edit Konten
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi,
textbox1 menampilkan judul konten, textbox2
menampilkan isi konten.
- Pada button1 adalah tombol untuk menerbitkan isi konten.
(16)
c. Lembar Kerja Tampilan Halaman Edit Daftar Agen
Gambar 3.6Lembar Kerja Tampilan Halaman Edit Daftar Agen
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi - Pada textbox1 menampilkan kota, textbox2
menampilkan alamat agen, textbox3 menampilkan nomor telepon agen, textbox4 menampilkan nomor fax dari agen, textbox5 menampilkan email dari agen.
(17)
- Pada button1 adalah tombol untuk menambah konten daftar agen.
- Pada table1 adalah untuk menampilkan hasil dari daftar agen.
- Pada button2 adalah tombol untuk edit daftar agen. - Pada button3 adalah tombol untuk delete agen.
(18)
d. Lembar Kerja Tampilan Halaman Tambah Jalur
Gambar 3.7Lembar Kerja Tampilan Halaman Tambah Jalur
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada textbox1 menampilkan harga tiket, textbox2
menampilkan jenis bus, textbox3, textbox4, dan textbox5 menampilkan kota tujuan.
- Pada button1 adalah tombol untuk menambah konten daftar jalur.
- Pada table1 adalah untuk menampilkan hasil dari daftar jalur.
(19)
- Pada button2 adalah tombol untuk edit daftar jalur. - Pada button3 adalah tombol untuk delete jalur.
(20)
e. Lembar Kerja Tampilan Halaman Konfirmasi Tiket
Gambar 3.8Lembar Kerja Tampilan Halaman Konfirmasi Tiket
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada table1 adalah untuk menampilkan daftar pesanan
yang harus dikonfirmasi oleh admin.
- Pada button1 adalah tombol untuk menyetujui pesanan tiket pelanggan.
(21)
f. Lembar Kerja Tampilan Halaman Pemesanan Tiket
Gambar 3.9Lembar Kerja Tampilan Halaman Pemesanan Tiket
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada combobox1 adalah untuk memilih kelas bus yang
tersedia.
- Pada combobox2 menampilkan rute jalur pus akan dipesan.
- Pada table1 menampilkan hasil pemesanan yang sudah di pesan.
(22)
- Pada button1 adalah untuk mengirim pesanan agar dilanjutkan ke tahap selanjutnya.
(23)
g. Lembar Kerja Tampilan Halaman Keterangan Pemesanan
Gambar 3.10 Lembar Kerja Tampilan Halaman Keterangan
Pemesanan Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada textarea1 terdapat identitas pemesan, seperti nama
lengkap, email, nomor hp, dan alamat.
- Pada textarea2 terdapat detail pemesanan yang dilakukan oleh customer.
(24)
- Pada button1 adalah untuk mengirim pesanan agar dilanjutkan ke tahap selanjutnya.
(25)
h. Lembar Kerja Tampilan Halaman Lihat Order
Gambar 3.11 Lembar Kerja Tampilan Halaman Lihat Order
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada textarea1 terdapat identitas pemesan, seperti nama
lengkap, email, nomor hp, dan alamat. Serta ada penambahan yaitu kode tiket.
- Pada textarea2 terdapat detail pemesanan yang dilakukan oleh customer.
- Pada textarea3 terdapat tata cara pembayaran yang harus dilakukan oleh customer.
(26)
i. Lembar Kerja Tampilan Halaman Konfirmasi
Gambar 3.12 Lembar Kerja Tampilan Halaman Konfirmasi
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada textbox1 untuk mengisikan kode booking untuk
selanjutnya dilakukan konfirmasi pembayaran
- Pada button1 adalah untuk mengirim konfirmasi pembayaran agar dilanjutkan ke tahap selanjutnya. - Pada button2 adalah untuk mencetak tiket.
(27)
j. Lembar Kerja Tampilan Halaman Update Profil
Gambar 3.13 Lembar Kerja Tampilan Halaman Update Profil
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi. - Pada textbox1 untuk mengisikan nama lengkap
- Pada textbox2 untuk mengisikan tanggal lahir - Pada textbox3 untuk mengisikan alamat
- Pada radio1 dan radio2 untuk memilih jenis kelamin - Pada textbox4 untuk mengisikan nomor telepon - Pada textbox5 untuk mengisikan nomor handphone
(28)
- Pada textbox6 untuk mengisikan email - Pada textbox7 untuk mengisikan password - Pada textbox8 untuk konfirmasi password baru - Pada button1 untuk me-reset data profil
- Pada button2 untuk memasukkan data profil yang telah di edit
(1)
g. Lembar Kerja Tampilan Halaman Keterangan Pemesanan
Gambar 3.10 Lembar Kerja Tampilan Halaman Keterangan Pemesanan
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi.
- Pada textarea1 terdapat identitas pemesan, seperti nama lengkap, email, nomor hp, dan alamat.
- Pada textarea2 terdapat detail pemesanan yang dilakukan oleh customer.
(2)
- Pada button1 adalah untuk mengirim pesanan agar dilanjutkan ke tahap selanjutnya.
(3)
h. Lembar Kerja Tampilan Halaman Lihat Order
Gambar 3.11 Lembar Kerja Tampilan Halaman Lihat Order
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi.
- Pada textarea1 terdapat identitas pemesan, seperti nama lengkap, email, nomor hp, dan alamat. Serta ada penambahan yaitu kode tiket.
- Pada textarea2 terdapat detail pemesanan yang dilakukan oleh customer.
- Pada textarea3 terdapat tata cara pembayaran yang harus dilakukan oleh customer.
(4)
i. Lembar Kerja Tampilan Halaman Konfirmasi
Gambar 3.12 Lembar Kerja Tampilan Halaman Konfirmasi
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi.
- Pada textbox1 untuk mengisikan kode booking untuk selanjutnya dilakukan konfirmasi pembayaran
- Pada button1 adalah untuk mengirim konfirmasi pembayaran agar dilanjutkan ke tahap selanjutnya.
(5)
j. Lembar Kerja Tampilan Halaman Update Profil
Gambar 3.13 Lembar Kerja Tampilan Halaman Update Profil
Keterangan:
- Pada header terdapat image1 yaitu foto dan informasi.
- Pada textbox1 untuk mengisikan nama lengkap
- Pada textbox2 untuk mengisikan tanggal lahir
- Pada textbox3 untuk mengisikan alamat
- Pada radio1 dan radio2 untuk memilih jenis kelamin
- Pada textbox4 untuk mengisikan nomor telepon
(6)
- Pada textbox6 untuk mengisikan email
- Pada textbox7 untuk mengisikan password
- Pada textbox8 untuk konfirmasi password baru
- Pada button1 untuk me-reset data profil
- Pada button2 untuk memasukkan data profil yang telah di edit