PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA TUGAS AKHIR

Transkripsi

1 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. M PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2010 i

2 HALAMAN PERSETUJUAN PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA Disusun Oleh : ANDIKA KURNIA PUTRANTO NIM. M Tugas Akhir ini telah disetujui untuk dipresentasikan pada ujian Tugas Akhir pada tanggal 23 Juli 2010 Pembimbing Utama Hartono, S.Si NIP ii

3 HALAMAN PENGESAHAN PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA Disusun Oleh ANDIKA KURNIA PUTRANTO NIM. M Dibimbing oleh Pembimbing Utama Hartono, S.Si NIP 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 Penguji 2 Muhammad Asri Syafi ie, S.Si ( ) NIDN Penguji 3 Hartono, S.Si ( ) NIP 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 NIP iii

4 ABSTRACT Andika Kurnia Putranto 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

5 ABSTRAK Andika Kurnia Putranto 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

6 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

7 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

8 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

9 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

10 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 Perumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan... 4 BAB II LANDASAN TEORI 2.1 DATABASE HTML MYSQL PHP CMS CD, DFD, ERD... 9 x

11 BAB III DESAIN DAN PERANCANGAN 3.1 Gambaran Kerja Sistem Perancangan Sistem Data Flow Diagram Context Diagram Data Flow Diagram (DFD) Level Data Flow Diagram (DFD) Level 1 Proses 2.0 (Pemrosesan Admin) Data Flow Diagram (DFD) Level 1 Proses 3.0 (Pemrosesan Berita) Data Flow Diagram (DFD) Level 1 Proses 4.0 (Pemrosesan Info Lokasi) Data Flow Diagram (DFD) Level 1 Proses 5.0 (Pemrosesan Info Layanan) Data Flow Diagram (DFD) Level 1 Proses 6.0 (Pemrosesan Program Lokal Data Flow Diagram (DFD) Level 1 Proses 7.0 (Pemrosesan Buku Tamu) Data Flow Diagram (DFD) Level 1 Proses 8.0 (Pemrosesan Nasabah) Data Flow Diagram (DFD) Level 1 Proses 9.0 (Pemrosesan Info Penting) Rancangan Database Tabel Admin Tabel ATM Tabel Berita Tabel Kantor Tabel Layanan Tabel Lokal Tabel Nasabah Tabel Pesan xi

12 3.4.9 Tabel Album Tabel Gallery Tabel Info Entity Relationship Diagram Relasi Antar Tabel Rancangan Desain Web Lokal BAB IV IMPLEMENTASI DAN ANALISIS 4.1 Deskripsi Sistem Implementasi Program Halaman Utama Berita Eks Karesidenan Surakarta Halaman Info Penting Halaman Info Lokasi Halaman Lokasi Kantor dan Kantor Cabang Halaman Lokasi ATM Halaman Info Layanan Halaman Info Program Lokal Halaman Program Lokal Bank Tabungan Negara Halaman Publikasi Kegiatan Halaman Buku Tamu Halaman Login Admin Halaman Admin Halaman Automatic Teller Machine (ATM) Halaman Kantor dan Kantor Cabang Halaman Layanan, Tempat, dan Petugas Halaman Program Lokal Halaman Publikasi Kegiatan Halaman Tambah Album Halaman Tambah Gambar Halaman Lihat Album Halaman Gallery xii

13 Halaman Manajemen Delete Album Halaman Manajemen Delete Gambar Halaman Manajemen Admin Halaman Manajemen Berita Halaman Manejemen Pesan Halaman Nasabah Penting Halaman Info Penting Halaman Logout Analisis Program BAB V PENUTUP 5.1 Kesimpulan Saran DAFTAR PUSTAKA xiii

14 DAFTAR TABEL Tabel 1 Tabel Admin Tabel 2 Tabel ATM Tabel 3 Tabel Berita Tabel 4 Tabel Kantor Tabel 5 Tabel Layanan Tabel 6 Tabel Lokal Tabel 7 Tabel Nasabah Tabel 8 Tabel Pesan Tabel 9 Tabel Album Tabel 10 Tabel Gallery Tabel 11 Tabel Info xiv

15 DAFTAR GAMBAR Halaman Gambar 2.1 Simbol Diagram Konteks Gambar 2.2 Simbol DFD Gambar 2.3 Simbol ERD Gambar 3.1 Gambaran Kerja Sistem Gambar 3.2 Diagram Konteks Gambar 3.3 DFD Level Gambar 3.4 DFD Level 1 Proses Gambar 3.5 DFD Level 1 Proses Gambar 3.6 DFD Level 1 Proses Gambar 3.7 DFD Level 1 Proses Gambar 3.8 DFD Level 1 Proses Gambar 3.9 DFD Level 1 Proses Gambar 3.10 DFD Level 1 Proses Gambar 3.11 DFD Level 1 Proses Gambar 3.12 Entity Relationship Diagram (ERD) Gambar 3.13 Relasi Antar tabel Gambar 3.14 Rancangan Desain Web Lokal Gambar 4.1 Deskripsi Sistem Gambar 4.2 Halaman Utama Gambar 4.3 Berita Eks Karesidenan Surakarta Gambar 4.4 Info Penting Gambar 4.5 Halaman Info Lokasi Gambar 4.6 Halaman Lokasi Kantor dan Kantor Cabang Gambar 4.7 Halaman Info Lokasi ATM Gambar 4.8 Halaman Info Layanan Gambar 4.9 Halaman Info Program Lokal Gambar 4.10 Halaman Program Lokal Gambar 4.11 Halaman Album Publikasi xv

16 Gambar 4.12 Halaman Gallery Gambar Gambar 4.13 Halaman Zoom In Gambar 4.14 Halaman View All Picture Gambar 4.15 Halaman Form Buku Tamu Gambar 4.16 Halaman Form Login Gambar 4.17 Halaman Admin Gambar 4.18 Halaman Input ATM Gambar 4.19 Form Input ATM Gambar 4.20 Halaman Peringatan Gambar 4.21 Halaman Hasil Input Data Gambar 4.22 Halaman Form Edit Data Gambar 4.23 Halaman Hasil Edit Data Gambar 4.24 Halaman Action Hapus Gambar 4.25 Halaman Hasil Action Hapus Gambar 4.26 Halaman Form Input Kantor Gambar 4.27 Halaman Form Hasil Input Kantor Gambar 4.28 Halaman Input Layanan Gambar 4.29 Halaman Form Input Layanan Gambar 4.30 Halaman Hasil Input Layanan Gambar 4.31 Halaman Lihat Data Program Lokal Gambar 4.32 Halaman Publikasi Kegiatan Gambar 4.33 Halaman Form Input Album Gambar 4.34 Halaman Form Input Gambar Gambar 4.35 Halaman Album Gambar 4.36 Halaman Gallery Gambar 4.37 Halaman Hapus Album Gambar 4.38 Halaman Hapus Gambar Gambar 4.39 Halaman Form Input Admin Gambar 4.40 Halaman Hasil Input Admin Gambar 4.41 Halaman Input Berita Gambar 4.42 Halaman Hasil Input Berita xvi

17 Gambar 4.43 Form Edit Berita Gambar 4.44 Halaman Manajemen Pesan Gambar 4.45 Halaman Data Nasabah Penting Gambar 4.46 Cari Nasabah Gambar 4.47 Manajemen Info Penting Gambar 4.48 Halaman Logout xvii