Welcome to Repositori Universitas Muria Kudus - Repositori Universitas Muria Kudus

(1)

i

LAPORAN SKRIPSI

WEBPORTAL 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

(2)

ii

PENGESAHAN STATUS SKRIPSI

JUDUL : WEB PORTAL UNTUK LEMBAGA PENDIDIKAN

KOMPUTER CAHAYA NUSANTARACOMPUTER

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)

(3)

iii

PERNYATAAN PENULIS

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

(4)

iv

PERSETUJUAN SKRIPSI

NAMA : ARIEF PAMUJI

NIM : 2009-51-148

(5)

v

PENGESAHAN SKRIPSI

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

(6)

vi 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 .

(7)

vii 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.

(8)

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)

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

(10)

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 PengertianWeb... 7

2.2.3 Internet ... 8

2.2.4 Informasi... 8

(11)

xi

2.3.1 UML (Unified Modelling Language) ... 9

2.3.2 Diagram Grafis UML ... 10

2.3.2.1Business Modeling... 10

2.3.2.2Use caseDiagram... 11

2.3.2.3SequenceDiagram... 12

2.3.2.4ActivityDiagram... 12

2.3.2.5ClassDiagram ... 13

2.3.3 Tabel ... 14

2.3.4Field... 14

2.3.5Record... 15

2.4Web Responsive... 16

2.5Application... 16

2.5.1 Adobe Dreamweaver CS5 ... 16

2.5.2 PHP (Hypertext Preeprocessor) ... 17

2.5.3Cascading Style Sheets(CSS) ... 17

2.5.4 MySQL ... 17

2.5.5Web Browser... 18

2.5.6Rational 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 AnalisaActor... 25

4.2.2 AnalisaUsecase... 25

4.3 Pemodelan Sistem menggunakan UML ... 26

(12)

xii

4.3.2Business UseCaseDiagram ... 27

4.3.3SequenceDiagram ... 28

4.3.4ActivityDiagram ... 33

4.3.5ClassDiagram ... 40

4.4 Perancangan Basis Data ... 46

4.5 PerancanganDatabase... 48

4.5.1 Struktur Tabel ... 48

4.5.2 Relasi tabel pada web portal untuk Lembaga Pendidikan Komputer Cahaya NusantaraComputer... 53

4.5.3 PerancanganLayoutSistem (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 MempersiapkanDatabaseSistem ... 61

5.4Web Hosting... 64

5.5 Halaman Sistem... 84

5.5.1 HalamanLoginSistem... 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

(13)

xiii

5.7.2 Halaman Nilai Siswa ... 94

5.7.3 Halaman Jadwal Siswa ... 94

5.7.4 HalamanDownloadMateri... 95

5.8 Halaman Utama Guru... 95

5.8.1 HalamanUploudMateri ... 96

5.8.2 Halaman Nilai ... 96

5.8.3 Halaman Laporan Nilai... 97

5.9 Pengujian Aplikasi... 98

5.9.1 Hasil Pengujianblackboxpada prosesloginoperator 98 5.9.2 Hasil Pengujian untuk ProsesloginSiswa... 99

5.9.3 Hasil Pengujian Proses Input Data ... 101

BAB VI PENUTUP 6.1 Kesimpulan... 104

6.2 Saran ... 104

(14)

xiv

DAFTAR TABEL

Halaman

Tabel 2.1Business Modeling... 10

Tabel 2.2 NotasiUse CaseDiagram ... 11

Tabel 2.3 NotasiSequenceDiagram ... 12

Tabel 2.4 NotasiActivityDiagram ... 13

Tabel 2.5 NotasiClassDiagram ... 14

Tabel 4.1 AnalisaUsecase... 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 Pengujianblackboxpada prosesloginoperator... 98

Tabel 5.2 Pengujianblackboxpada prosesloginsiswa ... 99

Tabel 5.3 Pengujianblackboxpada proses Input Data Siswa ... 101

Tabel 5.4 Pengujianblackboxpada proses Input Data Guru ... 102

Tabel 5.5 Pengujianblackboxpada proses Input Data Mapel ... 103

(15)

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 ProsesWeb Engineering... 21

Gambar 4.1 GambarUseCasediagram... 26

Gambar 4.2 GambarBussiness usecasediagram ... 27

Gambar 4.3 GambarSequencediagramLoginAdmin ... 28

Gambar 4.4Sequencediagram Admin Mengelola Informasi ... 29

Gambar 4.5Sequencediagram Admin Mengelola Jadwal ... 29

Gambar 4.6Sequencediagram Admin Mengelola Nilai ... 30

Gambar 4.7Sequencediagram Admin Mengelola Foto Kegiatan... 30

Gambar 4.8Sequencediagram Guru Mengelola Mata Pelajaran ... 31

Gambar 4.9Sequencediagram Guru Mengelola Nilai ... 31

Gambar 4.10Sequencediagram Siswa Melihat Informasi ... 32

Gambar 4.11Sequencediagram SiswaMelihat Jadwal... 32

Gambar 4.12Sequencediagram Siswa Melihat Nilai... 33

Gambar 4.13Activitydiagram Guru Mengelola Nilai ... 34

Gambar 4.14Activitydiagram Guru Mengelola Materi Pelajran ... 35

Gambar 4.15Activitydiagram Admin Mengelola Jadwal ... 36

Gambar 4.16 Activitydiagram Admin Mengelola Nilai ... 37

Gambar 4.17Activitydiagram Admin Mengelola Berita... 37

Gambar 4.18Activitydiagram Admin Mengelola Kegiatan ... 38

Gambar 4.19Activitydiagram Siswa Melihat Nilai ... 38

Gambar 4.20Activitydiagram Siswa Melihat Jadwal ... 39

Gambar 4.21Activitydiagram Siswa Melihat Informasi ... 39

Gambar 4.22Activitydiagram Siswa Men-downloadMateri... 40

Gambar 4.23ClassSiswa ... 40

(16)

xvi

Gambar 4.25ClassGuru... 41

Gambar 4.26ClassBerita ... 42

Gambar 4.27ClassMata Pelajaran ... 42

Gambar 4.28ClassNilai ... 43

Gambar 4.29ClassMateri ... 43

Gambar 4.30ClassJadwal... 44

Gambar 4.31ClassJurusan... 44

Gambar 4.32ClassKegiatan ... 44

Gambar 4.33ClassDiagram ... 45

Gambar 4.34 Relasi TabelDatabase... 53

Gambar 4.35 DesainWeb... 54

Gambar 4.36LoginAdministrator ... 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 HalamanOutputDaftar Siswa... 58

Gambar 4.45 HalamanOutputJadwal ... 58

Gambar 4.46 HalamanOutputMateri... 58

Gambar 4.47 HalamanOutputDaftar Guru ... 58

Gambar 4.48 HalamanOutputProgram Studi ... 58

Gambar 4.49 HalamanOutputMata 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

(17)

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 HalamanHostingpada Rumahweb... 65

Gambar 5.13 Halaman domain Rumahweb ... 66

Gambar 5.14 PaketHosting... 67

Gambar 5.15 Cek Domain... 67

Gambar 5.16 Memilih Domain ... 68

Gambar 5.17 StepConfigure... 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 LayananWeb 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 HalamanContact... 76

Gambar 5.30 Halaman untukLogin... 76

Gambar 5.31 Halaman Buat Akun ... 77

Gambar 5.32 Halaman Form PendaftaranHostinger... 77

Gambar 5.33 Halaman Pilihan PaketHosting... 78

Gambar 5.34 Halaman Pembuatan Domain... 79

Gambar 5.35 Halaman Konfirmasi Order Domain ... 79

Gambar 5.36 Halaman AkunHosting... 80

(18)

xviii

Gambar 5.38 ProsesImport File Website... 80

Gambar 5.39 Halamansetting database(config.php) ... 81

Gambar 5.40 Halaman membuatDatabase... 81

Gambar 5.41 Halaman membuatuser database... 82

Gambar 5.42 Halaman daftardatabase... 82

Gambar 5.43 Halaman untukImport database... 82

Gambar 5.44 Hasilwebyang telah diHosting... 83

Gambar 5.45 HalamanloginAdmin dan Guru ... 84

Gambar 5.46 HalamanloginSiswa... 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

(19)

xix

Gambar 5.69 Halaman Utama Guru... 95

Gambar 5.70 HalamanUploudMateri... 96

Gambar 5.71 Halaman Nilai ... 96

(20)

xx