PERANCANGAN JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK Perancangan Sistem Informasi Akademik Jurusan Teknik Industri Fakultas Teknik Universitas Muhammadiyah Surakarta Berbasis Web.

19 

Teks penuh

(1)

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

(2)

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

(3)

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

(4)

iv MOTTO:

!"

"

#

#

$

% &

'

(

)

'

*

"

+

, # -

.#

/

0

.# &

%

-*

(5)

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

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

(18)

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

(19)

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.

Figur

Memperbarui...

Referensi

Memperbarui...