Perancangan Website Karir Pada PT. Bank Tabungan Pensiunan Negara (BTPN) Mitra Usaha Rakyat

1

PERANCANGAN WIBSITE KARIR PADA PT. BANK TABUNGAN

PENSIUNAN NEGARA (BTPN) MITRA USAHA RAKYAT

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

AIDIL SYAHPUTRA

112406148

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014

2

PERSETUJUAN

Judul : PERANCANGAN WIBSITE KARIR PADA PT.BANK

TABUNGAN PENSIUNAN NEGARA (BTPN) MITRA USAHA RAKYAT

Kategori : TUGAS AKHIR

Nama : AIDIL SYAHPUTRA

Nomor Induk Mahasiswa : 112406148

Program Studi : DIPLOMA 3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2014

Diketahui/ Disetujui Oleh Ketua Departemen Matematika

FMIPA USU Pembimbing,

Prof. Tulus, M.Si, Ph.D Drs. Henry Rani S, M.Si NIP. 19620901 198803 1 002 NIP. 19530303 198303 1 002

3

PERNYATAAN

PERANCANGAN WIBSITE KARIR PADA PT. BANK TABUNGAN PENSIUNAN NEGARA (BTPN) MITRA USAHA RAKYAT

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, juni 2014

AIDIL SYAHPUTRA 112406148

4

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rakmat dan ridho-Nya pula penulis dapat menyelesaikan penyusunan tugas akhir dengan judul Studi Perancangan Website Karir Pada PT. Bank Tabungan Pensiunan Negara (BTPN) Mitra Usaha Rakyat.

Terimakasih penulis kepada Bapak Drs. Henry Rani S, M.Si selaku Dosen Pembimbing tugas akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.Terimakasih kepada prof.Dr.Tulus, M.Si. Ph.D dan ibu Dra. Mardiningsih, M.Sc selaku Ketua Departemen dan Sekertaris Departemen Matematika FMIPA-USU Medan, Dekan dan Pembantu Dekan FMIPA USU, Ibu Dra. Elly Rosmaini, M.Si, selaku Ketua Jurusan Program Studi D3 Teknik Informatika FMIPA USU, Para pimpinan dan seruruh Staf PT. BTPN yang telah memberi izin untuk melakukan riset dalam proses penyusunan tugas akhir ini, seluruh Staff dan Dosen Teknik Informatika FMIPA USU, Pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberi bantuan dan dorongan yang diperlukan. Semoga Allah SWT akan Membalasnya.

5

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 HTML(Hypertext 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

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

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

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

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

5

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 HTML(Hypertext 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

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.

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.

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.

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.

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.

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 dalamwebsitePT. 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)

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.

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

Bab ini berisi uraian pengertian dan implementasi sistem, spesifikasi aplikasi, instalasi PHP, MySQL dan Apache, Pengujian pada browser dan tampilan halaman aplikasiwebyang dirancang.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini berisi uraian mengenai kesimpulan dan saran dari penelitian yang telah dilakukan.

BAB 2

LANDASAN TEORITIS

2.1 Sistem Informasi

2.1.1 Pengertian Sistem

Sistem berasal dari bahasa latin ( systema ) dan bahasa yunani ( sustema ) adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi, atau energi. Sistem juga merupakan kesatuan bagian – bagian yang saling berhubungan yang berada dalam suatu wilayah serta memiliki item–item penggerak. (www.wikipedia.org)

2.1.2 Pengertian Informasi

Informasi adalah hasil dari suatu pengolahan data, maksudnya adalah sesuatu yang diperoleh setelah adanya pemrosesan data dan penyusunan data-data kedalam bentuk yang sedemikian rupa sehingga memiliki makna untuk dapat digunakan dalam pengambilan keputusan. (Sumber http://www.scribd.com 09 Februari 2012)

2.1.3 Pengertian Sistem informasi

Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan hasilnya. Gordon B. Davis (1991: 91)

Sistem informasi merupakan sarana alternatif untuk membantu memberikan informasi bagi suatu lembaga/perusahaan ataupun perorangan. Salah satunya adalah website, merupakan sarana promosi yang memberikan kemudahan bagi siapa saja yang ingin mengaksesnya kapanpun dan dimanapun.

2.1.4 Data

Data berasal dari bahasa Latin yaitu datum yang berarti fakta, kenyataan, kejadian atau peristiwa. Jadi data atau fakta adalah kenyataan dari sesuatu kejadian atau peristiwa. Data dapat didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan bukan fisik, kejadian-kejadian dan prosedur yang belum diolah manusia atau peralatan yang digunakan oleh manusia.

Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data merupakan keterangan yang masih mentah (belum diolah). Agar dapat dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan keperluan yang dibutuhkan.Kenneth C. Laudon dan Jane P. Laudon (2008)

2.2 Teknik Perancangan Basis Data

Prinsip utama dari basis data adalah pengaturan data/arsip dengan tujuan utamanya adalah kemudahan dan kecepatan dalam mengambil kembali data/arsip. Satu hal yang harus diperhatikan, bahwa basis data bukan hanya sekedar penyimpanan data secara elektronis (dengan bantuan komputer). Artinya, tidak semua bentuk penyimpanan data secara elektronis bisa disebut basis data. (Sumber

http://www.scribd.com09 Februari 2012).

2.2.1 Data Flow Diagram (DFD)

Data flow Diagram di sebut juga dengan diagram arus data sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut tersimpan. Simbol-simbol DFD seperti tabel 2.1

Tabel 2.1 Simbol Data Flow Diagram (DFD)

Simbol Arti

Kesatuan luar merupakan kesatuan luar sistem yang dapat berupa orang, organisasi, atau sistem lainnya yang berada dilingkungan luarnya yang akan memberi input atau menerima output dari sistem mengatur diantara proses simpan data dan kesatuan luar arus data dapat berupa masukan untuk hasil dari proses.

Entitas internal atau proses, dimana data masuk kealiran data keluar

Simbol ini merupakan simpanan dari data yang dapat berupa file, arsip, kotak, table acuan dan agenda (buku).

2.2.2 Bagan Alir(Flowchart)

Flowchart sering disebut juga dengan bagan alir. Flowchart atau bagan alir adalah sebagai suatu skema yang menggambarkan urutan kegiatan dari suatu program dari awal sampai akhir.

No Simbol Fungsi

1

Terminal, untuk memulai atau mengakhiri suatu program

2

Proses suatu simbol yang menunjukkan setiap pengolahan yang dilakukan

3

Input-output untuk memasukan data ataupun menunjukan hasil dari suatu proses

4

Decesion, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan

5

Preparation, proses suatu simbol yang menyediakan tempat-tempat pengolahan dalam storage

6

Conector, suatu prosedure akan masuk atau keluar melalui simbol ini dalam lembar yang sama

7

Off-page Conector, merupakan simbol masuk atau keluarnya suatu prosedure pada lembar kertas lainya

8

Flow, arus dari pada prosedure yang dapat dilakukan atas kebawah dan bawah keatas, dari kiri kekanan ataupun dari kanan kekiri

9

10

Predifined process, untuk menyatakan

sekumpulan langkah proses yang ditulis sebagai procedure

11

Simbol penyimpanan/storage pada komputer, misalnya menyimpan database.

2.3 Pengertian Komputer

Istilah komputer (computer) diambil dari bahasa Latin computare yang berarti menghitung (to compute). Dengan demikian komputer dapat diartikan sebagai alat hitung. Komputer bukan sekedar mesin hitung tetapi komputer mempunyai kemampuan yang dapat membantu manusia dalam menyelesaikan pekerjaan. Komputer dapat melakukan berbagai macam pekerjaan sesuai dengan program yang diberikan. Program adalah sekumpulan instruksi atau perintah terperinci yang sudah dipersiapkan agar komputer dapat melakukan fungsinya dengan cara yang sudah ditentukan. Komputer adalah alat elektronik yang mampu melakukan beberapa pekerjaan diantaranya:

a. Menerima masukan data

b. Memproses masukan sesuai dengan programnya.

c. Menyimpan perintah-perintah dan hasil dari pengolahan.

2.4 Pengertian Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakniInteryang berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan antar jaringan.MADCOMS (2008)

2.5 Pengertian Website

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik. (Sumberhttp://www.scribd.com09 Februari 2012).

Untuk menyediakan sebuah website, maka kita harus menyediakan unsur- unsur penunjangnya, seperti halnya Nama Domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contoh: http://www.nama situs.com. Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan.

Nama Domain itu terbeli di salah satu penyedia jasa pendaftaran, maka pengguna disediakan sebuah kontrol panel untuk administrasinya. Jika pengguna lupa/tidak memperpanjang masa sewanya, maka nama domain itu akan di lepas lagi ketersediaannya untuk umum. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah:

• .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah

• .ac.id : Untuk Lembaga Pendidikan

• .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia

• .mil.id : Khusus untuk Lembaga Militer Republik Indonesia • .or.id : Untuk segala macam organisasi yang tidak termasuk dalam

• .war.net.id : untuk industri warung internet di Indonesia

• .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU

2.6 PHP (Personal Home Page)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagaiHypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisiserverdisebutserverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server). Kasiman Peranginangin, (2009)

2.6.1 Sejarah PHP

PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya. Rasmus lerdorf adalah seorang pendukungopen source. Oleh karena itu, ia mengeluarkanPersonal Home Page Toolsversi 1.0 secara gratis, kemudian

Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuah kelompok pengembangsoftware yang terdiri dari Rasmus, Zeew Zuraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru yang dikeluarkan adalah PHP 5.0.x. Kasiman Peranginangin, 2009

2.6.2 Konsep dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:

1. <?

…..skrip PHP ?>

2. <?php …..skrip PHP ?>

3. <script language=”PHP”> …..skrip PHP

</script>

4. <%

…..skrip PHP %>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, # komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu Embedded Script dan Non-Embedded Script.

a. Embedded ScriptadalahscriptPHP yang disisipkan diantara tag dokumen html. Contoh penulisan dariEmbedded Script:

<html>

<head><title>Embedded Script</title></head> <body>

<?pho

echo “Hallo, selamat menggunakan PHP”; ?>

</body> </html>

b. Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari Non-Embedded Script:

<?php

echo “<html>”: echo “<head>”:

echo “<title>Mengenal PHP</title>”: echo “</head>”:

echo “<body>”:

echo “<p>PHP itu mudah</p>”: echo “</body>”:

echo “<html>”: ?>

Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer local maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan penaman dokumen html, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen html, begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP. Kasiman Peranginangin, 2009

2.7 MySQL

MySQL merupakan software sistem manajemen database (Database Management System –DBMS) yang sangat popular di kalangan pemrogramweb,terutama di lingkungan Linux dengan menggunakan skrip dan Ped.

Fungsi MySQL dapat dikatakan sebagaiinterpreter query, karena setiap kita menggunakan

query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system(RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data daridatabase.(R.W. Rosari, 2008).

2.8 Fungsi PHP dan MySQL

Fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah :

a. mysql_connect(), fungsi mysql_connect adalah untuk menghubungkan PHP dengan databaseMySQL.

Format fungsinya adalah : mysql_connect(string hostname, string username, string password);

b. mysql_select_db, setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilihi database yang akan digunakan. Fungsi mysql_connect_db digunakan untuk memilihdatabase. Format fungsinya adalah: mysql_select_db(string database, koneksi);

c. mysql_query, dalam database MySQL, perintah untuk melakukan trnasaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Querymemberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah: int mysql_query(string query, int[link_identifier]);

d. mysql_num_rows,kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format penulisannya adalah: int mysql_num_rows(int result);

e. mysql_fetch-array, fungsi ini digunakan untuk menampilkan data. Dalam fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah: Array mysql_fetch_array(int result, int [result_type]);

(Kasiman Peranginangin, 2009).

Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah scriptdimana kita bisa menampilkan informasi dan daya kreasi kita lewatintenet.HTML juga merupakan fileteks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi informasi atauinterfaceaplikasi didalaminternet.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai

platform seperti : windows, Linux, Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam elemen HTML.

Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak menampilkan teks yang tercetak miring, makamark up yang digunakan adalah sebagai berikut :

<i> Teks ini akan dicetak miring </i> (MADCOMS, 2008)

HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintahformyang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :

<title> Judul Halaman </title> </head>

<body>

…isi dari halamanweb… </body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tandtagpembuka <html> dan diakhiri dengan tandatagpenutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scriptspemrograman webseperti Javascript, VBscript atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode tag tersebut. Sedangkantaghanyalah merupakan bagian dari elemen. Tagadalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain. (MADCOMS, 2008)

2.10 CSS (Cascading Style Sheet)

CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010)

2.11 Pengenalan Adobe Dreamweaver CS6

Dreamweaver CS6 merupakan salah satu produk software yang dikeluarkan dari perusahaan Adobe, Inc. Software ini bergerak dalam bidang perancangan web. Sekelompok software perancang web diantaranya Flash, Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat software

pembangun website yang mampu melakukan banyak hal dan memiliki banyak keunggulan.

Dreamweaver CS6 adalah suatu bentuk software editor web yang dibuat oleh Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah membuat tampilan websitenya. Dreamweaver CS6 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk program lainnya.

BAB 3

SEKILAS GAMBARAN BANK TABUNGAN PENSIUNAN NASIONAL

3.1 Sejarah

Bank Tabungan Pensiunan Nasional disingkat Bank BTPN terlahir dari pemikiran 7 (tujuh) orang dalam suatu perkumpulan pegawai pensiunan militer pada tahun 1958 di Bandung. Ketujuh serangkai tersebut kemudian mendirikan Perkumpulan Bank Pegawai Pensiunan Militer (selanjutnya disebut ”BAPEMIL”) dengan status

usaha sebagai perkumpulan yang menerima simpanan dan memberikan pinjaman kepada para anggotanya. BAPEMIL memiliki tujuan yang mulia yakni membantu meringankan beban ekonomi para pensiunan, baik Angkatan Bersenjata Republik Indonesia maupun sipil, yang ketika itu pada umumnya sangat kesulitan bahkan banyak yang terjerat rentenir.

Berkat kepercayaan yang tinggi dari masyarakat maupun mitra usaha, pada tahun 1986 para anggota perkumpulan BAPEMIL membentuk PT Bank Tabungan Pensiunan Nasional dengan izin usaha sebagai Bank Tabungan dalam rangka memenuhi ketentuan Undang-undang Nomor 14 Tahun 1967 tentang Pokok-Pokok Perbankan untuk melanjutkan kegiatan usaha BAPEMIL.

Berlakunya Undang-undang Nomor 7 Tahun 1992 tentang Perbankan (sebagaimana selanjutnya diubah dengan Undang-undang Nomor 10 Tahun 1998) yang antara lain menetapkan bahwa status bank hanya ada dua yaitu: Bank Umum dan Bank Perkreditan Rakyat, maka pada tahun 1993 status Bank BTPN diubah dari Bank Tabungan menjadi Bank Umum melalui Surat Keputusan Menteri Keuangan Republik Indonesia No. 055/KM.17/1993 tanggal 22 Maret 1993. Perubahan status Bank BTPN tersebut telah mendapat persetujuan dari Bank Indonesia sebagaimana ditetapkan dalam surat Bank Indonesia No. 26/5/UPBD/PBD2/Bd tanggal 22 April 1993 yang menyatakan status Perseroan sebagai Bank Umum.

Sebagai Bank Swasta Nasional yang semula memiliki status sebagai Bank Tabungan kemudian berganti menjadi Bank Umum pada tanggal 22 Maret 1993, Bank BTPN memiliki aktivitas pelayanan operasional kepada Nasabah, baik simpanan maupun pinjaman. Namun aktivitas utama Bank BTPN adalah tetap mengkhususkan kepada pelayanan bagi para pensiunan dan pegawai aktif, karena target market Bank BTPN adalah para pensiunan.

Dalam rangka memperluas kegiatan usahanya, Bank BTPN bekerja sama dengan PT Taspen, sehingga Bank BTPN tidak saja dapat memberikan pinjaman dan pemotongan cicilan pinjaman, tetapi juga dapat melaksanakan “Tri Program Taspen”, yaitu Pembayaran Tabungan hari Tua, Pembayaran Jamsostek dan

Terhitung tanggal 12 Maret 2008 bank BTPN telah listing di Bursa efek Jakarta (BEJ) (sekarang Bursa Efek Indonesia) dan resmi menyandang gelar tbk (terbuka). Dan pada tanggal 14 Maret 2008, Texas Pacific Group (TPG)resmi mengakuisisi saham bank BTPN sebesar 71,61%.

3.2 Visi Misi dan Nilai-Nilai

Proses perumusan Misi, Visi dan Nilai-nilai BTPN dimulai pada 2009, dengan melibatkan masukan dan partisipasi semua karyawan dari berbagai tingkatan. Tujuan kami adalah untuk membangun bisnis yang berkelanjutan dan

berkontribusi meningkatkan kesejahteraan rakyat Indonesia serta berperan dalam pembangunan bangsa.

Rancangan rumusan yang dimulai pada Januai 2009 tersebut mencapai hasilnya pada Maret 2009 yakni berupa konsep konsensus. Melalui serangkaian lokakarya yang difasilitasi oleh Direksi dan senior management, rumusan awal Visi, Misi dan Nilai-nilai didiskusikan untuk mendapatkan masukan lebih dari 3.000 karyawan. Meski peluncurannya dilakukan pada Januari 2010, yakni setahun setelahnya, namun kami percaya bahwa proses perumusan Visi, Misi dan Nilai-nilai BTPN sebagai arah dan tujuan yang akan dicapai bersama.

a. Misi

b. Visi

Menjadi Bank mass market terbaik, mengubah hidup berjuta rakyat Indonesia

c. Nilai-nilai

Nilai - nilai yang kami anut merupakan pedoman bagaimana kami menjalankan bisnis serta pedoman berperilaku untuk membentuk identitas kami..

1. Dapat Dipercaya 2. Peduli

3. Sinergi

4. Mencapai yang Terbaik

3.3 Manajemen

Berkarir di BTPN lebih dari sekedar bekerja. Menjadi bagian dari perusahaan ini, kami mendapatkan kesempatan untuk terlibat langsung dalam upaya besar mengubah hidup berjuta rakyat Indonesia.Program pengembangan karir kami sangat terstruktur, didukung dengan berbagai pelatihan dan program pengembangan diri.Kami berupaya untuk berinteraksi dengan nasabah kami guna memahami kebutuhan nasabah.Memberikan energi positif kepada para nasabah melalui pelayanan dan antusiasme kami meningkatkan pengembalian investasi dengan kinerja yang unggul memungkinkan para nasabah dan karyawan untuk mewujudkan potensi diri mereka secara signifikan melalui program pemberdayaan kami.adapun komisaris PT. BTPN sebagai berikut:

a. Komisaris PT. BTPN

1. Komisaris Utama : Dorojatun Kuntjoro-Jakti (Independen) 2. Komisaris : Asish Jaiprakash Shastry

3. Komisaris : Ranvir Dewan

4. Komisaris : Sunata Tjiterosampurno 5. Komisaris : Harry Hartono (Independen) 6. Komisaris : Irwan Mahjudin Habsjah

b. Direksi PT. BTPN

1. Direktur Utama : Jerry Ng

2. Direktur : Ongki Wanadjati Dana (Wakil Direktur Utama) 3. Direktur : Djemi Suhenda (Wakil Direktur Utama)

4. Direktur : Arief Harris Tandjung 5. Direktur : Mulia Salim

6. Direktur : Anika Faisal

7. Direktur : Asep Nurdin Alfallah 8. Direktur : Kharim Indra Gupta Siregar 9. Direktur : Hadi Wibowo

28

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhanuser(pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu sistem baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistem.

4.2 Data Flow Diagram

Data Flow Diagram (DFD) merupakan alat bantu yang dapat digunakan untuk menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai dari pemasukan data sampai menghasilkan keluaran (output) data. Adapun simbol-simbol dariData Flow Diagramyaitu:

29

Tabel 3.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1

Kesatuan Luar (Exsternal Entity)

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan inputatau menerimaoutput dari sistem.

2

Proses (Proses)

Kegiatan dari hasil suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau untuk mengubah input menjadioutput.

3

Aliran Data (Data Flow)

Data mengalir melalui sistem dimulai dengan sebagian input dan diubah menjadioutput.

4

Penyimpanan Data

(Data Storage)

Data disimpan untuk keperluan berikutnya.

Berikut ini merupakan Data Diagram Flow dari rancangan Sistem Informasi data pegawai PT. BTPN

30

Info data pegawai Data pegawai Sistem informasi

Data Pegawai PT. BTPN

Data pegawai Berbasis Web Info absensi pegawai Data pelatihan

Data jabatan

• Laporan data pegawai • Laporan data pelatihan • Laporan kenaikan jabatan Pimpinan

4.3 Perancangan Basis Data

Basis data atau database merupakan kumpulan data yang saling berhubungan satu dengan lainnya, tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia

Gambar 4.1 Diagram Konteks Data Pegawai PT. BTPN

31

informasi bagi para pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya. Dalam hal ini penulis mengambil MySQL sebagai tempat penyimpanan data pada websiteini yang memilikiservertersendiri. Untuk menghasilkan informasi pada websitedibutuhkan beberapa tabel data dalam satu database,yaitu :

Tabel 4.2 Data User

Tabel 4.3 Data Bagian

32

Tabel 4.5 Data Jabatan

Tabel 4.6 Data H_jabatan

33

34

4.4 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma. Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti tabel berikut:

Tabel 4.9 Data Pendidikan

35

No Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri

suatu program. 2

Process, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh komputer.

3 Data, digunakan untuk memasukkan data

maupun menunjukkan hasil dari suatu proses.

4

Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5

Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage.

6

Connector,merupakan simbol untuk masuk dan

keluarnya suatu prosedur pada lembar kertas yang sama.

7

Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.

8

Arus atauflow,prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri.

9 Document, merupakan simbol untuk data

yang berbentuk informasi.

10

Predefined process, digunakan untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

11 Display, untuk output yang ditujukan suatu

device,seperti monitor.

12 Magnetic Disk, untuk menyimpan data.

36 Start Tampilan Homepag e Manejem en Blog About Contact Pegawai Home D A B C E Tampilan Home Menu Contact Menu Manajeme n Menu Blog Menu About Menu Pegawai

Gambar 4.2 Flowchart Halaman Utama Home

37

A

Tampilan About

Sekilas BTPN

Perumusan Misi

Rancangan Rumusan

Keluar

Tampilan Rancanga

n Rumusan

Tampilan Perumusn

Misi Tampilan

Sekilas BTPN

Home

38

B

Menu Blog

view Perbesar _Keluar

foto Tampilan

Blog

Home

39

C

Menu Manajeme

n

view Tampil _Keluar

Biodata Tampilan

Manajeme n

Home

40

D

Menu

Contact Kirim

Tampilan Contact

Home

Isi Comment Isi

Data Base

Keluar

41

E

Menu Pegawai

Detail

Kelua r Tampilan

Manajeme n

Home Portal

Menu Portal

F

Cetak Data Pegawai

42

Login

Username & Password

?

Menu Admin

Menu Pegawai

Menu Pimpinan Admi

n

Pegaw ai

Pimpin an

Gambar 4.8 Flowchart Menu Portal Form

Login

Dapatkan Status F

I H

43 G Tampilan Menu Admin Data pegawai Data Laporan Data Pelatiha n Data Kenaikan Jabatan Logout Login Menu Data Pelatihan Menu Data Kenaikan Jabatan Menu Data Laporan Menu Data Pegawai

Gambar 4.9 Flowchart Menu Admin

M L K J

44

H

Tampilan Menu Absensi

Isi Absensi

Isi Absen

Absen Keluar

Logout

Login

45

I

Tampilan Menu Pimpinan

Data Laporan

Menu Data Laporan

M

Logout

Login

46

J1

Tampilan Menu Data

Pegawai

Tambah data

Registrasi pegawai

Simpan & Batal?

Data Base

Edit Data

Edit Data pegawai

Simpan & Batal? Hapus

Data

Hapus Data Pegawai

Detail

Login

Gambar 4.12 Flowchart Menu Data Pegawai

Logout

Tampilan Data Detail

47

J2

Tampilan Data Divisi

Tamb ah

Isi Data Divisi

Simp an &

DataBase

Edit

Data Edit Data

Divisi

Simp an &

Hapu s data

Hapus Data Divisi

Logo ut

Login

48

J3

Tampilan Data Jabatan

Tamb ah

Isi Data Jabatan

Simp an &

DataBase

Edit

Data Edit Data

Jabatan

Simp an &

Hapu s data

Hapus Data Jabatan

Logo ut

Login

49

K

Tampilan Data Pelatihan

Tamb ah

Isi Data Pelatihan

Simp an &

DataBase

Edit

Data Edit Data

Pelatihan

Simp an &

Hapu s data

Hapus Data Pelatihan

Logo ut

Login

50

L

Tampilan Data Divisi

DataBase

Edit Data

Edit Data

Divisi Simpan &

Logo ut

Login

51

M

Tampilan Laporan

Data Pegawai

Tampilan Laporan

Data Pelatihan

Tampilan Laporan Data

Kenaikan Jabatan

Logout

Login

Cetak Laporan Data Pegawai

Cetak Laporan Data Pelatihan

Cetak Laporan Data Kenaikan Jabatan

52

4.5 Perancangan Antar Muka (Interface)

Salah satu faktor agar situs diminati para pengunjung adalah desain layout yang bagus. Sebelum kita mendesain sebuah layout terlebih dahulu kita harus membuat sketsa, setelah itu kita bagi situs menjadi beberapa bagian, diantaranya adalah:

a. Bagian header berisi nama kantor, lambang, dan beberapa grafik untuk mempercantik tampilan.

b. Navigasi harus mudah dikenali dan mudah digunakan

c. Bagian konten merupakan isi yang ingin disampaikan kepada pengunjung. d. Bagian Footer berisi nama, dan informasi dari pemilik situs

HOME ABOUT BLOG MENEJEMEN PEGAWAI

Logo

PORTAL

Gambar 4.17 Perancangan tatap muka halaman utama Header

Footer ISI

53

HOME Data Pegawai Data pelatihan Data Kenaikan Jabatan Laporan

Gambar 4.17 Perancangan tatap muka halaman Portal Header

Footer ISI

53

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat/sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikanwebsite. 4. Mendapatkan persetujuan.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah:

1. Memberi rangkaian sistem baik dari segisoftwaremaupunhardware sebagai sarana pengolahan data dan penyajian informasi.

54

2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

5.3 Komponen Sistem

Untuk menjalankan sistem yang telah dirancang, dibutuhkan beberapa komponen, antara lain:

1. Hardware

Hardware (perangkat keras) merupakan komponen fisik dalam rangkaian komputer, sedangkan spesifikasi hardware yang dibutuhkan adalah sebagai berikut :

1. Monitor

2. Prosessor Intel Pentium IV atau lebih tinggi 3. Ram 128 MB atau lebih tinggi

4. Hardisk untuk tempat program beroperasi dan sebagai media penyimpanan data.

5. Keyboard 6. Mouse 7. Printer

2. Software

Software (perangkat lunak) merupakan instruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan

55

seperti yang diinginkan. Software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengolahan data, yaitu :

1. Windows XP, Vista atau Seven

2. Adobe flash player atau pemutar video lainnya

3. XAMPP Version 3.2.1 software yang merangkum Apache 2.4.4 sebagai web server, PHP 5.5.9 sebagai web programming dan MySQL 5.5.32 sebagaidatabase server.

4. Adobe Dreamweaver CS6 dan Sublime Text sebagaiweb editor. 5. Adobe Photoshop CS6 sebagai desainlayout.

3. Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang dibutuhkan adalah :

1. Sistem Analis adalah orang sedang membangun fasilitas rancangan sistem.

2. Programmer adalah orang yang mengerti bahasa pemrograman dalam membuat dan membangun program.

3. Operator adalah orang yang menangani langsung dalam pengolahan data mulai dari mempersiapkan data sampai dengan pengertian data ke dalam komputer.

56

5.4 Tampilan Akhir Website

5.4.1 Halaman index

Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada halaman ini berisi menu utama home, about, blog, manajemen, contact dan Pegawai.

57

5.4.2 Halaman About

Pada halaman ini berisi tentang visi, misi dan nilai nilai yang terkandung pada PT. BTPN.

5.4.3 Halaman Blog

Pada halaman ini berisi pendapat nasabah tentang PT. BTPN. Gambar 5.1 Halaman About

58

5.4.4 Halaman Manajemen

Pada halaman ini berisi tentang manajemen PT. BTPN serta profil dewan komisaris dan direksi PT. BTPN.

5.4.5 Halaman Contact

Pada halaman ini berisi tentang website navigasion dan comment. Gambar 5.3 Halaman Manajemen

59

5.4.6 Halaman Pegawai

Pada halaman ini berisi tentang data pegawai, dan detail pegawai.

5.4.7 Halaman Portal

Pada halaman ini terdapat halaman login untuk admin , pegawai, dan pimpinan.Serta terdapat halaman absensi pegawai dan laporan buat pimpinan.

Gambar 5.5 Halaman Pegawai

60

Gambar 5.7 Halaman Admin

61

Gambar 5.9 Halaman Laporan Pimpinan

62

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari penjelasan pada bab–bab sebelumnya, penulis dapat merangkum beberapa kesimpulan, yaitu sebagai berikut :

1. Penggunaan dan pemanfaatan aplikasi ini dapat memberikan kemudahan bagi pihak perusahaan dalam melakukan pengolahan data yang berhubungan dengan kepegawaian dan penggajian pegawai.

2. Dengan menggunakan komputer sebagai media informasi akan mengefisienkan tenaga dan waktu.

3. Penyajian informasi yang baik dapat dilakukan dengan meng-updateisi dari situs tersebut secara berkala.

4. Pembuatan sistem informasi penggajian berbasis web ini dibuat dengan menggunakan bahasa pemrograman PHP, database MySQL, dan web server Apache.

63

6.2 Saran

Dengan selesainya perancangan website PT. BTPN dengan menggunakan PHP dan MySQL ini, ada beberapa saran yang kiranya dapat ditanggapi oleh semua pihak yaitu :

1. Isi situs web seharusnya di-update oleh admin secara berkala guna memberikan informasi yang akurat.

2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software– software dapat memakan sumber daya komputer seperti memori dan kapasitas harddisk.

3. Pemeliharaan keamanan terhadap data pada server perlu diperhatikan dan dijaga agar data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.

64

DAFTAR PUSTAKA

Desiani, A., dan Arhami, M. 2008. Konsep Kecerdasan Buatan. Yogyakarta: Penerbit ANDI.

Kadir, Abdul. 2009. Belajar Database Menggunakan MySQL. Yogyakarta: Penerbit ANDI.

Kurniawan, Budi. 2008. Desain Web Praktis dengan CSS. Jakarta: Penerbit PT. Gramedia Elex Media Komputindo.

Laudon, Kenneth C. dan Laudon, Jane P. 2008. Sistem Informasi Manajemen. Jakarta: Penerbit Salemba Empat.

Lauster, Peter. 2008. Tes Kepribadian. Terjemahan D.H. Gulo. Jakarta: PT Bumi Aksara.

MADCOMS. Dasar Teknis Instalasi Jaringan Komputer. 2008. Yogyakarta: Penerbit ANDI

MADCOMS. Panduan Menggunakan Internet untuk Pemula. 2008. Yogyakarta: Penerbit ANDI.

Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor

:Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, Kasiman.2009. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Penerbit ANDI.

Oktavian, Diar Puji. Menjadi Programmer Jempolan dengan Menggunakan PHP. 2010. Yogyakarta: Penerbit Mediakom.

Ramadhan, Arif dan Saputra, Hendra. 2008. Buku Latihan PHP 5 dan MySQL. Jakarta: Penerbit Elex Media Komputindo.

Rosari, R. W. 2008. PHP dan MySQL untuk pemula, Yogyakarta: Penerbit ANDI. Simarmata, Janner. 2009. Pengenalan Teknologi Komputer dan Informasi,

Yogyakarta: Penerbit ANDI.

Suharto, Herry B dan Soesilo Wijono. 2008. Membangun Aplikasi Menggunakan Qt Designer dengan Database Postgree SQL/MySQL. Yogyakarta: Penerbit ANDI.

DAFTAR PUSTAKA

Bunafit, Nugroho. 2004 Database Relasional Dengan MySQL.Jakarta:Penerbit Elex Media Komputindo

Desiani, A., dan Arhami, M. 2008. Konsep Kecerdasan Buatan. Yogyakarta: Penerbit ANDI.

Kadir, Abdul. 2009. Belajar Database Menggunakan MySQL. Yogyakarta: Penerbit ANDI.

Kurniawan, Budi. 2008. Desain Web Praktis dengan CSS. Jakarta: Penerbit PT. Gramedia Elex Media Komputindo.

Laudon, Kenneth C. dan Laudon, Jane P. 2008. Sistem Informasi Manajemen. Jakarta: Penerbit Salemba Empat.

MADCOMS. Dasar Teknis Instalasi Jaringan Komputer. 2008. Yogyakarta: Penerbit ANDI

MADCOMS. Panduan Menggunakan Internet untuk Pemula. 2008. Yogyakarta: Penerbit ANDI.

Panduan Tatacara Penulisan Tugas Akhir.2008. Dokumen Nomor :Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, Kasiman.2009. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Penerbit ANDI.

Oktavian, Diar Puji.Menjadi Programmer Jempolan dengan Menggunakan PHP. 2010. Yogyakarta: Penerbit Mediakom.

Ramadhan, Arif dan Saputra, Hendra. 2008. Buku Latihan PHP 5 dan MySQL. Jakarta: Penerbit Elex Media Komputindo.

Rosari, R. W. 2008.PHP dan MySQL untuk pemula, Yogyakarta: Penerbit ANDI. Simarmata, Janner. 2009. Pengenalan Teknologi Komputer dan Informasi,

Yogyakarta: Penerbit ANDI.

Suharto, Herry B dan Soesilo Wijono. 2008.Membangun Aplikasi Menggunakan Qt Designer dengan Database Postgree SQL/MySQL. Yogyakarta: Penerbit ANDI

L

A

M

P

I

R

A

N

1

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika :

Nama : Aidil Syahputra

NIM : 102406148

Program Studi : TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN WIBSITE KARIR PADA PT. BANK TABUNGAN PENSIUNAN NEGARA (BTPN) MITRA USAHA RAKYAT.

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut diatas pada tanggal 16 juni 2014

Dengan Hasil : Sukses / Gagal

Demikian Surat Keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, 16 Juni 2014 Dosen Pembimbing,

Drs. Henry Rani S, M.Si NIP. 19530303 198303 1 002

2

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : AIDIL SYAHPUTRA

Nomor Stambuk : 112406148

Judul Tugas Akhir : Perancangan Wibsite Karir Pada PT. Bank Tabungan Pensiunan Negara (BTPN) Mitra Usaha Rakyat Dosen Pembimbing : Drs. Henry Rani S, M.Si

Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

No Tanggal Asisten Bimbingan Pembahasan pada Asistensi Mengenai, pada Bab Paraf Dosen Pembimbing Keterangan 1 2 3 4 5 6 7 8

Diketahui, Disetujui Pembimbing Utama/

Ketua Departemen Matematika Penanggung Jawab

Prof. Tulus, M.Si, Ph.D Drs. Henry Rani S, M.Si NIP. 19620901 198803 1 002 NIP. 19530303 198303 1 002

LISTING PROGRAM

1. index.html <!DOCTYPE html>

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!-->

<html lang="en"> <!--<![endif]--> <head>

<!-- Basic Page Needs

================================================== ================================================== -->

<meta charset="utf-8"> <title>Bank BTPN</title>

<meta name="description" content="Place to put your description text">

<meta name="author" content=""> <!--[if lt IE 9]>

<script

src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

<!-- Mobile Specific Metas

================================================== ================================================== -->

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-initial-scale=1, user-scalable=0">

<!-- CSS ================================================== ================================================== -->

<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/skeleton.css"> <link rel="stylesheet" href="css/screen.css">

<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />

<!-- Favicons ================================================== ================================================== -->

<link rel="shortcut icon" href="images/favicon.png">

<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

<!-- Google Fonts

================================================== ================================================== -->

<link

href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400i talic,700italic' rel='stylesheet' type='text/css'>

<body>

<!-- Home - Content Part

================================================== ================================================== --> <div id="header">

<div class="container header"> <!-- Header | Logo, Menu

================================================== --> <header>

<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>

<div class="mainmenu"> <div id="mainmenu">

<ul class="sf-menu">

<li><a href="index.html" id="visited"><span class="home"><img src="images/home.png" alt=""

/></span>Home</a></li>

<li><a href="about.html"><span class="home"><img src="images/about.png" alt="" /></span>About</a></li>

<li><a href="blog.html"><span class="home"><img src="images/blog.png" alt="" /></span>Blog</a>

<li><a href="manajemen.html"><span class="home"><img src="images/features.png" alt="" /></span>manajemen</a></li>

<li><a href="contact.html"><span class="home"><img src="images/contact.png" alt="" /></span>Contact</a></li>

<li><a href="datapegawai.php"><span class="home"><img src="images/pegawai.png" alt="" /></span>Pegawai</a></li>

</ul> </div>

<!-- Responsive Menu -->

<form id="responsive-menu" action="#" method="post"> <select> <option value="">Navigation</option> <option value="index.html">Home</option> <option value="about.html">About</option> <option value="portfolio.html">Portfolio</option> <option value="gallery.html">Portfolio Gallery</option> <option value="blog.html">Blog</option>

<option value="singleblog.html">Single Post</option> <option value="manajemen.html">manajemen</option> <option value="contact.html">Contact</option> <option value="datapegawai.php">Pegawai</option> </select> </form> </div>

</header> </div> </div>

<!-- Home Content Part - Slider

================================================== ================================================== --> <div class="flexslider">

<ul class="slides">

<li> <a href="#"><img src="images/flexslider/3.jpg" alt=""/></a> </li>

<li> <img src="images/flexslider/6.jpg" alt="" /> </li> <li> <a href="#"><img src="images/flexslider/4.jpg" alt="" /></a>

<p class="flex-caption">Welcome to BTPN Site.</p> </li>

</ul> </div>

<!-- Home Content Part - Box One

================================================== ================================================== --> <div class="blankSeparator"></div> <div class="container"> <div class="info"> <div class="one_third"> <h2>Tumbuh Usaha </h2>

<p>Akses pendanaan hanyalah satu dari banyak komponen penting bagi pengusaha mikro & kecil untuk menciptakan pertumbuhan usaha yang berkelanjutan.

Daya Tumbuh Usaha (DTU) merupakan program pemberdayaan untuk meningkatkan keterampilan dan pengetahuan berusaha. Tiga sub program Daya Tumbuh Usaha bertujuan membantu para nasabah BTPN membangun dan menumbuhkan usaha mereka, yaitu: Pelatihan Praktis Wirausaha, kami menawarkan modul-modul pelatihan praktis seperti pelatihan pengelolaan keuangan hingga pemasaran dan manajemen persediaan; Informasi Usaha dan Jaringan Usaha, menawarkan

fasilitas dimana nasabah dapat mempublikasikan informasi jual-beli produknya secara gratis kepada jaringan nasabah BTPN; Kesempatan Waralaba-Mikro memberikan opsi kepada nasabah segmen mass

market untuk usaha waralaba-mikro (Micro-Business Franchise), dan membantu upaya pemasaran usaha para nasabah melalui informasi usaha.</p>

</div>

<div class="two_third lastcolumn"> <div class="one_half">

<h2>Bisnis Usaha Mikro & Kecil</h2> <h4>FITUR PRODUK</h4>

<h5>Paketmu</h5>

<p>Kami menyediakan pinjaman dengan pilihan cicilan bulanan dengan tenor mulai dari 1 – 5 tahun dan berbagai macam pilihan untuk skema jaminan: dari &lsquo;tanpa jaminan&rsquo;, menyertakan &lsquo;jaminan fleksibel&rsquo;, sampai pada pinjaman dengan &lsquo;jaminan penuh&rsquo;.

Proses persetujuan hanya membutuhan waktu 2 – 3 hari kerja dan hanya memerlukan dokumen identitas utama seperti: Kartu Tanda Penduduk (KTP) dan Kartu Keluarga (KK). Untuk kenyamanan dan keamanan Anda dalam bertransaksi, setiap transaksi perbankan Anda di cabang atau di lokasi usaha akan menggunakan sidik jari sebagai

bukti verifikasi. Selain itu, proteksi asuransi jiwa tanpa biaya menjadi keuntungan tambahan bagi Anda.</p>

</div>

<div class="one_half lastcolumn"> <h2>Bisnis Usaha Mikro & Kecil</h2> <h4>FITUR PRODUK</h4>

<h5>Taseto</h5>

<p>BTPN adalah bank yang fokus pada usaha mikro dan kecil. Dana Anda sepenuhnya digunakan untuk memberdayakan usaha mikro dan kecil di Indonesia.

Taseto, mendorong pertumbuhan usaha mikro dan kecil di Indonesia. Dengan menabung di Taseto, selain mendapatkan bunga setara deposito, Anda turut berjasa memberdayakan usaha mikro dan kecil untuk kemajuan perekonomian bangsa.</p>

</div> </div> </div> </div>

<!-- container ends here --> <!-- Home Content Part - Box Two

================================================== ================================================== --> <div class="container clients">

<div class="sepContainer"></div> <h2>Our Clients</h2>

<div class="one_sixth"> <img src="images/croppedimage220127-Mahendro.jpg" alt="" width="220" height="127"/> </div>

<!-- end one_sixth -->

<div class="one_sixth"> <img src="images/croppedimage220127-edi.jpg" alt="" width="220" height="127"/> </div>

<!-- end one_sixth -->

<div class="one_sixth"> <img src="images/croppedimage220127-Nurhayati.jpg" alt="" width="220" height="127"/> </div>

<!-- end one_sixth -->

<div class="one_sixth"> <img src="images/thumbnail-pak.jpg" alt="" width="220" height="127"/> </div>

<!-- end one_sixth -->

<div class="one_sixth"> <img src="images/thumbnail-siti.jpg" alt="" width="220" height="127"/> </div>

<!-- end one_sixth -->

<div class="one_sixth lastcolumn"> <img

src="images/croppedimage220127-adin2.jpg" alt="" width="220" height="127"/> </div>

<!-- end one_sixth lastCol --> </div>

<!-- end container -->

<!-- Home Content Part - Box Three

================================================== ================================================== --> <!-- container ends here -->

<div class="blankSeparator1"></div>

<!--Footer ================================================== ================================================== --><!-- footer ends here -->

<!-- Copyright ================================================== ================================================== -->

<div id="copyright"> <div class="container">

<script src="js/hoverIntent.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function(){

$('ul.nav').superfish(); });

</script> </head> <body>

<div id="container"> <div id="header">

<span class="judul">PERSONALIA</span><br /> <span class="judul2"></span></br>

</div>

<div class="logout"><a href="logout.php"> Logout</a></div> <div id="menu">

<ul class="nav">

<? if ($_SESSION['leveluser']=='3'){ ?> <li><a class="border link linkback" href="?module=index">Home</a></li>

<?php

if ($_SESSION['leveluser']=='1'){ ?>

<li><a class="border link linkback" href="?module=pegawai">Data Pegawai</a>

<ul>

<li><a href="?module=bagian" class="li">Data Divisi</a></li>

<li><a href="?module=jabatan" class="li">Data Jabatan</a></li>

</ul> </li>

<li><a class="border link linkback" href="?module=pelatihan">Data Pelatihan</a></li>

<li><a class="border link linkback"

href="?module=kjb">Data Kenaikan Jabatan</a></li> <?php }

if($_SESSION['leveluser']=='1' or $_SESSION['leveluser']=='2'){

?>

<li><a class="border link linkback" href="#">Laporan</a>

<ul>

<li><a href="laporan_pegawai.php" class="li" target="_blank">Laporan Data Pegawai</a></li>

<li><a href="laporan_pelatihan.php" target="_blank" class="li">Laporan Data pelatihan</a></li>

<li><a href="laporan_kjp.php" target="_blank" class="li">Laporan Kenaikan Jabatan</a></li>

</ul> </li> <?php } ?>

<li class="clear"></li> </ul>

</div>

<div id="content"> <div class="form">

<?php include "data.php"; ?> </div>

</div>

<div id="footer">Copyright &copy; 2014 PT. BTPN</div> </div>

</body> </html>

11. Process.php

<?php

$toemail = 'test@youremail.com'; $name = $_POST['name'];

$email = $_POST['email']; $message = $_POST['message'];

if(mail($toemail, 'Subject', $message, 'From: ' . $email)) { echo 'Your email was sent successfully.';

} else {

echo 'There was a problem sending your email.'; }

?>

12. Registrasi.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>SISTEM INFORMASI KEPEGAWAIAN</title>

<link rel="stylesheet" href="css/style.css" type="text/css" /> </head>

<body>

<div id="cont-pegawai"> <?php

include "config/koneksi.php";

include "config/fungsi_indotgl.php"; include "config/class_paging.php"; include "config/kode_auto.php";

include "config/fungsi_combobox.php"; include "config/fungsi_nip.php";

$aksi="modul/pegawai/aksi_pegawai.php";

echo "<h2 class='hd-r'>REGISTRASI PEGAWAI</h2>

<form action='$aksi?module=pegawai&act=input' method='post' enctype='multipart/form-data' class='f-r' >

<table class='tabelform tabpad'> <tr>

<td>Nip</td><td>:</td><td><input name='nip' type='text'></td>

</tr> <tr>

<td>Nama Pegawai</td><td>:</td><td><input class='input' name='nama' type='text'></td>

</tr> <tr>

<td>Tempat Lahir</td><td>:</td><td><input class='input' name='tls' type='text'></td>

</tr> <tr>

<td>Tanggal Lahir</td><td>:</td><td> <select name='hari'>

<option value='none' selected='selected'>Tgl*</option>";

for($h=1; $h<=31; $h++) {

echo"<option value=",$h,">",$h,"</option>";

} echo"</select>

<select name='bulan'>

<option value='none' selected='selected'>Bulan*</option>

<option value='1'>Januari</option> <option value='2'>Februari</option> <option value='3'>Maret</option> <option value='4'>April</option> <option value='5'>Mei</option> <option value='6'>Juni</option> <option value='7'>Juli</option> <option value='8'>Agustus</option> <option value='9'>September</option> <option value='10'>Oktober</option> <option value='11'>November</option> <option value='12'>Desember</option> </select>

<select name='tahun'> <option value='none' selected='selected'>Tahun*</option>";

$now = date("Y"); $saiki = 1965;

for($l=$saiki; $l<=$now; $l++) {

echo"<option value=",$l,">",$l,"</option>";

} echo "</select> </td>

</tr> <tr>

<td>Jenis Kelamin</td><td>:</td><td><input name='jk' type='radio' value='L' />Pria <input name='jk' type='radio' value='P' />Wanita</td>

</tr> <tr>

<td>Alamat</td><td>:</td><td><textarea name='almt' ></textarea></td>

</tr> <tr>

<td>Tanggal Masuk</td><td>:</td><td> <select name='hm'>

<option value='none' selected='selected'>Tgl*</option>";

for($h=1; $h<=31; $h++) {

echo"<option value=",$h,">",$h,"</option>";

} echo"</select> <select name='bm'>

<option value='none' selected='selected'>Bulan*</option>

<option value='1'>Januari</option> <option value='2'>Februari</option> <option value='3'>Maret</option> <option value='4'>April</option> <option value='5'>Mei</option> <option value='6'>Juni</option> <option value='7'>Juli</option> <option value='8'>Agustus</option> <option value='9'>September</option> <option value='10'>Oktober</option> <option value='11'>November</option> <option value='12'>Desember</option> </select>

<select name='tm'>

<option value='none' selected='selected'>Tahun*</option>";

$now = date("Y"); $saiki = 2000;

for($l=$saiki; $l<=$now; $l++) {

echo"<option value=",$l,">",$l,"</option>";

} echo "</select> </td>

</tr> <tr>

<td>Branch</td><td>:</td><td><select name='bagian'> <option value='' selected >Pilih Bagian</option>"; $jab=mysql_query("select * from bagian");

while($j=mysql_fetch_array($jab)){

echo "<option value='$j[id_bag]'>$j[n_bag]</option>"; }

echo "</select></td> </tr>

<tr>

<td>Jabatan</td><td>:</td><td><select name='jabatan'> <option value='' selected >Pilih Jabatan</option>"; $jab=mysql_query("select * from jabatan");

while($j=mysql_fetch_array($jab)){

echo "<option value='$j[id_jab]' >$j[n_jab]</option>"; }

echo "</select></td> </tr>

<tr>

<td>Foto</td><td>:</td><td><input name='fupload' type='file' /></td>

</tr>

<tr>

<td></td><td></td><td><input type=submit value=Simpan> <input type=button value=Batal onclick=self.history.back()> </td>

</tr> </table> </form> "; ?> </div> </body> </html>

13. Tampil.php

<?php

include "koneksi.php"; ?>

<div id="content">

<h2 align="center">Data Pegawai</h2> <table width="100%" id="tabel"> <tr>

<th width="3%">No</td> <th width="18%">NIP</td> <th width="18%">Nama</td> <th width="10%">Tgl Lahir</td> <th width="13%">Jenis Kelamin</td> <th width="22%">Alamat</td>

<th width="10%">Foto</td> </tr>

<?php $no = 1;

$query = "SELECT * FROM pegawai ORDER BY nip"; $sql = mysql_query ($query);

while ($hasil = mysql_fetch_array ($sql)) { $nip = $hasil['nip'];

$nama = stripslashes ($hasil['nama']);

$jenis_kelamin = ($hasil['jenis_kelamin']==0)?"Laki-laki" : "Wanita";

$tgllhr = stripslashes ($hasil['tgl_lahir']); $alamat = stripslashes ($hasil['alamat']); $foto = $hasil['foto'];

$warna = ($no%2==1)?"#ffffff":"#efefef"; //tampilkan data pegawai

<tr bgcolor="<?php echo $warna; ?>"> <td><?php echo $no; ?></td> <td><?php echo $nip; ?></td> <td><?php echo $nama; ?></td> <td><?php echo $tgllhr; ?></td>

<td><?php echo $jenis_kelamin; ?></td> <td><?php echo $alamat; ?></td>

<td><?php echo "<img src='images/$foto' width='100' height='100'/>"; ?></td>

</tr> <?php $no++; }?> </table>

</div>

14. Sukses.php

<?php

// Warning Error To Login Admin Page $sukses = "Data Berhasil Ditambah"; // View Error Message To Browser echo "

<html> <head>

<title>Login Administrator</title>

<link rel=\"stylesheet\" type=\"text/css\" href=\"style_login.css\" />

<link rel=\"shortcut icon\"

href=\"images/images_admin/favicon.ico\" /> </head><body>

<div id=\"main\" style=\"width:560px;\"> <div id=\"error_login\">

<img src=\"images/images_login/img_login_lock.png\" width=\"30\" height=\"31\" align=\"absmiddle\" class=\"img_lock\"/>

$sukses

<br /><center><a href=\"media.php?module=pegawai\" class=\"clickhere\">Kembali</a></center>

</div>

<div class=\"clear\"></div>

<div id=\"vertical_effect\">&nbsp;</div> </div>

</body> </html> "; ?>

15. Logout.php

<?php

session_start(); session_destroy();

echo "<script>alert('Anda telah keluar dari halaman administrator'); window.location = 'index.html'</script>"; ?>