BAB III PEMBAHASAN - repository.bsi.ac.id · Bahasa Program : PHP dan Dreamweaver CS5 Bentuk...

27

BAB III

PEMBAHASAN

3.1. Analisa Perancangan Program

3.1.1. Tinjauan Kasus

Setiap media informasi, baik cetak maupun elektronik, tentunya diharapkan

dapat membantu dalam mempromosikan produk maupun jasa yang dihasilkan oleh

sebuah perusahaan. Melalui media tersebut masyarakat diharapkan mengenal dan

akhirnya menggunakan produk maupun jasa yang ditawarkan. Untuk

memperkenalkan suatu perusahaan ke masyarakat umum, adalah dengan cara

memberikan informasi melalui iklan salah satu caranya adalah dengan media internet

yang diharapkan mampu meningkatkan brand image dari produk maupun jasa itu

sendiri dimata masyarakat. Dengan demikian masyarakat akan menjadi percaya dan

loyal dengan produk maupun jasa yang ditawarkan dan akhirnya mampu

meningkatkan nilai dari produk dan jasa yang ditawarkan oleh perusahaan kepada

masyarakat.

3.1.2. Spesifikasi Rancangan Program

1. Spesifikasi Bentuk Masukan

Bentuk dokumen masukan merupakan dokumen atau data yang dipakai sebagai

acuan untuk pembuatan dan mengisi data pada program aplikasi yang dibuat.

Dokumen-dokumen tersebut terdiri dari:

28

1. Form Admin

Nama Form : Form Admin

Fungsi : Untuk masuk kedalam ruang admin

Sumber : Admin

Tujuan : User

Frekuensi : Setiap ada perubahan/penambahan isi data

Media : Internet/Website

Tampilan : Lampiran A-1

2. Form Artikel

Nama Form : Form Artikel

Fungsi : Untuk menginput data artikel

Sumber : Admin

Tujuan : User

Frekuensi : Setiap ada penambahan/perubahan artikel

Media : Internet/Website


3. Form Buku Tamu

Nama Form : Form Buku Tamu

Fungsi : Untuk input data tamu

Sumber : User

Tujuan : Admin

Frekuensi : Setiap ada penambahan tamu

29

Media : internet/Website


4. Form Layanan Kami

Nama Form : Form Layanan Kami

Fungsi : Untuk input data layanan

Sumber : Admin

Tujuan : User

Frekuensi : Setiap ada penambahan/perubahan layanan

Media : internet/website


5. Form Daftar Promosi

Nama Form : Form Daftar Promosi

Fungsi : Untuk input daftar promosi terbaru

Sumber : Admin

Tujuan : User

Frekuensi : Setiap ada penambahan/perubahan promosi



6. Form Member

Nama Form : Form Member

Fungsi : Untuk input daftar member customer

30

Sumber : User

Tujuan : Admin

Frekuensi : Setiap ada penambahan member customer



7. Form Member Login

Nama Form : Form Member login

Fungsi : Untuk masuk kedalam ruang promosi

Sumber : User

Tujuan : Admin

Frekuensi : Setiap akan masuk untuk melihat promosi terbaru



2. Spesifikasi Bentuk Keluaran

Bentuk dokumen keluaran merupakan dokumen atau data yang dibuat

berdasarkan keluarnya data tampilan atau output. Dokumen tersebut terdiri dari:

1. Data Artikel

Nama Data : Data Artikel

Fungsi : Untuk Mengetahui hasil artikel yang telah di input

Sumber : Admin

Tujuan : User

31

Frekuensi : Setiap ada penambahan artikel

Media : Internet/website

Tampilan : Lampiran B-1

2. Data Buku Tamu

Nama Data : Data Buku Tamu

Fungsi : Untuk mengetahui banyaknya jumlah User yang kirim

pesan

Sumber : User

Tujuan : Admin File

Frekuensi : Setiap ada penambahan tamu

Media : Internet/website


3. Data Promosi

Nama Data : Data Promosi

Fungsi : Untuk melihat daftar promosi terbaru

Sumber : Admin

Tujuan : User




32

4. Data Layanan Bengkel

Nama Data : Data Layanan Bengkel

Fungsi : Untuk melihat daftar layanan bengkel Knalpot

Sumber : Admin

Tujuan : User




3. Spesifikasi File

File merupakan kumpulan dari beberapa record yang saling berhubungan satu

sama lain yang berisikan data suatu bidang makalah tertentu. Sedangkan record dapat

diartikan sebagai kumpulan dari beberapa field, begitu pula dengan field yang

merupakan kumpulan data sejenis.

Spesifikasi file dibuat sebagai pendukung agar pemakai atau user mengetahui

segala yang berhubungan dengan file atau field name pada pengelolaan database.

Untuk itu dalam perancangan website ini dibutuhkan bebrapa file pendukung

a. Spesifikasi Tabel Admin

Nama database : knalpot.sql

Nama tabel : admin

Fungsi : Untuk masuk kedalam ruang admin

Tipe : File Master

33

Organisasi File : Index Sequential

Media File : Harddisk

Panjang Record : 61

Kunci Field : id

Tabel III.1. Spesifikasi Tabel admin

No Elemen Data Field Name Type Width Extra Keterangan

1 Id admin id_admin Integer 4 Auto_increment Primary Key

2 Username Username varchar 25

3 Password Password varchar 8

b. Spesifikasi File Tabel Artikel


Nama tabel : artikel

Fungsi : Untuk menyimpan data artikel

Tipe : File Master



Panjang Record : 154

Kunci Field : id

Tabel II1.2. Spesifikasi Tabel artikel


1 Id artikel id_artikel Integer 4 Auto_increment Primary Key

34

2 Judul Judul varchar 50

3 Isi Isi text

4 Gambar Gambar varchar 100

c. Spesifikasi File Tabel buku_tamu


Nama table : buku_tamu

Fungsi : Untuk menyimpan data buku tamu

Tipe : File Master



Panjang Record : 84

Kunci Field : id

Tabel III.3. Spesifikasi Tabel buku_tamu


1 Id tamu id_buku_tamu Integer 4 Auto_increment Primary Key

2 Nama Nama varchar 25

3 Mail Mail varchar 25

4 Tanggal Tanggal date

5 Pesan Pesan text

d. Spesifikasi File Tabel layanan


35

Nama tabel : layanan

Fungsi : Untuk menyimpan data layanan

Tipe : File Master



Panjang Record : 64

Kunci Field : id

Tabel III.4. Spesifikasi Tabel layanan


1 Id layanan id_layanan Integer 4 Auto_increment Primary Key

2 Nama layanan Nama varchar 30

3 Deskripsi Deskripsi text

4 Harga Harga integer 10

e. Spesifikasi File Tabel Member


Nama tabel : member

Fungsi : Untuk masuk kedalam ruang promosi

Tipe : File Master




Kunci Field : id

36

Tabel III.5. Spesifikasi Tabel member


1 Id member id_member Integer 4 Auto_increment Primary Key

2 Username Username varchar 25

3 Password Password varchar 14

4 Jk jenis_kelamin varchar 12

5 Mail Mail varchar 50

f. Spesifikasi File Tabel Promosi


Nama tabel : promosi

Fungsi : Untuk menyimpan data promosi

Tipe : File Master




Kunci Field : id

Tabel III.6. Spesifikasi Tabel Promosi


1 Id Promosi Id_promosi Integer 4 Auto_increment Primary Key

2 Judul Judul varchar 50

3 Isi Isi text

37

4 Gambar Gambar varchar 100

4. Struktur Navigasi

1. Struktur Navigasi Halaman User

Gambar III.8. Struktur Navigasi Halaman User

2. Struktur Navigasi Beranda

Gambar III.9. Struktur Navigasi Halaman Beranda

38

3. Struktur Navigasi Tentang Kami

Gambar III.10. Struktur Navigasi Halaman Tentang Kami

4. Struktur Navigasi Galery

Gambar III.11. Struktur Navigasi Halaman Galery

39

5. Struktur Navigasi Layanan Kami

Gambar III.12. Struktur Navigasi Halaman Layanan Kami

6. Struktur Navigasi Artikel

Gambar III.13. Struktur Navigasi Halaman Artikel

40

7. Struktur Navigasi Buku Tamu

Gambar III.14. Struktur Navigasi Halaman Buku Tamu

8. Struktur Navigasi Hubungi Kami

Gambar III.15. Struktur Navigasi Halaman Hubungi Kami

41

9. Struktur Navigasi Admin

Gambar III.16. Struktur Navigasi Halaman Admin

10. Struktur Navigasi Halaman Menu Artikel

Gambar III.17. Struktur Navigasi Halaman Menu Artikel

42

11. Struktur Navigasi Halaman Menu Layanan

Gambar III.18. Struktur Navigasi Halaman Menu Layanan

12. Struktur Navigasi Halaman Menu Buku Tamu

Gambar III.19. Struktur Navigasi Halaman Menu Buku Tamu

43

13. Struktur Navigasi Halaman Menu Daftar Admin

Gambar III.20. Struktur Navigasi Halaman Menu Daftar Admin

14. Struktur Navigasi Halaman Menu Daftar Member

Gambar III.21. Struktur Navigasi Halaman Menu Daftar Member

44

15. Struktur Navigasi Halaman Menu Daftar Promosi

Gambar III.22. Struktur Navigasi Halaman Menu Daftar Promosi

Berikut uraian spesfikasi dalam perancangan yang dibuat oleh penulis yang

mengenai proses yang ada dalam program. Adapun jenis program tersebut adalah

sebagai berikut:

A. Spesifikasi Program Menu Client

1. Menu Utama

Nama Program : Menu Utama

Akronim : index.php

Fungsi : Untuk menampilkan sub menu pilihan dari website

Bahasa Program : PHP dan Dreamweaver CS5

Bentuk Lampiran : Lampiran C-1

45

Proses :

a. Buka web browser (internet explor, Mozilla Firefox, Google chrome, dan

lain-lain).

b. Ketikan alamat website pada Addres bar contoh: http://localhost/knalpot.

c. Setelah masuk ke dalam ruang menu utama maka akan tampil pilihan-pilhan

menu yang dapat diakses seperti beranda, tentang kami, galery, layanan

kami, artikel, buku tamu, hubungi kami.

2. Menu Tentang Kami

Nama Program : Menu Tentang Kami

Akronim : profile.php

Fungsi : Untuk menampilkan latar belakang dan sejarah

bengkel



Proses :

a. Pilih menu tentang kami pada menu utama

b. Setelah itu akan tampil halaman tentang kami pada Knalpot.

3. Menu Galery

Nama Program : Menu Galery Knalpot

Akronim : galery.php

Fungsi : Untuk menampilkan galery foto dari Bengkel

Spesialis Knalpot

46



Proses :

a. Pilih menu galery pada menu utama

b. Setelah itu akan tampil halaman gallery pada Bengkel Spesialis Knalpot.

4. Menu Kategori Layanan Kami

Nama Program : Menu Jasa Layanan

Akronim : layanan.php

Fungsi : Untuk menampilkan jenis-jenis layanan



Proses :

a. Pilih menu layanan kami pada menu utama

b. Setelah itu akan tampil halaman layanan kami pada Bengkel Spesialis

Knalpot

5. Menu Artikel

Nama Program : Menu Tentang Artikel

Akronim : artikel.php

Fungsi : Untuk menampilkan artikel



Proses :

47

a. Pilih menu Artikel pada menu utama

b. Setelah itu akan tampil halaman artikel pada Bengkel Spesialis Knalpot

6. Spesifikasi Program Menu Artikel

Nama Program : Menu Tentang Detail Artikel

Akronim : detail.php

Fungsi : Untuk menampilkan detail artikel



Proses :

a. Pilih menu detail pada menu utama

b. Setelah itu akan tampil halaman detail artikel pada Bengkel Spesialis

Knalpot

7. Spesifikasi Program Menu Buku Tamu

Nama Program : Menu buku tamu

Akronim : guestbook.php

Fungsi : Untuk mengisi buku tamu



Proses :

a. Pilih menu buku tamu pada menu utama

b. Setelah itu akan tampil halaman buku tamu

48

8. Spesifikasi Program Menu Hubungan Kami

Nama Program : Menu untuk menghubungi Bengkel Spesialis Knalpot

Akronim : hubungi_kami.php

Fungsi : Untuk melihat alamat dan nomor telephone



Proses :

a. Pilih menu hubungi kami pada menu utama

b. Setelah itu akan tampil halaman hubungi kami pada bengkel specialis

Knalpot

B. Spesifikasi Program Menu Admin

1. Menu Utama

Nama Program : Menu Admin Bengkel Spesialis Knalpot

Akronim : admin.php

Fungsi : Untuk mengelola beberapa content di menu utama

Bahasa Program : PHP dan Adobe Dreamweaver CS5


Proses :

a. Pada menu utama terdapat tabel admin

b. Masukkan username dan password

c. Setelah itu tampil halaman menu admin

d. Pada halaman admin terdapat sub-sub pilihan yaitu:

49

1) Menu Artikel

2) Menu Layanan

3) Menu Buku Tamu

4) Menu Admin

5) Menu Member

6) Menu Promosi

7) Logout

2.1.3. Sarana Pendukung Program

Sarana pendukung program dibutuhkan sebagai sarana atau alat bantu yang

digunakan agar program yang dibuat dapat berjalan dengan baik. Sehingga dapat

dicapai hasil yang sesuai dengan apa yang telah ditetapkan dan diharapkan.

Sarana pendukung program terbagi menjadi dua bagian, yaitu perangkat keras

(hardware) dan perangkat lunak (software) yang masing-masing sarana pendukung

tersebut harus dapat menunjukkan kesesuaian dan saling menunjang kelancaran kerja

dari sistem, khususnya program aplikasi yang digunakan.

A. Perangkat Keras (Hardware)

Perangkat keras (hardware) merupakan rangkaian peralatan computer yang

digunakan untuk menginput data, memproses data serta menampilkan atau mengecek

output dari data yang telah menjadi informasi. Klasifikasi perangkat keras yang

dibutuhkan adalah:

50

1. Processor : Intel Pentium IV

2. RAM : 512 MB

3. Harddisk : 1GB available hard drive space for installation

4. DVD RW : DVD RW 26 X

5. Mouse : Standart Mouse

6. Keyboard : 108 keys

7. Monitor : Colour monitor SVGA 17 “

B. Perangkat Lunak (Software)

Perangkat Lunak (software) adalah merupakan rangkaian atau susunan instruksi

yang harus benar-benar sesuai dan dengan urutan yang benar pula, software sering

disebut dengan istilah program. Fungsi software adalah untuk menyiapkan aplikasi

program sehingga kinerja seluruh peralatan yang ada pada computer dapat dikontrol.

Disini penulis menerangkan bahwa sistem komputer perngkat lunak yang digunakan

saat ini adalah sebagai berikut.

1. Sistem Operasi : Microsoft Windows 7 Ultimate.

2. Program Aplikasi : Apache2triad, Photo Scape, Adobe Dreamweaver CS5.

BAB III PEMBAHASAN - repository.bsi.ac.id · Bahasa Program : PHP dan Dreamweaver CS5 Bentuk...

Documents

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · Bahasa Program : PHP dan Dreamweaver CS5 Bentuk...