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

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