Download - BAB IV kustomisasi landing page berbasis web

Transcript
  • 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