BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah...

72
29 BAB III 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 regional 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 regional cikampek saat ini mempunyai 130 orang member Valid.

Transcript of BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah...

Page 1: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

29

BAB III

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 regional 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

regional cikampek saat ini mempunyai 130 orang member Valid.

Page 2: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

30

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

Seluruh Bidang dalam pengurusan

Page 3: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

31

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 .

4) Menganalisis laporan yang dibuat oleh bawahannya.

Page 4: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

32

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

kepada ketua.

Page 5: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

33

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.

3) Mengatur jalannya acara.

Page 6: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

34

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,

setelah melakukan pembelian, user melakukan pembayaran.di menu pembayaran.

Page 7: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

35

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.

d. Dapat mendaftar menjadi menjadi member

Page 8: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

36

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.

Rancangan Antar Muka Login Admin

Page 9: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

37

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 opsisisajumlah

hapusdetail editxxx 999 999 999 999 gambar

tambah

Data barang

Nama

barang

Harga

jualHarga beli

Jadwal

Pertandingan

galeri

Transfer bayar

Gambar III.4. Rancangan Antar Muka penjualan Marchandise

Page 10: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

38

4. Rancangan Antar Muka data Member admin

Header

dashboard

Marchandise

Pendaftar member

Event

Data Beritagambar opsiT lahir

hapusdetail editxxx 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

hapusdetail editxxx 999 date gambar

tambah

Data Event

Nama Event

Biaya

pendaftara

n

Tanggal

Pelaksanaa

n

Jadwal

pertandingan

galeri

Transfer bayar

Gambar III.6.

Rancangan Antar Muka event

Page 11: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

39

6. Rancangan Antar Muka Data Berita admin

Header

dashboard

Marchandise

Pendaftar member

Event

Data Beritagambar opsi

hapusdetail editxxx 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

hapusdetail editxxx date xxx gambar

tambah

Data jadwal

pertandingan tanggal Status mainevent

galeri

Transfer bayar

Gambar III.8. Rancangan Antar Muka Jadwal Petandingan.

Page 12: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

40

8. Rancangan Antar Muka Galeri admin

Header

dashboard

Marchandise

Pendaftar member

Event

galeri

gambar opsi

hapusdetail editxxx date gambar

tambah

Data galeri

judulData 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

transferopsibank

hapus999 999 999 xxx date

Id bayarId

transaksiNo rek

Jadwal

Pertandingan

galeri

member

tanggal

gambar

Gambar III.10.

Rancangan Antar Muka Transfer Bayar

Page 13: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

41

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 Daftar Membergaleri

gambar

gambar

gambar

lsnjut

lsnjut

lsnjut

Pembyran

Marchandise

Pembyarn df

member

Pembayaran

event

Jadwal

PertandinganLogin

Gambar

Gambar III.11.

Rancangan Antar Muka Beranda User

2. Rancangan Antar Muka Berita User

Header

Gambar

teks

teks

teks

Berita

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

gambar

gambar

gambar

lsnjut

lsnjut

lsnjut

Pembyran

Marchandise

Pembyarn df

member

Pembayaran

event

Jadwal

PertandinganLogin

Gambar

teks

teks

teks

gambar

gambar

gambar

lsnjut

lsnjut

lsnjut

tombol

Pembyarn

acara

Gambar III.12.

Rancangan Antar Muka Berita User

Page 14: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

42

3. Rancangan Antar Muka Belanja User

Sidebar

gambar gambar gambar gambar

MarchandisePembyran

MarchandisePembyarn 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 BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar III.11.

Rancangan Antar Muka Belanja User

4. Rancangan Antar Muka Acara User

Sidebar

gambar gambar gambar gambar

AcaraPembyran

MarchandisePembyarn 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 BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar III.12.

Rancangan Antar Muka Acara User

Page 15: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

43

5. Rancangan Antar Muka Galeri User

Sidebar

gambar gambar gambar gambar

GaleriPembyran

MarchandisePembyarn df

member

Pembayaran

event

gambar gambar gambar gambar

gambar gambar gambar gambar

gambar gambar gambar gambar

footer

Gambar

Gambar

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar III.13. Rancangan Antar Muka Galeri User

6. Rancangan Antar Muka Jadwal Pertandingan User

Sidebar

Jadwal

Pertandingan

Pembyran

MarchandisePembyarn df

member

Pembayaran

event

footer

Gambar

Gambar

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

No

999

Pertandingan

xxx

tanggal

date

Status main liga

xxxxxx

Gambar III.14.

Rancangan Antar Muka Jadwal Pertandingan User

Page 16: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

44

7. Rancangan Antar Muka Daftar Member

Sidebar

Isi Frmulir Pembyran

MarchandisePembyarn 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 BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar

Gambar III.15.

Rancangan Antar Muka Daftar Member

8. Rancangan Antar Muka Login Member

Sidebar

LoginPembyran

MarchandisePembyarn df

member

Pembayaran

event

footer

Username

Password

xxx

xxx

Gambar

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar

Gambar III.16.

Rancangan Antar Muka Login Member

Page 17: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

45

9. Rancangan Antar Muka Pembayaran Belanja User

SidebarMasukan ID

Pembyran

MarchandisePembyarn df

member

Pembayaran

event

footer

CARIxxx

Gambar

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar

Gambar III.17.

Rancangan Antar Muka Pembayaran Belanja User

10. Rancangan Antar Muka Pembayaran Daftar Member User

SidebarMasukan ID

Pembyran

MarchandisePembyarn df

member

Pembayaran

event

footer

CARIxxx

Gambar

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

Gambar

Gambar III.18.

Rancangan Antar Muka Pembayaran Daftar Member User

Page 18: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

46

11. Rancangan Antar Muka Pembayaran Pemesanan Tiket Acara User

SidebarMasukan ID

Pembyran

MarchandisePembyarn df

member

Pembayaran

event

footer

CARIxxx

Gambar

Beranda Berita BelanjaAca

ra

Daftar

Membergaleri

Jadwal

PertandinganLogin

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.

Rancangan Antar Muka Halaman Beranda Member

Page 19: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

47

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.

Rancangan Antar Muka Halaman Pemesanan

Page 20: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

48

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

TextGambar

Lanjut Baca

TextGambar

Lanjut Baca

Gambar III.24.

Rancangan Antar Muka Halaman Berita

Page 21: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

49

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.

Rancangan Antar Muka Halaman Acara

Page 22: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

50

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.

Rancangan Antar Muka Halaman Bayar Acara

Page 23: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

51

3.3.2. Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

Pesan

_ev

ent

mem

ber

Pesan

_baran

g

baran

g

mem

punyai

melak

ukan

mem

punyai

even

t

melak

ukan

1

M

1

1

Id_pesan

_brg

status

Total_

harg

a

Tgl_

pesan

harg

aju

mlah

Id_pesan

_ev

ent

Tgl_

pesan

jum

lah

status

Total_

harg

a

Id_pesan

_ev

ent

Id_pesan

_ev

ent

Id_m

ember

unam

e

Tgl_

lhr

Tem

pat

J_kel

maill

Alam

at

pass

Nohp

Kota_

daftar

size

Kode_

po

s

foto

Id_

brg

nam

aket

ongkir

Id_m

ember

melalu

kak

n

melak

ukan

Id_ev

entNam

a_ev

ent

ket

biay

a

Tan

ggal_

pel

gam

bar

1

1

M

1

M

jum

lah

disk

on

ongkir

subto

tal

status

gam

bar

mem

punyai

N

detail_

pesan

Id_pesan

_brg

Pem

bay

aran

No_

rek

Tgl_

byr

Jum

lah_b

yr

Id_bay

ar

Nam

a_pem

ilik

Bukti_

transfer

M

jenis

melak

ukan

1

Pen

gunju

ng

1

Id_pen

gunju

ng

alamat nam

a

kecam

atan

kab

upaten

kodep

os

1

1

1

1

Id_ev

ent

sisa

min Id

_m

ember

Id_pen

gunju

ng

Id_m

ember

disk

on

1

nam

a

No_id

entitas

Id_

pesan

_ev

ent

melak

ukan

Id_pesan

_ev

ent

Id_pen

gun

jung

status

Id_bay

ar

Id_bay

ar

1

melau

kak

an

Id_pen

gunju

ng

Id_pesan

_brg

Id_bay

ar

Id_brg

Id_

mem

ber

Id_pesan

_brg

1

pro

vin

si

tiket

Id_tik

et

Id_

tiket

status

Id_pesan

cetak

M

1

Gambar III.30.

Entity Relationship Diagram (ERD)

Page 24: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

52

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

Fungsi : Untuk Menyimpana Data Barang

Page 25: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

53

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

8 Gambar Gambar Varchar 50

Page 26: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

54

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

6 status status varchar 15

Page 27: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

55

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

4 status status varchar 15

Page 28: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

56

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

Fungsi : Untuk menyimpan data pemesanan event

Page 29: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

57

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

Akses File : Random

Page 30: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

58

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

Akronim : member

Page 31: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

59

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

12 Foto foto varchar 50

Page 32: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

60

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

8 no telepon No_hp int 11

Page 33: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

61

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

Tipe File : File Master

Page 34: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

62

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

satu syarat struktur navigasi website yang baik.

Page 35: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

63

1. Struktur Navigasi Admin

Login dashboard

marchandisePendaftar

memberevent 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

BeritaBelanja eventPendaftaran

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

BeritaData Diri PemesananJadwal

Pertandinga

Produk

Proses

pembelian

BelanjaBayar

Belanja

Bayar

AcaraAcara

Login

Logout

Detail

Acara

Proses

Acara

Gambar III.34.

Struktur Navigasi Member

Page 36: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

64

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

Page 37: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

65

3. Halaman Data Barang

Gambar III.37.

Halaman Data Barang

4. Halaman Input Data Barang

Gambar III.38.

Halaman Input Data Barang

Page 38: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

66

5. Halaman Entry Penjualan

Gambar III.39.

Halaman Entry Penjualan

6. Halaman Data Pemesanan Marchandise

Gambar III.40.

Halaman Data Pemesanan Marchandise

Page 39: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

67

7. Halaman Data Member

Gambar III.41.

Halaman Data Member

8. Halaman Konfirmasi Calon Member

Gambar III.42.

Konfirmasi Calon Member

Page 40: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

68

9. Halaman Data Event

Gambar III.43.

Halaman Data Member

10. Halaman Konfirmasi Pendaftaran Event

Gambar III.44.

Halaman Konfirmasi Pedaftaran Event

Page 41: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

69

11. Halaman Data Berita

Gambar III.45.

Halaman Data Berita

12. Halaman Jadwal Pertandingan

Gambar III.46.

Halaman Jadwal Pertandingan

Page 42: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

70

13. Halaman Galeri

Gambar III.47.

Halaman Galeri

14. Halaman Transfer Pembayaran

Gambar III.48.

Halaman Transfer Pembayaran

Page 43: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

71

15. Halaman Beranda User

Gambar III.49.

Halaman Beranda User

Page 44: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

72

16. Halaman Berita User

Gambar III.50.

Halaman Berita User

Page 45: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

73

17. Halaman Belanja user

Gambar III.51.

Halaman Belanja User

Page 46: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

74

18. Halaman Detail Produk

Gambar III.52.

Halaman Detail Produk

19. Halaman Keranjang Belanja

Gambar III.53.

Halaman Keranjang Belanja

Page 47: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

75

20. Halaman Input Data Konsumen

Gambar III.54.

Halaman Input Data Konsumen

21. Halaman Daftar Acara

Gambar III.55.

Halaman Daftar Acara

Page 48: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

76

22. Halaman Detail Acara

Gambar III.56.

Halaman Detail Acara

23. Halaman Pemesanan Acara

Gambar III.57.

Halaman Pemesanan Acara

Page 49: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

77

24. Halaman Galeri

Gambar III.58.

Halaman Galeri

25. Halaman Jadwal Pertandingan

Gambar III.59.

Halaman Jadwal Pertandingan

Page 50: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

78

26. Halaman Pendaftaran Member

Gambar III.60.

Halaman Pendaftaran Member

27. Halaman Profil

Gambar III.61.

Halaman Profil

Page 51: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

79

28. Halaman Login Member

Gambar III.62.

Halaman Login Member

29. Halaman Beranda Member

Gambar III.63.

Halaman Beranda Member

Page 52: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

80

30. Halaman Data Diri Member

Gambar III.64.

Halaman Data Diri Member

31. Halaman Jadwal Pertandingan Member

Gambar III.65.

Halaman Jadwal Pertandingan Member

Page 53: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

81

32. Halaman Berita Member

Gambar III.66.

Halaman Berita Member

33. Halaman Belanja Member

Gambar III.67.

Halaman Belanja Member

Page 54: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

82

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.

Halaman Pemesanan Tiket Acara

Page 55: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

83

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.

Halaman Pembayaran Tiket Event

Page 56: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

84

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

atau Linux dan lain-lain.

Page 57: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

85

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 tidakdiisiataukosongkemudiankliktombol login

Username: admin password: (kosong

Sistemakanmenolak akses user danmenampilkan”passwordsalah!!!”

Sesuai harapan Valid

3 Username tidakdiisi(kosong) dan password diisi kemudian klik tombol login

Username: (kosong) password: admin

Sistemakanmenolak akses user dan menampilkan”passwordsalah!!!”

Sesuai harapan Valid

Page 58: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

86

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”passwordsalah!!!”

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

Valid

Page 59: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

87

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

Valid

Page 60: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

88

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

Valid

Page 61: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

89

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

Page 62: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

90

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

kesimpulan

Page 63: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

91

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

Valid

Page 64: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

92

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

Page 65: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

93

kelamin(kosong),

No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong), Provinsi(kosong), kodepos(kosong), kemudian klik simpan

kelamin(kosong),

No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong, Kabupaten(kosong, Provinsi(kosong), kodepos(kosong

Nama,

No identitas, Tanggal lahir, tempat lhr, jenis kelamin, No hp, Email, Alamat, Kecamatan,

Kabupaten, Provinsi, kodepos, Harus diisi”,

4 Mengetikan uname(diisi), password(diisi), Nama(diisi),

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(12345), Nama(Dicky), 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” No identitas, Tanggal lahir, tempat lhr, jenis kelamin, No hp,

Email, Alamat, Kecamatan, Kabupaten, Provinsi, kodepos, Harus diisi”,

Sesuai harapan

Valid

5 Mengetikan uname(diisi), password(diisi), Nama(diisi), No identitas(diisi), 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(12345), Nama(Dicky), No identitas(8989), 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” Tanggal lahir, tempat lhr, jenis

kelamin, No hp, Email, Alamat, Kecamatan, Kabupaten, Provinsi, kodepos,”,

Sesuai harapan

Valid

6 Mengetikan uname(diisi), password(diisi), Nama(diisi), No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(kosong), jenis

kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong), Provinsi(kosong),

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989), Tanggal lahir(2000-11-11), tmpt lhr(kosong), jenis

kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong, Kabupaten(kosong, Provinsi(kosong),

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

tempat lhr, jenis kelamin, No hp, Email, Alamat, Kecamatan, Kabupaten,

Sesuai harapan

Valid

Page 66: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

94

kodepos(kosong),

kemudian klik simpan

kodepos(kosong Provinsi,

kodepos, harus diisi”,

7 Mengetikan uname(diisi), password(diisi), Nama(diisi), No identitas(diisi),

Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong), Provinsi(kosong),

kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989), Tanggal lahir(2000-

11-11), tmpt lhr(karawang), 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” jenis kelamin, No hp, Email, Alamat, Kecamatan, Kabupaten, Provinsi,

kodepos,harus diisi”,

Sesuai harapan

Valid

8 Mengetikan uname(diisi), password(diisi), Nama(diisi), No identitas(diisi),

Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(kosong), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong),

Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989), Tanggal lahir(2000-

11-11), tmpt lhr(karawang), 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” jenis kelamin, No hp, Email, Alamat, Kecamatan, Kabupaten,

Provinsi, kodepos,harus diisi”,

Sesua hrapan

Valid

9 Mengetikan uname(diisi), password(diisi), Nama(diisi), No identitas(diisi),

Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(kosong), Email(kosong), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong),

Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989), Tanggal lahir(2000-

11-11), tmpt lhr(karawang), jenis kelamin(pria), 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” No hp, Email, Alamat, Kecamatan, Kabupaten, Provinsi,

kodepos, harus diisi”,

Sesua hrapan

Valid

10 Mengetikan uname(diisi), password(diisi), Nama(diisi), No identitas(diisi),

Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi), Email(kosong), Alamat(kosong), Kecamatan(kosong),

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989), Tanggal lahir(2000-

11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897), Email(kosong), Alamat(kosong), Kecamatan(kosong,

Sistem akan menolak menyimpan data dan menampilkan

validasi pada text field” Email, Alamat, Kecamatan, Kabupaten, Provinsi,

Sesua hrapan

Valid

Page 67: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

95

Kabupaten(kosong),

Provinsi(kosong), kodepos(kosong), kemudian klik simpan

Kabupaten(kosong,

Provinsi(kosong), kodepos(kosong

kodepos, harus

disi”,

11 Mengetikan uname(diisi), password(diisi), Nama(diisi),

No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi), Email(diisi), Alamat(kosong), Kecamatan(kosong), Kabupaten(kosong),

Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989),

Tanggal lahir(2000-11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897), Email([email protected]), Alamat(kosong), Kecamatan(kosong,

Kabupaten(kosong, Provinsi(kosong), kodepos(kosong

Sistem akan menolak menyimpan data dan

menampilkan validasi pada text field” Alamat, Kecamatan, Kabupaten, Provinsi, kodepos,harus diisi”,

Sesua hrapan

Valid

12 Mengetikan uname(diisi), password(diisi), Nama(diisi),

No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi), Email(diisi), Alamat(diisi), Kecamatan(kosong),

Kabupaten(kosong), Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989),

Tanggal lahir(2000-11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897), Email([email protected]), Alamat(cikampek),

Kecamatan(kosong, Kabupaten(kosong, Provinsi(kosong), kodepos(kosong

Sistem akan menolak menyimpan data dan

menampilkan validasi pada text field” Kecamatan, Kabupaten, Provinsi, kodepos, harus diisi”,

Sesua hrapan

Valid

13 Mengetikan uname(diisi), password(diisi), Nama(diisi),

No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi), Email(diisi), Alamat(diisi), Kecamatan(diisi),

Kabupaten(kosong), Provinsi(kosong), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989),

Tanggal lahir(2000-11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897), Email([email protected]), Alamat(cikampek),

Kecamatan(ciampek, Kabupaten(kosong, Provinsi(kosong), kodepos(kosong

Sistem akan menolak menyimpan data dan

menampilkan validasi pada text field” Kabupaten, Provinsi, kodepos, harus diisi”,

Sesua hrapan

Valid

14 Mengetikan uname(diisi), password(diisi), Nama(diisi),

No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi), Email(diisi), Alamat(diisi),

uname(dicky01), password(12345), Nama(Dicky), No identitas(8989),

Tanggal lahir(2000-11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897), Email([email protected]),

Sistem akan menolak menyimpan data dan

menampilkan validasi pada text field” Provinsi, kodepos, harus diisi”,

Sesua hrapan

Valid

Page 68: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

96

Kecamatan(diisi),

Kabupaten(diisi), Provinsi(kosong), kodepos(kosong), kemudian klik simpan

Alamat(cikampek),

Kecamatan(ciampek, Kabupaten(karawang), Provinsi(kosong), kodepos(kosong

15 Mengetikan uname(diisi),

password(diisi), Nama(diisi), No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi), Email(diisi), Alamat(diisi),

Kecamatan(diisi), Kabupaten(diisi), Provinsi(diisi), kodepos(kosong), kemudian klik simpan

uname(dicky01), password(12345),

Nama(Dicky), No identitas(8989), Tanggal lahir(2000-11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897), Email([email protected]),

Alamat(cikampek), Kecamatan(ciampek, Kabupaten(karawang), Provinsi(jabar), kodepos(kosong

Sistem akan menolak

menyimpan data dan menampilkan validasi pada text field” kodepos, harus diisi”,

Sesua hrapan

Valid

16 Mengetikan

uname(diisi), password(diisi), Nama(diisi), No identitas(diisi), Tanggal lahir(diisi, tmpt lhr(diisi), jenis kelamin(diisi), No hp(diisi),

Email(diisi), Alamat(diisi), Kecamatan(diisi), Kabupaten(diisi), Provinsi(diisi), kodepos(diisi), kemudian klik simpan

uname(dicky01),

password(12345), Nama(Dicky), No identitas(8989), Tanggal lahir(2000-11-11), tmpt lhr(karawang), jenis kelamin(pria), No hp(0897),

Email([email protected]), Alamat(cikampek), Kecamatan(ciampek, Kabupaten(karawang), Provinsi(jabar), kodepos(41373).

Sistem akan

menyimpan data dan menampilkan validasi pada text field” Data Berhasil disimpan”,

Sesua

hrapan

Valid

8. Pengujian Terhadap Halaman User Login Member

Tabel III.18.

Hasil Pengujian Black Box Halaman User Login Member

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

Page 69: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

97

2 Mengetikkan

username dan password tidakdiisiataukosongkemudiankliktombol login

Username:

admin password: (kosong

Sistemakanmenolak akses

user danmenampilkan”passwordsalah!!!”

Sesuai harapan Valid

3 Username tidakdiisi(koson

g) dan password diisi kemudian klik tombol login

Username: (kosong)

password: admin

Sistemakanmenolak akses user dan

menampilkan”passwordsalah!!!”

Sesuai harapan Valid

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”passwordsalah!!!”

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

9. Pengujian Terhadap Halaman User data pengujung

Tabel III.19.

Hasil Pengujian Black Box Halaman User Data Pengunjung

No Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

kesimpulan

1 Nama, Alamat , Kecamatan, Kabupaten, provinsi, kode pos, no telpon tidak diisi (kosong) kemudian klik

simpan

nama : (kosong) alamat : (kosong) kecamatan : (kosong) kabupaten : (kosong) provinsi : (kosong)

kodepos : (kosong) no telpon: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”nama, alamat, kecamatan, kabupaten, provinsi,

kodepos, no telpon tidak Boleh Kosong ”

Sesuai harapan

Valid

Page 70: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

98

2 Nama(diisi),

Alamat , Kecamatan, Kabupaten, provinsi, kode pos, no telpon tidak diisi (kosong) kemudian klik

simpan

nama : (dicky)

alamat : (kosong) kecamatan : (kosong) kabupaten : (kosong) provinsi : (kosong) kodepos :

(kosong) no telpon: (kosong)

Sistem akan

menolak menyimpan data dan menampilkan validasi pada text field”alamat, kecamatan, kabupaten, provinsi, kodepos, no telpon

tidak Boleh Kosong ”

Sesuai

harapan

Valid

3 Nama(diisi), Alamat(diisi) , Kecamatan, Kabupaten, provinsi, kode

pos, no telpon tidak diisi (kosong) kemudian klik simpan

nama : (dicky) alamat : (cikampek) kecamatan : (kosong)

kabupaten : (kosong) provinsi : (kosong) kodepos : (kosong) no telpon: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text

field” kecamatan, kabupaten, provinsi, kodepos, no telpon tidak Boleh Kosong ”

Sesuai harapan

Valid

4 Nama(diisi), Alamat(diisi) , Kecamatan(diisi), Kabupaten, provinsi, kode pos, no telpon tidak diisi

(kosong) kemudian klik simpan

nama : (dicky) alamat : (cikampek) kecamatan : (cikampek) kabupaten : (kosong)

provinsi : (kosong) kodepos : (kosong) no telpon: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” kabupaten, provinsi, kodepos,

no telpon tidak Boleh Kosong ”

Sesuai harapan

Valid

5 Nama(diisi), Alamat(diisi) ,

Kecamatan(diisi), Kabupaten(diisi), provinsi, kode pos, no telpon tidak diisi (kosong) kemudian klik simpan

nama : (dicky) alamat :

(cikampek) kecamatan : (cikampek) kabupaten : (karawang) provinsi : (kosong) kodepos :

(kosong) no telpon: (kosong)

Sistem akan menolak

menyimpan data dan menampilkan validasi pada text field” provinsi, kodepos, no telpon tidak Boleh Kosong ”

Sesuai harapan

Valid

6 Nama(diisi), Alamat(diisi) , Kecamatan(diisi), Kabupaten(diisi), provinsi(diisi),

kode pos, no telpon tidak diisi (kosong) kemudian klik simpan

nama : (dicky) alamat : (cikampek) kecamatan : (cikampek)

kabupaten : (karawang) provinsi : (jabar) kodepos : (kosong) no telpon: (kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text

field” kodepos, no telpon tidak Boleh Kosong ”

Sesuai harapan

Valid

Page 71: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

99

7 Nama(diisi),

Alamat(diisi) , Kecamatan(diisi), Kabupaten(diisi), provinsi(diisi), kode pos(diisi), no telpon tidak diisi (kosong) kemudian klik

simpan

nama : (dicky)

alamat : (cikampek) kecamatan : (cikampek) kabupaten : (karawang) provinsi : (jabar) kodepos : (41373)

no telpon: (kosong)

Sistem akan

menolak menyimpan data dan menampilkan validasi pada text field” no telpon tidak Boleh Kosong ”

Sesuai

harapan

Valid

8 Nama(diisi), Alamat(diisi) , Kecamatan(diisi), Kabupaten(diisi), provinsi(diisi), kode pos(diisi),

no telpon (diisi) kemudian klik simpan

nama : (dicky) alamat : (cikampek) kecamatan : (cikampek) kabupaten :

(karawang) provinsi : (jabar) kodepos : (41373) no telpon: (0898)

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

Sesuai harapan

Valid

10. Pengujian Terhadap Halaman User Pembayaran

Tabel III.20.

Hasil Pengujian Black Box Halaman User Pembayaran

No Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

kesimpulan

1 No_rek, bank, pemilik_rek, jumlah bayar, bukti tidak diisi (kosong) kemudian klik

simpan

No_rek (kosong), bank(kosong), pemilik_rek(kosong) , jumlah bayar(kosong), bukti(kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field” No_rek, bank, pemilik_rek, jumlah

bayar, dan bukti tidak Boleh Kosong ”

Sesuai harapan

Valid

2 No_rek(diisi), bank, pemilik_rek,

jumlah bayar, bukti tidak diisi (kosong) kemudian klik simpan

No_rek (989878), bank(kosong), pemilik_rek(koso

ng) , jumlah bayar(kosong), bukti(kosong)

Sistem akan menolak menyimpan data

dan menampilkan validasi pada text field”bank, pemilik_rek, jumlah bayar, dan bukti tidak Boleh Kosong ”

Sesuai harapan

Valid

Page 72: BAB III PEMBAHASAN 3.1. Tinjauan Komunitas 3.1.1. Sejarah ......3.1.1. Sejarah Komunitas Sejarah singkat CISC (Chelsea Indonesia Supporter Club) Regional Cikampek, pada awalnya komunitas

100

3 No_rek(diisi),

bank(diisi), pemilik_rek, jumlah bayar, bukti tidak diisi (kosong) kemudian klik simpan

No_rek (989878),

bank(BNI), pemilik_rek(kosong) , jumlah bayar(kosong), bukti(kosong)

Sistem akan

menolak menyimpan data dan menampilkan validasi pada text field”pemilik_rek, jumlah bayar, dan bukti tidak Boleh Kosong ”

Sesuai

harapan

Valid

4 No_rek(diisi), bank(diisi), pemilik_rek(diisi), jumlah bayar, bukti tidak diisi (kosong)

kemudian klik simpan

No_rek (989878), bank(BNI), pemilik_rek(dicky) , jumlah bayar(kosong), bukti(kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text field”jumlah bayar, dan bukti tidak

Boleh Kosong ”

Sesuai harapan

Valid

5 No_rek(diisi), bank(diisi), pemilik_rek(diisi), jumlah baya(diisi)r, bukti

tidak diisi (kosong) kemudian klik simpan

No_rek (989878), bank(BNI), pemilik_rek(dicky) , jumlah bayar(100000),

bukti(kosong)

Sistem akan menolak menyimpan data dan menampilkan validasi pada text

field”bukti tidak Boleh Kosong ”

Sesuai harapan

Valid

6 No_rek(diisi), bank(diisi), pemilik_rek(diisi), jumlah

bayar(diisi), bukti tidak diisi (diisi) kemudian klik simpan

No_rek (989878), bank(BNI), pemilik_rek(dicky) , jumlah

bayar(100000), bukti(foto)

Sistem akan menyimpan data dan menampilkan validasi pada text

field”Data Tersimpan”

Sesuai harapan

Valid