LAPORAN SKRIPSI. Oleh : ARIEF PAMUJI SKRIPSI DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK MEMPEROLEH GELAR SARJANA KOMPUTER

Transkripsi

1 LAPORAN SKRIPSI WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER Oleh : ARIEF PAMUJI SKRIPSI DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK MEMPEROLEH GELAR SARJANA KOMPUTER PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2014 i

2 UNIVERSITAS MURIA KUDUS PENGESAHAN STATUS SKRIPSI JUDUL : WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER NAMA : ARIEF PAMUJI Mengijinkan Skripsi Teknik Informatika ini disimpan di Perpustakaan Program Studi Teknik Informatika Universitas Muria Kudus dengan syarat-syarat kegunaan sebagai berikut : 1. Skripsi adalah hal milik Program Studi Teknik Informatika Universitas Muria Kudus. 2. Perpustakaan Teknik Informatika Universitas Muria Kudus dibenarkan membuat salinan untuk tujuan referensi saja. 3. Perpustakaan juga dibenarkan membuat salinan Skripsi ini sebagai bahan pertukaran antar institusi pendidikan tinggi. 4. Berikan tanda v sesuai dengan kategori Skripsi. Sangat Rahasia (Mengandung isi tentang keselamatan/ kepentingan Negara Republik Indonesia) Rahasia v Biasa (Mengandung isi tentang kerahasiaan dari suatu organisasi/badan tempat penelitian Skripsi ini dikerjakan) ii

3 UNIVERSITAS MURIA KUDUS PERNYATAAN PENULIS JUDUL : WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER NAMA : ARIEF PAMUJI NIM : Saya menyatakan dan bertanggung jawab dengan sebenarnya bahwa Skripsi ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masingmasing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya ada pihak lain yang mengklaim bahwa Skripsi ini sebagai karyanya, yang disertai dengan buktibukti yang cukup, maka saya bersedia untuk dibatalkan gelar Sarjana Komputer saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut. iii

4 UNIVERSITAS MURIA KUDUS PERSETUJUAN SKRIPSI JUDUL : WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER NAMA : ARIEF PAMUJI NIM : Skripsi ini telah diperiksa dan disetujui, iv

5 UNIVERSITAS MURIA KUDUS PENGESAHAN SKRIPSI JUDUL : WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER NAMA : ARIEF PAMUJI NIM : Skripsi ini telah diujikan dan dipertahankan di hadapan Dewan Penguji pada Sidang Skripsi tanggal 6 Maret Menurut pandangan kami, Skripsi ini memadai dari segi kualitas unutk tujuan penganugrahan gelar Sarjana Komputer (S.Kom) v

6 ABSTRACT Along with the growing information technology and communication, it appears a demand to deliver professional and informative information. Website is in conveying information in an alternative education is regarded as instructions that can provide clients the opportunity to get to know the information about educational institutions informative. Nowadays technology is growing rapidly website website has been shifting desktop application that we have known and become the first choice to provide the information because it can be easily accessible and up to date. The system will be designed and fabricated authors are expected to provide detailed information, so that students can monitor and see the results obtained by students without having to come to a place LPK to get clear information simply by opening the website, then LPK biased one step ahead of the institution other. To generate information delivery system that is in LPK Cahaya Nusantara Computer, system development methods used is Web Engineering. Web Engineering is one of the preparation of the new system to replace the old system or improve overall system has been running. Keywords: Information, Design, Websites, Web Engineering vi

7 ABSTRAK Seiring dengan berkembang teknologi dan informasi dalam berkomunikasi, maka muncul sebuah tuntutan dalam menyampaikan informasi yang profesional dan informatif. Website merupakan alternatif dalam menyampaikan informasi dalam dunia pendidikan yang dianggap sebagai instruksi yang dapat memberikan kesempatan klien untuk mengenal informasi tentang institusi pendidikan secara informatif. Saat ini teknologi website berkembang dengan pesat website sudah mengalihkan aplikasi dekstop yang selama ini kita kenal dan menjadi pilihan utama untuk memberikan informasi karena dapat dengan mudah di akses dan up to date. Sistem yang akan dirancang dan dibuat penulis diharapkan mampu memberikan informasi yang detail, sehingga siswa dapat memantau dan melihat hasil yang diperoleh siswa tanpa harus dating ke tempat LPK untuk mendapatkan informasi yang jelas hanya dengan membuka website, maka LPK bisa selangkah lebih maju dari pada lembaga yang lainnya. Untuk menghasilkan sistem penyampaian informasi yang ada di LPK Cahaya Nusantara Computer, metode pengembangan sistem yang dipakai adalah Web Engineering. Web Engineering merupakan salah satu penyusunan sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah berjalan. Kata Kunci : Informasi, Perancangan, Website, Web Engineering vii

8 KATA PENGANTAR Skripsi dengan judul WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER ini dapat penulis selesaikan sesuai rencana karena dukungan dari berbagai pihak yang tidak ternilai besarnya. Oleh karena itu penulis menyampaikan terima kasih kepada : 1. Allah SWT yang telah memberikan rahmat dan karunianya, sehingga penulis dapat menyelesaikan Laporan Skripsi ini. 2. Bapak Prof. Dr. dr. Sajadi, Sp. PA, selaku Rektor Universitas Muria Kudus. 3. Bapak Rochmad Winarso, ST, MT, selaku Dekan Fakultas Teknik Universitas Muria Kudus. 4. Bapak Ahmad Jazuli, S.Kom, M.Kom, selaku Ketua Program Studi Teknik Informatika Universitas Muria Kudus. 5. Ibu Tri Listyorini, M.Kom, selaku pembimbing utama yang telah berbaik hati memberikan waktu, arahan, dan bimbingan kepada penulis sehingga penulis dapat menyelesaikan skripsi ini dengan baik. 6. Ibu Tutik Khotimah, M.Kom, selaku pembimbing kedua yang telah berbaik hati selama ini memberikan arahan dan bimbingannya sehingga penulis dapat menyelesaikan dengan baik. 7. Kepada kedua Orang Tua, yang mana telah memberikan banyak cinta dan kasih sayang, dukungan, do a dalam penyusunan skripsi ini dan dalam studi yang saya tempuh. 8. Saudara saya, temen, sahabat seperjuangan Rizka selalu menyemangati dalam menyusun laporan skripsi ini. 9. Semua teman-teman Teknik Informatika angkatan 2009 terima kasih atas dukungan dan do a kalian. viii

9 Semoga beliau-beliau di atas mendapatkan imbalan yang lebih besar dari Allah SWT melebihi apa yang beliau-beliau diberikan kepada penulis. Kudus, 15 Maret 2014 Penulis Arief Pamuji ix

10 DAFTAR ISI Halaman HALAMAN SAMPUL... i PENGESAHAN STATUS SKRIPSI... ii PERNYATAAN PENULIS... iii PERSETUJUAN SKRIPSI... iv PENGESAHAN SKRIPSI... v ABSTRACT... vi ABSTRAK... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR TABEL... xiv DAFTAR GAMBAR... xv DAFTAR LAMPIRAN... xx BAB I PENDAHULUAN 1.1 Latar Belakang Identifikasi Masalah Analisa Masalah Perumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian... 3 BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terkait Landasan Teori Pengertian Portal Pengertian Web Internet Informasi Perancangan... 9 x

11 BAB III BAB IV UML (Unified Modelling Language) Diagram Grafis UML Business Modeling Use case Diagram Sequence Diagram Activity Diagram Class Diagram Tabel Field Record Web Responsive Application Adobe Dreamweaver CS PHP (Hypertext Preeprocessor) Cascading Style Sheets (CSS) MySQL Web Browser Rational Rose Kerangka Pemikiran METODE PENELITIAN 3.1 Tahap Pengumpulan Data Sumber Data Primer Sumber Data Sekunder Metode Pengembangan Sistem ANALISA DAN PERANCANGAN 4.1 Diskripsi Sistem Analisa Kebutuhan Data dan Informasi Analisa Actor Analisa Usecase Pemodelan Sistem menggunakan UML UseCase Diagram xi

12 BAB V Business UseCase Diagram Sequence Diagram Activity Diagram Class Diagram Perancangan Basis Data Perancangan Database Struktur Tabel Relasi tabel pada web portal untuk Lembaga Pendidikan Komputer Cahaya Nusantara Computer Perancangan Layout Sistem (Antarmuka Sistem) PEMBAHASAN DAN IMPLEMENTASI 5.1 Implementasi Kebutuhan Implementasi Kebutuhan Perangkat Lunak (Software) Kebutuhan Sumber Daya Manusia (Brainware) Mempersiapkan Database Sistem Web Hosting Halaman Sistem Halaman Login Sistem Halaman Admin Halaman Utama Admin Halaman Pengelolaan Siswa Halaman Pengelolaan Jadwal Halaman Nilai Siswa Halaman Berita Halaman Guru Halaman Program Studi Halaman Mata Pelajaran Halaman Kegiatan Siswa Halaman Utama Siswa Halaman Profil Siswa xii

13 BAB VI Halaman Nilai Siswa Halaman Jadwal Siswa Halaman Download Materi Halaman Utama Guru Halaman Uploud Materi Halaman Nilai Halaman Laporan Nilai Pengujian Aplikasi Hasil Pengujian blackbox pada proses login operator Hasil Pengujian untuk Proses login Siswa Hasil Pengujian Proses Input Data PENUTUP 6.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN-LAMPIRAN xiii

14 DAFTAR TABEL Halaman Tabel 2.1 Business Modeling Tabel 2.2 Notasi Use Case Diagram Tabel 2.3 Notasi Sequence Diagram Tabel 2.4 Notasi Activity Diagram Tabel 2.5 Notasi Class Diagram Tabel 4.1 Analisa Usecase Table 4.2 Tabel Admin Tabel 4.3 Tabel berita Tabel 4.4 Tabel guru Tabel 4.5 Tabel jadwal Tabel 4.6 Tabel jurusan Tabel 4.7 Tabel mapel Tabel 4.8 Tabel materi Tabel 4.9 Tabel nilai Tabel 4.10 Tabel siswa Table 4.11 Tabel kegiatan Tabel 5.1 Pengujian blackbox pada proses login operator Tabel 5.2 Pengujian blackbox pada proses login siswa Tabel 5.3 Pengujian blackbox pada proses Input Data Siswa Tabel 5.4 Pengujian blackbox pada proses Input Data Guru Tabel 5.5 Pengujian blackbox pada proses Input Data Mapel Tabel 5.6 Pengujian blackbox pada proses Input Data Nilai xiv

15 DAFTAR GAMBAR Halaman Gambar 2.1 Siklus Informasi... 9 Gambar 2.2 Contoh Gambar Tabel, Field, Record Gambar 2.3 Kerangka Pemikiran Pemecahan Masalah Gambar 3.1 Tahapan-tahapan Proses Web Engineering Gambar 4.1 Gambar UseCase diagram Gambar 4.2 Gambar Bussiness usecase diagram Gambar 4.3 Gambar Sequence diagram Login Admin Gambar 4.4 Sequence diagram Admin Mengelola Informasi Gambar 4.5 Sequence diagram Admin Mengelola Jadwal Gambar 4.6 Sequence diagram Admin Mengelola Nilai Gambar 4.7 Sequence diagram Admin Mengelola Foto Kegiatan Gambar 4.8 Sequence diagram Guru Mengelola Mata Pelajaran Gambar 4.9 Sequence diagram Guru Mengelola Nilai Gambar 4.10 Sequence diagram Siswa Melihat Informasi Gambar 4.11 Sequence diagram SiswaMelihat Jadwal Gambar 4.12 Sequence diagram Siswa Melihat Nilai Gambar 4.13 Activity diagram Guru Mengelola Nilai Gambar 4.14 Activitydiagram Guru Mengelola Materi Pelajran Gambar 4.15 Activity diagram Admin Mengelola Jadwal Gambar 4.16 Activity diagram Admin Mengelola Nilai Gambar 4.17 Activity diagram Admin Mengelola Berita Gambar 4.18 Activity diagram Admin Mengelola Kegiatan Gambar 4.19 Activity diagram Siswa Melihat Nilai Gambar 4.20 Activity diagram Siswa Melihat Jadwal Gambar 4.21 Activity diagram Siswa Melihat Informasi Gambar 4.22 Activity diagram Siswa Men-download Materi Gambar 4.23 Class Siswa Gambar 4.24 Class Admin xv

16 Gambar 4.25 Class Guru Gambar 4.26 Class Berita Gambar 4.27 Class Mata Pelajaran Gambar 4.28 Class Nilai Gambar 4.29 Class Materi Gambar 4.30 Class Jadwal Gambar 4.31 Class Jurusan Gambar 4.32 Class Kegiatan Gambar 4.33 Class Diagram Gambar 4.34 Relasi Tabel Database Gambar 4.35 Desain Web Gambar 4.36 Login Administrator Gambar 4.37 Input Data Siswa Gambar 4.38 Input Materi Gambar 4.39 Input Nilai Siswa Gambar 4.40 Input Program Studi Gambar 4.41 Input Mata Kuliah Gambar 4.42 Input Kegiatan Gambar 4.43 Laporan nilai siswa Gambar 4.44 Halaman Output Daftar Siswa Gambar 4.45 Halaman Output Jadwal Gambar 4.46 Halaman Output Materi Gambar 4.47 Halaman Output Daftar Guru Gambar 4.48 Halaman Output Program Studi Gambar 4.49 Halaman Output Mata Kuliah Gambar 5.1 Tabel Admin Gambar 5.2 Tabel Berita Gambar 5.3 Tabel Guru Gambar 5.4 Tabel Jadwal Gambar 5.5 Tabel Jurusan Gambar 5.6 Tabel Mapel xvi

17 Gambar 5.7 Tabel Materi Gambar 5.8 Tabel Nilai Gambar 5.9 Tabel Siswa Gambar 5.10 Tabel Kegiatan Gambar 5.11 Halaman Rumahweb Gambar 5.12 Halaman Hosting pada Rumah web Gambar 5.13 Halaman domain Rumahweb Gambar 5.14 Paket Hosting Gambar 5.15 Cek Domain Gambar 5.16 Memilih Domain Gambar 5.17 Step Configure Gambar 5.18 Konfigurasi Domain Gambar 5.19 Data Order Gambar 5.20 Form untuk mengisi Data Pelanggan Gambar 5.21 Mengisi Data Order Gambar 5.22 Petunjuk Pembayaran Gambar 5.23 Halaman IdHostinger Gambar 5.24 Layanan Web Hosting Gambar 5.25 Paket Layanan VPN Gambar 5.26 Halaman Afiliasi Gambar 5.27 Halaman Order IdHostinger Gambar 5.28 Halaman Forum Gambar 5.29 Halaman Contact Gambar 5.30 Halaman untuk Login Gambar 5.31 Halaman Buat Akun Gambar 5.32 Halaman Form Pendaftaran Hostinger Gambar 5.33 Halaman Pilihan Paket Hosting Gambar 5.34 Halaman Pembuatan Domain Gambar 5.35 Halaman Konfirmasi Order Domain Gambar 5.36 Halaman Akun Hosting Gambar 5.37 Import File Website xvii

18 Gambar 5.38 Proses Import File Website Gambar 5.39 Halaman setting database (config.php) Gambar 5.40 Halaman membuat Database Gambar 5.41 Halaman membuat user database Gambar 5.42 Halaman daftar database Gambar 5.43 Halaman untuk Import database Gambar 5.44 Hasil web yang telah di Hosting Gambar 5.45 Halaman login Admin dan Guru Gambar 5.46 Halaman login Siswa Gambar 5.47 Halaman Utama Admin Gambar 5.48 Halaman Tambah data Siswa Gambar 5.49 Halaman Data Siswa Gambar 5.50 Halaman Form Jadwal Gambar 5.51 Halaman Tampil Data Jadwal Siswa Gambar 5.52 Halaman menambah Nilai Siswa Gambar 5.53 Halaman Tampil Laporan Nilai Siswa Gambar 5.54 Halaman Mengisi Berita Gambar 5.55 Halaman Tampil Berita Gambar 5.56 Halaman menambah Data Guru Gambar 5.57 Halaman Tampil Data Guru Gambar 5.58 Halaman Tambah Program Studi Gambar 5.59 Halaman Tampil Program Studi Gambar 5.60 Halaman Menambah Mata Pelajaran Gambar 5.61 Halaman Tampil Mata Pelajaran Gambar 5.62 Halaman menambah kegiatan siswa Gambar 5.63 Halaman melihat kegiatan siswa Gambar 5.64 Halaman Utama Siswa Gambar 5.65 Halaman Profil Siswa Gambar 5.66 Tampil Nilai Siswa Gambar 5.67 Halaman Jadwal Siswa Gambar 5.68 Halaman Download Materi xviii

19 Gambar 5.69 Halaman Utama Guru Gambar 5.70 Halaman Uploud Materi Gambar 5.71 Halaman Nilai Gambar 5.72 Halaman Laporan Nilai xix

20 DAFTAR LAMPIRAN xx