LAPORAN TUGAS AKHIR. PERANCANGAN SISTEM INFORMASI BERBASIS WEBSITE DI SEKOLAH VOKASI UMS (Menggunakan Microsoft Dreamwaver dan PhpMyAdmin).

Transkripsi

1 LAPORAN TUGAS AKHIR PERANCANGAN SISTEM INFORMASI BERBASIS WEBSITE DI SEKOLAH VOKASI UMS (Menggunakan Microsoft Dreamwaver dan PhpMyAdmin). Diajukan Sebagai Syarat Memperoleh Gelar Sarjana Teknik Jurusan Teknik Industry Fakultas Teknik Universitas Muhammadiyah Surakarta Disusun Oleh : OLIYA NIM: D JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014 i

2

3

4

5 MOTTO: Pendidikan merupakan perlengkapan paling baik untuk hari tua (Aristoteles) Mereka berkata bahwa setiap orang membutuhkan tiga hal yang akan membuat berbahagia di dunia ini, yaitu; seseorang untuk dicintai, sesuatu untuk dilakukan, dan sesuatu untuk diharapkan. (Tom Bodett) Bunga yang tidak akan layu sepanjang jaman adalah kebajikan (William Cowper) Jadilah karang dilautan yang kuat dihantam ombak dan kerjakanlah hal yang bermanfaat untuk diri sendiri dan orang lain, karena hidup hanyalah sekali. Ingat hanya pada Allah apapun dan di manapun kita berada kepada Dia-lah tempat meminta dan memohon. (Penulis) Jenius adalah 1% inspirasi dan 99% keringat. Usaha lebih penting dari pada perencaan dan tidak ada yang menggantikan kerja keras. (Penulis) v

6 PERSEMBAHAN Laporan Tugas Akhir ini penulis persembahkan kepada: 1. Bapak dan ibu yang telah memberikan dukungan, Do a serta semangat untuk dapat menjadi orang yang berhasil. Terimalah sujud dan baktiku kepadamu. 2. Kepada Yesi Kristianawati yang selalu ada di sampingku disaat suka maupun duka. 3. Kepada sahabat sejatiku Kecuk Rachmanto, Bayu Deni F., Sayidatun Nafisa, Dani Yunanto yang telah menemani memberi motivasi. 4. Teman-teman angkatan 2010 yang selalu memberikan semangat kepada saya. 5. Pembaca yang budiman. vi

7 KATA PENGANTAR Assalamu alaikum Wr. Wb Alhamdulillahhirobil alamin, dengan mengucap puja dan puji syukur kehadirat Allah SWT. Karena atas ridho dan hidayahnya, sehingga penulis dapat menyelesaikan tugas akhir dengan judul PERANCANGAN SISTEM INFORMASI BERBASIS WEBSITE DI SEKOLAH VOKASI UMS (Menggunakan Microsoft dreamwaver dan PhpMyAdmin). Maksud dan tujuan penulisan Tugas Akhir ini adalah untuk memenuhi persyaratan kelulusan program studi Strata 1 pada jurusan teknik industry di Universitas Muhammadiyah Surakarta. Selain itu untuk membuat suatu wadah informasi yang berguna untuk sekolah vokasi UMS. Penulis merasa bahwa dalam menyusun laporan ini masih menemui beberapa kesulitan dan hambatan, disamping itu juga menyadari bahwa penulisan laporan ini masih jauh dari sempurna dan masih banyak kekurangan-kekurangan lainnya, maka dari itu penulis mengharapkan kritik dan saran yang membangun dari semua pihak. Penulis mendapatkan banyak sekali do a, bantuan dan dukungan dari berbagai pihak dalam menyelesaikan Tugas Akhir ini. Atas berbagai bantuan dan dukungan tersebut, pada kesempatan ini penulis menghaturkan terima kasih yang sebesar-besarnya kepada: Allah SWT, Tuhan sekaligus Pengatur Kehidupan yang telah memberikan kesempatan bagi penulis untuk menyelesaikan Tugas Akhir hingga selesai. Kedua orang tua, terutama ibu, yang tak henti-hentinya memberikan semangat dan kasih sayang yang luar biasa kepada penulis. Kakak dan Adik, Mas Fajar dan Dik Dian yang telah memberi semangat serta do a kepada penulis agar cepat selesai. vii

8 Kepada pembimbing bapak Dr. Suranto, MM sekalu pembimbing 1 dan bapak Muchlison Anis, ST.MM yang selalu memberikan masukan dan motifasi pada saat pembuatan tugas akhir ini. Penguji bapak Ratnanto Fitriadi, ST, MT selaku penguji 1 dan ibu Siti Nandiroh, ST, M.Eng sebagai penguji 2 yang telah berkenan memberikan waktunya untuk menguji tugas akhir. Semua Bapak dan Ibu Dosen yang mengajar Jurusan Teknik Industri, Universitas Muhammadiyah Surakarta yang telah sabar dalam memberikan ilmu dan bantuan kepada penulis selama penulis berkuliah. Kepada sahabat-sahabatku dari teknik industri UMS, terima kasih dukungannya selama ini. Dan berbagai pihak yang tidak dapat penulis sebutkan disini. Semoga Tuhan Yang Maha Esa memberkati dan membalas semua kebaikan yang telah dilakukan. Penulis menyadari masih banyak yang banyak dikembangkan pada tugas akhir. Oleh karena itu penulis menerima setiap masukan dan kritik yang diberikan. Semoga Tugas Akhir ini dapat memberikan manfaat. Surakarta, Oktober 2014 Penulis viii

9 DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSEMBAHAN... ii HALAMAN PERSETUJUAN... iii PERNYATAAN... iv PERSEMBAHAN... v MOTTO... vi KATA PENGANTAR... vii DAFTAR ISI... ix DAFTAR TABEL... xv DAFTAR GAMBAR... xvi DAFTAR LAMPIRAN... xix ABSTRAKSI... xx BAB I PENDAHULUAN 1.1 Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Manfaat Penelitian Sistematika Penulisan... 6 ix

10 BAB II LANDASAN TEORI 2.1 Konsep Dasar Sistem Informasi Konsep Dasar Data Konsep Dasar Sistem Konsep Dasar Informasi Konsep Dasar Sistem Informasi Analisis Kebutuhan Sistem Desain Basis Data (database) Pengertian Database Tipe-tipe field database Keuntungan Penggunaan Database Basis dan MySQL Pengertian Basis dan MySQL Program dan teknik penghubung dalam MySQL PHP (Hypertext Preprocessor) Pengertian PHP (Hypertext Preprocessor) Kelebihan PHP (Hypertext Preprocessor) Internet dan Website Definisi Internet Sejarah Internet Definisi Website Microsoft Dreamwaver x

11 Definisi Microsoft Dreamwaver Tampilan Microsoft dreamwaver CSS (Cascoding Style Sheet) Definisi CSS Keuntungan menggunakan CSS XAMPP Tinjauan Pustaka BAB III METODOLOGI PENELITIAN 3.1 Objek Penelitian Prosedur Penelitian Perumusan masalah Batasan masalah Tujuan Teknik Pengumpulan Data Data Primer Data Sekunder Studi Evaluasi Perbandingan Identifikasi Kebutuhan Sistem Merancang diagram konteks (Context Diagram) Merancang Dekomposisi Proses Merancang Data Flow Diagram (DFD) xi

12 Analisa website lama dengan perancangan website baru Perancangan sistem untuk Sekolah Vokasi UMS Bahan Dan Alat Penelitian Bahan Alat Perancangan Sistem Perancangan database Perancangan form Perancangan report Perancangan Website Pengelompokan struktur website Desain website Pengembangan dan pengujian website Analisa Perancangan Sistem Publikasi Website Registrasi dan pemilihan space hosting Upload website Editing Script Data Kerangka Pemecahan Masalah BAB IV METODOLOGI PENELITIAN 4.1 Perancangan Sistem Context diagram Dekomposisi Proses xii

13 Data Flow Diagram Pemilihan Aplikasi dan CMS Website Dreamwaver CMS website Pembuatan Form Home Profil Program Pendaftaran Lulusan Kegiatan Informasi Loker Peta lokasi Customer Service Halaman login Halaman admin Halaman dosen Halaman mahasiswa Perancangan database Pengujian Sistem Pengujian Browser Pengujian Security Website Pengujian Captcha xiii

14 2. Pengujian Singkronisasi Database Pengujian dan pemilihan pada Domain Analisa Keseluruhan BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN xiv

15 DAFTAR TABEL Tabel 2.1 Simbol-Simbol DFD Tabel 2.2 Simbol-Simbol ERD Tabel 2.3 Tabel Sejarah Internet Tabel 2.4 Tinjauan Pustaka Tabel 4.1 Spesifikasi Proses Profil Tabel 4.2 Spesifikasi Proses Registrasi Tabel 4.3 Spesifikasi Home Tabel 4.4 Spesifikasi Program Tabel 4.5 Spesifikasi pendaftaran Tabel 4.6 Spesifikasi Lulusan Tabel 4.7 Spesifikasi Kegiatan Tabel 4.8 Spesifikasi informasi loker Tabel 4.9 Spesifikasi peta lokasi Tabel 4.10 Spesifikasi Customer service xv

16 DAFTAR GAMBAR Gambar 2.1 Proses Sistem... 9 Gambar 2.2 DFD Level Gambar 2.3 Alur Database Gambar 2.4 Alur Sistem Informasi Gambar 2.5 Script dalam PHP: (a) embedded script, (b) non embedded script Gambar 2.6 Fiture Microsoft Dreamwaver Gambar 2.7 Layar Dokumen Utama Gambar 2.8 Properties Panel Dreamwaver Gambar 3.1 Website Sekolah Vokasi saat ini Gambar 3.2 Kerangka Diagram Alir Aspek Internal Gambar 3.3 Kerangka Diagram Alir Aspek Exteral Gambar 3.4 Desain Website Sekolah Vokasi UMS Gambar 3.5 Kerangka Pemecahan Masalah Gambar 4.1 Context Diagram Gambar 4.2. Dekomposisi Proses Sistem Website Sekolah Vokasi UMS Gambar 4.3 Data Flow Diagram (DFD) Gambar 4.4. Form Home Gambar 4.5. Form Profil Gambar 4.6. Form Program Alat Berat Gambar 4.7. Form Program Manufaktur Gambar 4.8. Form Program Perbankan Syari ah Gambar 4.9. Form Program Animasi 3D Gambar Form Pendaftaran xvi

17 Gambar Form Lulusan Gambar File Download Gambar Form Kegiatan Wisudawan Gambar Form Kegiatan Pesantren Gambar Form Kegiatan Gambar Form Kegiatan BINTALSIK Gambar Form Informasi Loker Gambar Form Peta Lokasi Gambar Form widget Customer service Gambar Form Login Gambar Halaman Panel Admin Gambar Halaman Panel Dosen (Mata Kuliah) Gambar Halaman Panel Dosen (Editor Berita Update) Gambar Halaman Panel Dosen (kelola galeri foto) Gambar Halaman Panel Dosen (galeri foto) Gambar Halaman Panel Mahasiswa (Input Mata Kuliah) Gambar Halaman Panel Mahasiswa (Input Tugas) Gambar Halaman Panel Mahasiswa (upload dan download tugas) Gambar 4.29 kumpulan database Sekolah Vokasi UMS Gambar Pengujian di Mozila Firefox Gambar Pengujian di Google Chrome Gambar Pengujian di Internet Explorer Gambar Pengujian di Opramini pada Smart Phone Gambar Pengujian Captcha Gambar Pengujian Script database xvii

18 Gambar Pengujian Singkronisasi database Admin Gambar Pengunjian Hubungan Pengunjung Website Gambar Hasil Singkronisasi Untuk Dosen Gambar Hasil Singkronisasi Untuk Mahasiswa xviii

19 DAFTAR LAMPIRAN LAMPIRAN Tentang Sekolah Vokasi UMS Database website Sekolah Vokasi UMS LAMPIRAN xix

20 ABSTRAKSI Vokasi Universitas Muhammadiyah Surakarta adalah sekolah yang bergerak dibidang pendidikan alat berat, bank syariah atau permesinan yang menitik beratkan pada kemampuan mahasiswa secara langsung atau fieldskill. Sekolah Vokasi Universitas Muhammadiyah Surakarta merupakan instansi swasta yang memerlukan suatu wadah agar dapat menampung semua informasi dan dapat dipaparkan pada masyarakat. Informasi yang telah dibuat oleh Vokasi Universitas Muhammadiyah Surakarta adalah berbasis webside yang bertujuan untuk memberikan informasi kepada masyarakat, pertanyaan atau database sendiri untuk kalangan user atau karyawan dan pegawai. Semua interaksi antara user atau karyawan dan pegawai sebagai tukar infomasi dengan fasilitas atau kebutuhan masyarakat terhadap Vokasi Universitas Muhammadiyah Surakarta yang berupa pendaftaran mahasiswa baru, data mahasiswa, lowongan pekerjaan dan kegiatankegiatan yang diadakan oleh Vokasi. Permasalahan yang ada terdapat pada kelengkapan sistem yang belum fixed untuk dapat dibagikan oleh masyarakat dari informasi secara langsung chatting dan pendataan secara langsung. Oleh karena itu untuk mengatasi masalah sistem infomasi interaksi antara user atau karyawan dan pegawai dengan masyarakat yang ada di Vokasi Universitas Muhammadiyah Surakarta maka diperlukan Perancangan Sistem Informasi Berbasis Website Di Sekolah Vokasi Universitas Muhammadiyah Surakarta (Menggunakan Microsoft Dreamwaver Dan PhpMyAdmin). Kata Kunci: Microsoft Dreamwaver, PhpMyAdmin, Sekolah Vokasi Universitas Muhammadiyah Surakarta, dan Sistem informasi Manajemen xx