PERANCANGAN JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK Perancangan Sistem Informasi Akademik Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta Berbasis Web.
LAPORAN TUGAS AKHIR
PERANCAN
ANGAN SISTEM INFORMASI AKAD
ADEMIK
JURUSAN TEKNIK
T
INDUSTRI FAKULTAS TEKNIK
T
UNIVERSI
SITAS MUHAMMADIYAH SURAK
KARTA
BERBASIS WEB
Diajukan
n Sebagai Salah Satu Syarat Untuk Memper
eroleh
Gelar Sarjana
na Teknik Jurusan Teknik Industri Fakulta
tas Teknik
U
Universitas
Muhammadiyah Surakarta
Disusun Oleh :
FENDHI NUGROHO
NIM : D 600 070 015
JURUSAN TEKNIK
T
INDUSTRI FAKULTAS TEKNIK
T
UNIVERSI
SITAS MUHAMMADIYAH SURAK
KARTA
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:
!"
"
#
#
'
'
$
%&
(
)
*
"
,# -
.#
+
/
0
.# &
*
1 #
/
#
"
iv
2
*
%-
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 W
Wr. Wb
Alhamdulillahhirobil’
il’alamin, penulis panjatkan puji syukur kehad
adirat Allah SWT
yang telah melimpa
pahkan rahmat dan inayah-Nya, sehingga
ga penulis dapat
menyelesaikan Tuga
gas Akhir ini dengan judul “PERANCANG
NGAN SISTEM
INFORMASI AKA
ADEMIKJURUSAN TEKNIK INDUSTR
RI FAKULTAS
TEKNIK UNIVERS
RSITAS MUHAMMADIYAH SURAKART
RTA BERBASIS
WEB”. Tugas Akhir
hir ini disusun dengan maksud untuk memeenuhi salah satu
syarat dalam rangkaa menyelesaikan program pendidikan Strata
ta 1 pada Jurusan
Teknik Industri Fakul
ultas Teknik Universitas Muhammadiyah Sura
rakarta.
Selama penyu
yusunan Tugas Akhir ini telah banyak menerim
rima bantuan dari
berbagai pihak, untuk
uk itu tidak lupa penulis ucapkan terima kasihh kepada:
k
1. Bapak Ir. Aguss Riyanto,
R
M.T., selaku Dekan Fakultas Tek
eknik Universitas
Muhammadiyah S
Surakarta.
2. Bapak Hafidh Munawir,
M
S.T.,M.Eng., selaku ketua Jurusann Teknik Industri
Universitas Muha
hammadiyah Surakarta.
3. Bapak A Kholid
id Al Ghofari, S.T., M.T. dan Bapak Muchli
hlison Anis, S.T.,
M.T., selaku Pem
embimbing Tugas Akhir yang telah memberi
erikan bimbingan,
masukan, dan ara
rahan kepada penulis dalam penulisan demii kemajuan
k
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
PERANCAN
ANGAN SISTEM INFORMASI AKAD
ADEMIK
JURUSAN TEKNIK
T
INDUSTRI FAKULTAS TEKNIK
T
UNIVERSI
SITAS MUHAMMADIYAH SURAK
KARTA
BERBASIS WEB
Diajukan
n Sebagai Salah Satu Syarat Untuk Memper
eroleh
Gelar Sarjana
na Teknik Jurusan Teknik Industri Fakulta
tas Teknik
U
Universitas
Muhammadiyah Surakarta
Disusun Oleh :
FENDHI NUGROHO
NIM : D 600 070 015
JURUSAN TEKNIK
T
INDUSTRI FAKULTAS TEKNIK
T
UNIVERSI
SITAS MUHAMMADIYAH SURAK
KARTA
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:
!"
"
#
#
'
'
$
%&
(
)
*
"
,# -
.#
+
/
0
.# &
*
1 #
/
#
"
iv
2
*
%-
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 W
Wr. Wb
Alhamdulillahhirobil’
il’alamin, penulis panjatkan puji syukur kehad
adirat Allah SWT
yang telah melimpa
pahkan rahmat dan inayah-Nya, sehingga
ga penulis dapat
menyelesaikan Tuga
gas Akhir ini dengan judul “PERANCANG
NGAN SISTEM
INFORMASI AKA
ADEMIKJURUSAN TEKNIK INDUSTR
RI FAKULTAS
TEKNIK UNIVERS
RSITAS MUHAMMADIYAH SURAKART
RTA BERBASIS
WEB”. Tugas Akhir
hir ini disusun dengan maksud untuk memeenuhi salah satu
syarat dalam rangkaa menyelesaikan program pendidikan Strata
ta 1 pada Jurusan
Teknik Industri Fakul
ultas Teknik Universitas Muhammadiyah Sura
rakarta.
Selama penyu
yusunan Tugas Akhir ini telah banyak menerim
rima bantuan dari
berbagai pihak, untuk
uk itu tidak lupa penulis ucapkan terima kasihh kepada:
k
1. Bapak Ir. Aguss Riyanto,
R
M.T., selaku Dekan Fakultas Tek
eknik Universitas
Muhammadiyah S
Surakarta.
2. Bapak Hafidh Munawir,
M
S.T.,M.Eng., selaku ketua Jurusann Teknik Industri
Universitas Muha
hammadiyah Surakarta.
3. Bapak A Kholid
id Al Ghofari, S.T., M.T. dan Bapak Muchli
hlison Anis, S.T.,
M.T., selaku Pem
embimbing Tugas Akhir yang telah memberi
erikan bimbingan,
masukan, dan ara
rahan kepada penulis dalam penulisan demii kemajuan
k
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