BAB III

ANALISIS DAN PERANCANGAN

3.1. Gambaran Umum BAPOPSI

3.1.1. Profil BAPOPSI

Pembinaan olahraga di tingkat pelajar mempunyai peran penting dan

strategis sebagai upaya untuk menjaring calon-calon atlet berbakat yang memiliki

potensi dikembangkan menjadi atlet yang berprestasi di tingkat Kota/Kabupaten,

Jawa Barat, Nasional, Asia Tenggara, Asia dan Dunia di masa depan. Berbagai

program pembinaan atlet usia pelajar sudah dilaksanakan mulai di tingkat nasional

dengan adanya Program Indonesia Emas (PRIMA) Pratama dan PPLP Ragunan.

Di tingkat daerah pembinaan atlet pelajar dilaksanakan dalam bentuk PPLP

Daerah, Sekolah Khusus Olahraga (SKO) dan Kelas Olahraga. Pembinaan

olahraga pelajar yang dilakukan secara terus menerus dalam bentuk latihan yang

rutin harus mendapat pengelolaan yang baik dan benar agar memperoleh hasil

yang dapat dibanggakan. BAPOPSI Kabupaten Bandung Barat yang baru

terbentuk memiliki visi dan misi dalam menjalankan roda organisasi.

Seiring dengan visi misi Kota Cirebon, tentunya orientasi Bapopsi Kota

Cirebon harus selaras dengan pihak pemeritahan. Dalam menjalankan roda

organisasi Bapopsi Kota Cirebon memerlukan anggaran yang tidak sedikit,

apalagi kalau melihat prestasi yang sudah diraih oleh atlet-atlet pelajar Kota

Cirebon baik pada event O2SN, POPWILDA, POPDA maupun pada PORDA

III-
yang sudah lalu.

III-
3.1.2. Visi, Misi dan Tujuan BAPOPSI

Badan Pembina Olahraga Pelajar Seluruh Indonesia (BAPOPSI) Kota

Cirebon memiliki visi, misi dan tujuan sebagai berikut :

1. Visi

Mewujudkan organisasi yang solid dan sistem pembinaan yang tangguh

untuk meraih prestasi gemilang di tingkat provinsi, nasional, dan internasional

2. Misi

a. Membangun soliditas organisasi KONI dan seluruh pengcab-pengcab

yang ada

a. Menyiapkan sarana dan prasarana yang memadai untuk mendukung

soliditas organisasi dan peningkatan prestasi

b. Merancang dan Melaksanakan program pembinaan atlet secara

berkesinambungan, efektif, dan efisien

c. Membangun kesadaran dan keterlibatan masyarakat dalam berbagai

program peningkatan prestasi olahraga

3. Tujuan

a. Mewujukan prestasi olahraga pelajar,

b. Membangun watak,

c. Mengangkat harkat dan Martabat,

d. Kehormatan bangsa,

e. Ikut serta mempererat membina persatuan dan kesatuan bangsa.

III-
3.1.3. Makna logo BAPOPSI

Gambar 3.1. Logo BAPOPSI 1

1. Lambang Api : Menunjukan semangat olahraga.

2. Lambang Lingkaran : Melambangkan persatuan dan kesatuan dalam

pengembangan olahraga.

3. Lambang Buku : Melambangkan Pelajar.

3.2. Analisis Sistem

Analisis sistem adalah kegiatan untuk melihat sistem yang sudah berjalan,

melihat bagaimana sistem yang bagus dan tidak bagus, dan kemudian

mendokumentasikan kebutuhan yang akan dipenuhi dlalam sistem yang baru.

3.2.1. Analisis Sistem Berjalan

Berdasarkan hasil penelitian dan pengamatan yang penulis lakukan,

berikut diilustrasikan bagaimana sistem yang sedang berjalan pada BAPOPSI

Kota Cirebon:

1. Pengurus BAPOPSI menginformasikan event hanya melalui surat dan poster.

III-
2. Pengurus BAPOPSI menampung pelajar berprestasi dengan mendata manual.

3. Memperkenalkan Wadah BAPOPSI melalui penyuluhan ke sekolah – sekolah.

3.2.2. Analisis Sistem yang Diusulkan

Setelah memahami dan menganalisis sistem yang sedang berjalan pada

BAPOPSI Kota Cirebon, maka dapat disimpulkan bahwa perlu adanya website

yang dapat menyajikan informasi tersebut agar dapat tersampaikan dengan cepat

oleh publik. Berikut ini adalah prosedur yang dianalisa penulis:

1. Masyarakat dan Pelajar Masuk Ke Website BAPOPSI

2. Melihat informasi mengenai Event, Pelajar Berprestasi, Kontak Person,

Serta Alamat BAPOPSI.

3.3. Perancangan Sistem

Perancangan menjelaskan mengenai rancangan atau gambaran sistem yang

akan diusulkan pada website sistem publikasi karya ilmiah ini. Perancangan

sistem ini digambarkan melalui tools UML (Unified Modeling Language) yang

terdiri dari: Use Case Diagram, Skenario Use Case Diagram, Class Diagram.

Berikut ini perancangan sistem melalui jenis-jenis diagram yang digunakan dalam

pembuatan sistem ini antara lain:

3.1.3. Use Case Diagram

Use Case diagram adalah gambaran graphical dari beberapa atau semua

actor, use case, dan interaksi diantaranya yang memperkenalkan suatu sistem.

Berikut ini adalah use case diagram dari user dan admin:

III-
a. Use Case Diagram User dan Admin

Gambar 3.2. Use Case Diagram User dan Ad 1

3.1.4. Skenario Use Case Diagram

Skenario use case diagram merupakan sebuah diagram yangdigambarkan

dalam sebuah tabel untuk mendeskripsikan alur dari jalannya proses use case dari

sisi actor dan sistem. Berikut ini skenario sistem User atau Pengunjung:

a. Skenario Use Case Diagram User atau Pengunjung

Identifikasi

No Use Case 1

Nama Use Case Lihat Beranda

Aktor User

Skenario Utama

No Aksi Aktor No Sistem

Klik Link atau URL

1    
Website BAPOPSI

    2 Masuk ke Halaman Beranda Website

Tabel 3.1. Skenario Use Case Diagram Pen 1

III-
Identifikasi

No Use Case 2

Nama Use Case Melihat Sejarah

Aktor User

Skenario Utama

No Aksi Aktor No Sistem

Memilih menu
1    
“Sejarah”

Menampilkan Beberapa Sejarah

    2
Olahraga yang telah diposting Admin

Klik salah satu

3 postingan Sejarah    

olahraga

    4 Menampilkan Sejarah Olahraga yang di klik

Mengomentari
5    
Sejarah Olahraga

Tabel 3.2. Skenario Use Case Diagram Pen 1

III-
Identifikasi

No Use Case 3

Nama Use Case Melihat Kegiatan Olahraga

Aktor User

Skenario Utama

No Aksi Aktor No Sistem

Memilih menu
1    
“Kegiatan Olahraga”

Menampilkan beberapa Kegiatan

    2
Olahraga yang telah diposting Admin

Klik salah satu

3 postingan kegiatan    

olahraga

Menampilkan Kegiatan Olahraga yang

  4
  di klik

Mengomentari Kegiatan
5    
Olahraga

Tabel 3.3. Skenario Use Case Diagram Pen 1

III-
Identifikasi

No Use Case 4

Nama Use Case Melihat Prestasi

Aktor User

Skenario Utama

No Aksi Aktor No Sistem

Memilih menu
1    
“Prestasi”

Menampilkan Prestasi yang telah

    2
diposting Admin

Tabel 3.4. Skenario Use Case Diagram Pen 1

Identifikasi

No Use Case 5

Nama Use Case Melihat Kontak Kami

Aktor User

Skenario Utama

No Aksi Aktor No Sistem

Memilih menu “Kontak

1    
Kami”

Menampilkan Kontak Kami yang

    2
telah diposting Admin

Tabel 3.5. Skenario Use Case Diagram Pen 1

III-
Identifikasi

No Use Case 6

Nama Use Case Melihat Berita

Aktor User

Skenario Utama

No Aksi Aktor No Sistem

1 Memilih menu “Berita”    

Menampilkan Pilihan Berita, yaitu

    2
Dayung, Renang, Futsal, Bulutangkis

Memilih pilihan berita

3    
"Dayung"

Menampilkan Beberapa Berita

    4
Dayung yang telah admin posting

Klik Salah Satu Berita

5    
"Dayung"

Menampilkan Halaman berita dayung

    6
Yang telah diklik

7 Mengomentari Berita    

Tabel 3.6. Skenario Use Case Diagram Pen 1

III-
b. Skenario Use Case Diagram Admin

Identifikasi

No Use Case 1, 2

Nama Use Case Login, Menu Dashboard

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Meng-input-kan username

1 dan password pada menu    

login

Memverifikasi username

    2 dan password pada

sistem database

Jika user terdaftar, maka

secara otomatis ke menu

dashboard, jika
    3
salah/tidak ada data

muncul notifikasi

peringatan

Tabel 3.7. Skenario Use Case Diagram Adm 1

III-
Identifikasi

No Use Case 3

Nama Use Case Edit dan Tambahkan Berita

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Berita"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Berita

Mengedit dan
3    
menambahkan berita

Tabel 3.8. Skenario Use Case Diagram Adm 1

III-
Identifikasi

No Use Case 4

Nama Use Case Edit dan Tambahkan Video

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Video"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Video

Upload Video, Mengedit

3    
dan menambahkan berita

Tabel 3.9. Skenario Use Case Diagram Adm 1

III-
Identifikasi

No Use Case 5

Nama Use Case Edit dan Tambahkan Iklan

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Iklan"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Iklan

Mengedit dan
3    
menambahkan Iklan

Tabel 3.10. Skenario Use Case Diagram Ad 1

III-
Identifikasi

No Use Case 6

Nama Use Case Edit dan Tambahkan Iklan

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Iklan"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Iklan

Mengedit dan
3    
menambahkan Iklan

Tabel 3.11. Skenario Use Case Diagram Ad 1

III-
Identifikasi

No Use Case 7

Edit dan Tambahkan Judul dan Logo

Nama Use Case
Website

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Website"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Website

Mengedit dan

3 menambahkan Judul dan    

Logo Website

Tabel 3.11. Skenario Use Case Diagram Ad 2

III-
Identifikasi

No Use Case 8

Nama Use Case Edit dan Tambahkan Isi Website

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Nicepage"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Nicepage

Mengedit dan

3 menambahkan Isi Modul    

Nicepage

Tabel 3.12. Skenario Use Case Diagram Ad 1

III-
Identifikasi

No Use Case 9

Nama Use Case Edit dan Tambahkan Interaksi Website

Aktor Admin

Skenario Utama

No Aksi Aktor No Sistem

Masuk kedalam menu

1    
"Modul Interaksi"

Menampilkan Formulir

    2 Edit dan Tambahkan

Modul Interaksi

Mengedit dan

3 menambahkan Isi Modul    

Interaksi

Tabel 3.13. Skenario Use Case Diagram Ad 1

III-
3.1.4. Class Diagram

Gambar 3. 3. Class Diagram 1

III-
3.3. Perancangan Database

Pada peracangan database pembangunan website Sistem Informasi

BAPOPSI ini memiliki beberapa komponen tabel diantaranya sebagai berikut :

1. Tabel User Admin

Name Type Extra Action

username varchar(50) Auto_Increment Primary Key

password varchar(255)    

nama_lengkap varchar(200)    

email varchar(100)  

no_telp varchar(20)    

foto varchar(100)    

level varchar(200)    

enum('Y',
blokir
'N')    

id_session varchar(255)    

Tabel 3.14. Struktur Tabel User Admin 1

III-
2. Tabel Edit Website

tbl_comment

Name Type Extra Action

Primary
id_komentar int(5) Auto_Increment
Key

reply int(5)

varchar(150
nama_lengkap
)

varchar(150
alamat_email
)

isi_pesan text

tanggal_komenta
date
r

jam_komentar time

III-
Tabel 3.15. Struktur Tabel Comment 1

III-
 tbl_nicepage

Name Type Extra Action

id int(5) Auto_Increment Primary Key

key varchar(255)

value Text

Tabel 3.16. Struktur Tabel Edit Posisi T 1

tbl_nicepage_client

Name Type Extra Action

id_clien
int(5) Auto_Increment Primary Key
t

nama varchar(255)    

logo varchar(255)    

Tabel 3.17. Struktur Tabel Edit 1

III-
 tbl_nicepage_pengumuman

Name Type Extra Action

username varchar(50)    

id_pengumuma Auto_Incremen Primary

int(5)
n t Key

judul_seo varchar(255)    

judul varchar(255)    

gambar varchar(255)    

deskripsi Text    

dibaca int(10)    

tanggal Date    

Tabel 3.18. Struktur Tabel Pengumuman 1

III-
 tbl_nicepage_portofolio

Name Type Extra Action

id_portfolio int(5) Auto_Increment Primary Key

nama_project varchar(255)

nama_client varchar(100)

url Text

deskripsi Text

image varchar(255)

Tabel 3.19. Struktur Tabel Portofolio 1

tbl_nicepage_team

Name Type Extra Action

Primary
id_team int(5) Auto_Increment
Key

nama varchar(255)    

jabatan varchar(255)    

photo varchar(255)    

socmed_fb varchar(100)    

socmed_twitter varchar(100)    

socmed_ig varchar(100)    

socmed_linkedin varchar(100)    

Tabel 3.20. Struktur Tabel Prestasi 1

III-
 tbl_nicepage_testimoni

Name Type Extra Action

id_testimoni int(5) Auto_Increment Primary Key

nama varchar(255)    

profesi varchar(255)    

photo varchar(255)    

testimoni Text    

Tabel 3.21. Struktur Tabel Testimoni 1

users_modul

Name Type Extra Action

id_umod int(5) Auto_Increment Primary Key

id_session varchar(255)    

id_modul int(11)    

Tabel 3.22. Struktur Tabel Berita Terbar 1

III-
 Video

Name id Extra Action

id_video int(5) Auto_Increment Primary Key

id_playlist int(5)    

username varchar(30)    

jdl_video varchar(100)    

video_seo varchar(100)    

keterangan Text    

gbr_video varchar(100)    

video varchar(100)    

youtube varchar(100)    

dilihat int(7)    

hari varchar(20)    

tanggal Date    

jam Time    

tagvid varchar(100)    

Tabel 3.23. Struktur Tabel Edit Video 1

III-
 Tag

Name Type Extra Action

id_tag int(5) Auto_Increment Primary Key

nama_tag varchar(100)    

username varchar(50)    

tag_seo varchar(100)    

count int(5)    

Tabel 3.24. Struktur Tabel Edit tag 1

III-
3. Tabel Informasi

Statistic

Name Type Extra Action

ip varchar(20)    

tanggal Date    

hits int(10)    

online varchar(255)    

Tabel 3.25. Struktur Tabel statistik 1

Sekilasinfo

Name Type Extra Action

id_sekilas int(5) Auto_Increment Primary Key

info varchar(100)    

tgl_posting Date    

gambar varchar(100)    

aktif enum('Y' 'N')    

Tabel 3.26. Struktur Tabel Edit sekilas 1

III-
 Poling

Name Type Extra Action

id_poling int(5) Auto_Increment Primary Key

pilihan varchar(100)    

status varchar(20)    

username varchar(50)    

rating int(5)    

aktif enum('Y' 'N')    

Tabel 3.27. Struktur Tabel poling 1

Playlist

Name Type Extra Action

id_playlist int(5) Auto_Increment Primary Key

jdl_playlist varchar(100)    

username varchar(50)    

playlist_seo varchar(100)    

gbr_playlist varchar(100)    

aktif enum('Y' 'N')    

Tabel 3.28. Struktur Tabel playlist 1

III-