i
LAPORAN KERJA PRAKTIK
PEMBUATAN WEB PROFIL DAN PENDAFTARAN EKSTRAKURIKULER (CLIENT SIDE)
DI SMP NEGERI 3 MASBAGIK
Edi Hendriawan 1800018263
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS AHMAD DAHLAN
2020
ii
LEMBAR PERSETUJUAN INSTANSI
iii
LEMBAR PENGESAHAN
KERJA PRAKTIK
PEMBUATAN WEB PROFIL DAN PENDAFTARAN EKSTRAKURIKULER (CLIENT SIDE)
DI SMP NEGERI 3 MASBAGIK
Edi Hendriawan 1800018263
PEMBIMBING : Murein Miksa Mardhia, S.T., M.T , ...
NIY. 60160960
PENGUJI : Dewi Soyusiawaty S.T., M.T, ...
NIY. 60040497
Yogyakarta, 13 Maret 2021 Kaprodi Teknik Informatika
Nur Rochmah Dyah Pujiastuti, S.T., M.Kom NIY. 197608192005012
15-Mar-21
NIP. 197608192005012001
15/03/2021
iv
KATA PENGANTAR
Puji syukur kehadirat Allah Subhanahu Wa Ta’ala atas limpahan rahmat dan hidayah-Nya kepada penulis, sehingga penulis dapat menyelesaikan laporan Kerja Praktik ini. Laporan dengan judul “Pembuatan web profil dan pendaftaran ekstrakurikuler (client side)” ini disusun guna memenuhi persyaratan menyelesaikan Kerja Praktik Program Studi Teknik Informatika Universitas Ahmad Dahlan.
Shalawat serta salam tetap tercurahkan kepada junjungan besar kita, Nabi Muhammad Shalallahu ‘Alaihi Wasalam, serta kepada keluarga dan sahabat.
Semoga kita sebagai umatnya, bisa mendapatkan syafaat beliau di akhirat kelak.
Dalam penyusunan laporan Kerja Praktik ini penulis mendapatkan pengetahuan dan pengalaman dari beberapa pihak. Oleh karena itu, penulis mengucapkan terimakasih kepada :
1. Nur Rochmah Dyah PA, S.T., M.Kom. selaku Ketua Prodi Teknik Informatika, Fakultas Teknologi Industri, Universitas Ahmad Dahlan.
2. Murein Miksa Mardhia, S.T., M.T., selaku Dosen Pembimbing yang telah memberikan bimbingan untuk menyelesaikan laporan Kerja Praktik ini.
3. Muhammad Husanan, S.E, selaku Pembimbing Lapangan.
4. Segenap Dosen Teknik Informatika Universitas Ahmad Dahlan, yang telah memberikan ilmunya sehingga laporan Kerja Praktik ini dapat selesai.
Penulis menyadari bahwa laporan Kerja Praktik ini masih jauh dari kata sempurna.
Oleh karena itu, kritik dan saran yang membangun selalu penulis harapkan, demi penyusunan laporan yang lebih baik lagi kedepannya. Penulis berharap, semoga laporan Kerja Praktik ini dapat bermanfaat untuk penulis sendiri, dan para pembaca.
Yogyakarta, 2 Februari 2020
Edi Hendriawan
v
DAFTAR ISI
LEMBAR PERSETUJUAN INSTANSI ... ii
LEMBAR PENGESAHAN ... iii
KATA PENGANTAR ... iv
DAFTAR ISI... v
DAFTAR GAMBAR ... vii
DAFTAR TABEL ... viii
BAB I ... 1
PENDAHULUAN ... 1
A. Latar Belakang ... 1
B. Identifikasi Masalah ... 1
C. Batasan Masalah ... 2
D. Rumusan Masalah ... 2
E. Tujuan KP Mandiri ... 2
F. Manfaat KP Mandiri ... 3
BAB II ... 4
GAMBARAN INSTANSI ... 4
A. Umum ... 4
B. Struktur Organisasi ... 7
C. Sumber Daya Manusia dan Sumber daya Fisik lainnya ... 7
D. Proses bisnis saat ini ... 8
BAB III ... 9
METODOLOGI KP ... 9
A. Lokasi KP, Alamat, Kontak pembimbing KP ... 9
B. Metode pengambilan data KP ... 9
C. Rancangan jadwal kegiatan KP ... 9
D. Rancangan Sistem ... 10
BAB IV ... 19
HASIL PELAKSANAAN KP ... 19
A. Deskripsi sistem yang dibangun ... 19
B. Pembahasan sistem yang dibangun ... 19
1. Hasil Analisis ... 19
2. Hasil Implementasi ... 20
3. Hasil Capaian Kerja Praktik ... 25
vi
BAB V ... 29
PENUTUP ... 29
A. Kesimpulan ... 29
B. Saran ... 29
DAFTAR PUSTAKA ... 30
LAMPIRAN... 31
A. Surat Rekomendasi KP ... 31
B. Surat Keterangan Telah KP ... 33
C. Logbook ... 34
D. Dokumentasi ... 38
vii
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi ... 7
Gambar 3.1 User Case Diagram ... 10
Gambar 3.2 Entitas Antar Diagram dan Kardinalitas ... 11
Gambar 3.3 Halaman login ... 15
Gambar 3.4 Halaman Home ... 15
Gambar 3.5 Halaman daftar ekstrakurikuler ... 16
Gambar 3.6 Halaman Profil ... 16
Gambar 3.7 Halaman visi misi ... 17
Gambar 3.8 Halaman Data Guru ... 17
Gambar 3.9 Halaman Data Siswa ... 18
Gambar 3.10 Halaman Berita ... 18
Gambar 4.1 Screenshot tampilan login ... 20
Gambar 4.2 Screenshot tampilan home ... 21
Gambar 4.3 Screenshot tampilan profil ... 21
Gambar 4.4 Screenshot tampilan profil ... 22
Gambar 4.5 Screenshot tampilan visi misi ... 22
Gambar 4.6 Screenshot tampilan data guru ... 23
Gambar 4.7 Screenshot tampilan fasilitas ... 24
Gambar 4.8 Screenshot tampilan prestasi ... 24
Gambar 4.9 Screenshot tampilan Kegiatan ... 24
Gambar 4.10 Screenshot tampilan data siswa ... 25
Gambar 4.11 Screenshot tampilan berita ... 25
viii
DAFTAR TABEL
Tabel 2.1 Visi dan indikator ... 5
Tabel 2.2 data jumlah guru... 7
Tabel 2.3 Data jumlah pegawai ... 8
Tabel 3.1 Rancangan jadwal kegiatan KP... 9
Tabel 3.2 Tabel siswa ... 11
Tabel 3.3 Tabel ekskul ... 11
Tabel 3.4 Tabel data_guru... 11
Tabel 3.5 Tabel data_berita ... 12
Tabel 3.6 Tabel prestasi ... 12
Tabel 3.7 Tabel kegiatan ... 12
Tabel 3.8 Tabel fasilitas ... 13
Tabel 3.9 Kebutuhan Sistem user siswa ... 13
Tabel 3.10 Kebutuhan Sistem user publik ... 14