perancangan web.docx

BAB III

PEMBAHASAN

3.1 Analisis Perancangan Web

Di Dalam spesifikasi rancangan web penulis akan memberikan gambaran mengenai

rancangan bentuk spesifikasi dan tampilan website yang akan di buat untuk menyelesaikan

permasalah yang ada.

3.1.1 Tinjauan Kasus

Toko kue sejahtera merupakan toko kue yang menyediakan berbagai macam kue,

mulai dari keperluan untuk pesta ,persepsi maupun pribadi. Untuk itu penulis juga

menyediakan website toko kue yang dimana website ini terdapat rincian mengenai jenis kue

dan harga dan informasi lainnya.

Toko kue merupakan suatu gagasan yang sangat menguntungkan bagi penjualnya,

karena kue sudah banyak diminati masyarakat dan mudah ditemukan dimana saja terlebih

masyarakat selalu me nomor satu kan kue jika ada pesta entah pesta pernikahan, sunatan atau

pun pesta untuk keluarga.

3.2 Spesifikasi Rancangan Web

3.2.1 Rancangan Halaman Web

a. Rancangan Halaman Beranda (index)

Tampilan Beranda (index) merupakan tampilan utama website dimana terdapat kata

sambutan buat pengunjung dan menampilkan gambar jenis-jenis kue. Rancangan tampilan

halaman beranda sebagai berikut :

Gambar III.I.

Rancangan Tampilan Halaman Beranda

Keterangan :

1. Header : Tamplete dan Nama toko

2. Link 1 : Untuk Menampilkan Halaman Beranda

3. Link 2 : Untuk Menampilkan Halaman Artikel

4. Link 3 : Untuk Menampilkan Halaman Aneka Kue

5. Link 4 : Untuk Menampilkan Halaman Buku Tamu

6. Link 5 : Untuk Menampilkan Halaman Kategori Kue Kering

7. Link 6 : Untuk Menampilkan Halaman Kategori Kue Basah

8. Footer : Tahun Dan Text Toko Kue

b. Rancangan Halaman Artikel

Gambar III.2.

Rancangan Tampilan Halaman Artikel

Keterangan ;






c. Rancangan Halaman profile

Gambar III.3.

Rancangan Tampilan Halaman Aneka Kue

Keterangan ;

1. Header : Tamplate dan Nama toko





d. Rancangan Halaman Buku Tamu

Gambar III.4.

Rancangan Tampilan Halaman Buku Tamu

Keterangan ;






3.3. Rancangan Struktur Navigasi

Penjelasan ini dibuat agar memudahkan bagi pengguna (user) untuk mengetahui

bentuk program secara umum.

Adapun penjelasan tampilan website ini adalah :

Gambar III.5.

Rancangan Navigasi User

Index

Beranda Artikel Aneka Kue Buku Tamu

b. Navigasi untuk Admin

3.4. Spesifikasi Web

1. Spesifikasi Halaman index

Nama Halaman : Halaman Beranda

Url : Localhost/Tokokue/index.php

Fungsi : Sebagai tampilan awal situs

Bahasa : PHP

Bentuk tampilan : Lampiran A.1

Penjelasan Proses :

1. Jalankan Mozilla Firefox, ketik di address bar

Kemudian tekan Enter atau Go.

2. Pada halaman utama ini terdapat beberapa menu, yaitu :

a. Beranda, tampilan berita terbaru.

b. Artikel, tentang informasi seputar toko kue seperti visi misi dan alamat.

c. Aneka Kue, tentang informasi mengenai berbagai macam kue.

d. Buku Tamu, tentang infomasi mengenai kontak, alamat dan komentar.

2. Spesifikasi Halaman Artikel

Nama Halaman : Artikel

Url : localhost/tokokue/artikel.php

Fungsi : Tentang informasi toko kue, visi, misi, alamat toko

Bentuk Lampiran : Lampiran A.2

Penjelasan Proses :

1. Pada halaman utama klik menu artikel

2. Maka akan tampil deskripsi mengenai informasi toko kue

3. Spesifikasi Halaman Aneka Kue

Nama Halaman : Aneka Kue

Url : localhost/tokokue/anekakue.php

Fungsi : Tentang informasi berbagai macam kue.


Penjelasan Proses :

1. Pada halaman utama klik menu aneka kue

2. Maka akan tampil informasi mengenai berbagai macam kue

4. Spesifikasi Halaman Buku Tamu

Nama Halaman : Buku Tamu

Url : localhost/tokokue/bukutamu.php

Fungsi : Tentang informasi no telpon, email, alamat, dan komentar


Penjelasan Proses :

1. Pada halaman utama klik menu buku tamu

2. Maka akan tampil informasi mengenai no telpon, email dan alamat dan komentar.

3.5 Spesifikasi File

File merupakan kumpulan dari beberapa record yang berhubungan satu sama lain(sejenis)

yang berisi data suatu bidang tertentu. Sedangkan record dapat diartikan sebagai kumpulan

dari beberapa field. Spesifikasi file dibuat sebagai pendukung agar pemakai (user) program

mengetahui yang berhubungan dengan file atau pun field name pada pengolahan databases.

1. Nama table : Table admin

Akronim : Admin

Tipe File : File Master

Organisasi file : Index Sequentil

Akses File : Random

Media : Hardisk

Panjang record : 10 Karakter

Kunci field : User

Tabel III.9.

Spesifikasi File Tabel Admin

No Elemen Data Akronim TipeLength/

ValuesKet

1 Username User Varchar 5 Primary Key

2 Password Pass Varchar 10

2. Nama table : Buku Tamu

Akronim : Admin



Akses File : Random

Media : Hardisk


Kunci field : No

Tabel III.II.

Spesifikasi File Tabel Buku_Tamu


ValuesKet

1 No No Int 5 Primary Key

2 Nama Pass Varchar 15

3 Email Email Varchar 25

4 Komentar Komentar Text -

3. Nama table : Artikel

Akronim : Admin



Akses File : Random

Media : Hardisk


Kunci field : Id

Tabel III.12.

Spesifikasi File Tabel Artikel


ValuesKet

1 Id Id Int 3 Primary Key

2 Judul Judul Varchar 10

3 Isi Isi Taxt -

4 Gambar Gambar Varchar 50

3. Nama table : Kue

Akronim : Admin



Akses File : Random

Media : Hardisk


Kunci field : Id_Kue

Tabel III.13.

Spesifikasi File Tabel Kue


ValuesKet

1 Id_Kue Id Int 3 Primary Key

2 Nama_Kue Nama_kue Varchar 50

3 Isi Isi Taxt -

4 Gambar Gambar Varchar 50

3.6 Spesifikasi Sistem Komputer

Suatu sistem yang baik tidak akan berhasil diterapkan bila tidak didukung oleh

sarana dan prasanana yang baik pula. Sarana pendukung program yang paling pokok

diperhatikan dan harus ada didalam suatu sistem komputer adalah perangkat tersebut berguna

untuk mendukung keberadaan dari sistem tersebut. Dan yang paling penting adalah kedua

perangkat tersebut haruslah terhubung satu sama lainnya sehingga menjadi satu kesatuan

yang nantinya membuat sistem berjalan sesuai dengan yang diharapkan.

Adapun sarana pendukung program yang digunakan antara lain :

1. Perangkat Keras (hardware)

Perangkat keras (hardware) yang dimaksud adalah kumpulan komponen elektronika yang

mendukung kegiatan program sehingga bisa untuk digunakan dengan baik.

Adapun perangkat keras yang disarankan oleh penulis sebagai berikut :

Processor : Intel Core 3 Inside

RAM : 2 GB DDR3

Hardisk : 500GB

Monitor : 14,0 Inch Wide Screen

Mouse : Standar

Keyboard : 85 keys

Printer : Canon

2. Perangkat Lunak(software)

Adapun perangkat lunak yang digunakan dalam pembuatan program tugas akhir ini adalah

sebagai berikut :

1.Sistem operasi : Windows 10

2.Design program : Adobe Dreamweaver 8

3.Web server : Apache

4.Browser : Baidu

5.Bahasa Script : PHP

6. Database : PHP MyAdmin

perancangan web.docx

Documents

Transcript of perancangan web.docx