44

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem Usulan

Perancangan sistem merupakan pengembangan suatu perangkat lunak dan

dilakukan setelah melalui tahapan analisis serta perancangan dan dimaksudkan untuk

memberikan gambaran secara rinci. Dalam perancangan sistem dimaksudkan untuk

memberikan suatu gambaran sistem yang akan diusulkan.

4.1.1. Analisa Kebutuhan

Setelah mempelajari dan menganalisa permasalahan dalam sistem

pendaftaran yang ada pada Komunitas Manchester City Fansclub Chapter

Purwokerto, maka dilakukan analisa kebutuhan website bagi admin dan anggota.

Analisa kebutuhan sistem bertujuan untuk memahami apa saja yang

dibutuhkan dari sebuah sistem baru dan untuk mengembangkan sistem (Mustaqbal,

2016). Menurut Fatta dalam Mustaqbal (2016) menyatakan bahwa, “terdapat 2 jenis

analisis kebutuhan sistem antara lain analisis kebutuhan fungsional dan analisis

kebutuhan non fungsional”.

1. Analisa Kebutuhan Fungsional

Analisa kebutuhan fungsional pada sistem web Komunitas Manchester City

Fansclub Chapter Purwokerto memiliki 3 user, yaitu Admin Website/Pengurus

Komunitas, Member, Non Member/Pengunjung Website. Berikut skenario

kebutuhan dari masing-masing user :

A. Admin Website/Pengurus Komunitas

1. Admin dapat memberikan informasi tentang komunitas melalui

website.
 2. Admin dapat memberitahukan kegiatan komunitas melalui website

komunitas.

3. Admin dapat merubah profil komunitas pada website.

4. Admin dapat mengawasi pendaftaran member yang mendaftar di

website.

5. Admin dapat mengelola data member jika ada yang tidak sesuai.

B. Member/Anggota

1. Member yang sudah terdaftar dapat melakukan login dan mengakses

informasi komunitas yang mereka butuhkan di website Komunitas

Manchester City Fansclub Chapter Purwokerto.

2. Member dapat mengikuti kegiatan komunitas melalui info yang mereka

dapatkan di website Komunitas Manchester City Fansclub Chapter

Purwokerto.

3. Member dapat membuat dan membalas Thread/Topik Pembahasan di

dalam website Komunitas Manchester City Fansclub Chapter

Purwokerto.

4. Member dapat merubah profil jika ada kekurangan dalam mengisi

formulir pendaftaran member.

5. Member dapat merubah password sesuai keinginan di dalam website.

6. Member dapat membuat kritik dan saran melalui kolom yang tersedia.

C. Non Member/Pengunjung Website

1. Non Member/Pengunjung Website dapat melihat informasi komunitas

beserta kegiatannya yang terdapat di dalam websute.

2. Dapat melakukan registrasi pendaftaran untuk menjadi member resmi

Komunitas Manchester City Fansclub Chapter Purwokerto.

45
2. Analisa Kebutuhan Non Fungsional

Analisa kebutuhan non fungsional pada sistem web Komunitas Manchester City

Fansclub Chapter Purwokerto adalah sebagai berikut :

A. Operasional

1. Pengunjung website/Non Member, Member/Anggota dan

Admin/Pengurus Komunitas Manchester City Fansclub Chapter

Purwokerto menggunakan hardware komputer dengan RAM 2 GB.

2. Pengunjung website/Non Member, Member/Anggota dan

Admin/Pengurus Komunitas dapat mengetahui informasi

menggunakan browser, Mozilla Firefox dan Google Chrome serta

sistem operasi windows 7 dan windows 10.

3. Pengunjung website/Non Member, Member/Anggota dan Admin dapat

mengoperasikan menu dan sub menu yang terdapat pada website.

B. Keamanan

Admin/Pengurus Komunitas dan Member/Anggota dapat mengelola atau

mengakses website setelah melakukan login dan komputer dilindungi

oleh antivirus.

C. Informasi

1. Menginformasikan apabila user atau password yang dimasukkan

salah.

2. Menginformasikan aksi proses mengubah, menambah dan menghapus

data.

46
4.1.2. Rancangan Use Case Diagram

Rancangan Use Case Diagram untuk komunitas Manchester City Fansclub Chapter

Purwokerto adalah sebagai berikut :

Sumber : Penelitian (2019)

Gambar IV.1. Use Case Diagram Admin dan Member Komunitas Manchester City

Fansclub Chapter Purwokerto

47
 Tabel IV.1. Deskripsi Use Case Diagram Hak Akses Admin/Pengurus

Komunitas Memberikan Informasi Komunitas

Use Case Name Memberikan Informasi Komunitas

Requrements Memberikan Informasi Komunitas
Goal Admin dapat memberikan informasi komunitas
Pre-conditions Admin telah melakukan login
Post-conditions Admin dapat menambah, mengubah dan

menghapus informasi komunitas

Failed end conditions Admin gagal menambah,mengubah informasi

komunitas
Primary Actors Admin
Main Flow/ Basic Path 1. Admin melakukan login

2. Admin memilih informasi komunitas

3. Admin menambah Informasi komunitas

Invariant A 1. Admin menambahkan kategori informasi

2. Admin mengubah kategori informasi

3. Admin menghapus kategori informasi

4. Admin mengubah informasi komunitas

5. Admin menghapus informasi komunitas

Invariant B 1. Admin melakukan login

2. Admin memilih informasi komunitas

3. Admin gagal menambah Informasi komunitas,

kemudian diminta ulang untuk meng-update isi

informasi komunitas dari yang diubah.

Sumber : Penelitian (2019)

Tabel IV.2. Deskripsi Use Case Diagram Hak Akses Admin/Pengurus

Komunitas memberitahukan kegiatan komunitas

Use Case Name Memberitahukan kegiatan komunitas

Requrements Memberitahukan kegiatan komunitas

Goal Admin dapat memberitahukan kegiatan komunitas
Pre-conditions Admin telah melakukan login

48
Post-conditions Admin dapat menambah, mengubah dan menghapus

kegiatan komunitas
Failed end conditions Admin gagal menambahkan, mengubah dan menghapus

kegiatan komunitas
Primary Actors Admin
Main Flow/ Basic Path 1. Admin melakukan login

2. Admin memilih kegiatan komunitas

3. Admin menghapus kegiatan komunitas

Invariant A 1. Admin menambahkan kegiatan komunitas

2. Admin mengubah kegiatan komunitas

Invariant B 1. Admin melakukan login

2. Admin memilih kegiatan komunitas

3. Admin menghapus kegiatan komunitas

4. Admin gagal menambahkan kegiatan komunitas,

kemudian diminta ulang untuk meng-update isi

informasi kegiatan komunitas dari yang diubah.

Sumber : Penelitian (2019)

Tabel IV.3. Deskripsi Use Case Diagram Hak Akses Admin/Pengurus

Komunitas Mengawasi Pendaftaran Member

Use Case Name Mengawasi Pendaftaran Member

Requrements Mengawasi Pendaftaran Member
Goal Admin dapat mengawasi pendaftaran member
Pre-conditions Admin telah melakukan login
Post-conditions Admin dapat mengawasi pendaftaran member
Failed end conditions Admin gagal mengawasi pendaftaran member
Primary Actors Admin
Main Flow/Basic Path 1. Admin melakukan login

2. Admin mengawasi pendaftaran member

Invariant A Admin dapat memblokir data member palsu
Invariant B 1. Admin melakukan login

49
 2. Admin gagal mengawasi pendaftaran member,

kemudian diminta ulang untuk memproses dan

meneliti lagi pendaftaran member komunitas dari

yang diubah.
Sumber : Penelitian (2019)

Tabel IV.4. Deskripsi Use Case Diagram Hak Akses Admin/Pengurus

Komunitas Merubah Profil

Use Case Name Merubah Profil

Requrements Merubah Profil
Goal Admin dapat merubah profil
Pre-conditions Admin telah melakukan login
Post-conditions Admin dapat merubah profil
Failed end conditions Admin gagal merubah profil
Primary Actors Admin
Main Flow/ Basic Path 1. Admin melakukan login

2. Admin merubah profil

Invariant A Admin dapat merubah profil komunitas jika ada

perubahan.
Invariant B 1. Admin melakukan login

2. Admin gagal merubah profil, kemudian diminta ulang

untuk meng-update isi profil komunitas dari yang diubah

Sumber : Penelitian (2019)

Tabel IV.5. Deskripsi Use Case Diagram Hak Akses Admin/Pengurus

Komunitas Merubah Password

Use Case Name Merubah Password

Requrements Merubah Password
Goal Admin dapat merubah password
Pre-conditions Admin telah melakukan login
Post-conditions Admin dapat merubah password
Failed end conditions Admin gagal merubah password
Primary Actors Admin
Main Flow/ Basic Path 1. Admin melakukan login

2. Admin merubah password

Invariant A Admin dapat mengubah password akses untuk mengelola

50
 web
Invariant B 1. Admin melakukan login

2. Admin gagal merubah password, kemudian diminta

ulang untuk meng-update isi profil komunitas dari yang

diubah.
Sumber : Penelitian (2019)

Tabel IV.6 . Deskripsi Use Case Diagram Hak Akses Anggota/Member Melihat

Informasi Komunitas

Use Case Name Melihat Informasi Komunitas

Requrements Melihat Informasi Komunitas
Goal Anggota/Member dapat melihat informasi komunitas
Pre-Conditions Anggota/Member telah melakukan login
Post-Conditions Anggota/Member dapat melihat informasi komunitas
Failed end Conditions Anggota/Member gagal melihat informasi komunitas
Primary Actor Anggota/Member Komunitas
Main Flow/Basic Path 1. Anggota melakukan login

2. Anggota dapat melihat informasi komunitas

Invariant A Member dapat melihat informasi komunitas
Invariant B 1. Anggota melakukan login

2. Anggota gagal melihat informasi komunitas,

kemudian diminta ulang untuk meng-update isi

informasi komunitas dari yang diubah.

Sumber : Penelitian (2019)

Tabel IV.7. Deskripsi Use Case Diagram Hak Akses Anggota/Member

Mengikuti Kegiatan Komunitas

Use Case Name Mengikuti Kegiatan Komunitas

Requrements Mengikuti Kegiatan Komunitas
Goal Anggota/Member dapat mengikuti kegiatan komunitas
Pre-Conditions Anggota/Member telah melakukan login
Post-Conditions Anggota/Member dapat mengikuti kegiatan komunitas
Failed end Conditions Anggota/Member gagal mengikuti kegiatan komunitas

51
Primary Actor Anggota/Member Komunitas
Main Flow/Basic Path 1. Anggota melakukan login

2. Anggota dapat mengikuti kegiatan komunitas

Invariant A Anggota dapat mengetahui tentang kegiatan komunitas
Invariant B 1. Anggota melakukan login

2. Anggota gagal mengikuti kegiatan komunitas,

kemudian diminta ulang untuk meng-update isi

informasi kegiatan komunitas dari yang diubah

Sumber : Penelitian (2019)

Tabel IV.8. Deskripsi Use Case Diagram Hak Akses Anggota/Member Membuat

Thread

Use Case Name Membuat Thread

Requrements Anggota/Member Membuat Thread
Goal Anggota dapat membuat Thread
Pre-Conditions Anggota/Member telah melakukan login
Post-Conditions Anggota/Member dapat menambah Thread
Failed end Conditions Anggota/Member gagal menambah Thread
Primary Actor Anggota/Member Komunitas
Main Flow/Basic Path 1. Anggota melakukan login

2. Anggota menambah thread

Invariant A Anggota dapat membuat Thread/Topik dengan bebas

Invariant B 1. Anggota melakukan login

2. Anggota gagal menambah thread, kemudian diminta

ulang untuk meng-update lagi Thread/Topik dari yang

telah diubah.
Sumber : Penelitian (2019)

Tabel IV.9. Deskripsi Use Case Diagram Hak Akses Anggota/Member

Membalas Thread

Use Case Name Membalas Thread

Requrements Anggota/Member dapat membalas Thread/Topik
Goal Anggota/Member dapat membalas Thread
Pre-Conditions Anggota/Member telah melakukan login
Post-Conditions Anggota/Member dapat membalas Thread

52
Failed end Conditions Anggota/Member gagal membalas Thread
Primary Actor Anggota/Member Komunitas
Main Flow/Basic Path 1. Anggota/Member melakukan login

2. Anggota/Member membalas thread

Invariant A Anggota/Member dapat membalas Thread/Topik yang

telah disediakan di website.

Invariant B 1. Anggota/Member melakukan login

2. Anggota/Member gagal membalas thread, kemudian

diminta ulang untuk meng-update lagi jawaban

Thread/Topik dari yang telah diubah.

Sumber : Penelitian (2019)

Tabel IV.10. Deskripsi Use Case Diagram Hak Akses Anggota/Member

Merubah Profil

Use Case Name Merubah profil

Requrements Merubah Profil di website
Goal Anggota/Member dapat merubah profil
Pre-Conditions Anggota/Member telah melakukan login
Post-Conditions Anggota/Member dapat merubah profil
Failed end Conditions Anggota/Member gagal merubah profil
Primary Actor Anggota/Member Komunitas
Main Flow/Basic Path 1. Anggota/Member melakukan login

2. Anggota/Member merubah profil

Invariant A Anggota/Member dapat merubah profil di halaman

website.
Invariant B 1. Anggota/Member melakukan login

2. Anggota/Member gagal merubah profil, kemudian

diminta ulang untuk meng-update profil lagi dari yang

telah diubah.
Sumber : Penelitian (2019)

53
 Tabel IV.11. Deskripsi Use Case Diagram Hak Akses Anggota/Member

Merubah Password

Use Case Name Merubah Password

Requrements Anggota/Member merubah password
Goal Anggota/Member dapat merubah password
Pre-Conditions Anggota/Member telah melakukan login
Post-Conditions Anggota/Member dapat merubah password
Failed end Conditions Anggota/Member gagal merubah password
Primary Actor Anggota/Member Komunitas
Main Flow/Basic Path 1. Anggota/Member melakukan login

2. Anggota/Member merubah password

Invariant A Anggota/Member bisa merubah password di halaman

website komunitas.
Invariant B 1. Anggota/Member melakukan login

2.Anggota/Member gagal merubah password, kemudian

diminta ulang untuk meng-update password lagi dari

yang telah diubah.

Sumber : Penelitian (2019)

Tabel IV.12. Deskripsi Use Case Diagram Melakukan Pendaftaran Member

Use Case Name Melakukan Pendaftaran Member

Requrements Calon Anggota/Member Melakukan Pendaftaran
Goal Calon Anggota/Member dapat Melakukan Pendaftaran

Member
Pre-Conditions Calon Anggota/Member memilih menu pendaftaran

pada halaman utama website

Post-Conditions Calon Anggota/Member dapat Melakukan Pendaftaran

Member
Failed end Conditions Calon Anggota/Member gagal Melakukan Pendaftaran

Member
Primary Actor Calon Anggota/Member Komunitas
Main Flow/Basic Path 1. Calon Anggota/Member memilih menu pendaftaran

pada halaman utama website

2. Calon Anggota/Member melakukan Melakukan

54
 Pendaftaran Member

3. Anggota logout
Alternative Flow/Variant Sistem menyimpan data di database

4.1.3. Activity Diagram

Activity diagram yang menggambarkan aliran kerja atau alir aktivitas dalam

sistem yang sedang dirancang, bagaimana alir berawal, decision yang mungkin

terjadi dan bagaimana aktivitas berakhir. Activity diagram juga dapat

menggambarkan proses parallel yang mungkin terjadi beberapa kegiatan.

1. Activity Diagram Admin Membuat Informasi Komunitas

55
 Sumber : Penelitian(2019)

Gambar IV.2. Activity Diagram Admin Membuat Informasi

Komunitas

2. Activity Diagram Admin Mengelola Thread/Topik

56
 Sumber : Penelitian 2019

Gambar IV.3. Activity Diagram Admin Mengelola Thread

3. Activity Diagram Admin Mengawasi Pendaftaran Member

57
 Sumber : Penelitian (2019)

Gambar IV.4. Activity Diagram Admin Mengawasi Pendaftaran

Member

4. Activity Diagram Admin Merubah Profil

58
 Sumber : Penelitian(2019)

Gambar IV.5. Activity Diagram Admin Merubah Profil

5. Activity Diagram Admin Merubah Password

59
Sumber : Penelitian(2019)

Gambar IV.6. Activity Diagram Admin Merubah Password

60
6. Activity Diagram Admin Mengelola Member/Anggota

Sumber : Penelitian (2019)

Gambar IV.7. Activity Diagram Admin Mengelola Member/Anggota

61
7. Activity Diagram Member/Anggota Membuat Thread

Sumber : Penelitian (2019)

Gambar IV.8. Activity Diagram Member/Anggot Membuat Thread

62
8. Activity Diagram Member/Anggota Membalas Thread (reply)/Topik

Sumber : Penelitian (2019)

Gambar IV.9. Activity Diagram Member/Anggota Membalas Thread

(Reply)

63
9. Activity Diagram Member/Anggota Merubah Profil

Sumber : Penelitian (2019)

Gambar IV.10. Activity Diagram Member/Anggota Merubah Profil

64
10. Activity Diagram Member/Anggota Merubah Password

Sumber : Penelitian (2019)

Gambar IV.11. Activity Diagram Member/Anggota Merubah

Password

65
4.1.4. Rancangan Dokumen Sistem Usulan

Adapun dokumen sistem usulan masukan dan keluaran dalam sistem yang

digunakan pada Web Komunitas Manchester City Fansclub Chapter Purwokerto

adalah sebagai berikut:

A. Dokumen Masukan

Nama Dokumen : Form formulir pendaftaran member komunitas online

Fungsi : Untuk mengisi data member baru

Sumber : Admin atau pengurus komunitas

Tujuan : Calon member komunitas

Media : Tampil layar monitor

Jumlah : 500 setiap kali periode pendaftaran member baru

Frekuensi : setiap calon member yang mendaftar

Bentuk : lampiran B.1

B. Dokumen Keluaran

Nama Dokumen : Kartu Komunitas Manchester City Fansclub Online

Fungsi : Untuk mengetahui calon member yang telah terdaftar

Sumber : Admin atau pengurus komunitas

Tujuan : Member komunitas

Media : Tampil layar monitor

Jumlah : 300s etiap kali periode pendaftaran member baru

Frekuensi : setiap member yang sudah terdaftar

Bentuk : lampiran B.2

66
4.1.5. Rancangan Prototype

Rancangan prototype dibuat sebagai perantara pengembang dengan pengguna

agar dapat berinteraksi dalam proses kegiatan pengembangan sistem infomasi

berbasis Web Komunitas Manchester City Fansclub Chapter Purwokerto.

1. Tampilan Web untuk Beranda

Sumber : Penelitian (2019)

Gambar IV.12. Tampilan Web Beranda

2. Tampilan Web bagian Informasi Komunitas untuk Sejarah Komunitas

Sumber : Penelitian (2019)

Gambar IV.13. Tampilan Sejarah Komunitas

67
3. Tampilan Informasi Komunitas untuk Sejarah Tim Manchester City

Sumber : Penelitian (2019)

Gambar IV.14. Tampilan Sejarah Tim Manchester City

4. Tampilan Informasi Kegiatan Komunitas untuk Jadwal Nonton Bareng

Sumber : Penelitian (2019)

Gambar IV.15. Tampilan untuk Jadwal Nonton Bareng

68
5. Tampilan Informasi Kegiatan Komunitas untuk Kegiatan Bareng

Pengurus

Sumber : Penelitian (2019)

Gambar IV.16. Tampilan untuk Kegiatan Bareng Pengurus Komunitas

6. Tampilan Web untuk Topik atau Thread

Sumber : Penelitian (2019)

Gambar IV.17. Tampilan Web Untuk Topik atau Thread

69
7. Tampilan Web Untuk Pendaftaran Member

Sumber : Penelitian (2019)

Gambar IV.18. Tampilan Web untuk Pendaftaran Member

8. Tampilan Web Untuk Halaman Login

Sumber : Penelitian (2019)

Gambar IV.19. Tampilan Web untuk Login Member

70
4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

1. Entity Relationship Diagram (ERD)

Sumber : Penelitian (2019)

Gambar IV.20. Entity Relationship Diagram (ERD) Komunitas Manchester City

Fansclub Chapter Purwokerto

71
4.2.2. Logical Record Structure (LRS)

Sumber : Penelitian (2019)

Gambar IV.21. Logical Record Structure (LRS) Komunitas

Manchester City Fansclub Chapter Purwokerto

72
4.2.3. Spesifikasi File

1. Spesifikasi File Tabel Admin/Pengurus Komunitas

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Admin

Akronim : Admin

Tipe File : File Master

Fungsi : untuk menyimpan data akses admin, Member dan

Non member

Karakter Kunci Field : id_users

Software : MySQL/PhpMyAdmin

Tabel IV.13. Spesifikasi File Admin

No Elemen Data Nama Field Type Size Keterangan

1 ID User id_user Varchar 10 Primary Key

2 Username username Varchar 30

3 Nama Lengkap nama_lengkap Varchar 30

4 Email email Varchar 30

5 Password password Varchar 30

6 Foto foto Varchar 50

2. Spesifikasi File Tabel Member

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Member

Akronim : Member

Tipe File : File Master

Karakter Kunci Field : Id_User

73
 Software : MySQL/PhpMyAdmin

Tabel IV.14. Spesifikasi File Member

No Elemen Data Nama Field Type Size Keterangan

1 Id User Id_user Varchar 20 Primary Key
2 Username username Varchar 30
3 Nama Lengkap nama_lengka Varchar 30

p
4 Email email Varchar 30
5 Password password Varchar 30
6 Foto foto Varchar 50

3. Spesifikasi File Tabel Pengunjung

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Kritik dan Saran

Akronim : Kritik dan Saran

Tipe File : File Master

Karakter Kunci Field : Nama_Lengkap

Software : MySQL/PhpMyAdmin

Tabel IV.15. Spesifikasi File Pengunjung

No Elemen Data Nama Field Type Size Keterangan

1 Nama Lengkap Nama_Lengkap Varchar 30 Primary Key
2 Alamat alamat Varchar 30

4. Spesifikasi File Tabel Kategori Bantuan

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Kategori_artikel

Akronim : Kategori_artikel

Tipe File : File Master

74
 Karakter Kunci Field : id_Bantuan

Software : MySQL/PhpMyAdmin

Tabel IV.16. Spesifikasi File Kategori Bantuan

N Elemen Data Nama Field Type Size Keterangan

o
1 id Bantuan id_Bantuan Varchar 10 Primary Key
2 Id Keterangan id_ket_bantua Varchar 30

Bantuan n
3 Judul judul Varchar 30
4 Isi isi Varchar 30
5 Gambar gambar Varchar 30

5. Spesifikasi File Tabel Informasi Kegiatan

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Informasi Kegiatan

Akronim : Informasi Kegiatan

Tipe File : File Master

Karakter Kunci Field : id_Kategori

Software : MySQL/PhpMyAdmin

Tabel IV.17. Spesifikasi File Informasi Kegiatan

No Elemen Data Nama Field Type Size Keterangan

1 Id kategori Id_Kategori Int 11 Primary Key
2 Informasi Informasi_kegiata Varchar 30

Kegiatan n
3 Deskripsi Deskripsi Text
4 Gambar gambar Varchar 30

6. Spesifikasi File Tabel Kategori

Nama Database : Komunitas Manchester City Chapter Purwokerto

75
 Nama File : kategori

Akronim : kategori

Tipe File : File Master

Transaksi Akses File : Random

Panjang Record : 148 Karakter

Karakter Kunci Field : id_kategori

Software : MySQL/PhpMyAdmin

Tabel IV.18. Spesifikasi File Kategori

No Elemen Data Nama Field Type Size Keterangan

1 Id_kategori id_kategori Int 11 Primary Key
2 Kategori kategori Varchar 30
3 Deskripsi deskripsi Text
4 Gambar gambar Varchar 60
5 Posisi posisi Smallint 6

7. Spesifikasi File Tabel Bantuan

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Bantuan

Akronim : Bantuan

Tipe File : File Master

Karakter Kunci Field : id_Bantuan

Software : MySQL/PhpMyAdmin

Tabel IV.19. Spesifikasi File Bantuan

No Elemen Data Nama Field Type Size Keterangan

1 Id Bantuan id_bantuan Int 11 Primary Key

2 Id Ket Bantuan id_ket_bantuan Int 11 Foreign Key
3 Judul Judul Varchar 70
4 Isi Isi Longtext
5. Gambar gambar Varchar 70

76
8. Spesifikasi File Tabel Topik/Thread

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Topik/Thread

Akronim : Topik/Thread

Tipe File : File Master

Karakter Kunci Field : id_kategori

Software : MySQL/PhpMyAdmin

Tabel IV.20. Spesifikasi File Topik/Thread

No Elemen Data Nama Field Type Size Keterangan

1 Id Kategori id_kategori Int 11 Primary Key

2 Judul Judul Varchar 70
3 Pesan pesan Longtex

t
4. Timestamp timestamp Int 11
5 Authorid authorid Varchar 30

9. Spesifikasi File Tabel Informasi Komunitas

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Informasi Komunitas

Akronim : Informasi Komunitas

Tipe File : File Master

Karakter Kunci Field : id_informasi

Software : MySQL/PhpMyAdmin

Tabel IV.21. Spesifikasi File Informasi Komunitas

77
 No Elemen Data Nama Field Type Size Keterangan

1. Id_informasi id_informasi Int 11 Primary Key

2 Id Kategori id_kategori Int 11

3 Judul Judul Varchar 30
4 Isi Isi Longtex

t
5. Gambar Gambar Varchar 50
6 Authorid Authorid Varchar 30

10. Spesifikasi File Tabel Kategori Informasi

Nama Database : Komunitas Manchester City Chapter Purwokerto

Nama File : Kategori Informasi

Akronim : Kategori Informasi

Tipe File : File Master

Karakter Kunci Field : id_kategori

Software : MySQL/PhpMyAdmin

Tabel IV.22. Spesifikasi File Kategori Informasi

No Elemen Data Nama Field Type Size Keterangan

1 Id Kategori id_kategori Int 11

2 Judul Judul Varchar 30
3 Deskripsi deskripsi Varchar
4. Posisi posisi Varchar 20

4.2.4. Class Model / Class Diagram

Dari spesifikasi yang telah di tetapkan dalam usulan program maka dilakukan

penggambaran dengan class digram guna memperjelas proses yang terjadi dalam

sistem usulan web Komunitas Manchester City Fansclub Chapter Purwokerto yang

dibuat yakni sebagai berikut:

78
Sumber : Penelitian (2019)

Gambar IV.22. Class Diagram Website Komunitas Manchester

City Fansclub Chapter Purwokerto

79
4.2.5. Sequence Diagram

1. Sequace Diagram Admin dalam sistem web Komunitas Manchester City

Fansclub Chapter Purwokerto saat mengupdate informasi tentang komunitas.

Sumber : Penelitian (2019)

Gambar IV.23 .Sequace Diagram Admin saat mengupdate informasi

tentang komunitas.

2. Sequace Diagram Admin dalam sistem web Komunitas Manchester City

Fansclub Chapter Purwokerto untuk memberitahukan informasi kegiatan di
website.

Sumber : Penelitian (2019)

Gambar IV.24. Sequace Diagram Admin membuat Informasi Kegiatan
di halaman Website.

80
3. Sequace Diagram Member dan Non Member (Pengunjung Web) dalam sistem
web Komunitas Manchester City Fansclub Chapter Purwokerto dalam proses
melihat Informasi.

Sumber : Penelitian (2019)

Gambar IV.25. Sequace Diagram Member dan Non Member dalam proses
melihat Informasi di website.

4. Sequance Diagram Member dalam sistem web Komunitas Manchester City

Fansclub Chapter Purwokerto dalam membuat dan membalas Thread atau
Topik di website.

Sumber : Penelitian (2019)

Gambar IV.26. Sequence Diagram Member dalam proses membuat dan
membalas Thread atau Topik di website.

81
 5. Sequance Diagram Non Member atau Pengunjung Web dalam sistem web
Komunitas Manchester City Fansclub Chapter Purwokerto dalam proses
pendaftaran member .

Sumber : Penelitian (2019)

Gambar IV.27. Sequence Diagram Non Member dalam proses pendaftaran
member.

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

a. Admin

1) CPU

(a) Processor Intel Celeron 2957U

(b) RAM DDR3 2 GB

(c) Hardisk 500 GB

82
 2) Mouse

3) Keyboard

4) Monitor Dengan Resolusi 1366x768

5) Koneksi internet dengan kecepatan 2 Mbps

b. User

1) CPU

(d) Processor Intel Celeron 2957U

(e) RAM DDR3 2 GB

(f) Hardisk 500 GB

2) Mouse

3) Keyboard

4) Monitor Dengan Resolusi 1366x768.

5) Koneksi internet dengan kecepatan 2 Mbp.s

2. Spesifikasi Software

a. Admin

1) Sistem operasi yang digunakan adalah Microsot Windows 10 64 Bit.

2) Web server yang digunakan adalah Apache.

3) Database yang digunakan adalah MySQL.

4) Tool untuk menjalankan Java Netbeans dan database adalah XAMPP

b. User

1) Sistem operasi yang digunakan adalah Microsot Windows 10 64 Bit.

2) Web server yang digunakan adalah Apache.

3) Database yang digunakan adalah MySQL.

4) Tool untuk menjalankan Java Netbeans dan database adalah XAMPP.

83
4.3. Customer Check

Customer check digunakan untuk mengetahui keberhasilan fungsionalitas dari

prototype sistem usulan web komunitas Manchester City Fansclub Chapter

Purwokerto. Berikut hasil dari customer check:

1. Member 1 : Widi Nur

Tabel IV.23. Customer Check Calon Member 1

Sesuai Harapan
Unit Testing Keteran
Ya Tidak
gan

Form Sudah sesuai dengan kebutuhan

Informasi member untuk mengolah data kegiatan

Kegiatan agar para member mengetahui kegiatan

komunitas

2. Member 1: Panji

Tabel IV.24..Customer Check Pengurus 1

Sesuai Harapan
Unit Testing Ketera
Ya Tidak
ngan

Form Halaman Sudah sesuai dengan kebutuhan

Utama Website pengurus jika perlu diberi pembeda

3. Admin atau Pengurus 1: Feri Handoyo

84
 Sesuai Harapan
Unit Testing Keterangan
Ya Tidak

Form Halaman Lebih disempurnakan lagi agar admin

Website atau selaku pengurus dapat Mengelola

Admin Website

Tabel.IV.25. Customer Check Member 1

4.4. Jadwal Implementasi

Tabel IV. 26. Tabel jadwal implementasi program usulan

WAKTU

No KEGIATAN APRIL MEI JUNI JULI

2019 2019 2019 2019

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1 Pengajuan Riset

2 Persiapan Data Awal

3 Analisis Data

4 Pengolahan Data
Perancangan
5 Prototype

6 Evaluasi

85
86