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
2
HALAMAN PERSETUJUANSkripsi 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
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
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
v
5 PERSEMBAHAN
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.
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
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.
ix
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.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
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
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
xiii
10 DAFTAR GAMBAR
3.1 Diagram Alir Penelitian 19
3.2 Diagram Alir Sistem Admin 22
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.10 Halaman Ganti Password 54
4.11 Halaman Home Admin 55
4.14 Halaman Menu Utama 57
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
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
12 DAFTAR LAMPIRAN
A. Surat Keterangan Telah Melakukan Penelitian 86
B. Foto Pengisian Quisioner dan Implementasi Website 87
C. Contoh Script Program 89
