Sedangkan menu LiniOS hanya menyediakan menu delivery request dan delivery billing. Sama seperti menu lainnya, menyediakan form pengisian untuk mengentrikan data baru dan
update data serta tabel database yang ada.
3.2.3. Pengisian Isi Konten dengan Framework CodeIgniter.
Setelah melakukan instalasi dan koneksi CodeIgniter, maka penerapan source code CodeIgniter dalam membangun template desain layout dapat dilakukan dan diterapkan sesuai
dengan konsep yang ada pada CodeIgniter. Untuk mengisi konten dan fungsi sehingga website dapat berfungsi sebagai mestinya sesuai dengan tujuan dari pembuatan website ini maka hal-hal
yang perlu disajikan pada aplikasi ini meliputi animasi, menu dropdown, icon, dan form inputan data.
3.2.3.1. Animasi
Pada homepage, untuk dapat menampilkan gambar slide dan teks berjalan, maka dapat menggunakan kode program seperti pada Code 7
A Gambar Slide Nivo Slider
Code 7 digunakan sebagai pendeklarasian link dasar dari nivo agar nantinya gambar gambar yang sudah dipilih dapat ditampilkan pada halaman tersebut. Code 7 akan memanggil
file css dari nivo tersebut yang didalamnya telah dideklarasikan pengaturan dari penggunaan nivo pada aplikasi ini. Memanggil function fungsi- fungsi dari nivo sehingga nivo dapat diload
pada halaman yang digunakan. Kode program pendeklarasian file gambar yang akan digunakan dideklarasikan pada file
header.php
seperti pada Code 8.
CODE 7: -- Nivo Slider --
link rel
= stylesheet
href =
? =
base_url ?
assetscssnivonivo- slider.css
type =
textcss
link rel
= stylesheet
href =
? =
base_url ?
assetscssnivothemesdefaultdefault.css type
= textcss
script type
=
textjavascript
src =
? =
base_url ?
assetscssnivojquery.nivo.slider.pack.js script
script type
= textjavascript
window.load function
{
slider
.nivoSlider;};
script
Code 8 digunakan untuk pendeklarasian pemanggilan nama file gambar yang akan ditampilkan. File- file gambar yang akan ditampilkan diletakkan dalam satu folder agar lebih
mudah dalam penulisan base_url pada source code. Dalam CodeIgniter untuk dapat meload gambar dalam file folder yang dipilih, dapat dituliskan dengan menuliskan nama folder seperti
pada Code 8. Jika file berada dalam folder yang berada dalam beberapa folder folder anakan, maka nama- nama file tersebut harus dituliskan berurut dari yang paling luar induk folder.
Untuk hasil penerapan kode program nivo slider dapat dilihat pada Gambar 16.
Gambar 16. Tampilan Nivo Slider
B Teks berjalan Teks berjalan pada sebuah halaman websiote merupakan sebuah animasi dan multimedia
yang disediakan HTML untuk membantu mempercantik tampilan website. Untuk dapat menampilkan teks berjalan pada halaman website, dapat menggunakan fungsi “marquee”. Fungsi
ini terdiri dari beberapa macam dan dapat menghasilkan teks berjalan dengan tampilan berbeda. Namun yang digunakan pada website ini adalah fungsi marquee tanpa atribut yang merupakan
standar tampilan yang dihasilkan tag marquee. Tag marquee tidak hanya dapat menampilkan teks
CODE 8: div
class =
slider-wrapper theme-default
div id
=
slider
class =
nivoSlider
img src
= loginassetsimg1.jpg
align =
center ;
img src
= loginassetsimg2.jpg
align =
center ;
img src
=
loginassetsimg3.jpg
align =
center
; img
src =
loginassetsimg4.jpg align
= center
; img
src =
loginassetsimg5.jpg align
= center
; div
div
berjalan, tetapi dapat menampilkan gambar berjalan juga dengan link dan mouseover atribut. Penerapan kode program untuk dapat menampilkan teks berjalan dapat dilihat pada Code 9.
Hasil penerapan kode program yang berfungsi untuk menampilkan tulisan berjalan dari ujung kanan halaman hingga ujung kiri halaman dapat dilihat pada Gambar 17.
Gambar 17. Tampilan Teks Berjalan
3.2.3.2. Menu Dropdown
