DAFTAR GAMBAR Gambar 2.1 Modul USDP : Use Case Driven Software Engineering... II-7 Gambar 2.2 Model Three Tier... II-9 Gambar 2.3 Cara Kerja Konsep MVC... II-12 Gambar 2.4 Alur Kerja Framework Codeigniter... II-14 Gambar 3.1 Media Cetak... III-1 Gambar 3.2 Situs Online Sekolah Sepak Bola... III-2 Gambar 3.3 Use Case Diagram Global... III-6 Gambar 3.4 Use Case Diagram Melihat Menu Utama Bolaku... III-6 Gambar 3.5 Use Case Diagram Pengelolaan Menu Utama... III-7 Gambar 3.6 Use Case Diagram Pengelolaan Event... III-7 Gambar 3.7 Use Case Diagram Registrasi... III-8 Gambar 3.8 Use Case Diagram Pengelolaan Menu SSB... III-8 Gambar 3.9 Class Diagram Tahap Analisis... III-27 Gambar 3.10 Sequence Diagram Proses Pengelolaan Login Admin_Super. III-28 Gambar 3.11 Sequence Diagram Proses Pengelolaan User... III-28 Gambar 3.12 Sequence Diagram Proses Pengelolaan Modul... III-29 Gambar 3.13 Sequence Diagram Proses Pengelolaan Content Berita... III-30 Gambar 3.14 Sequence Diagram Proses Pengelolaan Content Tips... III-31 Gambar 3.15 Sequence Diagram Proses Pengelolaan Content Galeri... III-32 Gambar 3.16 Sequence Diagram Proses Pengelolaan Event... III-33 Gambar 3.17 Sequence Diagram Proses Pengelolaan Prestasi... III-34 Gambar 3.18 Sequence Diagram Proses Pengelolaan Komentar... III-35 Gambar 3.19 Sequence Diagram Proses Pengelolaan Hubungi Kami... III-35 Gambar 3.20 Sequence Diagram Proses Pengelolaan Download... III-36 Gambar 3.21 Sequence Diagram Proses Pengelolaan Registrasi... III-37 Gambar 3.22 Sequence Diagram Proses Pengelolaan Login Admin_SSB... III-37 Gambar 3.23 Sequence Diagram Proses Pengelolaan Ganti Kata Sandi... III-38 Gambar 3.24 Sequence Diagram Proses Pengelolaan Event... III-38 Gambar 3.25 Sequence Diagram Proses Pengelolaan Prestasi... III-39 xx
Gambar 3.26 Sequence Diagram Proses Pengelolaan Data Anggota... III-40 Gambar 3.27 Sequence Diagram Proses Pengelolaan Data Pelatih... III-41 Gambar 3.28 Sequence Diagram Proses Pengelolaan Data Tim... III-42 Gambar 3.29 Sequence Diagram Proses Pengelolaan Komentar... III-43 Gambar 3.30 Sequence Diagram Proses Pengelolaan Hubungi Kami... III-43 Gambar 3.31 Sequence Diagram Proses Pengelolaan Download File... III-44 Gambar 3.32 Activity Diagram Proses Melihat Menu Utama Bolaku... III-44 Gambar 3.33 Activity Diagram Proses Pengelolaan User... III-45 Gambar 3.34 Activity Diagram Proses Pengelolaan Modul... III-46 Gambar 3.35 Activity Diagram Proses Pengelolaan Content Admin_Super III-46 Gambar 3.36 Activity Diagram Proses Pengelolaan Komentar... III-47 Gambar 3.37 Activity Diagram Proses Pengelolaan Hubungi Kami... III-47 Gambar 3.38 Activity Diagram Proses Pengelolaan Download File... III-48 Gambar 3.39 Activity Diagram Proses Pengelolaan Registrasi... III-48 Gambar 3.40 Activity Diagram Proses Pengelolaan Login Admin_SSB... III-49 Gambar 3.41 Activity Diagram Proses Pengelolaan Ganti Kata Sandi... III-49 Gambar 3.42 Sequence Diagram Proses Pengelolaan Event... III-50 Gambar 3.43 Activity Diagram Proses Pengelolaan Data Anggota... III-50 Gambar 3.44 Activity Diagram Proses Pengelolaan Data Pelatih... III-51 Gambar 3.45 Activity Diagram Proses Pengelolaan Data Tim... III-51 Gambar 3.46 Activity Diagram Proses Pengelolaan Content Pengunjung... III-52 Gambar 3.47 Activity Diagram Proses Pengelolaan Komentar Pengunjung III-52 Gambar 3.48 Activity Diagram Proses Pengelolaan Hubungi kami User... III-53 Gambar 3.49 Activity Diagram Proses Pengelolaan Download Pengunjung III-53 Gambar 4.1 Conseptual Data Model SSB Bolaku... IV-1 Gambar 4.2 Physical Data Model SSB Bolaku... IV-2 Gambar 4.3 Class Diagram Tahap Perancangan... IV-3 Gambar 4.4 Perancangan Antarmuka Halaman Utama Pengunjung... IV-35 Gambar 4.5 Perancangan Antarmuka Detail SSB... IV-36 Gambar 4.6 Perancangan Antarmuka Form Komentar... IV-37 Gambar 4.7 Perancangan Antarmuka Form Hubungi Kami... IV-37 xxi
Gambar 4.8 Perancangan Antarmuka Registrasi... IV-38 Gambar 4.9 Perancangan Antarmuka Login... IV-38 Gambar 4.10 Perancangan Antarmuka Pengelolaan Event... IV-39 Gambar 4.11 Perancangan Antarmuka Pengelolaan Tambah Dan Edit Event... IV-40 Gambar 4.12 Perancangan Antarmuka Halaman Utama Admin SSB... IV-41 Gambar 4.13 Perancangan Antarmuka Edit Profil... IV-42 Gambar 4.14 Perancangan Antarmuka Ganti Kata Sandi... IV-43 Gambar 4.15 Perancangan Antarmuka Tambah Data Tim... IV-44 Gambar 4.16 Perancangan Antarmuka Tambah Data Anggota... IV-45 Gambar 4.17 Perancangan Antarmuka Tambah Data Pelatih... IV-46 Gambar 4.18 Perancangan Antarmuka Halaman Utama Admin... IV-47 Gambar 4.19 Perancangan Antarmuka Pengelolaan User... IV-49 Gambar 4.20 Perancangan Antarmuka Ubah Dan Hapus Data User... IV-49 Gambar 4.21 Perancangan Antarmuka Pengelolaan Modul... IV-50 Gambar 4.22 Perancangan Antarmuka Ubah Dan Hapus Data Modul... IV-51 Gambar 4.23 Perancangan Antarmuka Pengelolaan InFormasi... IV-52 Gambar 4.24 Perancangan Antarmuka Pengelolaan Content Tips... IV-53 Gambar 4.25 Perancangan Antarmuka Ubah Dan Hapus Data Tips... IV-54 Gambar 4.26 Perancangan Antarmuka Pengelolaan Content Berita... IV-55 Gambar 4.27 Perancangan Antarmuka Ubah Dan Hapus Data Berita... IV-56 Gambar 4.28 Perancangan Antarmuka Pengelolaan Content Galeri... IV-57 Gambar 4.29 Perancangan Antarmuka Ubah Dan Hapus Data Galeri... IV-58 Gambar 4.30 Perancangan Antarmuka Pengelolaan Komentar... IV-59 Gambar 4.31 Perancangan Antarmuka Pengelolaan Hubungi Kami... IV-60 Gambar 4.32 Perancangan Antarmuka Pengelolaan Download... IV-61 Gambar 4.33 Perancangan Antarmuka Ubah Dan Hapus File Download... IV-62 Gambar 5.1 Tampilan Login Admi_SSB... V-3 Gambar 5.2 Tampilan Login Admin_Super... V-3 Gambar 5.3 Tampilan Home Admin... V-4 Gambar 5.4 Tampilan Pengelolaan User... V-4 xxii
Gambar 5.5 Tampilan Ubah Dan Hapus User... V -5 Gambar 5.5 Tampilan Pengelolaan Modul... V -5 Gambar 5.6 Tampilan Ubah Dan Hapus Modul... V -6 Gambar 5.7 Tampilan Pengelolaan InFormasi SSB... V -6 Gambar 5.8 Tampilan Lihat Detail InFormasi Sekolah Sepak Bola... V -7 Gambar 5.9 Tampilan Pengelolaan Content Tips... V -8 Gambar 5.12 Tampilan Ubah Dan Hapus Data Berita... V -9 Gambar 5.13 Tampilan Pengelolaan Content Galeri... V -9 Gambar 5.14 Tampilan Ubah Dan Hapus Data Galeri... V -10 Gambar 5.15 Tampilan Pengelolaan Event... V -10 Gambar 5.16 Tampilan Ubah Dan Hapus Data Event... V -11 Gambar 5.17 Tampilan Detail Event... V -11 Gambar 5.18 Tampilan Penginputan Data Event... V -12 Gambar 5.19 Tampilan Data Event Dalam Prestasi... V -12 Gambar 5.20 Tampilan Pengelolaan Prestasi... V -13 Gambar 5.21 Tampilan Ubah Dan Hapus Data Prestasi... V -13 Gambar 5.22 Tampilan Pengelolaan Komentar... V -14 Gambar 5.23 Tampilan Lihat Dan Hapus Data Komentar... V -14 Gambar 5.24 Tampilan Pengelolaan Hubungi Kami... V -15 Gambar 5.25 Tampilan Lihat Dan Hapus Pesan Hubungi Kami... V -15 Gambar 5.26 Tampilam Pengelolaan Download... V -16 Gambar 5.27 Tampilan Ubah Dan Hapus File Download... V -16 Gambar 5.28 Tampilan Halaman Utama Admin SSB... V -17 Gambar 5.29 Tampilan Edit Profil... V -17 Gambar 5.30 Tampilan Ganti Kata Sandi... V -18 Gambar 5.31 Tampilan Pengeolaan Data Anggota... V -18 Gambar 5.32 Tampilan Pengeolaan Ubah Dan Hapus Data Anggota... V -19 Gambar 5.33 Tampilan Pengeolaan Data Tim... V -19 Gambar 5.34 Tampilan Pengeolaan Detail Tim... V -20 Gambar 5.35 Tampilan Pengeolaan Data Anggota Dalam Tim... V -20 Gambar 5.36 Tampilan Pengeolaan Data Pelatih... V -21 xxiii
Gambar 5.37 Tampilan Pengeolaan Ubah Dan Hapus Data Pelatih... V -21 Gambar 5.38 Tampilan Halaman Utama Pengunjung... V -22 Gambar 5.39 Tampilan Halaman Daftar SSB ( Registrasi)... V -22 Gambar 5.40 Tampilan Halaman Content Berita SSB Pengunjung... V -23 Gambar 5.41 Tampilan Halaman Content Galeri Pengunjung... V -23 Gambar 5.42 Tampilan Halaman Detail Event SSB Pengunjung... V -24 Gambar 5.43 Tampilan Halaman Statistik Sekolah Sepak Bola... V -24 Gambar 5.44 Tampilan Halaman Download File Pengunjung... V -25 Gambar 5.45 Tampilan Form Hubungi Kami... V -25 Gambar 5.46 Tampilan Form Komentar... V -26 xxiv