bab 3 analisis dan perancangan kios informasi 3.1 …thesis.binus.ac.id/doc/bab3/lbm2005-47-bab...

93
24 BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios Informasi 3.1.1 Profil Perusahaan PT. Plaza Toyota adalah sebuah perusahaan yang bergerak di bidang pemasaran mobil-mobil Toyota dan merupakan salah satu anak Perusahaan dari Auto 2000. PT. Plaza Toyota dalam melayani pelanggannya memiliki komitmen untuk selalu mengutamakan kepuasan pelanggan. Pemiliknya merupakan pemilik tunggal yang bernama Rudianto Hardianto. Sampai saat ini PT. Plaza Toyota telah mendirikan 4 cabang, 1 cabang berlokasi di Bandung dan 3 lainya berada di Jakarta. Pertama kali PT. Plaza Toyota berdiri pada awal tahun 2002 yang berlokasi di Tendean Kebayoran Baru yang saat ini juga merupakan pusat dari PT Plaza Toyota. Kemudian pada akhir tahun 2002 PT. Plaza Toyota mendirikan cabang di Jakarta Pusat bertempat di Jl. Hasyim Ashari Roxy. Setelah itu PT. Plaza Toyota mendirikan cabang lain di Jakarta Barat pada bulan Januari 2003 yang bertempat di Jl Panjang komplek Green Garden. PT. Plaza Toyota cabang Jakarta Timur dan Bandung berdiri pada saat yang hampir bersamaan yaitu pada pertengahaan tahun 2003.

Upload: dinhbao

Post on 29-Mar-2019

237 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

24

BAB 3

ANALISIS DAN PERANCANGAN KIOS INFORMASI

3.1 Analisis Pembuatan Kios Informasi

3.1.1 Profil Perusahaan

PT. Plaza Toyota adalah sebuah perusahaan yang bergerak di bidang

pemasaran mobil-mobil Toyota dan merupakan salah satu anak Perusahaan

dari Auto 2000.

PT. Plaza Toyota dalam melayani pelanggannya memiliki komitmen

untuk selalu mengutamakan kepuasan pelanggan. Pemiliknya merupakan

pemilik tunggal yang bernama Rudianto Hardianto. Sampai saat ini PT.

Plaza Toyota telah mendirikan 4 cabang, 1 cabang berlokasi di Bandung

dan 3 lainya berada di Jakarta.

Pertama kali PT. Plaza Toyota berdiri pada awal tahun 2002 yang

berlokasi di Tendean Kebayoran Baru yang saat ini juga merupakan pusat

dari PT Plaza Toyota. Kemudian pada akhir tahun 2002 PT. Plaza Toyota

mendirikan cabang di Jakarta Pusat bertempat di Jl. Hasyim Ashari Roxy.

Setelah itu PT. Plaza Toyota mendirikan cabang lain di Jakarta Barat pada

bulan Januari 2003 yang bertempat di Jl Panjang komplek Green Garden.

PT. Plaza Toyota cabang Jakarta Timur dan Bandung berdiri pada saat yang

hampir bersamaan yaitu pada pertengahaan tahun 2003.

Page 2: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

25

3.1.2 Struktur Organisasi Perusahaan

Organisasi merupakan suatu unit terkoordinasi terdiri dari minimal dua

orang yang berfungsi mencapai satu atau serangkaian sasaran tertentu.

Dalam sebuah organisasi perlu adanya struktur organisasi yang berfungsi

untuk menjalankan hubungan-hubungan yang terjadi dalam satu

perusahaan, juga mengendalikan, menyalurkan dan mengarahkan perilaku

sehingga pelaksanaan aktivitas dari perusahaan tersebut dapat mencapai

tujuan yang telah di tetapkan.

Struktur organisasi itu sendiri adalah pola mengelompokan orang dan

pekerjaan. Struktur organisasi biasanya di gambarkan melalui bagan

organisasi yang memiliki proses.

Setiap perusahaan mempunyai struktur organisasi yang berbeda dan

tiap struktur yang di buat mempengaruhi kinerja kerja, performa, perilaku

individu maupun kelompok dan kegiatan perusahaan itu sendiri.

Gambar 3.1 Struktur Organisasi PT. Plaza Toyota

Branch Manager

Customer Relations Control

Sales Supervisor Sales Counter Administration Head

Sales Executive Stock Kasir Administrasi Security Head

Page 3: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

26

3.1.3 Wewenang Tugas

Branch Manager : Pimpinan cabang yang membuat seluruh laporan

penjualan, menerima dan menandatangani seluruh

laporan dari Supervisor, ADH, dan Sales Counter.

Seluruh laporan tersebut nantinya akan diserahkan

kepada kantor pusat. Selain itu Branch Manager

juga berhak menandatangani segala dokumen dan

surat-surat keluar masuknya dokumen mobil.

Customer Relations Control : Melayani kebutuhan informasi dan keluhan

pelanggan PT. Plaza Toyota.

Sales Supervisor : Memanage Sales Executive dan Junior Sales,

menerima laporan penjualan harian dari Sales

Executive maupun Junior Sales dan membuat

laporan penjualan untuk diserahkan kepada Branch

Manager.

Sales Executive : Menawarkan dan menjual mobil dengan cara

membagikan brosur, memasang iklan ataupun

bertemu langsung dengan calon pelanggan,

memberikan laporan harian kepada Sales Supervisor

dan menangani surat-surat yang dibutuhkan apabila

calon pelanggan ingin membeli mobil dengan cara

kredit.

Sales counter : Melayani calon pelanggan yang datang ke

showroom maupun yang menanyakan informasi

Page 4: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

27

mobil melalui telepon. Selain itu juga menangani

surat-surat yang dibutuhkan apabila calon pelanggan

ingin membeli mobil dengan cara kredit.

ADH (Administration Head) :

• Mengepalai dan memanage seluruh tugas

administrasi, menerima laporan dari bagian Stock,

Kasir, Administrasi, dan Security Head.

Memberikan laporan kepada Branch Manager

tentang seluruh kegiatan administrasi.

• Menandatangani surat permohonan pembayaran

dengan cek dan membuat laporan persetujuan dari

Branch Manager untuk pengeluaran kasnya..

Stock : Bertanggung jawab atas stock yang ada pada cabang

dan mengatur pengiriman mobil pada calon

pelanggan serta memberikan laporannya pada

administrasi.

Kasir : Mengurus seluruh pembayaran hasil penjualan

mobil, dapat berupa tunai, giro ataupun cek,

membuat kuitansi untuk calon pelanggan dan

memberikan laporan pada ADH.

Administrasi : Mengurus surat pembelian mobil dan surat bukti

kepemilikan mobil setelah calon pelanggan selesai

melakukan pembayaran.

Page 5: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

28

Security head : Membuat laporan keamanan untuk di berikan

kepada ADH dan mengawasi kinerja Security.

3.2 Gambaran Umum Sistem Yang Sedang Berjalan

Saat ini PT. Plaza Toyota memasarkan barangnya dengan cara mengadakan

atau mengikuti pameran mobil, pemasangan iklan di media cetak, membagikan

pamflet atau brosur ke rumah-rumah, ataupun melalui salesman dan sales counter.

Setiap calon pelanggan dapat melakukan pembelian dengan 2 cara yaitu cara

tunai atau kredit. Untuk pembelian tunai calon pelanggan dapat melakukan

pembayaran melalui uang tunai, cek, giro, atau transfer antar rekening.

Untuk pembelian dengan cara kredit, PT.Plaza Toyota bekerja sama dengan

perusahaan leasing, calon pelanggan yang ingin membeli mobil dengan cara ini

harus melakukan pembayaran awal, minimal 20 % dari harga mobil yang ingin di

beli kekurangannya akan di bayar oleh perusahaan leasing, sehingga calon

pelanggan membayar cicilan tiap bulan pada perusahaan leasing.

3.3 Analisa Hasil Wawancara

Berdasarkan wawancara yang di lakukan pada pihak intern perusahaan PT.

Plaza Toyota di dapat hasil bahwa :

o Pelanggan dan calon pelanggan PT. Plaza Toyota mayoritas orang Indonesia.

o Hal yang paling sering di tanyakan oleh calon pelanggan PT. Plaza Toyota

adalah Harga, Spesifikasi, Interior, Exterior, Angsuran, syarat dan cara

pembelian dengan kredit.

o Penjualan mobil terbanyak terjadi di Showroom.

Page 6: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

29

o Untuk menangani satu calon pelanggan di butuhkan waktu kurang lebih 10

menit.

o Jumlah pengunjung yang terbanyak terjadi pada saat pameran.

o Kurang lebih 85% pelanggan PT. Plaza Toyota melakukan pembelian dengan

cara kredit.

3.4 Analisa Kuisioner

Dengan tujuan untuk mengetahui pendapat dan kebutuhan pengguna terhadap

sistem penyampaian informasi yang baik, maka diberikan kuesioner kepada 35

orang pelanggan maupun calon pelanggan PT. Plaza Toyota. Adapun hasil

kuesioner tersebut adalah sebagai berikut :

1. Media informasi mana yang anda pilih untuk memperoleh informasi tentang

produk-produk PT. Plaza Toyota ? (jawaban boleh lebih dari satu)

Internet7%

Brosur20%

Teman14%

Salesman/sales counter

20%

Televisi16%

Majalah/Koran23%

InternetBrosurMajalah/KoranTelevisiTemanSalesman/sales counter

Gambar 3.2 Grafik hasil survei pertanyaan No 1

Page 7: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

30

2. Apakah informasi yang di dapatkan dari media tersebut sudah memenuhi

kebutuhan anda akan informasi?

Ya14%

Cukup26%

Kurang49%

Tidak11%

YaCukupKurangTidak

Gambar 3.3 Grafik hasil survei pertanyaan No 2

3. Dalam kurun waktu berapa tahun anda membeli mobil baru ?

< 2 tahun11%

2-3 tahun17%

> 6 tahun41%

4-6 tahun31%

< 2 tahun2-3 tahun4-6 tahun> 6 tahun

Gambar 3.4 Grafik hasil survei pertanyaan No 3

4. Dalam waktu 1 tahun, berapa kali anda mengunjungi Showroom?

Page 8: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

31

Tidak Pernah16%

< 2 kali39%

> 3 kali16%

2 - 3 kali29%

Tidak Pernah< 2 kali2 - 3 kali> 3 kali

Gambar 3.5 Grafik hasil survei pertanyaan No 4

5. Cara pembayaran seperti apa yang biasa anda lakukan pada saat anda

membeli sebuah mobil ?

Kredit86%

Tunai14%

TunaiKredit

Gambar 3.6 Grafik hasil survei pertanyaan No 5

6. Ketika hendak membeli sebuah mobil, anda lebih suka pergi ke ?

Page 9: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

32

menghubungi Salesman

26%

Pameran31%

Showroom43% Showroom

Pameranmenghubungi Salesman

Gambar 3.7 Grafik hasil survei pertanyaan No 6

7. Informasi apa saja yang anda butuhkan mengenai produk yang dijual di PT.

Plaza Toyota ?

Dari pertanyaan di atas didapat bahwa sebagian besar responden

membutuhkan informasi :

a) Pembelian dengan kredit,

b) Harga,

c) Spesifikasi, dan

d) Performa.

3.5 Gambaran Umum Masalah

Masalah yang dihadapi PT. Plaza Toyota yaitu keterbatasan tempat pada

Showroom dan pada saat mengadakan pameran, sehingga tidak semua tipe mobil

dapat dipamerkan pada calon pelanggan. Selain itu berdasarkan hasil kuesioner

di dapat bahwa media informasi yang digunakan oleh PT. Plaza Toyota dalam

Page 10: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

33

memasarkan barangnya saat ini, kurang memenuhi kebutuhan informasi yang di

butuhkan oleh calon pelanggan.

Masalah lain yang di hadapi oleh PT. Plaza Toyota adalah pada saat

pameran ketika jumlah pengunjung banyak, tidak semua pengunjung dapat

dilayani dan persediaan brosur terkadang tidak mencukupi. Akibatnya

pengunjung hanya dapat melihat mobil-mobil yang di pamerkan, hal ini

mempersulit para pengunjung yang ingin mengetahui Spesifikasi mobil ataupun

yang tertarik dengan tipe mobil yang tidak di pamerkan.

3.6 Usulan Pemecahan Masalah

Membuat satu sistem kios informasi berbasiskan multimedia yang berfungsi

untuk melengkapi sekaligus menutupi kelemahan-kelemahan yang ada pada media

informasi lainnya dan dapat di gunakan untuk membantu sales memasarkan

produk-produk Toyota pada pengunjung yang datang ke pameran ataupun ke

Showroom.

3.7 Perancangan Sistem

Secara garis besar kios informasi ini di bagi menjadi 5 bagian, yaitu :

1. Struktur Menu

Berbentuk Diagram hierarki untuk menjelaskan menu-menu yang

terdapat dalam kios informasi ini.

2. Perancangan Layar

Menjelaskan tentang perancangan layar kios informasi dan rancangan

layar database.

Page 11: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

34

3. State Transition Diagram (STD)

Dijelaskan mengenai Diagram transisi keadaan kios informasi dan

Diagram transisi keadaan database.

4. Rancangan Basis Data

Disini akan di jelaskan rancangan struktur tabel database serta hubungan

tabel tersebut dengan Entity Relationship Diagram (ERD).

5. Spesifikasi Proses

Spesifikasi proses menggambarkan perpindahan status dalam bentuk

pseudocode serta menjelaskan proses yang ada dalam sistem.

3.7.1 Struktur Menu

3.7.1.1 Struktur Menu Kios Informasi

Gambar 3.8 Struktur Menu Animasi Pembuka

Gambar 3.9 Struktur Menu Home

Home

Profil Produk Daftar Harga Kredit Ruang Pamer

Animasi Pembuka

Home

Page 12: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

35

Gambar 3.10 Struktur Menu Profil

Gambar 3.11 Struktur Menu Produk

Gambar 3.12 Struktur Menu Kredit

Home Daftar Harga Profil Kredit Ruang Pamer

Produk

Kijang Vios Camry Altis Avanza Dyna Previa

Profil

Home Produk Daftar Harga Kredit Ruang Pamer

◄ ►

Home Produk Daftar Harga Profil Ruang Pamer

Kredit

Tipe Mobil

Crown

Page 13: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

36

Gambar 3.13 Struktur Menu Daftar Harga

Gambar 3.14 Struktur Menu Ruang Pamer

Gambar 3.15 Struktur Menu Tipe Mobil

Daftar Harga

Home Produk ProfilKredit Ruang Pamer

Ruang Pamer

Home Produk Daftar Harga ProfilKredit

Home Produk Daftar Harga Profil Kredit Ruang Pamer

Tipe Mobil

Spesifikasi Interior Eksterior Performance

Page 14: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

37

3.7.1.2 Struktur Menu Database

Gambar 3.16 Hirarki Menu Login

Gambar 3.17 Hirarki Menu Utama

Gambar 3.18 Hirarki Menu Control

Login

Menu Utama

Menu Utama

Control Management About

Control

Run Kios Informasi Exit Close Kios Informasi

Page 15: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

38

Gambar 3.19 Hirarki Menu Management

Gambar 3.20 Hirarki Menu Security

Gambar 3.21 Hirarki Menu Kiosk Informasi

Management

Security Kios Informasi

Security

Manage User Account Edit User Account

Kiosk Informasi

Produk

Page 16: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

39

3.7.2 Perancangan Layar

3.7.2.1 Perancangan Layar Kios Informasi

Gambar 3.22 Perancangan Layar Animasi Pembuka

Layar animasi pembuka adalah layar yang di tampilkan pertama kali

saat kios informasi di jalankan. Pada layar ini terdapat animasi dari logo PT.

Plaza Toyota di sertai dengan musik. Pada layar ini terdapat juga satu

tombol Enter yang akan membawa user ke halaman utama menu Home

seperti terlihat pada gambar 3.23 perancangan layar tampilan animasi

pembuka terlihat pada gambar di bawah ini.

Page 17: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

40

Gambar 3.23 Perancangan Layar Home

Pada gambar 3.23 menampilkan rancangan halaman Home yang berisi

kata sambutan dari PT. Plaza Toyota, logo perusahaan serta menu-menu

pilihan yaitu Home, Produk, Daftar Harga, Kredit, Profil, dan Ruang Pamer.

Di dalam bagian teks menampilkan kata pembuka kios informasi.

Jika menu Profil dipilih maka akan ditampilkan halaman Profil seperti

terlihat di gambar 3.24. Jika menu Produk dipilih maka akan ditampilkan

halaman Produk seperti terlihat di gambar 3.25. Jika menu Kredit dipilih

maka akan ditampilkan halaman Kredit seperti terlihat di gambar 3.26. Jika

menu Daftar Harga dipilih maka akan ditampilkan halaman Daftar Harga

seperti terlihat di gambar 3.27. Jika menu Ruang Pamer dipilih maka akan

ditampilkan halaman Ruang Pamer seperti terlihat di gambar 3.28.

Page 18: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

41

Gambar 3.24 Perancangan Layar Profil

Pada gambar 3.24 menampilkan rancangan halaman Profil yang berisi

gambar ruang Showroom dan informasi dari PT. Plaza Toyota serta logo

perusahaan dan menu-menu pilihan yaitu Home, Produk, Daftar Harga,

Kredit, Profil, dan Ruang Pamer.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Produk dipilih maka akan

ditampilkan halaman Produk seperti terlihat di gambar 3.25. Jika menu

Kredit dipilih maka akan ditampilkan halaman Kredit seperti terlihat di

gambar 3.26. Jika menu Daftar Harga dipilih maka akan ditampilkan

halaman Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang

Pamer dipilih maka akan ditampilkan halaman Ruang Pamer seperti terlihat

di gambar 3.28.

Page 19: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

42

Gambar 3.25 Perancangan Layar Produk

Pada gambar 3.25 menampilkan rancangan halaman Produk yang

berisi gambar produk dan informasi mengenai produk yang di pilih, logo

perusahaan serta menu – menu pilihan yaitu Home, Produk, Daftar Harga,

Kredit, Profil, Ruang Pamer, tombol-tombol tipe mobil, spesifikasi, Interior,

Exterior dan Performance.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu Kredit

dipilih maka akan ditampilkan halaman Kredit seperti terlihat di gambar

3.26. Jika menu Daftar Harga dipilih maka akan ditampilkan halaman

Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang Pamer dipilih

maka akan ditampilkan halaman Ruang Pamer seperti terlihat di gambar

3.28.

Page 20: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

43

Gambar 3.26 Perancangan Layar Kredit

Pada gambar 3.26 menampilkan rancangan halaman Kredit yang

berisi syarat-syarat kredit dan tabel kredit, logo perusahaan serta menu-

menu pilihan yaitu Home, Produk, Daftar Harga, Kredit, Profil, dan Ruang

Pamer.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu

Produk dipilih maka akan ditampilkan halaman Produk seperti terlihat di

gambar 3.25. Jika menu Daftar Harga dipilih maka akan ditampilkan

halaman Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang

Pamer dipilih maka akan ditampilkan halaman Ruang Pamer seperti terlihat

di gambar 3.28.

Page 21: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

44

Gambar 3.27 Perancangan Layar Daftar Harga

Pada gambar 3.27 menampilkan rancangan halaman Daftar Harga

yang berisi tabel daftar harga logo perusahaan serta menu-menu pilihan

yaitu Home, Produk, Daftar Harga, Kredit, Profil, dan Ruang Pamer.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu

Produk dipilih maka akan ditampilkan halaman Produk seperti terlihat di

gambar 3.25. Jika menu Kredit dipilih maka akan ditampilkan halaman

Kredit seperti terlihat di gambar 3.26. Jika menu Ruang Pamer dipilih maka

akan ditampilkan halaman Ruang Pamer seperti terlihat di gambar 3. 28.

Page 22: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

45

Gambar 3.28 Perancangan Layar Ruang Pamer

Pada gambar 3.28 menampilkan rancangan halaman Ruang Pamer

yang berisi logo perusahaan, alamat dan gambar showroom perusahaan serta

menu-menu pilihan yaitu Home, Produk, Daftar Harga, Kredit, Profil, dan

Ruang Pamer.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu

Produk dipilih maka akan ditampilkan halaman Produk seperti terlihat di

gambar 3.25. Jika menu Kredit dipilih maka akan ditampilkan halaman

Kredit seperti terlihat di gambar 3.26. Jika menu Daftar Harga dipilih maka

akan ditampilkan halaman Daftar Harga seperti terlihat di gambar 3.27.

Page 23: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

46

Gambar 3.29 Perancangan Layar Spesifikasi

Pada gambar 3.29 menampilkan rancangan halaman Spesifikasi yang

berisi Spesifikasi dari tipe mobil yang di pilih serta menu-menu pilihan

yaitu Home, Profil, Produk, Kredit, Daftar Harga, Ruang Pamer dan tombol-

tombol tipe mobil, Interior, Eksterior, dan Performance.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu Kredit

dipilih maka akan ditampilkan halaman Kredit seperti terlihat di gambar

3.26. Jika menu Daftar Harga dipilih maka akan ditampilkan halaman

Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang Pamer dipilih

maka akan ditampilkan halaman Ruang Pamer seperti terlihat di gambar

3.28.

Page 24: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

47

Jika menu Interior dipilih maka akan ditampilkan halaman Interior

seperti terlihat di gambar 3.30. Jika menu Exterior dipilih maka akan

ditampilkan halaman Eksterior seperti terlihat di gambar 3.31. Jika menu

Performance dipilih maka akan ditampilkan halaman Performance seperti

terlihat di gambar 3.32.

Gambar 3.30 Perancangan Layar Interior

Pada gambar 3.30 menampilkan rancangan halaman Interior yang

berisi informasi Interior dari tipe mobil yang di pilih serta menu-menu

pilihan yaitu Home, Profil, Produk, Kredit, Daftar Harga, Ruang Pamer dan

tombol-tombol tipe mobil, Spesifikasi, Eksterior, dan Performance.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu Kredit

dipilih maka akan ditampilkan halaman Kredit seperti terlihat di gambar

Page 25: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

48

3.26. Jika menu Daftar Harga dipilih maka akan ditampilkan halaman

Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang Pamer dipilih

maka akan ditampilkan halaman Ruang Pamer seperti terlihat di gambar

3.28

Jika menu Spesifikasi dipilih maka akan ditampilkan halaman

Spesifikasi seperti terlihat di gambar 3.29. Jika menu Exterior dipilih maka

akan ditampilkan halaman Eksterior seperti terlihat di gambar 3.31. Jika

menu Performance dipilih maka akan ditampilkan halaman Performance

seperti terlihat di gambar 3.32.

Gambar 3.31 Perancangan Layar Exterior

Pada gambar 3.31 menampilkan rancangan halaman Eksterior yang

berisi informasi Eksterior dari tipe mobil yang di pilih serta menu-menu

pilihan yaitu Home, Profil, Produk, Kredit, Daftar Harga, Ruang Pamer dan

tombol-tombol tipe mobil, Spesifikasi, Interior, dan Performance.

Page 26: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

49

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu Kredit

dipilih maka akan ditampilkan halaman Kredit seperti terlihat di gambar

3.26. Jika menu Daftar Harga dipilih maka akan ditampilkan halaman

Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang Pamer dipilih

maka akan ditampilkan halaman Ruang Pamer seperti terlihat di gambar

3.28.

Jika menu Spesifikasi dipilih maka akan ditampilkan halaman

Spesifikasi seperti terlihat di gambar 3.29. Jika menu Interior dipilih maka

akan ditampilkan halaman Interior seperti terlihat di gambar 3.30. Jika

menu Performance dipilih maka akan ditampilkan halaman Performance

seperti terlihat di gambar 3.32.

Gambar 3.32 Perancangan Layar Performance

Page 27: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

50

Pada gambar 3.31 menampilkan rancangan halaman Performance

yang berisi informasi Performance dari tipe mobil yang di pilih serta menu-

menu pilihan yaitu Home, Profil, Produk, Kredit, Daftar Harga, Ruang

Pamer dan tombol-tombol tipe mobil, Spesifikasi, Eksterior, dan

Performance.

Jika menu Home dipilih maka akan ditampilkan halaman Home

seperti terlihat di gambar 3.23. Jika menu Profil dipilih maka akan

ditampilkan halaman Profil seperti terlihat di gambar 3.24. Jika menu Kredit

dipilih maka akan ditampilkan halaman Kredit seperti terlihat di gambar

3.26. Jika menu Daftar Harga dipilih maka akan ditampilkan halaman

Daftar Harga seperti terlihat di gambar 3.27. Jika menu Ruang Pamer dipilih

maka akan ditampilkan halaman Ruang Pamer seperti terlihat di gambar

3.28.

Jika menu Spesifikasi dipilih maka akan ditampilkan halaman

Spesifikasi seperti terlihat di gambar 3.29. Jika menu Interior dipilih maka

akan ditampilkan halaman Interior seperti terlihat di gambar 3.30. Jika

menu Exterior dipilih maka akan ditampilkan halaman Eksterior seperti

terlihat di gambar 3.31.

Page 28: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

51

3.7.2.2 Perancangan Layar Database

Gambar 3.33 Perancangan Layar Form Login

Pada gambar 3.33 menampilkan rancangan form Login, terdapat dua

buah text box untuk menginput user id dan password dan dua buah tombol

OK dan Cancel. Jika user memilih tombol OK, user akan masuk ke menu

utama database. Jika user memilih tombol Cancel maka akan keluar dari

aplikasi.

Gambar 3.34 Perancangan Layar Form User Account

Login

User id :

Password :

OK Cancel

User Account

NIP : Nama : Status :

Add

Up Date

Delete

Page 29: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

52

Pada gambar 3.34 menampilkan rancangan Form User Account.

Form ini hanya bisa di akses oleh Administrator dalam Form ini terdapat

tiga buah tombol, yaitu Add, Update, Delete dan 4 buah text box, untuk

menampilkan NIP, Nama, Status dari user dan text box sebelah kanan akan

menampilkan seluruh user.

Jika tombol Add di tekan maka akan muncul Form Add user seperti

terlihat di gambar 3.35. Jika tombol update di tekan maka akan muncul

Form Edit User seperti terlihat di gambar 3.36 lengkap dengan data

pengguna yang akan di edit. Jika tombol Delete di tekan maka nama user

yang di pilih di Text box akan di hapus

Gambar 3.35 Perancangan form Add User

Pada gambar 3.34 menampilkan rancangan form Add User, pada form

ini terdapat tiga buah tombol yaitu Add, Reset, Cancel, dan enam buah text

box. Jika tombol Add di tekan maka seluruh data di dalam Text box akan di

tambahkan ke database. Jika tombol reset di tekan maka seluruh Text box

Add User

User Id

Password

Confirm Password

NIP

Nama

Status

Add

Reset

Cancel

Page 30: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

53

akan kosong, jika tombol Cancel di tekan maka akan kembali ke form User

Account.

Gambar 3.36 Perancangan form EditUser

Pada gambar 3.36 menampilkan rancangan form Edit User, pada form

ini terdapat tiga buah tombol yaitu Add, Reset, Cancel, dan enam buah text

box. Jika tombol Add di tekan maka seluruh data di dalam Text box akan di

tambahkan ke database. Jika tombol reset di tekan maka seluruh Text box

akan kosong, jika tombol Cancel di tekan maka akan keluar dari menu Add

user.

Edit User

User Id

Password

Confirm Password

NIP

Nama

Status

Add

Reset

Cancel

Page 31: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

54

Gambar 3.37 Perancangan layar Produk menu Umum

Pada gambar 3.37 di tampilkan perancangan layar produk menu

umum, dalam produk ini terdapat tiga buah tombol yaitu Cancel, Reset dan

Add. Juga terdapat Text box untuk mengisi Id, Model, Jenis maupun

deskripsi produk yang akan di tampilkan sebagai informasi di dalam kios

informasi.

Jika menu Add di tekan maka seluruh data yang telah di tuliskan akan

di simpan ke dalam database. Jika tombol reset di tekan maka seluruh Text

box akan kosong, jika tombol Cancel di tekan maka akan keluar dari menu

Produk.

ID Produk :

Model Produk :

Jenis Produk :

Main Performance

Animasi

Deskripsi produk

Animasi

Deskripsi produk

Interior Exterior

Animasi

Deskripsi produk

Animasi

Deskripsi produk

Cancel Reset Add

Umum Spesifikasi

Page 32: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

55

Gambar 3.38 Perancangan layar Produk menu Spesifikasi

Pada gambar 3.38 di tampilkan perancangan layar produk menu

spesifikasi , dalam produk ini terdapat tiga buah tombol yaitu Cancel, Reset

dan Add. Juga terdapat Text box untuk mengisi Id, Model, Jenis maupun

deskripsi produk yang akan di tampilkan sebagai informasi di dalam kios

informasi.

Jika menu Add di tekan maka seluruh data yang telah di tuliskan akan

di simpan ke dalam database. Jika tombol reset di tekan maka seluruh Text

box akan kosong, jika tombol Cancel di tekan maka akan keluar dari menu

Produk.

ID Produk :

Model Produk :

Jenis Produk : Umum Spesifikasi

Cancel Reset Add

Dimension & Wight Chasis & Drive train Engine & Performance Harga : Rp

Page 33: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

56

3.7.3 Diagram Transisi Keadaan

3.7.3.1 Diagram Transisi Keadaan Kios Informasi

Pada gambar 3.39 sampai 3.49 terlihat gambar diagram transisi

keadaan kios informasi Produk-Produk PT. Plaza Toyota.

Page 34: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

57

Ani

mas

i Pem

buka

Hal

aman

Hom

e

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Rua

ng P

amer

Hal

aman

Kre

dit

Hal

aman

Daf

tar H

arga

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Tida

k ak

tif se

lam

a 15

men

itTa

mpi

lkan

Scr

een

Save

r

Pilih EnterTampilkan Halaman Home

Scre

en S

aver

Jika

di s

entu

hTa

mpi

lkan

Ani

mas

i Pem

buka

Gam

bar 3

.39

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Hom

e

Page 35: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

58

Scre

en S

aver

Hal

aman

Ruan

g Pa

mer

Hal

aman

Kre

dit

Hal

aman

Daf

tar H

arga

Hal

aman

Prod

uk

Hal

aman

Hom

e

Hal

aman

Pro

fil

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Tida

k A

ktif

sela

ma 1

5 m

enit

Tam

pilk

an S

cree

n Sa

ver

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Ani

mas

i Pem

buka

Jika d

i sen

tuh

Tam

pilk

an A

nim

asi P

embu

ka

Page 36: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

59

Hal

aman

Pro

duk

Hal

aman

Kre

dit

Hal

aman

Rua

ng P

amer

Hal

aman

Daf

tar H

arga

Hal

aman

Prof

il

Hal

aman

Hom

e

Perf

orm

ance

Hal

aman

Ext

erio

r

Hal

aman

Inte

rior

Hal

aman

Spes

ifik

asi

Tip

e-tip

eM

obil

Pilih

tom

bol-

tom

bol T

ipe

Mob

ilTa

mpi

lkan

Hal

aman

Tip

e M

obil

yang

dip

ilih

Pilih

Spe

sifi

kasi

Tam

pilk

an H

alam

an S

pesi

fika

si

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

Hom

eT

ampi

lkan

Hal

aman

Hom

e

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Ext

erio

rT

ampi

lkan

Hal

aman

Ext

erio

r

Scre

en S

aver

Tid

ak a

ktif

sela

ma

15 m

enit

Tam

pilk

an S

cree

n Sa

ver

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Ani

mas

i Pem

buka

Jika

di s

entu

hTa

mpi

lkan

Hal

aman

Ani

mas

i Pem

buka

Gam

bar 3

.41

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Pro

duk

Page 37: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

60

Scre

en S

aver

Hal

aman

Kre

dit

Hal

aman

Prof

il

Hal

aman

Hom

e

Hal

aman

Rua

ng P

amer

Hal

aman

Daf

tar H

arga

Hal

aman

Prod

uk

Pilih

Hom

eT

ampi

lkan

Hal

aman

Hom

e

Pilih

Pro

fil

Tam

pilk

an H

alam

an P

rofi

l

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r H

arga

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Ani

mas

i Pem

buka

Jika

di s

entu

hT

ampi

lkan

Ani

mas

i Pem

buka

Page 38: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

61

Scre

en S

aver

Hal

aman

Rua

ng P

amer

Hal

aman

Kre

dit

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Hom

e

Pilih

Hom

eT

ampi

lkan

Hal

aman

Hom

e

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

fil

Tam

pilk

an H

alam

an P

rofi

l

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Tid

ak A

ktif

sel

ama

15 m

enit

Tam

pilk

an S

cree

n Sa

ver

Hal

aman

Daf

tar

Har

ga

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Ani

mas

i Pem

buka

Jika

dis

entu

hT

ampi

lkan

Ani

mas

i Pem

buka

Page 39: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

62

Scre

en S

aver

Hal

aman

Prof

il

Hal

aman

Hom

e

Hal

aman

Kre

dit

Hal

aman

Daf

tar H

arga

Hal

aman

Prod

uk

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Jika

di s

entu

hTa

mpi

lkan

Ani

mas

i Pem

buka

Hal

aman

Rua

ngPa

mer

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Ani

mas

i Pem

buka

Gam

bar 3

.44

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Rua

ng P

amer

Page 40: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

63

Hal

aman

Spe

sifik

asi

Hal

aman

Hom

e

Hal

aman

Exte

rior

Hal

aman

Inte

rior

Hal

aman

Ruan

g Pa

mer

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Daf

tar H

arga

Hal

aman

Kre

dit

Scre

en S

aver

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesi

fikas

i

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesif

ikas

i

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Tida

k ak

tif se

lam

a 15

men

it

Tam

pilk

an S

cree

n Sa

ver

Tipe

-tipe

Mob

il

Perfo

rman

ce

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesi

fikas

i

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesif

ikas

i

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Jika

di se

ntuh

Tam

pilk

an A

nim

asi P

embu

kaA

nim

asi P

embu

ka

Gam

bar 3

.45

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Spe

sifik

asi

Page 41: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

64

Hal

aman

Inte

rior

Hal

aman

Hom

e

Hal

aman

Exte

rior

Hal

aman

Spes

ifika

si

Hal

aman

Rua

ng P

amer

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Daf

tar H

arga

Hal

aman

Kre

dit

Scre

en S

aver

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesi

fikas

i

Tida

k ak

tif se

lam

a 15

men

it

Tam

pilk

an S

cree

n Sa

ver

Tipe

-tipe

Mob

il

Perf

orm

ance

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Ani

mas

i Pem

buka

Jika

di s

entu

h

Tam

pilk

an A

nim

asi P

embu

ka

Gam

bar 3

.46

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Inte

rior

Page 42: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

65

Hal

aman

Ext

erio

r

Hal

aman

Hom

e

Hal

aman

Inte

rior

Hal

aman

Spes

ifika

si

Hal

aman

Rua

ng P

amer

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Daf

tar H

arga

Hal

aman

Kre

dit

Scre

en S

aver

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesi

fikas

i

Tida

k ak

tif se

lam

a 15

men

it

Tam

pilk

an S

cree

n Sa

ver

Tipe

-tipe

Mob

il

Perf

orm

ance

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Ani

mas

i Pem

buka

Jika

di s

entu

h

Tam

pilk

an H

alam

an A

nim

asi P

embu

ka

Gam

bar 3

.47

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Ext

erio

r

Page 43: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

66

Hal

aman

Per

form

ance

Hal

aman

Hom

e

Hal

aman

Inte

rior

Hal

aman

Spes

ifika

si

Hal

aman

Rua

ng P

amer

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Daf

tar H

arga

Hal

aman

Kre

dit

Scre

en S

aver

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesi

fikas

i

Tida

k ak

tif se

lam

a 15

men

it

Tam

pilk

an S

cree

n Sa

ver

Tipe

-tipe

Mob

il

Exte

rior

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Ani

mas

i Pem

buka

Jika

di s

entu

hTa

mpi

lkan

Hal

aman

Ani

mas

i Pem

buka

Gam

bar 3

.48

Dia

gram

Tra

nsis

i Kea

daan

Hal

aman

Per

form

ance

Page 44: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

67

Tipe

-tipe

Mob

il

Hal

aman

Hom

e

Hal

aman

Inte

rior

Hal

aman

Spes

ifika

si

Hal

aman

Rua

ng P

amer

Hal

aman

Prof

il

Hal

aman

Prod

uk

Hal

aman

Daf

tar H

arga

Hal

aman

Kre

dit

Scre

en S

aver

Pilih

Hom

eTa

mpi

lkan

Hal

aman

Hom

e

Pilih

Pro

filTa

mpi

lkan

Hal

aman

Pro

fil

Pilih

Pro

duk

Tam

pilk

an H

alam

an P

rodu

k

Pilih

Daf

tar H

arga

Tam

pilk

an H

alam

an D

afta

r Har

ga

Pilih

Kre

dit

Tam

pilk

an H

alam

an K

redi

t

Pilih

Rua

ng P

amer

Tam

pilk

an H

alam

an R

uang

Pam

er

Pilih

Spe

sifik

asi

Tam

pilk

an H

alam

an S

pesi

fikas

i

Pilih

Ext

erio

rTa

mpi

lkan

Hal

aman

Ext

erio

r

Pilih

Inte

rior

Tam

pilk

an H

alam

an In

terio

r

Tida

k ak

tif se

lam

a 15

men

itTa

mpi

lkan

Scr

een

Save

r

Hal

aman

Exte

rior

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Perf

orm

ance

Pilih

Per

form

ance

Tam

pilk

an H

alam

an P

erfo

rman

ce

Pilih

tom

bol-t

ombo

l Tip

e M

obil

Tam

pilk

an H

alam

an T

ipe

Mob

il ya

ng d

ipili

h

Ani

mas

i Pem

buka

Jika

di s

entu

h

Tam

pilk

an H

alam

an A

nim

asi P

embu

ka

Page 45: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

68

3.7.3.2 Diagram Transisi Keadaan Database

Pada gambar 3.50 sampai 3.57 terlihat diagram transisi keadaan

database produk – produk dan profil pengguna database produk – produk

PT. Plaza Toyota.

Form

Log

in

Can

cel

OK

Pilih

“O

K”

Tam

pilk

an H

alam

an M

enu

Uta

ma

Pilih

“Ca

ncel

Kel

uar d

ari S

iste

m

Page 46: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

69

Men

u U

tam

a

Abo

ut

Man

agem

ent

Con

trol

Pil

ih “

Con

trol

”T

ampi

lkan

Men

u C

ontr

ol

Pil

ih “

Man

agem

ent”

Tam

pilk

an M

enu

Man

agem

ent

Pil

ih ”

Abo

ut”

Tam

pilk

an H

alam

an A

bout

Page 47: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

70

Men

u C

ontr

ol

Men

u E

xit

Men

u R

un K

iosk

Info

rmas

iP

ilih

“Run

Kio

sk I

nfor

mas

i”

Jala

nkan

Kio

s In

form

asi

Pili

h “E

xit”

Kel

uar

dari

Sis

tem

Men

u C

lose

Kio

skIn

form

asi

Pili

h “C

lose

Kio

sk I

nfor

mas

i”T

utup

Kio

s In

form

asi

Page 48: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

71

Men

u M

anag

emen

t

Kio

s In

form

asi

Men

u Se

curi

tyPi

lih “

Secu

rity

Tam

pilk

an M

enu

Secu

rity

Pilih

“K

ios

Info

rmas

i”

Tam

pilk

an M

enu

Prod

uk

Gam

bar 3

.53

Dia

gram

Tra

nsis

i Kea

daan

Men

u M

anag

emen

t

Page 49: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

72

Men

u Se

curi

ty

Edi

t Use

r A

ccou

nt

Man

age

Use

r A

ccou

ntPi

lih “

Man

age

Use

r A

ccou

nt”

Tam

pilk

an F

orm

Use

r A

ccou

nt

Pilih

“E

dit”

Tam

pilk

an F

orm

Edi

t Use

r A

ccou

nt

Gam

bar 3

.54

Dia

gram

Tra

nsis

i Kea

daan

Men

u Se

curi

ty

Page 50: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

73

Form

Use

r Acc

ount

Add

Up

Dat

e

Del

ete

Pilih

“A

dd”

Tam

pilk

an F

orm

Add

Use

r

Pilih

“U

p D

ate”

Tam

pilk

an F

orm

Edi

t Use

r

Pilih

“D

elet

e”H

apus

dat

a U

ser a

ktif

Page 51: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

74

Form

Add

Use

r

Add

Rese

t

Canc

el

Pilih

“A

dd”

Mas

ukka

n da

ta k

e D

atab

ase

Pilih

“Ca

ncel

”Ta

mpi

lkan

For

m U

ser A

ccou

nt

Pilih

“Re

set”

Kos

ongk

an F

orm

Add

Use

r

Page 52: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

75

Form

Edi

t Use

r

Add

Res

et

Can

cel

Pilih

“A

dd”

Mas

ukka

n da

ta k

e D

atab

ase

Pilih

“R

eset

”K

oson

gkan

For

m E

dit U

ser

Pilih

“C

ance

l”T

ampi

lkan

Use

r Acc

ount

Page 53: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

76

Form

Pro

duk

Um

um

Can

cel

Res

et

Add

Pilih

“A

dd”

Sim

pan

data

ke

Dat

abas

e

Pilih

“R

eset

”K

oson

gkan

For

m P

rodu

k U

mum

Pilih

“C

ance

l”Ta

mpi

lkan

Men

u U

tam

a

Page 54: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

77

Form

Pro

duk

Spes

ifika

si

Can

cel

Res

et

Add

Pilih

“A

dd”

Sim

pan

data

ke

Dat

abas

e

Pilih

“R

eset

”K

oson

gkan

For

m P

rodu

k Sp

esifi

kasi

Pilih

“C

ance

l”Ta

mpi

lkan

Men

u U

tam

a

Page 55: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

78

3.7.4 Perancangan Basis Data

Database kios informasi PT. Plaza Toyota di buat dengan menggunakan

Microsoft Access XP, Kios Informasi ini terdiri dari satu buah database yang

terdiri dari beberapa tabel yang di maksudkan untuk menyimpan dan

mengelompokan seluruh data yang di perlukan, sehingga memberikan

kemudahan pada saat update data.

Berikut ini adalah tabel – tabel yang di gunakan dalam kios informasi:

Nama Tabel : Login

Keterangan : Untuk security sehingga dapat di ketahui status pengguna

Primary Key : User ID

Tabel 3.1 Rancangan Tabel Login

Nama Tabel : Log

Keterangan : Mencatat waktu dan identitas pengguna yang Login

Nama Field Tipe Data Panjang Keterangan NIP Text 4 No. Pegawai

Nama Text 50 Nama Pegawai Date Date/Time Long Date Tanggal Time Date/Time Long Time Waktu

Activity Text 10 Insert, Update or Delete Data

Tabel 3.2 Rancangan Tabel Log

Nama Field Tipe Data Panjang Keterangan User Text 25 User Id Pass Text 15 Password NIP Text 4 No. Pegawai

Nama Text 50 Nama Pegawai Status Text 15 Admin/User

Page 56: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

79

Nama Tabel : Mesin

Keterangan : Pengelompokan tipe mesin mobil Toyota

Primary Key : MesinID

Nama Field Tipe Data Panjang Keterangan mesinID Text 10 Kode Mesin engine_type Text 20 Tipe mesin Displacement Text 10 Isi silinder compression_ratio Text 20 Perbandingan kompresi bore_stroke Text 10 Diameter X Langkah max_horsepower Text 10 Daya maximum max_torque Text 10 Torsi maximum fuel_system Text 25 Sistem bahan bakar fuel_capacity Text 3 Kapasitas bahan bakar

Tabel 3.2 Rancangan Tabel Mesin

Nama Tabel : Model

Keterangan : Pemberian kode untuk setiap tipe mobil

Primary Key : Kdmodel

Nama Field Tipe Data Panjang Keterangan Kdmodel Text 10 Kode Tipe mobil Model Text 25 Tipe Mobil

Tabel 3.2 Rancangan Tabel Model

Nama Tabel : Spesification

Keterangan : Spesifikasi yang di gunakan mobil

Primary Key : ModelID

Foreign Key : MesinID, Kdmodel

Nama Field Tipe Data Panjang Keterangan Model ID Text 10 Produk id

Page 57: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

80

Mesin ID Text 10 Mesin Id Kd model Text 10 Kode model mobil Variant Text 20 Tipe mobil overall_length Text 10 Panjang mobil overall_width Text 10 Lebar mobil overall_height Text 10 Tinggi mobil whellbase_height Text 10 Jarak poros roda tread_front Text 10 Jarak pijak depan tread_rear Text 10 Jarak pijak belakang ground_clearance Text 10 Jarak terendah curb_weight Text 10 Berat kosong Transmission_Type Text 10 Transmisi gear_ratio_1st Text 10 Perbandingan gigi 1 gear_ratio_2nd Text 10 Perbandingan gigi 2 gear_ratio_3rd Text 10 Perbandingan gigi 3 gear_ratio_4th Text 10 Perbandingan gigi 4 gear_ratio_5th Text 10 Perbandingan gigi 5 gear_ratio_reverse Text 10 Perbandingan gigi

mudur final_ratio Text 10 Perbandingan gigi final suspension_front Text 50 Suspensi depan suspention_rear Text 50 Suspensi belakang brake_front Text 20 Rem depan brake_rear Text 20 Rem belakang tyre_size Text 10 Ukuran Ban fuel_type Text 10 Bahan bakar mobil Price Currency 10 Harga mobil

Tabel 3.5 Rancangan Tabel Spesification

Penjelasan relasi yang terjadi antara satu tabel dengan lainnya dapat di

lihat dari diagram berikut ini

Page 58: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

81

∞ 1

1

Tabel 3.6 Relasi Tabel Database

3.7.5 Spesifikasi proses

Untuk menjelaskan proses – proses yang terdapat dalam State

Transition Diagram (STD), kami akan merincikan jalanya proses – proses

tersebut dengan menggunakan Spesifikasi proses di bawah ini :

TABEL SPESIFICATION

Model ID Mesin ID Kd model Variant overall_length overall_width overall_height whellbase_height tread_front tread_rear ground_clearance curb_weight Transmission_Type gear_ratio_1st gear_ratio_2nd gear_ratio_3rd gear_ratio_4th gear_ratio_5th gear_ratio_reverse final_ratio suspension_front suspention_rear brake_front brake_rear tyre_size fuel_type Price

TABEL MODEL Kdmodel Model

TABEL MESIN mesinID engine_type Displacement compression_ratio bore_stroke max_horsepower max_torque fuel_system fuel_capacity

Page 59: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

82

• Proses Home

Tampilkan layar Home

Pilihan

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Profil

Tampilkan layar Halaman Profil

Pilihan

Page 60: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

83

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Produk

Baca Database Produk

Tampilkan layar Halaman Produk

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Page 61: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

84

Panggil proses Halaman Profil

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “Dyna” ditekan

Page 62: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

85

Panggil proses Halaman Dyna

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Eksterior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Kredit

Tampilkan layar Halaman Kredit

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Page 63: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

86

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Daftar Harga

Baca Database Daftar Harga

Tampilkan layar Halaman Daftar Harga

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Page 64: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

87

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Ruang Pamer

Tampilkan layar Halaman Ruang Pamer

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Page 65: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

88

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Spesifikasi

Baca Database Spesifikasi Mobil

Tampilkan layar Halaman Spesifikasi

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Interior” ditekan

Page 66: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

89

Panggil proses Halaman Interior

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Eksterior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Page 67: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

90

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Interior

Baca Database Interior Mobil

Tampilkan layar Halaman Interior

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Page 68: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

91

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Eksterior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Page 69: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

92

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Exterior

Baca Database Exterior Mobil

Tampilkan layar Halaman Exterior

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Interior” ditekan

Page 70: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

93

Panggil proses Halaman Interior

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Page 71: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

94

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Performance

Baca Database Performance

Tampilkan layar Halaman Performance

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Page 72: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

95

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Eksterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Page 73: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

96

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Kijang

Baca Database Kijang

Tampilkan layar Halaman Kijang

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “LGX” ditekan

Page 74: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

97

Baca database kijang tipe LGX

Tampilkan layar LGX

Pilihan tombol “LX” ditekan

Baca Database LX

Tampilkan layar LX

Pilihan tombol “SSX” ditekan

Baca Database SSX

Tampilkan layar SSX

Pilihan tombol “SX” ditekan

Baca Database SX

Tampilkan layar SX

Pilihan tombol “Pick-up” ditekan

Baca Database Pick-up

Tampilkan layar Pick-up

Pilihan tombol “Krista” ditekan

Baca Database Krista

Tampilkan layar Krista

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Eksterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Page 75: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

98

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

Page 76: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

99

• Proses Avanza

Baca Database Avanza

Tampilkan layar Halaman Avanza

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Page 77: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

100

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “Dyna” ditekan

Panggil proses Halaman Dyna

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Page 78: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

101

Tampilkan Animasi Pembuka

Akhir jika

• Proses Previa

Baca Database Previa

Tampilkan layar Halaman Previa

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Page 79: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

102

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “Dyna” ditekan

Panggil proses Halaman Dyna

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Page 80: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

103

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Crown

Baca Database Crown

Tampilkan layar Halaman Crown

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Page 81: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

104

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “Dyna” ditekan

Panggil proses Halaman Dyna

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Page 82: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

105

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Altis

Baca Database Altis

Tampilkan layar Halaman Altis

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Page 83: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

106

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “Dyna” ditekan

Panggil proses Halaman Dyna

Pilihan tombol “►” ditekan

Page 84: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

107

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Camry

Baca Database Camry

Tampilkan layar Halaman Camry

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Page 85: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

108

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “Dyna” ditekan

Panggil proses Halaman Dyna

Page 86: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

109

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Vios

Baca Database Vios

Tampilkan layar Halaman Vios

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Pilihan tombol “Ruang Pamer” ditekan

Page 87: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

110

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Pilihan tombol “Dyna” ditekan

Page 88: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

111

Panggil proses Halaman Dyna

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

• Proses Dyna

Baca Database Dyna

Tampilkan layar Halaman Dyna

Pilihan

Pilihan tombol “Home” ditekan

Panggil proses Halaman Home

Pilihan tombol “Profil” ditekan

Panggil proses Halaman Profil

Pilihan tombol “Produk” ditekan

Panggil proses Halaman Produk

Pilihan tombol “Kredit” ditekan

Panggil proses Halaman Kredit

Pilihan tombol “Daftar Harga ” ditekan

Panggil proses Halaman Daftar Harga

Page 89: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

112

Pilihan tombol “Ruang Pamer” ditekan

Panggil proses Halaman Ruang Pamer

Pilihan tombol “Spesifikasi” ditekan

Panggil proses Halaman Spesifikasi

Pilihan tombol “Exterior” ditekan

Panggil proses Halaman Exterior

Pilihan tombol “Interior” ditekan

Panggil proses Halaman Interior

Pilihan tombol “Performance” ditekan

Panggil proses Halaman Performance

Pilihan tombol “◄” ditekan

Tampilkan Tipe Mobil Sebelumnya

Pilihan tombol “Kijang” ditekan

Panggil proses Halaman Kijang

Pilihan tombol “Previa” ditekan

Panggil proses Halaman Previa

Pilihan tombol “Avanza” ditekan

Panggil proses Halaman Avanza

Pilihan tombol “Altis” ditekan

Panggil proses Halaman Altis

Pilihan tombol “Crown” ditekan

Panggil proses Halaman Crown

Pilihan tombol “Camry” ditekan

Panggil proses Halaman Camry

Page 90: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

113

Pilihan tombol “Vios” ditekan

Panggil proses Halaman Vios

Pilihan tombol “►” ditekan

Tampilkan Tipe Mobil Selanjutnya

Akhir pilihan

Tidak aktif selama 15 menit

Tampilkan Screen Saver

Jika layar disentuh maka

Tampilkan Animasi Pembuka

Akhir jika

Spesifikasi Proses Database

• Proses Login

Tampilkan form Login

Pilihan

Pilihan tombol “OK” ditekan

Baca database Profil Pengguna

Periksa User Name

Periksa Password

Jika benar

Periksa status

Panggil proses Halaman Menu Utama

Lainnya Jika salah

tampilkan kotak peringatan

Page 91: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

114

minta Login ulang

akhir jika

Pilihan tombol “Cancel” ditekan

Keluar dari Aplikasi

Akhir pilihan

• Proses Halaman Menu Utama

Tampilkan Halaman Menu Utama

Pilihan

Pilihan menu “Control” ditekan

Tampilkan Menu Control

Jika menu “Run Kios Informasi” ditekan

Jalankan kios informasi

Jika menu “Close kios informasi” ditekan

Hentikan aplikasi kios informasi

Lainnya, Jika menu “Exit” ditekan

keluar dari sistem

Akhir jika

Pilihan menu “Management” ditekan

Panggil proses Management

Pilihan menu “Edit User Account” ditekan

Panggil proses Edit user

Pilihan menu “Produk” ditekan

Panggil proses Produk

Page 92: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

115

Akhir pilihan

• Proses halaman Management

Tampilkan Menu Management

Jika menu “Management User Account” ditekan

Tampilkan form Management User Account

Jika tombol “Add” di tekan maka

Tampilkan form add user

Jika tombol “add” di tekan maka

Masukkan semua data ke dalam database

Jika tombol “reset” di tekan maka

Kosongkan seluruh text box

Jika tombol “Cancel” di tekan maka

Batalkan penambahan user

Akhir jika

• Proses edit User account

Baca database user yang di pilih

Tampilkan data dalam form Edit User Account

Jika tombol Add di pilih maka

Update data user yang di pilih

Jika tombol Reset di pilih maka

Kosongkan semua text box

Jika tombol Cancel di pilih maka

Batalkan edit user

Page 93: BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 …thesis.binus.ac.id/doc/Bab3/LBM2005-47-Bab 3.pdf · BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI 3.1 Analisis Pembuatan Kios

116

Akhir jika

• Proses Produk

Tampilkan form Produk

Jika tombol add di tekan maka

Masukkan data ke dalam database

Jika tombol Reset di pilih maka

Kosongkan semua text box

Jika tombol Cancel di pilih maka

Batalkan penambahan produk

Akhir Jika

Akhir Pilihan