BAB III PEMBAHASAN. Sebelum merancang sebuah website, penulis melakukan riset pada

29

PEMBAHASAN

3.1. Tinjauan Komunitas

Sebelum merancang sebuah

website

, penulis melakukan riset pada

komintas Chelsea Indonesia

Supporter Club Regional

Cikampek yang berada di

Jl. Jend. Ahmad Yani No.14 Cikampek Karawang Jawa Barat. Dan disana penulis

melakukan observasi dan wawancara kepada ketua komuitas.

3.1.1. Sejarah Komunitas

Sejarah singkat CISC (

Chelsea Indonesia Supporter Club

)

Regional

Cikampek, pada awalnya komunitas ini terdiri dari orang-orang yang mempunyai

hobi sama menyukai salah satu club sepak bola asal kota london, inggris yaitu

chelsea

FC

.

Komunitas ini berdiri sejak tahun 2012 sebagai

sub Regional

cisc

karawang, setelah dua tahun menjadi

sub regiona

l cisc karawang, akhirnya cisc

(

Chelsea Indonesia Supporter Club

) sebagai induk komunitas Pada 9 September

2014, resmi Mengangkat cikampek sebagai cisc

regional

cikampek yang diketuai

oleh Muhammad Yusuf Iskandar dan Wakil Robby Rinaldy.

Saat ini CISC regional cikampek Diketuai ole Iky Permana dan diwakili

oleh Yusuf oktavian, Setiap satu periode atau dua tahun sekali diadakan pemilihan

Ketua dan Wakil baru, Serta pemilihan divisi kepengurusan baru. Member CISC

3.1.2. Struktur Organisasi dan Fungsi

1. Struktur Organisasi

Dalam melakukan kegiatan sehari-harinya komunitas ini perlu menyusun

suatu struktur organisasi. Karena dengan adanya struktur organisasi dapat

membantu komunitas dalam melakukan penetapan pembagian kerja atau

wewenang.

Adapun struktur organisasi dari Komunitas cisc regional cikampek,

sebagai berikut:

Wakil Ketua

Bendahara Sekretaris Humas

Penasehat

Div membership Div Nonbar Div Futsal Div Desain Ketua

Sumber : komunitas

cisc

regional cikampek (2017).

Gambar III.1.

Struktur Organisasi Komunitas

Cisc

Regional Cikampek

2. Fungsi Struktur Organisasi

a. Ketua

Tugasnya adalah:

1)

Membuat dan mengesahkan seluruh keputusan dan kebijakan organisasi di

2)

Mengawasi dan Mengontrol divisi dalam organisasi dibawah wakil.

3)

Mengkoordinasikan dan mengorganisasikan seluruh penyelenggaraan

organisaasi dan program kerjanya dan mempertanggung jawabkan secara

internal.

4)

Mengoptimalkan fungsi dan peran wakil ketua agar tercapainya efisiensi

dan efektivias kerja organisasi.

5)

Mewakili Komunitasa untuk membuat persetujuan dengan pihak lain

b. Penasehat

Tugasnya adalah:

1)

Membina dan membimbing Komunitas .

2)

Memberikan nasehat, petunjuk, bimbingan dan intervensi yang dianggap

perlu atas pengelolaan dan pelaksanaan Komunitas.

3)

Melakukan pengawasan dan penilaian atas sitem pengendalian, pengelolaan

dan pelaksanaan pada seluruh kegiatan Komunitas dan memberikan

saran-saran perbaikannya.

c. Wakil Ketua

Tugasnya adalah:

1)

Mengkoordinasikan dan mengorganisasikan seluruh penyelenggaraan

organisaasi dan program kerjanya dan mempertanggung jawabkan kepada

Ketua.

2)

Mengkoordinasikan dan mewakili kepentingan.

3)

.

Mengawasi seluruh penyelenggaraan program kegiatan di seluruh bidang

dalam pengurusan .

5)

Merumuskan segala kebijakan di Seluruh Bidang dalam pengurusan.

d. Bendahara

Tugasnya adalah:

1)

Membuat dan mengesahkan keputusan dan kebijakan organisasi

bersama-sama Ketua dalam hal keuangan dan kekayaan organisasi.

2)

Mengordinasikan seluruh aktivitas pengolahan keuangan dan kekayaan

organisasi dan mempertanggungjawabkan kepada ketua.

3)

Mewakili Ketua apabila berhalangan hadir terutama untuk setiap aktivitas di

bidang pengelolahan kekayaan dan keuangan organisasi.

4)

Bersama Ketua dan Sekretaris merupakan Tim Kerja Keuangan (TKK) atau

otorisator keuangan ditubuh pengurus.

5)

Merumuskan dan mengusulkan segala peraturan organisasi di bidang

pengelolahan kekayaan dan keuangan untuk menjadi kebijakan organisasi.

6)

Memimpin rapat-rapat organisasi dibidang pengolahan kekayaan dan

keuangan organisasi, menghadiri rapat-rapat pleno dan rapat pengurus

harian.

7)

Memfasilitasi kebutuhan pembiayaan program kerja dan roda organisasi

e. Sekretaris

Tugasnya adalah:

1)

Membuat dan mengesahkan keputusan dan kebijakan organisasi

bersama-sama ketua dalam bidang administrasi dan penyelenggaraan roda organisasi.

2)

Mengordinasikan seluruh penyelenggaraan roda organisasi bidang

administrasi dan tata kerja organisasi dan mempertanggung jawabkan

3)

Bersama Ketua menandatangani surat masuk dan keluar pengurus.

4)

Bersama Ketua dan Bendahara merupakan Tim Kerja Keuangan (TKK) atau

otorisator keuangan ditubuh pengurus.

5)

.Bertanggungjawab untuk setiap aktifitas di bidang administrasi dan tata

kerja organisasi.

6)

Memfasilitasi kebutuhan jaringan kerja internal organisasi antara bidang

7)

Menjaga dan memelihara soliditas kepengurusan melalui konsolidasi

internal dan menejemen konflik yang representive.

f

.

Humas

Tugasnya adalah:

1)

Mensosialisasikan

segala

bentuk

program

&

kegiatan

CISC

Cikampek kepada anggota

.

2)

Mempublikasikan kegiatan Komunitas kepada anggota Komunitas dan juga

pihak luar untuk memperkenalkan Komunitas dan juga membangun kesan

positif

.

3)

Menjadi pihak yang menjembatani dalam menyelesaikan segala

permasalahan yang terjadi dalam internal maupun eksternal

CISC

Cikampek

.

4)

Dalam melaksanakan tugasnya bertanggung jawab kepada Badan Pengurus

.

g. Divisi Nobar

Tugasnya adalah:

1)

Mempersiapkan alat dan semua kebutuhan nobar (Nonton Bareng).

2)

Bertanggung jawab Terhadap Pelaksanaan Nonton Bareng.

h. Divisi Membership

Tugasnya adalah:

1)

Mendata Semua anggota Komunitas.

2)

Mengurus kelengkapan dan persyaratan anggota.

3)

Bertanggung jawab terhadap semua yang berkaitan dengan pendaftaran

anggota.

i. Divisi Futsal

Tugasnya adalah:

1)

Menyediakan tempat pelaksanaan Futsal.

2)

Mengatur Jadwal Pelaksanaan.

3)

Bertanggung jawab Terhadap Pelaksanaan Futsal.

j. Divisi Desain

Tugasnya adalah:

1)

Membuat desain pamflet acara.

2)

Bertanggung jawab Terhadap Semua urusan desain.

3.2. Analisis Kebutuhan

A. Analisa Kebutuhan Sistem

Ketika

user

mengklik menu belanja dan

event

,

web

akan menampilkan

menu

pop-up

serta menampilkan dua pilihan login dan tidak. Jika login,

user

harus mengisi

form

username dan

password.

maka

user

akan masuk ke menu

belanja sebagai

member

. Jika

user

tidak login maka akan masuk ke menu belanja

sebagai

user

biasa. Lalu

user

memilih barang dan tiket

event

yang akan dibeli,

Untuk menu pendaftaran

user

langsung mengisi

form

data diri setelah mengisi

form

data diri

user

masuk kemenu pembayaran untuk melakukan pembayaran.

User

juga dapat mencetak jadwal pertandingan dan melihat foto galeri. Untuk

mengelola data,

admin

harus melakukan

login

terlebih dahulu menggunakan

username

dan

password

yang sebelumnya telah dibuat. Dalam website ini. Admin

dapat meng-

input

, meng-

edit

dan menghapus data barang, event, galeri, jadwal

pertandingan dan merubah status pembayaran

user

.

B. Analisa Kebutuhan Pengguna

Berikut ini adalah kebutuhan pengguna dari keseluruhan fungsi situs

website

cisc

Regional Cikampek :

1. Admin

a.

Admin dapat meng-

update,

merubah, menambahkan dan menghapus data

dan memperbaharui informasi yang terdapat pada

website

komunitas

cisc

cikampek ini.

b.

Admin dapat melihat bukti

transfer

pembayaran.

c.

Admin dapat melihat data pesanan

marchandise

,

event

, dan pendaftaran

member

.

2. Pengunjung

a.

Dapat melihat seluruh tampilan

user

situs website komunitas

cisc

regional

cikampek ini.

b.

Dapat membeli

Marchandise

dan memesan tiket

event

tanpa harus

men-jadi

member

terlebih dahulu. Dengan hanya mengisi

form

data diri saja.

c.

Dapat mencetak jadwal pertandingan.

3.

Member

a.

Dapat melihat seluruh tampilan

user

situs website komunitas

cisc

regional

cikampek ini.

b.

Dapat membeli

Marchandise

dan memesan tiket

event

tanpa harus

mengisi

form

data diri.

c.

Login untuk melakukan pemesanan agar mendapatkan diskon di setiap

pemesanan.

d.

Dapat mencetak jadwal pertandingan.

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antar Muka

Tujuan perancangan antar muka pada dasarnya adalah untuk mendapatkan

satu kriteria yang sangat penting dalam pengoperasian sebuah

web

, yakni aspek

ramah dengan pengguna (

user friendly)

. Dalam rancangan

web

ini terbagi menjadi

dua yaitu rancangan antar muka

user

dan rancangan antar muka pada admin.

A.

Rancangan Antar Muka Admin

1.

Rancangan Antar Muka

Login Admin

Header Footer User Password xxx xxx Login

Silanhkan Anda Login

Gambar III.2.

2.

Rancangan Antar Muka Beranda

Admin

Header dashboard Marchandise Daftar member Event Data Berita gambar Jadwal pertandingan galeri Transfer bayar

Gambar III.3.

Rancangan Antar Muka Dashboard

Admin

3.

Rancangan Antar Muka penjualan

Marchandise admin

Header dashboard Marchandise Daftar member Event Data Berita gambar opsi sisa jumlah hapus detail edit xxx 999 999 999 999 gambar tambah Data barang Nama barang Harga

jual Harga beli

Jadwal Pertandingan galeri Transfer bayar

Gambar III.4.

4.

Rancangan Antar Muka data

Member admin

Header dashboard Marchandise Pendaftar member Event

Data Berita T lahir gambar opsi

hapus detail edit xxx 999 date 999 gambar tambah Pendaftar Member

nama No identits Tgl lahir Jadwal

Pertandingan galeri Transfer bayar

Gambar III.5.

Rancangan Antar Muka Pendaftar

Member

5.

Rancangan Antar Muka

Event

Header dashboard Marchandise Pendaftar member Event Data Berita gambar opsi hapus detail edit xxx 999 date gambar tambah Data Event Nama Event Biaya pendaftara n Tanggal Pelaksanaa n Jadwal pertandingan galeri Transfer bayar

Gambar III.6.

6.

Rancangan Antar Muka Data Berita

admin

Header dashboard Marchandise Pendaftar member Event

Data Berita gambar opsi

hapus detail edit xxx xxx date gambar

tambah Data Berita

judul Isi/content Tanggal Jadwal

pertandingan galeri Transfer bayar

Gambar III.7.

Rancangan Antar Muka Data Berita

.

7.

Rancangan Antar Muka jadwal pertandingan

admin

Header dashboard Marchandise Pendaftar member Event Jadwal pertandingan gambar opsi hapus detail edit xxx date xxx gambar tambah Data jadwal

pertandingan tanggal Status main event

galeri Transfer bayar

Gambar III.8.

8.

Rancangan Antar Muka Galeri

admin

Header dashboard Marchandise Pendaftar member Event galeri gambar opsi hapus detail edit xxx date gambar tambah Data galeri judul Data berita Jadwal pertandinga Transfer bayar tanggal

Gambar III.9.

Rancangan Antar Muka galeri

.

9.

Rancangan Antar Muka Transfer bayar

admin

Header dashboard Marchandise Transfer Biaya Event Data Berita Bukti transfer opsi bank hapus 999 999 999 xxx date Id bayar Id transaksi No rek Jadwal Pertandingan galeri member tanggal gambar

Gambar III.10.

B.

Rancangan Antar Muka

User

1.

Rancangan Antar Muka Beranda

User

Sidebar Header Gambar teks teks teks

gambar gambar gambar gambar

gambar gambar gambar

Marchandise Berita

gambar gambar gambar

Event

Beranda Berita Belanja Acara galeri Daftar Member

gambar gambar gambar lsnjut lsnjut lsnjut Pembyran Marchandise Pembyarn df member Pembayaran event Jadwal Pertandingan Login Gambar

Gambar III.11.

Rancangan Antar Muka Beranda

User

2.

Rancangan Antar Muka Berita

User

Header Gambar teks teks teks Berita

Beranda Berita Belanja Aca ra Daftar Member galeri gambar gambar gambar lsnjut lsnjut lsnjut Pembyran Marchandise Pembyarn df member Pembayaran event Jadwal Pertandingan Login Gambar teks teks teks gambar gambar gambar lsnjut lsnjut lsnjut tombol Pembyarn acara

Gambar III.12.

3.

Rancangan Antar Muka Belanja

User

Sidebar

gambar gambar gambar gambar Marchandise Pembyran Marchandise Pembyarn df member Pembayaran

event beli beli beli beli gambar gambar gambar gambar

beli beli beli beli gambar gambar gambar gambar

beli beli beli beli gambar gambar gambar gambar

beli beli beli beli footer

Gambar

Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login

Gambar III.11.

Rancangan Antar Muka Belanja

User

4.

Rancangan Antar Muka Acara

User

Sidebar

gambar gambar gambar gambar Acara Pembyran Marchandise Pembyarn df member Pembayaran

event beli beli beli beli

gambar gambar gambar gambar beli beli beli beli

gambar gambar gambar gambar beli beli beli beli gambar gambar gambar gambar

beli beli beli beli

footer Gambar

Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login

Gambar III.12.

5.

Rancangan Antar Muka Galeri

User

Sidebar

gambar gambar gambar gambar Galeri Pembyran Marchandise Pembyarn df member Pembayaran event

gambar gambar gambar gambar

gambar gambar gambar gambar

gambar gambar gambar gambar

footer Gambar

Gambar

Beranda Berita Belanja

Aca

ra

Daftar

Member

galeri

Jadwal

Pertandingan

Login

Gambar III.13.

Rancangan Antar Muka Galeri

User

6.

Rancangan Antar Muka Jadwal Pertandingan

User

Sidebar Jadwal Pertandingan Pembyran Marchandise Pembyarn df member Pembayaran event footer Gambar Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login No 999 Pertandingan xxx tanggal date

Status main liga xxx xxx

Gambar III.14.

7.

Rancangan Antar Muka Daftar

Member

Sidebar Isi Frmulir Pembyran Marchandise Pembyarn df member Pembayaran event footer nama No identitas Tgl lahir No telpon Tempat lhr J kel email alamat kecamatan kabupten provinsi Kode pos foto xxx 999 date xxx xxx 999 xxx xxx xxx xxx xxx 999 gambar Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login Gambar

Gambar III.15.

Rancangan Antar Muka Daftar

Member

8.

Rancangan Antar Muka

Login Member

Sidebar Login Pembyran Marchandise Pembyarn df member Pembayaran event footer Username Password xxx xxx Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login Gambar

Gambar III.16.

9.

Rancangan Antar Muka Pembayaran Belanja

User

Sidebar Masukan ID Pembyran Marchandise Pembyarn df member Pembayaran event footer CARI xxx

Gambar

Beranda Berita Belanja

Aca

ra

Daftar

Member

galeri

Jadwal

Pertandingan

Login

Gambar

Gambar III.17.

Rancangan Antar Muka Pembayaran

Belanja User

10

.

Rancangan Antar Muka Pembayaran Daftar

Member User

Sidebar _{Masukan ID} Pembyran Marchandise Pembyarn df member Pembayaran event footer CARI xxx Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login Gambar

Gambar III.18.

11

.

Rancangan Antar Muka Pembayaran Pemesanan Tiket Acara User

Sidebar _{Masukan ID} Pembyran Marchandise Pembyarn df member Pembayaran event footer CARI xxx Gambar Beranda Berita Belanja Aca

ra Daftar Member galeri Jadwal Pertandingan Login Gambar

Gambar III.19.

Rancangan Antar Muka Pembayaran Pemesanan Tiket Acara

User

C

.

Rancangan Antar Muka

Member

1.

Rancangan Antar Muka Halaman Beranda

Member

Text footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Text Text Bayar Belanja Bayar Acara

Gambar III.20.

2. Rancangan Antar Muka Halaman Data Diri

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara nama Username Password Ukuran Baju No Identitas Tempat Lahir Tanggal Lahir Jenis Kel No Hp E-mail Alamat Kode Pos xxx xxx xxx xxx 999 xxx date xxx 999 xxx xxx 999

Gambar III.21.

Rancangan Antar Muka Halaman Data Diri

3. Rancangan Antar Muka Halaman Pemesanan

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Pemesanan Anda Id Pemesanan 999 Id Pesan Tiket 999 Total Harga 999 Harga 999 Status xxx Status xxx Opsi xxx Pemesanan Tiket Acara Opsi xxx

Gambar III.22.

4. Rancangan Antar Muka Halaman Jadwal pertaandingan

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Jadwal Pertandingan No 999 Pertandingan xxx tanggal date Status main xxx liga xxx

Gambar III.23.

Rancangan Antar Muka Halaman Jadwal Pertandingan

5. Rancangan Antar Muka Halaman Berita

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Berita Text Gambar Lanjut Baca Text Gambar Lanjut Baca

Gambar III.24.

6. Rancangan Antar Muka Halaman Belanja

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Belanja Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text

Gambar III.25.

Rancangan Antar Muka Halaman Belanja

7. Rancangan Antar Muka Halaman Acara

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Acara Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text Gambar Text Text Text

Gambar III.26.

8. Rancangan Antar Muka Halaman Bayar Belanja

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Pembayaran Belanja xxx Cari Masukan Id

Gambar III.28.

Rancangan Antar Muka Halaman Bayar Belanja

9. Rancangan Antar Muka Halaman Bayar Acara

footer Gambar Text Gambar Data Diri Pemesanan Jadwal Pertandingan Berita Belanja Acara Text Bayar Belanja Bayar Acara Pembayaran Acara xxx Cari Masukan Id

Gambar III.29.

3.3.2. Rancangan Basis Data

1.

Entity Relationship Diagram (ERD)

P es an _ eve nt m em be r P es an _ ba ra ng ba ra ng m em punya i m el akuka n m em punya i eve nt mela kuka n 1 M 1 1 Id _ pe sa n _ br g st at us T ot al _ ha rga T gl _ pe sa n ha rga jum la h Id _ pe sa n _ eve nt T gl _ pe sa n ju ml ah st at us T ot al _ ha rga Id _ pe sa n _ eve nt Id _ pe sa n _ eve nt Id _ me mbe r una me T gl _ lhr T empa t J_ ke l m ai ll Ala m at pa ss N ohp Kota _ da fta r si ze K ode _ pos fot o Id _ br g na m a ke t ongkir Id _ m em be r me la lu ka kn m el akuka n Id _ eve nt N am a_ eve nt ke t bi aya T angga l_ pe l ga m ba r 1 1 M 1 M ju m la h di skon ongki r subt ot al sta tus ga m ba r m em punya i N de ta il _ pe sa n Id _ pe sa n _ br g P em ba ya ra n No _ re k T gl _ byr Jum la h _ byr Id _ ba ya r N ama _ pe m ili k B ukt i_ tr ans fe r M je nis m el akuka n 1 P engunj ung 1 Id _ pe ngunjung al am at na ma ke ca m at an ka bupa te n kode pos 1 1 1 1 Id _ eve nt si sa min Id _ m em be r Id _ pe ngunj ung Id _ m em be r di skon 1 na ma No _ id ent it as Id _ pe sa n _ eve nt m ela kuka n Id _ pe sa n _ eve nt Id _ pe ngun jung sta tus Id _ ba ya r Id _ ba ya r 1 me la uka ka n Id _ pe ngunj ung Id _ pe sa n _ br g Id _ ba ya r Id _ br g Id _ m em be r Id _ pe sa n _ br g 1 pr ovi ns i tike t Id _ ti ke t Id _ ti ke t sta tus Id _ pe sa n ce ta k M 1

Gambar III.30.

2 .Logical Relational Structure (LRS)

Id_brg(PK) Nama Ket Ongkir Harga jumlah Gambar Sisa barang Id_bayar(PK) No_rek bank Pemilik_rek Jumlah_bayar jenis Buki_transfer Tgl_bayar Pembayaran Id_pesan_event(FK) Id_pesan_brg(FK) Id_member(FK) Id_admin(FK) Jumlah diskon ongkir subtotal status Detail_pesan Id_pesan_brg(FK) Id_brg(FK) Id_pesan_brg(PK) Total_harga Tgl_pesan Status Pesan_barang Id_member(FK) Id_pengunjung(FK) Id_event(PK) Nama Ket Biaya Tanggal gambar Event Id_member(PK) Uname Pass Nama No_identitas Tgl_lhr Tmpt_lhr J_kel No_hp Email Alamat Kecamatan kabupaten Provinsi Kodepos Status Foto Member Id_pengunjung(PK) Nama Alamat Kecamatan Kabupaten Provinsi Kodepos No_hp Pengujung Id_Pesan_event(PK) jumlah subtotal Diskon Total_harga Status Tgl_pesan Pesan_event Id_event(FK) Id_member(FK) Id_pengunjung(FK) Id_tiket(PK) Id_pesan(FK) Id_event(FK) status Tiket

Gambar III.31.

Logical Relational Structure (LRS)

3. Spesifikasi

File

Spesifikasi file yang di gunakan pada

website cisc

cikampek yang penulis

buat terdiri dari satu database dan 10 tabel. berikut penjelasan selengkapnya.

a. spesifikasi File Barang

Nama

File

: Barang

Akronim

: barang

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 111

Kunci

Field

: Id_brg

Software

:

Mysql

Tabel III.1

Spesifikasi

File

Barang

No

Elemen

Data

Nama

File

Tipe

Size

Keterangan

1

ID Barang

Id_brg

Int

11

Primary

Key

2

Nama

Barang

nama

tinytext

3

Keterangan

Barang

ket

tinytext

4

Ongkos

kirim

ongkir

int

11

5

Harga

harga

int

11

6

Jumlah

pertama

jumlah

int

11

7

Sisa

barang

sisa

int

11

8

Minimal

beli

min

int

6

b. Spesifikasi

File

detail Pesan

Nama

File

: detail_pesan

Akronim

: detail_pesan

Fungsi

: Untuk Menampung data barang pemesanan

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang Record

: 70

Kunci

Field

: -

Software

:

Mysql

Tabel III.2.

Spesifikasi

File

detail Pesan

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id barang

Id_brg

int

11

Foreign Key

2

Id Pesan

Id_pesan

int

11

Foreign Key

3

Jumlah

jumlah

int

11

4

Subtotal

subtotal

int

11

5

Ongkir

ongkir

int

11

c. Spesifikasi

File

Pesan Barang

Nama

File

: pesan_barang

Akronim

: pesan_barang

Fungsi

: Menyimpan data pemesanan barang

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 48

Kunci

Field

: id_pesan

Software

:

Mysql

Tabel III.3.

Spesifikasi

File

Pesan Barang

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id Pesan

id_pesan

int

11

Primary Key

2

Id Pengunjung

Id_pengunjung

int

11

Foreign Key

2

Total Harga

total_harga

int

11

3

Tanggal pesan

tgl_pesan

date

d. Spesifikasi File

Event

Nama

File

:

event

Akronim

:

Event

Fungsi

: Untuk menambahkan daftar

event

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 91

Kunci

Field

: id_event

Software

:

Mysql

Tabel III.4.

Spesifikasi

File Event

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id Event

Id_event

int

11

Primary key

2

Nama event

nama

Int

8

3

keterangan

ket

int

11

4

biaya

biaya

int

11

5

Tanggal

tanggal

Date

6

gambar

gambar

Varchar

50

e. Spesifikasi

File

Pesan

Event

Nama

File

: pesan_event

Akronim

: pesan_event

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 70

Kunci

Field

: id_pesan_event

Software

:

Mysql

Tabel III.5.

Spesifikasi

File

Pesan

Event

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id pesan event

id_pesan_event

int

11

Primary Key

2

Id event

Id_event

int

11

Foreign Key

3

jumlah

jumlah

int

11

4

Total_harga

Total_harga

int

11

5

diskon

diskon

int

11

6

status

status

varchar

15

f. Spesifikasi

File

Pembayaran

Nama

File

: pembayaran

Akronim

: pembayaran

Fungsi

: Untuk menyimpan data pembayaran

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Media

:

Harddisk

Panjang

Record

: 97

Kunci

Field

: id_bayar

Software

:

Mysql

Tabel III.6.

Spesifikasi

File

Pembayaran

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id Bayar

id_bayar

int

11

Primary Key

2

Id pesan event

Id_pesan_event

int

11

Foriegn Key

3

Id pesan brg

Id_pesan_brg

int

11

Foreign Key

4

Id member

Id_member

int

11

Foreign Key

5

Id admin

Id_admin

int

11

Foreign Key

6

No rek

No_rek

varchar

20

7

bank

bank

varchar

6

8

Pemilik

rekening

Pemilik_rek

9

Jumlah Bayar

Jumlah_bayar

int

8

10

jenis

jenis

varchar

10

11

bukti

bukti

varchar

20

12

Tanggal Bayar

Tanggal_bayar

date

g.

Spesifikasi

File

member

Nama

File

:

member

Fungsi

: Untuk menyimpan data

member

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 200

Kunci

Field

: id_member

Software

:

Mysql

Tabel III.7.

Spesifikasi

File member

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id member

id_member

int

11

Primary Key

2

username

uname

varchar

20

3

password

pass

varchar

20

4

Nama member

nama

varchar

30

5

No identitas

No_identitas

int

20

6

Tanggal lahir

Tgl_lhr

date

7

Jenis kelamin

J_kel

varchar

10

8

No telpon

No_hp

int

13

9

alamat

alamat

Text

10

Kode pos

kodepos

int

11

11

Status

status

varchar

15

h.

Spesifikasi File pengunjung

Nama

File

: pengunjung

Akronim

: pengunjung

Fungsi

: Untuk menyimpan data pengunjung

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 123

Kunci

Field

: id_pengunjung

Software

:

Mysql

Tabel III.8.

Spesifikasi

File

pengunjung

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id penunjung

id_pengunjung

int

11

Primary Key

2

nama

nama

varchar

20

3

alamat

alamat

Text

4

Kecamatan

kecamatan

varchar

20

5

kabupaten

kabupaten

varchar

20

6

Provinsi

Provinsi

varchar

30

7

Kode pos

kodepos

int

11

i.

Spesifikasi File Admin

Nama

File

: admin

Akronim

: admin

Fungsi

: Untuk menyimpan data admin

Tipe

File

:

File

Master

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 57

Kunci

Field

: id_admin

Software

:

Mysql

Tabel III.9.

Spesifikasi

File

admin

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id admin

Id_admin

int

11

Primary Key

2

username

uname

varchar

15

3

password

pass

varchar

11

4

Foto

foto

varchar

20

j.

Spesifikasi File tiket

Nama

File

: tiket

Akronim

: tiket

Fungsi

: Untuk menyimpan data pemesanan tiket acara

Organisasi

File

:

Indexed Sequential

Akses

File

:

Random

Media

:

Harddisk

Panjang

Record

: 57

Kunci

Field

: id_tiket

Software

:

Mysql

Tabel III.10.

Spesifikasi

File

tiket

No

Elemen Data

Nama

Field

Tipe

Size

Keterangan

1

Id tiket

Id_tiket

int

11

Primary Key

2

Id pesan event

Id_pesan_event

int

11

Foreign Key

3

Id event

Id_event

int

11

Foreign Key

4

status

status

varchar

20

3.3.3 Rancangan Struktur Navigasi

Struktur navigasi digunakan untuk memberi gambaran secara garis besar

isi dari seluruh situs

web

. Struktur navigasi yang digunakan adalah struktur

navigasi campuran (

composite

). Melalui struktur navigasi ini kita bisa melihat isi

dari sebuah

website

secara keseluruhan dan dapat dapat memberiahukan kepada

pengunjung tentang lokasi yang sedang dikunjunginya, hal ini merupakan salah

1. Struktur Navigasi Admin

Login dashboard

marchandise Pendaftar

member event Data

berita Data barang Barang terjual Konfirmasi pembayaran galeri Data event Konfirmasi pembayaran Data pendaftar Konfirmasi pembayaran pembayaran Logout

III.32. Gambar

Struktur Navigasi

Admin

2. Struktur Navigasi

User

Beranda

Berita

Belanja event Pendaftaran

member Proses daftar daftar event Proses daftar Produk Proses pembelian Jadwal Pertandi ngan Pembayaran Proses Pembayaran Cek Status Pembayaran Galeri Login

Gambar III.33.

Struktur Navigasi

User

3. Struktur Navigasi

Member

Beranda

Berita Data Diri Pemesanan Jadwal

Pertandinga Produk Proses pembelian Belanja Bayar Belanja Bayar Acara Acara Login Logout Detail Acara Proses Acara

Gambar III.34.

Struktur Navigasi

Member

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Rancangan Antar Muka

1.

Halaman

Login

Admin

Gambar III.35.

Halaman

Login

Admin

2.

Halaman

Dashboard

Admin

Gambar III.36.

Halaman

Dashboard

Admin

3.

Halaman Data Barang

Gambar III.37.

Halaman Data Barang

4.

Halaman

Input

Data Barang

Gambar III.38.

5.

Halaman

Entry

Penjualan

Gambar III.39.

Halaman

Entry

Penjualan

6.

Halaman Data Pemesanan

Marchandise

Gambar III.40.

7.

Halaman Data

Member

Gambar III.41.

Halaman Data

Member

8.

Halaman Konfirmasi Calon

Member

Gambar III.42.

Konfirmasi Calon

Member

9.

Halaman Data

Event

Gambar III.43.

Halaman Data

Member

10.

Halaman Konfirmasi Pendaftaran

Event

Gambar III.44.

11.

Halaman Data Berita

Gambar III.45.

Halaman Data Berita

12.

Halaman Jadwal Pertandingan

Gambar III.46.

13.

Halaman Galeri

Gambar III.47.

Halaman Galeri

14.

Halaman

Transfer

Pembayaran

Gambar III.48.

15.

Halaman Beranda

User

Gambar III.49.

Halaman Beranda

User

16.

Halaman Berita

User

Gambar III.50.

Halaman Berita

User

17.

Halaman Belanja

user

Gambar III.51.

Halaman Belanja

User

18.

Halaman Detail Produk

Gambar III.52.

Halaman Detail Produk

19.

Halaman Keranjang Belanja

Gambar III.53.

20.

Halaman

Input

Data Konsumen

Gambar III.54.

Halaman

Input

Data Konsumen

21.

Halaman Daftar Acara

Gambar III.55.

Halaman Daftar Acara

22.

Halaman Detail Acara

Gambar III.56.

Halaman Detail Acara

23.

Halaman Pemesanan Acara

Gambar III.57.

Halaman Pemesanan Acara

24. Halaman Galeri

Gambar III.58.

Halaman Galeri

25. Halaman Jadwal Pertandingan

Gambar III.59.

26. Halaman Pendaftaran

Member

Gambar III.60.

Halaman Pendaftaran

Member

27. Halaman Profil

Gambar III.61.

Halaman Profil

28. Halaman

Login Member

Gambar III.62.

Halaman

Login

Member

29. Halaman Beranda

Member

Gambar III.63.

Halaman Beranda

Member

30. Halaman Data Diri

Member

Gambar III.64.

Halaman Data Diri

Member

31. Halaman Jadwal Pertandingan

Member

Gambar III.65.

32. Halaman Berita

Member

Gambar III.66.

Halaman Berita

Member

33. Halaman Belanja

Member

Gambar III.67.

Halaman Belanja

Member

34. Halaman Detail Produk

Member

Gambar III.68.

Halaman Detail Produk

Member

35. Halaman Keranjang Belanja

Member

Gambar III.69.

Halaman Keranjang Belanja

Member

36. Halaman Pemesanan Tiket Acara

Gambar III.70.

37. Halaman Daftar Pemesanan

Member

Gambar III.71.

Halaman Daftar Pemesanan

Member

38. Halaman Pembayaran Pemesanan Belanja

Gambar III.72.

Halaman Pembayaran Pemesanan Belanja

39. Halaman Pembayaran Tiket Event

Gambar III.73.

B. Spesifikasi Sistem Komputer

1.

Spesifikasi Perangkat Keras

a.

Server

1)

CPU

(a)

Processor Intel Pentium Core 2 Duo

(b)

RAM DDR2 4GB

(c)

Hard Disk 500 GB

2)

Mouse

3)

Keyboard

4)

Monitor

dengan resolusi layar minimum 1024x786

5)

Koneksi internet

dengan kecepatan 2

Mbps.

b.

Client

1)

CPU

(a)

Processor Intel Pentium 4

(b)

RAM DDR2 1GB

(c)

Hard Disk 20 GB

2)

Mouse

3)

Keyboard

4)

Monitor

dengan resolusi layar minimum 1024x786

5)

Koneksi

internet

dengan kecepatan 56

kbps.s

2.

Spesifikasi Perangkat Lunak

1.

Server

a.

Sistem operasi yang umum digunakan seperti :

Microsoft WindowsServer

b.

Aplikasi bundle web server

seperti :

Xampp, WampServer, php2triad

yang

terdiri dari beberapa komponen, diantaranya :

(1)

Aplikasi

Apache Server v2

(2)

Aplikasi

PHP Server v5

(3)

Aplikasi

MySQL Server v5

(4)

Aplikasi

phpMyAdmin v3

c.

Aplikasi

Web Lihatr

seperti

Mozilla Firefox, Opera, Internet Explorer,

Google Chrome

.

3.4.2. Pengujian Unit

A.

Pengujian Terhadap

Form Login

Admin

Pengujian terhadap program yang dibuat menggunakan

blacbox

testing

yang focus terhadap proses masukan dan keluaran program.

1.

Pengujian Terhadap Halaman Login Admin

Tabel III.11.

Hasil Pengujian

Black Box Testing

Halaman

Login

Admin

No Skenario pengujian

Test case Hasil yang diharapkan Hasil pengujian kesimpulan

1 Username dan password tidak di isikemudian klik tombol login Username: (kosong) password: (kosong

Sistem akan menolak akses user dan

menampilkan “password salah!!!”

Sesuai harapan Valid

2 Mengetikkan username dan password tidakdiisiatauko songkemudiankl iktombol login Username: admin password: (kosong Sistemakanmenolak akses user danmenampilkan”passwor dsalah!!!”

Sesuai harapan Valid

3 Username tidakdiisi(koson g) dan password diisi kemudian klik tombol login Username: (kosong) password: admin Sistemakanmenolak akses user dan

menampilkan”passwordsa lah!!!”

4 Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol login Username: admin(benar ) password: 123(salah) Sistemakanmenolak akses user dan menampilkan”passwordsa lah!!!”

Sesuai harapan Valid

5 Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username : admin (benar) password : admin (benar)

Sistem menerima akses login dan kemudian langsung menampilkan menu utama.

Sesuai harapan Valid

2.

Pengujian Terhadap Halaman Tambah Data Barang

Tabel III.12.

Hasil Pengujian Black Box Halaman Data Barang

No Skenario pengujian Test case Hasil yang diharapkan Hasil pengujian

kesimpulan

1 Mengetikan Nama Barang, Keterangan, Biaya Ongkir, harga, jumlah dan foto tidak diisi (kosong) kemudian klik simpan

Nama Barang: (kosong) Keterangan : ((kosong) Biaya Ongkir: (kosong) Jumlah: (kosong) foto: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” data tidak boleh kosong”

Sesuai harapan Valid 2 Mengetikan Nama Barang(diisi), Keterangan, Biaya Ongkir, harga, jumlah dan foto. tidak diisi (kosong) kemudian klik simpan Nama Barang: (Baju) Keterangan : ((kosong) Biaya Ongkir: (kosong) Jumlah: (kosong) foto: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field Keterangan, harga ongkir, jumlah, dan foto” tidak boleh kosong” Sesuai harapan Valid 3 Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir, harga, jumlah dan foto. tidak diisi (kosong) kemudian klik simpan

Nama Barang: (baju) Keterangan : (baju bagus) Biaya Ongkir: (kosong) Jumlah: (kosong) foto: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field. harga ongkir, jumlah, dan foto” tidak boleh kosong” Sesuai harapan Valid 4 Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(diisi), harga, jumlah dan foto. tidak diisi (kosong) kemudian klik simpan Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir (10000), harga, jumlah dan foto. (tidak diisi) kemudian klik simpan

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field harga jumlah, dan foto” tidak boleh kosong”

Sesuai harapan

5 Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(diisi), harga(diisi), jumlah dan foto. tidak diisi (kosong) kemudian klik simpan Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(10000), harga(40000), jumlah dan foto.

tidak diisi (kosong) kemudian klik

simpan

Sistem akan menyimpan data dan menampilkan validasi teks pada text field jumlah, dan foto” tidak boleh kosong”

Sesuai harapan Valid 6 Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(diisi), harga(diisi),

jumlah(diisi) dan foto. tidak diisi (kosong) kemudian klik simpan

Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(10000), harga(40000), jumlah(5) dan foto. tidak diisi

(kosong) kemudian klik

simpan

Sistem akan menyimpan data dan menampilkan validasi teks pada text field foto” tidak boleh kosong” Sesuai harapan Valid 7 Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(diisi), harga(diisi), jumlah(diisi) dan foto(diisi) kemudian klik simpan Mengetikan Nama Barang(diisi), Keterangan(diisi), Biaya Ongkir(10000), harga(40000), jumlah(5) dan foto (diisi) kemudian klik simpan Sistem akan menyimpan data dan menampilkan validasi teks pada text field Data Berhasil Disimpan

Sesuai harapan

Valid

3.

Pengujian Terhadap Input Data

event

Tabel III.13.

Hasil Pengujian Black Box Halaman Input Data

event

No Skenario

pengujian

Test case Hasil yang diharapkan Hasil pengujian kesimpulan 1 Nama, keterangan, biaya, Tanggal, dan gambar Kosong (tidak diisi nama: (kosong) keterangan (Kosong) biaya : (Kosong) tanggal (Kosong) gambar : (Kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” Nama, keterangan, biaya, Tanggal, dan gambar harus diisi” Sesuai harapan Valid 2 Nama(diisi), keterangan, biaya, Tanggal, dan nama: (ujang) keterangan (Kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi

Sesuai harapan

gambar Kosong (tidak diisi biaya : (Kosong) tanggal (Kosong) gambar : (Kosong)

pada text field” keterangan, biaya, Tanggal, dan gambar harus diisi” 3 Nama(diisi), keterangan (diisi), biaya, Tanggal, dan gambar Kosong (tidak diisi nama: (gatering) keterangan (ikut) biaya : (Kosong) tanggal (Kosong) gambar : (Kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” biaya, Tanggal, dan gambar harus diisi” Sesuai harapan Valid 4 Nama(diisi), keterangan (diisi), biaya(diisi), Tanggal, dan gambar Kosong (tidak diisi nama: (gatering) keterangan (ikut) biaya : (100000) tanggal (Kosong) gambar : (Kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” Tanggal, dan gambar harus diisi” Sesuai harapan Valid 5 Nama(diisi), keterangan (diisi), biaya(diisi), Tanggal(diisi), dan gambar Kosong (tidak diisi nama: (gatering) keterangan (ikut) biaya : (100000) tanggal (12-12-2017) gambar : (Kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” gambar harus diisi”

Sesuai harapan Valid 6 Nama(diisi), keterangan (diisi), biaya(diisi), Tanggal(diisi), dan gambar (diisi) nama: (gatering) keterangan (ikut) biaya : (100000) tanggal (12-12-2017) gambar : (diisi)

Sistem akan menyimpan data dan menampilkan validasi pada text field”Data Berhasil Disimpan”

Sesuai harapan

Valid

4.

Pengujian Terhadap input Data Berita

Tabel III.14.

Hasil Pengujian Black Box Halaman Input Data Berita

No Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

kesimpulan

1 Judul, isi, isi1, tanggal dan,Gambar Tidak diisi (kosong) Kemudian klik judul: (kosong) isi: (kosong) isi1 : (kosong) tanggal : (kosong) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” judul, isi, isi1,

Sesuai harapan

simpan Gambar : (kosong)

tanggal dan gambar harus diisi ” 2 Judul(diisi), isi, isi1, tanggal dan,Gambar Tidak diisi (kosong) Kemudian klik simpan judul: (test) isi: (kosong) isi1 : (kosong) tanggal : (kosong) Gambar : (kosong) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” isi, isi1, tanggal dan gambar harus diisi ” Sesuai harapan Valid 3 Judul(diisi), isi(diisi), isi1, tanggal dan,Gambar Tidak diisi (kosong) Kemudian klik simpan judul: (test) isi: (test) isi1 : (kosong) tanggal : (kosong) Gambar : (kosong) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” isi1, tanggal dan gambar harus diisi ” Sesuai harapan Valid 4 Judul(diisi), isi(diisi), isi1(diisi), tanggal dan,Gambar Tidak diisi (kosong) Kemudian klik simpan judul: (test) isi: (test) isi1 : (test) tanggal : (kosong) Gambar : (kosong) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” tanggal dan gambar harus diisi ” Sesuai harapan Valid 5 Judul(diisi), isi(diisi), isi1(disi), tanggal(diisi) dan,Gambar Tidak diisi (kosong) Kemudian klik simpan simpan judul: (test) isi: (test) isi1 : (test) tanggal : (test) Gambar : (kosong) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” gambar harus diisi ” Sesuai harapan Valid 6 Judul(diisi), isi(diisi), isi1(disi), tanggal(diisi) dan,Gambar (diisi) Kemudian klik simpan judul: (test) isi: (test) isi1 : (test) tanggal : (test) Gambar : (test) Sistem akan menyimpan data dan menampilkan validasi pada text field” Data Tersimpan ” Sesuai harapan Valid

5.

Pengujian Terhadap Halaman Galeri

Tabel III.15.

Hasil Pengujian Black Box Halaman Galeri

No Skenario pengujian

Test case Hasil yang diharapkan Hasil pengujian

kesimpulan

1 Judul galeri , Tanggal , foto galeri tidak diisi (kosong) kemudian klik simpan Judul galeri : (kosong) tanggal : (kosong) foto galeri : (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”Judul, tanggal, dan Foto tidak Boleh Kosong ”

Sesuai harapan

Valid

2 Judul galeri (diisi), Tanggal , foto galeri tidak diisi (kosong) kemudian klik simpan Judul galeri : (Nobar) tanggal : (kosong) foto galeri : (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” tanggal, dan Foto tidak Boleh Kosong ”

Sesuai harapan Valid 3 Judul galeri (diisi), Tanggal(diisi) , foto galeri tidak diisi (kosong) kemudian klik simpan Judul galeri : (Nobar) Tanggal: (2017-09-09) foto galeri : (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”Foto tidak Boleh Kosong ”

Sesuai harapan Valid 4 Judul galeri (diisi), Tanggal(diisi) , foto galeri (diisi) kemudian klik simpan Judul galeri : (Nobar) Tanggal: (2017-09-09)

foto galeri : (diisi)

Sistem akan menyimpan data dan menampilkan validasi pada text field”Data berhasil disimpan ”

Sesuai harapan

Valid

6.

Pengujian Terhadap Halaman Tambah Jadwal pertandingan

Tabel III.16.

Hasil Pengujian Black Box Halaman Tambah jadwal pertandingan

No Skenario pengujian Test case Hasil yang diharapkan

Hasil pengujian

1 Mengetikan Pertandingan(kosong), tanggal(kosong), status main(kosong), liga(kosong) ,nobar(kosong) dan foto(kosong) kemudian klik simpan Pertandingan(kos ong), tanggal(kosong), status main(kosong), liga(kosong) ,nobar(kosong) dan foto(kosong) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”

Pertandingan, tanggal, status main, liga, nobar, dan foto Belum Diisi” Sesuai harapan Valid 2 Mengetikan Pertandingan(Diisi), tanggal(kosong), status main(kosong), liga(kosong) ,nobar(kosong) dan foto(kosong) kemudian klik simpan Pertandingan (Che vs ars), tanggal(kosong), status main(kosong), liga(kosong) ,nobar(kosong) dan foto(kosong Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” tanggal, status main, liga, nobar, dan foto Belum Diisi” Sesuai harapan Valid 3 Mengetikan Pertandingan(Diisi), tanggal(Diisi), status main(kosong), liga(kosong) ,nobar(kosong) dan foto(kosong) kemudian klik simpan Pertandingan (Che vs ars), tanggal (2017-09-09), status main(kosong), liga(kosong) ,nobar(kosong) dan foto(kosong Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” status main, liga, nobar, dan foto Belum Diisi”-email harus diisi, Sesuai harapan Valid 4 Mengetikan Pertandingan(Diisi), tanggal(Diisi), status main(diisi), liga(kosong), nobar(kosong) dan foto(kosong) kemudian klik simpan Pertandingan (Che vs ars), tanggal (2017-09-09), status main(Home), liga(kosong) ,nobar(kosong) dan foto(kosong Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” liga, nobar, dan foto Belum Diisi” Sesuai harapan Valid 5 Mengetikan Pertandingan(Diisi), tanggal(Diisi), status main(diisi), liga(diisi), nobar(kosong) dan foto(kosong) kemudian klik simpan Pertandingan (Che vs ars), tanggal (2017-09-09), status main(Home), liga(Ingris) ,nobar(kosong) dan foto(kosong Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”nobar, dan foto Belum Diisi”

Sesuai harapan Valid 6 Mengetikan Pertandingan(Diisi), tanggal(Diisi), status main(diisi), liga(diisi), nobar(diisi) dan foto(kosong) kemudian klik simpan Pertandingan (Che vs ars), tanggal (2017-09-09), status main(Home), liga(Ingris) ,nobar(on) dan foto(kosong Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”foto Belum Diisi” Sesuai harapan Valid 7 Mengetikan Pertandingan(Diisi), tanggal(Diisi), status main(diisi), liga(diisi), nobar(diisi) dan foto(diisi) kemudian klik simpan Pertandingan (Che vs ars), tanggal (2017-09-09), status main(Home), liga(Ingris) ,nobar(on) dan foto(diisi) Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”Data Tersimpan”

Sesuai harapan

7. Pengujian Terhadap Halaman Tambah Data

Member

Tabel III.17.

Hasil Pengujian Black Box Halaman Tambah Data

Member

No Skenario pengujian Test case Hasil yang

diharapkan Hasil pengujian kesimpulan 1 Mengetikan uname(kosong), password(kosong), Nama(kosong), No identitas(kosong), Tanggal lahir(kosong, tmpt lhr(kosong), jenis kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong), Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(kosong), password(kosong), Nama(kosong), No identitas(kosong), Tanggal lahir(kosong, tmpt lhr(kosong), jenis kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong, Kabupaten(kosong, Provinsi(kosong), kodepos(kosong), Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” uname), password Nama, No identitas, Tanggal lahir, tempat lhr, jenis kelamin, No hp, Email, Alamat, Kecamatan, Kabupaten, Provinsi, kodepos, harus diisi” Sesuai harapan Valid 2 Mengetikan uname(diisi), password(kosong), Nama(kosong), No identitas(kosong), Tanggal lahir(kosong, tmpt lhr(kosong), jenis kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong), Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(kosong), Nama(kosong), No identitas(kosong), Tanggal lahir(kosong, tmpt lhr(kosong), jenis kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong, Kabupaten(kosong, Provinsi(kosong), kodepos(kosong), Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”password Nama, No identitas, Tanggal lahir, tempat lhr, jenis kelamin, No hp, Email, Alamat, Kecamatan, Kabupaten, Provinsi, kodepos,harus diisi” Sesuai harapan Valid 3 Mengetikan uname(diisi), password(diisi), Nama(kosong), No identitas(kosong), Tanggal lahir(kosong, tmpt lhr(kosong), jenis uname(dicky01), password(12345), Nama(kosong), No identitas(kosong), Tanggal lahir(kosong, tmpt lhr(kosong), jenis Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” Sesuai harapan Valid