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 HALAMAN PENGESAHAN HALAMAN PERSETUJUAN HALAMAN PERNYATAAN MOTTO PERSEMBAHAN KATA PENGANTAR DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR ABSTRAKSI i ii iii iv v vi vii x xiv xv xvi BAB I 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 BAB II 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 43 4.1 Perancangan Sistem 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 51 4.2 Penentuan Content Management System(CMS)Open Source 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 BAB V 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