II.3.5 Statechart Diagram... II-14 II.3.6 Activity Diagram... II-15 II.3.7 Component Diagram... II-16 II.3.8 Deployment Diagram... II-16 II.3.

DAFTAR ISI HALAMAN JUDUL LEMBAR PENGESAHAN... ii SURAT PERNYATAAN... iii ABSTRAK... iv ABSTRACT... v KATA PENGANTAR... vi DAFTAR ISI... viii DAFTAR TABEL... xii DAFTAR GAMBAR... xiii BAB I PENDAHULUAN... I-1 I.1 Latar Belakang Masalah... I-1 I.2 Identifikasi Masalah... I-2 I.3 Rumusan Masalah... I-2 I.4 Maksud dan Tujuan... I-2 I.5 Batasan Masalah... I-3 I.6 Metodologi Penelitian... I-3 I.7 Sistematika Penulisan... I-4 BAB II LANDASAN TEORI... II-1 II.1 Konsep Dasar Sistem... II-1 II.1.1 Pengertian Sistem... II-1 II.1.2 Elemen-Elemen Sistem... II-1 II.2 Konsep Dasar Perancangan... II-3 II.2.1 Waterfall Model... II-3 II.2.2 Object Oriented Programming (OOP)... II-4 II.3 Unified Modelling Language (UML)... II-7 II.3.1 Use Case Diagram... II-8 II.3.2 Class Diagram... II-11 II.3.3 Sequence Diagram... II-12 II.3.4 Collaboration Diagram... II-14 viii

II.3.5 Statechart Diagram... II-14 II.3.6 Activity Diagram... II-15 II.3.7 Component Diagram... II-16 II.3.8 Deployment Diagram... II-16 II.3.9 Package Diagram... II-17 II.4 Internet... II-17 II.4.1 Pengertian Internet... II-17 II.4.2 Sejarah Perkembangan Internet... II-19 II.5 Website... II-21 II.5.1 Pengertian Website... II-21 II.5.2 Sejarah Singkat Website... II-26 II.5.3 World Wide Web (WWW)... II-27 II.5.4 HTTP... II-28 II.5.5 Browser... II-28 II.5.6 Hyper Text Markup Language (HTML)... II-29 II.6 Pemrograman... II-30 II.6.1 PHP... II-30 II.6.2 PHP MyAdmin... II-30 II.6.3 MySQL... II-31 II.6.4 Apache... II-32 II.7 CodeIgniter... II-32 II.7.1 Pengertian CodeIgniter... II-32 II.7.2 Framework... II-33 II.7.3 Pemodelan MVC (Model View Controller)... II-33 II.7.4 URI... II-36 II.7.5 Helper... II-37 BAB III ANALISIS SISTEM... III-1 III.1 Objek Penelitian... III-1 III.1.1 Sejarah Singkat SMA Negeri 1 Bantaeng... III-1 III.1.2 Visi dan Misi... III-2 III.2 Analisis Sistem Lama... III-2 III.2.1 Analisis Fungsional... III-2 ix

III.3 III.4 III.2.2 Analisis Sistem Yang Sedang Berjalan... III-3 III.2.3 Analisis Sistem Baru... III-4 Analisis Non-Fungsional... III-4 III.3.1 Analisis Perangkat Lunak (Software)... III-5 III.3.2 Analisis Perangkat Keras (Hardware)... III-5 Fungsi Utama Sistem Baru... III-5 BAB IV PERANCANGAN SISTEM... IV-1 IV.1 IV.2 Fitur Utama Perangkat Lunak... IV-1 IV.1.1 Kebutuhan Fungsional... IV-1 IV.1.2 Kebutuhan Non Fungsional... IV-1 Model Use Case... IV-1 IV.2.1 Definisi Actor... IV-1 IV.2.2 Deskripsi Use Case... IV-2 IV.2.3 Diagram Use Case... IV-3 IV.2.4 Skenario Use Case Sistem Pendukung PembelajranSMA Negeri 1 Bantaeng... IV-4 IV.3 Realisasi Use Case Tahap Perancangan... IV-13 IV.3.1 Class Diagram... IV-13 IV.3.2 Kamus Data... IV-14 IV.3.3 Sequence Diagram... IV-23 IV.3.4 Layout Antarmuka... IV-28 BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM... V-1 V.1 Implementasi... V-1 V.1.1 Lingkup dan Batasan Implementasi... V-1 V.2 Kebutuhan Sumber Daya... V-2 V.2.1 Kebutuhan Perangkat Keras (Hardware)... V-2 V.2.2 Kebutuhan Perangkat Lunak (Software)... V-3 V.3 Implementasi Antar Muka... V-3 V.3.1 Dialog Screen Halaman Beranda... V-3 V.3.2 Dialog Screen Halaman Kirim Pesan ke Admin/Guru... V-4 V.3.3 Dialog Screen Halaman Beranda Tes Online... V-4 V.3.4 Dialog Screen Halaman Beranda CPanel Admin... V-5 x

V.3.5 Dialog Screen Halaman Berita CPanel Admin... V-5 V.3.6 Dialog Screen Halaman Tambah Berita CPanel Admin... V-6 V.3.7 Dialog Screen Halaman Edit Berita CPanel Admin... V-6 V.3.8 Dialog Screen Halaman Beranda CPanel Guru... V-7 V.3.9 Dialog Screen Halaman Tambah Tutorial CPanel Guru... V-7 V.4 Hasil Pengujian... V-7 V.4.1 Pengujian Perangkat Lunak... V-8 BAB VI PENUTUP... VI-1 VI.1 Kesimpulan... VI-1 VI.2 Saran... VI-1 DAFTAR PUSTAKA... xv LAMPIRAN A LAMPIRAN B xi

DAFTAR TABEL Tabel II-1 - Daftar Helper CodeIgniter [2]... II-38 Tabel III-1 - Flowchart Sistem Lama... III-3 Tabel III-2 - Flowchart Sistem Baru... III-4 Tabel III-3 Spesifikasi Perangkat Keras yang Digunakan... III-5 Tabel IV-1 - Definisi Actor... IV-2 Tabel IV-2 - Skenario Use Case Log In... IV-4 Tabel IV-3 - Skenario Use Case Log In User... IV-5 Tabel IV-4 - Skenario Use Case Menambah Data... IV-7 Tabel IV-5 - Skenario Use Case Mengubah Data... IV-8 Tabel IV-6 - Skenario Use Case Menghapus Data... IV-10 Tabel IV-7 - Skenario Use Case Melihat Informasi... IV-12 Tabel IV-8 - Tabel Captcha... IV-14 Tabel IV-9 - Tabel Berita... IV-15 Tabel IV-10 - Tabel Berita... IV-15 Tabel IV-11 - Tabel Dosen/Guru... IV-16 Tabel IV-12 - Tabel Download... IV-16 Tabel IV-13 - Tabel Hasil Ujian... IV-17 Tabel IV-14 - Tabel Inbox... IV-17 Tabel IV-15 - Tabel Jawaban Polling... IV-18 Tabel IV-16 - Tabel Jawaban Soal... IV-18 Tabel IV-17 - Tabel Kategori Berita... IV-18 Tabel IV-18 - Tabel Kategori Download... IV-19 Tabel IV-19 - Tabel Kategori Tutorial... IV-19 Tabel IV-20 - Tabel Komentar Berita... IV-19 Tabel IV-21 - Tabel Login... IV-20 Tabel IV-22 - Tabel Mata Kuliah/Pelajaran... IV-20 Tabel IV-23 - Tabel Pengumuman... IV-21 Tabel IV-24 - Tabel Soal... IV-21 Tabel IV-25 - Tabel Soal Polling... IV-22 Tabel IV-26 - Tabel Tutorial... IV-22 Tabel V-1 - Spesifikasi Minimum Hardware yang Harus Digunakan... V-2 Tabel V-2 - Pengujian Perangkat Lunak... V-8 xii

DAFTAR GAMBAR Gambar II.1 Siklus Informasi [4]... II-2 Gambar II.2 Waterfall Model [5]... II-3 Gambar II.3 Notasi Actor Pada Use Case [5]... II-8 Gambar II.4 - Contoh Use Case [5]... II-9 Gambar II.5 - Contoh Use Case Description [5]... II-9 Gambar II.6 - Contoh USe Case Description (Lanjutan) [5]... II-10 Gambar II.7 - Diagram Use Case [5]... II-11 Gambar II.8 - Class Diagram [5]... II-11 Gambar II.9 - Class State : Attribute [5]... II-12 Gambar II.10 - Class Behaviour : Operation [5]... II-12 Gambar II.11 - Contoh Interaksi Pada Sequence Diagram [5]... II-13 Gambar II.12 - Bentuk - Bentuk Panah Pada Sequence Diagram [5]... II-14 Gambar II.13 - Contoh Collaboration Diagram [5]... II-14 Gambar II.14 - Contoh Statechart Diagram [5]... II-15 Gambar II.15 - Contoh Activity Diagram [5]... II-16 Gambar II.16 - Contoh Component Diagram [5]... II-16 Gambar II.17 - Contoh Deployment Diagram [5]... II-17 Gambar II.18 - Contoh Package Diagram [5]... II-17 Gambar II.19 - Konsep Pemrograman MVC [2]... II-34 Gambar II.20 - Flowchart Pengimplementasian MVC [2]... II-35 Gambar IV.1 Diagram Use Case... IV-3 Gambar IV.2 - Activity Log In Admin... IV-5 Gambar IV.3 - Activity Diagram Log In User... IV-6 Gambar IV.4 - Activity Diagram Menambah Data... IV-8 Gambar IV.5 - Activity Diagram Mengubah Data... IV-10 Gambar IV.6 - Activity Diagram Menghapus Data... IV-12 Gambar IV.7 - Activity Diagram Melihat Informasi... IV-13 Gambar IV.8 - Class Diagram... IV-14 Gambar IV.9 - Sequence Diagram Log In... IV-24 Gambar IV.10 - Sequence Diagram Insert... IV-25 Gambar IV.11 - Sequence Diagram Update... IV-25 Gambar IV.12 - Sequence Diagram Delete... IV-26 Gambar IV.13 - Sequence Diagram List... IV-27 Gambar IV.14 - Sequence Diagram Detail... IV-28 Gambar IV.15 - Layout Beranda... IV-28 Gambar IV.16 - Layout Beranda Tes Online... IV-29 Gambar IV.17 - Layout Beranda CPanel Admin... IV-29 Gambar IV.18 - Layout Lihat Data CPanel Admin... IV-30 Gambar IV.19 - Layout Insert dan Edit CPanel Admin... IV-30 xiii

Gambar IV.20 - Layout Tambah Kategori... IV-31 Gambar IV.21 - Layout Beranda CPanel Guru... IV-31 Gambar IV.22 - Layout Lihat Data CPanel Guru... IV-32 Gambar IV.23 - Layout Insert dan Edit CPanel Guru... IV-33 Gambar V.1 - Dialog Screen Halaman Beranda... V-3 Gambar V.2 - Dialog Screen Halaman Kirim Pesan ke Admin/Guru... V-4 Gambar V.3 - Dialog Screen Halaman Tes Online... V-4 Gambar V.4 - Dialog Screen Halaman Beranda CPanel Admin... V-5 Gambar V.5 - Dialog Screen Halaman Berita CPanel Admin... V-5 Gambar V.6 - Dialog Screen Halaman Tambah Berita CPanel Admin... V-6 Gambar V.7 - Dialog Screen Halaman Edit Berita CPanel Admin... V-6 Gambar V.8 - Dialog Screen Halaman Beranda CPanel Guru... V-7 Gambar V.9 - Dialog Screen Halaman Tambah Tutorial CPanel Guru... V-7 xiv