TUGAS AKHIR SISTEM INFORMASI TUGAS AKHIR DIII TEKNIK INFORMATIKA FMIPA UNS

TUGAS AKHIR SISTEM INFORMASI TUGAS AKHIR DIII TEKNIK INFORMATIKA FMIPA UNS Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program Diploma III Ilmu Komputer Disusun Oleh : DYAH NURFARIDA M3107083 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2010 i

HALAMAN PERSETUJUAN SISTEM INFORMASI TUGAS AKHIR DIII TEKNIK INFORMATIKA FMIPA UNS Disusun Oleh DYAH NURFARIDA NIM. M3107083 Tugas Akhir ini telah disetujui untuk dipertahankan Dihadapan dewan penguji pada tanggal 25 Juni 2010 Dibimbing oleh Pembimbing Utama Agus Purbayu, S. Si NIDN. 0629088001 ii

HALAMAN PENGESAHAN SISTEM INFORMASI TUGAS AKHIR DIII TEKNIK INFORMATIKA FMIPA UNS Disusun Oleh : DYAH NURFARIDA NIM. M3107083 Dibimbing oleh Pembimbing Utama Agus Purbayu, S. Si NIDN. 0629088001 Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer Pada hari Selasa tanggal 27 Juli 2010 Dewan Penguji : 1. Agus Purbayu, S.Si ( ) NIDN. 0629088001 2. Tutut Maitanti, S.Si ( ) NIDN. 0625058501 3. Muhammad Asri Safi ie, S.Si ( ) NIDN. 0603118103 Dekan FMIPA UNS Disahkan Oleh : Ketua Program DIII Ilmu Komputer UNS Prof. Drs. Sutarno, M.Sc, Ph.D Drs. Y.S Palgunadi, M.Sc. NIP. 19600809 198612 1 001 NIP. 19560407 198303 1 004 iii

ABSTRACT Dyah Nurfarida, 2010, FINAL PROJECT INFORMATION SYSTEM OF INFORMATICS ENGINEERING DIPLOMA PROGRAM OF FMIPA UNS. Informatics Engineering, DIII Computer Program, Mathematic And Natural Science Faculty, Sebelas Maret University. Informatics Engineering Diploma Program of UNS have not had application yet which it can be used to facilitate in administration and data collecting of final project. It makes difficult for final project administrator to process collecting data and execution of final project. There is not existence the Final Project of information system also makes difficult for students and lecturer to do administration process of final project. The purpose of this final assignment is to make an Final Project Information System of Informatics Engineering Diploma Program of FMIPA UNS. The method of data collecting used in arranging of this final project were interview and documentation. The arranging stages used were database arranging, program script, making program and process of program checking. The system information was developed using PHP, database was managed by MySQL. According to the construction of Final Project Information System of Informatics Engineering Diploma Program of FMIPA UNS, we can conclude that system information has already been implemented. Keyword : System, Information System, Final Project iv

ABSTRAK Dyah Nurfarida, 2010, SISTEM INFORMASI TUGAS AKHIR DIII TEKNIK INFORMATIKA FMIPA UNS.Teknik Informatika, DIII Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Program DIII Teknik Informatika UNS belum memiliki sistem informasi yang digunakan untuk melakukan proses pendataan dan administrasi tugas akhir. Hal ini menyulitkan pihak admin tugas akhir untuk melakukan proses pendataan dan pelaksanaan tugas akhir. Belum adanya Sistem Informasi tugas akhir juga menyulitkan pihak mahasiswa dan dosen untuk melakukan proses administrasi tugas akhir. Tujuan dari tugas akhir ini adalah membuat sebuah Sistem Informasi Tugas Akhir DIII Teknik Informatika FMIPA UNS. Metode pengumpulan data yang digunakan dalam penyusunan Tugas Akhir ini adalah metode wawancara dan studi pustaka. Tahapan perancangan yang digunakan meliputi perancangan database, perancangan alur program, perancangan tampilan program, pembuatan script program dan pengecekan jalannya program. Sistem Informasi ini dikembangkan dengan menggunakan PHP dan diolah dengan menggunakan database MySQL. Berdasarkan pembuatan Sistem Informasi Tugas Akhir DIII Teknik Informatika FMIPA UNS, dapat disimpulkan bahwa sistem informasi ini sudah siap diimplementasikan. Kata Kunci : Sistem, Sistem Informasi, Tugas Akhir v

MOTTO DAN PERSEMBAHAN Hidup adalah perjuangan menghadapi cobaan, dengan kita melewati perjuangan itu, kita akan menjadi pribadi yang lebih maju dari sebelumnya!!!!! Kupersembahkan goresan tinta ini untuk : 1. Kedua orang tuaku tercinta 2. Saudaraku tersayang 3. Teman-teman seperjuangan di D3 TI 2007 4. Seluruh penghuni kos Tisanda vi

KATA PENGANTAR Puji syukur Alhamdulillah senantiasa penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah melimpahkan rahmat serta hidayat-nya, sehingga penulis dapat menyelesaikan laporan Tugas Akhir (TA). Laporan TA Ucapan terima kasih penulis haturkan tulus kepada semua pihak yang telah membantu penulis dalam menyelesaikan laporan TA ini,antara lain : 1. Allah SWT atas limpahan rahmat sehingga penulis memperoleh inspirasi dalam memecahkan berbagai persoalan dan sabar menghadapinya. 2. Bapak Drs. YS. Palgunadi, M.Sc, selaku Ketua Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret. 3. Bapak Agus Purbayu S.Si selaku pembimbing tugas akhir. Penulis menyadari masih terdapat banyak keurangan, sehingga kritik dan saran yang bersifat membangun sangat penulis ucapkan terima kasih,semoga laporan ini bermanfaat Surakarta, Juli 2010 Penulis \ vii

DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN ABSTRACT... iv HALAMAN INTISARI... v MOTTO DAN PERSEMBAHAN... vi KATA PENGANTAR... vii DAFTAR ISI... viii DAFTAR TABEL... xii DAFTAR GAMBAR... xiii BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan dan Manfaat... 2 1.5 Metodologi Penelitian... 3 1.6 Sistematika Penulisan... 4 BAB II LANDASAN TEORI... 6 2.1 Pengertian Informasi... 6 2.2 Pengertian Perancangan Sistem... 6 2.3 Database... 7 2.4 CD (Context Diagram)... 8 2.5 DFD (Data Flow Diagram)... 8 2.6 ERD ( Entity Relationship Diagram )... 9 2.7 PHP (PHP Hypertext Preprocessor)... 10 2.8 MySQL... 11 2.9 Apache... 11 2.10 CSS (Cascading Style Sheets)... 12 viii

2.11 AJAX (Asynchronous JavaScript And XML)... 12 2.12 HTML (Hyper Text Markup Language)... 13 BAB III DESAIN DAN PERANCANGAN... 15 3.1 Perancangan (Design)... 15 3.2 Perancangan Arsitektur... 15 3.3 Analisis Kebutuhan Hardware dan Software... 16 3.3.1 Kebutuhan Hardware... 16 3.3.2. Kebutuhan Software... 16 3.4 Perancangan Sistem... 17 3.4.1 CD (Context Diagram)... 17 3.4.2 DFD (Data Flow Diagram) Level 0... 19 3.4.3 DFD (Data Flow Diagram) Level 1 Proses Pengelolaan User... 20 3.4.4 DFD (Data Flow Diagram) Level 1 Proses Pembimbingan... 21 3.4.1 DFD (Data Flow Diagram) Level 1 Proses Penjadwalan... 22 3.4.2 DFD (Data Flow Diagram) Level 1 Proses Pengelolaan Info Data TA... 22 3.5 Rancangan Database... 23 3.6 Kamus Data... 33 3.7 Relationship Diagram... 40 3.8 ERD (Entity Relationship Diagram)... 41 3.9 Diagram Alir (Flowchart)... 42 3.10 Site Map... 45 3.11 Rancangan Desain Halaman Sistem Informasi Tugas Akhir... 46 BAB IV IMPLEMENTASI DAN ANALISA... 51 4.1 Implementasi Sistem... 51 4.1.1 Halaman Awal... 51 4.1.2 Halaman Berita... 52 4.1.3 Halaman Buku Tamu... 52 4.1.4 Halaman Login Mahasiswa... 53 4.1.5 Halaman Mahasiswa... 53 4.1.6 Halaman Registrasi Mahasiswa... 54 ix

4.1.7 Halaman Ganti Password Mahasiswa... 55 4.1.8 Halaman Notifikasi Pesan Mahasiswa... 55 4.1.9 Halaman Pesan Mahasiswa... 56 4.1.10 Halaman Detail Pesan Mahasiswa... 56 4.1.11 Halaman Form Pesan Mahasiswa... 57 4.1.12 Halaman Pencarian Mahasiswa... 57 4.1.13 Halaman Download Mahasiswa... 58 4.1.14 Halaman Login Admin dan Dosen... 58 4.1.15 Halaman Berita Admin... 59 4.1.16 Halaman Pembimbingan Pada Admin... 59 4.1.17 Halaman Data Mahasiswa Bimbingan Pada Admin... 60 4.1.18 Halaman Penentuan Bimbingan Pada Admin... 60 4.1.19 Halaman Konfirmasi Bimbingan Pada Admin... 61 4.1.20 Halaman Penentuan Penguji Pada Admin... 61 4.1.21 Halaman Penguji Pada Admin... 62 4.1.22 Halaman Manajemen User Pada Admin... 62 4.1.23 Halaman Data Mahasiswa Pada Admin... 63 4.1.24 Halaman Masukan Data Mahasiswa Pada Admin... 64 4.1.25 Halaman Melihat Data Mahasiswa Pada Admin... 64 4.1.26 Halaman Edit Data Mahasiswa Pada Admin... 65 4.1.27 Halaman Data Dosen Pada Admin... 65 4.1.28 Halaman Masukan Data Dosen Pada Admin... 66 4.1.29 Halaman Melihat Data Dosen Pada Admin... 66 4.1.30 Halaman Edit Data Dosen Pada Admin... 67 4.1.31 Halaman Upload Pada Admin... 67 4.1.32 Halaman Pembimbing Pada Dosen... 68 4.1.33 Halaman Notifikasi Pesan Dosen... 68 4.1.34 Halaman Pesan Dosen... 69 4.1.35 Halaman Detail Pesan Dosen... 69 4.1.36 Halaman Form Pesan Dosen... 70 4.1.37 Halaman List Mahasiswa... 70 x

4.1.38 Halaman Konfirmasi Pada Dosen... 71 4.1.39 Halaman Data Mahasiswa Pada Dosen... 71 4.1.40 Halaman Download Pada Dosen... 72 4.1.41 Halaman Hasil Jadwal Semua User... 72 BAB V PENUTUP... 73 4.1 Kesimpulan... 73 4.2 Saran... 73 DAFTAR PUSTAKA... 74 LAMPIRAN... 75 xi

DAFTAR TABEL 1. Tabel 2.1 Simbol dalam DFD... 9 2. Tabel 2.2 Simbol dalam ERD... 10 3. Tabel 3.1 Tabel Mahasiswa... 23 4. Tabel 3.2 Tabel Dosen... 24 5. Tabel 3.3 Tabel Usulan... 25 6. Tabel 3.4 Tabel kompetensi... 26 7. Tabel 3.5 Tabel TA... 26 8. Tabel 3.6 Tabel J_ruang... 27 9. Tabel 3.7 Tabel J_sesi... 27 11. Tabel 3.8 Tabel Jadwal... 28 11. Tabel 3.9 Tabel Jadwal_awal... 29 12. Tabel 3.10 Tabel User... 29 13. Tabel 3.12 Tabel Berita... 30 14. Tabel 3.13 Tabel Guestbook... 31 15. Tabel 3.14 Tabel Upload... 31 16. Tabel 3.15 Tabel Memo... 32 xii

DAFTAR GAMBAR 1. Gambar 3.1 Perancangan Arsitektur... 15 2. Gambar 3.2 Contex Diagram Sistem Informasi Tugas Akhir... 17 3. Gambar 3.3 DFD Level 0 Sistem Informasi Tugas Akhir... 19 4. Gambar 3. 4 DFD Level 1 Proses Pengelolaan User... 21 5. Gambar 3. 5 DFD Level 1 Proses Pembimbingan... 21 6. Gambar 3. 6 DFD Level 1 Proses Penjadwalan... 22 7. Gambar 3. 7 DFD Level 1 Proses Pengelolaan Info Data TA... 23 8. Gambar 3.8 Relationship Diagram Sistem Informasi Tugas Akhir... 40 9. Gambar 3.9 ERD Sistem Informasi Tugas Akhir... 41 10. Gambar 3.10 Flowchart Login Admin... 42 11. Gambar 3.11 Flowchart Login Dosen... 43 12. Gambar 3.12 Flowchart Login Mahasiswa... 44 13. Gambar 3.13 Site Map Sistem Informasi Tugas Akhir... 45 14. Gambar 3.14 Rancangan Halaman Awal... 46 15 Gambar 3.15 Rancangan Login Mahasiswa... 47 16. Gambar 3.16 Rancangan Halaman Mahasiswa... 48 17. Gambar 3.17 Rancangan Login Admin dan Dosen... 48 18. Gambar 3.18 Rancangan Halaman Dosen... 49 19. Gambar 3.19 Rancangan Halaman Admin... 50 20. Gambar 4.1 Tampilan Halaman Awal... 51 21. Gambar 4.2 Tampilan Halaman Berita... 52 22. Gambar 4.3 Tampilan Halaman Buku Tamu... 53 23. Gambar 4.4 Tampilan Halaman Login Mahasiswa... 53 24. Gambar 4.5 Tampilan Halaman Mahasiswa... 54 25. Gambar 4.6 Tampilan Halaman Registrasi Mahasiswa... 54 26. Gambar 4.7 Tampilan Halaman Ganti Password Mahasiswa... 55 27. Gambar 4.8 Tampilan Halaman Notifikasi Pesan Mahasiswa... 55 28. Gambar 4.9 Tampilan Halaman Pesan Mahasiswa... 56 29. Gambar 4.10 Tampilan Halaman Detail Pesan Mahasiswa... 56 xiii

30. Gambar 4.11 Tampilan Halaman Form Pesan Mahasiswa... 57 31. Gambar 4.12 Tampilan Halaman Pencarian Mahasiswa... 57 32. Gambar 4.13 Tampilan Halaman Download Mahasiswa... 58 33. Gambar 4.14 Tampilan Halaman Admin dan Dosen... 58 34. Gambar 4.15 Tampilan Halaman Berita Admin... 59 35. Gambar 4.16 Tampilan Halaman Pembimbingan Pada Admin... 60 36. Gambar 4.17 Tampilan Halaman Data Mahasiswa Bimbingan Pada Admin. 60 37. Gambar 4.18 Tampilan Halaman Penentuan Bimbingan Pada Admin... 61 38. Gambar 4.19 Tampilan Halaman Konfirmasi Bimbingan Pada Admin... 61 39. Gambar 4.20 Tampilan Halaman Penentuan Penguji Pada Admin... 62 40. Gambar 4.21 Tampilan Halaman Penguji Pada Admin... 62 41. Gambar 4.22 Tampilan Halaman Manajemen User Pada Admin... 63 42. Gambar 4.23 Tampilan Halaman Data Mahasiswa Pada Admin... 63 43. Gambar 4.24 Tampilan Halaman Masukan Data Mahasiswa Pada Admin... 64 44. Gambar 4.25 Tampilan Halaman Melihat Data Mahasiswa Pada Admin... 64 45. Gambar 4.26 Tampilan Halaman Edit Data Mahasiswa Pada Admin... 65 46. Gambar 4.27 Tampilan Halaman Data Dosen Pada Admin... 65 47. Gambar 4.28 Tampilan Halaman Masukan Data Dosen Pada Admin... 66 48. Gambar 4.29 Tampilan Halaman Melihat Data Dosen Pada Admin... 66 49. Gambar 4.30 Tampilan Halaman Edit Data Dosen Pada Admin... 67 50. Gambar 4.31 Tampilan Halaman Upload Pada Admin... 67 51. Gambar 4.32 Tampilan Halaman Pembimbing Pada Dosen... 68 52. Gambar 4.33 Tampilan Halaman Notifikasi Pesan Dosen... 68 53. Gambar 4.34 Tampilan Halaman Pesan Dosen... 69 54. Gambar 4.35 Tampilan Halaman Detail Pesan Dosen... 69 55. Gambar 4.36 Tampilan Halaman Form Pesan Dosen... 70 56. Gambar 4.37 Tampilan Halaman List Mahasiswa... 70 57. Gambar 4.38 Tampilan Halaman Konfirmasi Pada Dosen... 71 58. Gambar 4.39 Gambar 4.35 Tampilan Halaman Data Mahasiswa Pada Dosen... 71 59. Gambar 4.40 Tampilan Halaman Download Pada Dosen... 72 xiv

60. Gambar 4.41 Tampilan Halaman Hasil Jadwal Semua User... 72 xv