UNIVERSITAS BINA NUSANTARA
_________________________________________________________________ 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 0400528625 Kelas/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.
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.
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
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.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.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
DAFTAR TABEL
Tabel 2.1 Matriks SWOT ………31
Tabel 3.1 Pengunjung Situs Immanance pada Bulan Juli 2004 .…...48
Tabel 3.2 Pengunjung Situs Immanance pada Bulan Juni 2004 .…...50
Table 3.3 Pengunjung Situs Immanance pada Bulan Desember 2003 .…...51
Tabel 3.4 Analisis Strategi SWOT ………56
Tabel 4.1 Tbl_userlog ………69
Tabel 4.2 Tbl_cache ………70
Tabel 4.3 Tbl_adclicks ………. ……..70
Tabel 4.4 Tbl_adviews ………. ……..70
Tabel 4.5 Tbl_images ………. ……..70
Tabel 4.6 Tbl_banners ………..…..71
Tabel 4.7 Tbl_clients ………...….72
Tabel 4.8 Tbl_session ………...….72
Tabel 4.9 Tbl_acls ………...….73
Tabel 4.10 Tbl_adstats ………...….73
Tabel 4.11 Tbl_targetstats ………...….73
Tabel 4.12 Tbl_config ………74
Tabel 4.13 Tbl_confirm ………75
DAFTAR GAMBAR
Gambar 2.1 SDLC model waterfall …………..………...21
Gambar 2.2 Notasi State ………..……….…….25
Gambar 2.3 Notasi Perubahan State …………..………..………25
Gambar 2.4 Notasi Eksternal Entity …………...……….……26
Gambar 2.5 Notasi Proses ………...………...……..26
Gambar 2.6 Notasi Data Flow ………...……….27
Gambar 2.7 Notasi Data Store ...……….27
Gambar 2.8 Contoh Tampilan Web Sites ………39
Gambar 3.1 Struktur Organisasi Perusahaan ………..……..43
Gambar 3.2 Prosedur Pemasangan Banner pada perusahaan Immanance ……47
Gambar 3.3 Distribusi Pengunjung Situs Immanance Berdasarkan Tanggal 49
Gambar 3.4 Distribusi Pengunjung Situs Immanance Berdasarkan Waktu 49
Gambar 3.5 Distribusi Pengunjung Situs Immanance Berdasarkan Tanggal 50
Gambar 3.6 Distribusi Pengunjung Situs Immanance Berdasarkan Waktu 51
Gambar 3.7 Distribusi Pengunjung Situs Immanance Berdasarkan Tanggal 52
Gambar 3.8 Distribusi Pengunjung Situs Immanance Berdasarkan Waktu 52
Gambar 3.9 Hasil Pertanyaan ke-1 ………59
Gambar 4.1 Diagram Konteks ………..…..65
Gambar 4.2 Diagram 0 (Level 1) ………66
Gambar 4.3 Diagram Rinci Proses 1 ………...….67
Gambar 4.4 Diagram Rinci Proses 2 ………...….67
Gambar 4.5 Struktur Menu Admin ………...….68
Gambar 4.6 Struktur Menu Klien ………...….69
Gambar 4.7 State Transition Diagram Utama bagi Admin ………..…..76
Gambar 4.8 State Transition Diagram Lanjut 1 ………..…..77
Gambar 4.9 State Transition Diagram Lanjut 2 ………..…..78
Gambar 4.10 State Transition Diagram Lanjut 3 ………..…..79
Gambar 4.11 State Transition Diagram Lanjut 4 ………..…..80
Gambar 4.12 State Transition Diagram Klien ………..…..81
Gambar 4.13 Rancangan Layar Login ………82
Gambar 4.14 Rancangan Layar Statistik Keseluruhan ………..……..82
Gambar 4.15 Rancangan Layar Statistik Keseluruhan dengan Interval …....83
Gambar 4.16 Rancangan Layar Informasi Statistik Klien ………...….83
Gambar 4.17 Rancangan Layar Statistik Pemasangan Banner Harian …....84
Gambar 4.18 Rancangan Layar Statistik Pemasangan dengan Interval Waktu ..85
Gambar 4.19 Rancangan Layar Statistik Pemasangan Banner Mingguan …....86
Gambar 4.20 Rancangan Layar Statistik Pemasangan Banner Bulanan ..…..87
Gambar 4.22 Rancangan Layar Statistik Penayangan Berinterval Waktu ..…..89
Gambar 4.23 Rancangan Layar Statistik Penayangan Mingguan ………...….90
Gambar 4.24 Rancangan Layar Statistik Penayangan Bulanan ………..…..91
Gambar 4.25 Rancangan Layar Statistik Menurut Ukuran Banner ………..…..91
Gambar 4.26 Rancangan Layar Statistik Distribusi ………..……..92
Gambar 4.27 Rancangan Layar Penambahan Banner Baru Eksternal ……92
Gambar 4.28 Rancangan Layar Penambahan Banner Baru HTML ...….93
Gambar 4.29 Rancangan Layar Penambahan Banner Baru SQL ………...….94
Gambar 4.30 Rancangan Layar Penambahan Banner Baru Teks Ad ...….94
Gambar 4.31 Rancangan Layar Laporan Global ………...…….95
Gambar 4.32 Rancangan Layar Laporan Sejarah Pemasang Banner ...….95
Gambar 4.33 Rancangan Layar Laporan Sejarah Penayangan Banner ...….96
Gambar 4.34 Rancangan Layar Konfigurasi Pemeliharaan Prioritas ...….96
Gambar 4.35 Rancangan Layar Konfigurasi Database ………97
Gambar 4.36 Rancangan Layar Konfigurasi Penyampaian ………97
Gambar 4.37 Rancangan Layar Konfigurasi Statistik ………98
Gambar 4.38 Rancangan Layar Konfigurasi Banner ………99
Gambar 4.39 Rancangan Layar Konfigurasi Administrator ………..100
Gambar 4.40 Rancangan Layar Konfigurasi Interface ………..101
Gambar 4.41 Rancangan Layar Konfigurasi User Log ………..102
Gambar 4.42 Rancangan Layar Inventori Pemasangan dan Penayangan …..102
Gambar 4.43 Rancangan Layar Inventori Pilih Penayangan ………...103
Gambar 4.44 Rancangan Layar Inventori Pilih Langsung Pop-up ………...104
Gambar 4.45 Rancangan Layar Inventori Pilih Langsung Javascript …..105
Gambar 4.46 Rancangan Layar Inventori Pilih Langsung Modul Lokal …..105
Gambar 4.47 Rancangan Layar Inventori Properti Pemasang Banner …..106
Gambar 4.48 Rancangan Layar Inventori Properti Penayangan Banner …..107
Gambar 4.49 Rancangan Layar Rekapitulasi Penayangan Banner …..107
Gambar 4.50 Rancangan Layar Penayangan Banner ………..…108
Gambar 4.51 Rancangan Layar Data Klien ………..108
Gambar 4.52 Rancangan Layar Rekapitulasi Penyangan Banner …….…….109
Gambar 4.53 Rancangan Layar Sejarah Pemasangan Banner Harian …..109
Gambar 4.54 Rancangan Layar Sejarah Pemasangan Berinterval Waktu …..110
Gambar 4.55 Rancangan Layar Sejarah Pemasangan Banner Mingguan …..111
Gambar 4.56 Rancangan Layar Sejarah Pemasangan Banner Bulanan ..…112
Gambar 4.57 Rancangan Layar Laporan Sejarah Penayangan Banner …..112
Gambar 4.58 Rancangan Layar Laporan Sejarah Pemasangan Banner …..113
Gambar 4.59 Layar Login Utama ………....…..114
Gambar 4.60 Layar Statistik Klien ………....…..115
Gambar 4.61 Layar Statistik Rata-rata ………..116
Gambar 4.62 Layar Pilihan-pilihan Klien ………..116
Gambar 4.63 Layar Izin Akses Admin ………..118
Gambar 4.64 Layar Informasi Kontrak Banner ……….….118
Gambar 4.65 Layar Banner Lokal (SQL) ……….….119
Gambar 4.66 Layar Banner Eksternal ……….….119
Gambar 4.68 Layar Teks Ad ……….….120
Gambar 4.69 Layar Pilihan Gaya Floating HTML ………..120
Gambar 4.70 Layar Pilihan Statistik dan Bobot ………..121
Gambar 4.71 Tampilan Layar Login ……….….122
Gambar 4.72 Tampilan Layar Kumpulan Seluruh Statistik ………..123
Gambar 4.73 Tampilan Layar Statistik dengan Rentang Waktu …………..124
Gambar 4.74 Tampilan Layar Statistik Pemasangan Banner Berinterval …..125
Gambar 4.75 Tampilan Layar Statistik Pemasangan Banner Harian …..126
Gambar 4.76 Tampilan Layar Statistik Pemasangan Banner Mingguan …..127
Gambar 4.77 Tampilan Layar Statistik Pemasangan Banner Bulanan …..128
Gambar 4.78 Tampilan Layar Statistik Rekapitulasi Penayangan Banner …..129
Gambar 4.79 Tampilan Layar Statistik Penayangan Banner Berinterval …..130
Gambar 4.80 Tampilan Layar Statistik Penayangan Banner Harian …..131
Gambar 4.81 Tampilan Layar Statistik Penayangan Banner Mingguan …..132
Gambar 4.82 Tampilan Layar Statistik Penayangan Banner Harian …..133
Gambar 4.83 Tampilan Layar Statistik Banner Berinterval Waktu …………..134
Gambar 4.84 Tampilan Layar Statistik Banner Harian ………..135
Gambar 4.85 Tampilan Layar Statistik Banner Mingguan ………..136
Gambar 4.86 Tampilan Layar Statistik Banner Bulanan ………..137
Gambar 4.87 Tampilan Layar Statistik Global Berinterval Waktu …………..138
Gambar 4.88 Tampilan Layar Statistik Global Harian ………..139
Gambar 4.89 Tampilan Layar Statistik Global Mingguan ………..140
Gambar 4.90 Tampilan Layar Statistik Global Bulanan ………..141
Gambar 4.91 Tampilan Layar Statistik Distribusi Ukuran ………..142
Gambar 4.92 Tampilan Layar Tambah Pemasang Banner Baru …………..143
Gambar 4.93 Tampilan Layar Tambah Penayangan Banner Baru …………..144
Gambar 4.94 Tampilan Layar Tambah Banner Lokal ………..145
Gambar 4.95 Tampilan Layar Tambah Banner Eksternal ………..146
Gambar 4.96 Tampilan Layar Tambah Banner HTML ………..147
Gambar 4.97 Tampilan Layar Tambah Banner Teks Ad ………..148
Gambar 4.98 Tampilan Layar Statistik Tampilan Banner ………..149
Gambar 4.99 Tampilan Layar Properti Pemasang Banner ………..150
Gambar 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