i
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
ii
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 InformatikaUniversitas Muria Kudus.
2. Perpustakaan Teknik Informatika Universitas Muria Kudusdibenarkan membuat salinan untuk tujuan referensi saja.
3. Perpustakaan juga dibenarkan membuat salinan Skripsi inisebagai 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 darisuatu organisasi/badan tempat penelitianSkripsi ini dikerjakan)
v Biasa
iii
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 masing-
masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya ada pihak lain
yang mengklaim bahwa Skripsi ini sebagai karyanya, yang disertai dengan bukti-
bukti yang cukup, maka saya bersedia untuk dibatalkan gelar Sarjana Komputer
saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut”.
iv
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,
v
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)
vi
ABSTRACT
Along with the growing information technology and communication, itappears a demand to deliver professional and informative information. Website isin conveying information in an alternative education is regarded asinstructions that can provide clients the opportunity to get to know theinformation about educational institutions informative. Nowadays technology isgrowing rapidly website website has been shifting desktop application thatwe have known and become the first choice to provide the information becauseit can be easily accessible and up to date. The system will be designed andfabricated authors are expected to provide detailed information, so that studentscan monitor and see the results obtained by students without having to come to aplace LPK to get clear information simply by opening the website, then LPKbiased one step ahead of the institution other. To generate information deliverysystem that is in LPK Cahaya Nusantara Computer , system development methodsused is Web Engineering. Web Engineering is one of the preparation of the newsystem to replace the old system or improve overall system has been running .
Keywords: Information, Design, Websites, Web Engineering
vii
ABSTRAK
Seiring dengan berkembang teknologi dan informasi dalamberkomunikasi, maka muncul sebuah tuntutan dalam menyampaikan informasiyang profesional dan informatif. Website merupakan alternatif dalammenyampaikan informasi dalam dunia pendidikan yang dianggap sebagaiinstruksi yang dapat memberikan kesempatan klien untuk mengenal informasitentang institusi pendidikan secara informatif. Saat ini teknologi websiteberkembang dengan pesat website sudah mengalihkan aplikasi dekstop yangselama ini kita kenal dan menjadi pilihan utama untuk memberikan informasikarena dapat dengan mudah di akses dan up to date. Sistem yang akandirancang dan dibuat penulis diharapkan mampu memberikan informasi yangdetail, sehingga siswa dapat memantau dan melihat hasil yang diperoleh siswatanpa harus dating ke tempat LPK untuk mendapatkan informasi yang jelashanya dengan membuka website, maka LPK bisa selangkah lebih maju daripada lembaga yang lainnya. Untuk menghasilkan sistem penyampaian informasiyang ada di LPK Cahaya Nusantara Computer, metode pengembangan sistemyang dipakai adalah Web Engineering. Web Engineering merupakan salah satupenyusunan sistem yang baru untuk menggantikan sistem yang lama secarakeseluruhan atau memperbaiki sistem yang telah berjalan.
Kata Kunci : Informasi, Perancangan, Website, Web Engineering
viii
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 kasihatas dukungan dan do’a kalian.
ix
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
x
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
xi
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
xii
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
xiii
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
xiv
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
xv
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
xvi
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
xvii
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
xviii
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
xix
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