LAPORAN SKRIPSI
WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER
Oleh : ARIEF PAMUJI 2009-51-148
SKRIPSI DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK MEMPEROLEH GELAR SARJANA KOMPUTER
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2014
i
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
(Mengandung isi tentang kerahasiaan dari suatu organisasi/badan tempat penelitian Skripsi ini dikerjakan)
v Biasa
ii
UNIVERSITAS MURIA KUDUS PERNYATAAN PENULIS JUDUL
: WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER
NAMA
: ARIEF PAMUJI
NIM
: 2009-51-148
“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
UNIVERSITAS MURIA KUDUS PERSETUJUAN SKRIPSI JUDUL
: WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER
NAMA
: ARIEF PAMUJI
NIM
: 2009-51-148 Skripsi ini telah diperiksa dan disetujui,
iv
UNIVERSITAS MURIA KUDUS PENGESAHAN SKRIPSI JUDUL
: WEB PORTAL UNTUK LEMBAGA PENDIDIKAN KOMPUTER CAHAYA NUSANTARA COMPUTER
NAMA
: ARIEF PAMUJI
NIM
: 2009-51-148
Skripsi ini telah diujikan dan dipertahankan di hadapan Dewan Penguji pada Sidang Skripsi tanggal 6 Maret 2014. Menurut pandangan kami, Skripsi ini memadai dari segi kualitas unutk tujuan penganugrahan gelar Sarjana Komputer (S.Kom)
v
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
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
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
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
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 ................................................................... 1 1.1.1 Identifikasi Masalah ................................................... 1 1.1.2 Analisa Masalah ......................................................... 2 2.2 Perumusan Masalah............................................................ 2 2.3 Batasan Masalah ................................................................. 3 2.4 Tujuan Penelitian ............................................................... 3 2.5 Manfaat Penelitian.............................................................. 3
BAB II
TINJAUAN PUSTAKA 2.1 Penelitian Terkait................................................................ 5 2.2 Landasan Teori ................................................................... 6 2.2.1 Pengertian Portal......................................................... 6 2.2.2 Pengertian Web ........................................................... 7 2.2.3 Internet ........................................................................ 8 2.2.4 Informasi..................................................................... 8 2.3 Perancangan........................................................................ 9
x
2.3.1 UML (Unified Modelling Language) ......................... 9 2.3.2 Diagram Grafis UML ................................................. 10 2.3.2.1 Business Modeling.......................................... 10 2.3.2.2 Use case Diagram........................................... 11 2.3.2.3 Sequence Diagram.......................................... 12 2.3.2.4 Activity Diagram............................................. 12 2.3.2.5 Class Diagram ................................................ 13 2.3.3 Tabel ........................................................................... 14 2.3.4 Field ............................................................................ 14 2.3.5 Record......................................................................... 15 2.4 Web Responsive .................................................................. 16 2.5 Application ......................................................................... 16 2.5.1 Adobe Dreamweaver CS5 .......................................... 16 2.5.2 PHP (Hypertext Preeprocessor) ................................. 17 2.5.3 Cascading Style Sheets (CSS) .................................... 17 2.5.4 MySQL ....................................................................... 17 2.5.5 Web Browser............................................................... 18 2.5.6 Rational Rose.............................................................. 18 2.6 Kerangka Pemikiran ........................................................... 19 BAB III
METODE PENELITIAN 3.1 Tahap Pengumpulan Data................................................... 20 3.1.1 Sumber Data Primer ................................................... 20 3.1.2 Sumber Data Sekunder ............................................... 20 3.2 Metode Pengembangan Sistem........................................... 20
BAB IV
ANALISA DAN PERANCANGAN 4.1 Diskripsi Sistem.................................................................. 24 4.2 Analisa Kebutuhan Data dan Informasi ............................. 24 4.2.1 Analisa Actor .............................................................. 25 4.2.2 Analisa Usecase.......................................................... 25 4.3 Pemodelan Sistem menggunakan UML ............................. 26 4.3.1 UseCase Diagram ....................................................... 26
xi
4.3.2 Business UseCase Diagram ........................................ 27 4.3.3 Sequence Diagram ...................................................... 28 4.3.4 Activity Diagram ......................................................... 33 4.3.5 Class Diagram ............................................................ 40 4.4 Perancangan Basis Data ..................................................... 46 4.5 Perancangan Database ....................................................... 48 4.5.1 Struktur Tabel ............................................................. 48 4.5.2 Relasi tabel pada web portal untuk Lembaga Pendidikan Komputer Cahaya Nusantara Computer .................... 53 4.5.3 Perancangan Layout Sistem (Antarmuka Sistem) ...... 54 BAB V
PEMBAHASAN DAN IMPLEMENTASI 5.1 Implementasi ...................................................................... 60 5.2 Kebutuhan Implementasi.................................................... 60 5.2.1 Kebutuhan Perangkat Lunak (Software)..................... 60 5.2.2 Kebutuhan Sumber Daya Manusia (Brainware) ........ 60 5.3 Mempersiapkan Database Sistem ...................................... 61 5.4Web Hosting ........................................................................ 64 5.5 Halaman Sistem.................................................................. 84 5.5.1 Halaman Login Sistem................................................ 84 5.6 Halaman Admin.................................................................. 85 5.6.1 Halaman Utama Admin .............................................. 85 5.6.2 Halaman Pengelolaan Siswa....................................... 85 5.6.3 Halaman Pengelolaan Jadwal ..................................... 86 5.6.4 Halaman Nilai Siswa .................................................. 87 5.6.5 Halaman Berita ........................................................... 88 5.6.6 Halaman Guru............................................................. 89 5.6.7 Halaman Program Studi.............................................. 90 5.6.8 Halaman Mata Pelajaran............................................ 91 5.6.9 Halaman Kegiatan Siswa ............................................ 92 5.7 Halaman Utama Siswa ....................................................... 93 5.7.1 Halaman Profil Siswa ................................................. 93
xii
5.7.2 Halaman Nilai Siswa .................................................. 94 5.7.3 Halaman Jadwal Siswa ............................................... 94 5.7.4 Halaman Download Materi......................................... 95 5.8 Halaman Utama Guru......................................................... 95 5.8.1 Halaman Uploud Materi ............................................. 96 5.8.2 Halaman Nilai ............................................................. 96 5.8.3 Halaman Laporan Nilai............................................... 97 5.9 Pengujian Aplikasi.............................................................. 98 5.9.1 Hasil Pengujian blackbox pada proses login operator 98 5.9.2 Hasil Pengujian untuk Proses login Siswa.................. 99 5.9.3 Hasil Pengujian Proses Input Data ............................. 101 BAB VI
PENUTUP 6.1 Kesimpulan......................................................................... 104 6.2 Saran ................................................................................... 104
DAFTAR PUSTAKA LAMPIRAN-LAMPIRAN
xiii
DAFTAR TABEL Halaman Tabel 2.1 Business Modeling ........................................................................... 10 Tabel 2.2 Notasi Use Case Diagram ................................................................ 11 Tabel 2.3 Notasi Sequence Diagram ................................................................ 12 Tabel 2.4 Notasi Activity Diagram ................................................................... 13 Tabel 2.5 Notasi Class Diagram ...................................................................... 14 Tabel 4.1 Analisa Usecase ............................................................................... 25 Table 4.2 Tabel Admin .................................................................................... 49 Tabel 4.3 Tabel berita ...................................................................................... 49 Tabel 4.4 Tabel guru ........................................................................................ 49 Tabel 4.5 Tabel jadwal..................................................................................... 50 Tabel 4.6 Tabel jurusan.................................................................................... 50 Tabel 4.7 Tabel mapel...................................................................................... 51 Tabel 4.8 Tabel materi ..................................................................................... 51 Tabel 4.9 Tabel nilai ........................................................................................ 51 Tabel 4.10 Tabel siswa..................................................................................... 52 Table 4.11 Tabel kegiatan ................................................................................ 52 Tabel 5.1 Pengujian blackbox pada proses login operator............................... 98 Tabel 5.2 Pengujian blackbox pada proses login siswa ................................... 99 Tabel 5.3 Pengujian blackbox pada proses Input Data Siswa.......................... 101 Tabel 5.4 Pengujian blackbox pada proses Input Data Guru ........................... 102 Tabel 5.5 Pengujian blackbox pada proses Input Data Mapel ......................... 103 Tabel 5.6 Pengujian blackbox pada proses Input Data Nilai ........................... 103
xiv
DAFTAR GAMBAR Halaman Gambar 2.1 Siklus Informasi ........................................................................... 9 Gambar 2.2 Contoh Gambar Tabel, Field, Record .......................................... 15 Gambar 2.3 Kerangka Pemikiran Pemecahan Masalah ................................... 19 Gambar 3.1 Tahapan-tahapan Proses Web Engineering .................................. 21 Gambar 4.1 Gambar UseCase diagram............................................................ 26 Gambar 4.2 Gambar Bussiness usecase diagram............................................. 27 Gambar 4.3 Gambar Sequence diagram Login Admin .................................... 28 Gambar 4.4 Sequence diagram Admin Mengelola Informasi.......................... 29 Gambar 4.5 Sequence diagram Admin Mengelola Jadwal .............................. 29 Gambar 4.6 Sequence diagram Admin Mengelola Nilai ................................. 30 Gambar 4.7 Sequence diagram Admin Mengelola Foto Kegiatan................... 30 Gambar 4.8 Sequence diagram Guru Mengelola Mata Pelajaran .................... 31 Gambar 4.9 Sequence diagram Guru Mengelola Nilai .................................... 31 Gambar 4.10 Sequence diagram Siswa Melihat Informasi .............................. 32 Gambar 4.11 Sequence diagram SiswaMelihat Jadwal................................... 32 Gambar 4.12 Sequence diagram Siswa Melihat Nilai...................................... 33 Gambar 4.13 Activity diagram Guru Mengelola Nilai ..................................... 34 Gambar 4.14 Activitydiagram Guru Mengelola Materi Pelajran ..................... 35 Gambar 4.15 Activity diagram Admin Mengelola Jadwal ............................... 36 Gambar 4.16 Activity diagram Admin Mengelola Nilai ................................. 37 Gambar 4.17 Activity diagram Admin Mengelola Berita................................. 37 Gambar 4.18 Activity diagram Admin Mengelola Kegiatan ............................ 38 Gambar 4.19 Activity diagram Siswa Melihat Nilai ........................................ 38 Gambar 4.20 Activity diagram Siswa Melihat Jadwal ..................................... 39 Gambar 4.21 Activity diagram Siswa Melihat Informasi ................................. 39 Gambar 4.22 Activity diagram Siswa Men-download Materi.......................... 40 Gambar 4.23 Class Siswa ................................................................................ 40 Gambar 4.24 Class Admin............................................................................... 41
xv
Gambar 4.25 Class Guru.................................................................................. 41 Gambar 4.26 Class Berita ................................................................................ 42 Gambar 4.27 Class Mata Pelajaran.................................................................. 42 Gambar 4.28 Class Nilai .................................................................................. 43 Gambar 4.29 Class Materi ............................................................................... 43 Gambar 4.30 Class Jadwal............................................................................... 44 Gambar 4.31 Class Jurusan.............................................................................. 44 Gambar 4.32 Class Kegiatan ........................................................................... 44 Gambar 4.33 Class Diagram ............................................................................ 45 Gambar 4.34 Relasi Tabel Database ............................................................... 53 Gambar 4.35 Desain Web................................................................................. 54 Gambar 4.36 Login Administrator ................................................................... 54 Gambar 4.37 Input Data Siswa ........................................................................ 55 Gambar 4.38 Input Materi................................................................................ 55 Gambar 4.39 Input Nilai Siswa........................................................................ 56 Gambar 4.40 Input Program Studi ................................................................... 56 Gambar 4.41 Input Mata Kuliah ...................................................................... 57 Gambar 4.42 Input Kegiatan ............................................................................ 57 Gambar 4.43 Laporan nilai siswa..................................................................... 57 Gambar 4.44 Halaman Output Daftar Siswa.................................................... 58 Gambar 4.45 Halaman Output Jadwal ............................................................. 58 Gambar 4.46 Halaman Output Materi.............................................................. 58 Gambar 4.47 Halaman Output Daftar Guru..................................................... 58 Gambar 4.48 Halaman Output Program Studi ................................................. 58 Gambar 4.49 Halaman Output Mata Kuliah .................................................... 59 Gambar 5.1 Tabel Admin................................................................................. 61 Gambar 5.2 Tabel Berita .................................................................................. 61 Gambar 5.3 Tabel Guru.................................................................................... 61 Gambar 5.4 Tabel Jadwal................................................................................. 61 Gambar 5.5 Tabel Jurusan................................................................................ 62 Gambar 5.6 Tabel Mapel.................................................................................. 62
xvi
Gambar 5.7 Tabel Materi ................................................................................. 62 Gambar 5.8 Tabel Nilai.................................................................................... 62 Gambar 5.9 Tabel Siswa .................................................................................. 63 Gambar 5.10 Tabel Kegiatan ........................................................................... 63 Gambar 5.11 Halaman Rumahweb .................................................................. 64 Gambar 5.12 Halaman Hosting pada Rumah web ........................................... 65 Gambar 5.13 Halaman domain Rumahweb ..................................................... 66 Gambar 5.14 Paket Hosting ............................................................................. 67 Gambar 5.15 Cek Domain................................................................................ 67 Gambar 5.16 Memilih Domain ........................................................................ 68 Gambar 5.17 Step Configure............................................................................ 68 Gambar 5.18 Konfigurasi Domain................................................................... 69 Gambar 5.19 Data Order .................................................................................. 69 Gambar 5.20 Form untuk mengisi Data Pelanggan ......................................... 70 Gambar 5.21 Mengisi Data Order.................................................................... 70 Gambar 5.22 Petunjuk Pembayaran................................................................. 71 Gambar 5.23 Halaman IdHostinger ................................................................. 72 Gambar 5.24 Layanan Web Hosting ................................................................ 73 Gambar 5.25 Paket Layanan VPN ................................................................... 74 Gambar 5.26 Halaman Afiliasi ........................................................................ 74 Gambar 5.27 Halaman Order IdHostinger ....................................................... 75 Gambar 5.28 Halaman Forum.......................................................................... 75 Gambar 5.29 Halaman Contact........................................................................ 76 Gambar 5.30 Halaman untuk Login ................................................................. 76 Gambar 5.31 Halaman Buat Akun ................................................................... 77 Gambar 5.32 Halaman Form Pendaftaran Hostinger....................................... 77 Gambar 5.33 Halaman Pilihan Paket Hosting.................................................. 78 Gambar 5.34 Halaman Pembuatan Domain..................................................... 79 Gambar 5.35 Halaman Konfirmasi Order Domain .......................................... 79 Gambar 5.36 Halaman Akun Hosting.............................................................. 80 Gambar 5.37 Import File Website.................................................................... 80
xvii
Gambar 5.38 Proses Import File Website ........................................................ 80 Gambar 5.39 Halaman setting database (config.php) ..................................... 81 Gambar 5.40 Halaman membuat Database ..................................................... 81 Gambar 5.41 Halaman membuat user database .............................................. 82 Gambar 5.42 Halaman daftar database............................................................ 82 Gambar 5.43 Halaman untuk Import database ................................................ 82 Gambar 5.44 Hasil web yang telah di Hosting................................................. 83 Gambar 5.45 Halaman login Admin dan Guru ................................................ 84 Gambar 5.46 Halaman login Siswa.................................................................. 84 Gambar 5.47 Halaman Utama Admin.............................................................. 85 Gambar 5.48 Halaman Tambah data Siswa ..................................................... 85 Gambar 5.49 Halaman Data Siswa .................................................................. 86 Gambar 5.50 Halaman Form Jadwal................................................................ 86 Gambar 5.51 Halaman Tampil Data Jadwal Siswa.......................................... 86 Gambar 5.52 Halaman menambah Nilai Siswa ............................................... 87 Gambar 5.53 Halaman Tampil Laporan Nilai Siswa ....................................... 87 Gambar 5.54 Halaman Mengisi Berita............................................................. 88 Gambar 5.55 Halaman Tampil Berita .............................................................. 88 Gambar 5.56 Halaman menambah Data Guru ................................................. 89 Gambar 5.57 Halaman Tampil Data Guru ....................................................... 89 Gambar 5.58 Halaman Tambah Program Studi ............................................... 90 Gambar 5.59 Halaman Tampil Program Studi................................................. 90 Gambar 5.60 Halaman Menambah Mata Pelajaran ......................................... 91 Gambar 5.61 Halaman Tampil Mata Pelajaran................................................ 91 Gambar 5.62 Halaman menambah kegiatan siswa .......................................... 92 Gambar 5.63 Halaman melihat kegiatan siswa ................................................ 92 Gambar 5.64 Halaman Utama Siswa ............................................................... 93 Gambar 5.65 Halaman Profil Siswa................................................................. 93 Gambar 5.66 Tampil Nilai Siswa..................................................................... 94 Gambar 5.67 Halaman Jadwal Siswa............................................................... 94 Gambar 5.68 Halaman Download Materi ........................................................ 95
xviii
Gambar 5.69 Halaman Utama Guru................................................................. 95 Gambar 5.70 Halaman Uploud Materi............................................................. 96 Gambar 5.71 Halaman Nilai ............................................................................ 96 Gambar 5.72 Halaman Laporan Nilai .............................................................. 97
xix
DAFTAR LAMPIRAN
xx
