PERANCAN
TEKNIK INDUSTRI FAKULTAS T
SITAS MUHAMMADIYAH SURAK
BERBASIS
WEB
n Sebagai Salah Satu Syarat Untuk Memper na Teknik Jurusan Teknik Industri Fakulta
Universitas Muhammadiyah Surakarta
Disusun Oleh :
FENDHI NUGROHO NIM : D 600 070 015
ii
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
(A Kholid Al Ghofari, S.T., M.T.)
Pembimbing II
iii
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
iv MOTTO:
!"
"
#
#
$
% &
'
(
)
'
*
"
+
, # -
.#
/
0
.# &
%
-*
v
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
Assalamu’alaikum W Alhamdulillahhirobil’
yang telah melimpa
menyelesaikan Tuga
il’alamin, penulis panjatkan puji syukur kehad
pahkan rahmat dan inayah-Nya, sehingga
gas Akhir ini dengan judul “PERANCANG
ADEMIKJURUSAN TEKNIK INDUSTR RSITAS MUHAMMADIYAH SURAKART hir ini disusun dengan maksud untuk meme
a menyelesaikan program pendidikan Strata
ultas Teknik Universitas Muhammadiyah Sura
yusunan Tugas Akhir ini telah banyak menerim
uk itu tidak lupa penulis ucapkan terima kasih k
s Riyanto, M.T., selaku Dekan Fakultas Tek
Surakarta.
Munawir, S.T.,M.Eng., selaku ketua Jurusan
hammadiyah Surakarta.
id Al Ghofari, S.T., M.T. dan Bapak Muchli
embimbing Tugas Akhir yang telah memberi
rahan kepada penulis dalam penulisan demi k
vii
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
viii
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
ix 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 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
BAB II LANDASAN TEORI 2.1 Pengertian Sistem Informasi ... 8
x
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
xi
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
xii
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
xiii
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
xiv
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
xv
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
xvi
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
xvii
Gambar 4.15.b Sub MenuSetting 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
xviii
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
xix 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.
