SISTEM INFORMASI BERBASIS WEB PADA PT. TASPEN (PERSERO)
KANTOR CABANG UTAMA MEDAN
TUGAS AKHIR
ESTER SARTIKA PURBA
092406173
PROGRAM STUDI D-III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
SISTEM INFORMASI BERBASIS WEB PADA PT. TASPEN (PERSERO)
KANTOR CABANG UTAMA MEDAN
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
ESTER SARTIKA PURBA
092406173
PROGRAM STUDI D-III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul
:
SISTEM INFORMASI BERBASIS WEB PADA PT.
TASPEN (PERSERO) KANTOR CABANG UTAMA
MEDAN
Kategori
:
TUGAS AKHIR
Nama
:
ESTER SARTIKA PURBA
Nomor Induk Mahasiswa
:
092406173
Program Studi
:
DIPLOMA (D-III) TEKNIK INFORMATIKA
Departemen
:
MATEMATIKA
Fakultas
:
MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, 06 Juni 2012
Komisi Pembingbing
:
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,
Pembimbing
PERNYATAAN
SISTEM INFORMASI BERBASIS WEB PADA PT. TASPEN (PERSERO) KCU
MEDAN
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, 06 Juni 2012
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus yang memberikan
anugrah dan kasih karuniaNya kepada penulis, sehinga penulis dapat menyelesaikan
laporan tugas akhir ini. Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir
ini tidak akan terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis juga
mengucapkan terima kasih dan penghargaan kepada:
1.
Ibu Elly Rosmaini, M.Si selaku Dosen Pembimbing yang telah memberikan saran
serta bimbingan sehingga penulis dapat menyelesaikan Tugas Akhir ini.
2.
Orangtua penulis S. Purba dan N. Situmeang beserta keluarga besar penulis atas doa,
dukungan, kasih sayang, semangat dan dorongan yang tiada hentinya diberikan
kepada penulis,
3.
Bapak Dr. Sutarman, Msc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara.
4.
Bapak Prof.Dr.Tulus, M.Si, selaku Ketua Departemen Matematika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
5.
Bapak Syahril Efendi, S.Si, MIT dan Syahriol Sitorus S.Si, MIT selaku Ketua dan
Sekretaris program studi D-III Teknik Informatika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
6.
Untuk senior-senior yang membantu untuk memberi wejangan dan teman berbagi
dalam hal ilmu maupun apapun khususnya bang Victor, bang Saerul Sianturi, dan
Dedy Tobing.
7.
Rekan-rekan seangkatan D-III Teknik Informatika stambuk 2009, terkhusus
Komputer D
’
09
8.
Rekan-rekan seperjuangan Meliana, Marselina, Claudia, Evalina, Fuad, Rony, Marco
Yoel, Anggi, Joko, Siska, Anwar, dan Semua Kawan-kawan KOM D.
Penulis menyadari bahwa tugas akhir ini masih jauh dari sempurna, baik dalam
penulisan maupun dalam tata bahasanya. Oleh karena itu penulis mengharapakan kritik
dan saran yang membangun agar kedepannya penulis dapat lebih baik lagi dalam
menyusun sebuah karya tulis.
ABSTRAK
Teknologi informasi adalah segala bentuk teknologi yang diterapkan untuk memproses
dan mengirimkan informasi dalam bentuk elektronis. Sedangkan sistem informasi
mencakup sejumlah komponen yaitu manusia, komputer, teknologi informasi, dan
prosedur kerja dan ada yang diproses yaitu data menjadi informasi yang dimaksudkan
untuk mencapai suatu sasaran atau tujuan. Dengan adanya sistem informasi, maka segala
informasi yang dibutuhkan diatur secara tertata rapi sehingga memudahkan pencari
informasi untuk mendapatkannya. Sistem informasi ini merupakan suatu sistem yang
diarancang untuk para pegawai negeri yang ingin mengetahui informasi tentang pt.
taspen medan dan mengenai potongan pensiun dan tabungan hari tua (THT) yang setiap
bulanan di potong sebagai tabungan hari tua kelak untuk para pensiunan dan ahli
warisnya, dan sistem informasi ini juga untuk membantu karyawan yang berada di pt.
taspen (persero) cabang utama medan untuk mengupdate data pegawai negeri sipil.
DAFTAR ISI
Halaman
Persetujuan
ii
Pernyataan
iii
Penghargaan
iv
Abstrak
vi
Daftar Isi
vii
Daftar Tabel
ix
Daftar Gambar
x
Bab 1 Pendahuluan
1
1.1 Latar Belakang
1
1.2 Rumusan Masalah
2
1.3 Tujuan Penulisan
3
1.4 Metodologi Penelitian
3
1.5 Sistematika Penulisan
5
Bab 2 Landasan Teori
6
2.1 Pengertian Sistem
6
2.2 Pengertian Informasi
7
2.3 Pengertian Sistem Informasi
8
2.4 Pengertian Perusahaan
9
2.5 Metodologi Pengembangan Sistem
9
2.5.1 Waterfall
10
2.6 Sejarah Internet
12
2.7 Pengertian Website
13
2.7.1 Situs Web Statis
13
2.7.2 Situs Web Dinamis
14
2.8 Perangkat yang Digunakan Membangun Website
15
2.8.1 Xampp
15
2.8.2 Macromedia Dreamweaver
16
2.8.3 Web Browser
16
2.9 Bahasa Pemrograman yang Digunakan
17
2.9.1 PHP
17
2.9.2 HTML
18
Bab 3 Analisa dan Pembahasan
20
3.1 Gambaran Umum Perusahaan
20
3.2 Sejarah Berdirinya PT. Taspen (Persero)
20
3.3 Struktur Organisasi PT. Taspen (Persero)
22
3.4 Perancangan Sistem
24
3.4.1 Perancangan Masukan (Input)
25
3.4.2 Perancangan Keluaran (output)
25
3.5 Data Flow Diagram (DFD)
26
3.6 Flowchart
29
3.7 Perancangan Database
34
Bab 4 Implementasi Sistem
38
4.1 Pengertian dan Tujuan Implementasi Sistem
38
4.2 Komponen Utama dalam Implementasi Sistem
39
4.2.1 Perangkat Keras (Hardware)
39
4.2.2 Perangkat Lunak (Software)
39
4.2.3 Unsur Manusia (Brainware)
40
4.3 Pengujian di Browser
41
Bab 5 Kesimpulan Dan Saran
49
5.1 Kesimpulan
49
5.2 Saran
50
Daftar Pustaka
51
DAFTAR TABEL
Halaman
Tabel 3.2 Simbol-simbol DFD
37
Tabel 3.4 Tabel Simbol Flowchart
33
Tabel 3.5 Tabel Login User
44
Tabel 3.6 Tabel Registrasi (Daftar) User
45
Table 3.7 Tabel Register Administrator
45
Table 3.8 Tabel Login Administrator
46
Tabel 3.9 Tabel Profil
46
DAFTAR GAMBAR
Halaman
Gambar 3.1 Gambar Struktur Organisasi Taspen
24
Gambar 3.2 Contoh Tampilan Penggunaan Fungsi Ekspresi
29
Gambar 3.3 Gambar DFD Kontek Sistem Informasi Berbasis Web
28
Gambar 3.5 Gambar Flowchart Utama
31
Gambar 3.6 Gambar Flowchart User
32
Gambar 3.7 Gambar Flowchart Adminstrator
33
Gambar 4.1 Peletakan Folder Berisi File-File Web Dalam Folder htdocs
40
Gambar 4.2 Gambar Halaman Index
41
Gambar 4.3 Gambar Halaman Profil Sejarah Perusahaan
41
Gambar 4.4 Gambar Halaman Profil Sejarah Taspen Medan
42
Gambar 4.5 Gambar Halaman Profil Visi dan Misi
42
Gambar 4.6 Gambar Halaman Profil Value
43
Gambar 4.7 Gambar Halaman Gallery Susunan Direksi Taspen
43
Gambar 4.8 Gambar Halaman Gallery Taspen Medan
44
Gambar 4.9 Gambar Halaman Produk Taspen THT
44
Gambar 4.10 Gambar Halaman Produk Taspen Pensiunan
45
Gambar 4.11 Gambar Halaman Produk Taspen Cara Pengajuan Klaim THT
45
Gambar 4.12 Gambar Halaman Produk Taspen Cara Pengajuan Klaim Pensiunan 46
Gambar 4.13 Gambar Halaman Profil User
46
Gambar 4.14 Gambar Halaman Admin
47
Gambar 4.15 Gambar Halaman Admin Tambah Data
47
Gambar 4.16 Gambar Halaman Admin Tampil Data
48
ABSTRAK
Teknologi informasi adalah segala bentuk teknologi yang diterapkan untuk memproses
dan mengirimkan informasi dalam bentuk elektronis. Sedangkan sistem informasi
mencakup sejumlah komponen yaitu manusia, komputer, teknologi informasi, dan
prosedur kerja dan ada yang diproses yaitu data menjadi informasi yang dimaksudkan
untuk mencapai suatu sasaran atau tujuan. Dengan adanya sistem informasi, maka segala
informasi yang dibutuhkan diatur secara tertata rapi sehingga memudahkan pencari
informasi untuk mendapatkannya. Sistem informasi ini merupakan suatu sistem yang
diarancang untuk para pegawai negeri yang ingin mengetahui informasi tentang pt.
taspen medan dan mengenai potongan pensiun dan tabungan hari tua (THT) yang setiap
bulanan di potong sebagai tabungan hari tua kelak untuk para pensiunan dan ahli
warisnya, dan sistem informasi ini juga untuk membantu karyawan yang berada di pt.
taspen (persero) cabang utama medan untuk mengupdate data pegawai negeri sipil.
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pada era globalisasi komputer sangatlah penting dalam kebutuhan informasi dan
komunikasi yang akurat, tepat, dan cepat, dalam menyajikan data yang sangat lengkap
merupakan salah satu tujuan yang penting. Untuk itu komputer sangat di butuhkan dan
berperan aktif dalam segala bidang, baik bidang pendidikan, perusahaan, dan masih
banyak lagi, sehingga dengan adanya sebuah komputer yang dilengkapi dengan sistem
informasi maka akan mempermudah sebuah perusahaan.
Perkembangan aplikasi
web
yang semakin pesat sejak munculnya teknologi
internet
sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian
dan penerimaan informasi. Mulai dari perusahaan-perusahaan, sekolah-sekolah,
perguruan tinggi, dan lembaga atau organisasi lainnya telah banyak memanfaatkan
aplikasi
web
dalam kegiatan penjualan, promosi, belajar dan kegiatan lainnya dimana
dibutuhkan pengiriman, penyebaran dan penerimaan informasi sehingga memberikan
kemudahan bagi pengguna (user) yang membutuhkan.
Aplikasi
web
atau bisa disebut juga dengan perangkat lunak berbasis
web
telah
berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan
kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web
yang bersifat statis
dan
navigated oriented, serta lebih banyak digunakan sebagai brosur produk atau profil
perusahaan
online. Pada saat ini aplikasi
web
telah banyak yang bersifat dinamis,
interaktif dan
task oriented
untuk digunakan dalam sistem informasi, telekomunikasi,
perdagangan, perbankan dan lain-lain.
Salah satu aplikasinya yaitu World Wide Web (WWW). Di awal perkembangannya
World Wide Web
hanya digunakan untuk kalangan akademisi dan riset, namun sekarang
World Wide Web
digunakan untuk bisnis dan hiburan. Oleh karena itu dengan
tidak terlepas dari penggunaan peralatan yang mampu mengatasi kelemahan-kelemahan
yang mengandalkan tenaga manusia.
1.2 Rumusan Masalah
Permasalahan yang dihadapi dalam penelitian ini adalah “bagaimana menghasilkan suatu
website yang dinamis mengenai potongan pensiunan dan tabungan hari tua (THT) di PT.
TASPEN (PERSERO) KANTOR CABANG UTAMA MEDAN sehingga dapat menarik
perhatian pengunjung
web, baik dari kalangan masyarakat umum maupun dari pihak
perusahaan tersebut?”.
1.3 Tujuan Penelitian
Adapun tujuan perancangan sistem informasi ini adalah:
1.
Untuk merancang suatu aplikasi
web
yang dinamis yang dimanfaatkan untuk
menyebarkan informasi yang baik dengan cepat dan mudah.
2.
Merancang sistem yang sesuai guna memberikan informasi.
3.
Merancang sistem yang dapat dikembangkan dan digunakan kehidupan sehari-hari
1.4 Metode penelitian
1.
Penelitian Kepustakaan (Library Research)
Disini penulis menggunakan buku-buku yang berhubungan dengan masalah
sehingga dapat membantu penyelesaian masalah.
2.
Penelitian Lapangan (Field Research)
Penelitian dilakukan langsung ke PT. Taspen (Persero) Medan untuk mendapatkan
data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung
kepada pihak perusahaan yang bersangkutan.
3.
Perancangan Website
Membahas mengenai sistem yang dirancang dan penggunaan
Macromedia
Dreamweaver MX 2004 sebagai editor parancang website.
4.
Pengeditan Website :
a.
Pengerjaan HTML dan script
b.
Pengeditan graphic / gambar
c.
Pengerjaan script PHP dan MYSQL
5.
Pengujian System
Menguji apakah aplikasi yang dibuat telah berhasil berjalan sesuai dengan
keinginan dan melakukan perbaikan kesalahan jika masih terdapat
error pada
sistem.
6.
Implementasi System
Penerapan sistem yang dirancang setelah melalui tahap pengujian dan telah
berjalan dengan baik.
Tahap akhir dari penelitian yang dilakukan, yaitu membuat laporan tentang
penelitian yang telah dilakukan.
1.5.Sistematika Penulisan
Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :
BAB 1 : PENDAHULUAN
Dalam bab ini penulis menguraikan latar belakang, rumusan masalah, tujuan penelitian
serta sistematika penulisan.
BAB 2 : LANDASAN TEORI
Bab ini berisi uraian teoritis mengenai pengertian-pengertian dan pembahasan mengenai
elemen-elemen yang digunakan.
BAB 3 : PERANCANGAN SISTEM
Dalam bab ini penulis menguaraikan tentang perancangan system, data
flow diagram
(DFD), flowchart, dan perancangan database.
BAB 4 : IMPLEMENTASI SISTEM
Bab ini berisi uraian implementasi system, pengertian dan tujuan implementasi system,
komponen utama implementasi system, perangkat keras, perangkat lunak, unsur manusia
(brainware), pengujian di browser.
BAB 5 : KESIMPULAN DAN SARAN
Dalam bab ini penulis menguraikan tentang kesimpulan yang diperoleh dan saran-saran
yang berguna dalam pelaksanaan.
BAB 2
LANDASAN TEORI
2.1 Pengertian Sistem
Sistem berasal dari bahasa Latin (
systēma
) dan bahasa Yunani (
sustēma
) adalah suatu
kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk
memudahkan aliran informasi, materi atau energi. Istilah ini sering dipergunakan untuk
menggambarkan suatu set entitas yang berinteraksi, dimana suatu model matematika
seringkali bisa dibuat.
sehingga maknanya menjadi beragam. Dalam pengertian yang paling umum, sebuah
sistem adalah sekumpulan benda yang memiliki hubungan di antara mereka.
Fathansyah (Basis Data, 1999:9), system merupakan suatu tatanan yang terdiri
atas sejumlah komponen fungsional (dengan satuan fungsi atau tugas khusus ) yang
saling berhubungan secara bersama-sama yang bertujuan untuk memenuhi suatu proses
atau pekerjaan tertentu. Jogianto.H.M (Pengenalan Komputer, 2000:638) system adalah
suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang saling
berinteraksi untuk mencapai tujuan.
2.2 Pengertian Informasi
Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi
penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses
transformasi data menjadi suatu informasi yaitu input - proses
–
output .
2.3. Pengertian Sistem Informasi
Sistem informasi (SI) atau lanskap aplikasi adalah kombinasi dari teknologi informasi
dan aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi dan
manajemen.
Dalam arti yang sangat luas, istilah sistem informasi yang sering digunakan
merujuk kepada interaksi antara orang, proses algoritmik, data, dan teknologi. Dalam
pengertian ini, istilah ini digunakan untuk merujuk tidak hanya pada penggunaan
organisasi teknologi informasi dan komunikasi (TIK), tetapi juga untuk cara di mana
orang berinteraksi dengan teknologi ini dalam mendukung proses bisnis.
Ada yang membuat perbedaan yang jelas antara sistem informasi, dan komputer
sistem TIK, dan proses bisnis. Sistem informasi yang berbeda dari teknologi informasi
dalam sistem informasi biasanya terlihat seperti memiliki komponen TIK. Hal ini
terutama berkaitan dengan tujuan pemanfaatan teknologi informasi. Sistem informasi juga
berbeda dari proses bisnis. Sistem informasi membantu untuk mengontrol kinerja proses
bisnis. Sistem kerja adalah suatu sistem di mana manusia dan/atau mesin melakukan
pekerjaan dengan menggunakan sumber daya untuk memproduksi produk tertentu
dan/atau jasa bagi pelanggan. Sistem informasi adalah suatu sistem kerja yang
kegiatannya ditujukan untuk pengolahan (menangkap, transmisi, menyimpan, mengambil,
memanipulasi dan menampilkan) informasi.
sistem di mana data yang mewakili dan diproses sebagai bentuk dari memori sosial.
Sistem informasi juga dapat dianggap sebagai bahasa semi formal yang mendukung
manusia dalam pengambilan keputusan dan tindakan. Sistem informasi merupakan fokus
utama dari studi untuk disiplin sistem informasi dan organisasi informatika.
2.4 Pengertian Perusahaan
Perusahaan adalah sutu organisasi dimana sumber daya (input) dasar seperti bahan dan
tenaga kerja dikelola serta diproses untuk menghasilkan barang atau jasa (output) kepada
pelanggan. Hampir di semua perusahaan mempunyai tujuan yang sama, yaitu
memaksimalkan laba. Jenis perusahaan dibedakan menjadi tiga, yaitu: perusahaan
manufaktur, perusahaan dagang, dan perusahaan jasa. Sedangkan bentuk dari perusahaan
itu sendiri dibedakan menjadi: perusahaan perseorangan dan persekutuan (perseroan).
Murti Sumarni (1997), Perusahaan adalah sebuah unit kegiatan produksi yang
mengolah sumber daya ekonomi untuk menyediakan barang dan jasa bagi masyarakat
dengan tujuan memperoleh keuntungan dan memuaskan kebutuhan masyarakat.
2.5
Metodologi Pengembangan Sistem
dan memelihara sistem informasi dan perangkat lunak. (Jeffery L. Whitten, Lonnie D.
Bentley dan Kevin C. Dittman, 2004: 31). Dalam pengembangan sistem informasi,
penganalisis dapat menggunakan metode waterfall .
2.5.1
Waterfall
Waterfall adalah model sekuensial linier untuk software engineering, sering disebut juga
dengan siklus kehidupan klasik atau model air terjun. Model ini mengusulkan sebuah
pendekatan kepada perkembangan
software yang sistematik dan sekuensial yang mulai
pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan
pemeliharaan. Model sekuensial linier melingkupi aktivitas-aktivitas sebagai berikut :
1.
Rekayasa dan permodelan system
Karena sistem merupakan bagian dari sebuah sistem yang lebih besar, kerja dimulai
dengan membangun syarat dari semua elemen sistem, dan mengalokasikan beberapa
subset dari kebutuhan ke
software tersebut. Pandangan sistem ini penting ketika
software
harus berhubungan dengan elemen-elemen yang lain seeperti
software,
manusia, dan
database.
Rekayasa dan analisi sistem menyangkut pengumpulan
kebutuhan pada tingkat sistem dengan sejumlah kecil analis serta desain tingkat
puncak. Rekayasa informasi mencakup juga pengumpulankebutuhan pada tingkat
bisnis strategis dan tingkat area bisnis.
Proses pengumpulan kebutuhan diintensikan dan difokuskan, analis harus memahami
domain informasi, tingkah laku, unjuk kerja, dan
interface
yang diperlukan.
Kebutuhan baik untuk sistem maupun
software
didokumentasikan dan dilihat lagi
dengan pelanggan.
3.
Desain
Desain
software
sebenarnya adalah proses multi langakah yang berfokus pada empat
atribut sebuah program yang berbeda, yaitu struktur data, arsitektur, software,
representasi
interface,
dan
detail
(algoritma)
procedural.
Proses
desain
menterjemahkan syarat/kebutuhan ke dalam sebuah representasi
software
yang dapat
diperkirakan demi kualitas sebelum dimulai pemunculan kode. Sebagaimana
persyaratan, desain didokumentasikan dan menjadi bagian dari konfigurasi software.
4.
Generasi kode
Desain harus diterjemahkan ke dalam bentuk mesin yang bias dibaca. Langkah
pembuatan kode melakukan tugas ini. Jika desain dilakukan dengan cara yang
lengkap, pembuatan kode dapat diselesaikan secara mekanis.
5.
Pengujian/ Implementasi
kesalahan-kesalahan dan memastikan bahwa
input
yang dibatasi akan memberikan hasil actual
yang sesuai dengan hasil yang dibutuhkan.
6.
Pemeliharaan
Software
akan
mengalami
perubahan
setelah
disampaikan
kepada
pelanggan(pengecualian yang mungkin adalah
software yang dilekatkan). Perubahan
akan terjadi karena kesalahan-kesalahan ditentukan, karena
software
harus
disesuaikan untuk mengakomodasi perubahan-perubahan di dalam lingkungan
eksternalnya. Contohnya perubahan yang dibutuhkan sebagai akibat dari perangkat
peripheral atau sistem operasi yang baru atau karena pelanggan membutuhkan
perkembangan fungsional atau unjuk kerja. Pemeliharaan
software
mengaplikasikan
lagi setiap fase program sebelumnya dan tidak membuat yang baru lagi.
2.6
Sejarah Internet
2.7
Pengertian Website
Website atau sering dingkat dengan istilah situs
web adalah sejumlah halaman
web yang
memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar,
video, atau jenis-jenis berkas lainnya. Sebuah situs
web biasanya ditempatkan setidaknya
pada sebuah
server
web yang dapat diakses melalui jaringan seperti internet, ataupun
jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali sebagai URL.
Meskipun setidaknya halaman beranda situs
internet umumnya dapat diakses
publik secara bebas, pada prakteknya tidak semua situs memberikan kebebasan bagi
publik untuk mengaksesnya, beberapa situs
web mewajibkan pengunjung untuk
melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat
menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs
web tersebut,
misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan
surel
(e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan
keamanan, menghormati privasi, atau karena tujuan komersil tertentu.
2.7.1
Situs web statis
2.7.2
Situs web dinamis
Web dinamis merupakan situs
web yang secara spesifik didisain agar isi yang terdapat
dalam situs tersebut dapat diperbarui secara berkala dengan mudah. Sesuai dengan
namanya, isi yang terkadung dalam situs
web ini umumnya akan berubah setelah
melewati satu periode tertentu. Situs berita adalah salah satu contoh jenis situs yang
umumnya mengimplementasikan situs web dinamis.
Tidak seperti halnya situs
web statis, pengimplementasian situs
web dinamis
umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks dibandingkan
situs
web statis. Hal ini disebabkan karena pada situs
web dinamis halaman
web
umumnya baru akan dibuat saat ada pengguna yang mengaksesnya, berbeda dengan situs
web statis yang umumnya telah membentuk sejumlah halaman
web saat diunggah di
server web sehingga saat pengguna mengaksesnya server web hanya tinggal memberikan
halaman tersebut tanpa perlu membuatnya terlebih dulu.
2.8. Perangkat yang Digunakan Membangun Website
web merupakan salah satu penentu dari sebuah situs
web secara langsung ataupun tidak
langsung. kita harus menguasai dan memahami hal-hal yang berkaitan dengan tampilan
dari sebuah situs web.
2.8.1. Xampp
Xampp adalah perangkat lunak yang disediakan secara gratis, yang mendukung banyak
sistem operasi, merupakan komplikasi dari beberapa program. Untuk menjalankan
fungsinya sebagai
server yang berdiri sendiri, yang terdiri atas program
Apache HTTP
Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman
PHP dan
Perl.
XAMPP adalah nama yang merupakan singkatan dari X
(empat sistemoperasi apapun),Apache, MySQL, PHP dan
Perl. Program ini tersedia
dalam
GNU "General Public License" dan bebas, merupakan
web server
yang mudah
digunakan yang mampu melayani halaman dinamis.
2.8.2. Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain
2.8.3
Web Browser
Web browser merupakan sebuah perangkat lunak (aplikasi) yang digunakan untuk
menampilkan halaman-halaman
web. Halaman
web yang dimaksud adalah file HTML
dan beberapa file lainnya seperti CSS dan
Javascript. Halaman
web tersebut dapat
tersimpan di lokal, atau di sebuah server intranet/internet. Jadi, web browser tidak selalu
terhubung ke internet. Dengan dreamweaver, kita sebenarnya dapat melihat tampilan situs
secara langsung seperti halnya di
browser (fitur
what-you-see-is-what-you-get), namun
hal tersebut tidak dapat dijadikan patokan bahwa tampilan situs akan sama di semua
browser.
2.9.
Bahasa Pemrograman yang Digunakan
2.9.1. PHP
PHP: Hypertext Preprocessor
adalah bahasa skrip yang dapat ditanamkan atau disisipkan
ke dalam HTML. PHP banyak dipakai untuk memrogram situs
web dinamis. PHP dapat
digunakan untuk membangun sebuah CMS.
Pada awalnya PHP merupakan kependekan dari
Personal Home Page (Situs
personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu
PHP masih bernama
Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip
yang digunakan untuk mengolah data formulir dari web. Selanjutnya Rasmus merilis kode
sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber
ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut
mengembangkan PHP.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP
mengalami perubahan besar. Versi ini juga memasukkan model pemrograman
berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman
ke arah paradigma berorientasi objek
2.9.2. HTML
HyperText
markup
language (HTML) adalah sebuah
bahasa markup yang digunakan
untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah
penjelajah
web internet dan
formating
hypertext sederhana yang ditulis kedalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata
lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam
format ASCII normal sehingga menjadi
home page dengan perintah-perintah HTML.
2.9.3 Cascading Style Sheet (CSS)
Cascading style sheet (css) merupakan salah satu bahasa pemrograman
web untuk
mengendalikan beberapa komponen dalam sebuah
web sehingga akan lebih terstruktur
dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word
yang dapat mengatur beberapa style, misalnya heading,
subbab, bodytext, footer, images,
dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada
umumnya CSS dipakai untuk memformat tampilan halaman
web yang dibuat dengan
bahasa HTML dan XHTML.
BAB 3
ANALISA DAN PEMBAHASAN
3.1. Gambaran Umum Perusahaan
PT. Taspen (persero) kantor cabang utama medan adalah perusahaan badan usaha milik
negara (BUMN) yang bergerak dalam bidang tabungan asuransi pegawai negeri. Yang
bertujuan untuk mensejahterakan para pesertanya. Dalam hal ini, PT. Taspen (persero)
cabang medan juga melayani dan mengolah dana pensiunan pesertanya.
3.2. Sejarah Berdirinya Perusahaan
diikuti oleh seluruh kepala urusan kepegawaian dari seluruh departemen yang ada di
Indonesia.
Dalam konferensi tersebut, para peserta menyadari bahwa pegawai negeri sipil
(PNS) adalah sebagai unsur aparatur negara dan abdi masyarakat dipandang penting
dalam melaksanakan tugas-tugas pemerintahan guna tercapainya pembangunan nasional.
Oleh karenanya ketenangan dalam bekerja merupakan salah satu faktor keberhasilan
dalam melaksanakan tugas-tugasnya. Berkaitan dengan hal tersebut, maka dalam
konferensi telah membahas konsep perlunya dibentuk suatu badan yang dapat
memberikan jaminan sosial bagi PNS beserta keluarganya.
Sebagai hasil dari konferensi tersebut telah dituangkan kedalam keputusan
menteri pertama RI no.380/MP/1960 tanggal 25 agustus 1960, yang antara lain
menetapkan perlunya pembentukan jaminan sosial sebagai bekal bagi pegawai negeri dan
keluarganya disaat mengakhiri pengabdiannya kepada negara. Dan selanjutnya
berdasarkan peraturan pemerintah no. 9 tahun 1963 tentang pembelanjaan pegawai
negeri, peraturan pemerintah no. 10 tahun 1963 tentang tabungan asuransi pegawai negeri
dan berdasarkan peraturan pemerintah no. 15 tahun 1963 pada tanggal 17 april 1963
dibentuklah badan yang diberi nama perusahaan negara dana tabungan dan asuransi
pegawai negeri atau PN. TASPEN yang memiliki kantor di Jl. merdeka no. 64 bandung.
badan hukum, sehingga pada tanggal 18 Nopember 1970 berdasarkan keputusan menteri
keuangan republik indonesia no.: 749/MK/IV/11/1970 PN taspen berubah menjadi perum
taspen. Dan terakhir mengingat fungsi dan tugas taspen yang semakin strategis untuk
mendukung tercapainya pembangunan nasional khususnya dunia perasuransian dan
perekonomian nasional, maka berdasarkan peraturan pemerintah no.: 26/1981 tanggal 30
juli 1981 perum taspen berubah status badan hukum menjadi PT. Taspen (persero) yang
kantor pusatnya beralamat di Jl. letjend. soeprapto, cempaka putih jakarta pusat.
Sesuai peraturan pemerintah no. 25 tahun 1981 tentang asuransi sosial PNS maka
lingkup usaha PT. Taspen terdiri dari program tabungan hari tua (THT) dan pensiunan.
Program THT telah dilaksanakan sejak pendirian taspen. Sedangkan untuk program
pembayaran pensiun PNS yang semula diselenggarakan oleh ditjen anggaran telah
dialihkan kepada PT. Taspen (Persero) secara bertahap sejak tahun 1987.
Penyelenggaraan pembayaran program pensiun secara nasional dilakukan sejak tahun
1990.
3.3. Struktur Organisasi PT. Taspen (Persero) Medan
tujuan. Struktur Organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan
antara yang satu dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi.
Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang
siapa melapor kepada siapa dan struktur organisasi adalah bagaimana pekerjaan dibagi,
dikelompokkan, dan dikoordinasikan secara formal. Struktur organisasi PT. Taspen
(Persero) kantor cabang utama medan telah banyak mengalami perubahan atau
penyempurnaan sesuai dengan tuntutan dan perkembangan perusahaan. Struktur
organisasi yang digunakan sekarang merupakan kombinasi antara jabatan structural dan
fungsional. Untuk lebih jelasnya berikut ini disajikan gambaran struktur organisasi PT.
Taspen (persero) cabnag utama medan.
Gambar 3.1 Struktur Organisasi
3.4 Perancangan Sistem
Jogiyanto HM. Tujuan utama perancangan system adalah untuk memenuhi kebutuhan
para pemakai sistem dan untuk memberikan gambaran yang jelas dan rancangan bangun
yang lengkap kepada programmer.
3.4.1. Perancangan Masukan (Input)
Kualitas sistem input menentukan kualitas sistem output. Dengan berusaha membuat
sistem input yang dibentuk secara bagus, penganalisis sistem menyatakan bahwa input
yang buruk mengundang pertanyaan tentang kepercayaan terhadap keseluruhan sistem.
Adapun tujuan perancangan masukan (input) adalah :
1.
Membuat penyelesaian input yang mudah dan efisien.
2.
Menjamin input akan memenuhi tujuan yang diharapkan.
3.
Menjamin penyelesaian yang tepat.
4.
Membuat tampilan layar dan formulir yang menarik.
5.
Membuat input yang tidak rumit.
6.
Membuat tampilan layar dan formulir yang konsisten.
3.4.2. Perancangan Keluaran (Output)
Output adalah informasi yang dikirim kepada para pengguna melalui sistem informasi
disimpan, dan ketika diperoleh, dianggap sebagai output dengan sedikit atau tanpa
pemrosesan sama sekali. Ada 6 (enam) tujuan dari keluaran (output) yaitu :
1.
Merancang output untuk tujuan khusus.
2.
Membuat output bermanfaat bagi para pengguna.
3.
Mengirim jumlah output yang tepat.
4.
Menyediakan distribusi output yang tepat.
5.
Menyediakan output tepat waktu.
3.5 DATA FLOW DIAGRAM (DFD)
DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang
terstruktur
(Structure Analysis and
Design) atau lebih jelasnya DFD adalah teknik
penggambaran atau pemodelan dengan menggunakan notasi-notasi grafis yang
menunjukkan aliran informasi dan perubahanya yang diterapkan sebagai perubahan atau
perpindahan data dari input ke output.
Tabel 3.2 Simbol-simbol DFD
-
Tambah Data User
-
Edit Data User
-
Data User
- Input Data User
(Register)
-
Tampilan Data User
-
Tampilan Data dari Admin
(Iuran)
-Gambar 3.3 DFD Konteks Sistem Informasi Berbasis Web
ADMINISTRATOR
SISTEM
[image:39.612.109.528.81.581.2]3.6 Flowchart
Gambar 3.5 Flowchart Umum
Start
Home Menu Home
Menu
Halaman
Utama
Profil
-
Sejarah
-
Profil
-
Visi dan
Misi
-
Value
-
Struktur
Login
- Halaman
Login Admin
- Halaman
Login User Close
Gambar 3.6 Flowchart User
Start
Menu
Halaman
Login
User
User
Daftar
User
- Home
- Profil User - Iuran
- Logout
Gambar 3.7 Flowchart Admin
Start
Menu
Halaman
Login
Admin
-
Home
-
Tambah
Data
-
Lihat Data
-
About
-
Logout
3.7 Perancangan Database
[image:45.612.169.416.607.697.2]Perancangan struktur
database adalah untuk menentukan
file database
yang digunakan
seperti field, tipe data dan ukuran data. Sistem ini dirancang dengan menggunakan bahasa
pemrograman
PHP dan didukung oleh
database. Data Base (basis data) merupakan
kumpulan data yang saling berhubungan. Hubungan antar data dapat ditunjukan dengan
adanya field/kolom kunci dari tiap file/tabel yang ada. Dalam satu file atau table terdapat
record-record yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan
entitas yang seragam. Satu record (umumnya digambarkan sebagai baris data) terdiri dari
field yang saling berhubungan menunjukan bahwa field tersebut dalam satu pengertian
yang lengkap dan disimpan dalam satu record.
Database juga merupakan tempat
penyimpanan data yang distrukturkan dan disimpan ke dalam tabel.
Database ini
menggunakan
MySql. Database tersebut dapat berdiri sendiri dan juga dapat digabung
menjadi satu kesatuan. Menggabung dua atau lebih jenis database sering juga disebut
mengkorelasikan. Berikut ini adalah desain database yang dapat penulis uraikan sesuai
dengan kebutuhan yang diperlukan sebagai media input dan media penyimpanan data
serta sebagai media output.
Gambar 3.5 Tabel Login User
Field
Type
Username
Varchar
Table 3.6 Registrasi (Daftar) User
Field
Type
Id Pendaftar
INT (5)
Nama Pendaftar
Vachar (35)
Agama
Varchar (30)
Jenis Kelamin
Varchar (30)
Pangkat
Varchar (35)
Tempat Lahir
Varchar (30)
Tanggal Lahir
Varchar (35)
Status
Varchar (30)
Alamat
Varchar (35)
Phone Number
INT (35)
Username
Varchar (10)
[image:46.612.193.457.140.561.2]Password
Varchar (20)
Table 3.7 Register Admin
Field
Type
Table 3.8 Login Administrator
Field
Type
Username
Varchar
[image:47.612.195.450.105.204.2]Password
Varchar
Tabel 3.9 Profil
Field
Type
Nip
INT (100)
Nama
Varchar (100)
Pangkat
Varchar (50)
Gaji Pokok
Varchar (500)
Iuran THT
Varchar (500)
Iuran Pensiun
Varchar (500)
Kode Jiwa
INT (50)
Table 3.10 Tabel Berita
Field
Type
Id
Integer
Judul Berita
Varchar
Isi Berita
Text
[image:47.612.190.457.275.577.2]BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian dan Tujuan Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan
memulai sistem baru atau sistem yang diperbaiki.
Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:
1.
Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2.
Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru
3.
Menguji apakah sistem baru tersebut sesuai dengan pemkai.
4.2 Komponen Utama dalam Implementasi Sistem
Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka
perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu
dibutuhkan beberapa komponen utama mencakup perangkat keras (Hardware), perangkat
lunak (Software), dan perangkat manusia (Brainware).
4.2.1. Perangkat Keras (Hardware)
Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama
dalam pengolahan data. Perangkat keras (hardware) yang digunakan meliputi :
a. Monitor
b. CPU (Central Processing Unit)
c. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan
d. Memori minimal 128 MG
e. Keyboard dan mouse
4.2.2. Perangkat Lunak (Software)
ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan
website
adalah :
1.
Sistem OperasiWindows XP.
2.
MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL.
3.
Macromedia Dreamweaver 8 sebagai editor pendesainannya.
4.
PHP sebagai bahasa pemrograman server side.
5.
Web Server sebagai server lokal dalam pengetesan halaman web.
6.
Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla.
4.2.3. Unsur manusia (Brainware)
Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada.
Faktor manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk
menangani sistem dan merupakan unsur manusia yang meliputi :
1.
Analisis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan
sistem atau program.
2.
Programmer, yaitu orang yang mengerti bahasa pemrograman yang
digunakan dalam membuat dan membangun suatu program.
4.
Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk
mendapatkan informasi yang dibutuhkan.
4.3 Pengujian di Browser
Setelah menginstalasi Xampp, maka aplikasi
web telah dapat diujikan di komputer lokal.
Adapun caranya adalah sebagai berikut:
[image:51.612.145.504.360.544.2]Letakkan
file
yang membangun
web
tadi ke dalam suatu
folder
kemudian diletakkan di
dalam folder htdocs, terlihat seperti gambar berikut:
Gambar 4.1 Peletakan Folder Berisi File-File Web Dalam Folder htdocs
1.
Buka web browser Mozilla Firefox
3.
Setelah dilakukan
Enter
pada
keyboard
maka akan terlihat tampilan sebagai
berikut:
[image:52.612.135.515.164.416.2]Gambar 4.2 Halaman Index
Halaman Profil
[image:52.612.136.519.509.679.2]Gambar 4.4 Halaman Profil Sejarah Taspen Medan
[image:53.612.141.513.339.580.2]Gambar 4.6 Halaman Profil Value
Halaman Gallery
[image:54.612.134.517.454.683.2]Gambar 4.8 Halaman Gallery Taspen Medan
Halaman Produk Taspen
[image:55.612.142.509.485.671.2]Gambar 4.10 Halaman Produk Taspen Pensiunan
Gambar 4.12 Halaman Produk Taspen Tata Cara Pengajuan Klaim Pensiunan
Halaman Profil User
[image:57.612.139.513.447.651.2]Halaman Admin
Gambar 4.14 Halaman Admin
[image:58.612.136.520.422.623.2]Gambar 4.16 Halaman Admin Tampil Data
BAB 5
KESIMPULAN DAN SARAN
5.1 KESIMPULAN
Dari hasil pembahasan tentang sistem informasi berbasis
web
ini, maka penulis dapat
mengambil beberapa kesimpulan di antaranya adalah sebagai berikut:
1.
Hadirnya komputer dalam sebuah perusahaan sangat membantu dan
mempermudah pekerjaan di sebuah perusahaan.
2.
Bahasa pemrograman PHP dapat membangun berbagai system informasi dinamis.
3.
Sistem Informasi berbasis web pada PT. Tasen (persero) medan dirancang untuk
dapat memberikan informasi yang lengkap dan akurat.
5.
Dengan menggunakan internet, penyampaian informasi dapat lebih luas tersebar
di berbagai wilayah dan lebih mudah untuk mengaksesnya.
5.2 Saran
1.
Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki
spesifikasi dengan level menengah karena penggunaan software yang high level
akan memakan sumber daya komputer seperti memori dan kapasitas hardisk.
2.
Website yang dibuat oleh penulis diharapkan bermanfaat pada bagi peserta yang
ingin mengetahui tentang Taspen medan.
3.
Diharapkan adanya pengembangan lebih lanjut, sehingga menjadi sebuah media
yang sangat membantu.
DAFTAR PUSTAKA
Abrori, Muhammad. 2009. Solusi Instan Animasi Karakter dengan Adobe Flash.
Yogyakarta: Penerbit Andi.
Diginnovac, Arry Maulana, Karina Nasution.
Draw and Animate with Flash. 2008.
Jakarta: Elex Media Komputindo.
Wahana Komputer. 2010. Adobe Flash CS4 untuk Pembuatan Animasi Interaktif.
Yogyakarta: Penerbit Andi.
Syarif, Arry Maulana, Diginnovac. 2008.
Tip dan Trik Membuat Fitur Game Flash.
Jakarta: Elex Media Komputindo.
Madcoms. 2004. Macromedia Flash MX 2004. Yogyakarta : Penerbit Andi.
Albahra bin Ladjamudin. 2005. Analisa dan Desain Sistem Informasi. Edisi 1.
Yogyakarta: Graha Ilmu.
John j Longkutoy. 1996.
Pengenalan Komputer. Cetakan 12. Jakarta: PT. Mutiara
Sumber Widya.
Al-Bahara Bin Ladjamudin.
Analisis dan Desain Sistem Informasi. Yogyakarta:
PT.GRAHA ILMU. 2005
.
Listing Program
<?php ob_start(); session_start();
if(isset($_SESSION['id_pendaftar']) and isset($_SESSION['username'])) $id_pendaftar = $_SESSION['id_pendaftar'];
$username = $_SESSION['id_pendaftar']; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--
Design by Free CSS Templates http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License Name : Free Port
Description: A two-column, fixed-width design for 1024x768 screen resolutions. Version : 1.0
Released : 20090122 -->
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Taspen Corporate Site Medan</title>
<meta name="keywords" content="" /> <meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css">
<!-- body {
background-color: #666666; background-position:inherit; color:#00CCFF; } body,td,th { color:#000000; } --> </style> </head> <body> <div id="wrapper"> <div id="header-wrapper"> <div id="logo">
<p class="left">PT. TASPEN (PERSERO) MEDAN JLN. H. ADAM MALIK NO. 64 </p> <p><em> <a href="http://www.freecsstemplates.org/"></a></em></p> </div>
<hr />
<div class="menu"> <ul>
<?php if($username){ ?>
<li><a href="index.php?page=home">Home, <?php echo $username;?></a>
<ul>
<li><a href="index.php?page=tampil_daftar&id_pendaftar=<?php echo $id_pendaftar;?>" title="">Data <?php echo $username;?></a></li>
<li><a href="index.php?page=tampil_iuran&id_pendaftar=<?php echo $id_pendaftar;?>" title="">Iuran <?php echo $username;?></a></li>
</ul> </li>
<?php } else { ?>
<li><a href="index.php?page=home">Home</a> <ul>
</ul> </li> <?php } ?>
<li><a href="list.html">Profil</a> <ul>
<li><a href="index.php?page=sejarah" title="">Sejarah Perusahaan</a></li> <li><a href="index.php?page=profil" title="">Profil Taspen Medan</a></li> <li><a href="index.php?page=visimisi" title="">Visi & Misi</a></li>
<li><a href="index.php?page=nilai" title="">Value</a></li> </ul></li>
<li><a href="list.html">Gallery</a> <ul>
<li><a href="index.php?page=direksi" title="">Susunan Direksi dan Komisaris</a></li>
<li><a href="index.php?page=gallery_taspen" title="">Susunan Pimpinan Taspen Medan</a></li>
</ul>
<li><a href="list.html">Produk</a> <ul>
<li><a href="index.php?page=tht" title="">Tabungan Hari Tua</a></li> <li><a href="index.php?page=pensiunan" title="">Program Pensiun</a></li> <li><a href="index.php?page=pengajuan" title="">Tata Cara pengajuan Klaim THT</a></li>
<li><a href="index.php?page=klaimpen" title="">Tata Cara pengajuan klaim pensiun</a></li>
</ul> </li>
<?php if($username){ ?>
</ul> </div>
<!-- end #menu --> <div id="search">
<form method="get" action=""> <fieldset>
<input type="text" name="s" id="search-text" size="15" /> <input type="submit" id="search-submit" value="Search" /> </fieldset>
</form> </div>
<!-- end #search --> </div>
<!-- end #header --> </div>
<!-- end #header-wrapper --> <div id="page">
<div id="content"><marquee style="width: 800px; left: 367.32px;" white="" ;="" scrollamount="2">
<font color="RED"><font size="3"><marquee><blink>"WASPADA PENIPUAN YANG MENGATASNAMAKAN PT TASPEN (PERSERO) YANG SEOLAH-OLAH AKAN MEMBAGIKAN DIVIDEN </font></marquee></marquee></blink>
<div class="post">
<div class="entry"> <?php
if(isset($_GET['page'])){ $page=htmlentities($_GET['page']); }else{ $page="artikel"; } $file="$page.php"; $cek=strlen($page);
if($cek>30 || !file_exists($file) || empty($page)){ include ("home.php"); }else{ include ($file); } ?> </div> </div> </div>
<!-- end #content --> <div id="sidebar"> <?php if(!$username){?>
<ul>
<li><form method="post" action="periksa.php">
<fieldset class="rounded_3" style="background-color:#999999"> <div>
<p>Sebelum Login Terlebih dahulu Anda mendaftar</p>
<label for="username"><font size="+1"
color="#CCCC00">Username</font></font></label> <input id="username" name="username" class="wide" type="text" required="required" />
</div> <div>
<label for="password"><font size="+1" color="#CCCC00">Password</font></label>
<input id="password" name="password" class="wide" type="password" required="required" />
</div>
<div>
<p><span class="left"><a href="register.php">Daftar Baru</a></span> <input class="right" type="submit" name="submit" value="Login" /> </p>
</form> </div>
</fieldset>
<?php } ?>
<h2>Calendar</h2>
<div id="calendar_wrap"><?php include "calendar.php";?> </div>
</li> <li>
<div>
<h2>Halaman Khusus Admin </h2> <ul>
<li><form id="form1" method="post" action="registeradmin" style="background-color:#999999">
<fieldset class="rounded_3" style="background-color:#999999"> <p>Register admin <a href="registeradmin.php"> </p>
<p>Register <a href="registeradmin.php"></p> </a>
<div>
<p><span class="left"><a href="log_admin.php">Login</a></span></p> </div> </form> </li> </ul> </div> </li> </ul> </div>
<div style="clear: both;"> </div> </div>
<!-- end #page --> <div id="footer">
<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="#">Taspen (persero) Medan</a>.</p>
</div>
<!-- end #footer --> </div>
</body> </html>
Index_admin
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<SCRIPT LANGUAGE="JavaScript"> <!-- Membuat Teks Berjalan di StatusBar
var scrollCounter = 0; var scrollText = "INFO : Untuk Tutorial Lainya dapat Akses www.arul-id.blogspot.com | Learning by doing | 2007 - 2010 ";
var scrollDelay = 70; var i = 0;
while (i ++ < 300) scrollText = " " + scrollText; function Scroller() { window.status = scrollText.substring(scrollCounter++, scrollText.length);
if (scrollCounter == scrollText.length) scrollCounter = 0; setTimeout("Scroller()", scrollDelay); }
Scroller();
// End of scroller script --> </SCRIPT>
<title>DATE Now <?php echo": ".date("d - m- Y");?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css"> <!-- body { background-color: #CCCCCC; } --> </style></head> <body> <br> <br> <br>
<table width="821" border="0" align="center" cellpadding="0" cellspacing="0"> <tr>
<td width="164" height="69" bgcolor="#8BB2D9"><div align="center"><img src="image/1240889050_file-manager.png" width="128" height="128" title="www.arul-id.co.cc"></div></td>
<td width="9" bgcolor="#8BB2D9"> </td>
<td width="619" bgcolor="#8BB2D9"><div align="center"><span class="header">SISTEM SIMPLE PT. TASPEN <br>
</span><span class="header"><br> </span></div></td>
<td width="17" bgcolor="#8BB2D9"><div align="center"><h1 class="header"> </h1> </div></td> </tr> <tr bgcolor="#FFFFFF"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td> </td>
<td height="27"><div align="center"><strong><?php echo" Tanggal : ".date("d - m- Y");?></strong></div></td>
<td> </td>
<td align="center"><strong><img src="image/house.png" width="16" height="16" > <a href="index_admin.php" title="Balik ke Rumah uy">HOME</a></strong> <strong><img src="image/add.png" width="16" height="16"> <a href="index_admin.php?laman=input" title="Isi data neh">TAMBAH DATA</a></strong> <strong><img src="image/wrench_orange.png" width="16" height="16"> <a href="index_admin.php?laman=tampil" title="Mau Edit | Hapus" >LIHAT DATA</a> <img src="image/user_comment.png" width="16" height="16"> <a
href="index_admin.php?laman=about" title="Empunya Neh">
ABOUT</a></strong><strong><img src="Vista-logout.JPG" width="16" height="16"><a href="logout_admin.php" title=""> LOGOUT</a></strong> </td>
<td> </td> </tr>
<tr bgcolor="#FFFFFF"> <td> </td>
<td height="26" align="center" bgcolor="#8BB2D9"><div align="center">SELAMAT DATANG </div></td>
<td rowspan="4"> </td>
<td rowspan="4" valign="top"><table width="635" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="594" height="89">
<?php //DISINI UNTUK SET HALAMAN PHP
case 'input': include "input.php"; break; case 'edit': include "edit.php"; break; case 'delete' : include "delete.php"; break; case 'tampil' : include "tampil.php"; break; case 'about' : include "about.php"; break; case 'about' : include "about.php"; break; case 'inberita' : include "inberita.php"; break; case 'lgout' : include "logout.php"; break; case 'main' :
default : include 'utama.php'; }
?></td> </tr>
</table> </td>
<td rowspan="4"> </td> </tr>
<tr bgcolor="#FFFFFF">
<td height="19"> </td>
<td rowspan="3" align="center" valign="top" bgcolor="#8BB2D9"><strong><a href="index_admin.php?laman=inberita" title="Isi data neh">Input Berita</a></strong></td> </tr> <tr bgcolor="#FFFFFF"> <td height="24"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="12"> </td> </tr> <tr bgcolor="#FFFFFF"> <td> </td> <td height="22"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#8BB2D9">
<td height="39" colspan="5" bgcolor="#8BB2D9"><div align="center">Latihan Sederhana<br> Powered by PHP + SQL + CSS + JavaScript </div>
<div align="center"></div></td> </tr>
</table>
<div align="center"> </div>
</body> </html> Input berita
<FORM ACTION="" METHOD="POST" NAME="input">
<tr> <td> </td> <td> </td> <td width="506"> </td> </tr> <tr>
<td width="14" height="29"> </td> <td width="114">Judul Berita</td>
<td><input name="judul" type="text" id="id" size="30" maxlength="100"></td>
</tr> <tr>
<td width="15" height="25"> </td> <td width="110">isi berita</td>
<td> <textarea name="isi_berita"></textarea> <tr> <td> </td>
<td> </td> <td>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="reset" value="Reset"></td> </tr>
<tr>
<td> </td> <td> </td> <td> </td> </tr> </table> </FORM> <?php
include 'koneksi.php'; if(isset($_POST['Submit'])){ $judul = $_POST['judul'];
$isi_berita = $_POST['isi_berita'];
$berita = "insert into tabel_berita values('','$judul','$isi_berita',NOW())"; $query_berita = mysql_query($berita) or die(mysql_error());
if($query_berita){
echo "Berita Sudah Masuk"; } else {
<!--
.style1 {font-size: 18px} -->
</style>
<form name="form1" method="post" action="proses_insert_registrasi_admin.php">
<table width="277" height="212" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#999999">
<tr>
<td height="51" colspan="3" bgcolor="#0099FF"><div align="center" class="style1"> Register Admin </div></td>
</tr> <tr>
<td width="101"><strong>username</strong></td> <td width="10" align="center"><strong>:</strong></td>
<td width="269"><input name="username" type="text" id="username" maxlength="10" size="30"></td>
</tr> <tr>
<td><strong>password</strong></td> <td align="center"><strong>:</strong></td>
<td><input name="password" type="password" id="password" maxlength="20" size="30"></td>
</tr> <tr>
<td width="101"><strong>Email</strong></td>
<td width="10" align="center"><strong>:</strong></td>
<td width="269"><input name="email" type="text" id="email" maxlength="30" size="30"></td>
</tr> <tr>
<td width="101"><strong>Fullname</strong></td> <td width="10" align="center"><strong>:</strong></td>
<td width="269"><input name="fullname" type="text" id="fullname" maxlength="20" size="30"></td>
</tr> <tr>
<style type="text/css"> <!--
.style1 {font-size: 18px} -->
</style>
<form name="form1" method="post" action="proses_insert_loginadmin.php">
<table width="277" height="212" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#999999">
<tr>
<td height="51" colspan="3" bgcolor="#0099FF"><div align="center" class="style1"> Login Admin </div></td>
</tr> <tr>
<td width="101"><strong>username</strong></td> <td width="10" align="center"><strong>:</strong></td>
<td width="269"><input name="username" type="text" id="username" maxlength="10"></td>
</tr> <tr>
<td><strong>password</strong></td> <td align="center"><strong>:</strong></td>
<td><input name="password" type="password" id="password" maxlength="20"></td> </tr>
<tr>
<td colspan="3" align="center" bgcolor="#0099FF"><input name="simpan" type="submit" id="simpan" value="Login"></td> </tr> </table> </form> </body> </html> Register User <?php session_start();
$logged_in = false;
//jika session username belum dibuat, atau session username kosong if (isset($_SESSION['username']) || !empty($_SESSION['username'])) { $logged_in = true;
}
include_once('config.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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Taspen</title>
<link rel="stylesheet" href="reset.css" type="text/css" /> <link rel="stylesheet" href="normalize.css" type="text/css" /> <link rel="stylesheet" href="permata-ui-kit.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head>
<body>
<div style="margin:auto; padding:50px 0 30px; text-align:center"> </div>
<div style="margin:auto">
<form class="rounded_3 shadow_3" action="proses_insert_registrasi.php" method="post" style="width:400px; margin:auto;">
<fieldset class="rounded_3">
<legend>Register New User</legend> <div>
<label for="id_daftar">id pendaftar<input id="id_pendaftar" name="id_pendaftar" type="text" /></label>
</div>
<div>
<label for="nama_pendaftar">Nama Pendaftar </label> <input id="nama_pendaftar" name="nama_pendaftar" class="wide" type="text" required="required" />
</div>
<div>
<label for="agama">Agama</label>
<select name="agama" id="agama" class="form"> <opt