8/17/2019 BAB IV kustomisasi landing page berbasis web

1/34

BAB IV

IMPLEMENTASI DAN PEMBAHASAN

Implementasi dilakukan setelah tahap analisis dan perancangan dilakukan.

Implementasi ini meliputi tampilan hasil perancangan halaman web dan tampilan hasil

 perancangan basis data. Implementasi pada web sewa mobil java transport ini

menerangkan tentang manual progam, manual instalasi dan tentang pemeliharaan sistem.

Pengaplikasian sistem ini membutuhkan beberapa komponen. Apabila semua

komponen pendukung perancangan sistem informasi website sewa mobil java transport

terpasang (installed ) dalam komputer, seperti komodo edit, XAPP !.".#, dan browser 

$ang mendukung $aitu, o%illa &irefo', Internet 'plorer ataupun pera. aka langkah

selanjutn$a adalah mewujudkan rancangan sistem $ang telah dibuat, tahapan

implementasi sistem terdiri dari langkah*langkah berikut +

!. Implementasi pembuatan database

. Implementasi form atau interface

-. pembahasan program

. pengujian program

4.1 Pembuatan Database

/ahap implementasi basis data merupakan upa$a untuk membangun basis data fisik 

$ang ditempatkan dalam media pen$impanan. 0ecara umum, sebuah 12 akan

diwujudkan menjadi basis data secara fisik. 0edangkan komponen*komponen $ang

 berupa himpunan entitas dan himpunan relasi akan diwujudkan

menjadi tabel*tabel. 3erikut adalah proses pembuatan script untuk pembuatan basis data

dan beberapa tabel untuk men$impan data informasi $ang terdapat pada sewa mobil java

transport.

8/17/2019 BAB IV kustomisasi landing page berbasis web

2/34

Gambar 4.1 Pembuatan database rental4mobil

Pembuatan database dilakukan menggunakan phpm$admin. 2atabase diberi nama

rental4mobil. 3erikut adalah script $ang dijalankan.

CREATE DATABASE rental_mobil

4.1.1 Pembuatan Tabel Admin

Gambar 4.2 Pembuatan tabel admin

Pembuatan tabel admin melalui phpm$admin, berikut adalah script $ang dijalankan.

Id4admin menjadi primar$ ke$.

CREATE TABLE IF NOT EXISTS `admin` (

  `id_admin` int(11) NOT NLL ATO_INCRE!ENT"

  `#$er_name` %ar&'ar(1) DEFALT NLL"

8/17/2019 BAB IV kustomisasi landing page berbasis web

3/34

  `a$$*ord` %ar&'ar(1) DEFALT NLL"

  `nama_admin` %ar&'ar(+,) DEFALT NLL"

  `alamat_admin` %ar&'ar(,) DEFALT NLL"

  `no_tl` %ar&'ar(1) DEFALT NLL"

  -RI!AR. /E. (`id_admin`)

)

4.1.2 Pembuatan Tabel Mbil

Gambar 4.! Pembuatan tabel mobil

Pembuatan tabel mobil melalui phpm$admin, berikut adalah script $ang

dijalankan. Id4mobil menjadi primar$ ke$ dan id4admin menjadi foreign ke$.

CREATE TABLE IF NOT EXISTS `mobil` (

  `id_mobil` int(11) NOT NLL ATO_INCRE!ENT"

  `Id_admin` int(11)"

  `0eni$_mobil` %ar&'ar(1)"

  `tari_120am` %ar&'ar(+,)"

  `tari_230am` %ar&'ar(+,)"

  `4ambar` %ar&'ar(,)"

  -RI!AR. /E. (`id_mobil`)"

  5e6 `id_admin`(`id_admin`)

)

8/17/2019 BAB IV kustomisasi landing page berbasis web

4/34

4.1.! Pembuatan Tabel Har"a Dri#er

Gambar 4.4 Pembuatan tabel harga4driver 

Pembuatan tabel harga4driver melaluui phpm$admin, berikut adalah script $ang

dijalankan. Id4admin dijadikan sebagai foreign ke$.

CREATE TABLE IF NOT EXISTS `'ar4a_dri%er`

(

  `Id_'ar4a_dri%er` int(11) NOT NLL"

  Id_admin` int(11)"

 `dalam_5ota` int(11)"

  `l#ar_5ota` int(11)"

  -rimar6 5e6 (`id_'ar4a_dri%er`)"

  5e6 `id_admin`(`id_admin`)

)

4.1.4 Pembuatan Tabel La$anan

8/17/2019 BAB IV kustomisasi landing page berbasis web

5/34

Gambar 4.% Pembuatan tabel la$anan

Pembuatan tabel la$anan melalui phpm$admin, berikut adalah script $ang dijalankan.

Id4admin dijadikan sebagai foreign ke$.

CREATE TABLE IF NOT EXISTS `la6anan` (

  `id_la6anan` int(11) #n$i4ned NOT NLL

ATO_INCRE!ENT"

  `id_admin` int(11)"

  `nm_la6anan` %ar&'ar(1)"

  `5eteran4an` %ar&'ar(1,,)"

  -RI!AR. /E. (`id_la6anan`)"

  /e6 `id_admin` (`id_admin`))

4.1.% Pembuatan Tabel Arti&el

"ambar 4.' Pembuatan tabel artikel

Pembuatan tabel artikel melalui phpm$admin, berikut adalah script $ang dijalankan.

CREATE TABLE IF NOT EXISTS `arti5el` (

  `id_arti5el` int(11) #n$i4ned NOT NLLATO_INCRE!ENT"

  `id_admin` int(11)"

  `0#d#l` %ar&'ar(,)"

  `ran45#man` %ar&'ar(,)"

  `i$i` te7t"

8/17/2019 BAB IV kustomisasi landing page berbasis web

6/34

  `tan44al` %ar&'ar(2,)"

  `4ambar` %ar&'ar(1,,)"

  -RI!AR. /E. (`id_arti5el`)"

  /E. `id_admin` (`id_admin`)

)

4.1.' Pembuatan Tabel (isata

Gambar 4.) Pembuatan tabel wisata

Pembuatan tabel wisata melalui phpm$admin, berikut adalah script $ang dijalankan.

Id4admin dijadikan sebagai foreign ke$. 0edangkan id4wisata dijadikan sebagai primar$

ke$.

CREATE TABLE IF NOT EXISTS `*i$ata`

(

  `id_*i$ata` int(11) NOT NLL ATO_INCRE!ENT"

  `id_admin` int(11)"

  `Nama_temat_*i$ata` %ar&'ar(+,)"

  `ran45#man` %ar&'ar(,,)"

  `5eteran4an` te7t"

  `4ambar` %ar&'ar(1,,)"

  -RI!AR. /E. (`id_*i$ata`)"

  5e6 `id_admin` (`id_admin`)

8/17/2019 BAB IV kustomisasi landing page berbasis web

7/34

)

4.1.) Pembuatan Tabel Pa&et (isata

Gambar 4.* Pembuatan tabel paket wisata

Pembuatan tabel paket wisata menggunakan phpm$admin, 3erikut adalah script

$ang dijalankan. Id4admin dijadikan sebagai foreign ke$. 0edangkan $ang dijadikan

sebagai foreig ke$ adalah id4paket.

CREATE TABLE IF NOT EXISTS `a5et_*i$ata` (

  `id_a5et` int(11) NOT NLL ATO_INCRE!ENT"  `id_admin` int(11)"

  `Nama_a5et_*i$ata` %ar&'ar(11)"

  `t#0#an` %ar&'ar(2,,)"

  `5eteran4an` te7t"

  `0eni$_mobil` %ar&'ar(2,,)"

  `tari` %ar&'ar(,)"

  -RI!AR. /E. (`id_a5et`)"

  5e6 `id_admin` (`id_admin`))

4.1.* Pembuatan Tabel Testimni

8/17/2019 BAB IV kustomisasi landing page berbasis web

8/34

Gambar 4.+ Pembuatan tabel testimoni

Pembuatan tabel testimoni menggunakan phpm$admin, berikut script $ang

dijalankan. Id4admin dijadikan sebagai foreign ke$. Id4testimoni dijadikan sebagai

foreign ke$.

CREATE TABLE IF NOT EXISTS `te$timoni`(

  `id_te$timoni` int(11) NOT NLL ATO_INCRE!ENT"

  `id_admin` int(11)"

  `Nama` %ar&'ar(1,,)"

  `5eteran4an` te7t"

  `email` %ar&'ar(,)"

  `4ambar` %ar&'ar(,)"

  -RI!AR. /E. (`id_te$timoni`)"

  5e6 `id_admin` (`id_admin`))

4.2 Im,lementasi Pembuatan Inter-ae

Implementasi /ampilan 5alaman 6eb ini memiliki dua jenis tampilan. /ampilan*

tampilan tersebut dibuat untuk membedakan setiap user  $ang membuka web sewa mobil

 java transport. /ampilan tersebut adalah tampilan halaman web untuk pengunjung dan

tampilan halaman web untuk admin. 5alaman web pengunjung dapat dibuka dengan

mengakses alamat website sewa mobil java transport di internet. 5alaman admin akan

menampilkan login untuk mengakses halaman utama admin. &ile untuk membangun

aplikasi berbasis website ini berjumlah cukup ban$ak dan halaman $ang ditampilkan juga

8/17/2019 BAB IV kustomisasi landing page berbasis web

9/34

cukup ban$ak. Pada Implementasi ini han$a dilampirkan beberapa script saja $ang

digunakan untuk membangun tampilan halaman website sewa mobil java transport.

4.2.1 Pemba/asan Tam,ilan Pen"un0un"

4.2.1.1 Halaman Home

5alaman ini adalah halaman pertama ketika membuka website sewa mobil java

transport. 7ode html $ang digunakan untuk membuat halaman ini memanggil dari file di

folder home. 3erikut adalah code dari file header+

89DOCT.-E:8'tml:

8'ead:8title:  8;'  :#ri>:$e4ment(2)==@Li$t_o_Car$@ or:#ri>:$e4ment(+):,)    orea&'(:re$#lt_arra6()a$

8/17/2019 BAB IV kustomisasi landing page berbasis web

10/34

  ;:8Jtitle:8J'ead:

Gambar 4.1 5alaman 5ome www.sewamobiljavatrans.com

4.2.1.2 Halaman List of Cars

5alaman ini berisikan tentang jenis*jenis mobil $ang disediakan oleh sewa mobil

 java transport untuk disewakan kepada mas$arakat. 8ntuk menampilkan list mobil

menggunakan code $ang disimpan dalam file content4kanan.php, berikut script $ang

dijalankan +

8$&rit:  3,,,

)?

8/17/2019 BAB IV kustomisasi landing page berbasis web

11/34

8J$&rit:8di% &la$$=@&learer@:8Jdi%:8di% &la$$=@$a&er@:8Jdi%:8di% &la$$=@&ol#mn>2>+@:8di% &la$$=@*'ite>bo7@:8di% &la$$=@bo7>title@: T.-E !OBIL8di% &la$$=@i&on@:8im4 $r&=@8;' e&'o ba$e_#rl()?;:temlateJima4e$Jtitle>i&on>blo4Gn4@ alt=@@ J:8Jdi%:8Jdi%:8;' orea&'(:re$#lt() a$ ima4e@:8im4 $r&=@8;' e&'o ba$e_#rl()?;:#load$J8;' e&'o :4ambar?;:@ alt=@@ *idt'=@1M@'ei4't=@1M@J:8Jdi%:8di% &la$$=@o$t>te7t@:8'1:8;' e&'o :eni$_mobil?;:8J'1:8table &ell$a&in4=@7@:8tr:8td:8;'

e&'o RG G$trre%(imlode(G"$tr_$lit($trre%($tr%al(:Tari_120amb#tton@:8$an:8a 're=@8;' e&'o ba$e_#rl()?;:inde7G'JrentalmobilJli$t_o_&ar$J8;' e&'o :Id_mobil?;:@:Boo5in4 ra#o?8Ja:8J$an:8J$an:8Jdi%:8Jdi%:8Jdi%:8;' endorea&'? ;:8Jdi%:8Jdi%:

8/17/2019 BAB IV kustomisasi landing page berbasis web

12/34

Gambar 4.11 5alaman list of cars www.sewamobiljavatrans.com

4.2.1.! Halaman Tour 

5alaman ini berisikan tentang keterangan tempat wisata di daerah 9og$akarta.

:eterangan tersebut menggambarkan tentang keindahan atau pengertian tentang tempat

wisata agar pengunjung dapat tertarik untuk mengunjungin$a dan menggunakan jasa

sewa mobil java transport untuk mengantar ke tempat wisata tersebut. 3erikut ;uer$

untuk memanggil data tempat wisata +

#bli& #n&tion tamil_*i$ata_a4in(:db>:4et("

8/17/2019 BAB IV kustomisasi landing page berbasis web

13/34

Gambar 4.12 5alaman tour www.sewamobiljavatrans.com

4.2.1.4 Halaman Artile

5alaman ini berisikan artikel mengenai sewa mobil java transport. Artikel tersebut

seperti perjanjian sewa mobil, profil java transport, dan artikel lain $ang berkenaan

dengan sewa mobil java transport. 3erikut adalah ;uer$ untuk memanggil data artikel +

#n&tion arti5eldb() :db>:rom(admin)?:db>:4et()?ret#rn

8/17/2019 BAB IV kustomisasi landing page berbasis web

14/34

Gambar 4.1! 5alaman article www.sewamobiljavatrans.com

4.2.1.% Halaman Testimnial

5alaman ini berisikan form $ang nantin$a dapat diisi oleh pengunjung untuk 

memberikan komentar $ang sifatn$a membangun kepada sewa mobil java transport.

7ode untuk membuat form $ang akan diisikan oleh pengunjung disimpan dalam file

form.php, berikut adalah script $ang dijalankan +

8/17/2019 BAB IV kustomisasi landing page berbasis web

15/34

8di% &la$$=@orm>'oriontal@:

8di% &la$$=@&learer@:8Jdi%:

8di% &la$$=@$a&er@:8Jdi%:

8'r J:

8di% &la$$=@&learer@:8Jdi%:8di% &la$$=@$a&er@:8Jdi%:

8;' e&'o orm_oen(rentalmobilJte$timonial)?;:

8di% &la$$=@&ontrol>4ro#@:

8label &la$$=@&ontrol>label@:Nama8Jlabel:

8di% &la$$=@&ontrol$@:

8in#t t6e=@te7t@ $ie=@3,@ name=@nama@ re#ired J:

8Jdi%:

8Jdi%:

8di% &la$$=@&ontrol>4ro#@:

8label &la$$=@&ontrol>label@:Tamba' Uambar8Jlabel:

8di% &la$$=@&ontrol$@:

8in#t t6e=@ile@ name=@#$erile@ $ie=@1,@ J:

8Jdi%:

8Jdi%:

8di% &la$$=@&ontrol>4ro#@:

8label &la$$=@&ontrol>label@:E>mail8Jlabel:

8di% &la$$=@&ontrol$@:

8in#t t6e=@te7t@ name=@email@ $ie=@3,@ re#ired J:

8Jdi%:

8Jdi%:

8di% &la$$=@&ontrol>4ro#@:

8label &la$$=@&ontrol>label@:/eteran4an8Jlabel:

8di% &la$$=@&ontrol$@:

8te7tarea t6e=@te7t@ $ie=@,@ ro*$=@1,@ &ol$=@,@

name=@5eteran4an@

$t6le=@*idt'+V7?@:8Jte7tarea:8Jdi%:

8in#t t6e=@$#bmit@ %al#e=@5irim 5omentar@

re#iredJ:

8Jdi%:8;' e&'o orm_&lo$e()?;:8Jdi%:8Jdi%:

8di% &la$$=@&learer@:8Jdi%:

8/17/2019 BAB IV kustomisasi landing page berbasis web

16/34

8di% &la$$=@$a&er@:8Jdi%:

8Jdi%:

Gambar 4.14 5alaman /estimoni www.sewamobiljavatrans.com

4.2.1.' Halaman ntat

5alaman 7ontact merupakan halaman $ang berisi alamat dan la$anan $ang dapat

digunakan oleh pengunjung untuk menghubungi sewa mobil java transport. 3erikut ;uer$

untuk memanggil data $ang terdapat dalam tabel la$an $ang ditampilkan dalam kontact +

#n&tion la6anandb()

8/17/2019 BAB IV kustomisasi landing page berbasis web

17/34

Gambar 4.1% 5alaman contact www.sewamobiljavatrans.com

4.2.2 Pemba/asan Tam,ilan Admin

4.2.2.1 Halaman l"in

5alaman login digunakan untuk masuk admin ke halaman selanjutn$a $ang akan

digunakan untuk menambah, mengedit maupun menghapus data sewa mobil java

transport. 7ode untuk membuat halaman login admin adalah sebagai berikut +

8di% &la$$=@ba&54ro#nd@:8di% id=@lo4in@:8'+:Lo4in Admin a%a Tran$ort8J'+:8;':$e$$ion>:la$'data(4a4al_lo4in)?;:8;' i(9emt6(

8/17/2019 BAB IV kustomisasi landing page berbasis web

18/34

8in#t t6e=@te7t@ name=@#$ername@ id=@#$ername@ J:8;' e&'o orm_error(#$ername)?;:8label or=@*d@:-a$$*ord8Jlabel:8in#t t6e=@a$$*ord@ name=@a$$*ord@ id=@*d@ J:8;' e&'o orm_error(a$$*ord)?;:8a 're=@K@ id=@$'o*5e6board@ title=@T6e in 6o#r a$$*ord

#$in4 a %irt#al 5e6boardG@:/e6board8Ja: 8br J:8in#t t6e=@$#bmit@ name=@$#bmit@ id=@$#bmit_b#tt@

%al#e=@lo4in@J:8Jorm:

Gambar 4.1' 5alaman login admin

4.2.2.2 Halaman untu& Menamba/ Data Mbil

5alaman untuk menambah data mobil dapat diakses setelah admin melakukan login.

5alaman ini memuat fasilitas admin untuk menambah mengedit dan menghapus data

mobil $ang disediakan oleh sewa mobil java transport. 3erikut adalah code $ang

digunakan untuk membuat form tambah mobil +

8di% &la$$=@&ontainer>l#id@:8;' e&'o orm_oen_m#ltiart(adminJmobil)?;:8'1:Tamba' !obil8J'1:

8/17/2019 BAB IV kustomisasi landing page berbasis web

19/34

8'r:8table:8tr:8td:8in#t t6e=@'idden@ name=@id_admin@ 8;' orea&'(:re$#lt() a$

8/17/2019 BAB IV kustomisasi landing page berbasis web

20/34

Gambar 4.1) 5alaman untuk enambah 2ata obil

0edangkan code $ang digunakan untuk membuat form edit data untuk informasi

harga mobil pada java transport adalah sebagai berikut +

8di% &la$$=@&ontainer>l#id@:8;' orea&'(:re$#lt() a$

8/17/2019 BAB IV kustomisasi landing page berbasis web

21/34

8im4 data>$r&=@'olderG0$J2,71M,@ alt=@2,71M,@ $t6le=@*idt'2,7? 'ei4't 1M,7?@ $r&=@8;' e&'o ba$e_#rl()?;:J#load$J8;'e&'o :4ambar?;:@J:8Ja:8Jtd:8Jtr:8Jtable:8table:8tr:8td %ali4n=@to@:/eteran4an8Jtd:8td:nb$?nb$?nb$?nb$?nb$?nb$?nb$?8Jtd:8td %ali4n=@to@:8Jtd:8td:8te7tarea t6e=@te7t@ name=@5eteran4an@:8;' e&'o :5eteran4an?;:8Jte7tarea:8Jtd:8Jtr:8tr:8td:8b#tton &la$$=@btn btn>$#&&e$$@ t6e=@$#bmit@:date8Jb#tton:8Jtd:8Jtr:8Jtable:8;' endorea&'?;:8;' orm_&lo$e()?;:8Jdi%:

Gambar 4.1* 5alaman untuk dit 2ata obil

8/17/2019 BAB IV kustomisasi landing page berbasis web

22/34

4.2.2.! Halaman untu& Men"edit Har"a Dri#er

5alaman ini digunakan untuk memasukan harga sopir $ang digunakan oleh sewa

mobil java transport. 3i$a sopir pada sewa mobil java transport memiliki dua jenis $aitu

sopir dalam kota dan luar kota. &asilitas admin dalam halaman ini adalah mengedit harga

sopir jika ada perubahan bia$a sopir.

Gambar 4.1+ 5alaman dit 5arga 2river 

4.2.2.4 Halaman untu& Menamba/ Data La$anan

5alaman tambah la$anan memiliki fasilitas untuk menambah data la$anan, edit data

la$anan dan hapus data la$anan. 2ata la$anan digunakan untuk menginformasikan

kepada pengunjung website jika ingin menghubungi sewa mobil java transport.

Gambar 4.2 5alaman untuk enambah 2ata

8/17/2019 BAB IV kustomisasi landing page berbasis web

23/34

5alaman untuk menambah data tempat wisata dapat diakses setelah admin

melakukan login. &asilitas $ang terdapat didalamn$a adalah menambah, mengedit dan

menghapus data tempat wisata.

Gambar 4.21 5alaman untuk enambah 2ata /empat 6isata

4.2.2.' Halaman untu& Menamba/ Data Pa&et (isata

5alaman ini memlikiki fasilitas untuk menambah, mengedit, dan menghapus paket

wisata $ang terdapat di sewa mobil java transport. 5alaman ini dapat diakses oleh admin

setelah admin melakukan login.

Gambar 4.22 5alaman untuk enambah 2ata Paket 6isata

4.2.2.) Halaman untu& Menamba/ Data Arti&el

8/17/2019 BAB IV kustomisasi landing page berbasis web

24/34

5alaman untuk menambah data artikel dapat diakses setelah admin melakukan login.

2ata artikel memuat artikel $ang berkaitan dengan sewa mobil java transport. &asilitas

$ang terdapat pada halaman ini adalah menambah, mengedit, dan menghapus data artikel.

Gambar 4.2! 5alaman untuk enambah 2ata Artikel

4.2.2.* Halaman untu& Menamba/ Data Testimni

5alaman testimoni untuk admin dapat diakses setelah melakuka login. &asilitas $ang

terdapat pada halaman ini adalah akses untuk menampilkan atau tudak menampilkan

testimoni pengunjung.

Gambar 4.24 5alaman untuk enampilkan atau tidak enampilkan 2ata /estimoni

4.2.2.+ Halaman untu& Men"edit Data Admin

8/17/2019 BAB IV kustomisasi landing page berbasis web

25/34

5alaman edit admin digunakan untuk mengedit data admin. 5alaman ini dapat

diakses setelah admin melakukan login. 2ata $ang dapat diedit meliputi data admin, user 

name dan password.

Gambar 4.2% 5alaman untuk dit 2ata Admin

4.! 3ne&si Database

8/17/2019 BAB IV kustomisasi landing page berbasis web

26/34

0etelah pembuatan database maka dapat dibuat koneksi database. :oneksi

kedatabase menghubungkan intervace dengan database. 0emua data $ang dimasukan

dalam database nantin$a dapat ditampilkan dalam interface. engatur koneksi database

dalam framework codeigniter dilakukan menggunakan file database.php $ang terletak di

folder aplications=config. 3erikut adalah code $ang dijalankan +

8;' i ( 9 deined(BASE-ATP)) e7it(No dire&t

$&rit a&&e$$ allo*ed)?

8/17/2019 BAB IV kustomisasi landing page berbasis web

27/34

usahan$a kepada mas$arakat melalui dunia internet. /eknologi $ang digunakan dalam

 pembuatan sistem ini adalah teknologi aplikasi berbasis web, $ang membentuk sebuah

 program $ang dapat berdiri sendiri dan dapat dijalankan dalam lingkungan internet.

0ehingga dimanapun pengguna (user ) berada dapat menggunakan aplikasi ini, dengan

mengakses situs tersebut secara cepat dan mudah.

Pembuatan website ini menggunakan konsep >7 (odel >iew 7ontroller).

odel >iew 7ontroller merupakan suatu konsep $ang cukup populer dalam

 pembangunan aplikasi web. >7 memisahkan pengembangan aplikasi berdasarkan

komponen utama $ang membangun sebuah aplikasi seperti manipulasi data, user 

interface, dan bagian $ang menjadi kontrol. Aplikasi terdapat - komponen $ang

membangun >7 pada pembuatan website sewa mobil $aitu +

!. >iew, merupakan bagian $ang menangani tampilan. Pada web sewa mobil ini

terdapat beberapa file template html dalam bagian view, $ang diatur oleh

controller. >iew berfungsi untuk menerima dan mempresentasikan data

kepada user. 3agian ini tidak memiliki akses langsung terhadap bagian model.

. odel, merupakan bagian $ang berhubungan langsung dengan database untuk 

memanipulasi data (insert, update, delete, search), mengenai validasi dari

 bagian controller, namun tidak dapat berhubungan langsung dengan bagian

view. Pada website sewa mobil ini terdapat dua file dalam bagian model

$aitu + file model4admin.php untuk memanipulasi data $ang akan ditampilkan

dalam halaman admin, dan file modelrentalmobil.php $ang digunakan untuk 

memanipulasi data $ang akan ditampilkan pada halaman pengunjung website

sewa mobil java transport.

8/17/2019 BAB IV kustomisasi landing page berbasis web

28/34

8/17/2019 BAB IV kustomisasi landing page berbasis web

29/34

D Admin Proses edit data admin, user name, dan : 

4.' Pemeli/araan Sistem

/ujuan dari pemeliharaan sistem adalah untuk menjaga dan memelihara sistem

supa$a sistem $ang diimplementasikan dapat tetap bekerja dengan baik. Adapun kegiatan

 pemeliharaan sistem $ang dilakukan adalah +

1. 8ntuk menghindari kehilangan data dilakukan back up data.

2. 0ebelum domain dan hosting kadaluarsa maka harus dilakukan pemba$aran untuk 

 perpanjang domain dan hosting, apabila terlambat memperpanjang domain dan

hosting dikhawatirkan website menjadi tidak bisa diakses dan terdapat

kemungkinan nama domain jatuh ketangan orang lain.

!. elakukan evalusai sistem agar dapat dilakukan pengembangan sistem $ang lebih

 baik.

4.) E5,rt database

0ebelum file s;l diupload terlebih dahulu dibuat didalam komputer lokal seperti

$ang dilakukan dibagian awal implementasi basis data. 0etelah basis data dibuat dalam

localhost selanjutn$a file s;l die'port.. Pilih database rental4mobil, lalu klik e'port.

Proses e'port pada komputer local akan berjalan setelah diklik tombol go. &ile hasil

e'port berupa file rental4mobil.s;l.

8/17/2019 BAB IV kustomisasi landing page berbasis web

30/34

Gambar 4.2' proses e'port database di phpm$admin localhost

4.* Manual Instalasi di Lal/st

Apabila semua komponen pendukung terpasang (installed ) dalam komputer seperti

'ampp dan browser, maka website sewa mobil java transport ini dapat diinstalasi secara

offline di localhost dengan 'ampp.

8/17/2019 BAB IV kustomisasi landing page berbasis web

31/34

Gambar 4.2* mengaktifkan 'ampp

0etelah 'ampp aktif dapat melanjutkan dengan membuka web browser seperti mo%illa

firefo', google chrome, internet e'plorer, safari, maupun web browser lain. 0etelah web

browser   terbuka selanjutn$a mengetikan localhost=phpm$admin untuk membuat

database melalui phpm$admin. ?ama database $ang dibuat sama seperti database $ang

sudah dibuat sebelumn$a $aitu rental4mobil. 0etelah selesai membuat database

selanjutn$a mengimport file s;l. &ile s;l $ang akan diimport bernama rental4mobil.s;l.

Proses import dilakukan dengan mengeklik tombol choose file untuk memilih file

rental4mobil.s;l di e'plorer, selanjutn$a klik tombol go untuk melakukan proses import.

&ile s;l tersebut berisi tabel*tabel $ang diperlukan oleh website sewa mobil java transport

untuk men$impan data informasi $ang akan ditampilkan dalam website.

Gambar 4.2+ import file s;l

0etelah proses import selesai dilanjutkan dengan membuka tab baru dalam web browser 

dan mengetikan alamat localhost=rental4mobil untuk menjalankan website sewa mobil

 java transport secara offline.

4.+ Manual Instalasi di ,nel

8/17/2019 BAB IV kustomisasi landing page berbasis web

32/34

:arena sistem ini berbasis website, instalasi dilakukan dengan cara upload file dan

database ke internet. Pastikan komputer terkoneksi dengan internet. 0etelah itu buka

browser   seperti internet e'plorer, mo%ila firefo', google chrome, maupun browser   lain

dengan cara membuka alamat $ang sudah dibuat $aitu

Ehttp+==www.sewamobiljavatrans.com=cpanelF.

Gambar 4.!

8/17/2019 BAB IV kustomisasi landing page berbasis web

33/34

. Phpm$admin digunakan untuk proses database. 2atabase digunakan untuk 

men$impan data*data $ang dibutuhkan sebagai informasi $ang akan disampaikan.

-. $0;l 2atabase adalah menu untuk pengaturan database pada web ini.

2igunakan untuk mengatur user name dan password database.

8/17/2019 BAB IV kustomisasi landing page berbasis web

34/34

Gambar 4.!! 5alaman phpm$admin

0etelah berada di halaman php m$admin dapat dilakukan pembuatan database. ?ama

database disesuaikan dengan nama database $ang dibuat pada komputer lokal, dalam hal

ini nama databasen$a adalah rental4mobil. :emudian import file dari database di

komputer lokal. ?ama file $ang diimport sama dengan nama database $aitu

rental4mobil.s;l. 0etelah proses tersebut selesai dapat diatur user name dan password

database dengan cara masuk ke halaman $0G