PERANCANGAN SISTEM INFORMASI ALUMNI TEKNIK INDUSTRI UMS BERBASIS WEBSITE DENGAN MENGGUNAKAN CONTENT MANAGEMENT SYSTEM (CMS) WORDPRESS
Diajukan Kepada Universitas Muhammadiyah Surakarta untuk Memenuhi Salah Satu Persyaratan dalam Menyelesaikan Program Sarjana Teknik Industri Diajukan oleh : WAHYU YOGA UTAMA NIM : D 600 100 017
FAKULTAS TEKNIK JURUSAN TEKNIK INDUSTRI UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014
i
MOTTO:
“Hai manusia! Sembahlah Tuhan yang menjadikan kamu dan orang – orang sebelum kamu supaya kamu menjadi bertaqwa” (Al-Baqarah : 21) If we don’t end war, war will end us (H. G. Wells) Apa yang kita lakukan didunia ini, tertulis dalam keabadian (Penulis) Sukses adalah suatu keadaan dimana kita dapat bermanfaat bagi orang lain sebanyak mungkin (Penulis)
v
PERSEMBAHAN
Laporan Tugas Akhir ini penulis persembahkan kepada: 1.
Bapak dan ibu yang telah memberikan dukungan, Do’a serta semangat.
2. Nenek, Tante dan Paman yang telah merawat dan membesarkanku dari kecil hingga dewasa. 3.
Adik-adikku tercinta Ratih Wahyu Wijayanti dan Wahyu Tegar Wicaksana yang telah menjadi penyemangatku.
4. Sahabat ku, yang telah memberikan dukungan, motivasi dan inspirasi (Yoko, Yudha, Budi, Saleh, Mufti, dan masih banyak lagi) kalian teman luar biasa….. !!! 5.
Pembaca sendiri
6.
TI 2010, kita kompak !!!
7.
Pembaca yang budiman.
vi
KATA PENGANTAR
Assalamu’alaikum Wr. Wb Alhamdulillahhirobil’alamin, penulis panjatkan puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan inayah-Nya, sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan judul " PERANCANGAN SISTEM INFORMASI ALUMNI TEKNIK INDUSTRI UMS BERBASIS WEBSITE DENGAN MENGGUNAKAN CONTENT MANAGEMENT SYSTEM (CMS) WORDPRESS ". 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 terima kasih kepada: 1. Bapak Ir. Sri Sunarjono, MT., Ph.D, selaku Dekan Fakultas Teknik Universitas Muhammadiyah Surakarta. 2. Bapak Hafidh Munawir, ST. M.Eng., selaku ketua Jurusan Teknik Industri Universitas Muhammadiyah Surakarta sekaligus selaku Pembimbing Tugas Akhir yang telah memberikan bimbingan, masukan, dan arahan. 3. Bapak Ahmad Kholid Al-Ghofari, ST, MT, serta Bapak Hafidh Munawir ST, M.Eng, selaku Pembimbing Tugas Akhir yang telah memberikan bimbingan, masukan, dan arahan kepada penulis dalam penulisan demi kemajuan Tugas Akhir penulis.
vii
4. Ibu Etika Muslimah, ST, MM, MT dan Bapak Ratnanto Fitriadi, ST. MT., 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 motivasi serta dukungan penuh terhadap semua jalanku. Thanks Mom and Dad !!! 7. Nenek, Tante, dan Paman yang telah mendidik, membesarkan serta menuntunku untuk menjadi orang yang lebih baik. I love you Granny..! 8. Adik-adikku tersayang Ratih dan Tegar, kalianlah motivasi yang paling indah dalam menyelesaikan laporan ini. 9. My Best Friend in Industrial Engineering para kawan Gupik seperjuangan (Yoko, Budi, Yudha, Saleh, Mufti) terima kasih banyak telah menjadi keluargaku di Solo. 10. Yulius R.A.T terima kasih telah menjadi temanku tumbuh besar di Salatiga. cepet nyusul brooohh 11. Terima kasih kepada teman-teman kontrakan yang telah merawatku selama ini. 12. Terima kasih kepada seluruh teman-teman di organisasi, IT Helpdesk, Asisten Statistik, Asisten PLC, Asisten Gambar Teknik, seluruh Asisten Lab TI UMS, DPM FT, KMTI, ODS. 13. Terima kasih kepada semua sahabat-sahabatku yang tidak bisa aku sebutkan satu per satu. 14. Teman-teman angkatan 2010, we are the best engineer!!
viii
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. Akhir kata, penulis berharap Laporan Tugas Akhir ini dapat bermanfaat bagi penulis pada khususnya dan pembaca pada umumnya. Amiiiin. Wassalamu’alaikum Wr. Wb
Surakarta, 10 Juli 2014
Penulis
ix
DAFTAR ISI
HALAMAN JUDUL
i
HALAMAN PENGESAHAN
ii
HALAMAN PERSETUJUAN
iii
HALAMAN PERNYATAAN
iv
MOTTO
v
PERSEMBAHAN
vi
KATA PENGANTAR
vii x
DAFTAR ISI DAFTAR TABEL
xiv
DAFTAR GAMBAR
xv
ABSTRAKSI
xvi
BAB I
BAB II
PENDAHULUAN
1
1.1. Latar Belakang
1
1.2. Rumusan Masalah
3
1.3. Batasan Masalah
3
1.4. Tujuan Penelitian
4
1.5. Manfaat Penelitian
4
1.6. Sistemika Penulisan
5
LANDASAN TEORI
7
2.1. Data, Informasi, Sistem dan Sistem Informasi
7
2.1.1 Data
7
x
2.1.2 Informasi
9
2.1.3 Sistem
10
2.1.4 Sistem Informasi
11
2.2. Content Management System (CMS)
11
2.3. Wordpress
13
2.4. Plugin
14
2.5. Internet
15
2.6. Pengenalan Website
16
2.7. HTTP
16
2.8. HTML
17
2.9. PHP (Hypertext Preprocessor)
19
2.10. Basis Data MySQL
21
2.11. Prinsip-prinsip Pembuatan Web
22
2.11.1 Jenis Situs Web
23
2.11.2 Aplikasi Up Load File
24
2.12. Komunitas Online
24
2.13. Komunikasi
25
2.14. Komunikasi Organisasi
27
2.15. Data Flow Diagram (DFD)
27
2.15.1 Context Diagram (CD)
30
2.15.2 Diagram Level n / Data Flow Diagram Levelled
30
2.16. Hosting dan Domain
31
2.17. Website Pembanding
32
xi
2.18. Tinjauan Pustaka
34
BAB III METODOLOGI PENELITIAN
35
3.1. Obyek Penelitian
35
3.2. Teknik Pengumpulan Data
35
3.3. Prosedur Penelitian
36
3.4. Perancangan Sistem Web
37
3.5. Perancangan Website
38
3.6. Pengujian dan Pengembangan Website
39
3.7. Publikasi Web
40
3.8. Kerangka Pemecahan Masalah
42
BAB IV PERANCANGAN DAN PEMBAHASAN SISTEM 4.1 Perancangan Sistem
43 43
4.1.1 Desain Context Diagram
43
1. Admin
44
2. Editor
45
3. Subscriber
45
4.1.2 Dekomposisi Proses
46
1. Regristrasi
46
2. Post
46
3. Komentar
47
4. Agenda
47
5. Forum
48
xii
6. Galeri
48
7. Kuesioner
48
4.1.3 Data Flow Diagram Sistem Web ALTIS UMS 4.2 Penentuan Content Management System(CMS)Open Source
BAB V
51 55
4.2.1 Blogspot
55
4.2.2 Wordpress
56
4.2.3 Drupal
57
4.2.4 Mambo
58
4.2.5 Joomla
58
4.3 Pembuatan Form
59
4.3.1 Halaman Depan/ Homepage
59
4.3.2 Halaman Profil
60
4.3.3 Halaman Profil Alumni
61
4.3.4 Halaman Event
62
4.3.5 Halaman Forum
63
4.3.6 Halaman Kuesioner
64
4.3.7 Halaman Lowongan Kerja UMS (Loker UMS)
66
4.4 Pengujian Sistem
66
4.5 Analisa Keseluruhan
69
PENUTUP
71
5.1 Kesimpulan
71
5.2 Saran
72
DAFTAR PUSTAKA LAMPIRAN
xiii
DAFTAR TABEL
Tabel 2.1 Browser yang mendukung HTML5
18
Tabel 2.2 Tabel Website Pembanding
32
Tabel 4.1 Spesifikasi Proses Manajemen Regristrasi
52
Tabel 4.2 Spesifikasi Proses Manajemen Post
52
Tabel 4.3 Spesifikasi Proses Manajemen Komentar
53
Tabel 4.4 Spesifikasi Proses Manajemen Agenda
53
Tabel 4.5 Spesifikasi Proses Manajemen Forum
54
Tabel 4.6 Spesifikasi Proses Manajemen Galeri
54
Tabel 4.7 Spesifikasi Proses Manajemen Kuesioner
55
Tabel 4.8 Analisa Hasil Pengolahan Data
69
xiv
DAFTAR GAMBAR
Gambar 2.1 Hubungan Antara Data dan Informasi
9
Gambar 2.2 Simbol Dalam DFD
30
Gambar 2.3 Website Alumni UI
33
Gambar 3.1 Struktur Website Alumni Teknik Industri
38
Gambar 3.2 Kerangka Pemecahan Masalah
42
Gambar 4.1. Context Diagram Sistem Website ALTIS UMS
44
Gambar 4.2. Dekomposisi Proses Sistem Informasi Website ALTIS UMS
50
Gambar 4.3 Data Flow Diagram Sistem Informasi Website ALTIS UMS
51
Gambar 4.4 Halaman Utama
60
Gambar 4.5 Halaman Profil ALTIS
61
Gambar 4.6 Halaman Profil Alumni
61
Gambar 4.7 Halaman Event
62
Gambar 4.8 Halaman Keterangan Event
63
Gambar 4.9 Halaman Forum
64
Gambar 4.10 Halaman Kuesioner Tracer Study
65
Gambar 4.11 Halaman Kuesioner Pengguna ALTIS
65
Gambar 4.12 Halaman Lowongan Kerja UMS
66
Gambar 4.13 Pengujian Dengan Menggunakan Google Chrome
67
Gambar 4.14 Pengujian Menggunakan Internet Explorer
68
Gambar 4.15 Pengujian Menggunakan Mozilla Firefox
68
Gambar 4.16 Pengujian Menggunakan Opera
69
xv
ABSTRAKSI
Data adalah fakta tercatat mengenai suatu objek sedangkan sistem merupakan suatu kumpulan elemen-elemen yang saling berkaitan dan terintegrasi untuk mencapai suatu tujuan tertentu. Sistem dapat dimodelkan dengan beberapa cara yaitu dengan menggunakan Context Diagram, Data Flow Diagram (DFD), Dekomposisi Proses dan masih banyak lagi. Dalam membuat suatu sistem pada jaman sekarang ini sangatlah muda terutama untuk mebangun suatu sistem web. Sistem web dapat dibangun dengan menggunakan sebuah software open source yang biasa disebut dengan content management system (CMS). Supaya lebih memudahkan dalam pengelolaan dan pembuatan sistem maka digunakanlah Content Management System dimana CMS yang digunakan adalah Wordpress dengan seri terbaru yaitu 3.9.1. Wordpress adalah satu dari banyak CMS yang ada di dunia ini dan merupakan CMS yang memiliki pengguna paling banyak karena fiturnya yang lebih unggul dari software sejenis lainnya. Wordpress sendiri merupakan software pembangun website yang handal. Website sendiri adalah suatu media penyampai informasi yang dapat diakses melalui jaringan internet. Ada banyak jenis website yang ada di dunia ini mulai dari toko online hingga website sosial media. Belum adanya website khusus bagi alumni Teknik Industri UMS merupakan suatu kekurangan tersendiri dimana pada jaman sekarang informasi digital sangatlah penting. Oleh karena itu dibangunlah website khusus alumni yang sekaligus dapat dijadikan sebagai media penyampaian informasi sekaligus sosial media. Tujuan dari penelitian ini adalah mendapatkan informasi sebanyak-banyaknya baik bagi alumni maupun jurusan Teknik Industri UMS sehingga akan dapat dijadikan pengembangan bagi kemajuan jurusan. Pengujian menggunakan browser terkenal dan handal menunjukkan bahwa website ini handal dan responsif sehingga layak untuk dikelola dan dikembangkan. Kata Kunci: Context Diagram, Data Flow Diagram, Content Manajemen System, Wordpress, ALTIS
xvi