PEMBUATAN SISTEM INFORMASI BERBASIS WEB LOKAL BANK TABUNGAN NEGARA SURAKARTA.
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
Disahkan Oleh
Dekan
Fakultas FMIPA UNS
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
3.1
DESAIN DAN PERANCANGAN
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 ...................................................................................
xi
24
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
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
Disahkan Oleh
Dekan
Fakultas FMIPA UNS
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
3.1
DESAIN DAN PERANCANGAN
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 ...................................................................................
xi
24
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