kirimperancangan sistem informasi jenis · pdf filekirimperancangan sistem informasi jenis...

11
kirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA Sri Wahyuni Indriani1, Sandra Jamu Kuryanti2, Mely Mailasari3 1Jurusan Manajemen Informatika, Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Jl. Cut Meutia No. 88 Bekasi Barat 10450 [email protected] 2Jurusan Sistem Informasi, Bina Sarana Informatika, Jl. Kramat Raya No. 25 Jakarta Pusat 10450 3Jurusan Sistem Informasi, Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Jl. Cut Meutia No. 88 Bekasi Barat 10450 ABSTRACT The development of information and communication technology is advancing rapidly, requires companies to be able to take advantage of these conditions to the maximum extent possible. Companies are required to communicate the superior product or service to prospective customers or visitors with a rapid, precise and accurate. Put forward the name of the company to be recognized by potential customers and as a medium of communication to promote products and events. One of the most effective and efficient media to support the goal is to deliver the latest information through the designed website by using Dreamweaver, PHP, and also MySQL. At this time PT. Putera Auto Kencana is a company engaged in the automotive field. Promotion system that existed at PT. Putera Auto Kencana is still not done optimally and there are still many people who do not know this company. The absence of a medium to deliver information that is easily accessible by members of the community made the flow of information is slow, so the design of this website by the author is the best solution to solving this issue. Therefore the computerized system is better than manual systems, especially in improving the effectiveness and efiesiensi flow of communication, as well as the speed of information sharing system that is more accurate. Keywords: Information System design, website, PHP, MySQL, Dreamweaver I. PENDAHULUAN Perkembangan teknologi informasi dan komunikasi yang semakin maju dengan pesatnya, menuntut perusahaan untuk dapat memanfaatkan kondisi tersebut dengan semaksimal mungkin. Saat ini sudah banyak perusahaan yang memanfaatkan teknologi informasi untuk kebutuhan internal ataupun eksternal perusahaan, baik untuk memperkenalkan profil perusahaan ataupun untuk menjual hasil produk-produk mereka. Dengan begitu, perusahaan akan memperoleh hasil yang lebih baik jika dapat memanfaatkan teknologi informasi dan komunikasi yang tersedia secara optimal. Sebagai konsekuensinya, perusahaan dituntut untuk mengkomunikasikan produk atau jasa unggulan kepada calon pelanggan atau pengunjung dengan cepat, tepat dan akurat. Mengedepankan nama perusahaan agar dikenal oleh calon pelanggan dan sebagai media komunikasi untuk mempromosikan produk dan event. Salah satu media paling efektif dan efisien untuk mendukung tujuan tersebut adalah dengan menyampaikan informasi terbaru melalui website. Melihat kenyataan ini, penulis mencoba ikut serta berperan aktif untuk membuat suatu perancangan website. Perancangan web yang akan dibuat ini adalah sistem informasi jenis-jenis kendaraan pada perusahaan yang bergerak di bidang otomotif yang baru membuka satu cabang di Bintaro-Jakarta Selatan.Berdasarkan pemasalah diatas maka penulis mengambil judul dalam pembuatan tugas akhir ini, yaitu: “PERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA. Maksud dari penulisan Tugas Akhir ini adalah membantu dalam penyebaran informasi secara efektif dan efisien jenis-jenis mobil chevrolet milik PT. Putera Auto Kencana kepada masyarakat luas. Website atau situs internet ini diharapkan bisa menjadi salah satu alternative ajang promosi kepada masyarakat luas kendaraan apa saja yang ada pada showroom-showroom milik PT. Putera Auto Kencana dan promo-promo apa saja yang sedang ditawarkan oleh perusahaan penjual kepada masyarakat seluruh Indonesia, khususnya masyarakat di Jakarta. II. KAJIAN LITERATUR 2.1. Konsep Dasar Web 1. Program Menurut Binanto (2009a:1) program dapat diartikan sebagai “himpunan atau kumpulan intruksi tertulis yang dibuat oleh programmer atau suatu badan executable dari suatu software”. Kata program identik dengan kata

Upload: dotruc

Post on 06-Feb-2018

223 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

kirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL

CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA

JAKARTA

Sri Wahyuni Indriani1, Sandra Jamu Kuryanti2, Mely Mailasari3

1Jurusan Manajemen Informatika, Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Jl.

Cut Meutia No. 88 Bekasi Barat 10450

[email protected]

2Jurusan Sistem Informasi, Bina Sarana Informatika, Jl. Kramat Raya No. 25 Jakarta Pusat 10450

3Jurusan Sistem Informasi, Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Jl. Cut

Meutia No. 88 Bekasi Barat 10450

ABSTRACT

The development of information and communication technology is advancing rapidly, requires companies to be

able to take advantage of these conditions to the maximum extent possible. Companies are required to

communicate the superior product or service to prospective customers or visitors with a rapid, precise and

accurate. Put forward the name of the company to be recognized by potential customers and as a medium of

communication to promote products and events. One of the most effective and efficient media to support the

goal is to deliver the latest information through the designed website by using Dreamweaver, PHP, and also

MySQL. At this time PT. Putera Auto Kencana is a company engaged in the automotive field. Promotion system

that existed at PT. Putera Auto Kencana is still not done optimally and there are still many people who do not

know this company. The absence of a medium to deliver information that is easily accessible by members of the

community made the flow of information is slow, so the design of this website by the author is the best solution

to solving this issue. Therefore the computerized system is better than manual systems, especially in improving

the effectiveness and efiesiensi flow of communication, as well as the speed of information sharing system that is more accurate.

Keywords: Information System design, website, PHP, MySQL, Dreamweaver

I. PENDAHULUAN

Perkembangan teknologi informasi dan komunikasi

yang semakin maju dengan pesatnya, menuntut

perusahaan untuk dapat memanfaatkan kondisi

tersebut dengan semaksimal mungkin. Saat ini

sudah banyak perusahaan yang memanfaatkan

teknologi informasi untuk kebutuhan internal

ataupun eksternal perusahaan, baik untuk memperkenalkan profil perusahaan ataupun untuk

menjual hasil produk-produk mereka. Dengan

begitu, perusahaan akan memperoleh hasil yang

lebih baik jika dapat memanfaatkan teknologi

informasi dan komunikasi yang tersedia secara

optimal. Sebagai konsekuensinya, perusahaan

dituntut untuk mengkomunikasikan produk atau jasa

unggulan kepada calon pelanggan atau pengunjung

dengan cepat, tepat dan akurat. Mengedepankan

nama perusahaan agar dikenal oleh calon pelanggan

dan sebagai media komunikasi untuk mempromosikan produk dan event. Salah satu media

paling efektif dan efisien untuk mendukung tujuan

tersebut adalah dengan menyampaikan informasi

terbaru melalui website. Melihat kenyataan ini,

penulis mencoba ikut serta berperan aktif untuk

membuat suatu perancangan website. Perancangan

web yang akan dibuat ini adalah sistem informasi

jenis-jenis kendaraan pada perusahaan yang

bergerak di bidang otomotif yang baru membuka

satu cabang di Bintaro-Jakarta Selatan.Berdasarkan

pemasalah diatas maka penulis mengambil judul

dalam pembuatan tugas akhir ini, yaitu:

“PERANCANGAN SISTEM INFORMASI

JENIS MOBIL CHEVROLET BERBASIS WEB

PADA PT. PUTERA AUTO KENCANA

JAKARTA”. Maksud dari penulisan Tugas Akhir ini adalah membantu dalam penyebaran informasi

secara efektif dan efisien jenis-jenis mobil chevrolet

milik PT. Putera Auto Kencana kepada masyarakat

luas. Website atau situs internet ini diharapkan bisa

menjadi salah satu alternative ajang promosi kepada

masyarakat luas kendaraan apa saja yang ada pada

showroom-showroom milik PT. Putera Auto

Kencana dan promo-promo apa saja yang sedang

ditawarkan oleh perusahaan penjual kepada

masyarakat seluruh Indonesia, khususnya

masyarakat di Jakarta.

II. KAJIAN LITERATUR

2.1. Konsep Dasar Web

1. Program

Menurut Binanto (2009a:1) program dapat

diartikan sebagai “himpunan atau kumpulan

intruksi tertulis yang dibuat oleh programmer

atau suatu badan executable dari suatu

software”. Kata program identik dengan kata

Page 2: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

pemograman, pemrograman itu sendiri diartikan

sebagai cara membuat program, dalam konteks

ini berarti membuat program komputer. Dapat

juga dikatakan bahwa pemrograman merupakan

suatu kumpulan urutan perintah ke komputer

untuk mengerjakan sesuatu. Perintah ini membutuhkan suatu bahasa tersendiri yang dapat

dimegerti oleh komputer yang disebut dengan

bahasa pemrograman. Bahasa pemrograman

mempengaruhi cara dan teknik pemrograman.

2. Macromedia Dreamweaver

Menurut Ramadhan (2007a: 2) Macromedia

Dreamweaver, atau biasa disebut

“Dreamweaver”, “adalah sebuah perangkat

lunak aplikasi untuk mendesain dan membuat

halaman web”. Dengan menggunakan

Dreamweaver 8, ketika membuat sebuah

halaman web, anda tidak perlu lagi mengetik kode-kode HTML atau kode-kode lainnya secara

manual. Anda cukup melakukan klik beberapa

kali, maka simsalabim, halaman web yang anda

inginkan sudah jadi. Macromedia Dreamweaver

tampil dengan ruang kerja baru yang lebih

menarik dibandingkan versi-versi sebelumnya.

Berikut ini adalah keterangan untuk bagian-

bagian dari ruang kerja Macromedia

Dreamweaver.( Ramadhan (2007b: 3)).

3. Personal Home Page (PHP)

Menurut Aditya (2011a:1) ”PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat

ditanamkan atau disisipkan ke dalam HTML.

PHP banyak dipakai untuk memprogram situs

web dinamis. PHP dapat digunakan untuk

membangun sebuah CMS”.

4. MySQL

Menurut Aditya (2011b:61) “MySQL adalah

sebuah perangkat lunak sistem manajemen basis

data SQL (bahasa Inggris: database management

system) atau DBMS yang multithread, multiuser,

dengan sekitar 6 juta instalasi di seluruh dunia.

MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU

General Public License (GPL), tetapi mereka

juga menjual di bawah lisensi komersial untuk

kasus-kasus dimana penggunaannya tidak cocok

dengan penggunaan GPL.

5. Apache

Menurut Aditya (2011d:3) “Apache web server

merupakan program aplikasi yang berjalan di

server, berfungsi untuk menjalankan aplikasi

web sehingga bisa diakses oleh klien baik

melalui jaringan intranet maupun internet.” 2.2. Tools Program

Perancangan sebuah website tidak terlepas dari

penggunaan peralatan pendukung (Tools Program)

yang berguna untuk mempermudah dalam

pembuatan sebuah program yang akan dibuat. Pada

perancangan ini penulis menggunakan tools

program yaitu Struktur Navigasi.

1. Struktur Navigasi

Menurut Prihatna (2005:51) bahwa “struktur

navigasi adalah susunan menu atau hierarki dari

suatu situs yang menggambarkan isi dari setiap

halaman dan link atau navigasi tiap halaman

situs web”.

2. Hierarki (Hierarchical) Struktur Hierarchi disebut juga struktur linear

dengan percabangan karena pengguna

melakukan navigasi disepanjang cabang pohon

struktur yang terbentuk oleh logika isi. Tampilan

pada menu pertama akan disebut sebagai Master

Page (halaman utama), halaman utama ini akan

mempunyai halaman pendukung dipilih atau

diaktifkan, maka tampilan tersebut akan bernama

Master Page (halaman utama kedua), dan

seterusnya. Pada struktur ini tidak diperkenankan

adanya tampilan secara Linear.

3. Non Linear Struktur penjejakan Non Linear (tidak berurut)

merupakan pengembangan dari struktur

penjejakan Linear. Pada struktur ini

diperkenankan membuat penjejakan bercabang.

Pemakai bebas menelusuri website tanpa

dibatasi oleh suatu rute dimana kontrol navigasi

dapat mengakses ke semua halaman manapun.

Percabangan yang dibuat pada struktur Non

Linear ini berbeda dengan percabangan pada

struktur Hierarchi, karena pada percabangan Non

Linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang

sama tidak ada Master Page dan Slave Page.

4. Composite

Composite (campuran) atau disebut juga struktur

penjejakan bebas merupakan gabungan dari

ketiga struktur sebelumnya yaitu Linear, Non

Linear dan Hierarchi. Jika suatu tampilan

membutuhkan percabangan, maka dapat dibuat

percabangan, dan bila dalam percabangan

tersebut terdapat suatu tampilan yang sama

kedudukannya maka dapat dibuat struktur Linear

dalam percabangan tersebut.

III. METODE PENELITIAN

Penulis menggunakan metode penelitian

mendapatkan data sebagai objek penulisan berupa:

a. Metode Pengamatan Langsung (observation)

Menurut Yusuf (2005:132), “observasi adalah

merupakan pengamatan yang teliti dan sistematis

tentang suatu objek”. Observasi adalah

pengamatan langsung terhadap kegiatan yang

diteliti. Dalam penyusunan Tugas Akhir ini

penulis melakukan pengamatan secara langsung dengan bekerja sebagai salah satu staff di PT.

Putera Auto Kencana.

b. Metode Wawancara (interview)

Wawancara menurut Yusuf (2005:140) adalah

“proses antara pewawancara (interviewer)

dengan yang diwawancarai (interviewee) melalui

komunikasi langsung atau dapat juga dikatakan

sebagai proses percakapan tatap muka (face to

Page 3: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

face) antara pewawancara dengan pihak yang

diwawancarai dimana pewawancara bertanya

langsung tentang suatu aspek yang dinilai dan

telah dirancang sebelumnya.” Dalam

pengumpulan data melalui wawancara dilakukan

secara langsung dari Branch Manager dan staff yang bekerja di tempat yang sama.

c. Metode Studi Pustaka (literature study)

Metode ini dilakukan dengan membaca buku-

buku referensi dan literatur yang berhubungan

dengan perancangan website, pembuatan

database dan penyusunan tugas akhir.

IV. PEMBAHASAN

4.1. Analisa Perancangan Web

1. Tinjauan Perusahaan

A. Sejarah Perusahaan

PT. Putera Auto Kencana (PAK) merupakan anak perusahaan dari PT. Kreasi Auto Kencana

(KAK) yang tergabung dalam Auto Kencana

Group dan PAK ini mulai berdiri bulan Juni

2012. PAK dan KAK adalah perusahaan yang

bergerak dibidang otomotif baik penjualan

maupun servis tapi tidak termasuk

manufacturing di dalamnya. PAK berdiri pada

tahun 2012 bulan April yang beralamat di Jl.

Raya Boulevard Barat LC. 08 Kav. No. 1 Kel.

Kelapa Gading-Jakarta Utara dengan nomor

Surat Izin Usaha Perdagangan (SIUP)

03402_02/PM/1.824.271 yang dikeluarkan pada

tanggal 13 april 2012 oleh pemerintah provinsi

khusus ibukota jakarta dengan nama perusahaan PT. Putera Auto Kencana dan penanggung jawab

yaitu Andee Yophienoes Yoestong selaku

direktur utama dengan kekayaan bersih Rp.

10.000.000.000 (sepuluh milyar rupiah) dimana

perusahaan ini menjual unit dan servis mobil

chevrolet. Karena masih sangat baru merupakan

adik dari perusahaan pendahulunya yaitu KAK

yang menjual unit mobil Ford dan sudah berdiri

sejak 10 tahun yang lalu maka PAK masih harus

merangkak dan berusaha keras agar menjadi

perusahaan yang berkembang. PT. Putera Auto

Kencana memiliki 3 pemegang saham (owner), 2 diantaranya adalah pemegang saham PT. Kreasi

Auto Kencana yaitu Alliance Harifin dan Andee

Y Yoestong dalam struktur organisasi adalah

sebagai direktur sehingga sistem yang ada di

Putera Auto Kencana (PAK) sama seperti di

perusahaan pendahulunya.

B. Struktur Organisasi dan Fungsi

Gambar 1. Struktur Organisasi

Berikut ini adalah fungsi dan wewenang dari tiap

bagian yang terdapat pada struktur organisasi

dealer PT. Putera Auto Kencana, antara lain:

1. Presiden Direktur

Bertanggung jawab penuh terhadap kegiatan usaha dan akan melaporkan kepada pemegang

saham perusahaan (komisaris) dalam rapat

umum pemegang saham (RUPS).

2. Direktur Operasional

Bertanggung jawab penuh terhadap seluruh

kebijakan operasional.

3. Operasional Manager

Bertanggung jawab penuh terhadap seluruh

kegiatan operasional.

4. Direktur Finance Bertanggung jawab penuh terhadap arus

keuangan dan kebijakan pengelolaan keuangan

perusahaan.

5. HRD

Bertanggung jawab dalam pengembangan dan

Page 4: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

rekrutmen sumber daya manusia dalam

perusahaan.

6. GM Finance

Bertanggung jawab terhadap pengelolaan

keuangan perusahaan.

7. Kepala Cabang Bertanggung jawab dan mengelola seluruh kegiatan

operasional cabang.

8. Fleet & GSO Manager

Bertanggung jawab dan mengelola seluruh kegiatan

penjualan partai besar (non-retail), penjualan ke

pemerintahan, dan lembaga-lembaga negara.

9. Kepala Bengkel

Bertanggung jawab dan mengelola seluruh kegiatan

operasional bengkel cabang.

10. ADH

Bertanggung jawab dan mengelola seluruh kegiatan administrasi cabang.

11. Sales Manager

Bertanggung jawab dan mengelola seluruh kegiatan

penjualan retail cabang.

2. Tinjauan Kasus

Perkembangan media-media pendukung dalam

lingkungan kita sangatlah dibutuhkan, dimana

alat pendukung inilah dijadikan sarana sebagai

bahan pembelajaran secara individu dengan

banyaknya informasi di berbagai media

khususnya internet dimana user selalu

menginginkan informasi-informasi terbaru,

sehingga memerlukan suatu pengelolaan

manajemen database yang baik, cepat dan efisien. Saat ini banyak sekali Website-Website

yang ada di dunia maya baik berupa informasi

maupun e-commerce sehingga dsini penulis

mencoba untuk ikut berpartisipasi dan

memberikan informasi tentang komunitas motor

yang dalam hal ini diperuntukan bagi user yang

ingin mengetahui dan berbagi informasi

mengenai dunia otomotif. Maka dengan ini

penulis mencoba untuk membuat Website yang

memberikan solusi sekaligus ingin berkreasi dan

berbagi informasi kepada pengunjung atau

pengguna internet.

4.2. Spesifikasi Rancangan Web

Dalam spesifikasi rancangan Website ini dibahas

mengenai bentuk-bentuk tampilan dari setiap

halaman.

1. Rancangan Halaman Pengunjung

Gambar 2. Rancangan halaman pengunjung (front-end)

Keterangan rancangan tampilan Website yang di

akses pengunjung (front-end) adalah sebagai

berikut:

1) Link 1

Link 1 adalah halaman index (home). Halaman

Index adalah halaman depan dari semua halaman

yang ada pada Website. Halaman ini juga dapat

disebut sebagai halaman pembuka karena pada

saat pertama Website dibuka maka halaman

inilah yang akan tampil sebelum halaman yang lainnya.

2) Link 2

Link 2 adalah halaman profil. Halaman Profile

ini merupakan halaman yang menjelaskan

tentang profil Tamara PT. Putera Auto Kencana.

3) Link 3

Link 3 adalah halaman cars. Halaman cars

merupakan halaman yang bersisikan tentang

mobil-mobil chevrolet yang dijual oleh PT.

Putera Auto Kencana.

4) Link 4

Link 4 adalah halaman offer&prices. Halaman

offer & prices merupakan halaman yang

berisikan tentang penawaran-penawaran atau

promo dan price list tiap jenis mobil yang dijual.

5) Link 5 Link 5 adalah halaman dealer. Halaman dealer

merupakan halaman yang berisikan alamat

kantor/dealer disertakan nomor telpon, nomor

fax dan alamat email yang dapat dihubungi oleh

pengujung Website.

6) Link 6

Header

Footer

Link 1 Link 2 Link 6 Link 3 Link 4 Link 5

Gambar Slide

Page 5: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

Link 6 adalah halaman guestbook. Halaman

Guestbook adalah halaman yang dapat

digunakan oleh pengunjung untuk menulis

komentar baik kritik atau saran maupun dalam

bentuk pertanyaan.

2. Rancangan Halaman Admin

Gambar 3. Rancangan desain admin (back-end)

Keterangan rancangan tampilan Website yang di

akses admin (back-end) adalah sebagai berikut :

1) Link 1

Link 1 merupakan halaman profil yang terletak

di halaman admin untuk mengubah, mengurangi

atau menambah profil perusahaan di tampilan

profil di halaman pengunjung.

2) Link 2

Link 2 merupakan halaman slide yang terletak di halaman admin untuk mengubah, mengurangi

atau menambah tampilan slide di halaman

pengunjung pada tampilan home.

3) Link 3

Link 3 merupakan halaman slide yang terletak di

halaman admin untuk mengubah, mengurangi

atau menambah tampilan slide di halaman

pengunjung pada tampilan home.

4) Link 4

Link 4 merupakan halaman buku tamu yang

terletak di halaman admin untuk melihat atau menghapus data pengunjung yang berkomentar

di halaman guestbook.

5) Link 5

Link 5 merupakan halaman offer&prices yang

terletak di halaman admin untuk mengubah,

mengurangi atau menambah data tentang promo

yang sedang berlangsung di chevrolet.

6) Link 6

Link 6 merupakan halaman data mobil yang

terletak di halaman admin untuk mengubah,

mengurangi atau menambah data mobil yang

akan tampil di tampilan cars di halaman pengunjung.

7) Link 7 adalah data admin

Link 7 merupakan halaman data admin yang

terletak di halaman admin untuk mengubah,

mengurangi atau menambah data admin atau

data yang berhak mengakses Website.

3. Tampilan Halaman Masukan

Berikut adalah tampilan bentuk masukan

perancangan website PT. Putera Auto Kencana.

1. Nama Halaman : Profil

Fungsi : Sebagai sarana untuk menambahkan

artikel pada menu profil

Sumber : Admin

Tujuan : Admin

Frekuensi : Setiap ada perubahan profil

perusahaan

Media : Screen Jumlah : 1 halaman

Bentuk : Lampiran A.1

2. Nama Halaman : Slide

Fungsi : Sebagai sarana untuk menambahkan

atau mengubah tampilan slide di tampilan home

Sumber : Admin

Tujuan : Admin

Frekuensi : Setiap ada perubahan tampilan slide

Media : Screen

Jumlah : 1 halaman

Bentuk : Lampiran A.2 3. Nama Halaman : Guestbook

Fungsi : Sebagai sarana untuk memasukkan

komentar ke dalam daftar tamu

Sumber : Pengunjung web

Tujuan : Admin

Frekuensi : Setiap ingin memasukan komentar

Media : Screen

Jumlah : 1 halaman

Bentuk : Lampiran A.3

4. Nama Halaman : Offer&Prices

Fungsi : Sebagai sarana untuk mengubah

harga tipe mobil yang dijual dan menambah promosi yang ditawarkan.

Sumber : Admin

Tujuan : Admin

Frekuensi : Setiap ada promosi baru dan

perubahan harga

Media : Screen

Jumlah : 1 halaman

Bentuk : Lampiran A.4

Link 1

Link 2

Link 3

Link 4

Link 5

Link 6

Link 7

Logout

user

Content

Page 6: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

5. Nama Halaman : Data Mobil

Fungsi : Sebagai sarana untuk menambah,

mengubah dan menghapus tipe dan spesifikasi

mobil yang dijual

Sumber : Admin

Tujuan : Admin Frekuensi : Setiap ingin memasukan komentar

Media : Screen

Jumlah : 1 halaman

Bentuk : Lampiran A.5

6. Nama Halaman : Data Admin

Fungsi : Sebagai sarana untuk menambah,

menghapus admin dan mengubah data password

admin

Sumber : Admin

Tujuan : Admin

Frekuensi : Setiap ingin menambah admin atau

mengubah password Media : Screen

Jumlah : 1 halaman

Bentuk : Lampiran A.6

4. Tampilan Halaman Keluaran

Berikut adalah bentuk tampilan keluaran dari

perancangan Website PT. Putera Auto Kencana.

1. Nama Halaman : Buku Tamu

Fungsi : Sebagai sarana untuk

menampilkan komentar atau testimoni yang

masuk.

Sumber : Pengunjung Web Tujuan : Pengunjung Web

Frekuensi : Setiap ingin melihat komentar

yang masuk

Media : Screen

Jumlah : 1 halaman

Bentuk : Lampiran B.1

5. Tampilan Halaman Web

Berikut adalah bentuk tampilan halaman Website

PT. Putera Auto Kencana.

1. Nama Halaman : Home

Akronim : index.php

Bahasa Program : PHP Fungsi : menampilkan tampilan slide

saat tampil menu home

Media Input : screen

Media Output : screen

Bentuk Tampilan : Lampiran C.1

2. Nama Halaman : Profil

Akronim : profil.php

Bahasa Program : PHP

Fungsi : menampilkan informasi profil

perusahaan PT. PAK

Media Input : screen

Media Output : screen

Bentuk Tampilan : Lampiran C.2

3. Nama Halaman : Cars

Akronim : cars.php Bahasa Program : PHP

Fungsi : menampilkan informasi jenis

mobil di PT. PAK

Media Input : screen

Media Output : screen

Bentuk Tampilan : Lampiran C.3

4. Nama Program : Offer&price

Akronim : artikel.php

Bahasa Program : PHP

Fungsi : menampilkan informasi

promo di PT. PAK

Media Input : screen Media Output : screen

Bentuk Tampilan : Lampiran C.4

5. Nama Halaman : Dealer

Akronim : dealer.php

Bahasa Program : PHP

Fungsi : menampilkan informasi alamat

showroom PT. PAK

Media Input : screen

Media Output : screen

Bentuk Tampilan : Lampiran C.5

6. Nama Program : Guestbook Akronim : buku-tamu.php

Bahasa Program : PHP

Fungsi : menampilkan informasi jenis

mobil di PT. PAK

Media Input : screen

Media Output : screen

Bentuk Tampilan : Lampiran C.6

4.3. Struktur Navigasi

Setelah menentukan jenis aplikasi kemudian

membuat struktur navigasi. Pada navigasi

mempunyai beberapa ciri khas yang dapat digolongkan menurut kebutuhan objek, kemudian

pemakaian, keinteraktifannya dan kemudahan

membuatnya yang berpengaruh terhadap waktu

pembuatan suatu Website. Pada aplikasi ini penulis

menggunakan struktur navigasi campuran

(composite), karena memberikan keinteraksian yang

lebih tinggi dan sesuai dengan kebutuhan penulis.

Page 7: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

Gambar 4. Struktur Navigasi Campuran Halaman Pengunjung

Dalam website ini terdapat dua struktur navigasi

yaitu struktur navigasi campuran pada halaman user

dan struktur navigasi pada halaman administrator.

Berikut beberapa tombol kontrol navigasi campuran

halaman peserta :

a. Pada halaman menu utama atau index terdapat

beberapa tombol menu yang berfungsi

menampilkan sub menu lainnya antara lain :

Home, Profil, Cars, Offer & Prices, Dealer, dan

Guestbook. b. Pada menu profile berisi tentang profil

perusahaan.

c. Pada menu cars berisi tentang tipe-tipe mobil

yang dijual, didalamnya terdapat spesifikasi

yang terbaru dari tiap tipe mobil.

d. Pada menu offer & prices berisi tentang

penawaran atau promo yang ditawarkan oleh

perusahaan kepada masyarakat.

e. Pada menu dealer berisi tentang lokasi

showroom chevrolet milik PT. Putera Auto

Kencana.

f. Pada menu guestbook berisi komentar-komentar

pengunjung website.

Gambar 5. Struktur Navigasi Campuran Halaman Administrator

Berikut beberapa tombol kontrol navigasi campuran

pada halaman administrator:

a. Untuk masuk ke halaman administrator terdapat

navigasi login admin, dimana di dalam form ini

admin harus login terlebih dahulu untuk dapat

mengakses data-data tentang website.

MENU UTAMA

HOME

PROFILE CARS OFFER &

PRICES

DEALER GUESTBOOK

SPARK

AVEO

SPIN

ORLANDO

COLORADO

TRAILBLAZE

R

CAPTIVA

Login Administrator

Home

Slide

Profil

Buku tamu

Offer&

Prices

Data Admin

Data Mobil

Logout

Page 8: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

b. Ruang administrator terdapat beberapa sub menu

diantaranya adalah profil, slide, buku tamu, offer

& prices, data mobil, data admin, dan logout.

c. Profil, pada sub menu ini admin dapat menulis

artikel dengan format word dan menyimpannya

untuk mengisi tampilan dealer. d. Slide, pada sub menu ini admin dapat

memasukkan gambar dan keterangan untuk

tampilan home.

e. Buku tamu, pada sub menu ini admin dapat

menghapus komentar dari pengunjung.

f. Offer & Prices, pada sub menu ini admin dapat

melakukan penambahan, pengeditan, dan

penghapusan data promosi dan update promosi

yang berlangsung.

g. Data mobil, pada sub menu ini admin dapat

melakukan penginputan, pengeditan, dan

penghapusan data mobil.

h. Data admin, pada sub menu ini admin dapat

menambahkan user yang berhak mengakses

website.

4.4. Spesifikasi File

a. Spesifikasi tabel admin

Nama database : ta-yuni

Nama tabel : admin

Akronim : admin

Tipe File : File Master

Organisasi File : Index sequential

Media File : Harddisk

Panjang record : 62 karakter

Field Key :userID

Tabel 1. Tabel admin

b. Spesifikasi tabel artikel

Nama database : ta-yuni

Nama tabel : artikel

Akronim : artikel

Tipe File : File Master

Organisasi File : Index sequential

Media File : Harddisk

Panjang record : 74 karakter

Field Key : id_artikel

Tabel 2. Tabel artikel

c. Spesifikasi file tabel bukutamu

Nama database : ta-yuni

Nama tabel : bukutamu

Akronim : bukutamu

Tipe : File Master

Organisasi File : Index sequential

Media File : Harddisk

Panjang record : 204 karakter

Field Key : id

Tabel 3. Tabel bukutamu

d. Spesifikasi tabel mobil Nama database : ta-yuni

Nama tabel : mobil

Akronim : mobil

Tipe File : File Master

Organisasi File : Index sequential

No. Panjang Elemen Data Akronim Tipe Keterangan

1

2

3

User ID

Pass ID

username

userID

passID

username

Varchar

Varchar

Varchar

2

50

10

Primary Key

Page 9: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

Media File : Harddisk

Panjang record : 96 karakter

Field Key : id_mobil

Tabel 4. Tabel mobil

e. Spesifikasi tabel profil Nama database : ta-yuni

Nama tabel : profil

Akronim : profil

Tipe File : File Master

Organisasi File : Index sequential Media File : Harddisk

Panjang record : 53 karakter

Field Key : id_profil

Tabel 5. Tabel profil

f. Spesifikasi tabel slide

Nama database : ta-yuni

Nama tabel : slide

Akronim : slide

Tipe File : File Master

Organisasi File : Index sequential

Media File : Harddisk

Panjang record : 3 karakter

Field Key : id_slide

Tabel 6.Tabel slide

g. Spesifikasi tabel statistik

Nama database : ta-yuni

Nama tabel : statistik

Akronim : statistik

Tipe File : File Master

Organisasi File : Index sequential

Media File : Harddisk

Panjang record : 285 karakter

Field Key : ip

Tabel 7. Tabel statistik

4.5. Spesifikasi Sistem Komputer

Suatu program tidak berhasil tanpa ada yang

mengendalikan. Dalam hal ini tergantung pada

pemakai (brainware) sehingga suatu program

tersebut memiliki nilai. Dengan adanya brainware,

maka komputer akan mampu membaca perintah-

perintah bahasa mesin, kemudian diterjemahkan

oleh manusia sehingga menghasilkan informasi

yang bermanfaat. Kebutuhan suatu program aplikasi

yang mudah dalam penggunaannya dan memiliki

tampilan grafis yang menarik serta cukup baik,

dirasakan sebagai suatu hal yang penting mengingat

tuntutan dari berbagai bidang pendidikan dan

Page 10: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

sebagai pemanfaatan teknologi komputer itu sendiri

di bidang pendidikan itu sendiri. Kemudahan dalam

penggunaan program aplikasi akan sangat

membantu dalam menyelesaikan masalah

pendidikan dan sesuai dengan kurikulum yang

sudah disempurnakan. Jadi, program aplikasi yang baik dan menarik dapat membantu masalah

pendidikan yang agak sedikit terhambat dengan

adanya jarak dan waktu.

A. Perangkat Keras

Menurut Tutang (2007 : 5) “Hardware adalah

peralatan yang dapat dilihat dan disentuh serta dapat

dirasakan dengan sentuhan. Peralatan tersebut

meliputi peralatan Input, peralatan proses dan

peralatan output”. Spesifikasi perangkat keras yang

direkomendasikan adalah sebagai berikut :

a. Processor : Dual-Core

b. RAM : 2 GB c. Hard Disk : 387 GB

d. Mouse : Optical

e. Keyboard : Standar PS/2

f. Monitor : 14 inch

B. Perangkat Lunak

Menurut Tutang (2007 : 12) “Perangkat Lunak

(software) adalah Sesuatu yang dapat dilihat tetapi tidak dapat dipegang atau diraba”. Dengan kata lain

perangkat lunak adalah suatu program komputer

yang hanya dapat dinikmati, digunakan, dan dilihat

hasilnya saja”.

Sistem Operasi : Windows xp professional

Program Aplikasi Design : Adobe Macromedia

Dreamweaver 8

Bahasa Script : PHP

Web Server : Apache

Web Browser : Mozilla Firefox, Google

Chrome, Internet Explore

Database : MySQL

4.5. Tampilan Halaman Web

Gambar 6. Tampilan depan halaman web

V. KESIMPULAN

Dengan adanya sistem informasi yang berbasis web penyampaian informasi akan lebih mudah dan

cepat. Komputer adalah media yang

menghubungkan antara manusia dan teknologi

untuk mendapatkan informasi tentang mobil

chevrolet di PT. Putera Auto Kencana ini. Dengan

berakhirnya pembahasan dalam penulisan ini,

penulis mengambil beberapa kesimpulan dari

uraian-uraian yang telah dikemukakan pada bab-bab

sebelumnya sehingga dapat memberi gambaran

secara umum tentang penulisan tugas akhir ini.

Kesimpulanya adalah sebagai berikut: 1. Dengan program web ini diharapkan sebagian

masyarakat yang sudah akrab dengan internet

dapat update informasi tentang mobil-mobil

chevrolet terbaru.

2. Program web komunitas ini bisa digunakan

sebagai sarana promosi tentang kegiatan yang

sedang anda lakukan atau promo yang sedang

berlangsung di dealer kepada masyarakat di

Indonesia. 3. Masyarakat selaku konsumen atau pengunjung

website dapat memberikan berita-berita teraktual

berupa saran dan kritik mengenai mobil

Chevrolet khususnya pelayanan di showroom

milik PT. Putera Auto Kencana secara langsung

tanpa harus bertemu dengan para anggota lainya

dengan mengisi tabel komentar.

Pada bagian ini, penulis memberikan saran-saran

berdasarkan permasalahan serta kesimpulan yang

penulis dapat selama riset, yaitu : 1. Aspek Manajerial

Penulis mengharapkan kepada PT. Putera Auto

Kencana untuk mempunyai motivasi dan

innovasi tinggi dalam mempromosikan jenis

mobil yang dijual melalui media screen termasuk

melalui website.

Page 11: kirimPERANCANGAN SISTEM INFORMASI JENIS · PDF filekirimPERANCANGAN SISTEM INFORMASI JENIS MOBIL CHEVROLET BERBASIS WEB PADA PT. PUTERA AUTO KENCANA JAKARTA ... PAK dan KAK adalah

2. Aspek Sistem Web

Peng –updatean konten website secara berkala

harus tetap dilakukan agar dapat meningkatkan

jumlah pengunjung website, bukan hanya itu

saja, webmaster juga diusahakan sedikit

menguasai SEO (Search Engine Optimization)agar dapat menempatkan halaman

website pada urutan terdepan dalam pencarian di

Search Engine, seperti google dan yahoo.

Pergantian tampilan website juga diperlukan

agar pengunjung tidak merasa bosan, gantilah

tampilan website seecara berkala. Alangkah

baiknya jika anda mempunyai stok desain untuk

memudahkan perubahan desain.

3. Aspek Penelitian Selanjutnya

Sebagai generasi penerus seiring bertambahnya

kemajuan teknologi, penulis mengharapkan

kepada mahasiswa BSI untuk membuat website penjualan (e-commerce) kendaraan atau mobil

chevrolet di PT. Putera Auto Kencana.

VI. DAFTAR PUSTAKA

Aditya, Nur Alan. 2011. Jago PHP &

MySQL.Jakarta. Dunia Komputer.

Binanto, Iwan. 2009. Konsep Dasar Pemrograman.

Jakarta: Andi.

Binanto, Iwan. 2010. Multimedia Digital – Dasar

Teori dan Pengembangannya. Yogyakarta:

Andi.

Jogiyanto. 2005. Analisis dan Desain Sistem

Informasi. Yogyakarta: Penerbit Andi.

Prihatna, Henky. 2005. Kiat Praktis Menjadi

Webmaster Profesional. Jakarta: Elex Media

Komputerindo.

Ramadhan, Arif. 2007. Macromedia Dreamweaver 8. Jakarta: Elex Media Komputindo.

Tutang. 2007. Langkah demi Langkah “Merakit

Komputer” PENGENALAN KOMPUTR

BAGI PEMULA. Jakarta: Datakom Lintas

Buana.

Yusuf, Muri. 2005. Evaluasi Pendidikan. Padang

:UNP Press

Yusuf, Muri. 2005. Metodologi Penelitian. Padang:UNP Press