1 APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN
BERBASIS WEBSITE
SKRIPSI
Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I
Pada Program Studi Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta
Oleh:
Yuwan Agus Marwiyanto
L200110138
PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
JULI 2015
ii
2 HALAMAN PERSETUJUAN
Skripsi dengan judul
APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN
BERBASIS WEBSITE
telah diperiksa, disetujui untuk diajukan dalam sidang pendadaran pada:
Hari
Rabu
Tanggal
1 Juli 2015
Pembimbing
(Umi Fadlilah, S.T., M.Eng.)
NIP : 197803222005012002
iii
3 HALAMAN PENGESAHAN
APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN
BERBASIS WEBSITE
Dipersiapkan dan disusun oleh
Yuwan Agus Marwiyanto
NIM : L200110138
Telah dipertahankan di depan Dewan Penguji
Pada tanggal 10 Juli 2015
Susunan Dewan Penguji
Pembimbing
Dewan Penguji I
Umi Fadlilah, S.T., M.Eng.
NIP : 197803222005012002
Dr. Husni Thamrin, S.T., M.T., Ph.D.
NIK : 706
Dewan Penguji II
Nurgiyatna, S.T., M.Sc., Ph.D.
NIK : 881
Skripsi ini telah diterima sebagai salah satu persyaratan
untuk memperoleh gelar sarjana jenjang strata I program studi Informatika
Tanggal Juli 2015
Dekan
Fakultas Komunikasi dan Informatika
Ketua Program Studi
Informatika
Dr. Husni Thamrin, S.T., M.T., Ph.D.
NIK : 706
Dr. Heru Supriyono, S.T., M.Sc., Ph.D.
NIK : 970
iv
4 DAFTAR KONTRIBUSI
Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya yang pernah
diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi dan
sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah
ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis diacu dalam
naskah ini dan disebutkan dalam daftar pustaka.
Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi:
1. Saya merancang dan membangun aplikasi akademik dengan menggunakan Adobe
Dreamweaver CS6, Notepad++ dan Xampp.
2. Template saya peroleh dari website zhudesign.com dan serandal.blogspot.com.
3. Pembuatan script saya buat dengan bantuan buku, internet, dan sharing dengan
teman-teman.
Demikian pernyataan dan daftar kontribusi ini saya buat dengan sejujurnya.
Saya bertanggung jawab atas isi dan kebenaran daftar di atas.
Surakarta, 1 Juli 2015
Mengetahui,
Pembimbing
(Umi Fadlilah, ST. MEng.)
NIP : 197803222005012002
Penulis
(Yuwan Agus Marwiyanto)
v
5 PERSEMBAHAN
Untuk Allah SWT yang selalu mendengarkan doa umatNya, kedua orang tuaku yang
selalu menyayangi aku dari kecil hingga sekarang tanpa meminta balasan dan selalu
memberikan semangat serta dukungan. Untuk adik-adikku Ridwan dan Fitroh yang
selalu menjadi penyemangatku untuk lebih maju, kakek dan nenekku yang selalu
menjaga dan menyayangiku dari kecil sampai sekarang, semoga selalu diberikan
kesehatan. Untuk seseorang yang spesial dan sekaligus My Girlfriend yaitu
Anggarani Dias Trisari yang ada setiap saat dalam keadaan senang maupun susah
dan selalu memberikanku semangat. Segenap keluarga Bapak Supriyadi dan Ibu
Lasmi yang sudah aku anggap seperti keluarga keduaku, untuk sahabat-sahabatku
NEWBIE dan WHY GIRLS, terutama Ari Munandar dan Agung Ardhi Wijayanto,
terima kasih yang sudah membantu dalam pembuatan tugas akhr ini dan selalu saling
berbagi ilmunya. Untuk teman-teman Teknik Informatika khususnya angkatan 2011
yang tidak dapat disebutkan satu-persatu, terima kasih telah berbagi ilmu serta
pengalamannya selama ini dan semua pihak yang bersedia membantu dalam
penyusunan skripsi hingga dapat selesai.
vi
6 KATA PENGANTAR
Puji syukur penulis panjatkan ke hadirat Allah SWT, yang telah melimpahkan taufik
dan hidayah-Nya sehingga skripsi dengan judul “Aplikasi Akademik SMK Sinar
Permata Bangsa Sragen Berbasis Website” dapat diselesaikan dengan baik. Skripsi
ini dapat selesai berkat bantuan dari berbagai pihak, oleh karena itu pada kesempatan
ini penulis ingin menyampaikan terima kasih dan penghargaan kepada:
1. Bapak Dr. Husni Thamrin, S.T., M.T., Ph.D. selaku Dekan Fakultas Komunikasi
dan Informatika yang telah melayani dan memberikan fasilitas bagi kelancaran
studi.
2. Bapak Dr. Heru Supriyono, S.T., M.Sc., Ph.D. selaku Ketua Jurusan Teknik
Informatika Universitas Muhammadiyah Surakarta.
3. Bapak Fatah Yasin Irsyadi, S.T., M.T. selaku pembimbing akademik selama
kuliah yang telah memberikan bimbingan dan pengarahan selama masa kuliah
kepada penulis.
4. Ibu Umi Fadlilah, S.T., M.Eng. selaku pembimbing yang selalu meluangkan
waktunya untuk membimbing dan memberikan saran demi kesempurnaan dari
skripsi ini.
5. Segenap dosen penguji pada seminar proposal dan pra pendadaran yang telah
memberikan saran dan masukan dalam penyusunan skripsi ini.
vii
6. Segenap dosen dan karyawan pada Program Studi Informatika atas bantuan dan
ilmu yang diberikan kepada penulis selama masa perkuliahan hingga dinyatakan
mendapat gelar Strata 1.
7. Kepada kedua orang tua yang selalu memberikan do’a, semangat serta dukungan
tiada henti kepada penulis.
8. Bapak ibu guru dan siswa-siswi SMK Sinar Permata Bangsa Sragen, terima kasih
atas partisipasinya sehingga skripsi ini dapat terselesaikan dengan baik dan
lancar.
9. Semua pihak yang tidak bisa disebutkan satu-persatu yang telah membantu dan
memberikan dukungan dalam penyelesaian skripsi ini.
Semoga Allah SWT memberikan balasan yang sesuai dengan budi baik yang
telah mereka berikan. Penulis berharap semoga skripsi ini dapat bermanfaat bagi
penulis sendiri maupun pengembangan penelitian selanjutnya.
Surakarta, 1 Juli 2015
Penulis
viii
7 ABSTRAKSI
Perkembangan teknologi informasi saat ini telah berkembang sangat pesat, muncul
berbagai macam fasilitas yang disediakan untuk memenuhi semua kebutuhan salah
satunya yaitu website yang digunakan di dunia pendidikan yang berfungsi sebagai
pengelola data (basis data) berbasis web. SMK Sinar Permata Bangsa Sragen sendiri
merupakan sekolah yang baru berdiri, sehingga dibutuhkan aplikasi akademik untuk
mempermudah pengolahan yang berkaitan dengan akademik sekolah.
Pembuatan Aplikasi akademik ini dimulai dengan wawancara langsung
dengan guru dan siswa di SMK Sinar Permata Bangsa, kemudian dilanjutkan dengan
analisa kebutuhan sistem. Aplikasi akademik ini dirancang menggunakan bahasa
pemrograman PHP dan MySQL sebagai database.
Penelitian ini menghasilkan aplikasi akademik berbasis website yang
digunakan untuk mempermudah pengolahan data yang berkaitan dengan akademik
khususnya untuk guru dan siswa-siswi di SMK Sinar Permata Bangsa Sragen.
Dimana guru dan siswa dapat melihat jadwal serta nilai yang dapat di download
secara langsung.
Kata Kunci : Website, PHP, Akademik, Sistem Informasi.
ix
8 DAFTAR ISI
HALAMAN JUDUL i
HALAMAN PERSETUJUAN ii
HALAMAN PENGESAHAN iii
DAFTAR KONTRIBUSI iv
PERSEMBAHAN v
KATA PENGANTAR vi
ABSTRAKSI viii
DAFTAR ISI ix
DAFTAR TABEL xii
DAFTAR GAMBAR xiii
DAFTAR SIMBOL DAN SINGKATAN xv
DAFTAR LAMPIRAN xvi
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang Masalah 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 2
1.4 Tujuan Penelitian 3
1.5 Manfaat Penelitian 3
1.6 Sistematika Penulisan 4
BAB 2 TINJAUAN PUSTAKA 6
2.1 Telaah Penelitian 6
2.2 Landasan Teori 8
2.2.1 SMK Sinar Permata Bangsa 9
2.2.2 Pengertian Internet 10
2.2.3 Pengertian Aplikasi Akademik 10
x
2.2.4 Pengertian MySQL 11
2.2.5 Pengertian HTML 11
2.2.6 Pengertian PHP 11
2.2.7 Pengertian CSS (Cascanding Style Sheets) 12
2.2.8 Pengertian XAMPP 12
2.2.9 Pengertian Mozilla Firefox 12
2.2.10 Pengertian Photoshop CS5 13
2.2.11 Pengertian Adobe Dreamweaver CS6 13
2.2.12 Pengertian Notepad++ 13
BAB 3 METODE PENELITIAN 14
3.1 Waktu dan Tempat Penelitian 14
3.2 Analisis Kebutuhan Sistem 14
3.2.1 Pengumpulan Data 15
3.2.2 Perangkat Keras 16
3.2.3 Perangkat Lunak 16
3.2.4 Keamanan 16
3.2.5 Kebutuhan Fungsional 17
3.2.6 User (Pengguna) 17
3.3 Diagram Alir Penelitian 19
3.4 Diagram Alir Sistem 21
3.4.1 Diagram Alir Sistem Admin 21
3.4.2 Diagram Alir Sistem Guru 24
3.4.3 Diagram Alir Sistem Siswa 25
3.5 Perancangan Sistem 27
3.5.1 Use Case Diagram 27
3.5.2 Data Flow Diagram (DFD) 28
3.5.3 Perancangan Basis Data 34
3.5.4 Entity Relationship Diagram (ERD) 42
3.5.5 Perancangan Desain Interface 44
3.5.6 Proses Perancangan Sistem 46
BAB 4 HASIL DAN PEMBAHASAN 48
4.1 Hasil Penelitian 48
xi
4.1.1 Halaman Utama Website 48
4.1.2 Halaman Admin 54
4.1.3 Halaman Guru 64
4.1.4 Halaman Siswa 69
4.2 Hasil Pengujian 73
4.2.1 Pengujian Internal 73
4.2.2 Pengujian Web Browser 74
4.2.3 Pengujian Eksternal 76
4.2.4 Pengujian Perbandingan dengan Sistem yang Lain 79
4.3 Pembahasan dan Analisis 79
BAB 5 PENUTUP 81
5.1 Kesimpulan 81
5.2 Saran 82
DAFTAR PUSTAKA 83
LAMPIRAN 85
PROFIL PENULIS
xii
9 DAFTAR TABEL
3.1 Tabel Admin 34
3.2 Tabel Guru 35
3.3 Tabel Siswa 35
3.4 Tabel Jurusan 36
3.5 Tabel Kelas 36
3.6 Tabel Jadwal 37
3.7 Tabel Mata Pelajaran 37
3.8 Tabel Download 37
3.9 Tabel Nilai 38
3.10 Tabel Berita 38
3.11 Tabel Halaman Statis 39
3.12 Tabel Menu 39
3.13 Tabel Modul 40
3.14 Tabel Modul Guru 40
3.15 Tabel Modul Guru 41
3.16 Tabel Member 41
3.17 Tabel Member 42
3.18 Tabel Topik 42
4.1 Tabel Hasil Pengujian (Black Box) 74
4.2 Tabel Hasil Kuisioner 77
xiii
10 DAFTAR GAMBAR
3.1 Diagram Alir Penelitian 19
3.2 Diagram Alir Sistem Admin 22
3.3 Diagram Alir Sistem Guru 24
3.4 Diagram Alir Sistem Siswa 26
3.5 Use Case Diagram 27
3.6 Diagram Konteks 29
3.7 Data Flow Diagram Level 1 30
3.8 Data Flow Diagram Level 2 Login 31
3.9 Data Flow Diagram Level 2 Pendataan 32
3.10 Data Flow Diagram Level 2 Laporan 33
3.11 Entity Relationsip Diagram (ERD) 43
3.12 Halaman Utama Aplikasi 45
3.13 Halaman Admin, Guru dan Siswa 45
3.14 Instalasi XAMPP 46
3.15 Perancangan Database 46
3.16 Pembuatan Coding 47
4.1 Halaman Utama Website 49
4.2 Halaman Login User 50
4.3 Halaman Login Forum 50
4.4 Halaman Home Forum 51
4.5 Halaman Thread Forum 51
4.6 Halaman Komentar 52
4.7 Halaman Profil Forum 53
4.8 Halaman Edit Profil 53
4.9 Halama Member Lain 54
4.10 Halaman Ganti Password 54
4.11 Halaman Home Admin 55
4.12 Halaman Manajemen User 56
xiv
4.13 Halaman Manajemen Modul 56
4.14 Halaman Menu Utama 57
4.15 Halaman Berita 58
4.16 Halaman Statis 58
4.17 Halaman Jurusan 59
4.18 Halaman Siswa 60
4.19 Halaman Guru 60
4.20 Halaman Mata Pelajaran 61
4.21 Halaman Kelas 61
4.22 Halaman jadwal 62
4.23 Halaman Niali Siswa 62
4.24 Halaman Upload 63
4.25 Halaman Tambah Member Forum 64
4.26 Halaman Home Guru 65
4.27 Halaman Data Pribadi Guru 65
4.28 Halaman Edit Profil Guru 66
4.29 Halaman jadwal 66
4.30 Halaman Cetak Jadwal Guru 67
4.31 Halaman Input Nilai 67
4.32 Halaman Nilai Siswa 68
4.33 Halaman Upload 68
4.34 Halaman Home Siswa 69
4.35 Halaman Data pribadi Siswa 70
4.36 Halaman Edit Profil Siswa 70
4.37 Halaman Lihat Nilai 71
4.38 Halaman Cetak Nilai 71
4.39 Halaman Jadwal Pelajaran 72
4.40 Halaman Cetak Jadwal Siswa 72
4.41 Halaman Download Materi 73
4.42 Tampilan Pengujian dengan Google Chrome 75
4.43 Tampilan Pengujian dengan Mozilla Firefox 75
4.44 Grafik Kuesioner 77
xv
11 DAFTAR SIMBOL DAN SINGKATAN
CSS Cascading Style Sheets
DFD Data Flow Diagram
ERD Entity Relationship Diagram
FK Foreign Key
HTML Hyper Text Markup Language
HTTP HyperText Transfer Protocol
J Jumlah suatu jawaban yang sama per variabel.
MySQL My Structure Query Language
N No
NIM Nomor Induk Mahasiswa
NN Not Null
PHP Personal Home Page
PK Primary Key
Q Persentase nilai dari suatu jawaban yang sama persoal.
R Jumlah responden.
RAD Rapid Application Development
RAM Random Akses Memory
SMK Sekolah Menengah Kejuruan
WWW World Wide Web
Y Yes