DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel viii
Daftar Gambar ix
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 3
1.3 Batasan Masalah 3
1.4 Maksud dan Tujuan 4
1.4.1 Maksud 4
1.4.2 Tujuan 4
1.5 Metode Penelitian 5
1.6 Tinjauan Pustaka 6
1.7 Sistematika Penulisan 7
BAB 2 LANDASAN TEORI 9
2.1 Sistem Informasi 9
2.1.1 Pengertian Sistem 9
2.1.2 Pengertian Informasi 9
2.1.3 Pengertian Sistem informasi 10
2.1.4 Data 10
2.2 Pengertian Komputer 11
2.3 Pengertian Internet 11
2.4 Pengertian Website 12
2.5 PHP Personal Home Page 13
2.5.1 Sejarah PHP 14
2.5.2 Konsep dasar PHP 14
2.6 MySQL 17
2.7 Fungsi PHP dan MySQL 18
2.8 HTML Hypertext Markup Language 19
2.9 CSS Cascading Style Sheet 21
2.10 Pengenalan Adobe Dreamweaver CS6 22
BAB 3 PERANCANGAN SISTEM 23
3.1 Sejarah 23
3.2 Visi Misi dan Nilai-Nilai 25
Universitas Sumatera Utara
3.3 Manajemen 26
BAB 4 IMPLEMENTASI SISTEM 28
4.1 Perancangan Sistem 28
4.2 Data Flow Diagram 28
4.3 Perancangan Basis Data 30
4.4 Flowchart 33
4.5 Perancangan Antar Muka Interface 51
BAB 5 IMPLEMENTASI SISTEM 53
5.1 Pengertian Implementasi Sistem 53
5.2 Tujuan Implementasi Sistem 53
5.3 Komponen Sistem 54
5.4 Tampilan Akhir Website 56
5.4.1 Halaman index 56
5.4.2 Halaman About 57
5.4.3 Halaman Blog 57
5.4.4 Halaman Manajemen 58
5.4.5 Halaman Contact 58
5.4.6 Halaman Pegawai 59
5.4.7 Halaman Portal 59
BAB 6 KESIMPULAN DAN SARAN 62
6.1 Kesimpulan 63
6.2 Saran 64
Daftar Pustaka 65
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Judul
Halaman Tabel
4.1 Simbol-simbol DFD
29 4.2
Data User 31
4.3 Data Bagian
31 4.4
Data Pegawai 31
4.5 Data Jabatan
32 4.6
Data H_jabatan 32
4.7 Data K_jabatan
32 4.8
Data Pelatihan 32
4.9 Data Pendidikan
33 4.10
Data Pengalaman Kerja 33
4.11 Simbol Flowchart
34 viii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor Judul
Halaman Gambar
4.1 Diagram Konteks Data Pegawai PT. BTPN
30 4.2
Flowchart Halaman Utama 35
4.3 Flowchart Menu About
36 4.4
Flowchart Menu Blog 37
4.5 Flowchart Menu Manajemen
38 4.6
Flowchart Menu Contact 39
4.7 Flowchart Menu Pegawai
40 4.8
Flowchart Menu Portal 41
4.9 Flowchart Menu Admin
42 4.10
Flowchart Menu Pegawai 43
4.11 Flowchart Menu Pimpinan
44 4.12
Flowchart Menu Data Pegawai 45
4.13 Flowchart Menu Data Divisi
46 4.14
Flowchart Menu Data Jabatan 47
4.15 Flowchart Menu Data Divisi
48 4.16
Flowchart Menu Data Kenaikan Jabatan 49
4.17 Flowchart Menu Data Laporan
50 4.18
Perancangan tatap muka halaman utama 51
4.19 Perancangan Tatap Muka Halaman Portal
52 5.0
Halaman index 56
5.1 Halaman About
57 5.2
Halaman Blog 57
5.3 Halaman Manajemen
58 5.4
Halaman Contact 58
5.5 Halaman Pegawai
59 5.6
Halaman Login 59
5.7 Halaman Admin
60 5.8
Halaman Absensi Pegawai 60
5.9 Halaman Laporan Pimpinan
61 5.10
Halaman Detail Data Pegawai 61
Universitas Sumatera Utara
Universitas Sumatera Utara
ABSTRAK
Kajian ini bertujuan untuk membangun suatu website pada PT. BTPN Website PT. BTPN ini disusun dengan menggunakan perangkat lunak PHP MySQL, Aplikasi XAMPP 3.2.1
XAMPP Version 3.2.1 yang merangkum Web Server Apache 2.4.4, Web scripting PHP PHP 5.5.9 dan MySQL 5.5.3.2. Dan juga HTMLHypertext Markup Language, CSS
Cascading Style Sheet, Java Script serta menggunakan website editor Adobe Dreamweaver CS6, Sublime Text serta Adobe Photoshop sebagai aplikasi perancangan
layout. Tujuan membuat website ini untuk mempermudah masyarakat dan pegawai dalam memperoleh informasi mengenai PT. BTPN secara online.
Kata kunci : website mempermudah informasi online PT.BTPN v
Universitas Sumatera Utara
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Dalam era globalisasi ini perkembangan teknologi memegang andil yang sangat besar dalam kehidupan manusia, tidak jarang bahkan hampir ditemukan disetiap
tempat manapun, masyarakat sangat tergantung yang namanya teknologi. Dalam segala segi kehidupan, masyarakat memanfaatkan perkembangan teknologi
tersebut untuk mempermudah penyelesaian berbagai pekerjaan.
Tidak hanya itu, perkembangan teknologi juga mengakibatkan perubahan dalam hal menyampaikan informasi. Kini informasi disampaikan
melalui media elektronik atau yang disebut internet. Penyampaian melalui media elektronik ini diakui lebih cepat, akurat, dan efisien. Oleh karena itu,
berbagai instansi dan perusahaan menyampaikan informasi tentang perusahaannya melalui internet. Hal ini tentunya sangat mendukung adanya peningkatan sumber
daya manusia. Oleh karena itu, kita dituntut untuk memiliki sebuah skill yang sangat mendukung perkembangan internet. Dalam hal ini, misalnya skill dalam
pemrograman web.
Universitas Sumatera Utara
P.T BTPN tentunya sebagai perusahaan Bank Tabungan Pensiunan Nasional terlahir dari pemikiran 7 tujuh orang dalam suatu perkumpulan pegawai
pensiunan militer pada tahun 1958 di Bandung. tidak terlepas dari pengaruh ilmu dan teknologi yang melanda dunia.
Sistem informasi yang cepat, tepat dan akurat sangat dibutuhkan. Khususnya masalah karir, belum adanya sebuah website karir yang memberikan informasi
secara detail kepada para staff dan pegawai maupun masyarakat luar tentang P.T BTPN.
1.2 Identifikasi Masalah
Penulis mencoba mengidentifikasi masalah sebagai berikut : 1.
Website ini diharapkan dapat memberikan informasi kepada masyarakat tentang instansi tersebut.
2. Sejauh mana website ini dirancang semenarik mungkin agar dapat menjadi
daya tarik tersendiri sehingga dapat memenuhi keingintahuan masyarakat. 3.
Bagaimana cara mengelola data agar dapat mencakup seluruh potensi yang tersedia di PT. BTPN dan digunakan secara efektif dan efisien, serta dapat
diakses dengan baik dan benar. Menurut penulis, website ini dapat membantu pihak PT. BTPN dalam
mempublikasikan dan mengembangkan informasi tentang PT. BTPN kususnya masalah karir dan kepegawaian.
Universitas Sumatera Utara
1.3 Batasan Masalah
Dalam membangun sistem informasi online yang dibuat dalam basis website dan akan online didunia internet, seorang web programmer pasti membutuhkan data
serta informasi yang akurat. Penulis menyadari keterbatasan dan kemampuan dalam menyelesaikan pekerjaan yang semakin hari semakin meningkat dan rumit, serta
harus memenuhi prinsip efektif dan efisien. Terlebih lagi dalam hal memperoleh informasi yang baik dan up to date.
Untuk itu, penulis memberikan batasan masalah dengan maksud untuk mencapai tujuan akhir penulisan. Batasan masalah dalam pembuatan tugas akhir ini
adalah : 1. Website yang dibuat adalah website yang bersifat dinamis.
2. Tampilan desain akan selalu menyertakan logo perusahaan dan tema yang hampir sama untuk meningkatkan daya citra perusahaan.
3. Data yang digunakan mengenai kepegawaian yang meliputi data pagawai, data pelatihan, data kenaikan jabatan dan laporan.
4. Bahasa pemrograman yang dipakai adalah HTML dan PHP dengan beberapa pendukung yaitu javascript, jquery dan CSS.
5. Bentuk konsep desain yang menarik dan informatif lebih diutamakan dalam pembuatan company profile Bank BTPN.
6. Informasi yang dimasukkan ke dalam website sepenuhnya berasal dari PT.BTPN.
Universitas Sumatera Utara
1.4 Maksud dan Tujuan
1.4.1 Maksud
Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses internet menjadi semakin penting bagi pengguna. Oleh karena itu,
maksud dari penelitian ini adalah untuk menemukan suatu cara dalam pemecahan masalah yang tepat dalam mempublikasikan PT. BTPN agar informasi yang didapat
lebih mengglobal dan mudah diterima oleh masyarakat.
1.4.2 Tujuan
Sedangkan tujuan dari penelitian ini adalah : 1. Diharapkan para staff dan pegawai maupun masyarakat luar dapat
memperoleh informasi yang mereka butuhkan. 2. Menambah wawasan dan pengetahuan serta kreativitas penulis berdasarkan
ilmu yang telah diperoleh selama duduk di bangku perkuliahan. 3. Sebagai salah satu syarat untuk menyelesaikan Program Diploma 3 Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Universitas Sumatera Utara
1.5 Metode Penelitian
Metode Penelitian adalah langkah-langkah sistematik yang ini digunakan untuk mengerjakan atau menyelesaikan suatu masalah. Metode penelitian digunakan
sebagai pedoman dalam melaksanakan penelitian agar hasil yang dicapai tidak menyimpang dari tujuan yang ditentukan sebelumnya.
Metodologi penelitian yang digunakan penulis untuk menyelesaikan permasalah yang terjadi di atas adalah :
1. Studi Literatur Pengumpulan data yang erat kaitannya dengan permasalahan dengan cara
membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya di perpustakaan USU.
2. Analisis Sistem Melakukan analisis sistem terhadap masalah yang ada mengenai website PT.
BTPN bisa dijalankan dengan mudah dan bisa dimanfaatkan oleh pengguna pada komputer dengan fasilitas internet.
3. Desain Sistem Pada tahap ini dilakukan perancangan program, membuat desain website PT.
BTPN tersebut.
Universitas Sumatera Utara
4. Uji Coba Melakukan pengujian program, mengangani dan memperbaiki kesalahan yang
ada pada website PT. BTPN tersebut agar dapat berjalan dengan baik.
5. Dokumentasi Pada tahap ini dilakukan pembuatan laporan mulai dari studi literatur sampai
dengan implementasi, serta penarikan kesimpulan dan saran. Pada tahap ini juga ada dicatat apa saja yang menjadi kelemahan dan kelebihan dalam website PT.
BTPN ini
1.6 Tinjauan Pustaka
Ada beberapa software yang terlibat dalam mengaplikasikan web, diantaranya adalah dalam perancangan tampilan sebagai interface terhadap user, pembuatan
database serta dalam sistem pemrogramannya. Dalam hal ini penulis memilih bahasa pemrograman PHP dan MySQL sebagai databasenya serta Macromedia
Dreamweaver 8 sebagai text editornya.
Database adalah sebuah bentuk media yang digunakan untuk menyimpan sebuah data. Satu database menunjukkan satu kumpulan data yang dipakai dalam
satu lingkup perusahaan, instansi. Merancang database merupakan suatu hal yang sangat penting. Kesulitan utama dalam merancang database adalah bagaimana
merancang sehingga dapat memuaskan keperluan saat ini dan masa mendatang. Database Relasional Dengan MySQL, Bunafit Nugroho, 2004
Universitas Sumatera Utara
MySQL adalah multiuser database yang menggunakan bahasa Structure Query Language SQL. MySQL dalam operasi client-server melibatkan server
daemon MySQL di sisi server dan berbagai macam program serta library yang berjalan di sisi client. MySQL mampu menangani data yang cukup besar.
PHP adalah bahasa server- side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Maksud dari server-side scripting
adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Hampir seluruh aplikasi berbasis
web dapat dibuat dengan PHP. Namun kekuatan utama adalah konektivitas database dengan web.PHP dan MYSQL untuk Web, Bimo Sunarfrihantono, 2002
Adobe Dreamweaver CS6 merupakan program aplikasi professional untuk mengedit HTML secara visual. Dasar dari desain web adalah menggunakan format
data HTML HyperText Markup Language. HTML merupakan dokumen hypertext yang bisa dibaca dari suatu platform komputer lain. Perancangan secara
visual sangat memudahkan user untuk membuat web Wahana, 2006.
1.7 Sistematika Penulisan
Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :
BAB 1 : PENDAHULUAN
Bab ini merupakan bagian yang berisi mengenai latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, metode penelitian serta
sistematika penulisan.
Universitas Sumatera Utara
BAB 2 : LANDASAN TEORI
Bab ini merupakan uraian teoritis mengenai pengertian-pengertian dan mengenai bahasa pemrograman yang digunakan.
BAB 3 : PERANCANGAN SISTEM
Bab ini berisi rancangan aplikasi yang akan dibentuk, pengertian perancangan sistem, data flow diagram, flowchart, persiapan database, file
yang digunakan serta algoritma terbentuknya program.
BAB 4 : IMPLEMENTASI SISTEM
