PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS WEB DI SMA NEGERI 2 WONOGIRI

Transkripsi

1 PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS WEB DI SMA NEGERI 2 WONOGIRI SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Disusun oleh : BERLIANA LINDA MAHENDRAWATI NIM: L PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2011 i

2 HALAMAN PERSETUJUAN Skripsi dengan judul PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS WEB DI SMA NEGERI 2 WONOGIRI ini telah diperiksa dan disetujui pada : Hari : Jumat Tanggal : 22 Juli 2011 Pembimbing I Pembimbing II (Fatah Yasin, S.T., M.T) NIK. 738 (Ady Purna Kurniawan, S.T) NIK ii

3 HALAMAN PENGESAHAN PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS WEB DI SMA NEGERI 2 WONOGIRI dipersiapkan dan disusun oleh BERLIANA LINDA MAHENDRAWATI NIM : L telah dipertahankan di depan Dewan Penguji pada tanggal 29 Juli 2011 Susunan Dewan Penguji Pembimbing I Anggota Dewan Penguji (Fatah Yasin, S.T., M.T) NIK. 738 (Aris Budiman, S.T., M.T.) NIK : 885 Pembimbing II Anggota Dewan Penguji (Ady Purna Kurniawan, S.T) NIK (Dedi Gunawan, S.T.) NIK : Skripsi ini telah diterima sebagai salah satu persyaratan untuk memperoleh gelar sarjana Tanggal.. Dekan Fakultas Komunikasi dan Informatika Ketua Program Studi Teknik Informatika (Husni Thamrin, S.T., M.T., Ph.D.) NIK : 706 (Aris Rakhmadi, ST., M.Eng.) NIK : 983 iii

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 program aplikasi sendiri dengan melihat contoh kasus yang ada pada SMA Negeri 2 Wonogiri dan bantuan internet dan buku yang dilampirkan dalam daftar pustaka. 2. Saya merancang sistem dengan menggunakan software webserver AppServ dan membuat basis data dengan phpmyadmin yang terdapat dalam satu paket webserver tersebut atau bisa di dapatkan dari 3. Saya menggunakan sistem operasi Windows 7 Ultimated untuk menjalankan aplikasi PHP versi dan MySQL Database versi b. Demikian pernyataan dan daftar kontribusi ini saya buat dengan sejujurnya. Saya bertanggungjawab atas isi dan kebenaran daftar di atas. iv

5 Surakarta, 28 Juni 2011 Berliana Linda Mahendrawati Mengetahui: Pembimbing I Pembimbing II (Fatah Yasin, S.T., M.T) NIK. 738 (Ady Purna Kurniawan, S.T) NIK v

6 MOTTO DAN PERSEMBAHAN MOTTO Sesungguhnya Allah tidak akan mengampuni dosa syirik, dan Dia mengampuni segala dosa yang selain dari (syirik) itu, bagi siapa yang dikehendaki-nya. Barangsiapa yang mempersekutukan Allah, maka sungguh ia telah berbuat dosa yang besar. (QS An Nisaa :48) PERSEMBAHAN : Sebuah karya ini wujud syukur dan terima kasihku akan kupersembahkan buat : 1. Bapak dan ibu tercinta, terimakasih atas bimbingan, doa restu dan pengorbanannya, semoga keridhoan Allah SWT senantiasa bersama kita, Amin. 2. Kakakku dan seluruh keluarga yang aku sayangi (Mas Adyng, Mbak Ima, Dek Dhiya, Om Bhakti, Om Timbul dan Mbah Putri). Terimakasih dukungan dan doanya. 3. Seorang yang telah membimbing, membantu, mendukung dan mendoakanku di setiap doanya. Makasih ya Mas Jay Teman-teman dan sahabatku TI 07 semoga sukses selalu buat kalian semua, semangat...!!. vi

7 KATA PENGANTAR Assalamu alaikum warahmatullahi wa barakatuh Alhamdulillahirabbil alamin, puji syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan Rahmat dan Karunia-Nya. Shalawat serta salam penulis ucapkan kepada sang teladan manusia, Nabi Muhammad SAW, sehingga penulis dapat menyelesaikan penyusunan skripsi dengan judul Perancangan dan Pembuatan Raport Berbasis Web di SMA Negeri 2 Wonogiri. Pada kesempatan ini penulis merancang dan membuat sebuah sistem aplikasi raport online. Penulis berharap apa yang telah penulis buat dalam Skripsi ini dapat memberikan sebuah sumbangsih bagi pihak yang terkait, seluruh aktivitas yang ada pada SMA Negeri 2 Wonogiri khususnya dalam hal informasi nilai siswa, dan khalayak umum yang ingin mengetahui perancangan dan pembuatan aplikasi raport berbasis web. Dalam penyusunan laporan Skripsi tidak lepas dari berbagai pihak yang telah banyak membantu. Pada kesempatan ini penulis mengucapkan terima kasih kepada : 1. Bapak Husni Thamrin, S.T., M.T., Ph.D, sebagai Dekan Program Studi Teknik Informatika Universitas Muhammadiyah Surakarta. 2. Bapak Aris Rakhmadi, S.T., M.Eng sebagai Ketua Program Studi Teknik Informatika Universitas Muhammadiyah Surakarta. 3. Bapak Fatah Yasin, S.T, M.T, Ibu Azizah Fatmawati, S.T, Bapak Ady Purna Kurniawan, S.T selaku Dosen Pembimbing yang telah banyak vii

8 meluangkan waktu untuk membantu, membimbing, mengarahkan serta memberikan dukungan kepada penulis dalam menyelesaikan penyusunan Skripsi ini. 4. Seluruh Dosen dan karyawan Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta atas bantuan dan ilmu yang diberikan kepada penulis. 5. Ayah dan Ibu beserta keluarga tersayang (Mas Adyng, Mbak Ima, keponakan tersayang Dhiya, om Bhakti, om Timbul, Mbah putri, dsb) yang memberikan dukungan, doa dan bantuannya. 6. Seseorang yang sangat berarti yang selalu membantu penulis dalam menyelesaikan Skripsi ini, terima kasih atas seluruh kasih sayang, bantuan, dorongan dan dukungan yang selalu diberikan. Terimakasih Mas Jayus. 7. Teman teman Teknik Informatika khususnya angkatan 07 yang tak dapat sukses buat kalian semua, semangat dan berjuang terus. 8. Semua kerabat yang banyak membantu kami yang tidak dapat disebutkan satu persatu. Penulis menyadari bahwa Tiada Gading yang Tak Retak masih banyak kekurangan dan ketidaksempurnaan pada penulisan, namun dari ketidaksempurnaan inilah yang akan mendorong seseorang menuju arah yang lebih baik guna penyempurnaannya dan mengharapkan kritik maupun saran yang membangun. viii

9 Semoga karya ini bermanfaat untuk menambah wacana keilmuan dan keislaman serta sebagai wahana penelitian selanjutnya. Wassalamu alaikum warahmatullahi wa barakatuh. Surakarta, 1 Juli 2011 Penulis ix

10 DAFTAR ISI HALAMAN JUDUL... HALAMAN PERSETUJUAN... HALAMAN PENGESAHAN... HALAMAN KONTRIBUSI... HALAMAN MOTTO DAN PERSEMBAHAN... KATA PENGANTAR... DAFTAR ISI... DAFTAR TABEL... DAFTAR GAMBAR... ABTRAKSI... i ii iii iv vi vii x xv xvii xx BAB I PENDAHULUAN... 1 A. Latar Belakang Masalah... 1 B. Perumusan Masalah... 2 C. Batasan Masalah... 2 D. Tujuan Peneitian... 3 E. Manfaat Peneltian... 3 F. Sistematika Penulisan... 3 BAB II LANDASAN TEORI... 7 A. Telaah Penelitian... 7 B. Landasan Teori... 8 x

11 1. Perancangan Sistem a. Diagram Menu... 8 b. Unified Model Language ).Use Case Diagram ). Sequence Diagram ). Activity Diagram ). Class Diagram Database a. Basisdata b. Sistem Basis Data c. TIC (Table Instance Chart) Website Macromedia Dreamweaver MySQL HTML PHP Cascade Sheet Style(CSS) Apache BAB III METODE PENELITIAN A. Pengantar Studi Literatur Perancangan dan Implementasi a. Waktu dan tempat xi

12 b. Peralatan Utama dan Pendukung B. Gambaran Kerja Sistem C. Analisa Kebutuhan Sistem D. Perancangan Sistem E. Perancangan Use Case Siswa Administrator (Admin) Wali Kelas Guru Ampu Kepala Sekolah Use Case Definition Finalize Use Case Use Case Description (decision table) F. Activity diagram Activity Diagram Login Activity Diagram Logout Activity Diagram meng-update password Activity Diagram meng-update profil Activity diagram mendaftar user G. Perancangan Basis Data dan Tabel Relasi Antar Table TIC (Table Instance Chart) H. Perancangan Desain Tampilan Halaman Aplikasi Web xii

13 BAB IV HASIL DAN PEMBAHASAN A. Hasil Penelitian Struktur dan Design Administrator a. Halaman Login Administrator b. Modul User c. Modul Modul d. Modul Siswa e. Modul Kelas f. Modul Guru g. Modul Mata Pelajaran h. Modul Berita i. Modul Tahun Ajaran j. Modul Mapel Ambil k. Modul Guru Ampu Struktur dan Design User a. Halaman Utama User b. Halaman Utama Siswa c. Modul Nilai d. Modul Profil Siswa e. Modul Ubah Password f. Modul Absen g. Modul Grafik Prestasi h. Halaman Utama Guru Wali Kelas xiii

14 i. Modul Nilai j. Modul Absensi k. Modul Profil Guru l. Modul Ubah Password m. Halaman Utama Guru Ampu n. Halaman Utama Kepala Sekolah BAB V PENUTUP A. Kesimpulan B. Saran DAFTAR PUSTAKA LAMPIRAN xiv

15 DAFTAR TABEL TABEL 2.1 Simbol Use Case Diagram TABEL 2.2 Simbol Sequence Diagram TABEL 2.3 Simbol Activity Diagram TABEL 2.4 Simbol Class Diagram TABEL 2.5 Format TIC (Table Instance Chart) TABEL 2.6 Aturan TIC (Table Instance Chart) TABEL 3.1 Input Login Akses Admin TABEL 3.2 Input User TABEL 3.3 Input Modul TABEL 3.4 Input Kelas TABEL 3.5 Input Mata Pelajaran TABEL 3.6 Input Berita TABEL 3.7 Input Tahun Ajaran TABEL 3.8 Input Mapel Ambil TABEL 3.9 Input Guru Ampu TABEL 3.10 Input Data Guru TABEL 3.11 Input Data Siswa TABEL 3.12 Input Login Akses User TABEL 3.13 Input Data Absen TABEL 3.14 Input Data Nilai Siswa TABEL 3.15 View Nis TABEL 3.16 View Nama Siswa xv

16 TABEL 3.17 View Nip TABEL 3.18 View nama guru TABEL 3.19 TIC untuk tabel_user TABEL 3.20 TIC untuk tabel_siswa TABEL 3.21 TIC untuk tabel_guru TABEL 3.22 TIC untuk tabel_kelas TABEL 3.23 TIC untuk tabel_mapel TABEL 3.24 TIC untuk tabel_tahun TABEL 3.25 TIC untuk tabel_absensi TABEL 3.26 TIC untuk tabel_guru_ampu TABEL 3.27 TIC untuk tabel_nilai TABEL 3.28 TIC untuk tabel_modul TABEL 3.29 TIC untuk tabel_berita TABEL 3.30 TIC untuk tabel_statistik TABEL 3.31 TIC untuk tabel_user_online xvi

17 DAFTAR GAMBAR GAMBAR 3.1. Gambaran Kerja Sistem GAMBAR 3.2 Diagram Menu Sistem Aplikasi Raport Online SMA Negeri 2 Wonogiri berbasis web GAMBAR 3.3 Use Case Untuk Aktor Siswa GAMBAR 3.4 Use Case Untuk Aktor Administrator (Admin) GAMBAR 3.5 Use Case Untuk Aktor Wali Kelas GAMBAR 3.6 Use Case Untuk Aktor Guru Ampu GAMBAR 3.7 Use Case Untuk Aktor Kepala Sekolah GAMBAR 3.8 Acitvity Diagram Login GAMBAR 3.9 Acitvity Diagram Logout GAMBAR 3.10 Acitvity Diagram Meng-update password GAMBAR 3.11 Acitvity Diagram Meng-update profil GAMBAR 3.12 Acitvity Diagram Mendaftar user GAMBAR 3.13 ERD (Entity Relationship Diagram) GAMBAR 3.14 Halaman Login Administrator GAMBAR 3.15 Halaman Utama Administrator GAMBAR 3.16 Halaman Tampilan User GAMBAR 4.1 Halaman Login Administrator GAMBAR 4.2 Halaman Error Login GAMBAR 4.3 Pesan error User Masih Kosong GAMBAR 4.4 Pesan error Password Masih Kosong GAMBAR 4.5 Halaman Utama Administrator xvii

18 GAMBAR 4.6 Halaman Tampil Data User GAMBAR 4.7 Halaman Tampil Modul GAMBAR 4.8 Halaman Tampil Data Siswa GAMBAR 4.9 Hasil Cetak Data Siswa GAMBAR 4.10 Halaman Tampil Data Kelas GAMBAR 4.11 Halaman Tampil Data Guru GAMBAR 4.12 Hasil Cetak Data Guru GAMBAR 4.13 Halaman Tampil Data Mata Pelajaran GAMBAR 4.14 Halaman Tampil Berita GAMBAR 4.15 Halaman Tampil Tahun Ajaran GAMBAR 4.16 Halaman Tampil Mapel Ambil GAMBAR 4.17 Halaman Tampil Guru Ampu GAMBAR 4.18 Halaman Utama User GAMBAR 4.19 Halaman Utama Siswa GAMBAR 4.20 Halaman Nilai Siswa GAMBAR 4.21 Halaman Profil Siswa GAMBAR 4.22 Halaman Ubah Password Siswa GAMBAR 4.23 Halaman Data Absen Siswa GAMBAR 4.24 Tampilan menu Grafik Prestasi siswa GAMBAR 4.25 Halaman Grafik Prestasi Siswa GAMBAR 4.26 Halaman Utama Guru GAMBAR 4.27 Halaman Daftar Siswa GAMBAR 4.28 Halaman detil nilai siswa xviii

19 GAMBAR 4.29 Hasil Cetak Nilai Siswa GAMBAR 4.30 Data Siswa Per Kelas GAMBAR 4.31 Input Absen Siswa GAMBAR 4.32 Halaman Profil Guru GAMBAR 4.33 Halaman Ubah Password Guru GAMBAR 4.34 Halaman Utama Guru Ampu GAMBAR 4.35 Halaman Daftar Kelas Guru Ampu GAMBAR 4.36 Halaman Data Siswa yang di Ampu GAMBAR 4.37 Form Inputan Nilai Siswa Per Mapel GAMBAR 4.38 Halaman Utama Kepala Sekolah GAMBAR 4.39 Halaman Daftar Kelas GAMBAR 4.40 Halaman Daftar Siswa GAMBAR 4.41 Halaman Cetak Laporan Nilai Siswa xix

20 ABSTRAKSI Di era perkembangan teknologi sekarang ini informasi sangat penting bagi kebutuhan manusia untuk menunjang suatu pekerjaan ataupun sekedar mengetahui perkembangan yang terjadi. Munculnya internet memudahkan untuk pencarian berbagai macam informasi yang dibutuhkan karena sifatnya begitu global. Demikian pula suatu informasi tentang nilai raport untuk siswa berbasis web sangat memudahkan siswa mencari informasi raport tersebut. Penelitian ini mempunyai tujuan sebagai analisis perkembangan akademik tiap kelas atau tiap siswa. Berisi mulai dari input data siswa, input data nilai siswa, data nilai siswa dari setiap kelas dilihat dari nilai terendah dan tertinggi untuk statistiknya serta data siswa yang naik atau tinggal kelas, dan input data guru sebagai informasi wali kelas yang mengampu pada suatu kelas serta cetak nilai raport siswa. Tahapan perancangan dalam pembuatan sistem ini menggunakan perancangan use case, database table dan design halaman. Software yang digunakan dalam pembuatan sistem ini menggunakan apache untuk menjalankan web servernya, MySql untuk pengelolaan database, Macromedia Dreamweaver 8 sebagai tools untuk membuat script menggunakan bahasa pemrograman php dan mysql. Hasilnya yaitu Aplikasi Raport Online di SMA Negeri 2 Wonogiri berbasis web yang memiliki fasilitas diantaranya menampilkan data siswa, data guru SMA Negeri 2 Wonogiri, data nilai siswa, melihat grafik prestasi. Kata Kunci: Raport Online, PHP, Perancangan Use Case. xx