Sistem Informasi Ekstrakurikuler Drumband Di Sman 02 Ketapang Berbasis Web

SISTEM INFORMASI EKSTRAKURIKULER DRUMBAND DI
SMAN 02 KETAPANG BERBASIS WEB
PROYEK 2
Oleh :
MUHAMMAD RIZKI RAMADHANI
NIM. 304 2018 300
PROGRAM STUDI TEKNIK INFORMATIKA

POLITEKNIK NEGERI KETAPANG
KETAPANG
2020
LEMBAR PENGESAHAN
PERANCANGAN SISTEM INFORMASI EKSTRAKURIKULER

DRUMBAND DI SMA NEGERI 02 KETAPANG BERBASIS WEB
Oleh :
MUHAMMAD RIZKI RAMADHANI

NIM. 304 2018 300
Telah Diseminarkan dalam Seminar Proyek 2
Dosen Pembimbing Dosen Penguji
Mengesahkan,
Ketua Jurusan Teknik Informatika
Eka Wahyudi, S.Pd., M.Cs

NIP. 198701142019031007
KATA PENGANTAR
Puji syukur kita panjatkan kepada Allah SWT yang telah melimpahkan
rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan penelitian dan
penulisan laporan Proyek 2 yang berjudul “Sistem Informasi Ekstrakurikuler
Drumband Di SMAN 02 Ketapang Berbasis Web”.
Dalam pelaksanan Proyek 2 dan penulisan, penulis mendapatkan bantuan
dari berbagai pihak. Oleh karena itu, pada kesempatan ini peneliti mengucapkan
terima kasih kepada:
1. Bapak Endang Kusmana, SE,.MM,.Ak,.CA. selaku Direktur Politeknik
Negeri Ketapang.
2. Bapak Eka Wahyudi, S.Pd., M.Cs. selaku Ketua Jurusan Teknik Informatika.
3. - selaku dosen pembimbing yang telah membimbing, memberikan koreksi
dan saran sehingga selesainya laporan Proyek 2 ini.
4. Segenap dosen dan civitas akademika di lingkungan Program Studi Teknik
Informatika, Jurusan Teknik Informatika Politeknik Negeri Ketapang yang
telah banyak memberikan bekal ilmu pengetahuan yang sangat bermanfaat.
5. Kepada Pihak SMAN 02 Ketapang yang telah memberikan ruang bagi
penulisan untuk penelitian yang berkaitan dengan judul Proyek 1.
6. Semua pihak yang telah membantu hingga terselesaikannya penulisan Proyek
2 ini yang tidak dapat disebut semuanya, semoga Allah memberikan rahmat
dan hidayahnya pada kalian semua.
Penulis juga menyadari sepenuhnya bahwa didalam laporan proyek 2 ini
terdapat kekurangan dan jauh dari kata sempurna. Saya berharap adanya saran
demi perbaikan laporan proyek 2 yang telah saya buat dimasa yang akan datang,
mengingat tidak ada sesuatu yang sempurna tanpa saran yang membangun.
Ketapang, -
Penulis,
Muhammad Rizki Ramadhani

DAFTAR ISI
LEMBAR PENGESAHAN.....................................................................................ii
KATA PENGANTAR............................................................................................iii
DAFTAR ISI...........................................................................................................iv
DAFTAR TABEL....................................................................................................v
DAFTAR GAMBAR..............................................................................................vi
DAFTAR SINGKATAN........................................................................................ix
DAFTAR LAMPIRAN...........................................................................................ix
BAB I PENDAHULUAN.......................................................................................1
1.1 Latar Belakang..............................................................................................1
1.2 Rumusan Masalah.........................................................................................2
1.3 Batasan Masalah...........................................................................................2
1.4 Tujuan...........................................................................................................2
1.5 Sistematika Penulisan...................................................................................2
BAB II TINJAUAN PUSTAKA.............................................................................4
2.1 Ekstrakurikuler.............................................................................................4
2.2 UML (Unified Modelling Language)............................................................4
2.2.1 Use Case Diagram..................................................................................4
2.2.2 Diagram Aktivitas/Activity Diagram......................................................5
2.2.3 Diagram Sekuen/Sequence Diagram......................................................6
2.2.4 Diagram Kelas/Class Diagram...............................................................7
2.3 Sistem Pendukung Keputusan......................................................................8
2.3.1 Metode MOORA....................................................................................8
2.4 Diagram Alir.................................................................................................9
2.5 PHP : Hypertext Preprcessor (PHP)..........................................................10
2.6 My Structure Query Language (MYSQL)..................................................11
2.7 Entity Relationship Diagram (ERD)..........................................................12
2.8 Profil Tempat Penelitian dan Struktur Organisasi......................................12
2.8.1 Profil Tempat Penelitian.......................................................................12
2.8.2 Struktur Organisasi...............................................................................14
BAB III METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM.....15
3.1 Metodologi Penelitian.................................................................................15
3.1.1 Metode Penelitian.................................................................................15
3.1.2 Populasi dan Sampel Penelitian............................................................15
3.1.3 Prosedur Penelitian...............................................................................16
3.1.4 Metode Pengumpulan Data..................................................................16
3.2 Perancangan Sistem....................................................................................17
3.2.1 Perancangan Arsitektur Sistem.............................................................17
3.2.2 Analisis Bobot dan Kriteria..................................................................18
3.2.3 Pemodelan Sistem.................................................................................19
3.2.4 Perancangan Database..........................................................................56
3.2.5 Perancangan Antarmuka Sistem...........................................................59
3.2.6 Perancangan Pengujian Sistem.............................................................68
BAB IV..................................................................................................................72
PENUTUP..............................................................................................................72
DAFTAR PUSTAKA............................................................................................73
LAMPIRAN A.......................................................................................................74
LAMPIRAN B.......................................................................................................76
DAFTAR TABEL
Tabel 2.1 Simbol-Simbol Use Case Diagram......................................................5

Tabel 2.2 Simbol-Simbol Activity Diagram.........................................................6
Tabel 2.3 Simbol-Simbol Sequence Diagram.......................................................7
Tabel 2.4 Simbol-Simbol Class Diagram.............................................................7
Tabel 2.5 Simbol-Simbol Flowchart....................................................................9
Tabel 2.6 Simbol-Simbol Entity Relationship Diagram (ERD).........................12
Tabel 3.1 Penentuan Kriteria (Cn) dan Bobot.....................................................18
Tabel 3.2 Penentuan Sifat dan Kriteria...............................................................18
Tabel 3.3 Aktor...................................................................................................19
Tabel 3.4 Use Case pada Super Admin..............................................................20
Tabel 3.5 Use Case pada Admin.........................................................................20
Tabel 3.6 Use Case pada Siswa..........................................................................21
Tabel 3.7 Tabel Validasi.....................................................................................57
Tabel 3.8 Tabel Pendaftaran...............................................................................57
Tabel 3.9 Tabel Struktur Anggota.......................................................................58
Tabel 3.10 Tabel Prestasi......................................................................................58
Tabel 3.11 Tabel Kriteria......................................................................................59
Tabel 3.12 Tabel Rating Kecocokan.....................................................................59
Tabel 3.13 Tabel Admin.......................................................................................59
Tabel 3.14 PPS Form Login..................................................................................68
Tabel 3.15 PPS Form Pendaftaran........................................................................68
Tabel 3.16 PPS Form Mengelola Data Prestasi....................................................69
Tabel 3.17 PPS Form Mengelola Data Struktur Anggota.....................................69
Tabel 3.18 PPS Form Mengelola Data Kriteria....................................................70
Tabel 3.19 PPS Form Mengelola Data Rating Kecocokan...................................70
Tabel 3.20 PPS Form Mengelola Data Admin.....................................................71
Tabel 3.21 PPS Form Logout................................................................................71
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi.........................................................................14

Gambar 3.1 Flowchart metode penelitian..........................................................16
Gambar 3.2 Perancangan Arsitektur Sistem......................................................17
Gambar 3.3 Use Case Diagram.........................................................................19
Gambar 3.4 Activity Diagram Login..................................................................22
Gambar 3.5 Activity Diagram Logout................................................................22
Gambar 3.6 Activity Diagram Tambah Pendaftaran..........................................23
Gambar 3.7 Activity Diagram Lihat Pendaftaran...............................................24
Gambar 3.8 Activity Diagram Ubah Pendaftaran..............................................25
Gambar 3.9 Activity Diagram Hapus Pendaftaran.............................................26
Gambar 3.10 Activity Diagram Lihat Prestasi.....................................................26
Gambar 3.11 Activity Diagram Tambah Data Prestasi........................................27
Gambar 3.12 Activtiy Diagram Ubah Prestasi.....................................................28
Gambar 3.13 Activity Diagram Hapus Prestasi...................................................29
Gambar 3.14 Activity Diagram Lihat Struktur Anggota......................................29
Gambar 3.15 Activtiy Diagram Ubah Struktur Anggota......................................30
Gambar 3.16 Activity Diagram Hapus Struktur Anggota....................................31
Gambar 3.17 Activity Diagram Tambah Admin..................................................32
Gambar 3.18 Activity Diagram Lihat Admin.......................................................32
Gambar 3.19 Activity Diagram Ubah Admin......................................................33
Gambar 3.20 Activity Diagram Hapus Admin.....................................................34
Gambar 3.21 Activity Diagram Tambah Kriteria.................................................35
Gambar 3.22 Activity Diagram Lihat Kriteria.....................................................35
Gambar 3.23 Activity Diagram Ubah Kriteria.....................................................36
Gambar 3.24 Activity Diagram Hapus Kriteria...................................................37
Gambar 3.25 Activity Diagram Tambah Rating Kecocokan...............................38
Gambar 3.26 Activity Diagram Lihat Rating Kecocokan....................................38
Gambar 3.27 Activity Diagram Ubah Rating Kecocokan....................................39
Gambar 3.28 Activity Diagram Hitung Rating Kecocokan.................................40
Gambar 3.29 Activity Diagram Hapus Rating Kecocokan..................................40
Gambar 3.30 Class Diagram...............................................................................41
Gambar 3.31 Sequence Diagram Login...............................................................42
Gambar 3.32 Sequence Diagram Tambah Data Pendaftaran..............................43
Gambar 3.33 Sequence Diagram Lihat Data Pendaftaran...................................43
Gambar 3.34 Sequence Diagram Ubah Data Pendaftaran...................................44
Gambar 3.35 Sequence Diagram Hapus Data Pendaftaran.................................44
Gambar 3.36 Sequence Diagram Tambah Data Prestasi.....................................45
Gambar 3.37 Sequence Diagram Lihat Data Prestasi..........................................45
Gambar 3.38 Sequence Diagram Ubah Data Prestasi..........................................46
Gambar 3.39 Sequence Diagram Hapus Data Prestasi........................................46
Gambar 3.40 Sequence Diagram Lihat Data Struktur Anggota..........................47
Gambar 3.41 Sequence Diagram Ubah Data Struktur Anggota..........................47
Gambar 3.42 Sequence Diagram Hapus Data Struktur Anggota.........................48
Gambar 3.43 Sequence Diagram Tambah Data Admin......................................49
Gambar 3.44 Sequence Diagram Lihat Data Admin...........................................49
Gambar 3.45 Sequence Diagram Ubah Data Admin...........................................50
Gambar 3.46 Sequence Diagram Hapus Data Admin.........................................50
Gambar 3.47 Sequence Diagram Tambah Data Kriteria.....................................51
Gambar 3.48 Sequence Diagram Lihat Data Kriteria..........................................51
Gambar 3.49 Sequence Diagram Ubah Data Kriteria..........................................52
Gambar 3.50 Sequence Diagram Hapus Data Kriteria........................................52
Gambar 3.51 Sequence Diagram Tambah Data Rating Kecocokan....................53
Gambar 3.52 Sequence Diagram Lihat Data Rating Kecocokan.........................54
Gambar 3.53 Sequence Diagram Ubah Data Rating Kecocokan........................54
Gambar 3.54 Sequence Diagram Hapus Data Rating Kecocokan.......................55
Gambar 3.55 Sequence Diagram Hitung Data Rating Kecocokan......................55
Gambar 3.56 Sequence Diagram Logout.............................................................56
Gambar 3.57 Entity Relationship Diagram (ERD)..............................................57
Gambar 3.58 Halaman Login...............................................................................60
Gambar 3.59 Halaman Home (Admin dan Siswa)...............................................60
Gambar 3.60 Halaman Pendaftaran (Siswa)........................................................61
Gambar 3.61 Halaman Manajemen Pendaftaran (Admin)...................................62
Gambar 3.62 Halaman Admin (Super Admin)....................................................62
Gambar 3.63 Halaman Kriteria (Admin).............................................................63
Gambar 3.64 Halaman Rating Kecocokan (Admin)............................................64
Gambar 3. 65 Halaman Sejarah (Siswa)...............................................................64
Gambar 3. 66 Halaman Prestasi (Admin).............................................................65
Gambar 3. 67 Halaman Prestasi (Siswa)...............................................................66
Gambar 3. 68 Halaman Struktur Anggota (Admin)..............................................66
Gambar 3. 69 Halaman Struktur Anggota (Siswa)...............................................67
Gambar 3. 70 Halaman Lihat Struktur Anggota (Admin dan Siswa)...................68
DAFTAR SINGKATAN
ERD Entity Relationship Diagram

HTML Hypertext Markup language
KBM Kegiatan Belajar Mengajar
MySQL My Structure Query Language
PHP PHP Hypertext Preprocessor
SI Sistem Informasi
UML Unified Modeling Language
DAFTAR LAMPIRAN
Lampiran A Wawancara
Lampiran B Data Yang Didapat
Teknik Informatika 2020
BAB I
PENDAHULUAN
1.1 Latar Belakang
Teknologi informasi adalah suatu teknologi yang digunakan untuk

mengelola data sehingga menghasilkan informasi yang berkualitas yaitu informasi
yang akurat, tepat waktu, relevan dan lengkap, yang digunakan untuk keperluan
pribadi, pebisnis dan pemerintahan serta informasi yang strategis untuk
pengambilan keputusan. Teknologi informasi menggunakan seperangkat
komputer dalam mengelola data, sistem jaringan untuk menghubungkan komputer
satu dengan komputer yang lainnya sesuai dengan kebutuhan dan teknologi
telekomunikasi digunakan agar data dapat disebar dan diakses secara global.
Sistem Informasi (SI) adalah kombinasi dari teknologi informasi dan
aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi dan
manajemen. Dalam arti yang sangat luas, istilah sistem informasi yang sering
digunakan merujuk kepada interaksi antara orang, proses algoritmik, data, dan
teknologi.
Di jaman sekarang ini teknologi informasi sangat berkembang dengan cepat
sehingga orang-orang cenderung menggunakan teknologi informasi digital di
dalam mencari suatu informasi ataupun menyampaikan sesuatu informasi.
Dunia pendidikan, proses pembelajaran di Sekolah ada dua diantaranya
adalah kegiatan intrakulikuler dan ekstrakurikuler. intrakurikuler merupakan
kegiatan yang dilaksanakan pada jam pelajaran yang didalamnya terjadi interaksi
kegiatan belajar mengajar (KBM) dalam berbagai bidang mata pelajaran dan
ekstrakulikuler merupakan kegiatan yang dilaksanakan pada saat diluar jam
pelajaran, kegiatan tersebut biasanya berisi tentang pengembangan diri dan melatih
kreatifitas siswa. Kegiatan ekstrakurikuler atau ekskul adalah kegiatan tambahan
yang dilakukan di luar jam pelajaran yang dilakukan baik di sekolah atau di luar
sekolah dengan tujuan untuk mendapatkan tambahan pengetahuan, keterampilan
dan wawasan serta membantu membentuk karakter peserta didik sesuai dengan
minat dan bakat masing-masing.
Salah satu kegiatan ekstrakurikuler yang banyak diminati ialah drum band.
Secara umum, pengertian drumband dapat didefinisikan sebagai bentuk permainan
1
Teknik Informatika 2020 2
musik dan olahraga yang terdiri dari beberapa orang personil untuk mengiringi
langkah dalam berbaris, atau dengan kata lain berbaris sambil bermain musik.
Ekstrakurikuler drumband memiliki peranan penting di Sekolah, yaitu menaikan
gengsi Sekolah terhadap Sekolah lainnya salah satunya di SMAN 02 Ketapang.
Oleh karena itu, muncul ide untuk membuat sistem supaya dapat membantu
para pengurus drumband di SMAN 02 ketapang dalam mengelola ekstrakurikuler
tersebut, yaitu dengan “Perancangan Sistem Informasi Ekstrakurikuler Drumband
Di SMAN 02 Ketapang Berbasis Web”.
1.2 Rumusan Masalah

Berdasarkan latar belakang yang sudah dijelaskan adapun rumusan masalah
dalam laporan Proyek 2 ini adalah bagaimana merancang Sistem Informasi
Ekstrakurikuler Drumband Di SMAN 02 Ketapang Berbasis Web ?
1.3 Batasan Masalah

Adapun batasan masalah dari penelitian ini sebagai berikut :
1. Sistem yang akan dirancang berupa Pendaftaran, Sejarah, Prestasi, dan
Struktur anggota.
2. Sistem Informasi Ekstrakurikuler Drumband ini menggunakan
pemodelan UML.
3. Sistem ini hanya dapat di akses oleh admin dan anggota drumband dan
seluruh warga sekolah SMAN 02 ketapang.
4. Sistem ini dilengkapi dengan Sistem Pendukung Keputusan dalam
penempatan posisi anggotanya.
1.4 Tujuan
Adapun tujuan dari penelitian ini yaitu untuk memudahkan para pengurus
mengelola data-data ekstrakurikuler drumband yang ada di SMA Negeri 02
Ketapang.
1.5 Sistematika Penulisan

Penulisan laporan proyek 2 ini sesuai dengan ketentuan penulisan, yang
dimana penulisan laporan ini dibagi menjadi 4 bab. Adapun sistematika penulisan
dari masing-masing bab tersebut sebagai berikut :
Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

Berbasis Web
BAB I PENDAHULUAN
Pada bab ini memuat beberapa pokok bahasan mengenai latar belakang, rumusan
masalah, batasan masalah, tujuan, dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA

Pada bab ini memuat beberapa pokok bahasan mengenai Ekstrakulikuler, UML,
SPK, Flowchart, Website, HTML, PHP, MYSQL, ERD, dan database.
BAB III METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM

Pada bab ini memuat beberapa pokok bahasan mengenai metodologi penelitian
(jenis penelitian, metode penelitian, populasi dan sampel, prosedur penelitian, dan
metode pengumpulan data) dan perancangan sistem (perancangan arsitektur
sistem, pemodelan sistem, perancangan database, perancangan antarmuka sistem,
perancangan pengujian sistem).
BAB IV PENUTUP
Pada bab ini memuat beberapa pokok bahasan mengenai kesimpulan dan saran
peneliti dari penelitian.

Berbasis Web
BAB II
TINJAUAN PUSTAKA
2.1 Ekstrakurikuler
Berdasarkan Surat Keputusan Menteri Pendidikan dan Kebudayaan No.
060/U/1993 dan Nomor 080/U/1993, kegiatan ekstrakurikuler adalah kegiatan
yang diselenggarakan di luar jam pelajaran yang tercantum dalam susunan
program sesuai dengan keadaan dan kebutuhan sekolah, dan dirancang secara
khusus agar sesuai dengan sistem minat dan bakat siswa.
Pengertian ekstrakurikuler menurut kamus besar bahasa Indonesia
(2002:291) yaitu:”suatu kegiatan yang berada di luar program yang tertulis di
dalam kurikulum seperti latihan kepemimpinan dan pembinaan siswa”. Kegiatan
ekstrakurikuler sendiri dilaksanakan diluar jam pelajaran wajib. Kegiatan ini
memberi keleluasaan waktu dan memberikan kebebasan pada siswa, terutama
dalam menentukan jenis kegiatan yang sesuai dengan bakat serta minat mereka.
2.2 UML (Unified Modelling Language)

UML adalah salah satu alat bantu yang sangat handal di dunia
pengembangan sistem yang berorientasi obyek dan merupakan bahasa pemodelan.
UML yang terdiri dari serangkaian diagram memungkinan bagi sistem analis
untuk membuat cetak biru sistem yang komperhensif kepada klien, programmer
dan setiap orang yang terlibat dalam proses pengembangan tersebut. (Munawar,
2005:132).
Berikut ini adalah jenis-jenis diagram UML :
2.2.1 Use Case Diagram

Use case merupakan pemodelan untuk kelakuan (behavior) sistem
informasi yang dibuat. Use case mendeskripsikan sebuah interaksi antara
satu atau lebih aktor dengan sistem informasi yang akan dibuat. Secara
kasar, use case digunakan untuk mengatahui fungsi apa saja yang ada di
dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan
fungsi-fungsi itu (Rosa A. S dan M. Shalahuddin, 2013:155)
Banyak sekali simbol-simbol yang terdapat di dalam Use Case
Diagram. Adapun simbol-simbol dari Use Case Diagram sebagai berikut :
Berbasis Web
Tabel 2. 1 Simbol-Simbol Use Case Diagram

No Simbol Nama Keterangan
Orang, proses atau sistem lain yang
berinteraksi dengan sistem informasi
yang akan dibuat di luar sistem
informasi yang akan dibuat itu sendiri,
Aktor / actor jadi walaupun simbol dari aktor adalah
gambar orang, tapi aktor belum tentu
1. merupakan orang, biasanya dinyatakan
menggunakan kata benda di awal frase
nama aktor.
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
Usecase pesan antar unit atau aktor, biasanya
2. dinyatakan dengan menggunakan kata
kerja di awal frase nama usecase.
Komunikasi antar aktor dan usecase

asosiasi / yang berpartisipasi pada usecase atau
association usecase yang memiliki interaksi dengan
3. aktor.
Relasi usecase tambahan kesebuah

usecase dimana usecase yang
ditambahkan dapat berdiri sendiri
walau tanpa usecase tambahan itu.
Ekstensi / extend Mirip dengan prinsip inheritance pada
pemrograman berorientasi objek,
4. biasanya usecase tambahan memiliki
nama depan yang sama dengan usecase
yang ditambahkan.
Hubungan generalisasi dan
generalisasi / spesialisasi(umum-khusus) antara dua
generalization buah usecase dimana fungsi yang satu
5. adalah fungsi yang lebih umum dari
fungsi yang lainnya.
Sumber: Rosa dan Shalahuddin, 2013.

2.2.2 Diagram Aktivitas/Activity Diagram
Diagram Aktivitas/Activity Diagram menggambarkan workflow
(aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu
yang ada pada perangkat lunak. Yang perlu diperhatkan disini adalah bahwa
diagram aktivitas menggambarkan aktivitas sistem bukan apa yang

Berbasis Web
dilakukan aktor, jadi aktivitas yang dapat dilakukan sistem.(Rosa A. S dan

M. Shalahuddin, 2013:161).
Menurut (Rosa A.S.,2013:162) Banyak sekali simbol-simbol yang
terdapat di dalam Diagram Activity. Adapun simbol-simbol dari Diagram
Activity sebagai berikut :
Tabel 2. 2 Simbol-Simbol Activity Diagram
No. Simbol Nama Keterangan
Memisahkan organisasi
Swimlane bisnis yang bertanggung
1. (Vertical) jawab terhadap aktivitas
yang terjadi.
Status awal aktivitas

2. Status Awal / sistem, sebuah diagram
Initial aktivitas memiliki sebuah
status awal.
Aktivitas yang dilakukan
3. Aktivitas / Action sistem, aktivitas biasanya
diawali dengan kata kerja.
Asosiasi percabangan
4. Percabangan / dimana jika ada pilihan
Decision aktivitas lebih dari satu.
Asosiasi penggabungan
5. Penggabungan / dimana lebih dari satu
Join aktivitas digabungkan
menjadi satu.
Control Flow Menunjukkan urutan
6. eksekusi
Status akhir yang
Status Akhir / dilakukan sistem, sebuah
7. Final diagram aktivitas memiliki
sebuah status akhir.
Sumber: Rosa dan Shalahuddin,2013
2.2.3 Diagram Sekuen/Sequence Diagram
Diagram Sekuen/Sequence Diagram menggambarkan kelakuan objek
pada use case dengan mendeskripkan waktu hidup objek dan message yang
dikirimkan dan diterima antar objek. Oleh karena itu untuk menggambarkan
diagram sekuen maka harus diketahui objek-objek yang terlibat dalam
sebuah use case beserta metode-metode yang dimiliki kelas yang dinstansi
menjadi objek itu. Membuah diagram sekuen juga dibutuhkan untuk melihat

Berbasis Web
skenario yang ada pada use case.(Rosa A. S dan M. Shalahuddin,

2013:165).
terdapat di dalam Sequence Diagram. Adapun simbol-simbol yang ada di
Sequence Diagram sebagai berikut :
Tabel 2. 3 Simbol-Simbol Sequence Diagram
No. Gambar Nama Keterangan
Objek entity, antarmuka yang saling
1 LifeLine berinteraksi.
Spesifikasi dari komunikasi antar objek

2 Message yang memuat informasi-informasi tentang
aktifitas yang terjadi
Spesifikasi dari komunikasi antar objek

3 Message yang memuat informasi-informasi tentang
aktifitas yang terjadi
2.2.4 Diagram Kelas/Class Diagram

Diagram Kelas/Class diagram menggambarkan struktur sistem dari segi
pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.
Diagram kelas dibuat agar pembuat program atau programmer membuat
kelas-elas sesuai rancangan di dalam kelas agar antara dokumentasi
perancangan dan perangkat lunak sinkron.(Rosa A. S dan M. Shalahuddin,
2013:143).
terdapat di dalam Sequence Diagram. Adapun simbol-simbol yang ada di
Sequence Diagram sebagai berikut :
Tabel 2. 4 Simbol-Simbol Class Diagram
No Gambar Nama Keterangan

.
Hubungan dimana objek anak (descendent)
1 Generalization berbagi perilaku dan struktur data dari objek
yang ada di atasnya objek induk (ancestor).
Upaya untuk menghindari asosiasi dengan lebih
2 Nary Association
dari 2 objek.

Berbasis Web
Himpunan dari objek-objek yang berbagi

3 Class
atribut serta operasi yang sama.
Tabel 2.4 Lanjutan
Deskripsi dari urutan aksi-aksi yang

4 Collaboration ditampilkan sistem yang menghasilkan suatu
hasil yang terukur bagi suatu aktor
Operasi yang benar-benar dilakukan oleh suatu

5 Realization
objek.
2.3 Sistem Pendukung Keputusan

Menurut Kusrini (2007) dalam Lubis. P, Nadeak. B, dan Handoro, R. K,
mendefisinikan bahwa sistem pendukung keputusan merupakan sistem informasi
interaktif yang menyediakan informasi, pemodelan dan pemanipulasian data.
Sistem itu digunakan untuk membantu pengambilan keputusan dalam situasi yang
semiterstruktur dan situasi yang tidak terstruktur, dimana tak seorang pun tahu
sacara pasti bagaimana keputusan seharusnya dibuat.
2.3.1 Metode MOORA
Menurut Mesran dalam Binjori, Hutapea dan Syahrizal (2018),
metode MOORA adalah metode dalam pengambilan keputusan dengan
mempergunakan multi-kriteria Brauers (2003). Metode ini diperkenalkan
oleh Brauers dan Zavadkas (2006). Beberapa bidang yang mempergunakan
aplikasi pengambilan keputusan dengan Metode MOORA antara lain bidang
ekonomi, manajemen, kontraktor, bangunan dan desain jalan. Metode
MOORA dinilai memiliki tingkat selektifitas yang baik dalam menentukan
sebuah alternatif. MOORA melakukan pendekatan secara bersamaan dalam
mengoptimalkan dua atau lebih alternative. Metode MOORA mudah
dipahami dan fleksibel dalam memisahkan objek hingga proses evaluasi
kriteria bobot keputusan. Metode MOORA juga memiliki tingkat selektifitas
yang baik karena dapat menentukan tujuan dan kriteria yang bertentangan,
yaitu kriteria yang bernilai menguntungkan (Benefit) atau yang tidak
menguntungkan (Cost). Adapun tahapan-tahapan dalam penyelesaian
metode MOORA sebagai berikut.

Berbasis Web
1. Pembuatan matriks
𝑋11 𝑋12 𝑋1𝑛
𝑥𝑖𝑗 =
𝑋
21.
𝑋22 𝑋2𝑛
. .
𝑋𝑚1
𝑋𝑚2 𝑋𝑚𝑛
x adalah nilai kriteria masing-masing kriteria yang direpresentasikan sebagai
matriks.
2. Menentukan matrik normalisasi

𝑥𝑖𝑗
𝑋𝑖𝑗−
Rasio Xij menunjukan ukuran ke i dari alternatif pada kriteria ke j, m

menunjukan banyaknya jumlah alternatif dan n menunjukan jumlah kriteria.
3. Menentukan Matriks Normalisasi terbobot
𝑦𝑖=∑𝑔𝑗=1𝑊𝑗𝑋𝑖𝑗∗−∑𝑛𝑗=𝑔+1 𝑊𝑗
Dalam beberapa kasus, sering mengamati bahwa beberapa kriteria lebih

penting daripada lainnya. Untuk menandakan bahwa sebuah kriteria
lebih penting, itu bisa dikalikan dengan bobot yang sesuai.
2.4 Diagram Alir

Flowchart merupakan langkah-langkah penyelesaian masalah yang
dituliskan dalam simbol-simbol tertentu. Adapun tujuannya untuk
menggambarkan suatu tahapan penyelesaian masalah secara sederhana, terurai,
rapi, dan jelas menggunakan simbol-simbol yang standar. Simbol-simbol
flowchart yang digunakan untuk menggambarkan algoritma dalam bentuk
diagram alir dan kegunaan dari simbol-simbol yang bersangkutan, berikut.
(Sitorus, 2015:14)
Tabel 2. 5 Simbol-Simbol Flowchart
No Simbol Nama Fungsi

Berbasis Web
1 Terminal Menyatakan permulaan atau akhir suatu program
Tabel 2.5 lanjutan
Input atau Menyatakan proses input atau output tanpa

2
Output tergantung jenis peralatannya
Menyatakan suatu tindakan (proses) yang

3 Process
dilakukan oleh komputer
Menunjukkan suatu kondisi tertentu yang akan

4 Decision menghasilkan dua kemungkinan jawaban: ya atau
tidak
Menyatakan sambungan dari proses ke proses

5 Connector
lainnya dalam halaman yang sama
Offline Menyatakan sambungan dari proses ke proses

6
Connector lainnya dalam halaman yang berbeda
Predefined Menyatakan penyediaan tempat penyimpanan

7
Process suatu pengolahan untuk memberikan harga awal
Punched Menyatakan input berasal dari kartu atau output

8
Card ditulis ke kartu
Input dan output yang digunakan pita kertas

9 Punch Tape
berlubang
10
Mencetak keluaran dalam bentuk dokumen
Document
(melalui printer)
11
Flow Menyatakan jalannya arus suatu proses
Sumber : Sitorus, (2015:14)

Berbasis Web
2.5 PHP : Hypertext Preprcessor (PHP)

PHP singkatan dari PHP : Hypertext Preprcessor merupakan bahasa
pemograman yang digunakan untuk membuat aplikasi berbasis website. Sebagai
sebuah aplikasi, website tersebut hendaknya memiliki sifat dinamis dan interaktif.
Memiliki sifat dinamis artinya, website tersebut bisa berubah tampilan kontennya
sesuai kondisi tertentu. Interaktif artinya, website tersebut dapat memberi
feedback bagi user (misalnya, menampilkan hasil pencarian produk).(Enterprise,
Jubilee, 2017:2).
PHP memiliki beberapa kelebihan yang tidak dimiliki oleh bahasa-bahasa
sejenisnya, yaitu:
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari
mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis
dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling
mudah karena referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(linux, unix, windows) dan dapat dijalankan secara runtime melalui
console serta juga dapat menjalankan perintah-perintah sistem. (Anhar,
2010:3)
2.6 My Structure Query Language (MYSQL)

MySQL (My Structure Query Language) merupakan sistem manajemen
database yang yang bersifat relasional. Artinya data-data yang dikelola dalam
database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi
data akan menjadi lebih cepat. MySQL dapat digunakan untuk negelola database
mulai dari yang kecil sampai dengan yang besar. MySQL juga dapat menjalankan
perintah-perintah SQL untuk mengelola database-database relasional yang ada di
dalamnya. Hingga kini MySQL sudah berkembang hinga versi 5. MySQL 5 sudah

Berbasis Web
mendukung trigger untuk memudahkan pengelolaan tabel dalam database.

(Ramadhan, Arief, 2006:4).
Adapun keunggulan dari MySQL adalah sebagai berikut:
1. Bersifat open source, artinya program ini bersifat free atau bebas
digunakan oleh siapa saja tanpa harus membeli dan membayar lisensi
kepada pembuatnya.
2. MySQL merupakan sebuah database server, jadi dengan menggunakan
database ini dapat menghubungkannya ke media internet sehingga dapat
diakses dari jauh.
3. MySQL merupakan sebuah database yang mampu menyimpan data
berkapasitas sangat besar hingga berukuran Gigabyte sekalipun.
4. Sistem softwarenya tidak memberatkan kerja dari server atau komputer,
karena dapat bekerja di background.
5. MySQL didukung oleh driver ODBC, artinya database MySQL dapat
diakses menggunakan aplikasi apa saja termasuk berupa visual seperti
Delphi maupun Visual Basic.
2.7 Entity Relationship Diagram (ERD)

Menurut Supardi, Yuniar (2010:4) ERD merupakan salah satu alat
berbentuk grafis, yang populer untuk desain database. Tool ini relatif mudah
dibandingkan dengan normalisasi. Kebanyakan sistem analis memakai alat ini,
tetepi yang jadi masalah, kalau kita cermati secara seksama tool ini mencapai
2NF.Adapun simbol-simbol yang ada didalam ERD sebagai berikut :
Tabel 2. 6 Simbol-Simbol Entity Relationship Diagram (ERD)
Notasi Keterangan
Entitas, adalajh suatu objek yang dapat diidentifikasi dalam
Entitas lingkungan pemakai.
Relasi, menunjukkan adanya hubungan di antara sejumlah

entititas yang berbeda.
Relasi
Atribut, berfungsi mendeskripsikan karakter entitas(atribut

Atribut yang berfungsi sebgai key diberi garis bawah)
Garis, sebgai penghubung antara relasi dengan entitas dengan

atribut.

Berbasis Web
Sumber : Supardi, Yuniar (2010:4)
2.8 Profil Tempat Penelitian dan Struktur Organisasi
2.8.1 Profil Tempat Penelitian

SMA Negeri 2 Ketapang merupakan salah satu instansi pendidikan
di Kabupaten Ketapang yang terletak di jalan Wolter Monginsidi No. 9
Kecamatan Benua Kayong Ketapang Kalimantan Barat. SMA Negeri 2
Ketapang berdiri pada tahun 1982 yang dengan luas tanah 19961 m 2 dan
letak geografis -1,8442 lintang dan 109,9538 bujur serta daya listrik sebesar
17000 Watt.
SMA Negeri 2 Ketapang mempunyai 2 jurusan yaitu jurusan IPA
dan jurusan IPS serta pada tahun 2010 sampai sekarang SMA Negeri 2
Ketapang memiliki akreditas A..
1) Visi
Untuk mencapai tujuan yang telah ditetapakan pihak SMA Negeri 2
Ketapang maka dibuatlah visi sebagai berikut :
“Berprestasi Dengan Keimanan Dan Ketaqwaan Dalam Budaya
Lingkungan Yang Sehat”.
2) Misi
Untuk mencapai tujuan yang telah ditetapakan pihak SMA Negeri 2
Ketapang maka dibuatlah misi sebagai berikut :
A. Menanankan serta meningkatkan penghayatan dan pengalaman
terhadap ajaran agama yang dianut.
B. Menumbuhkembangkan sikap peduli sadar terhadap lingkungan.
C. Melaksanakan kegiatan pembelajaran yang efektif dan efisien.
D. Melengkapi serta memelihara sarana dan prasarana sekolah.
E. Menumbuhkan rasa keingintahuan siswa terhadap perubahan yang
terjadi serta mampu mencari jalan keluarnya.
F. Menumbuhkembangkan semangat berkompetisi dalam prestasi.
Disiplin, dan kreatif.
G. Menumbuhkembangkan semangat kerja sama antar warga sekolah
serta stakeholder.

Berbasis Web
2.8.2 Struktur Organisasi
(Sumber: SMA Negeri 2 Ketapang, 2019)

Gambar 2. 1 Struktur Organisasi

Berbasis Web
BAB III
METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM
3.1 Metodologi Penelitian
3.1.1 Metode Penelitian

Dalam penelitian ini, penulis menggunakan metode penelitian
Research and Development (R&D). Sugiyono dalam Koriaty dan Agustani
(2016) mengemukakan bahwa metode Research and Development
(penelitian dan pengembangan) adalah metode penelitian yang digunakan
untuk menghasilkan produk tertentu, dan menguji keefektifan produk
tersebut. Untuk menghasilkan produk tertentu digunakan penelitian bersifat
analisis kebutuhan dan untuk mengkaji keefektifan produk tersebut supaya
dapat berfungsi di masyarakat.
Secara ringkas langkah-langkah penelitian Research and Development
(R&D) yaitu potensi dan masalah, pengumpulan data, desain produk,
validasi desain, revisi desain, uji coba produk, revisi produk, uji coba
pemakaian, revisi produk dan pembuatan produk masal. Namun, pada
penelitian ini hanya mengadaptasi beberapa tahapan saja, yaitu potensi dan
masalah, pengumpulan data, desain produk dan penarikan kesimpulan.
3.1.2 Populasi dan Sampel Penelitian

A. Populasi penelitian
Populasi adalah wilayah generalisasi yang terdiri atas objek/subjek
yang mempunyai kualitas dan karakteristik tertentu yang ditetapkan
oleh peneliti untuk dipelajari dan kemudian ditarik kesimpulan,
(Sugiyono, 2015:80). Adapun Populasi penelitian adalah seluruh
sekolah yang ada di kabupaten ketapang yang mempunyai
ekstrakurikuler drumband yaitu SMA Negeri 01 Ketapang, SMA
Negeri 02 Ketapang, SMA Negeri 03 Ketapang, MAN 01
Ketapang.
B. Sampel penelitian
Sampel adalah bagian dari jumlah dan karakteristik yang dimiliki
oleh populasi tersebut, (Sugiyono, 2015:81). Sampel penelitian ini
15
adalah SMA Negeri 2 Ketapang yang telah memiliki

ekstrakurikuler Drumband.
3.1.3 Prosedur Penelitian

Adapun prosedur pengumpulan data yang peneliti lakukan adalah
dengan tahapan sebagai berikut :
Gambar 3. 1 Flowchart metode penelitian

A. Potensi dan Masalah
Sistem dilakukan masih dengan cara manual dengan menggunakan
kertas seperti menyimpan data-data dan pendaftaran calon anggota.
B. Pengumpulan Data
Peneliti mengumpulkan data yang diperlukan setelah merumuskan
masalah-masalah yang didapatkan dengan menggunakan metode
Observasi dan Wawancara.
C. Desain Produk
Peneliti merancang sistem mulai dari merancang pemodelan sistem,
arsitektur sistem, struktur database, ERD dan antar muka sistem.
D. Penarikan Kesimpulan
Peneliti dapat menarik kesimpulan untuk menjawab permasalahan
yang ada di ekstrakurikuler drumband SMA Negeri 2 Ketapang
3.1.4 Metode Pengumpulan Data

A. Wawancara
Wawancara merupakan percakapan yang terjadi antara dua orang atau
lebih untuk mendapatkan suatu informasi. Peneliti melakukan

Berbasis Web
wawancara langsung ke SMA Negeri 2 Ketapang dengan Pembina

ekstrakurikuler drumband yaitu bapak Ahlan Wasil,S.Sos. untuk
memperoleh informasi tentang permasalahan yang terjadi di
ekstrakulikuler drumband SMA Negeri 2 Ketapang.
B. Observasi
Metode Observasi merupakan teknik pengumpulan data, dimana
peneliti melakukan pengamatan secara langsung ke objek penelitian
untuk melihat dari dekat kegiatan yang dilakukan. Observasi
dilakukan langsung di SMA Negeri 2 Ketapang untuk mengetahui
permasalahan yang ada, ternyata sistem yang dibuat masih manual
sehingga pengurus sangat susah dalam menyimpan data serta
kesulitan dalam penempatan posisi anggota ketika ada pendaftaran
anggota. Maka dari itu dapat dirancangan suatu sistem yang dapat
mempermudah dalam menyimpan data serta penempatan posisi
anggota ketika kegiatan ekstrakurikuler berlangsung dengan bertujuan
untuk memudahkan pengurus dalam.
3.2 Perancangan Sistem
3.2.1 Perancangan Arsitektur Sistem
Gambar 3.2 Perancangan Arsitektur Sistem

Berbasis Web
Gambar 3.2 merupakan perancangan arsitektur sistem informasi

ekstrakurikuler drumband di SMA Negeri 2 Ketapang. Komponen-
komponennya terdiri dari Database, Server, Internet, Admin dan Siswa.
admin dan siswa sebagai pengguna sistem, internet sebagai penghubung
antara admin serta server dan database sebagai wadah penyimpanan data.
3.2.2 Analisis Bobot dan Kriteria
A. Penentuan Kriteria dan Bobot

Kriteria merupakan karakteristik dari objek. Penentuan kriteria dan
bobot ini didapatkan dari hasil wawancara kepada Pembina
Ekstrakurikuler Drumband SMA Negeri 2 Ketapang.
Tabel 3. 1 Penentuan Kriteria (Cn) dan Bobot.

Kriteria Keterangan Bobot
C1 Tinggi Badan 40
C2 Berat Badan 35
C3 Kelas 25
B. Penentuan Sifat Kriteria

Sifat kriteria di tentukan dengan cost dan benefit. Cost merupakan
atribut biaya sedangkan benefit merupakan atribut keuntungan.
Dalam metode Simple Additive Weighting diketahui yang mana
benefit dan yang mana cost. Kriteria ditentukan benefit apabila
semakin tinggi nilai kepentingannya maka akan semakin bagus
dan kriteria ditentukan cost apabila semakin rendah nilai
kepentingannya maka semakin bagus.
Tabel 3. 2 Penentuan Sifat dan Kriteria
Kriteria Sifat
C1 Benefit
C2 Cost
C3 Cost

Berbasis Web
3.2.3 Pemodelan Sistem
A. Use Case Diagram
Gambar 3. 3 Use Case Diagram

Berikut merupakan penjelasan Usecase diagram diatas :
Tabel 3. 3 Aktor
No Aktor Deskripsi
Super Admin terlebih dahulu melakukan validasi yaitu
login. Setelah login super admin dapat mengelola data
1. Super Admin admin, mengelola data pendaftaran, mengelola data
prestasi, mengelola data struktur anggota, mengelola data
kriteria serta mengelola data rating kecocokan.
Admin terlebih dahulu melakukan validasi yaitu login.
Setelah login admin dapat mengelola data pendaftaran,
2. Admin mengelola data prestasi, mengelola data struktur anggota,
mengelola data kriteria serta mengelola data rating
kecocokan.

Berbasis Web
Tabel 3.3 Lanjutan

Siswa terlebih dahulu melakukan validasi yaitu login.
3. Siswa Setelah login siswa dapat melakukan tambah data
pendaftaran, lihat data prestasi serta lihat data struktur
anggota
Tabel 3. 4 Use Case pada Super Admin

No. Use case Deskripsi
1. Validasi Melakukan Login jika ingin mengakses sistem dan
melakukan Logout jika ingin keluar dari sistem.
Mengelola data admin digunakan untuk menampilkan
Mengelola Data informasi data admin yang telah dimasukkan ke dalam
2. Admin database. Di dalam mengelola data admin, super admin
dapat mengelola isi di dalam tabel seperti tambah, lihat,
ubah, dan hapus.
Mengelola data pendaftaran digunakan untuk
Mengelola Data menampilkan informasi data pendaftaran yang telah
3. Pendaftaran dimasukkan ke dalam database. Di dalam mengelola data
pendaftaran, super admin dapat mengelola isi di dalam
tabel seperti tambah, lihat, ubah, dan hapus
Mengelola data prestasi digunakan untuk menampilkan
Mengelola Data informasi data prestasi yang telah dimasukkan ke dalam
4. Prestasi database. Di dalam mengelola data prestasi, super admin
ubah, dan hapus
Mengelola data struktur anggota digunakan untuk
Mengelola Data menampilkan informasi data struktur anggota yang telah
5. Struktur Anggota dimasukkan ke dalam database. Di dalam mengelola data
struktur anggota, super admin dapat mengelola isi di dalam
tabel seperti lihat, ubah, dan hapus.
Mengelola data kriteria digunakan untuk menampilkan
6. Mengelola Data informasi data kriteria yang telah dimasukkan ke dalam
Kriteria database. Di dalam mengelola data kriteria, super admin
ubah, dan hapus.
Mengelola data rating kecocokan digunakan untuk
7. Mengelola Data menampilkan informasi data rating kecocokan yang telah
Rating Kecocokan dimasukkan ke dalam database. Di dalam mengelola data
rating kecocokan, super admin dapat mengelola isi di
dalam tabel seperti tambah, lihat, ubah, hapus dan hitung.
Tabel 3. 5 Use Case pada Admin
No
Use case Deskripsi
.
Mengelola data pendaftaran digunakan untuk
Mengelola Data menampilkan informasi data pendaftaran yang telah

Berbasis Web
2. Pendaftaran dimasukkan ke dalam database. Di dalam mengelola data

pendaftaran, admin dapat mengelola isi di dalam tabel
seperti tambah, lihat, ubah, dan hapus
Tabel 3.5 Lanjutan
Mengelola data prestasi digunakan untuk menampilkan
Mengelola Data informasi data prestasi yang telah dimasukkan ke dalam
3. Prestasi database. Di dalam mengelola data prestasi, admin dapat
mengelola isi di dalam tabel seperti tambah, lihat, ubah,
dan hapus
Mengelola data struktur anggota digunakan untuk
Mengelola Data menampilkan informasi data struktur anggota yang telah
4. Struktur Anggota dimasukkan ke dalam database. Di dalam mengelola data
struktur anggota, admin dapat mengelola isi di dalam tabel
seperti lihat, ubah, dan hapus.
Mengelola data kriteria digunakan untuk menampilkan
Mengelola Data informasi data kriteria yang telah dimasukkan ke dalam
5. Kriteria database. Di dalam mengelola data kriteria, admin dapat
mengelola isi di dalam tabel seperti tambah, lihat, ubah,
dan hapus.
Mengelola data rating kecocokan digunakan untuk
6. Mengelola Data menampilkan informasi data rating kecocokan yang telah
Rating Kecocokan dimasukkan ke dalam database. Di dalam mengelola data
rating kecocokan, admin dapat mengelola isi di dalam
tabel yaitu tambah, lihat, ubah, hapus dan hitung.
Tabel 3. 6 Use Case pada Siswa

No Use case Deskripsi
Pengguna akan diminta untuk mengisi data yang terdapat
pada halaman ini, seperti username, password, nis, nama
2. Tambah Data siswa, posisi, tanggal lahir, jenis kelamin, kelas, alamat,
Pendaftaran berat badan, tinggi badan dan nomor telepon. Khusus
untuk username dan password digunakan untuk
melakukan login user kembali jika telah melakukan
pendaftaran.
3. Lihat Data Prestasi Siswa dapat melihat data prestasi
4. Lihat Data Struktur Siswa dapat melihat data struktur anggota.
Anggota
B. Activity Diagram
1. Activity Diagram Login
Dilihat dari Gambar 3.4 Activity Diagram Login, pengguna (Admin dan
Siswa) untuk masuk kedalam sistem dengan cara mengklik tombol login
maka sistem menampilkan form login, pengguna mengisi data login maka
sistem mengecek data login di dalam sistem jika data tidak valid maka sistem

Berbasis Web
akan menampilkan lagi form login dan jika data valid maka pengguna masuk
ke dalam sistem dan selesai.
Gambar 3. 4 Activity Diagram Login
2. Activity Diagram Logout
Dilihat dari Gambar 3.5 Activity Diagram Logout, untuk keluar dari sistem
pengguna (Admin dan Siswa) mengklik tombol Logout maka sistem
menampilkan konfirmasi Logout, Pengguna memilih konfirmasi logout. jika
pengguna memilih Ya maka sistem mengeluarkan pengguna dari sistem, jika
pengguna memilih Tidak maka selesai.

Berbasis Web
Gambar 3. 5 Activity Diagram Logout

3. Activity Diagram Tambah Pendaftaran
Dilihat dari Gambar 3.6 Activity Diagram Tambah Data Pendaftaran,

untuk menambah Data Pendaftaran di dalam sistem Siswa mengklik
pendaftaran maka sistem menampilkan form pendaftaran, siswa mengisi data
pendaftaran dan jika selesai siswa mengklik tombol daftar maka sistem
mengecek data pendaftaran, jika data pendaftaran tidak valid maka sistem
kembali menampilkan form pendaftaran dan jika data tersebut valid maka
sistem menyimpan data pendaftaran dan selesai.
Gambar 3. 6 Activity Diagram Tambah Pendaftaran

Berbasis Web
4. Activity Diagram Lihat Pendaftaran
Dilihat dari Gambar 3.7 Activity Diagram Lihat Pendaftaran, untuk

melihat data pendaftaran pengguna mengklik tombol lihat maka sistem
mengambil data pendaftaran dan sistem menampilkan data pendaftaran dan
selesai.
Gambar 3. 7 Activity Diagram Lihat Pendaftaran
5. Activity Diagram Ubah Pendaftaran
Dilihat dari Gambar 3.8 Activity Diagram Ubah Pendaftaran, untuk

mengubah data pendaftaran di dalam sistem admin mengklik tombol ubah
maka sistem mengambil data pendaftaran dan menampilkan form ubah data
pendaftaran, admin mengubah data pendaftaran jika selesai admin mengklik
tombol simpan maka sistem mengecek data pendaftaran jika data tidak valid
maka sistem mengambil kembali data pendaftaran dan jika data valid maka
sistem menyimpan data pendaftaran dan selesai.

Berbasis Web
Gambar 3. 8 Activity Diagram Ubah Pendaftaran
6. Activity Diagram Hapus Pendaftaran
Dilihat dari Gambar 3.9 Activity Diagram Hapus Pendaftaran, untuk

menghapus data pendaftaran di dalam sistem admin mengklik tombol hapus
maka sistem menampilkan konfirmasi hapus, admin memilih konfirmasi
hapus jika admin memilih Ya maka sistem menghapus data dari database jika
admin memilih Tidak maka selesai.

Berbasis Web
Gambar 3. 9 Activity Diagram Hapus Pendaftaran
7. Activity Diagram Lihat Prestasi
Dilihat dari Gambar 3.10 Activity Diagram Lihat Prestasi, untuk melihat
data prestasi pengguna mengklik tombol lihat maka sistem mengambil data
prestasi dan sistem menampilkan data prestasi dan selesai.
Gambar 3. 10 Activity Diagram Lihat Prestasi

Berbasis Web
8. Activity Diagram Tambah Prestasi

Dilihat dari Gambar 3.11 Activity Diagram Tambah Data Prestasi, untuk
menambah data prestasi di dalam sistem Admin mengklik tombol Tambah
maka sistem menampilkan form prestasi, admin mengisi data prestasi dan jika
selesai admin mengklik tombol simpan maka sistem mengecek data prestasi,
jika data prestasi tidak valid maka sistem kembali menampilkan form prestasi
dan jika data tersebut valid maka sistem menyimpan data prestasi dan selesai.
Gambar 3. 11 Activity Diagram Tambah Data Prestasi
9. Activity Diagram Ubah Prestasi
Dilihat dari Gambar 3.12 Activity Diagram Ubah Data Prestasi, untuk
mengubah data prestasi di dalam sistem admin mengklik tombol ubah maka
sistem mengambil data prestasi dan menampilkan form ubah data prestasi,
admin mengubah data prestasi jika selesai admin mengklik tombol simpan
maka sistem mengecek data prestasi jika data tidak valid maka sistem
mengambil kembali data prestasi dan jika data valid maka sistem menyimpan
data prestasi dan selesai.

Berbasis Web
Gambar 3. 12 Activtiy Diagram Ubah Prestasi
10. Activity Diagram Hapus Prestasi
Dilihat dari Gambar 3.13 Activity Diagram Hapus Data Prestasi, untuk
menghapus data prestasi di dalam sistem admin mengklik tombol hapus maka
sistem menampilkan konfirmasi hapus, admin memilih konfirmasi hapus jika
admin memilih Ya maka sistem menghapus data dari database jika admin
memilih Tidak maka selesai.

Berbasis Web
Gambar 3. 13 Activity Diagram Hapus Prestasi
11. Activity Diagram Lihat Struktur Anggota
Dilihat dari Gambar 3.14 Activity Diagram Lihat Struktur Anggota, untuk
melihat data struktur anggota pengguna mengklik tombol lihat maka sistem
mengambil data struktur anggota dan selesai.
Gambar 3. 14 Activity Diagram Lihat Struktur Anggota

Berbasis Web
12. Activity Diagram Ubah Struktur Anggota
Dilihat dari Gambar 3.15 Activity Diagram Ubah Data Struktur Anggota,
untuk mengubah data struktur anggota di dalam sistem admin mengklik
tombol ubah maka sistem mengambil data struktur anggota dan menampilkan
form ubah data struktur anggota, admin mengubah data struktur anggota jika
selesai admin mengklik tombol simpan maka sistem mengecek data struktur
anggota jika data tidak valid sistem mengambil kembali data struktur anggota
dan jika data valid maka sistem menyimpan data struktur anggota dan selesai
Gambar 3. 15 Activtiy Diagram Ubah Struktur Anggota
13. Activity Diagram Hapus Struktur Anggota
Dilihat dari Gambar 3.16 Activity Diagram Hapus Data Struktur Anggota,
untuk menghapus data struktur anggota di dalam sistem admin mengklik
tombol hapus maka sistem menampilkan konfirmasi hapus, admin memilih
konfirmasi hapus jika admin memilih Ya maka sistem menghapus data dari
database jika admin memilih Tidak maka selesai.

Berbasis Web
Gambar 3. 16 Activity Diagram Hapus Struktur Anggota
14. Activity Diagram Tambah Admin

Dilihat dari Gambar 3.17 Activity Diagram Tambah Data Admin, untuk
menambah data admin di dalam sistem Super Admin mengklik tombol
Tambah maka sistem menampilkan form admin, super admin mengisi data
admin dan jika selesai super admin mengklik tombol simpan maka sistem
mengecek data admin, jika data admin tidak valid maka sistem kembali
menampilkan form admin dan jika data tersebut valid maka sistem
menyimpan data admin dan selesai.

Berbasis Web
Gambar 3. 17 Activity Diagram Tambah Admin
15. Activity Diagram Lihat Admin

Dilihat dari Gambar 3.18 Activity Diagram Lihat Admin, untuk melihat
data admin super admin mengklik tombol lihat maka sistem mengambil data
admin dan selesai.
Gambar 3. 18 Activity Diagram Lihat Admin

Berbasis Web
16. Activity Diagram Ubah Admin

Dilihat dari Gambar 3.19 Activity Diagram Ubah Data Admin, untuk
mengubah data admin di dalam sistem super admin mengklik tombol ubah
maka sistem mengambil data admin dan menampilkan form ubah data admin,
super admin mengubah data admin jika selesai super admin mengklik tombol
simpan maka sistem mengecek data admin jika data tidak valid sistem
mengambil kembali data admin dan jika data valid maka sistem menyimpan
data admin dan selesai
Gambar 3. 19 Activity Diagram Ubah Admin
17. Activity Diagram Hapus Admin

Dilihat dari Gambar 3.20 Activity Diagram Hapus Data Admin, untuk
menghapus data admin di dalam sistem super admin mengklik tombol hapus
maka sistem menampilkan konfirmasi hapus, admin memilih konfirmasi
hapus jika super admin memilih Ya maka sistem menghapus data dari
database jika super admin memilih Tidak maka selesai.

Berbasis Web
Gambar 3. 20 Activity Diagram Hapus Admin
18. Activity Diagram Tambah Kriteria

Dilihat dari Gambar 3.21 Activity Diagram Tambah Data Kriteria, untuk
menambah data kriteria di dalam sistem Admin mengklik tombol Tambah
maka sistem menampilkan form kriteria, admin mengisi data kriteria dan jika
selesai admin mengklik tombol simpan maka sistem mengecek data kriteria,
jika data kriteria tidak valid maka sistem kembali menampilkan form kriteria
dan jika data tersebut valid maka sistem menyimpan data kriteria dan selesai.

Berbasis Web
Gambar 3. 21 Activity Diagram Tambah Kriteria
19. Activity Diagram Lihat Kriteria

Dilihat dari Gambar 3.22 Activity Diagram Lihat Kriteria, untuk melihat
data kriteria admin mengklik tombol lihat maka sistem mengambil data
kriteria dan selesai.
Gambar 3. 22 Activity Diagram Lihat Kriteria

Berbasis Web
20. Activity Diagram Ubah Kriteria

Dilihat dari Gambar 3.23 Activity Diagram Ubah Data Kriteria, untuk
mengubah data kriteria di dalam sistem admin mengklik tombol ubah maka
sistem mengambil data kriteria dan menampilkan form ubah data kriteria,
admin mengubah data kriteria jika selesai admin mengklik tombol simpan
maka sistem mengecek data kriteria jika data tidak valid sistem mengambil
kembali data kriteria dan jika data valid maka sistem menyimpan data kriteria
dan selesai
Gambar 3. 23 Activity Diagram Ubah Kriteria
21. Activity Diagram Hapus Kriteria

Dilihat dari Gambar 3.24 Activity Diagram Hapus Data kriteria, untuk
menghapus data kriteria di dalam sistem admin mengklik tombol hapus maka
sistem menampilkan konfirmasi hapus, admin memilih konfirmasi hapus jika
admin memilih Ya maka sistem menghapus data dari database jika admin
memilih Tidak maka selesai.

Berbasis Web
Gambar 3. 24 Activity Diagram Hapus Kriteria
22. Activity Diagram Tambah Rating Kecocokan

Dilihat dari Gambar 3.25 Activity Diagram Tambah Data Rating
Kecocokan, untuk menambah data rating kecocokan di dalam sistem Admin
mengklik tombol Tambah maka sistem menampilkan form rating kecocokan,
admin mengisi data rating kecocokan dan jika selesai admin mengklik tombol
simpan maka sistem mengecek data rating kecocokan, jika data rating
kecocokan tidak valid maka sistem kembali menampilkan form rating
kecocokan dan jika data tersebut valid maka sistem menyimpan data rating
kecocokan dan selesai.

Berbasis Web
Gambar 3. 25 Activity Diagram Tambah Rating Kecocokan
23. Activity Diagram Lihat Rating Kecocokan

Dilihat dari Gambar 3.26 Activity Diagram Lihat Rating Kecocokan, untuk
melihat data rating kecocokan admin mengklik tombol lihat maka sistem
mengambil data rating kecocokan dan selesai.
Gambar 3. 26 Activity Diagram Lihat Rating Kecocokan

Berbasis Web
24. Activity Diagram Ubah Rating Kecocokan

Dilihat dari Gambar 3.27 Activity Diagram Ubah Data Rating Kecocokan,
untuk mengubah data rating kecocokan di dalam sistem admin mengklik
tombol ubah maka sistem mengambil data rating kecocokan dan
menampilkan form ubah data rating kecocokan, admin mengubah data rating
kecocokan jika selesai admin mengklik tombol simpan maka sistem
mengecek data rating kecocokan jika data tidak valid sistem mengambil
kembali data rating kecocokan dan jika data valid maka sistem menyimpan
data rating kecocokan dan selesai
Gambar 3. 27 Activity Diagram Ubah Rating Kecocokan
25. Activity Diagram Hitung Rating Kecocokan

Dilihat dari Gambar 3.28 Activity Diagram Hitung Data Rating
Kecocokan, untuk menghitung data rating kecocokan admin mengklik
tombol hitung pada sistem, lalu sistem mengambil data pendaftaran, setelah
itu sistem mengambil data kriteria, melakukan perhitungan dan sistem
menampilkan hasil perhitungan dan selesai.

Berbasis Web
Gambar 3. 28 Activity Diagram Hitung Rating Kecocokan

26. Activity Diagram Hapus Rating Kecocokan
Dilihat dari Gambar 3.29 Activity Diagram Hapus Data Rating Kecocokan,
untuk menghapus data rating kecocokan di dalam sistem admin mengklik
tombol hapus maka sistem menampilkan konfirmasi hapus, admin memilih
konfirmasi hapus jika admin memilih Ya maka sistem menghapus data dari
database jika admin memilih Tidak maka selesai.
Gambar 3. 29 Activity Diagram Hapus Rating Kecocokan

Berbasis Web
C. Class Diagram
Gambar 3. 30 Class Diagram

Dilihat dari Gambar 3.30 Class Diagram, terdapat beberapa class
diantaranya yaitu Class validasi yang atributnya terdiri dari username dan
password sedangkan operasinya yaitu login dan Logout. Class Pendaftaran yang
atributnya terdiri dari username, password, nis, nama_siswa, posisi, tanggal_lahir,
jenis_kelamin, kelas, alamat, berat_badan, tinggi_badan, no_telp, dan
riwayat_penyakit sedangkan operasinya terdiri dari lihat data pendaftaran, tambah
data pendaftaran, ubah data pendaftaran dan hapus data pendaftaran. Class Stuktur
Anggota yang atributnya terdiri dari id_anggota, nis, nama_siswa, posisi,
tanggal_lahir, jenis_kelamin, kelas, alamat, berat_badan, tinggi_badan, dan
no_telp sedangkan operasinya terdiri dari lihat data struktur anggota, ubah data
struktur anggota dan hapus data struktur anggota. Class Prestasi yang atributnya
terdiri dari nama_lomba, juara dan tahun sedangkan operasinya terdiri dari tambah
data prestasi, lihat data prestasi, ubah data prestasi, dan hapus data prestasi. Class
Rating Kecocokan yang atributnya terdiri dari id_rating, nis, nama_siswa, c1, c2,
c3 dan c4 sedangkan operasinya terdiri dari tambah data rating kecocokan, lihat
data rating kecocokan, ubah data rating kecocokan, hapus data rating kecocokan
dan hitung rating kecocokan. Class Kriteria yang atributnya terdiri dari
Berbasis Web
id_kriteria, kriteria, sifat, dan bobot sedangkan operasinya terdiri dari tambah data
kriteria, lihat data kriteria, ubah data kriteria, dan hapus data kriteria. Class Admin
yang atributnya terdiri dari id_admin, nama_admin dan alamat sedangkan
operasinya terdiri dari tambah data admin, lihat data admin, ubah data admin, dan
hapus data admin.
D. Sequence Diagram
1. Sequence Diagram Login
Dilihat dari Gambar 3.31 Sequence Diagram Login, pengguna (admin dan
siswa) untuk masuk di dalam sistem validasi dengan cara pengguna login
maka sistem validasi menampilkan form login, pengguna mengisi data login
maka sistem validasi mengambil data dari database dan database
memberikan data pengguna ke sistem validasi dan sistem validasi
memberikan pesan sukses kepada pengguna.
Gambar 3. 31 Sequence Diagram Login

2. Sequence Diagram Mengelola Data Pendaftaran
a) Sequence Diagram Tambah Data Pendaftaran
Dilihat dari Gambar 3.32 Sequence Diagram Tambah Data Pendaftaran,

untuk menambah data pendaftaran di dalam sistem pendaftaran maka siswa
mengklik tombol tambah maka sistem pendaftaran menampilkan form tambah
data pendaftaran, siswa mengisi data pendaftaran dan jika selesai siswa
mengirim data pendaftaran ke sistem pendaftaran maka sistem pendaftaran
menyimpan data pendaftaran di dalam database dan sistem pendaftaran
menampilkan pesan sukses ke siswa.

Berbasis Web
Gambar 3. 32 Sequence Diagram Tambah Data Pendaftaran

b) Sequence Diagram Lihat Data Pendaftaran
Dilihat dari Gambar 3.33 Sequence Diagram Lihat Data Pendaftaran,
untuk melihat data pendaftaran maka admin mengklik tombol lihat maka
sistem pendaftaran mengambil data pendaftaran dari database dan database
memberikan data pendaftaran kepada sistem pendaftaran dan sistem
pendaftaran menampilkan form data pendaftaran ke admin.
Gambar 3. 33 Sequence Diagram Lihat Data Pendaftaran

c) Sequence Diagram Ubah Data Pendaftaran
Dilihat dari Gambar 3.34 Sequence Diagram Ubah Data Pendaftaran,
untuk mengubah data pendaftaran di dalam sistem maka admin mengklik
tombol ubah maka sistem pendaftaran mengambil data pendaftaran di
database dan database memberikan data pendaftaran ke sistem pendaftaran
maka sistem pendaftaran menampilkan form ubah data pendaftaran dan admin
mengubah data pendaftaran, kemudian admin menyimpan data pendaftaran ke

Berbasis Web
sistem pendaftaran dan sistem pendaftaran akan mengupdate data kedalam

database, kemudian sistem pendaftaran menampilkan pesan sukses ke admin.
Gambar 3. 34 Sequence Diagram Ubah Data Pendaftaran

d) Sequence Diagram Hapus Data Pendaftaran
Dilihat dari Gambar 3.35 Sequence Diagram Hapus Data Pendaftaran,
untuk menghapus data pendaftaran di dalam sistem pendaftaran maka admin
mengklik tombol hapus data pendaftaran dan sistem pendaftaran akan
menampilkan form hapus data maka admin memilih konfirmasi hapus data
dan sistem pendaftaran akan menghapus data kedalam database.
Gambar 3. 35 Sequence Diagram Hapus Data Pendaftaran

3. Sequence Diagram Mengelola Data Prestasi
a) Sequence Diagram Tambah Data Prestasi
Dilihat dari Gambar 3.36 Sequence Diagram Tambah Data Prestasi, untuk
menambah data prestasi di dalam sistem prestasi maka siswa mengklik
tombol tambah maka sistem prestasi menampilkan form tambah data prestasi,
Berbasis Web
siswa mengisi data prestasi dan jika selesai siswa mengirim data prestasi ke
sistem prestasi maka sistem prestasi menyimpan data prestasi di dalam
database dan sistem prestasi menampilkan pesan sukses ke siswa.
Gambar 3. 36 Sequence Diagram Tambah Data Prestasi

b) Sequence Diagram Lihat Data Prestasi
Dilihat dari Gambar 3.37 Sequence Diagram Lihat Data Prestasi, untuk
melihat data prestasi maka pengguna mengklik tombol prestasi maka sistem
prestasi mengambil data prestasi dari database dan database memberikan
data prestasi kepada sistem prestasi dan sistem prestasi menampilkan form
data prestasi ke pengguna
Gambar 3. 37 Sequence Diagram Lihat Data Prestasi

c) Sequence Diagram Ubah Data Prestasi
Dilihat dari Gambar 3.38 Sequence Diagram Ubah Data Prestasi, untuk
mengubah data prestasi di dalam sistem prestasi maka admin mengklik
tombol ubah maka sistem prestasi mengambil data prestasi di database dan
database memberikan data prestasi ke sistem prestasi maka sistem prestasi

Berbasis Web
menampilkan form ubah data prestasi dan admin mengubah data prestasi,
kemudian admin menyimpan data prestasi ke sistem prestasi dan sistem
prestasi akan mengupdate data kedalam database, kemudian sistem prestasi
menampilkan pesan sukses ke admin.
Gambar 3. 38 Sequence Diagram Ubah Data Prestasi

d) Sequence Diagram Hapus Data Prestasi
Dilihat dari Gambar 3.39 Sequence Diagram Hapus Data Prestasi, untuk
menghapus data prestasi di dalam sistem prestasi maka admin mengklik
tombol hapus data prestasi dan sistem prestasi akan menampilkan form hapus
data maka admin memilih konfirmasi hapus data dan sistem prestasi akan
menghapus data kedalam database.
Gambar 3. 39 Sequence Diagram Hapus Data Prestasi

4. Sequence Diagram Mengelola Data Struktur Anggota
a) Sequence Diagram Lihat Data Struktur Anggota
Dilihat dari Gambar 3.40 Sequence Diagram Lihat Data Struktur Anggota,
untuk melihat data struktur anggota maka pengguna mengklik tombol lihat

Berbasis Web
maka sistem struktur anggota mengambil data struktur anggota dari database
dan database memberikan data struktur anggota kepada sistem struktur
anggota dan sistem struktur anggota menampilkan form data struktur anggota
ke pengguna.
Gambar 3. 40 Sequence Diagram Lihat Data Struktur Anggota

b) Sequence Diagram Ubah Data Struktur Anggota
Dilihat dari Gambar 3.41 Sequence Diagram Ubah Data Struktur Anggota,
untuk mengubah data struktur anggota di dalam sistem struktur anggota maka
admin mengklik tombol ubah maka sistem struktur anggota mengambil data
struktur anggota di database dan database memberikan data struktur anggota
ke sistem struktur anggota maka sistem struktur anggota menampilkan form
ubah data struktur anggota dan admin mengubah data struktur anggota,
kemudian admin menyimpan data struktur anggota ke sistem struktur anggota
dan sistem struktur anggota akan mengupdate data kedalam database,
kemudian sistem struktur anggota menampilkan pesan sukses ke admin
Gambar 3. 41 Sequence Diagram Ubah Data Struktur Anggota

Berbasis Web
c) Sequence Diagram Hapus Data Struktur Anggota
Dilihat dari Gambar 3.42 Sequence Diagram Hapus Data Struktur

Anggota, untuk menghapus data struktur anggota di dalam sistem struktur
anggota maka admin mengklik tombol hapus data struktur anggota dan sistem
struktur anggota akan menampilkan form hapus data maka admin memilih
konfirmasi hapus data dan sistem struktur anggota akan menghapus data
kedalam database.
Gambar 3. 42 Sequence Diagram Hapus Data Struktur Anggota

5. Sequence Diagram Mengelola Data Admin
a) Sequence Diagram Tambah Data Admin
Dilihat dari Gambar 3.43 Sequence Diagram Tambah Data Admin, untuk
menambah data admin di dalam sistem admin maka super admin mengklik
tombol tambah maka sistem admin menampilkan form tambah data admin,
super admin mengisi data admin dan jika selesai super admin mengirim data
admin ke sistem admin maka sistem admin menyimpan data admin di dalam
database dan sistem admin menampilkan pesan sukses ke super admin.

Berbasis Web
Gambar 3. 43 Sequence Diagram Tambah Data Admin

b) Sequence Diagram Lihat Data Admin
Dilihat dari Gambar 3.44 Sequence Diagram Lihat Data Admin untuk
melihat data admin maka super admin mengklik tombol admin maka sistem
admin mengambil data admin dari database dan database memberikan data
admin kepada sistem admin dan sistem admin menampilkan form data admin
ke super admin.
Gambar 3. 44 Sequence Diagram Lihat Data Admin
c) Sequence Diagram Ubah Data Admin
Dilihat dari Gambar 3.45 Sequence Diagram Ubah Data Admin, untuk
mengubah data admin di dalam sistem admin maka super admin mengklik
tombol ubah maka sistem admin mengambil data admin di database dan
database memberikan data admin ke sistem admin maka sistem admin
menampilkan form ubah data admin dan super admin mengubah data admin,
kemudian super admin menyimpan data admin ke sistem admin dan sistem

Berbasis Web
admin akan mengupdate data kedalam database, kemudian sistem admin

menampilkan pesan sukses ke super admin
Gambar 3. 45 Sequence Diagram Ubah Data Admin
d) Sequence Diagram Hapus Data Admin
Dilihat dari Gambar 3.46 Sequence Diagram Hapus Data Admin, untuk
menghapus data admin di dalam sistem admin maka super admin mengklik
tombol hapus data admin dan sistem admin akan menampilkan form hapus
data maka super admin memilih konfirmasi hapus data dan sistem admin akan
Gambar 3. 46 Sequence Diagram Hapus Data Admin
6. Sequence Diagram Mengelola Data Kriteria

a) Sequence Diagram Tambah Data Kriteria
Dilihat dari Gambar 3.47 Sequence Diagram Tambah Data Kriteria, untuk
menambah data kriteria di dalam sistem kriteria maka admin mengklik
tombol tambah maka sistem kriteria menampilkan form tambah data kriteria,
admin mengisi data kriteria dan jika selesai admin mengirim data kriteria ke
Berbasis Web
sistem kriteria maka sistem kriteria menyimpan data kriteria di dalam

database dan sistem kriteria menampilkan pesan sukses ke admin.
Gambar 3. 47 Sequence Diagram Tambah Data Kriteria
b) Sequence Diagram Lihat Data Kriteria
Dilihat dari Gambar 3.48 Sequence Diagram Lihat Data Kriteria, untuk
melihat data kriteria maka admin mengklik tombol kriteria maka sistem
kriteria mengambil data kriteria dari database dan database memberikan data
kriteria kepada sistem kriteria dan sistem kriteria menampilkan form data
kriteria ke admin.
Gambar 3. 48 Sequence Diagram Lihat Data Kriteria
c) Sequence Diagram Ubah Data Kriteria
Dilihat dari Gambar 3.49 Sequence Diagram Ubah Data Kriteria, untuk
mengubah data kriteria di dalam sistem kriteria maka admin mengklik tombol
ubah maka sistem kriteria mengambil data kriteria di database dan database
memberikan data kriteria ke sistem kriteria maka sistem kriteria menampilkan

Berbasis Web
form ubah data kriteria dan admin mengubah data kriteria, kemudian admin
menyimpan data kriteria ke sistem kriteria dan sistem kriteria akan
mengupdate data kedalam database, kemudian sistem kriteria menampilkan
pesan sukses ke admin.
Gambar 3. 49 Sequence Diagram Ubah Data Kriteria
d) Sequence Diagram Hapus Data Kriteria
Dilihat dari Gambar 3.50 Sequence Diagram Hapus Data Kriteria, untuk
menghapus data kriteria di dalam sistem kriteria maka admin mengklik
tombol hapus data kriteria dan sistem kriteria akan menampilkan form hapus
data maka admin memilih konfirmasi hapus data dan sistem kriteria akan
Gambar 3. 50 Sequence Diagram Hapus Data Kriteria

Berbasis Web
7. Sequence Diagram Mengelola Data Rating Kecocokan

a) Sequence Diagram Tambah Data Rating
Kecocokan
Dilihat dari Gambar 3.51 Sequence Diagram Tambah Data Rating

Kecocokan, untuk menambah data rating kecocokan di dalam sistem rating
kecocokan maka admin mengklik tombol tambah maka sistem rating
kecocokan menampilkan form tambah data rating kecocokan, admin mengisi
data rating kecocokan dan jika selesai admin mengirim data rating kecocokan
ke sistem rating kecocokan maka sistem rating kecocokan menyimpan data
rating kecocokan di dalam database dan sistem rating kecocokan
menampilkan pesan sukses ke admin.
Gambar 3. 51 Sequence Diagram Tambah Data Rating

Kecocokan
b) Sequence Diagram Lihat Data Rating Kecocokan
Dilihat dari Gambar 3.52 Sequence Diagram Lihat Data Rating

Kecocokan, untuk melihat data rating kecocokan maka admin mengklik
tombol rating kecocokan maka sistem rating kecocokan mengambil data
rating kecocokan dari database dan database memberikan data rating
kecocokan kepada sistem rating kecocokan dan sistem rating kecocokan
menampilkan form data rating kecocokan ke admin.

Berbasis Web
Gambar 3. 52 Sequence Diagram Lihat Data Rating Kecocokan
c) Sequence Diagram Ubah Data Rating Kecocokan
Dilihat dari Gambar 3.53 Sequence Diagram Ubah Data Rating

Kecocokan, untuk mengubah data rating kecocokan di dalam sistem rating
kecocokan maka admin mengklik tombol ubah maka sistem rating kecocokan
mengambil data rating kecocokan di database dan database memberikan data
rating kecocokan ke sistem rating kecocokan maka sistem rating kecocokan
menampilkan form ubah data rating kecocokan dan admin mengubah rating
kecocokan, kemudian admin menyimpan data rating kecocokan ke rating
kecocokan dan sistem rating kecocokan akan mengupdate data kedalam
database, kemudian sistem rating kecocokan menampilkan pesan sukses ke
admin.
Gambar 3. 53 Sequence Diagram Ubah Data Rating Kecocokan
d) Sequence Diagram Hapus Data Rating Kecocokan

Berbasis Web
Dilihat dari Gambar 3.54 Sequence Diagram Hapus Data Rating

Kecocokan, untuk menghapus data rating kecocokan di dalam sistem rating
kecocokan maka admin mengklik tombol hapus data rating kecocokan dan
sistem rating kecocokan akan menampilkan form hapus data maka admin
memilih konfirmasi hapus data dan sistem rating kecocokan akan menghapus
data kedalam database.
Gambar 3. 54 Sequence Diagram Hapus Data Rating Kecocokan
a) Sequence Diagram Hitung Data Rating Kecocokan
Dilihat dari Gambar 3.55 Sequence Diagram Hitung Data Rating

Kecocokan, untuk menghitung data rating kecocokan di dalam sistem rating
kecocokan maka admin mengklik tombol hitung data rating kecocokan dan
sistem rating kecocokan akan mengambil data pendaftaran ke database
kemudian database memberikan data pendaftaran kepada admin dan sistem
rating kecocokan mengambil data kriteria database dan database
memberikan data kriteria kepada sistem rating kecocokan maka sistem rating
kecocokan akan memberikan hasil perhitungan ke admin.

Berbasis Web
Gambar 3. 55 Sequence Diagram Hitung Data Rating

Kecocokan
8. Sequence Diagram Logout
Dilihat dari Gambar 3.56 Sequence Diagram Logout, untuk keluar dari
sistem pengguna mengklik tombol Logout maka sistem validasi menampilkan
komfirmasi Logout, jika pengguna memilih Ya maka sistem validasi
mengeluarkan pengguna dari sistem, jika pengguna memilih Tidak maka
selesai.
Gambar 3. 56 Sequence Diagram Logout
3.2.4 Perancangan Database

A. Entity Relationship Diagram (ERD)
Dilihat dari Gambar 3.57 Entity Relationship Diagram (ERD) terdapat

empat entitas yang terdapat dalam Sistem Informasi Ekstrakurikuler
Berbasis Web
Drumband di SMA Negeri 2 Ketapang, diantaranya : entitas pendaftaran,

prestasi, struktur anggota, rating kecocokan, kriteria, admin dan validasi
yang masing-masing memiliki relasi dan atribut. Dilihat dari gambar 3.57
hanya ditampilkan atribut primary dan foreign keynya saja, untuk entitas
pendaftaran terdiri dari atribut username dan nis. Untuk entitas struktur
anggota terdiri atribut id_anggota, nis, dan nama_lomba. Untuk entitas
prestasi terdiri dari nama_lomba. Untuk entitas validasi terdiri dari username.
Untuk rating kecocokan terdiri dari id_rating dan nis. Untuk kriteria terdiri
dari id_kriteria. Untuk admin terdiri dari id_admin. satu (1) validasi memiliki
satu (1) pendaftaran. satu (1) pendaftaran mendapatkan satu (1) struktur
anggota. satu (1) pendaftaran memiliki satu (1) rating kecocokan. banyak (M)
rating kecocokan memiliki satu (1) kriteria.
Gambar 3.57 Entity Relationship Diagram (ERD)
B. Struktur Tabel Database

Adapun database yang di gunakan untuk perancangan sistem
informasi ekstrakulikuler drumband di SMA Negeri 2 Ketapang
disajikan dalam bentuk tabel. Tabelnya terdiri dari tabel validasi,

Berbasis Web
tabel pendaftaran, tabel struktur anggota, dan tabel prestasi,

berikut ini tabelnya sebagai berikut :
Tabel 3.7 Tabel Validasi

Atribut Tipe Data Panjang Kunci Keterangan
username varchar 40 Primary -
password varchar 100 - -
Tabel 3.8 Tabel Pendaftaran

Tipe
Atribut Panjang Kunci Keterangan
Data
Nomor
nis int 11 Primary
Induk Siswa
username varchar 40 Foreign -
password varchar 100 - -
nama_siswa varchar 50 - -
Tabel 3.8 Lanjutan
‘mayoret’,’gitapati’,’
senar’,’tenor’,
Posisi
’triple tam
posisi enum - Drum
tam’,’simbal’,’blira’,
band
’terompet’,’bass’,’col
our gard’
tanggal_lahir date - - -
‘laki-
jenis_kelamin enum -
laki’,’perempuan’
‘Kelas 10’,’Kelas
kelas enum - -
11’,’Kelas 12’
alamat varchar 100 - -
berat_badan int 3 - -
tinggi_badan int 3 - -
no_telp varchar 13 - -
riwayat_penya enum ‘tidak ada’,’ sakit - -
kit pernapasan’, ‘sakit
yang lain’
Tabel 3.9 Tabel Struktur Anggota

Tipe
Data
id_anggota big int 40 Primary -
nis int 11 Foreign
‘mayoret’,’gitapati’ - Posisi
,’senar’,’tenor’, Drum
’triple tam band
tam’,’simbal’,’blira
posisi enum ’,
’terompet’,’bass’,
’colour gard’
tanggal_lahir date - - -

Berbasis Web
‘laki- - - laki-laki
jenis_kelamin enum laki’,’perempuan’ -
perempuan
kelas enum ‘Kelas 10’,’Kelas - -
11’,’Kelas 12’
berat_badan int 3 - -
tinggi_badan int 3 - -
no_telp varchar 13 - -
Tabel 3.10 Tabel Prestasi

Atribut Tipe Data Panjang Kunci Keterangan
Nama Lomba
nama_lomba varchar 100 Primary
Diikuti
juara int 2 - -
tahun date - - -
Tabel 3. 11 Tabel Kriteria

Tipe
Data
id_kriteria big int Primary -
kriteria enum ‘C1’,’C2’,’C3’ -
sifat enum ‘benefit’,’cost’ - -
bobot int 10 - -
Tabel 3. 12 Tabel Rating Kecocokan

Tipe
Data
id_rating int 10 Primary -
nis int 11 Foreign
c1 int 5 - -
c2 int 5 - -
c3 int 5 - -
Tabel 3.13 Tabel Admin

Tipe
Data
id_admin int 10 Primary -
nama_admin varchar 100 -

Berbasis Web
3.2.5 Perancangan Antarmuka Sistem

Perancangan antarmuka sistem terdiri dari beberapa halaman
diantaranya yaitu halaman login, halaman home, halaman pendaftaran,
halaman sejarah, halaman prestasi, dan halaman struktur anggota.
A. Halaman Login
Halaman login biasa disebut juga dengan sign in, yaitu istilah
dalam hal keamanan suatu program aplikasi komputer, yang
berupa proses pintu masuk bagi admin untuk mengelola dan
mengakses sistem aplikasi komputer sehingga admin dapat masuk
ke dalam sistem. Rancangan halaman login pengguna dapat dilihat
pada Gambar 3.58
Gambar 3.58 Halaman Login
B. Halaman Home (Admin dan Siswa)

Gambar 3.59 merupakan tampilan menu Home (admin dan siswa),
dimana pengguna dapat memilih atau membuka menu-menu
terkait yang ada pada side bar seperti home, struktur anggota,
prestasi, sejarah, admin, kriteria, rating kecocokan dan logout.

Berbasis Web
Gambar 3.59 Halaman Home (Admin dan Siswa)
C. Halaman Pendaftaran (Siswa)
Halaman pendaftaran digunakan siswa untuk mendaftar agar bisa

login kedalam sistem. Halaman pendaftaran dapat dilihat pada
Gambar 3.60
Gambar 3.60 Halaman Pendaftaran (Siswa)
D. Halaman Manajemen Pendaftaran (Admin)

Berbasis Web
Halaman manajemen pendaftaran digunakan untuk menampilkan

informasi data pendaftaran yang telah dimasukkan ke dalam
database. Di dalam halaman manajemen pendaftaran admin dapat
mengelola isi di dalam tabel seperti tambah, ubah, dan hapus.
Halaman manajemen pendaftaran dapat dilihat pada Gambar 3.61
Gambar 3. 61 Halaman Manajemen Pendaftaran (Admin)
E. Halaman Admin (Super Admin)

Halaman admin digunakan untuk menampilkan informasi data
admin yang telah dimasukkan ke dalam database. Di dalam
halaman admin, super admin dapat mengelola isi di dalam tabel
seperti tambah, ubah, dan hapus. Halaman admin dapat dilihat
pada Gambar 3.62

Berbasis Web
Gambar 3.62 Halaman Admin (Super Admin)
F. Halaman Kriteria (Admin)

Halaman kriteria digunakan untuk menampilkan informasi data
kriteria yang telah dimasukkan ke dalam database. Di dalam
halaman kriteria admin dapat mengelola isi di dalam tabel seperti
tambah, ubah, dan hapus. Halaman kriteria dapat dilihat pada
Gambar 3.63
Gambar 3.63 Halaman Kriteria (Admin)

Berbasis Web
G. Halaman Rating Kecocokan (Admin)

Halaman rating kecocokan digunakan untuk menampilkan
informasi data rating kecocokan yang telah dimasukkan ke dalam
database. Di dalam halaman rating kecocokan admin dapat
mengelola isi di dalam tabel seperti tambah, ubah, dan hapus.
Halaman rating kecocokan dapat dilihat pada Gambar 3.64
Gambar 3.64 Halaman Rating Kecocokan (Admin)
H. Halaman Sejarah (Admin dan Siswa)

Halaman sejarah digunakan untuk menampilkan informasi data
sejarah. Halaman sejarah dapat dilihat pada Gambar 3.65

Berbasis Web
Gambar 3. 65 Halaman Sejarah (Siswa)
I. Halaman Prestasi (Admin)
Halaman prestasi digunakan untuk menampilkan informasi data

prestasi yang telah dimasukkan ke dalam database. Di dalam
halaman prestasi admin dapat mengelola isi di dalam tabel seperti
tambah, ubah, dan hapus. Halaman prestasi dapat dilihat pada
Gambar 3.66

Berbasis Web
Gambar 3. 66 Halaman Prestasi (Admin)
J. Halaman Prestasi (Siswa)

Halaman prestasi digunakan untuk menampilkan informasi data
prestasi yang telah dimasukkan ke dalam database. Di dalam
halaman prestasi siswa dapat melihat data prestasi saja. Halaman
prestasi siswa dapat dilihat pada Gambar 3.67
Gambar 3. 67 Halaman Prestasi (Siswa)

Berbasis Web
K. Halaman Struktur Anggota (Admin)

Halaman sruktur anggota digunakan untuk menampilkan informasi
data struktur anggota yang telah dimasukkan ke dalam database. Di
dalam halaman struktur anggota admin dapat mengelola isi di
dalam tabel seperti lihat, ubah, dan hapus. Halaman struktur
anggota dapat dilihat pada Gambar 3.68
Gambar 3. 68 Halaman Struktur Anggota (Admin)

L. Halaman Struktur Anggota (Siswa)
Halaman sruktur anggota digunakan untuk menampilkan informasi
data struktur anggota yang telah dimasukkan ke dalam database. Di
dalam halaman struktur anggota siswa hanya dapat melihat data
struktur anggota saja. Halaman struktur anggota siswa dapat dilihat
pada Gambar 3.69

Berbasis Web
Gambar 3. 69 Halaman Struktur Anggota (Siswa)
M. Halaman Lihat Struktur Anggota (Admin dan Siswa)

Halaman lihat sruktur anggota digunakan untuk menampilkan
informasi data lihat struktur anggota yang telah dimasukkan ke
dalam database. Di dalam halaman struktur anggota pengguna
hanya bisa melihat data struktur anggota saja. Halaman lihat
struktur anggota dapat dilihat pada Gambar 3.70
Gambar 3. 70 Halaman Lihat Struktur Anggota (Admin dan Siswa)

Berbasis Web
3.2.6 Perancangan Pengujian Sistem

Pengujian sistem dilakukan untuk mengetahui tingkat keberhasilan sistem
yang dibuat oleh peneliti. Pengujian ini menggunakan metode black box.
Pengujian sistem akan ditampilkan pada tabel-tabel berikut.
Tabel 3.14 PPS Form Login

No Tombol Variabel Uji Hasil yang diharapkan
1 Tanpa mengisi semua field Menampilkan pesan error

2 Mengisi sebagian field Menampilkan pesan error
Login Mengisi semua field dengan
3 Menampilkan pesan error
data salah
Mengisi semua field dengan Login Sukses. (Sistem akan
4
data benar menampilkan Form Beranda).
Tabel 3.15 PPS Form Pendaftaran
No Tombol Variabel Uji Hasil Yang Diharapkan
Menampilkan pesan gagal

1 Tanpa mengisi semua field
mendaftar
Menampilkan pesan gagal
2 Mengisi sebagian field
mendaftar
Tambah
Mengisi seluruh field dengan Menampilkan pesan gagal
3
data yang salah mendaftar
Mengisi seluruh field dengan
4 Berhasil Mendaftar
data yang benar
Tabel 3.15 Lanjutan
5 Lihat Memilih data Menampilkan data Pendaftaran

Menampilkan pesan data gagal
diubah
diubah
Ubah
Mengisi seluruh field dengan Menampilkan pesan data gagal
8
data yang salah diubah
Mengisi seluruh field dengan
9 Data Berhasil Diubah
data yang benar
Tabel 3.16 PPS Form Mengelola Data Prestasi
Tambah Menampilkan pesan data gagal

ditambah
2 Mengisi sebagian field Menampilkan pesan data gagal
ditambah

Berbasis Web

3
data yang salah ditambah
4 Tambah Mengisi seluruh field dengan Data Berhasil Disimpan
data yang benar
5 Lihat Memilih data Menampilkan data Prestasi
6 Tanpa mengisi semua field Menampilkan pesan data gagal
diubah
Ubah diubah
8 Mengisi seluruh field dengan Menampilkan pesan data gagal
9 Mengisi seluruh field dengan Data Berhasil Diubah
data yang benar
Tabel 3.17 PPS Form Mengelola Data Struktur Anggota

ditambah
ditambah
Tambah Mengisi seluruh field dengan Menampilkan pesan data gagal
3
4 Mengisi seluruh field dengan Data Berhasil Disimpan
data yang benar
5 Lihat Memilih data Menampilkan data Struktur
Anggota
Tabel 3.17 Lanjutan

diubah
Ubah diubah
Tabel 3. 18 PPS Form Mengelola Data Kriteria

ditambah
2 Tambah Mengisi sebagian field
ditambah
3

Berbasis Web

data yang benar
5 Lihat Memilih data Menampilkan data Kriteria
diubah
diubah
8 Ubah Mengisi seluruh field dengan Menampilkan pesan data gagal
Tabel 3.19 PPS Form Mengelola Data Rating Kecocokan

ditambah
ditambah
3
data yang benar
5 Lihat Memilih data Menampilkan data Rating
Kecocokan
diubah
Ubah diubah
Tabel 3.20 PPS Form Mengelola Data Admin

ditambah
ditambah
3
data yang benar
5 Lihat Memilih data Menampilkan data Admin
diubah
Ubah diubah

Berbasis Web
Tabel 3.21 PPS Form Logout
Menampilkan konfirmasi
1 Memilih Logout
Logout!
Logout
2 Memilih konfirmasi Logout (Ya) Halaman Login
3 Memilih konfirmasi Logout (Tidak) Kamu Tidak Keluar

Berbasis Web
BAB IV
PENUTUP
4.1 Kesimpulan
Berdasarkan penjelasan pada bab-bab sebelumnya dapat ditarik kesimpulan
bahwa Perancangan Sistem Informasi ekstrakurikuler Drumband Di SMAN 02
Ketapang yang telah berhasil dirancang. Adapun rancangan yang telah dibuat
terdiri dari rancangan Arsitektur Sistem, Perancangan Arus Data Unified
Modeling Language (UML), Entity Relationship Diagram (ERD), Struktur
Database, Antarmuka Sistem, dan Perancangan Pengujian Sistem.
4.2 Saran
Berdasarkan hasil dari pembahasan dan kesimpulan yang telah diuraikan,
maka saran yang dapat peneliti sampaikan untuk pengembangan sistem ini yaitu:
1. Perancangan sistem ini kedepannya dapat menggunakan sistem
keamanan.
2. Perancangan sistem ini kedepannya bisa dikembangkan sehingga bisa
digunakan untuk absensi, jadwal latihan dan kegiatan perlombaan
(event).
73
DAFTAR PUSTAKA
Anhar. (2010). Panduan Menguasai PHP & MYSQL Secara Otodidak. Jakarta:
Media Kita.
A.S., Rosa; Shalahuddin, M. 2015. Rekayasa Perangkat Lunak (Terstruktur dan
Berorientasi Objek). Bandung:Informatika Bandung.
Enterprise, J. (2017). PHP Komplet. Jakarta: PT Elex Media Komputindo.
Kursini. (2007). Konsep Dan Aplikasi Sistem Pendukung Keputusan Yogyakarta:
CV. Andi.
Munawar. (2005). Pemodelan Visual dengan UML Edisi Pertama. Yogyakarta:
Graha Ilmu.
Ramadhan, A. (2006). Pemrograman Web Database dengan PHP dan MySQL.
Jakarta: PT Elex Komputindo.
R. V. Imbar, D. Edi, and K. Masli. (2006). Metode Simple Additive Weighting, J.
Tek. Inform. dan Sist. Inf., vol. 2, no. 3, pp. 275–286.
Sitorus, L. (2015). Algoritma dan Pemrograman. Yogyakarta: Andi.

Supardi, Y. (2010). Semua Bisa Menjadi Programmer JAVA Case Study. Jakarta:
PT Elex Media Komputindo.
Sugiono. 2015. Metode Penelitian Kuantitatif, Kualitatif Dan R&D.
Bandung:Alfabeta, CV.
74
LAMPIRAN A
WAWANCARA

Berbasis Web
```

Berbasis Web
LAMPIRAN B
SEJARAH DRUMBAND SMA NEGERI 2 KETAPANG

Berbasis Web
CONTOH PERHITUNGAN

Berbasis Web

Berbasis Web

Berbasis Web

Sistem Informasi Ekstrakurikuler Drumband Di Sman 02 Ketapang Berbasis Web

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Sistem Informasi Ekstrakurikuler Drumband Di Sman 02 Ketapang Berbasis Web

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI EKSTRAKURIKULER DRUMBAND DI

SMAN 02 KETAPANG BERBASIS WEB

PROGRAM STUDI TEKNIK INFORMATIKA

PERANCANGAN SISTEM INFORMASI EKSTRAKURIKULER

MUHAMMAD RIZKI RAMADHANI

Telah Diseminarkan dalam Seminar Proyek 2

Dosen Pembimbing Dosen Penguji

Eka Wahyudi, S.Pd., M.Cs

Muhammad Rizki Ramadhani

Tabel 2.1 Simbol-Simbol Use Case Diagram......................................................5

Gambar 2.1 Struktur Organisasi.........................................................................14

ERD Entity Relationship Diagram

1.1 Latar Belakang

Teknologi informasi adalah suatu teknologi yang digunakan untuk

1.2 Rumusan Masalah

1.3 Batasan Masalah

1.5 Sistematika Penulisan

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

BAB II TINJAUAN PUSTAKA

BAB III METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

2.2 UML (Unified Modelling Language)

2.2.1 Use Case Diagram

Tabel 2. 1 Simbol-Simbol Use Case Diagram

Komunikasi antar aktor dan usecase

Relasi usecase tambahan kesebuah

Sumber: Rosa dan Shalahuddin, 2013.

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

dilakukan aktor, jadi aktivitas yang dapat dilakukan sistem.(Rosa A. S dan

Status awal aktivitas

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

skenario yang ada pada use case.(Rosa A. S dan M. Shalahuddin,

Spesifikasi dari komunikasi antar objek

Spesifikasi dari komunikasi antar objek

2.2.4 Diagram Kelas/Class Diagram

No Gambar Nama Keterangan

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

Himpunan dari objek-objek yang berbagi

Deskripsi dari urutan aksi-aksi yang

Operasi yang benar-benar dilakukan oleh suatu

Sumber: Rosa dan Shalahuddin,2013

2.3 Sistem Pendukung Keputusan

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

𝑋11 𝑋12 𝑋1𝑛

2. Menentukan matrik normalisasi

Rasio Xij menunjukan ukuran ke i dari alternatif pada kriteria ke j, m

Dalam beberapa kasus, sering mengamati bahwa beberapa kriteria lebih

2.4 Diagram Alir

No Simbol Nama Fungsi

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

1 Terminal Menyatakan permulaan atau akhir suatu program

Tabel 2.5 lanjutan

Input atau Menyatakan proses input atau output tanpa

Menyatakan suatu tindakan (proses) yang

Menunjukkan suatu kondisi tertentu yang akan

Menyatakan sambungan dari proses ke proses

Offline Menyatakan sambungan dari proses ke proses

Predefined Menyatakan penyediaan tempat penyimpanan

Punched Menyatakan input berasal dari kartu atau output

Input dan output yang digunakan pita kertas

Sumber : Sitorus, (2015:14)

Perancangan Sistem Informasi Ekstrakurikuler Drumband Di SMAN 02 Ketapang

2.5 PHP : Hypertext Preprcessor (PHP)