ANALISIS DAN PERANCANGAN APLIKASI MANAJEMEN BANNER PADA SITUS IMMANANCE - Binus e-Thesis
_________________________________________________________________ Jurusan Teknik Informatika
Program Studi Strata 1 Skripsi Sarjana Komputer
Semester Genap tahun 2003/2004
ANALISIS DAN PERANCANGAN APLIKASI MANAJEMEN BANNER PADA
SITUS IMMANANCE
Feriyanto 0400523813 Benyamin Yanuar 0400528625Kelas/Kelompok : 08 MBT/ 7 (Tujuh)
Abstrak
Tujuan penulisan, untuk merancang suatu aplikasi manajemen banner,
manajemen yang dimaksud memiliki fungsi merencanakan, mengorganisasikan, dan mengawasi jalannya banner. Khususnya pada situs Immanance dalam menyediakan jasa pembuatan dan penayangan banner.
Metode penulisan yang digunakan adalah metode-metode analisis yaitu survey,
wawancara, studi pustaka, menganalisis hasil survey dan mengidentifikasikan kebutuhan sistem. Selain itu digunakan juga metode-metode perancangan yaitu perancangan State Transition Diagram (STD), Data Flow Diagram (DFD), perancangan database, perancangan struktur menu dan perancangan layar.
Hasil yang dicapai, aplikasi ini ditujukan untuk menciptakan hubungan kerja sama
yang saling menguntungkan antara perusahaan dan kliennya dalam mengelola jasa bannernya. Hubungan tersebut berupa pengelolaan banner yang menyediakan banyak pilihan kepada klien, dalam memilih penayangan bannernya.
Simpulan aplikasi manajemen banner merupakan salah satu solusi yang ditawarkan
guna menyelesaikan masalah yang dihadapi pada situs Immanance. Solusi tersebut berupa aplikasi yang dapat mengelola banner dan sekaligus memberikan alternatif baru pada penyediaan jasa banner di situs Immanance.
Kata Kunci: Analisis, perancangan, manajemen, banner, situs
Prakata
Puji syukur kepada Tuhan Yang Maha Esa atas rahmat-Nya sehingga kami dapat menyelesaikan tugas akhir skripsi ini. Skripsi ini kami buat sebagai salah satu syarat kelulusan dari Universitas Bina Nusantara. Banyak pihak telah membantu kami dalam menyusun skripsi ini, karena itu perkenankanlah kami menyampaikan rasa terima kasih kami yang sebesar-besarnya kepada:
1. Ibu DR. Theresia Widia Soerjaningsih, MM selaku Rektor Universitas Bina Nusantara.
2. Bapak Ir. Sablin Yusuf, M.Sc., M.CompSc. selaku Kepala Jurusan Teknik Informatika Universitas Bina Nusantara.
3. Bapak Januar Wahjudi, S.Kom., M.Sc. selaku Sekretaris Jurusan Teknik Informatika Universitas Bina Nusantara.
4. Bapak Djoni Surya, S.Kom., M.Sc. selaku dosen pembimbing skripsi yang telah memberikan pengarahan, bimbingan, dukungan sehingga skripsi ini dapat diselesaikan dengan baik.
5. Bapak Hansen Nugraha, S.Kom, MCSE selaku direktur yayasan Immanance yang telah memberikan data-data yang berguna dalam menyusun skripsi ini.
6. Bapak Wawan Saputra selaku dosen Universitas Bina Nusantara yang telah banyak memberikan masukan-masukan pada skripsi ini.
7. Para Dosen dan staf pengajar Universitas Bina Nusantara yang telah membekali ilmu kepada penulis selama masa pendidikan.
8. Orang tua dan segenap keluarga yang memberikan motivasi, dorongan, semangat, materi dan doa kepada penulis sehingga dapat menyelesaikan penyusunan skripsi ini dengan baik.
9. Teman-teman di Binus Center untuk masukan-masukan yang membantu dalam penyusunan skripsi ini.
10. Seluruh pihak yang tidak dapat disebutkan satu-persatu yang telah membantu kami dalam menulis skripsi ini.
Besar harapan kami bahwa skripsi yang kami tulis ini dapat berguna bagi siapa saja yang membacanya.
Akhir kata, jika ada kesalahan atau hal yang tidak berkenan, kami mohon maaf yang sebesar-besarnya. Segala saran dan kritik yang membangun akan senantiasa penulis terima dengan tangan terbuka
Jakarta, Juni 2004 Penulis
DAFTAR ISI
Halaman Judul Luar Halaman Judul Dalam ...................................................………………………….ii Halaman Persetujuan Hardcover ................................................................................iii Pernyataan Dewan Penguji ...........................................................................................iv Abstrak ...................................................................................................................vi Prakata ..................................................................................................................vii Daftar Isi ...................................................................................................................ix Daftar Tabel ..................................................................................................................xii Daftar Gambar .....................................................................................................xiii
BAB 1 PENDAHULUAN ................................................................................1
1.1 Latar Belakang ................................................................................1
1.2 Ruang Lingkup ................................................................................2
1.3 Tujuan dan Manfaat ....................................................................2
1.4 Metodologi ................................................................................3
1.5 Sistematika Penulisan ....................................................................4
BAB 2 LANDASAN TEORI ................................................................................6
2.1 Teori-teori Dasar/Umum …………....................................................6
2.1.1 Internet ……………………................................................6
2.1.1.1 Transfer Control Protocol/Internet Protocol ……………8
2.1.1.2 World Wide Web (WWW) …………………………..10
2.1.1.3 Domain Name System …………………………..11
2.1.1.4 Hypertext Transfer Protocol (HTTP) …………………..12
2.1.1.5 Uniform Resource Location (URL) …………………..12
2.1.1.6 Hypertext Markup Language (HTML) …………..14
2.1.2 PHP Hypertext Preprocessor (PHP) ………..................15
2.1.3 Web Server …………..............................................................16
2.1.4 MySQL ..............................................................................18
2.1.5 System Development Life Cycle (SDLC) ………..................19
2.1.6 Sistem Basis Data (Database System) ..............................22
2.1.7 Permodelan Sistem (System Modeling) ……….………….23
2.1.8 State Transition Diagram (STD) …………………………..24
2.1.9 Data Flow Diagram (DFD) …………………………………..25
2.1.10 Entity Relational Diagram (ERD) …………………………..27
2.1.11 SWOT Analysis …………………………………………..28
2.1.12 Critical Factor Success (CFS) …………………………..32
2.2 Teori-teori Khusus .................................…………………….34
2.2.1 Banner ..............................................................................34
2.2.2 Website Layout ..................................................................37
2.2.3 Manajemen ..............................................................................40
BAB 3 ANALISIS KEBUTUHAN SISTEM …………………………………..42
3.1 Gambaran Umum Perusahaan Immanance …………………..42
3.1.1 Riwayat Perusahaan ......................................................42
3.1.2 Struktur Organisasi Perusahaan ..........................................43
3.1.3 Tugas dan Wewenang ....................……………..............43
3.1.4 Tata LaksanaProsedur yang Sedang Berjalan ..................45
3.2 Analisis Pengunjung dan Prime Time pada Situs Immanance ......48
3.3 SWOT ....................................................…….............……….....54
3.4 Critical Success Factor (CSF) ......................................................57
3.5 Identifikasi Permasalahan ......................................................59
3.5.1 Analisis Kuesioner ..................................................................59
3.5.2 Analisis Permasalahan ......................................................63
3.6 Usulan Pemecahan Masalah ......................................................64
BAB 4 SISTEM YANG DIUSULKAN …………………………………..65
4.1 Rancangan Sistem ………………………………..................65
4.1.1 Data Flow Diagram …………………………………..55
4.1.2 Struktur Menu …………………………………………..68
4.1.3 Spesifikasi Database …..................................................69
4.1.4 State Transition Diagram …………………………………..76
4.1.5 Rancangan Input Output …………………………………..82
4.2 Rencana Implementasi ……............................................113
4.2.1 Spesifikasi Perangkat Keras dan Piranti Lunak ................113
4.2.2 Cara Pengoperasian Sistem ........................................114
4.2.3 Tampilan Layar Keluaran ........................................122
4.3 Evaluasi Aplikasi ……………………………..………..................181
4.3.1 Uji Fungsi dan Prosedur Aplikasi Manajemen Banner …181
4.3.2 Evaluasi Kerja Aplikasi Manajemen Banner ..……..…182
BAB 5 SIMPULAN DAN SARAN …………………………………………188
5.1 Simpulan …………………………………………………188
5.2 Saran …………………………………………………………188
DAFTAR PUSTAKA ………………………………………………………....189 RIWAYAT HIDUP LAMPIRAN-LAMPIRAN FOTOCOPY SURAT SURVEI
DAFTAR TABEL
Tabel 4.6 Tbl_banners ………………………………………………..…..71Tabel 4.13 Tbl_confirm ……………………………………………………75Tabel 4.12 Tbl_config ……………………………………………………74Tabel 4.11 Tbl_targetstats ………………………………………………...….73Tabel 4.10 Tbl_adstats ………………………………………………...….73Tabel 4.9 Tbl_acls ………………………………………………...….73Tabel 4.8 Tbl_session ………………………………………………...….72Tabel 4.7 Tbl_clients ………………………………………………...….72Tabel 4.5 Tbl_images ……………………………………………. ……..70Tabel 2.1 Matriks SWOT ……………………………………………31Tabel 4.4 Tbl_adviews ……………………………………………. ……..70Tabel 4.3 Tbl_adclicks ……………………………………………. ……..70Tabel 4.2 Tbl_cache ……………………………………………………70Tabel 4.1 Tbl_userlog ……………………………………………………69Tabel 3.4 Analisis Strategi SWOT ……………………………………56Table 3.3 Pengunjung Situs Immanance pada Bulan Desember 2003 .…...51Tabel 3.2 Pengunjung Situs Immanance pada Bulan Juni 2004 .…...50Tabel 3.1 Pengunjung Situs Immanance pada Bulan Juli 2004 .…...48Tabel 4.14 Hasil Uji Proses Prosedur Sistem …………………………..181DAFTAR GAMBAR
Gambar 4.11 State Transition Diagram Lanjut 4 ………………………..…..80Gambar 4.3 Diagram Rinci Proses 1 ………………………………...….67Gambar 4.4 Diagram Rinci Proses 2 ………………………………...….67Gambar 4.5 Struktur Menu Admin ………………………………...….68Gambar 4.6 Struktur Menu Klien ………………………………...….69Gambar 4.7 State Transition Diagram Utama bagi Admin ………..…..76Gambar 4.8 State Transition Diagram Lanjut 1 ………………………..…..77Gambar 4.9 State Transition Diagram Lanjut 2 ………………………..…..78Gambar 4.10 State Transition Diagram Lanjut 3 ………………………..…..79Gambar 4.12 State Transition Diagram Klien ………………………..…..81Gambar 4.1 Diagram Konteks ………………………………………..…..65Gambar 4.13 Rancangan Layar Login ……………………………………82Gambar 4.14 Rancangan Layar Statistik Keseluruhan ……………..……..82Gambar 4.15 Rancangan Layar Statistik Keseluruhan dengan Interval …....83Gambar 4.16 Rancangan Layar Informasi Statistik Klien ………………...….83Gambar 4.17 Rancangan Layar Statistik Pemasangan Banner Harian …....84Gambar 4.18 Rancangan Layar Statistik Pemasangan dengan Interval Waktu ..85Gambar 4.19 Rancangan Layar Statistik Pemasangan Banner Mingguan …....86Gambar 4.20 Rancangan Layar Statistik Pemasangan Banner Bulanan ..…..87Gambar 4.2 Diagram 0 (Level 1) ……………………………………………66Gambar 3.14 Hasil Pertanyaan ke-6 ……………………………………62Gambar 2.1 SDLC model waterfall …………..……………………......21Gambar 3.2 Prosedur Pemasangan Banner pada perusahaan Immanance ……47Gambar 2.2 Notasi State …………………………..………………….…….25Gambar 2.3 Notasi Perubahan State …………..………………..………25Gambar 2.4 Notasi Eksternal Entity …………...………………….……26Gambar 2.5 Notasi Proses ……………………………...……………...……..26Gambar 2.6 Notasi Data Flow ………………………...………………….27Gambar 2.7 Notasi Data Store ...………………………………………….27Gambar 2.8 Contoh Tampilan Web Sites ……………………………………39Gambar 3.1 Struktur Organisasi Perusahaan ……………………..……..43Gambar 3.3 Distribusi Pengunjung Situs Immanance Berdasarkan Tanggal 49Gambar 3.13 Hasil Pertanyaan ke-5 ……………………………………62Gambar 3.4 Distribusi Pengunjung Situs Immanance Berdasarkan Waktu 49Gambar 3.5 Distribusi Pengunjung Situs Immanance Berdasarkan Tanggal 50Gambar 3.6 Distribusi Pengunjung Situs Immanance Berdasarkan Waktu 51Gambar 3.7 Distribusi Pengunjung Situs Immanance Berdasarkan Tanggal 52Gambar 3.8 Distribusi Pengunjung Situs Immanance Berdasarkan Waktu 52Gambar 3.9 Hasil Pertanyaan ke-1 ……………………………………59Gambar 3.10 Hasil Pertanyaan ke-2 ……………………………………60Gambar 3.11 Hasil Pertanyaan ke-3 ……………………………………60Gambar 3.12 Hasil Pertanyaan ke-4 ……………………………………61Gambar 4.21 Rancangan Layar Statistik Penayangan Banner Harian ……88Gambar 4.22 Rancangan Layar Statistik Penayangan Berinterval Waktu ..…..89Gambar 4.23 Rancangan Layar Statistik Penayangan Mingguan ………...….90Gambar 4.24 Rancangan Layar Statistik Penayangan Bulanan ………..…..91Gambar 4.25 Rancangan Layar Statistik Menurut Ukuran Banner ………..…..91Gambar 4.26 Rancangan Layar Statistik Distribusi ……………………..……..92Gambar 4.27 Rancangan Layar Penambahan Banner Baru Eksternal ……92Gambar 4.28 Rancangan Layar Penambahan Banner Baru HTML ...….93Gambar 4.29 Rancangan Layar Penambahan Banner Baru SQL ………...….94Gambar 4.30 Rancangan Layar Penambahan Banner Baru Teks Ad ...….94Gambar 4.31 Rancangan Layar Laporan Global ……………………...…….95Gambar 4.32 Rancangan Layar Laporan Sejarah Pemasang Banner ...….95Gambar 4.33 Rancangan Layar Laporan Sejarah Penayangan Banner ...….96Gambar 4.34 Rancangan Layar Konfigurasi Pemeliharaan Prioritas ...….96Gambar 4.35 Rancangan Layar Konfigurasi Database ……………………97Gambar 4.36 Rancangan Layar Konfigurasi Penyampaian ……………………97Gambar 4.37 Rancangan Layar Konfigurasi Statistik ……………………98Gambar 4.38 Rancangan Layar Konfigurasi Banner ……………………99Gambar 4.39 Rancangan Layar Konfigurasi Administrator …………………..100Gambar 4.40 Rancangan Layar Konfigurasi Interface …………………..101Gambar 4.41 Rancangan Layar Konfigurasi User Log …………………..102Gambar 4.42 Rancangan Layar Inventori Pemasangan dan Penayangan …..102Gambar 4.43 Rancangan Layar Inventori Pilih Penayangan ………......103Gambar 4.44 Rancangan Layar Inventori Pilih Langsung Pop-up ………......104Gambar 4.45 Rancangan Layar Inventori Pilih Langsung Javascript …..105Gambar 4.46 Rancangan Layar Inventori Pilih Langsung Modul Lokal …..105Gambar 4.47 Rancangan Layar Inventori Properti Pemasang Banner …..106Gambar 4.48 Rancangan Layar Inventori Properti Penayangan Banner …..107Gambar 4.49 Rancangan Layar Rekapitulasi Penayangan Banner …..107Gambar 4.50 Rancangan Layar Penayangan Banner ………………..…108Gambar 4.51 Rancangan Layar Data Klien …………………………..108Gambar 4.52 Rancangan Layar Rekapitulasi Penyangan Banner …….…….109Gambar 4.53 Rancangan Layar Sejarah Pemasangan Banner Harian …..109Gambar 4.54 Rancangan Layar Sejarah Pemasangan Berinterval Waktu …..110Gambar 4.55 Rancangan Layar Sejarah Pemasangan Banner Mingguan …..111Gambar 4.56 Rancangan Layar Sejarah Pemasangan Banner Bulanan ..…112Gambar 4.57 Rancangan Layar Laporan Sejarah Penayangan Banner …..112Gambar 4.58 Rancangan Layar Laporan Sejarah Pemasangan Banner …..113Gambar 4.59 Layar Login Utama ……………………………………....…..114Gambar 4.60 Layar Statistik Klien ……………………………………....…..115Gambar 4.61 Layar Statistik Rata-rata …………………………………..116Gambar 4.62 Layar Pilihan-pilihan Klien …………………………………..116Gambar 4.63 Layar Izin Akses Admin …………………………………..118Gambar 4.64 Layar Informasi Kontrak Banner ……………………….….118Gambar 4.65 Layar Banner Lokal (SQL) ……………………………….….119Gambar 4.66 Layar Banner Eksternal ……………………………….….119Gambar 4.67 Layar Banner HTML ……………………………….….120Gambar 4.68 Layar Teks Ad ……………………………………….….120Gambar 4.69 Layar Pilihan Gaya Floating HTML …………………………..120Gambar 4.70 Layar Pilihan Statistik dan Bobot …………………………..121Gambar 4.71 Tampilan Layar Login ……………………………….….122Gambar 4.72 Tampilan Layar Kumpulan Seluruh Statistik …………………..123Gambar 4.73 Tampilan Layar Statistik dengan Rentang Waktu …………..124Gambar 4.74 Tampilan Layar Statistik Pemasangan Banner Berinterval …..125Gambar 4.75 Tampilan Layar Statistik Pemasangan Banner Harian …..126Gambar 4.76 Tampilan Layar Statistik Pemasangan Banner Mingguan …..127Gambar 4.77 Tampilan Layar Statistik Pemasangan Banner Bulanan …..128Gambar 4.78 Tampilan Layar Statistik Rekapitulasi Penayangan Banner …..129Gambar 4.79 Tampilan Layar Statistik Penayangan Banner Berinterval …..130Gambar 4.80 Tampilan Layar Statistik Penayangan Banner Harian …..131Gambar 4.81 Tampilan Layar Statistik Penayangan Banner Mingguan …..132Gambar 4.82 Tampilan Layar Statistik Penayangan Banner Harian …..133Gambar 4.83 Tampilan Layar Statistik Banner Berinterval Waktu …………..134Gambar 4.84 Tampilan Layar Statistik Banner Harian …………………..135Gambar 4.85 Tampilan Layar Statistik Banner Mingguan …………………..136Gambar 4.86 Tampilan Layar Statistik Banner Bulanan …………………..137Gambar 4.87 Tampilan Layar Statistik Global Berinterval Waktu …………..138Gambar 4.88 Tampilan Layar Statistik Global Harian …………………..139Gambar 4.89 Tampilan Layar Statistik Global Mingguan …………………..140Gambar 4.90 Tampilan Layar Statistik Global Bulanan …………………..141Gambar 4.91 Tampilan Layar Statistik Distribusi Ukuran …………………..142Gambar 4.92 Tampilan Layar Tambah Pemasang Banner Baru …………..143Gambar 4.93 Tampilan Layar Tambah Penayangan Banner Baru …………..144Gambar 4.94 Tampilan Layar Tambah Banner Lokal …………………..145Gambar 4.95 Tampilan Layar Tambah Banner Eksternal …………………..146Gambar 4.96 Tampilan Layar Tambah Banner HTML …………………..147Gambar 4.97 Tampilan Layar Tambah Banner Teks Ad …………………..148Gambar 4.98 Tampilan Layar Statistik Tampilan Banner …………………..149Gambar 4.99 Tampilan Layar Properti Pemasang Banner …………………..150Gambar 4.100 Tampilan Layar Properti Penayangan Banner …………..151 Gambar 4.101 Tampilan Layar Properti Banner …………………………..152 Gambar 4.102 Tampilan Layar Pilihan Penayangan …………………………..153 Gambar 4.103 Tampilan Layar Inventori Pemasang Penayangan …………..154 Gambar 4.104 Tampilan Layar Inventori Rekapitulasi Penayangan …..155 Gambar 4.105 Tampilan Layar Tampilan Banner …………………………..156 Gambar 4.106 Tampilan Layar Pilihan Langsung Javascript …………..157 Gambar 4.107 Tampilan Layar Pilihan Langsung Modus Lokal …………..158 Gambar 4.108 Tampilan Layar Pilihan Langsung Pop-up …………..159 Gambar 4.109 Tampilan Layar Konfigurasi Admin …………………………..160 Gambar 4.110 Tampilan Layar Konfigurasi Banner …………………………..161 Gambar 4.111 Tampilan Layar Konfigurasi Interface …………………..162 Gambar 4.112 Tampilan Layar Konfigurasi Database …………………..163 Gambar 4.113 Tampilan Layar Konfigurasi Penyampaian …………………..164
Gambar 4.114 Tampilan Layar Konfigurasi Statistik …………………..165 Gambar 4.115 Tampilan Layar Konfigurasi User Log …………………..166 Gambar 4.116 Tampilan Layar Pemeliharaan Prioritas …………………..167 Gambar 4.117 Tampilan Layar Laporan Pemasangan Banner …………..168 Gambar 4.118 Tampilan Layar Laporan Pemasangan Banner …………..169 Gambar 4.119 Tampilan Layar Laporan Global …………………………..169 Gambar 4.120 Tampilan Layar Daftar Klien Baru …………………………..170 Gambar 4.121 Tampilan Layar Data Klien …………………………..171 Gambar 4.122 Tampilan Layar Rekapitulasi Penayangan Banner …………..172 Gambar 4.123 Tampilan Layar Rekapitulasi Penayangan Berinterval …..173 Gambar 4.124 Tampilan Layar Statistik Pemasang Berinterval Waktu …..174 Gambar 4.125 Tampilan Layar Statistik Pemasang Banner Harian …..175 Gambar 4.126 Tampilan Layar Statistik Pemasang Banner Mingguan …..176 Gambar 4.127 Tampilan Layar Statistik Pemasang Banner Bulanan …..177 Gambar 4.128 Tampilan Layar Laporan Pemasangan Banner …………..178 Gambar 4.129 Tampilan Layar Laporan Penayangan Banner …………..178 Gambar 4.130 Tampilan Layar Order Banner Klien …………………………..179 Gambar 4.131 Tampilan Layar Konfirmasi …………………………..180 Gambar 4.132 Tampilan Layar Laporan Pemasangan Banner …………..180