Welcome to Repositori Universitas Muria Kudus - Repositori Universitas Muria Kudus
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
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