PERANCANGAN SISTEM INFORMASI ALUMNI TEKNIK INDUSTRI UMS BERBASIS WEBSITE DENGAN MENGGUNAKAN CONTENT MANAGEMENT SYSTEM (CMS) WORDPRESS

Transkripsi

1 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 FAKULTAS TEKNIK JURUSAN TEKNIK INDUSTRI UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014 i

2

3

4

5 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

6 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

7 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

8 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

9 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

10 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 Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Sistemika Penulisan 5 BAB II LANDASAN TEORI Data, Informasi, Sistem dan Sistem Informasi Data 7 x

11 2.1.2 Informasi Sistem Sistem Informasi Content Management System (CMS) Wordpress Plugin Internet Pengenalan Website HTTP HTML PHP (Hypertext Preprocessor) Basis Data MySQL Prinsip-prinsip Pembuatan Web Jenis Situs Web Aplikasi Up Load File Komunitas Online Komunikasi Komunikasi Organisasi Data Flow Diagram (DFD) Context Diagram (CD) Diagram Level n / Data Flow Diagram Levelled Hosting dan Domain Website Pembanding 32 xi

12 2.18. Tinjauan Pustaka 34 BAB III METODOLOGI PENELITIAN Obyek Penelitian Teknik Pengumpulan Data Prosedur Penelitian Perancangan Sistem Web Perancangan Website Pengujian dan Pengembangan Website Publikasi Web Kerangka Pemecahan Masalah 42 BAB IV PERANCANGAN DAN PEMBAHASAN SISTEM Perancangan Sistem Desain Context Diagram Admin Editor Subscriber Dekomposisi Proses Regristrasi Post Komentar Agenda Forum 48 xii

13 6. Galeri Kuesioner Data Flow Diagram Sistem Web ALTIS UMS Penentuan Content Management System(CMS)Open Source Blogspot Wordpress Drupal Mambo Joomla Pembuatan Form Halaman Depan/ Homepage Halaman Profil Halaman Profil Alumni Halaman Event Halaman Forum Halaman Kuesioner Halaman Lowongan Kerja UMS (Loker UMS) Pengujian Sistem Analisa Keseluruhan 69 BAB V PENUTUP Kesimpulan Saran 72 DAFTAR PUSTAKA LAMPIRAN xiii

14 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

15 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

16 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 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