APLIKASI PENDAFTARAN DAN INFORMASI EKSTRAKULIKULER PADA SMKN 2 KOBA BERBASIS ANDROID
SKRIPSI
Oleh : Winda Andriyani
1511500027
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR
PANGKALPINANG
2019
APLIKASI PENDAFTARAN DAN INFORMASI EKSTRAKULIKULER PADA SMKN 2 KOBA BERBASIS ANDROID
SKRIPSI
Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer
Oleh : Winda Andriyani
1511500027
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR
PANGKALPINANG
2019
iii
ABSTRACT
SMKN 2 Koba has extracurricular activities in various fields such as sports, academics, and arts. Problems that arise in the management of extracurricular activities at SMKN 2 Koba are still manually recorded either in registration or are still not computerized, thus making an online extracurricular registration application for SMKN 2 Koba. The method used in making this system with the waterfall system development model with stages, modeling, software requirements analysis, design, coding, and testing. System development methods use object- oriented methods (Object-oriented programming). System Development Tools use UML diagrams, namely usecase diagrams, activity diagrams, sequence diagrams, class diagrams. Therefore, an application is made available that can be accessed via a smartphone for students in conducting extracurricular registration online and making it easier for students to find information about registration and extracurricular schedules.
Keywords: SMKN 2 Koba, Extracurricular, Unified Modeling Language,
ABSTRAK
SMKN 2 Koba memiliki ekstrakulikuler diberbagai bidang seperti bidang olahraga, akedemik, dan seni. Permasalahan yang muncul pada pengelolaan kegiatan ekstrakurikuler di SMKN 2 Koba masih tercatat secara manual baik dalam pendaftaran atau masih belum terkomputerisasi, dengan demikian membuatkan aplikasi pendaftaran ektrakulikuler SMKN 2 Koba secara online. Metode yang digunakan dalam pembuatan sistem ini dengan model pengembangan sistem waterfall dengan tahapan, pemodelan, analisis kebutuhan software, desain, coding, dan pengujian. Metode Pengembangan sistem menggunakan metode berorientasi objek (Object-oriented programming). Tools Pengembangan Sistem menggunakan diagram UML yaitu usecase diagram, activity diagram, sequence diagram, class diagram. Oleh karena itu, dibuatlah sebuah aplikasi yang dapat diakses melalui smartphone untuk siswa dalam melakukan pendaftaran ekstrakulikuler secara online dan mempermudah siswa dalam mencari informasi tentang pendaftaran dan jadwal ektrakulikuler.
Kata kunci : SMKN 2 Koba, Ekstrakulikuler, Unified Modelling Language,
v
KATA PENGANTAR
Puji syukur Alhamdulillah kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karuniaNya, sehingga penulis dapat menyelesaikan laporan skripsi yang merupakan salah satu persyaratan untuk menyelesaikan jenjang strata satu (S1) pada Program Studi Teknik Informatika STMIK Atma Luhur.
Penulis menyadari bahwa laporan skripsi ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan skripsi ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada:
1. Allah SWT yang telah menciptakan dan memberikan kehidupan di dunia 2. Bapak dan Ibu tercinta yang telah mendukung penulis baik spirit maupun
materi.
3. Bapak Drs. Djaetun Hs yang telah mendirikan Atma Luhur .
4. Bapak Dr. Husni Teja Sukmana,S.T, M.sc, Ph.D selaku Ketua STMIK Atma Luhur.
5. Bapak R.Burham Isnanto Farid, S.Si., M. Kom selaku Kaprodi Teknik Informatika.
6. Bapak Fransiskus Panca Juniawan, M. Kom selaku dosen pembimbing.
7. Bapak Rusdianto, M.pd selaku kepala sekolah SMKN 2 Koba yang telah mengizinkan penelitian skripsi.
8. Saudara dan sahabat-sahabatku terutama Istaryani, Suci Mereci, Mega nopiyanti, Diana Adiyati, Novia Putri, Eka Septia, genks squad pajow, kawan kawan angkatan 2015 yang selalu memberikan dukungan moral untuk terus meyelesaikan skripsi ini.
Semoga Tuhan Yang Maha Esa membalas kebaikan dan selalu mencurahkan hidayah serta taufikNya, Aamiin.
Pangkalpinang, 02 Juli 2019
Penulis
DAFTAR ISI
Hal
LEMBAR PENGESAHAN ... i
LEMBAR PERNYATAA ... ii
ABSRACT ... iii
ABSTRAK ... iv
KATA PENGANTAR ... v
DAFTAR ISI ... vi
DAFTAR GAMBAR ... viii
DAFTAR TABEL ... ...x
DAFTAR SIMBOL ... xi
BAB I PENDAHULUAN 1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah... 2
1.4 Tujuan dan Manfaat Penelitian ... 3
1.5 Sistematika Penulisan ... 3
BAB II LANDASAN TEORI 2.1 Definisi aplikasi menurut ahli ... 5
2.2 Ekstrakulikuler ... 5
2.2.1 Definisi dan Hakikat Ektrakulikuler ... 5
2.3 Pengertian Android ... 6
2.3.1. Arsitektur Android ... 7
2.4 Tool Pengembang Sistem ... 9
2.4.1 Android Studio ... 9
2.4.2 JDK ... 10
2.4.3 Java ... 10
2.4.4 SDK ... 10
vii
2.4.5 MySQL ... 11
2.4.6 PHP ... 11
2.4.7 Astah ... 11
2.5 Unified Modeling Language ... 12
2.5.1 Use Case Diagram ... 12
2.5.2 Activity Diagram ... 13
2.5.3 Class Diagram ... 14
2.5.4 Sequence Diagram ... 15
2.6 Penelitian Terdahulu ... 16
BAB III METODOLODI PENELITIAN 3.1 Model Pengembangan Sistem ... 20
3.2 Metode Pengembangan Sistem ... 21
3.3 Tools Pengembangan Sistem ... 21
BAB VI HASIL DAN PEMBAHASAN 4.1 Profil SMKN 2 Koba ... 24
4.1.1 Struktur Organisasi ... 25
4.12isi dan Misi SMKN 2 Koba ... 25
4.2 Analisis Sistem ... 25
4.2.1 Analisis Kebutuhan ... 26
4.2.2 Analisis Sistem Berjalan ... 28
4.3 Perancangan ... 29
4.3.1 Identifikasi Sistem Unggulan ... 29
4.3.1.1 Use Case Diagram ... 29
4.3.1.2 Activity Diagram Siswa ... 35
4.3.1.3 Activity Diagram Admin ... 42
4.3.2 Rancangan ... 54
4.3.2.1 Sequence Diagram Siswa ... 54
4.3.2.2 Sequence Diagram Admin ... 60
4.3.3 Perancangan Database ... 66
4.3.3.1 Class Diagram ... 66
4.3.3.2 Rancangan Layar Siswa ... 70
4.3.3.3 Rancangan Layar Admin... 78
4.4 Implementasi ... 88
4.4.1 Tampilan Layar Siswa... 89
4.4.2 Tampilan Layar Admin ... 97
BAB V PENUTUP 5.1 Kesimpulan ... 108
5.2 Saran ... 108
DAFTAR PUSTAKA ... 109
LAMPIRAN
ix
DAFTAR GAMBAR
Hal
Gambar 2.1 Arsitektur Android ... 9
Gambar 2.2 Use Case Diagram ... 13
Gambar 2.3 Activity Diagram ... 14
Gambar 2.4 Class Diagram... 15
Gambar 2.5 Sequence Diagram ... 16
Gambar 4.1 Struktur Organisasi ... 25
Gambar 4.2 Activity Diagram Analisis Sistem Berjalan ... 28
Gambar 4.3 Use Case Diagram Siswa ... 30
Gambar 4.4 Use Case Diagram Admin ... 33
Gambar 4.5 Activity Diagram Menu Register ... 36
Gambar 4.6 Activity Diagram Menu Login ... 37
Gambar 4.7 Activity Diagram Menu Home ... 38
Gambar 4.8 Activity Diagram Menu Data Ektrakulikuler ... 39
Gambar 4.9 Activity Diagram Menu Daftar Ekstrakulikuler ... 40
Gambar 4.10 Activity Diagram Menu Data Diri ... 41
Gambar 4.11 Activity Diagram Menu Logout ... 42
Gambar 4.12 Activity Diagram Admin Menu Login ... 43
Gambar 4.13 Activity Diagram Admin Menu Home ... 44
Gambar 4.14 Activity Diagram Admin Data Siswa ... 45
Gambar 4.15 Activity Diagram Admin Tambah Siswa ... 46
Gambar 4.16 Activity Diagram Admin Data Ekskul ... 47
Gambar 4.17 Activity Diagram Admin Tambah Ekskul ... 48
Gambar 4.18 Activity Diagram Admin Data Jenis Ekskul ... 49
Gambar 4.19 Activity Diagram Admin Tambah Jenis Ekskul ... 50
Gambar 4.20 Activity Diagram Admin Data Pengumuman ... 51
Gambar 4.21 Activity Diagram Admin Tambah Pengumuman ... 52
Gambar 4.22 Activity Diagram Admin Detail Anggota Ekskul ... 53
Gambar 4.23 Activity Diagram Admin Logout ... 54
Gambar 4.24 Sequence Diagram Register Siswa ... 55
Gambar 4.25 Sequence Diagram Login Siswa ... 56
Gambar 4.26 Sequence Diagram Data Ekstrakulikuler Siswa... 57
Gambar 4.27 Sequence Diagram Daftar Ekstrakulikuler Siswa ... 58
Gambar 4.28 Sequence Diagram Data Diri Siswa ... 59
Gambar 4.29 Sequence Diagram Logout ... 59
Gambar 4.30 Sequence Diagram Login Admin... 60
Gambar 4.31 Sequence Diagram Admin Menu Siswa…...61
Gambar 4.32 Sequence Diagram Admin Menu Ekstrakulikuler ... 62
Gambar 4.33 Sequence Diagram Menu Jenis Ekstrakulikuler ... 63
Gambar 4.34 Sequence Diagram Menu Admin Pengumuman ... 64
Gambar 4.35 Sequence Diagram Detail Anggota Ekskul ... 65
Gambar 4.36 Sequence Diagram Admin Logout ... 66
Gambar 4.37 Class Diagram... 67
Gambar 4.38 Rancangan Layar Awal Aplikasi Siswa ... 70
Gambar 4.39 Rancangan Layar Register Siswa ... 71
Gambar 4.40 Rancangan Layar Login Siswa ... 72
Gambar 4.41 Rancangan Layar Menu Siswa ... 73
Gambar 4.42 Rancangan Layar Menu Home ... 74
Gambar 4.43 Rancangan Layar Menu Data Ekstrakulikuler siswa ... 75
Gambar 4.44 Rancangan Layar Menu Daftar Ekstrakulikuler ... 76
Gambar 4.45 Rancangan Layar Menu Data Diri Siswa ... 77
Gambar 4.46 Rancangan Layar Login Admin ... 78
Gambar 4.47 Rancangan Layar Home Admin…...79
Gambar 4.48 Rancangan Layar Awal Data Siswa ... 80
Gambar 4.49 Rancangan Layar Menu Admin Tambah Data Siswa ... 81
Gambar 4.50 Rancangan Layar Menu Admin Data Ekskul ... 82
Gambar 4.51 Rancangan Layar Menu Admin Tambah Ekskul ... 83
Gambar 4.52 Rancangan Layar Menu Admin Data Jenis Ekskul ... 84
Gambar 4.53 Rancangan Layar Menu Admin Tambah Jenis Ekskul ... 85
Gambar 4.54 Rancangan Layar Admin Data Pengumuman ... 86
xi
Gambar 4.55 Rancangan Layar Admin Tambah Pengumuman... 87
Gambar 4.56 Rancangan Layar Admin Detail Anggota Eksksul ... 88
Gambar 4.57 Tampilan Layar Menu Awal Siswa ... 89
Gambar 4.58 Tampilan Layar Menu Register Siswa ... 90
Gambar 4.59 Tampilan Layar Menu Login Siswa ... 91
Gambar 4.60 Tampilan Layar Menu Siswa ... 92
Gambar 4.61 Tampilan Layar Menu Home Siswa... 93
Gambar 4.62 Tampilan Layar Menu Data Ekstrakulikuler Siswa ... 94
Gambar 4.63 Tampilan Layar Menu Daftar Ekstrakulikuler Siswa ... 95
Gambar 4.64 Tampilan Layar Menu Data Diri Siswa ... 96
Gambar 4.65 Tampilan Layar Menu Login Admin ... 97
Gambar 4.66 Tampilan Layar Menu Home Admin ... 97
Gambar 4.67 Tampilan Layar Menu Data Siswa Admin ... 98
Gambar 4.68 Tampilan Layar Menu Tambah Siswa Admin ... 99
Gambar 4.69 Tampilan Layar Menu Data Eskul Admin ... 99
Gambar 4.70 Tampilan Layar Menu Tambah Ekskul Admin... 100
Gambar 4.71 Tampilan Layar Menu Data Jenis Ekskul ... 101
Gambar 4.72 Tampilan Layar Menu Tambah Jenis Ekskul Admin... 101
Gambar 4.73 Tampilan Layar Menu Data Pengumuman Admin ... 102
Gambar 4.74 Tampilan Layar Menu Tambah Pengumuman Admin ... 103
Gambar 4.75 Tampilan Layar Menu Detail Anggota Ekskul Admin ... 103
DAFTAR TABEL
Hal
Tabel 2.1 Penelitian Terdahulu ... 16
Tabel 4.1 Spesifikasi Laptop ... 27
Tabel 4.2 Spesifikasi Smartphone ... 27
Tabel 4.3 Deskripsi Use case Register ... 30
Tabel 4.4 Deskripsi Use case Login ... 31
Tabel 4.5 Deskripsi Use case Home ... 31
Tabel 4.6 Deskripsi Use case Data Ekstrakulikuler ... 31
Tabel 4.7 Deskripsi Use case Daftar Ekstrakulikuler ... 31
Tabel 4.8 Deskripsi Use case Data Diri ... 32
Tabel 4.9 Deskripsi Use case Logout...32
Tabel 4.10 Deskripsi Use case Login...33
Tabel 4.11 Deskripsi Use case Home...34
Tabel 4.12 Deskripsi Use case Siswa...34
Tabel 4.13 Deskripsi Use case Ekstrakulikuler...34
Tabel 4.14 Deskripsi Use case Pengumuman...34
Tabel 4.15 Deskripsi Use case Detail Anggota Ekskul...35
Tabel 4.16 Deskripsi Use case Logout...35
Tabel 4.17 Spesifikasi Basis Data Admin ... 68
Tabel 4.18 Spesifikasi Basis Data Akun ... 68
Tabel 4.19 Spesifikasi Basis Data Daftar Pemilih ... 68
Tabel 4.20 Spesifikasi Basis Data Ekskul ... 69
Tabel 4.21 Spesifikasi Basis Data jenis_ekskul ... 69
Tabel 4.22 Spesifikasi Basis Data pengumuman ... 69
Tabel 4.23 Pengujuan Metode Blackbox untuk user(Siswa) ... 104
Tabel 4.24 Pengujuan Metode Blackbox untuk Admin ... 105
xiii
DAFTAR SIMBOL
1.
USE CASE DIAGRAM
NO GAMBAR NAMA KETERANGAN
1 Actor
Menspesifikasikan himpuan peran yang pengguna mainkan ketika berinteraksi dengan use case.
2 Dependency
Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri (independent).
3 Generalization
Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor).
4 Include Menspesifikasikan bahwa use case
sumber secara eksplisit.
5 Extend
Menspesifikasikan bahwa use case target memperluas perilaku dari use case sumber pada suatu titik yang diberikan.
6 Association Apa yang menghubungkan antara objek satu dengan objek lainnya.
7 System
Menspesifikasikan paket yang menampilkan sistem secara terbatas.
8 Use Case
Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu aktor
9 Collaboration
Interaksi aturan-aturan dan elemen lain yang bekerja sama untuk menyediakan prilaku yang lebih besar dari jumlah dan elemen- elemennya (sinergi).
10 Note
Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi
2.
ACTIVITY DIAGRAM
NO GAMBAR NAMA KETERANGAN
1 Activity
Memperlihatkan bagaimana masing- masing kelas antarmuka saling berinteraksi satu sama lain
2 Action State dari sistem yang mencerminkan eksekusi dari suatu aksi
3 Initial Node Bagaimana objek dibentuk atau diawali.
4 Actifity Final
Node
Bagaimana objek dibentuk dan dihancurkan
5 Fork Node Satu aliran yang pada tahap tertentu berubah menjadi beberapa aliran
3.
SEQUENCE DIAGRAM
NO GAMBAR NAMA KETERANGAN
1 LifeLine
Objek entity,antarmuka yang saling berinteraksi.
2 Message
Spesifikasi dari komunikasi antar objek
yang memuat informasi-informasi
tentang aktifitas yang terjadi
xv
3 Message
Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi
4. CLASS DIAGRAM