RANCANG BANGUN APLIKASI E-MADING (ELEKTRONIK MAJALAH DINDING) PADA MADRASAH ALIYAH NU NURUL ULUM JEKULO KUDUS GUNA MENUNJANG KREATIVITAS SISWA

Transkripsi

1 LAPORAN SKRIPSI RANCANG BANGUN APLIKASI E-MADING (ELEKTRONIK MAJALAH DINDING) PADA MADRASAH ALIYAH NU NURUL ULUM JEKULO KUDUS GUNA MENUNJANG KREATIVITAS SISWA Laporan ini Disusun guna Memenuhi Salah Satu Syarat untuk Menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus Disusun Oleh : Nama : Shaiful Anwar NIM : Program Studi : Sistem Informasi Fakultas : Teknik FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS KUDUS 2014

2 LAPORAN SKRIPSI RANCANG BANGUN APLIKASI E-MADING (ELEKTRONIK MAJALAH DINDING) PADA MADRASAH ALIYAH NU NURUL ULUM JEKULO KUDUS GUNA MENUNJANG KREATIVITAS SISWA Laporan ini Disusun guna Memenuhi Salah Satu Syarat untuk Menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus Disusun Oleh : Nama : Shaiful Anwar NIM : Program Studi : Sistem Informasi Fakultas : Teknik FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS KUDUS 2014

3 HALAMAN PERSETUJUAN Nama : Shaiful Anwar NIM : Program Studi : Sistem Informasi Judul Laporan Pembimbing I Pembimbing II : : : Rancang Bangun Aplikasi E-Mading (Elektronik Majalah Dinding) pada Madrasah Aliyah NU Nurul Ulum Jekulo Kudus Guna Menunjang Kreativitas Siswa Andy Prasetyo Utomo, S.Kom, MT Putri Kurnia Handayani, M.Kom Kudus, 07 Maret 2014 Menyetujui : Pembimbing I Pembimbing II Andy Prasetyo Utomo, S.Kom, MT Putri Kurnia Handayani, M.Kom

4 HALAMAN PENGESAHAN Nama : Shaiful Anwar NIM : Program Studi : Sistem Informasi Judul Laporan Pembimbing I Pembimbing II : : : Rancang Bangun Aplikasi E-Mading (Elektronik Majalah Dinding) pada Madrasah Aliyah NU Nurul Ulum Jekulo Kudus Guna Menunjang Kreativitas Siswa Andy Prasetyo Utomo, S.Kom, MT Putri Kurnia Handayani, M.Kom Kudus, 26 Mei 2014 Telah diujikan pada ujian sarjana, tanggal 23 Mei 2014 dan dinyatakan LULUS Mengesahkan : Penguji Utama Penguji I Penguji II Supriyono,M. Kom Andy Prasetyo Utomo, MT Anteng Widodo,ST.M. Kom Mengetahui : Dekan Fakultas Teknik Rochmad Winarso, ST., MT.

5 MOTTO DAN PERSEMBAHAN Motto : H Cara untuk menjadi di depan adalah memulai sekarang. Jika memulai sekarang, tahun depan Anda akan tahu banyak hal yang sekarang tidak diketahui, dan Anda tak akan mengetahui masa depan jika Anda menunggu-nunggu. Orang-orang hebat di bidang apapun bukan baru bekerja karena mereka terinspirasi, namun mereka menjadi terinspirasi karena mereka lebih suka bekerja. Mereka tidak menyia-nyiakan waktu untuk menunggu inspirasi. Dalam masalah hati nurani, pikiran pertamalah yang terbaik. Dalam masalah kebijaksanaan, pemikiran terakhirlah yang paling baik. Persembahan Skripsi ini kupersembahkan kepada : 1. Tuhan yang telah menciptakan aku, beserta Rosul-Nya. 2. Kedua orang tuaku yang selalu memberikan doa dan selalu memberikan restunya. 3. Teman-temanku 4. Almamater UMK

6 RINGKASAN Laporan skripsi dengan judul Rancang Bangun Aplikasi E-Mading (Elektronik Majalah Dinding) pada Madrasah Aliyah NU Nurul Ulum Jekulo Kudus Guna Menunjang Kreativitas Siswa telah dilaksanakan dengan tujuan dengan menghasilkan suatu sistem informasi berbasis web untuk mengefektifkan penggunaan kertas karena untuk penggantian berita lama dengan berita baru dilakukan secara digital menggunakan database. Sistem ini dirancang dengan menggunakan pemodelan UML. Sedangkan bahasa pemrograman yang digunakan adalah PHP dan database MySQL. Hasil dari rancang bangun ini adalah website Aplikasi E-mading (Elektronik Majalah Dinding) yang mana website ini dititik beratkan pada pengelolaan informasi tentang kreativitas siswa dan beberapa aspek yang berkenaan dengan menu menu yang kompatible yakni menu profil, menu program, menu konten, dan menu berita yang membantu penunjangan Website E- mading. Kata Kunci : E-Mading, UML, MA NU Nurul Ulum Jekulo Kudus

7 KATA PENGANTAR Bismillahirrohmanirrohim Assalamu alaikum Wr.Wb. Alhamdulillah segala puji bagi Tuhan yang telah melimpahkan rahmat dan pertolongan kepada penulis serta ni mat dan karunia yang lebih sehingga tak mampu bagi penulis untuk sekedar menghitung dan mengucap syukur atas segala yang dianugrahkan Allah kepada penulis satu per satu. Rahmat dan salam kepada Rosulullah, Muhammad kekasih Allah. Beliaulah yang telah membawa kita dari kegelapan ke jalan cahaya. Alhamdulillah segala puji kepada-mu, atas segala hal yang Engkau berikan padaku. Terima kasih atas orang-orang terhebat yang Engkau hadirkan di sekelilingku. Terima kasih. Terima kasih atas segala pertolongan-mu. Aku menyadari, aku hanyalah makhluk lemah yang tak berdaya. Karena Engkaulah, ya Allah, dan memang hanya karena Engkaulah skripsi ini dapat terselesaikan. Segala puji bagi-mu, Tuhanku. Penyusunan skripsi ini merupakan salah satu syarat yang harus dipenuhi untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih yang sebesarbesarnya kepada : 1. Rektor Universitas Muria Kudus. 2. Bapak Rochmad Winarso, ST., MT. selaku Dekan Fakultas Teknik Universitas Muria Kudus. 3. Bapak R. Rhoedy Setiawan, M.Kom selaku Kepala Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. 4. Bapak Andy Prasetyo Utomo, ST, M.Kom yang berkenan menjadi dosen pembimbing pertama saya. Terima kasih atas waktu, ilmu, saran, 5. Ibu Putri Kurnia Handayani, S.Kom, M.Kom selaku pembimbing dua saya. Terima kasih atas waktu, ilmu, saran, semangat, dan nasihat yang Ibu berikan selama bimbingan. Terima kasih banyak, Bu.

8 6. Semua Staf dari MA NU Nurul Ulum Jekulo Kudus, Terima kasih atas ijin yang telah diberikan untuk melakukan penelitian di MA NU Nurul Ulum Jekulo Kudus. 7. Segenap dosen Universitas Muria Kudus, khususnya Progam Studi Sistem Inforamasi yang telah mengenalkan ilmu baru kepada penulis. 8. Semua pihak yang membantu terselesaikannya laporan ini yang tidak dapat penulis sebutkan. Penulis menyadari bahwa dalam penyusunan Laporan Skripsi masih jauh dari sempurna. Oleh karena itu, saran dan kritik yang membangun sangat penulis harapkan guna perbaikan penulisan di masa-masa mendatang. Penulis mohon maaf atas segala kekurangan dan kesalahan yang ada. Akhirnya, penulis berharap semoga tulisan ini bermanfaat. Amin. Wassalamu alaikum Wr.Wb. Kudus, April 2014 Penulis

9 DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii SURAT PERNYATAAN PERSETUJUAN KARYA ILMIAH... iv HALAMAN MOTO DAN PERSEMBAHAN... v RINGKASAN... vi KATA PENGANTAR... vii DAFTAR ISI... ix DAFTAR TABEL... xiii DAFTAR GAMBAR... xiv DAFTAR LAMPIRAN... xvii BAB I PENDAHULUAN Latar Belakang Masalah Perumusan Masalah Batasan Masalah Tujuan Skripsi Manfaat Skripsi Tinjauan Pustaka Metodologi Penelitian Objek Penelitian Metode pengumpulan data Sumber data primer Sumber data sekunder Metode pengembangan sistem Metode perancangan sistem Sistematika Penulisan... 8 BAB II LANDASAN TEORI Pengertian rancang bangun Konsep dasar sistem... 9

10 Pengertian sistem Karakteristik sistem Konsep dasar informasi Pengertian informasi Kualitas informasi E-Mading (Elektronik Mading) Pengertian majalah dinding (Mading) Pengertian elektronik majalah dinding E-(Mading) FOD (Flow Of Document) Pengertian aplikasi UML (Unified Modelling Language) Pengertian Diagram grafis UML a. Use case diagram b. Class diagram c. Sequence diagram d. Activity diagram e. Statechart diagram Entity Relationship Diagram (ERD) BAB III TINJAUAN UMUM OBYEK PENELITIAN Profil Madrasah Aliyah Nurul Ulum Sejarah Madrasah Aliyah Nurul Ulum Visi, Misi dan Tujuan Letak Geografis Struktur Organisasi Job Description Flow of Document Pembuatan Majalah Dinding BAB IV ANALISA DAN PERANCANGAN Deskripsi Sistem Identifikasi Masalah Analisa Kebutuhan Data dan Informasi... 35

11 4.4. Analisa Kebutuhan Hardware dan Software Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Analisa dan Perancangan Sistem Analisa Actor Bussiness Use case Perancangan Use case Diagram Deskripsi Skenario Use case Analisa Kelas Class Diagram Sequence Diagram Activity Diagram Statechart Diagram Perancangan Database Entity Relationship Diagram Perancangan Database Relasi Tabel Desain yang diusulkan Perancangan layout sistem (antarmuka sisitem) Perancangan form BAB V PEMBAHASAN DAN IMPLEMENTASI Kebutuhan Implementasi Analisa Kebutuhan sistem Kebutuhan Perangkat Lunak (Software) Kebutuhan Sumber Daya Manusia (Brainware) Halaman Utama Sistem Isi Konten Berdasarkan Kategori Halaman Detail Konten Halaman Daftar Halaman Menu Member Halaman Admin... 72

12 Menu Admin Halaman Daftar Konten Masuk Halaman Laporan BAB VI PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

13 DAFTAR TABEL Tabel 2.1 : Simbol Flow Of Document Tabel 2.2 : Notasi Use Case Diagram Tabel 2.3 : Notasi Class Diagram Tabel 2.4 : Notasi Sequence Diagram Tabel 2.5 : Notasi Activity Diagram Tabel 2.6 : Notasi Statechart Diagram Tabel 2.7 : Simbol-simbol ERD Tabel 4.1 : Proses bisnis Use Case Diagram Tabel 4.2 : Skenario Pendaftaran Tabel 4.3 : Skenario Upload Konten Tabel 4.4 : Skenario Publish Konten Tabel 4.5 : Skenario Kelola Laporan Tabel 4.6 : Skenario Kelola Buku Tamu Tabel 4.7 : Skenario Buku Tamu Tabel 4.8 : Skenario Melihat Konten Tabel 4.9 : Skenario Pendataan Siswa Tabel 4.10 : Tabel Siswa Tabel 4.11 : Tabel Guru Tabel 4.12 : Tabel Pendaftaran Tabel 4.13 : Tabel Konten Tabel 4.14 : Tabel Publish Konten Tabel 4.15 : Tabel Buku Tamu... 63

14 DAFTAR GAMBAR Gambar 2.1 : diagram relationship unary Gambar 2.2 : diagram relationship binary Gambar 2.3 : diagram relationship ternary Gambar 2.4 : diagram kardinalitas one to one Gambar 2.5 : diagram kardinalitas one to many Gambar 2.6 : diagram kardinalitas many to many Gambar 3.1 : Denah Lokasi Gambar 3.2 : Struktur Organisasi Madrasah Aliyah Nurul Ulum Gambar 3.3 : Flow of Document Pembuatan Majalah Dinding Gambar 4.1 : Bisnis Use Case Gambar 4.2 : Gambar Use case Sistem Gambar 4.3 : Kelas User Gambar 4.4 : Kelas Guru Pengelola Gambar 4.5 : Kelas Pendaftaran Gambar 4.6 : Kelas Siswa Gambar 4.7 : Kelas Upload Konten Gambar 4.8 : Kelas Publish Konten Gambar 4.9 : Kelas Buku Tamu Gambar 4.10 : Class Diagram Gambar 4.11 : Sequence diagram Pendaftaran Gambar 4.12 : Sequence diagram Upload Konten Gambar 4.13 : Sequence diagram Publish Konten Gambar 4.14 : Sequence diagram Melihat Konten Gambar 4.15 : Sequence diagram Buku Tamu Gambar 4.16 : Sequence diagram Kelola Buku Tamu Gambar 4.17 : Sequence diagram Kelola Laporan Gambar 4.18 : Activity diagram Pendaftaran Gambar 4.19 : Activity diagram Upload Konten Gambar 4.20 : Activity diagram Publish Konten... 50

15 Gambar 4.21 : Activity diagram Melihat Konten Gambar 4.22 : Activity diagram Buku Tamu Gambar 4.23 : Activity diagram Kelola Buku Tamu Gambar 4.24 : Activity diagram Kelola Laporan Gambar 4.25 : Statechart Diagram Class User Login Gambar 4.26 : Statechart Diagram Class User Logout Gambar 4.27 : Statechart Diagram Class Pendataan Siswa Gambar 4.28 : Statechart Diagram Class Publish Konten Gambar 4.29 : Statechart Diagram Class Kelola Buku Tamu Gambar 4.30 : Statechart Diagram Class Kelola Laporan Gambar 4.31 : Statechart Diagram Class Tambah Pendaftaran Gambar 4.32 : Statechart Diagram Class Simpan Pendaftaran Gambar 4.33 : Statechart Diagram Class Tambah Siswa Gambar 4.34 : Statechart Diagram Class Simpan Siswa Gambar 4.35 : Statechart Diagram Class Tambah Upload Konten Gambar 4.36 : Statechart Diagram Class Simpan Upload Konten Gambar 4.37 : Statechart Diagram Class Tambah Publish Konten Gambar 4.38 : Statechart Diagram Class Simpan Publish Konten Gambar 4.39 : Statechart Diagram Class Hapus Publish Konten Gambar 4.40 : Statechart Diagram Class Tambah Buku Tamu Gambar 4.41 : Statechart Diagram Class Simpan Buku Tamu Gambar 4.42 : Statechart Diagram Class Hapus Buku Tamu Gambar 4.43 : Menentukan Entitas Gambar 4.44 : Entitas Guru Gambar 4.45 : Entitas Siswa Gambar 4.46 : Entitas Konten Gambar 4.47 : Entitas Pendaftaran Gambar 4.48 : Entitas Publish Konten Gambar 4.49 : Menentukan atribut key Gambar 4.50 : Derajat kardinalitas Gambar 4.51 : Atribut-atribut deskriptif... 60

16 Gambar 4.52 : ERD E-Mading Gambar 4.53 : Relasi Tabel Gambar 4.54 : Desain Website Gambar 4.55 : Desain Form Guru Gambar 4.56 : Desain Form Siswa Gambar 4.57 : Desain Form Upload Konten Gambar 4.58 : Desain Form Guru Gambar 4.59 : Desain Form Publish Konten Gambar 4.60 : Desain Form Komentar Gambar 5.1 : Halaman Utama Sistem Gambar 5.2 : Isi Konten Berdasarkan kategori Gambar 5.3 : Halaman Detail Konten Gambar 5.4 : Halaman Pendaftaran Member Gambar 5.5 : Halaman Login Member Gambar 5.6 : Menu Member Gambar 5.7 : Upload Konten Gambar 5.8 : Konten saya Gambar 5.9 : Upload File Gambar 5.10 : Halaman login admin Gambar 5.11 : Menu Admin Gambar 5.12 : Halaman Daftar Konten Masuk Gambar 5.13 : Halaman Publish Konten Gambar 5.14 : Halaman Laporan... 74

17 DAFTAR LAMPIRAN Lampiran 1 Lampiran 2 Lampiran 3 : Buku Bimbingan Skripsi : Surat Keterangan Penelitian : Biografi Penulis

18 72