LAPORAN TUGAS AKHIR PERANCANGAN SISTEM INFORMASI AKADEMIK JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Teknik Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta
Disusun Oleh : FENDHI NUGROHO NIM : D 600 070 015
JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014
HALAMAN PENGESAHAN PERANCANGAN SISTEM INFORMASI AKADEMIK JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB Tugas Akhir Ini Telah Diterima dan Disyahkan Sebagai Salah Satu Syarat Dalam Menyelesaikan Studi S-1 Guna Memperoleh Gelar Sarjana Pada Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta
Hari/Tanggal : Jam
:
Disusun Oleh: FENDHI NUGROHO D 600 070 015
Mengesahkan: Pembimbing I
Pembimbing II
(A Kholid Al Ghofari, S.T., M.T.)
(Muchlison Anis, S.T., M.T.)
ii
HALAMAN PERSETUJUAN Tugas Akhir dengan judul “PERANCANGAN SISTEM INFORMASI AKADEMIKJURUSAN
TEKNIK
INDUSTRI
FAKULTAS
TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB” telah diuji dan dipertahankan dihadapan Dewan penguji Tugas Akhir sebagai salah satu syarat memperoleh gelar Sarjana Teknik Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta.
Hari/Tanggal : Jam
: Menyetujui:
Tim Penguji
1. A Kholid Al Ghofari, S.T., M.T. Ketua
2. Muchlison Anis, S.T., M.T. Sekretaris
3. Hafidh Munawir, S.T.,M.Eng. Anggota
4. Ratnanto Fitriadi, S.T., M.T. Anggota Mengetahui:
iii
MOTTO:
“Dari semua hal, pengetahuan adalah yang paling baik, karena tidak kena tanggung jawab maupun tidak dapat dicuri, karena tidak dapat dibeli, dan tidak dapat dihancurkan” (Hitopadesa)
“Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat” (Winston Chuchill)
“If you listen to your fears, you will die never knowing what a great person you might have been” (Robert H. Schuller)
·
·
“They can do all because they think they can” (Virgil)
“Pleasure in the job puts perfection in the work” (Aristoteles)
“Give Back more than you've taken, and Listen More than you've Said. Be what you want to be not what people want to see” (Penulis)
“Don’t ever Lose everything for Nothing” (Penulis)
iv
PERSEMBAHAN
Laporan
Tugas
Akhir
ini
penulis
persembahkan kepada: 1. Ayah dan Ibu yang telah memberikan dukungan, Do’a serta semangat untuk dapat
menjadi
orang
yang
berhasil.
Terimalah sujud dan baktiku kepadamu 2. Kakak saya Alm. Nanung Handayani yang telah mengajarkan saya kebaikan dan ketulusan hati. 3. Pujaan hati saya Laras Retno Salindri yang selalu setia menemani saya dalam susah maupun senang. 4. Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta 5. Penulis sendiri 6. Seluruh Mahasiswa Teknik Industri 7. Pembaca yang budiman.
v
KATA PENGANTAR
Assalamu’alaikum Wr. Wb Alhamdulillahhirobil’alamin, penulis panjatkan puji syukur kehadirat Allah SWT Alhamdulillahhirobil’alamin, yang telah melimpahkan rahmat dan inayah-Nya, inayah Nya, sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan judul “PERANCANGAN PERANCANGAN SISTEM INFORMASI AKADEMIKJURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB”. Tugas Akhir ini disusun dengan maksud untuk memenuhi salah satu syarat dalam rangka menyelesaikan program pendidikan Strata 1 pada Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta. Selama penyusunan Tugas Akhir ini telah banyak menerima bantuan dari berbagai pihak, untuk itu tidak lupa penulis ucapkan ucapkan terima kasih kepada: 1. Bapak Ir. Agus Riyanto, M.T., selaku Dekan Fakultas Teknik Universitas Muhammadiyah Surakarta. 2. Bapak Hafidh Munawir, S.T.,M.Eng., S.T.,M.Eng., selaku ketua Jurusan Teknik Industri Universitas Muhammadiyah Surakarta. 3. Bapak A Kholid Al Ghofari, S.T., S.T M.T. dan Bapak Muchlison Anis, S.T., M.T.,, selaku Pembimbing Tugas Akhir yang telah memberikan bimbingan, bimbingan masukan, dan arahan kepada penulis dalam penulisan demi kemajuan Tugas
vi
Akhir penulis. Terimakasih banyak penulis ucapkan atas kesabaran Bapak dalam proses bimbingan penulis. 4. Bapak Hafidh Munawir, S.T.,M.Eng. dan Bapak Ratnanto Fitriadi, S.T., M.T., selaku Penguji Tugas Akhir yang telah memberikan masukan kepada penulis guna perbaikan yang lebih baik. 5. Bapak dan Ibu Dosen Jurusan Teknik Industri Universitas Muhammadiyah Surakarta yang telah memberi bekal ilmu kepada penulis selama masa kuliah. 6. Bapak dan Ibuku tercinta yang telah memberikan banyak do’a dan dukungan sehingga dapat menyelesaikan laporan Tugas Akhir ini. 7. Kekasihku Laras Retno Salindri yang juga banyak memberikan bantuan dan selalu menghibur saya saat kesusahan. 8. Terima kasih pada teman-teman seperjuangan mahasiswa Teknik Industri angkatan 2007. I miss You All Brotha! 9. Terima kasih pada Mas Ipung alias Tri Hartanto yang selalu mengajak saya untuk ke kampus untuk konsultasi Tugas Akhir. 10. Terima kasih banyak untuk Mas JoePlinplan alias Joenet alias Surya, terimakasih atas supermarket internetnya. Stay cool brotha, yooowwwmaann! 11. Terima kasih kepada semua pihak yang ikut mendukung dan berperan dalam penulisan Tugas Akhir ini yang tidak bisa saya sebutkan satu per satu. Penulis menyadari bahwa penyusunan Laporan Tugas Akhir ini masih jauh dari sempurna, maka penulis sangat berterima kasih apabila diantara pembaca ada yang memberikan saran atau kritik yang membangun guna memperluas wawasan penulis sebagai proses pembelajaran diri.
vii
Akhir kata, penulis berharap Laporan Tugas Akhir ini dapat bermanfaat bagi penulis pada khususnya dan pembaca pada umumnya. Amin. Wassalamu’alaikum Wr. Wb
Surakarta, Januari 2014 Penulis
viii
DAFTAR ISI
Halaman HALAMAN JUDUL ........................................................................................ i HALAMAN PENGESAHAN ..........................................................................
ii
HALAMAN PERSETUJUAN ........................................................................ iii MOTTO ............................................................................................................ iv PERSEMBAHAN .............................................................................................
v
KATA PENGANTAR ...................................................................................... vi DAFTAR ISI ..................................................................................................... ix DAFTAR TABEL ............................................................................................ xiv DAFTAR GAMBAR ........................................................................................ xv ABSTRAKSI...................................................................................................... xix BAB I
BAB II
PENDAHULUAN 1.1 Latar Belakang ...........................................................................
1
1.2 Rumusan Masalah......................................................................
3
1.3 Batasan Masalah ........................................................................
3
1.4 Tujuan Penelitian .......................................................................
4
1.5 Manfaat Penelitian .....................................................................
5
1.6 Sistematika Penulisan ................................................................
6
LANDASAN TEORI 2.1 Pengertian Sistem Informasi ......................................................
8
2.1.1 Data dan Informasi ........................................................
9
ix
2.1.2 Definisi Informasi ......................................................... 10 2.1.3 Pengertian Sistem .......................................................... 12 2.1.4 Sistem Informasi ........................................................... 13 2.2 Pemodelan Sistem informasi ..................................................... 14 2.2.1 Context Diagram (Diagram konteks) ............................ 15 2.2.2 Dekomposisi Proses ...................................................... 20 2.2.3 Data Flow Diagram ...................................................... 21 2.2.4 Menggambar Diagram 0 (Level Berikutnya) ................ 28 2.2.5 Menciptakan Diagram Anak (Tingkat Yang Lebih Mendetail) ..................................................................... 28 2.2.6 Mengecek Kesalahan Diagram ...................................... 29 2.3 Database .................................................................................... 31 2.4
Pengertian PHP (Hypertext Preprocessor) ............................... 31
2.5
Pengertian SQL (Structured Query Language) ......................... 33
2.6 Dreamweaver CS.5 .................................................................... 33 2.6.1 Menggunakan Adobe Dreamweaver ............................. 34 2.6.2 Macam-Macam Navigasi Pada Adobe Dreamweaver .. 35 2.6.3 Menu Bar ....................................................................... 36 2.6.4 Penjelasan dan Fungsi Dari Beberapa Icon pada Tool’s 36 2.6.5 CSS Style Panel ............................................................. 40 2.6.6 Files Panel..................................................................... 40 2.6.7 Asset Panel .................................................................... 41 2.6.8 Property Inspector......................................................... 42
x
2.7 Tinjauan Pustaka ....................................................................... 43 BAB III METODOLOGI PENELITIAN 3.1 Objek Penelitian ....................................................................... 45 3.2 Tahapan Penelitian .................................................................... 45 3.2.1 Identifikasi Masalah ..................................................... 45 3.2.2 Penetapan Tujuan ......................................................... 46 3.2.3 Metode Pengumpulan Data ........................................... 47 3.3 Analisa Data .............................................................................. 49 3.4 Perancangan Sistem ................................................................... 49 3.5 Kesimpulan dan Saran ............................................................... 52 3.6 Kerangka Pemecahan Masalah .................................................. 53 BAB IV PERANCANGAN DAN PEMBAHASAN SISTEM 4.1 Pemodelan Sistem...................................................................... 54 4.1.1 Context Diagram ........................................................... 54 4.1.2 Dekomposisi Proses ...................................................... 58 4.1.3 Data Flow Diagram ...................................................... 64 4.2 Perancangan Database .............................................................. 72 4.2.1 Database Akun .............................................................. 72 4.2.2 Database Berita Harian ................................................. 73 4.2.3 Database Tugas Akhir .................................................. 74 4.2.4 Database Kerja Praktek ................................................ 75 4.2.5 Database Keaktifan Mahasiswa .................................... 77 4.2.6 Database Pengembangan Diri ....................................... 78
xi
4.3 Pemilihan PHP Perancangan Website ....................................... 79 4.4 Pemilihan Domain Dan Hosting Untuk Testing ........................ 81 4.5 Pembuatan Site Map .................................................................. 81 4.6 Pembuatan Form Dosen ............................................................ 83 4.6.1 Halaman Login Dosen ................................................... 83 4.6.2 Halaman Indeks atau Home Dosen ............................... 83 4.6.3 Halaman Akun Anda ..................................................... 84 4.6.4 Halaman Berita Harian .................................................. 85 4.6.5 Halaman Data Staff Pengajar......................................... 86 4.6.6 Halaman Data Mahasiswa ............................................. 87 4.6.7 Halaman Pengembangan Diri........................................ 88 4.6.8 Halaman Tugas Akhir ................................................... 89 4.6.9 Halaman Kerja Praktek ................................................. 92 4.6.10 Keaktifan Mahasiswa .................................................... 96 4.6.11 Halaman Download ....................................................... 98 4.7 Pembuatan Form Mahasiswa ..................................................... 98 4.7.1 Halaman Login .............................................................. 98 4.7.2 Halaman Biodata ........................................................... 99 4.7.3 Halaman Keaktifan ........................................................ 100 4.7.4 Halaman Info Pengajar .................................................. 100 4.7.5 Halaman Pengembangan Diri........................................ 101 4.7.6 Halaman Kerja Praktek ................................................. 102 4.7.7 Halaman Tugas Akhir ................................................... 102
xii
4.7.8 Halaman Download ....................................................... 103 4.8 Sistem Pengujian ....................................................................... 104 4.8.1 Mozilla Firefox .............................................................. 104 4.8.2 Opera ............................................................................. 104 4.8.3 Internet Explorer ........................................................... 105 4.9 Keamanan Sistem ...................................................................... 106 4.10 Analisa Data .............................................................................. 107 4.10.1 Pemilihan Bahasa Pemrograman ................................... 107 4.10.2 Pengujian Program ........................................................ 108 4.10.3 Pemilihan Webhosting ................................................... 109 4.10.4 Analisa Sistem ............................................................... 110 4.10.5 Analisa Keamanan ......................................................... 114 4.10.6 Analisa Keseluruhan ..................................................... 115 BAB V
PENUTUP 5.1 Kesimpulan ............................................................................... 116 5.2 Saran ......................................................................................... 117
DAFTAR PUSTAKA LAMPIRAN
xiii
DAFTAR TABEL
Tabel
Halaman
Tabel
2.1
Simbol-simbol Context Diagram ................................................ 13
Tabel
2.2
Icon Tab Common ....................................................................... 36
Tabel
2.3
Icon Tab Layout ........................................................................... 37
Tabe
2.4
Icon Tab Form ............................................................................. 38
Tabel
2.5
Tab Text ....................................................................................... 40
Tabel
2.6
Tinjauan Pustaka ......................................................................... 43
Tabel
4.1
Terminator atau Pengguna Sistem............................................... 56
Tabel
4.2
Database Akun Mahasiswa ......................................................... 72
Tabel
4.3
Database Akun Dosen dan Staff.................................................. 73
Tabel
4.4
Database Berita Harian ............................................................... 73
Tabel
4.5
Database Pendaftaran Tugas Akhir............................................. 74
Tabel
4.6
Database Tugas Akhir ................................................................. 75
Tabel
4.7
Database Pendaftaran Kerja Praktek........................................... 76
Tabel
4.8
Database Kerja Praktek ............................................................... 77
Tabel
4.9
Database Keaktifan Mahasiswa .................................................. 78
Tabel
4.10 Database Poin Pengembangan Diri............................................. 78
Tabel
4.11 Database Pengembangan Diri ..................................................... 79
Tabel
4.12 Pengujian Program ...................................................................... 108
Tabel
4.13 Analisa Hasil Pengolahan Data ................................................... 115
xiv
DAFTAR GAMBAR
Gambar
Halaman
Gambar 2.1
Komponen-komponen Dari Suatu Sistem ................................... 13
Gambar 2.2
Komponen Sistem Informasi ....................................................... 14
Gambar 2.3
Duplikasi Entitas (terminator)..................................................... 17
Gambar 2.4
Sebuah Context Diagram Untuk Sistem Pemesanan Makanan ...................................................................................... 20
Gambar 2.5
Kemungkinan Input Dan Output Pada Sebuah Proses ................ 20
Gambar 2.6
Komponen DFD Menurut Yourdan dan DeMarco ...................... 21
Gambar 2.7
Komponen DFD Menurut Gene dan Serson ............................... 21
Gambar 2.8
Simbol External Entity ................................................................ 21
Gambar 2.9
Simbol Data Flow/ Arus Data ..................................................... 23
Gambar 2.10 Simbol Process / Proses .............................................................. 24 Gambar 2.11 Simbol Data store (Penyimpanan Data)...................................... 25 Gambar 2.12 Update Simpanan Data 1 ............................................................. 27 Gambar 2.13 Update Simpanan Data 2 ............................................................. 27 Gambar 2.14 Mengecek Kesalahan Diagram .................................................... 30 Gambar 2.15 Starter Page Dreamweaver CS.5 ................................................ 34 Gambar 2.16 Navigasi Menu Dreamweaver CS.5 ............................................ 35 Gambar 2.17 Tab Data ...................................................................................... 38 Gambar 2.18 Tab Spry....................................................................................... 39 Gambar 2.19 Files Panel ................................................................................... 41
xv
Gambar 2.20 Images Asset ................................................................................ 41 Gambar 2.21 HTML Property Inspector ........................................................... 42 Gambar 3.1
Kerangka Pemecahan Masalah .................................................... 53
Gambar 4.1
Context Diagram Sistem Informasi Akademik Jurusan Teknik Industri ............................................................................ 55
Gambar 4.2
Dekomposisi Proses Pengembangan Diri .................................... 58
Gambar 4.3
Dekomposisi Proses Kerja Praktek ............................................. 60
Gambar 4.4
Dekomposisi Proses Tugas Akhir ............................................... 62
Gambar 4.5
Data Flow Diagram Pengembangan Diri.................................... 65
Gambar 4.6
Data Flow Diagram Kerja Praktek ............................................. 67
Gambar 4.7
Data Flow Diagram Tugas Akhir ............................................... 69
Gambar 4.8
Site Map Secara Garis Besar ....................................................... 82
Gambar 4.9
Halaman Login Mahasiswa ......................................................... 83
Gambar 4.10 Halaman Indeks ........................................................................... 84 Gambar 4.10.a Sub Menu Profil.......................................................................... 84 Gambar 4.10.b Sub Menu Ubah Password ......................................................... 85 Gambar 4.11 Halaman Berita Harian .................................................................. 85 Gambar 4.12.a Sub Menu Struktur Organisasi .................................................... 86 Gambar 4.12.b Sub Menu Akun Staff Pengajar................................................... 87 Gambar 4.13 Halaman Data Mahasiswa............................................................. 87 Gambar 4.14.a Halaman Sub Menu Pengembangan Diri ................................... 88 Gambar 4.14.b Halaman Sub Menu Pengembangan Diri ................................... 88 Gambar 4.15.a Sub Menu Daftar Periode Pembukaan TA ................................. 89
xvi
Gambar 4.15.b Sub Menu Setting Pendaftaran TA ............................................. 90 Gambar 4.15.c Sub Menu Inbox Pendaftaran TA ............................................... 90 Gambar 4.15.d Sub Menu Pendaftaran TA Per Periode ..................................... 91 Gambar 4.15.e Sub Menu Data Mahasiswa TA .................................................. 91 Gambar 4.15.f Sub Menu Laporan Data Kelulusan ............................................ 92 Gambar 4.15.g Sub Menu Jadwal Seminar ......................................................... 92 Gambar 4.16.a Sub Menu Daftar Periode Pembukaan KP .................................. 93 Gambar 4.16.b Sub Menu Setting Pendaftaran KP ............................................. 93 Gambar 4.16.c Sub Menu Inbox Pendaftaran KP ................................................ 94 Gambar 4.16.d Sub Menu Pendaftaran TA Per Periode ...................................... 94 Gambar 4.16.e Sub Menu Data Mahasiswa TA .................................................. 95 Gambar 4.16.f Sub Menu Jadwal Seminar .......................................................... 95 Gambar 4.17.a Sub Menu Daftar Keaktifan ........................................................ 96 Gambar 4.17.b Sub Menu Setting Keaktifan ....................................................... 97 Gambar 4.17.c Sub Menu Keaktifan Mahasiswa ................................................ 97 Gambar 4.18 Halaman Download ....................................................................... 98 Gambar 4.19 Halaman Login .............................................................................. 99 Gambar 4.20 Halaman Biodata ........................................................................... 99 Gambar 4.21 Halaman Keaktifan ........................................................................ 100 Gambar 4.22 Halaman Info Pengajar .................................................................. 101 Gambar 4.23 Halaman Pengembangan Diri........................................................ 101 Gambar 4.24 Halaman Kerja Praktek ................................................................. 102 Gambar 4.25 Halaman Tugas Akhir ................................................................... 103
xvii
Gambar 4.25 Halaman Download ....................................................................... 103 Gambar 4.26 Pengujian Mozilla Firefox ............................................................. 104 Gambar 4.27 Pengujian Opera ............................................................................ 105 Gambar 4.28 Pengujian Internet Explorer .......................................................... 105 Gambar 4.29 Keamanan Folder .......................................................................... 107
xviii
ABSTRAKSI Pengembangan sistem informasi akademik telah mengarah kepada penggunaan teknologi informasi berbasis web, dimana semua informasi yang ada dalam sistem dapat ditampilkan dengan menggunakan media Internet. Universitas Muhammadiyah Surakarta sudah menerapkan program informasi akademik berbasis web sudah cukup lama, akan tetapi hal ini tidak diimbangi dengan pengembangan sistem informasi di setiap Jurusan yang ada di Universitas, khususnya adalah Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta dalam hal Keaktifan Mahasiswa, Pengembangan Diri, Kerja Praktek, Tugas Akhir dan Informasi Harian. Perlu dirancang Sistem Informasi Akademik yang dapat menunjang kebutuhan data akan Keaktifan Mahasiswa, Pengembangan Diri, Kerja Praktek, Tugas Akhir dan Informasi Harian yang berbasis web yang interaktif. Perancangan menggunakan PHP dengan bantuan Macromedia Dreamweaver yang diimplementasikan dengan PhpMySQL. Dengan Sistem Informasi Akademik Jurusan Teknik Industri yang berbasis web ini dapat dihasilkan informasi yang cepat dan efisien dari Keaktifan, Pengembangan Diri, Tugas Akhir, Kerja Praktek, dan dan Info atau Berita Harian Administrasi dan Akademik yang on-time dan dapat di akses dengan sangat mudah. Kata Kunci : PHP, Sistem Informasi Managemen, Sistem Informasi Akademik, Website, Report PDF from Record, Report Excell from Record
xix
