layout dasar, penggunaan icon action dari bootstrap, kemudian javascript untuk penggunaan source code
ajax dan penggunaan nivo slider. Kemudian terdapat penerapan grid yang dideklarasikan pada file
layout.css
yang nantinya
div col
akan digunakan sesuai dengan kebutuhan sesuai size yang di deklarasikan apda file
layout.css
. pada file header juga terdapat pendeklarasian penerapan menu navbar dropdown. Untuk dapat menerapkan template
pada halaman home dapat menggunakan kode program seperti pada Code 5.
Kemudian dalam file
footer.php
, terdapat pendeklarasian tentang penulisan alamat atau profil dari perusahaan, untuk implementasi kode programnya dapat dilihat pada Code 6.
Kemudian dalam file
home.php
yang digunakan untuk menampilkan halaman utama dari website hanya terdapat pendeklarasian dari gambar yang akan ditampilkan pada nivo slider. Juga
terdapat pendeklarasian link direct base url dari header dan footer, sehingga pada halaman utama nantinya tidak hanya gambar yang akan muncul tetapi setting dari
header.php
, dari menu dropdown
, grid-grid
col
dan profil perusahaan pada bagian footer.
3.2.2.3. Tampilan Menu Billing
Pada menu billing terdapat dua menu pilihan yaitu menu delivery dan receiving. Untuk isi dari kedua menu ini sama sama menampilkan data dalam bentuk sebuah tabel dilengkapi dengan
CODE 5: --layout dasar--
link rel
= stylesheet
href =
? =
base_url ?
assetslayoutstyleslayout.css
type =
textcss
-- Bootstrap [untuk icon action]-- link
rel =
stylesheet href
= ?
= base_url
?
assetscssbootstrap.css
type =
textcss
-- Javascript [for ajax dll]-- script
type =
textjavascript src
= ?
= base_url
? assetsjsjquery-1.7.1.min.js
script
CODE 6: div
class =
wrapper col5
div id
= footer
div class
= footbox
h2
About Us
h2
Nama Perusahaan : PT. Pelabuhan Tanjung Priok br
Alamat Perusahaan : Jalan Raya Pelabuhan no. 9 Jakarta Utara
br
No. Telepon : +6221-4301080 25 Saluran br
E-mail : priokinaport2.co.id br
Website : www.indonesiaport.co.id br
div
fungsi add, search, edit, cetak, dan delete untuk pengolahan data. Kemudian jika meng-klik iconlink
untuk add data maka akan masuk ke halaman selanjutnya yaitu halaman pengisian form untuk menambahkan data pada database.
Untuk menampilkan fungsi add, search, edit, cetak, dan delete, source code yang mendeklarasikan fungsi tersebut harus dituliskan pada source code file yang menampilkan
halaman tersebut terlebih dahulu serta peletakan fungsi yang sesuai dengan yang telah direncanakan.
3.2.2.4. Tampilan Menu Simulasi Tarif
Simulasi Tarif dalam aplikasi ini menyediakan beberapa menu yaitu : - iTOS 4 menu
Dalam menu Itos terdapat 4 menu yaitu Delivery Request- Receiving Request- Delivery Billing- Receiving Billing.
Untuk menu delivery dan receiving Billing memiliki isi yang sama dengan menu billing sebelumnya, hanya saja untuk menu simulasi tarif itos, menu ini kembali disediakan untuk tujuan
pengklasifikasian fungsi dari aplikasi simulasi tarif ini. Untuk menu delivery dan receiving request memiliki fungsi yang sama, namun isi database yang berbeda. Dalam menu ini juga
disediakan form pengisian untuk mengentrikan data baru maupun update data. Terdapat tabel database yang ditampilkan pada halaman utama jika meng-klik menu ini.
- NBS 2 menu Dalam menu NBS sama seperti menu itos terdapat 4 menu yaitu Delivery Request-
Receiving Request- Delivery Billing- Receiving Billing . Untuk menu delivery dan receiving
Billing memiliki isi yang sama dengan menu billing sebelumnya, hanya saja untuk menu simulasi tarif itos, menu ini kembali disediakan untuk tujuan pengklasifikasian fungsi dari
aplikasi simulasi tarif ini. Untuk menu delivery dan receiving request memiliki fungsi yang sama, namun isi database yang berbeda. Dalam menu ini juga disediakan form pengisian untuk
mengentrikan data baru maupun update data. Terdapat tabel database yang ditampilkan pada halaman utama jika meng-klik menu ini.
- LiniOS 2 menu
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.