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 Dekan Fakultas Komunikasi dan Informatika
Dr. Husni Thamrin, S.T., M.T., Ph.D. NIK : 706
Juli 2015 Ketua Program Studi Informatika
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
BAB 2
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
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
BAB 3
BAB 4
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
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
HASIL DAN PEMBAHASAN
48
4.1
48
Hasil Penelitian
xi
BAB 5
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
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
xvi
12 DAFTAR LAMPIRAN
A.
Surat Keterangan Telah Melakukan Penelitian
86
B.
Foto Pengisian Quisioner dan Implementasi Website
87
C.
Contoh Script Program
89
D.
Quisioner
108