1 APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN BERBASIS WEBSITE

Transkripsi

1 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 L PROGRAM STUDI INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA JULI 2015

2 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 :

3 iii 3 HALAMAN PENGESAHAN APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN BERBASIS WEBSITE Dipersiapkan dan disusun oleh Yuwan Agus Marwiyanto NIM : L 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 : 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 Dekan Fakultas Komunikasi dan Informatika Tanggal Juli 2015 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

4 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 Penulis (Umi Fadlilah, ST. MEng.) NIP : (Yuwan Agus Marwiyanto)

5 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.

6 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.

7 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 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

8 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.

9 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 Latar Belakang Masalah Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Sistematika Penulisan 4 BAB 2 TINJAUAN PUSTAKA Telaah Penelitian Landasan Teori SMK Sinar Permata Bangsa Pengertian Internet Pengertian Aplikasi Akademik 10

10 x Pengertian MySQL Pengertian HTML Pengertian PHP Pengertian CSS (Cascanding Style Sheets) Pengertian XAMPP Pengertian Mozilla Firefox Pengertian Photoshop CS Pengertian Adobe Dreamweaver CS Pengertian Notepad++ 13 BAB 3 METODE PENELITIAN Waktu dan Tempat Penelitian Analisis Kebutuhan Sistem Pengumpulan Data Perangkat Keras Perangkat Lunak Keamanan Kebutuhan Fungsional User (Pengguna) Diagram Alir Penelitian Diagram Alir Sistem Diagram Alir Sistem Admin Diagram Alir Sistem Guru Diagram Alir Sistem Siswa Perancangan Sistem Use Case Diagram Data Flow Diagram (DFD) Perancangan Basis Data Entity Relationship Diagram (ERD) Perancangan Desain Interface Proses Perancangan Sistem 46 BAB 4 HASIL DAN PEMBAHASAN Hasil Penelitian 48

11 xi Halaman Utama Website Halaman Admin Halaman Guru Halaman Siswa Hasil Pengujian Pengujian Internal Pengujian Web Browser Pengujian Eksternal Pengujian Perbandingan dengan Sistem yang Lain Pembahasan dan Analisis 79 BAB 5 PENUTUP Kesimpulan Saran 82 DAFTAR PUSTAKA 83 LAMPIRAN 85 PROFIL PENULIS

12 xii 9 DAFTAR TABEL 3.1 Tabel Admin Tabel Guru Tabel Siswa Tabel Jurusan Tabel Kelas Tabel Jadwal Tabel Mata Pelajaran Tabel Download Tabel Nilai Tabel Berita Tabel Halaman Statis Tabel Menu Tabel Modul Tabel Modul Guru Tabel Modul Guru Tabel Member Tabel Member Tabel Topik Tabel Hasil Pengujian (Black Box) Tabel Hasil Kuisioner 77

13 xiii 10 DAFTAR GAMBAR 3.1 Diagram Alir Penelitian Diagram Alir Sistem Admin Diagram Alir Sistem Guru Diagram Alir Sistem Siswa Use Case Diagram Diagram Konteks Data Flow Diagram Level Data Flow Diagram Level 2 Login Data Flow Diagram Level 2 Pendataan Data Flow Diagram Level 2 Laporan Entity Relationsip Diagram (ERD) Halaman Utama Aplikasi Halaman Admin, Guru dan Siswa Instalasi XAMPP Perancangan Database Pembuatan Coding Halaman Utama Website Halaman Login User Halaman Login Forum Halaman Home Forum Halaman Thread Forum Halaman Komentar Halaman Profil Forum Halaman Edit Profil Halama Member Lain Halaman Ganti Password Halaman Home Admin Halaman Manajemen User 56

14 xiv 4.13 Halaman Manajemen Modul Halaman Menu Utama Halaman Berita Halaman Statis Halaman Jurusan Halaman Siswa Halaman Guru Halaman Mata Pelajaran Halaman Kelas Halaman jadwal Halaman Niali Siswa Halaman Upload Halaman Tambah Member Forum Halaman Home Guru Halaman Data Pribadi Guru Halaman Edit Profil Guru Halaman jadwal Halaman Cetak Jadwal Guru Halaman Input Nilai Halaman Nilai Siswa Halaman Upload Halaman Home Siswa Halaman Data pribadi Siswa Halaman Edit Profil Siswa Halaman Lihat Nilai Halaman Cetak Nilai Halaman Jadwal Pelajaran Halaman Cetak Jadwal Siswa Halaman Download Materi Tampilan Pengujian dengan Google Chrome Tampilan Pengujian dengan Mozilla Firefox Grafik Kuesioner 77

15 xv 11 DAFTAR SIMBOL DAN SINGKATAN CSS DFD ERD FK HTML HTTP J MySQL N NIM NN PHP PK Q R RAD RAM SMK WWW Y Cascading Style Sheets Data Flow Diagram Entity Relationship Diagram Foreign Key Hyper Text Markup Language HyperText Transfer Protocol Jumlah suatu jawaban yang sama per variabel. My Structure Query Language No Nomor Induk Mahasiswa Not Null Personal Home Page Primary Key Persentase nilai dari suatu jawaban yang sama persoal. Jumlah responden. Rapid Application Development Random Akses Memory Sekolah Menengah Kejuruan World Wide Web Yes

16 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