d Icon Delete
Code 14 ini mendeklarasikan pembuatan icon yang ada pada menu aplikasi. Baris
pertama digunakan untuk mendeklrasikan alamat link halaman yang dituju jika icon ini diklik. Alamat link yang dituju akan mengirimkan data row “id_nota” dari database kemudian akan
memanggil fungsi do_delete pada file crud.php. Maka akan secara otomatis akan menghapus satu row data dari tabel yang dipilih. Setiap row tabel diberikan icon tersendiri sehingga lebih
mudah dan efisien. Kemudian baris ketiga digunakan sebagai pendeklarasian untuk menampilkan icon
3.2.3.4. Form Inputan Data
Dalam aplikasi website ini, terdapat fasilitas untuk pengisian data baru maupun perbaharui data yang sebelumnya sudah disimpan dalam database. Berikut form- form yang
disediakan agar user dapat memasukkan data- data sehingga nantinya permintaan request dapat diproses oleh perusahaan dengan cepat. Untuk dapat membuat form-form inputan data, kode
program yang digunakan dapat dilihat pada Code 15, Code 16 dan Code 17. a TextBox
Code 15 berikut mendeklarasikan pembuatan form text dengan menggunakan tag label dan fungsi input dengan type=text, nama= vesel , id= vesel. Tag label akan menampilkan text
“Vessel” kemudian textbox yang digunakan untuk menginputkan data sehingga dapat disimpan dalam database.
Untuk hasil penerapan kode program dari Code 15 dapat dilihat pada Gambar 20.
Gambar 20. Form Vessel textbox CODE 14:
a href
= ?
= base_url
?
cruddo_delete
? =
row [
id_nota ]
? span
class =
glyphicon glyphicon-trash span
a
CODE 15: label
style =
font-size: 15px; small
Vessel smalllabel
input type
= text
name =
vesel id
= vesel
size =
22 style
= float:right;
b ComboBox Code 16 berikut mendeklarasikan pembuatan form combobox dengan menggunakan tag
label dan fungsi select-option dengan type=text, nama= kegiatan. Tag label akan menampilkan text “Kegiatan via” kemudian fungsi select berfungsi untuk menampilkan form dalam bentuk
combobox, isi data yang tersedia dalam combobox ditampilkan menggunakan fungsi option yang memiliki value , value dapat diisi lebih dari satu data.
Untuk hasil penerapan dari kode program Code 16 dapat dilihat pada Gambar 21.
Gambar 21. Form Kegiatan comboBox
c Date Code 17 berikut mendeklarasikan pembuatan form date dengan menggunakan tag label
dan fungsi input dengan type=date, nama= date_start. Tag label akan menampilkan text “Date
Request” kemudian form akan ditampilkan dalam bentuk datepicker tampilan kalender sehingga user hanya meng-klik tanggal yang diinginkan dan secara otomatis form akan terisi
tanggal sesuai format date. Type dalam source code ini akan menetukan tipe dari form inputan data yang dihasilkan, jika text maka akan ditampilkan dalam bentuk text, jika date maka akan
ditampilkan dalam bentuk format tanggal, dan lain sebagainya.
Untuk hasil penerapan kode program Code 17 dapat dilihat pada Gambar 22
CODE 16: label
style =
font-size: 15px; small
Kegiatan via smalllabel
select name
= kegiatan
style =
width: 170px; float:right;
option value
=
--Pilih Salah Satu--
option option
value =
TL TL
option
CODE 17: label
style =
font-size: 15px; small
Date Request smalllabel
input type
=
date
name =
date_start
size =
22
style =
float:right;
Gambar 22. Form Date Picker
Untuk tata letak form sehingga rapi dan teratur dapat menggunakan float leftright sehingga form- form dapat mudah diakses. Setelah selesai menulis source code form inputan data
seperti pada Code 17, maka hasil dari halaman yang disediakan untuk inputan data baik data baru maupun data yang telah ada pada database dapat dilihat pada Gambar 23.
Gambar 23. Form Input Data
3.2.3.5. Menu Button Back, Save, Print
