PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer Diajukan oleh : ANDIKA KURNIA PUTRANTO NIM. M3107007 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2010 i
HALAMAN PERSETUJUAN PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA Disusun Oleh : ANDIKA KURNIA PUTRANTO NIM. M3107007 Tugas Akhir ini telah disetujui untuk dipresentasikan pada ujian Tugas Akhir pada tanggal 23 Juli 2010 Pembimbing Utama Hartono, S.Si NIP. 19770828 200604 1 008 ii
HALAMAN PENGESAHAN PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA Disusun Oleh ANDIKA KURNIA PUTRANTO NIM. M3107007 Dibimbing oleh Pembimbing Utama Hartono, S.Si NIP.19770828 200604 1 008 Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Imu Komputer Pada hari Kamis tanggal 5 Agustus 2010 Dewan Penguji 1. Penguji 1 Tutut Maitanti, S.Si ( ) NIDN. 0625058501 2. Penguji 2 Muhammad Asri Syafi ie, S.Si ( ) NIDN. 0603118103 3. Penguji 3 Hartono, S.Si ( ) NIP. 19770828 200604 1 008 Dekan Fakultas FMIPA UNS Disahkan Oleh Ketua Program Studi DIII Ilmu Komputer UNS Prof. Drs. Sutarno, M.Sc, Ph.D Drs. YS. Palgunadi, M.Sc NIP. 19600809 198612 1001 NIP. 19560407 198303 1004 iii
ABSTRACT Andika Kurnia Putranto. 2010. DEVELOPING AN INFORMATION SYSTEM BASED ON LOCAL WEBSITE AT BANK TABUNGAN NEGARA SURAKARTA. Final Project DIII of Computer Science, Faculty of Mathematics and Natural Sciences, University of Sebelas Maret Surakarta. Local website is a service that can be used by computer client to get all of information on the system. Local website is easier for users to get information about Bank Tabungan Negara and other information which uploaded by admin at Bank Tabungan Negara s system information. Bank Tabungan Negara (BTN) is one of the greates Bank on Surakarta. This Bank also has a website as the other bank, but Bank Tabungan Negara Surakarta and the writer get a fresh idea to make a system information which implementation by local website that has an service and information function. This system information has a lot of information about Bank Tabungan Negara to make customer of bank Tabungan Negara in Surakarta get easier to get an information. The purpose of the final project is to develop local website of Bank Tabungan Negara Surakarta. To create the local website of Bank Tabungan Negara, it was needed some methods. The methods on final project are study libraries, observation and interview. This local website have been made by PHP language programming, database MySQL in order to give the customer a lot of information and help assigment of customer service, it can be concluded that local website at Bank Tabungan Negara Surakarta has already been developed. Keyword : system information, local website iv
ABSTRAK Andika Kurnia Putranto. 2010. PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA. Tugas Akhir. Program Studi DIII Ilmu Komputer. Fakultas Matematika dan Ilmu pengetahuan Alam. Universitas Sebelas Maret Surakarta. Website lokal merupakan sebuah layanan yang diakses oleh komputer client, untuk mengakses semua informasi yang ada pada sistem. Lokal website memudahkan pengguna untuk mendapat informasi mengenai Bank Tabungan Negara yang telah di upload oleh admin sistem informasi Bank Tabungan Negara Surakarta. Bank Tabungan Negara merupakan salah satu bank terbesar di Surakarta. Bank Tabungan Negara telah memiliki website seperti bank lainnya, namun Saya dan pihak Bank Tabungan Negara Surakarta memiliki ide baru untuk membuat sistem informasi berbasis web lokal yang memiliki fungsi pelayanan informasi khusus. Untuk membuat web lokal Bank Tabungan Negara Surakarta dibutuhkan beberapa metode. Pada Tugas Akhir ini metode yang digunakan antara lain studi pustaka, observasi dan interview. Website lokal ini dibuat menggunakan bahasa pemrograman PHP, database MySQL untuk keperluan informasi bagi pengunjung dan membantu pekerjaan dari customer service, singkat kata website lokal Bank Tabungan Negara telah berhasil dibuat. Kata kunci : sistem informasi, web lokal v
MOTTO 1. Mengeluh tak mengubah apapun, lakukan dengan penuh semangat, pantang menyerah dan yakin diri kita bisa. 2. Senangilah apa yang menjadi pekerjaanmu, karena sesuatu yang didasari rasa senang niscaya akan memberikan hasil maksimal untuk kita. vi
HALAMAN PERSEMBAHAN Karya ini saya persembahakan untuk : 1. Bapak, Ibu, adik dan semua keluarga besarku yang memberikan doa dan dukungan baik secara spiritual maupun material. 2. Teman-teman club motor penulis (LEGEND). 3. Ketiga sahabat penulis yang selalu menemani selama proses pembuatan Tugas Akhir ini. 4. Semua pihak yang telah banyak membantu proses pembuatan Tugas Akhir ini. vii
KATA PENGANTAR Bismillahirahmannirrahim, Alhamdulillahirobbil alamin, penulis memanjatkan puji syukur kehadirat Allah SWT atas karunia, hidayah serta inayah-nya sehingga penulis dapat menyelesaikan penulisan tugas akhir ini dalam rangka memenuhi salah satu persyaratan kelulusan Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam penulisan laporan ini, tidak lepas dari bimbingan, kerja sama serta bantuan banyak pihak. Untuk itu penulis mengucapkan terima kasih kepada : 1. Bapak Prof. Drs. Sutarno, M.Sc, Ph.D selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Bapak Drs. Y. S. Palgunadi, M.Sc selaku Ketua Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 3. Ibu Mania selaku Pembimbing Akademik yang telah memberikan bimbingan akademik selama menjadi mahasiswa Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 4. Bapak Hartono, S. Si, selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan selama mengerjakan Tugas Akhir dan penyelesaian Laporan Tugas Akhir. 5. Seluruh Dosen Pengajar dan Staf DIII Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 6. Bapak Supriyanto, selaku Assistant manager Bank Tabungan Negara Kantor Cabang Utama (KCU) Surakarta viii
7. Seluruh keluarga besar Bank Tabungan Negara yang telah memberikan waktunya untuk membantu pengumpulan data demi terbangunnya sistem informasi ini. Dengan adanya berbagai keterbatasan dalam penulisan Tugas Akhir ini, terutama keterbatasan kemampuan dan pengetahuan, sehingga penulis masih jauh dari sempurna. Untuk itu penulis mengharapkan kritik dan saran yang bersifat membangun. Akhir kata penulis mengharapkan semoga laporan ini dapat bermanfaat bagi pihak yang membaca dan mempelajarinya. Surakarta, 29 Juni 2010 Penulis ix
DAFTAR ISI Halaman HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN ABSTRACT... iv HALAMAN ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI...... x DAFTAR TABEL...... xiv DAFTAR GAMBAR... xv BAB I PENDAHULUAN 1.1 Latar Belakang Masalah... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan Penelitian... 2 1.5 Manfaat Penelitian... 3 1.6 Metodologi Penelitian... 3 1.7 Sistematika Penulisan... 4 BAB II LANDASAN TEORI 2.1 DATABASE... 5 2.2 HTML... 6 2.3 MYSQL... 6 2.4 PHP... 8 2.5 CMS... 9 2.6 CD, DFD, ERD... 9 x
BAB III DESAIN DAN PERANCANGAN 3.1 Gambaran Kerja Sistem... 12 3.2 Perancangan Sistem... 13 3.3 Data Flow Diagram... 13 3.3.1 Context Diagram... 13 3.3.2 Data Flow Diagram (DFD) Level 0... 14 3.3.3 Data Flow Diagram (DFD) Level 1 Proses 2.0 (Pemrosesan Admin)... 15 3.3.4 Data Flow Diagram (DFD) Level 1 Proses 3.0 (Pemrosesan Berita)... 16 3.3.5 Data Flow Diagram (DFD) Level 1 Proses 4.0 (Pemrosesan Info Lokasi)... 17 3.3.6 Data Flow Diagram (DFD) Level 1 Proses 5.0 (Pemrosesan Info Layanan)... 17 3.3.7 Data Flow Diagram (DFD) Level 1 Proses 6.0 (Pemrosesan Program Lokal... 18 3.3.8 Data Flow Diagram (DFD) Level 1 Proses 7.0 (Pemrosesan Buku Tamu)... 19 3.3.9 Data Flow Diagram (DFD) Level 1 Proses 8.0 (Pemrosesan Nasabah)... 19 3.3.10 Data Flow Diagram (DFD) Level 1 Proses 9.0 (Pemrosesan Info Penting)... 20 3.4 Rancangan Database... 21 3.4.1 Tabel Admin... 21 3.4.2 Tabel ATM... 21 3.4.3 Tabel Berita... 22 3.4.4 Tabel Kantor... 22 3.4.5 Tabel Layanan... 23 3.4.6 Tabel Lokal... 23 3.4.7 Tabel Nasabah... 24 3.4.8 Tabel Pesan... 24 xi
3.4.9 Tabel Album... 25 3.4.10 Tabel Gallery... 25 3.4.11 Tabel Info... 25 3.5 Entity Relationship Diagram... 26 3.6 Relasi Antar Tabel... 27 3.7 Rancangan Desain Web Lokal... 27 BAB IV IMPLEMENTASI DAN ANALISIS 4.1 Deskripsi Sistem... 28 4.2 Implementasi Program... 28 4.2.1 Halaman Utama... 29 4.2.1.1 Berita Eks Karesidenan Surakarta... 30 4.2.1.2 Halaman Info Penting... 30 4.2.2 Halaman Info Lokasi... 31 4.2.2.1 Halaman Lokasi Kantor dan Kantor Cabang... 32 4.2.2.2 Halaman Lokasi ATM... 32 4.2.3 Halaman Info Layanan... 33 4.2.4 Halaman Info Program Lokal... 34 4.2.4.1 Halaman Program Lokal Bank Tabungan Negara... 34 4.2.4.2 Halaman Publikasi Kegiatan... 35 4.2.5 Halaman Buku Tamu... 37 4.2.6 Halaman Login Admin... 38 4.2.7 Halaman Admin... 39 4.2.8 Halaman Automatic Teller Machine (ATM)... 40 4.2.9 Halaman Kantor dan Kantor Cabang... 43 4.2.10 Halaman Layanan, Tempat, dan Petugas... 44 4.2.11 Halaman Program Lokal... 45 4.2.12 Halaman Publikasi Kegiatan... 46 4.2.13 Halaman Tambah Album... 47 4.2.14 Halaman Tambah Gambar... 47 4.2.15 Halaman Lihat Album... 48 4.2.16 Halaman Gallery... 48 xii
4.2.17 Halaman Manajemen Delete Album... 49 4.2.18 Halaman Manajemen Delete Gambar... 49 4.2.19 Halaman Manajemen Admin... 50 4.2.20 Halaman Manajemen Berita... 51 4.2.21 Halaman Manejemen Pesan... 52 4.2.22 Halaman Nasabah Penting... 53 4.2.23 Halaman Info Penting.... 54 4.2.24 Halaman Logout... 54 4.3 Analisis Program... 55 BAB V PENUTUP 5.1 Kesimpulan... 56 5.2 Saran... 56 DAFTAR PUSTAKA... 57 xiii
DAFTAR TABEL Tabel 1 Tabel Admin... 21 Tabel 2 Tabel ATM... 21 Tabel 3 Tabel Berita... 22 Tabel 4 Tabel Kantor... 22 Tabel 5 Tabel Layanan... 23 Tabel 6 Tabel Lokal... 23 Tabel 7 Tabel Nasabah... 24 Tabel 8 Tabel Pesan... 24 Tabel 9 Tabel Album... 25 Tabel 10 Tabel Gallery... 25 Tabel 11 Tabel Info... 25 xiv
DAFTAR GAMBAR Halaman Gambar 2.1 Simbol Diagram Konteks... 10 Gambar 2.2 Simbol DFD... 10 Gambar 2.3 Simbol ERD... 11 Gambar 3.1 Gambaran Kerja Sistem... 12 Gambar 3.2 Diagram Konteks... 13 Gambar 3.3 DFD Level 0... 14 Gambar 3.4 DFD Level 1 Proses 2.0... 15 Gambar 3.5 DFD Level 1 Proses 3.0... 16 Gambar 3.6 DFD Level 1 Proses 4.0... 17 Gambar 3.7 DFD Level 1 Proses 5.0... 18 Gambar 3.8 DFD Level 1 Proses 6.0... 18 Gambar 3.9 DFD Level 1 Proses 7.0... 19 Gambar 3.10 DFD Level 1 Proses 8.0... 19 Gambar 3.11 DFD Level 1 Proses 9.0... 20 Gambar 3.12 Entity Relationship Diagram (ERD)... 26 Gambar 3.13 Relasi Antar tabel... 27 Gambar 3.14 Rancangan Desain Web Lokal... 27 Gambar 4.1 Deskripsi Sistem... 28 Gambar 4.2 Halaman Utama... 29 Gambar 4.3 Berita Eks Karesidenan Surakarta... 30 Gambar 4.4 Info Penting... 31 Gambar 4.5 Halaman Info Lokasi... 31 Gambar 4.6 Halaman Lokasi Kantor dan Kantor Cabang... 32 Gambar 4.7 Halaman Info Lokasi ATM... 32 Gambar 4.8 Halaman Info Layanan... 33 Gambar 4.9 Halaman Info Program Lokal... 34 Gambar 4.10 Halaman Program Lokal... 34 Gambar 4.11 Halaman Album Publikasi... 35 xv
Gambar 4.12 Halaman Gallery Gambar... 36 Gambar 4.13 Halaman Zoom In... 36 Gambar 4.14 Halaman View All Picture... 37 Gambar 4.15 Halaman Form Buku Tamu... 38 Gambar 4.16 Halaman Form Login... 38 Gambar 4.17 Halaman Admin... 39 Gambar 4.18 Halaman Input ATM... 40 Gambar 4.19 Form Input ATM... 40 Gambar 4.20 Halaman Peringatan... 40 Gambar 4.21 Halaman Hasil Input Data... 41 Gambar 4.22 Halaman Form Edit Data... 41 Gambar 4.23 Halaman Hasil Edit Data... 42 Gambar 4.24 Halaman Action Hapus... 42 Gambar 4.25 Halaman Hasil Action Hapus... 43 Gambar 4.26 Halaman Form Input Kantor... 43 Gambar 4.27 Halaman Form Hasil Input Kantor... 44 Gambar 4.28 Halaman Input Layanan... 44 Gambar 4.29 Halaman Form Input Layanan... 45 Gambar 4.30 Halaman Hasil Input Layanan... 45 Gambar 4.31 Halaman Lihat Data Program Lokal... 46 Gambar 4.32 Halaman Publikasi Kegiatan... 46 Gambar 4.33 Halaman Form Input Album... 47 Gambar 4.34 Halaman Form Input Gambar... 47 Gambar 4.35 Halaman Album... 48 Gambar 4.36 Halaman Gallery... 48 Gambar 4.37 Halaman Hapus Album... 49 Gambar 4.38 Halaman Hapus Gambar... 49 Gambar 4.39 Halaman Form Input Admin... 50 Gambar 4.40 Halaman Hasil Input Admin... 50 Gambar 4.41 Halaman Input Berita... 51 Gambar 4.42 Halaman Hasil Input Berita... 51 xvi
Gambar 4.43 Form Edit Berita... 52 Gambar 4.44 Halaman Manajemen Pesan... 52 Gambar 4.45 Halaman Data Nasabah Penting... 53 Gambar 4.46 Cari Nasabah... 53 Gambar 4.47 Manajemen Info Penting... 54 Gambar 4.48 Halaman Logout... 54 xvii