Sistem Informasi Penggajian Pegawai Rumah Tahanan Negara Kelas IIB Tanjung Pura.

(1)

SISTEM INFORMASI PENGGAJIAN PEGAWAI RUMAH TAHANAN

NEGARA KELAS IIB TANJUNG PURA

TUGAS AKHIR

YULIZA MAHRIDHA

072406003

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

YULIZA MAHRIDHA

072406003

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

PERSETUJUAN

Judul

Kategori

Nama

Nomor Induk Mahasiswa

Program Studi

:

SISTEM INFORMASI PENGGAJIAN

PEGAWAI RUMAH TAHANAN NEGARA

KELAS II B TANJUNG PURA

TUGAS AKHIR

YULIZA MAHRIDHA

072406003

(3)

Departemen

Fakultas

:

MATEMATIKA

MATEMATIKA DAN ILMU

PENGETAHUAN ALAM (FMIPA)

UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan:

Komisi Pembimbing

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Dosen Pembimbing

Dr. Saib Suwilo, M. Sc. Prof.Dr.Opim Salim Sitompul,Msc NIP. 196401091988031004 NIP : 195108171987011

PENGHARGAAN

Puji dan syukur penulis ucapkan kepada Allah SWT atas berkat rahmat dan karunia-Nya yang telah memberikan pengetahuan, kekuatan dan kesempatan kepada penulis, sehingga mampu menyelesaikan Tugas Akhir ini dengan baik dan tepat pada waktunya. Adapun judul tugas akhir ini adalah “Sistem Informasi Penggajian Pegawai Rumah Tahanan

Negara Kelas IIB Tanjung Pura”. Tugas akhir ini merupakan syarat untuk dapat

menyelesaikan pendidikan di Program D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Pada kesempatan ini penulis juga menyampaikam ucapan terima kasih yang sebesar-besarnya kepada :

1. Bapak Dr. Eddy Marlianto, M.Sc. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam.

2. Bapak Dr. Saib Suwilo, M.Sc. selaku Ketua Departemen Matematika FMIPA USU. 3. Bapak Prof.Dr.Opim Salim Sitompul,Msc selaku Dosen Pembimbing Tugas Akhir

(4)

4. Bapak Salman Daidi,Bcip,SH.MHum selaku Pimpinan Rumah Tahanan Negara Kelas IIB Tanjung Pura.

5. Bapak Marbun.SH selaku Kepala Subseksi Pengelolaan di Rumah Tahanan Tanjung Pura.

6. Seluruh staff pengelolaan di Rumah Tahanan Tanjung Pura. 7. Seluruh dosen dan staff administrasi FMIPA USU.

8. Ucapan terima kasih yang tiada akhir buat Ayahanda(Ilham) dan Ibunda(Halimah) tercinta serta Adik-adik(Dila dan Eko) dan semua keluarga besar yang telah begitu banyak memberikan dukungan moril dan material serta kasih sayang yang penulis terima selama ini.

9. Ucapan terima kasih juga kepada Ibnu Rusdi yang telah memberikan dukungan dan kasih sayang kepada penulis.

10.Teman-teman sekelas di Komputer A 2007 teristimewa Lia, Dina, Heni, Hani, Widy, thank you banget atas persahabatan, bantuan dan mau mengerti diriku selama ini. Winda Muliana,Lia Agustina n’ semua teman-teman di D3 Ilmu Komputer khususnya Komputer A, B, C 2007 yang tidak dapat disebutkan satu persatu terima kasih atas semua bantuannya.

11.Teman-teman kost 12B (Lia, Kak Dwi dan Anza) yang selalu memberi keceriaan, semangat dan motivasi selama ini.

Semoga tugas akhir ini dapat bermamfaat. Penulis menyadari akan keterbatasan pengetahuan, kemampuan, wawasan serta waktu yang penulis miliki, oleh karena itu penulis mengharapkan kritik dan saran yang bersifat membangun dari para pembaca demi kesempurnaan penulisan Tugas Akhir ini di masa mendatang.

Akhir kata dengan rasa syukur dan beriring doa kepada Allah SWT, penulis memohon segala ilmu pengetahuan yang telah penulis peroleh selama ini dapat bermanfaat bagi penulis, keluarga, bangsa, negara dan agama.

Medan, Mei 2010

(5)

ABSTRAK

Kajian ini bertujuan untuk membangun website pada Rumah Tahanan Negara Kelas IIB Tanjung Pura. Website ini dibangun di bawah sistem operasi Windows XP SP2 yang mencakup aplikasi XAMPP Version 1.6.4 dimana Apache sebagai web server, PHP sebagai bahasa pemrograman dan MySQL sebagai pembuatan databasenya. Website ini juga didukung bahasa pemrograman web lainnya seperti HTML (HyperText Markup

Language), CSS (Cascading Style Sheets) dan JavaScript Sedangkan Macromedia

(6)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

1.2 Identifikasi Masalah 3

1.3 Rumusan Masalah 3

1.4 Batasan Masalah 3

1.5 Maksud dan Tujuan 4 1.5.1 Maksud 4

1.5.2 Tujuan 4

1.6 Metode Penelitian 5

1.7 Sistematika penulisan 6

Bab 2 Landasan Teori 8

2.1 Pengertian Dasar Sistem,Informasi,dan Sistem Informasi 8

2.1.1 Pengertian Dasar Sistem 8

2.1.2 Pengertian Data dan Informasi 12 2.1.3 Pengertian Sistem Informasi 13

2.2 Pengenalan Komputer 13

2.3 Pengenalan Internet,Intranet,Ekstranet 14

2.4 Network 15

2.5 Webserver 16

2.6 Word Wide Web(WWW) 17

2.7 Search Angine 17

2.8 Hyper Text Transfer Protocol 18

2.9 Pengenalan XAMPP 18

2.10 Pengenalan Personal Home Page(PHP 18

2.10.1 Sejarah PHP 19

2.10.2 Konsep Dasar PHP 20

2.11 Pengenalan MySQL 21

2.12 Pengenalan CSS 22

2.13 Pengenalan JavaScript 22

(7)

Bab 3 Sekilas Subseksi Pengelolaan 25 3.1 Sejarah Berdirinya Rumah Tahanan Negara Kelas IIB Tanjung Pura 25

3.2 Tugas Subseksi Pengelolaan 26

3.3 Struktur Organisasi 27

3.4 Job Description 28

3.5 Analisis Jabatan 29

3.5.1 Identitas Jabatan 29

3.5.2 Identitas responden untuk analisis jabatan 29

Bab 4 Perancangan Sistem 30

4.1 Perancangan Sistem 30

4.2Data Flow Diagram(DFD) 30

4.2.1 Diagram Konteks 30

4.2.2 Diagram Nol(Overview Diagram) 31

4.3 Perancangan Flowchart 34

4.3.1 Flowcart Menu Utama 35 4.3.8 Flowcart Halaman Manajemen Data Pegawai 42 4.3.9 Flowcart Halaman Manajemen Data Penghasilan 43 4.3.10 Flowcart Halaman Manajemen Data Potongan 44 4.3.11 Flowcart Halaman Manajemen Data Golongan 45

4.3.12 Flowcart Ubah Password 46

4.3.13 Flowcart Kotak Masuk 47

4.3.14 Flowcart Artikel 48

4.4 Desain Layout Web 49

4.5 Desain Halaman Website 50

4.6 Desain Database 51

Bab 5 Implementasi Sistem 58

5.1 Pengertian Implementasi Sistem 58

5.2 Tujuan Implementasi Sistem 59

5.3 Komponen-Komponen Kebutuhan Sistem 59

5.3.1 Hardware 60

5.3.3 Software 60

5.3.4 Brainware 60

5.4 Instalasi XAMPP Version 1.6.4 Win 32 61

5.5 Pengujian di Browser 64

Bab 6 Kesimpulan Dan Saran 66

6.1 Kesimpulan 66

(8)

Daftar Pustaka 68

(9)

DAFTAR TABEL

Halaman

Tabel 41 Penentuan Antar Tabel 52

Tabel 4.2 Penentuan Field Tiap Tabel 53

Tabel 4.3 Tabel Berita 54

Tabel 4.4 Tabel Gaji 55

Tabel 4.5 Tabel Golongan Keuangan 56

Tabel 4.6 Tabel Kategori 56

Tabel 4.7 Tabel Kotak Masuk 57

Tabel 4.8 Table Pegawai Keuangan 57

Tabel 4.9 Tabel Penghasilan Keuangan 58

Tabel 4.10 Tabel Potongan Keuangan 59

(10)

DAFTAR GAMBAR

Halaman

Gambar 3.1 Struktur Organisasi Rutan Kelas IIB Tanjung Pura 27

Gambar 4.1 DFD Konteks 32

Gambar 4.2 Diagram Level 1(Satu) 33

Gambar 4.3 Aliran Informasi Rancangan Situs 34

Gambar 4.4 Flowchart Halaman Utama 35

Gambar 4.5 Flowchart Halaman Login Administrator 36

Gambar 4.6 Flowchart Halaman Menu 37

Gambar 4.7 Flowchart Halaman Profil 38

Gambar 4.8 Flowchart Halaman Utama Administrator 39 Gambar 4.9 Flowchart Halaman Menu Administrator 40 Gambar 4.10 Flowchart Halaman Input Data 41 Gambar 4.11 Flowchart Halaman Manajemen Data Pegawai 42 Gambar 4.12 Flowchart Halaman Manajemen Data Pemghasilan 43 Gambar 4.13 Flowchart Halaman Manajemen Data Potongan 44 Gambar 4.14 Flowchart Halaman Manajemen Data Golongan 45 Gambar 4.15 Flowchart Halaman Ubah Password 46 Gambar 4.16 Flowchart Halaman Kotak Masuk 47

Gambar 4.17 Flowchart Halaman Artikel 48

Gambar 4.18 Rancangan Halaman Utama 49

Gambar 4.19 Rancangan Halaman Utama Administrator 50

Gambar 4.20 Relasi Antar Tabel 60

Gambar 5.1 XAMPP 1.6.4 Installer 61

Gambar 5.2 XAMPP Setup Wizard 62

(11)

ABSTRAK

Kajian ini bertujuan untuk membangun website pada Rumah Tahanan Negara Kelas IIB Tanjung Pura. Website ini dibangun di bawah sistem operasi Windows XP SP2 yang mencakup aplikasi XAMPP Version 1.6.4 dimana Apache sebagai web server, PHP sebagai bahasa pemrograman dan MySQL sebagai pembuatan databasenya. Website ini juga didukung bahasa pemrograman web lainnya seperti HTML (HyperText Markup

Language), CSS (Cascading Style Sheets) dan JavaScript Sedangkan Macromedia

(12)

B A B 1

PENDAHULUAN

1.1 Latar belakang

Perkembangan teknologi informasi yang sedemikian cepatnya telah membawa dunia

memasuki era baru yang lebih cepat dari yang pernah dibayangkan sebelumnya.

Perkembangan teknologi ini membawa perubahan dalam berbagai bidang kehidupan

manusia. Salah satu hasil dari kemajuan teknologi adalah dihasilkannya komputer sebagai

alat bantu manusia dalam melakukan pekerjaan dan juga internet sebagai sarana

komunikasi penghubung yang digunakan melalui komputer.(Janner Simarmata, 2008)

Komputer berasal dari bahasa Inggris yaitu, computer yang berasal dari kata

compute yang artinya menghitung. Jadi secara bahasa, computer adalah alat hitung.

Komputer diciptakan sebagai alat bantu hitung yang memudahkan manusia dalam

melakukan penghitungan. Namun dalam perkembangan teknologi, komputer dapat

digunakan dalam membantu berbagai macam pekerjaan manusia. Seperti dalam bidang

akuntansi, dan administrasi.(

Selain komputer, internet merupakan salah satu hasil dari kemajuan teknologi

informasi. Jaringa n internet merupakan pelopor terjadinya revolusi teknologi. Internet

menjadi dasar perubahan yang terjadi dalam bidang ekonomi, sosial, dan budaya. Pada

(13)

semakin mudah dan efisien. Pada bidang sosial, internet mengubah pola hubungan sosial

antar individu yang menghilangkan jarak yang begitu jauh. Pada bidang budaya, mudahnya

terjadi transformasi budaya antar Negara yang harus disikapi dengan cermat pengaruhnya.(

(www.id.wikipedia.org)

Salah satu keunggulan internet ialah dapat menyampaikan system informasi yang

ada disebuah perusahaan atau instansi tertentu. Melalui internetlah profil, keunggulan dan

segala sesuatu tentang perusahaan tersebut dapat dipublikasikan ke masyarakat luas.

Dalam membangun sebuah Sistem Informasi dibutuhkan bahasa server side script

yaitu bahasa yang berbentuk script yang terletak dan dieksekusi di server untuk kemudian

hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien. Bahasa script

yang digunakan adalah PHP (Personal Home Page) karena sifatnya yang open source dan

dapat dengan mudah dikembangkan. PHP dirancang untuk membentuk suatu Web yang

bersifat dinamis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu

diminta oleh pengguna/klien. (Informatika,.2009)

Uraian diatas merupakan latar belakang untuk membuat suatu aplikasi Web dengan

judul : “Sistem Informasi Penggajian Pegawai Rumah Tahanan Negara Kelas II B

Tanjung Pura”. Sistem Informasi Penggajian Pegawai Rumah Tahanan Negara Kelas II B

Tanjung Pura merupakan sistem penggajian pegawai yang dilakuklan rutin pada setiap

(14)

1.2 Identifikasi Masalah

Masalah yang di temukan adalah informasi yang terdapat di subseksi pengelolaan Rumah

Tahanan Negara Klas IIB Tanjung Pura belum terpublikasikannya sistem kerja penggajian.

Untuk itu diperlukan sistem informasi untuk mempublikaasikan sistem tersebut dengan

membuat Sistem Informasi Penggajian Pegawai Rumah Tahanan Negara Kelas IIB

Tanjung Pura.

1.3 Rumusan Masalah

Dari identifikasi masalah yang ada, penulis merumuskan masalahnya :

1. Bagaimana membuat Sistem Informasi Penggajian Pegawai Rumah Tahanan Kelas

II B Tanjung Pura?

2. Bagaimana operator dapat membuat pengumuman tanpa harus beranjak dari tempat

duduknya dan pegawai/staf dapat berkreasi dan mendapatkan informasi dengan

mudah.

1.4 Batasan Masalah

Dalam menyusun tugas akhir membatasi Sistem Informasi Penggajian Pegawai Rumah

Tahanan Negara Tanjung Pura dengan Mengkomputerisasikan Sistem Informasi

Penggajian Pegawai yang ada di Rumah Tahanan Negara Tanjung Pura dalam menginput

dan mengolah data gaji pegawai.

1.5 Maksud dan Tujuan

(15)

1.5.1 Maksud

Sesuai dengan judul Tugas akhir yang dibuat, bermaksud untuk membuat suatu sistem

informasi berbasis web yang mudah digunakan dan user interface. Selain itu juga untuk

menemukan suatu cara dalam pemecahan masalah yang tepat dalam mempublikasikan

sistem kerja yang ada di Subseksi Penglolaan tersebut agar informasi yang didapat lebih

mudah diterima oleh staf yang ada di Rumah Tahanan Kelas IIB Tanjung Pura.

1.5.1 Tujuan

Selain mempunyai maksud, penelitian ini juga mempunyai tujuan:

1. Merancang sistem penggajian pegawai pada Rutan Tanjung Pura yang

terkomputerisasi

2. Sebagai aplikasi diri terhadap ilmu pengetahuan terutama pada pemograman PHP

dan MySQL yang diperoleh selama duduk dibangku kuliah sehingga berguna bagi

pihak Subseksi Pengelolaan Rutan Kelas IIB Tanjung Pura.

1.6 Metodologi Penelitian

Dalam penulisan tugas akhir ini ada beberapa metode penelitian yang dilakukan penulis

guna mengumpulkan data yang dibutuhkan dalam pembuatan Web ini. Adapun metode –

(16)

a) Pengumpulan data secara langsung ke Rumah Tahanan Negara Kelas IIB Tanjung

Pura.

b) Pengolahan data:Data yang diperoleh, diolah dan dianalisa untuk digunakan dalam

membuat sitem informasi ini.

c) Membuat algoritma dan Flowchart dari aplikasi yang ingin dibangun.

Agar aliran data informasi dan transformasi data dapat sesuai dengan gambaran

program yang diinginkan maka digunakan langkah pengerjaan secara sistematis dan

alat bantu berupa flowchart dalam merancang system informasi ini.

d) Perancangan dan Pembuatan Program dengan menggunakan aplikasi XAMPP

Version 1.6.4 yang merangkum Web Server Apache 2.2.3, Web scripting PHP

(PHP 5.2.4) dan MySQL 5.0.4.5. Dan juga HTML(Hypertext Markup Language),

CSS (Cascading Style Sheet), Java Script serta menggunakan Website Editor

Macromedia Dreamweaver 8 serta Macromedia Fireworks 8 dan Macromedia

Flash 8 sebagai aplikasi perncangan layout

e) Menguji coba program: Rancangan program yang telah selesai diuji kembali agar

dapat mengetahui apakah aplikasi ini telah sesuai dengan sasaran yang diinginkan

(17)

1.7 Sistematika Penulisan

Secara garis besar Tugas Akhir ini dibagi atas enam bab dan beberapa lampiran. Adapun

ke enam bab tersebut adalah sebagai berikut.

BAB 1: PENDAHULUAN

Bab ini merupakan bagian yang berisi mengenai latar belakang penulisan, identifikasi dan

batasan masalah , maksud dan tujuan, metodologi penelitian serta sistematika penulisan.

BAB 2: LANDASAN TEORI

Bab ini berisikan tentang uraian teoritis mengenai konsep dasar sistem, informasi, dan

sistem informasi, pengenalan internet, pengenalan PHP, MySQL dan Macromedia

Dreamweaver 8.

BAB 3: SEKILAS SUBSEKSI PENGELOLAAN RUTAN KLAS IIB TANJUNG PURA

Bab ini berisikan tentang uraian umum mengenai struktur organisasi Rutan Klas IIB

Tanjung Pura, tugas Subseksi Pengelolan.

BAB 4: PERANCANGAN SISTEM

Bab ini berisikan tentang rancangan sistem yang terpadu dengan database,rancangan

model tampilan Website,file yang digunakan serta algoritma terbentuknya program.

(18)

Bab ini merupakan bagian yang berisi tentang pengertian dan tujun implementasi sistem

serta penjabaran elemen-elemen sistem baik dari segi hardware,software, dan brainware.

BAB 6: KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan mengenai hasil rancangan sistem yang telah dibentu dan disertai

dengan saran yang diberikan oleh penulis kepada pihak pegawai Subseksi Pengelolaan

(19)

BAB 2

LANDASAN TEORI

2.1 Pengertian Dasar Sistem, Informasi dan Sistem Informasi

Dalam permulaan bab ini, di jabarkan tentang konsep-konsep dasar sistem, informasi, dan

sistem informasi.

2.1.1 Pengertian Dasar 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. Istilah ini sering dipergunakan untuk

menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika

sering kali bisa dibuat. Sistem juga merupakan kesatuan bagian-bagian yang saling

berhubungan yang berada dalam suatu wilayah serta memiliki item-item

penggera

Elemen Dalam Sistem

(20)

A. Objek, yang terdapat berupa bagian, elemen, ataupun variabel. Dapat berupa benda

fisik, abstrak, ataupun keduanya sekaligus tergantung kepada sifat sistem tersebut.

B. Atribut , yang menentukan kualitas atau sifat kepemilikan sistem dan objeknya.

C. Hubungan Internal, diantara objek-objek didalamnya

D. Lingkungan, tempat dimana sistem berada

Elemen Sistem

Ada beberapa elemen yang membentuk sebuah sistem, yaitu: tujuan, masukan, proses,

keluaran, batas, mekanisme pengadilan dan umpan balik serta lingkungan. Berikut

penjelasan mengenai elemen-elemen yang membentuk sebuah sistem:

1. Tujuan

Setiap sistem memiliki tujuan (Goal), entah hanya satu atau mungkin banyak. Tujuan

inilah yang menjadi pemotivasi yang mengarahkan sistem. Tanpa tujuan, sistem menjadi

tak terarah dan tak terkendali. Tentu saja, tujuan antara satu sistem dengan sistem yang lain

berbeda.

2. Masukan

Masukan (input) sistem adalah segala sesuatu yang masuk ke dalam sistem dan selanjutnya

menjadi bahan yang diproses. Masukan dapat berupa hal-hal yang berwujud (tampak

secara fisik) maupun yang tidak tampak. Contoh masukan yang berwujud adalah bahan

mentah, sedangkan contoh yang tidak berwujud adalah informasi (misalnya permintaan

(21)

3. Proses

Proses merupakan bagian yang melakukan perubahan atau transformasi dari masukan

menjadi keluaran yang berguna dan lebih bernilai, misalnya berupa informasi dan produk,

tetapi juga bisa berupa hal-hal yang tidak berguna, misalnya saja sisa pembuangan atau

limbah. Pada pabrik kimia, proses dapat berupa bahan mentah. Pada rumah sakit, proses

dapat berupa aktivitas pembedahan pasien.

4. Keluaran

Keluaran (output) merupakan hasil dari pemrosesan. Pada sistem informasi, keluaran bisa

berupa suatu informasi, saran, cetakan laporan, dan sebagainya.

5. Batas

Yang disebut batas (boundary) sistem adalah pemisah antara sistem dan daerah di luar

sistem (lingkungan). Batas sistem menentukan konfigurasi, ruang lingkup, atau

kemampuan sistem. Sebagai contoh, tim sepakbola mempunyai aturan permainan dan

keterbatasan kemampuan pemain. Pertumbuhan sebuah toko kelontong dipengaruhi oleh

pembelian pelanggan, gerakan pesaing dan keterbatasan dana dari bank. Tentu saja batas

sebuah sistem dapat dikurangi atau dimodifikasi sehingga akan mengubah perilaku sistem.

Sebagai contoh, dengan menjual saham ke publik, sebuah perusahaan dapat mengurangi

(22)

6. Mekanisme Pengendalian dan Umpan Balik

Mekanisme pengendalian (control mechanism) diwujudkan dengan menggunakan umpan

balik (feedback), yang mencuplik keluaran. Umpan balik ini digunakan untuk

mengendalikan baik masukan maupun proses. Tujuannya adalah untuk mengatur agar

sistem berjalan sesuai dengan tujuan.

7. Lingkungan

Lingkungan adalah segala sesuatu yang berada diluar sistem. Lingkungan bisa berpengaruh

terhadap operasi sistem dalam arti bisa merugikan atau menguntungkan sistem itu sendiri.

Lingkungan yang merugikan tentu saja harus ditahan dan dikendalikan supaya tidak

mengganggu kelangsungan operasi sistem, sedangkan yang menguntungkan tetap harus

terus dijaga, karena akan memacu terhadap kelangsungan hidup

sistem.

Jenis Sistem

Ada berbagai tipe sistem berdasarkan kategori:

A. Atas dasar keterbukaan:

a) System terbuka, dimana pihak luar dapat mempengaruhinya.

b) System tertutup

B. Atas dasar komponen:

a) System fisik, dengan komponen materi dan energy

(23)

2.1.2 Pengertian Data dan Informasi

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. Informasi dapat didefinisikan sebagai pengetahuan dari pembelajaran,

pengalaman, atau instruksi

2.1.3 Pengertian Sistem Informasi

Sistem informasi dapat didefinisikan sebagai berikut:

A. Sistem Informasi adalah Aplikasi komputer untuk mendukung operasi dari

suatu organisasi: operasi, instalasi, dan perawatan computer, perangkat lunak,

dan data.

B. Sistem informasi adalah sekumpulan hardware, software, brainware, prosedur

(24)

2.2 Pengenalan Komputer

Komputer berasal dari bahasa latin Computare yang berarti menghitung(to compute)

digunakan terutama sebagai alat Bantu untuk mempercepat proses hitung menhitung. Dalm

perkembangan selanjutu\nya data yang harus ditangani bertambah banyak. Hal itu

menimbulkan persoalan baru, yakni bagaimana data yang sangat banyak bias ditangani dan

disajikan secara efektif. Karena itu computer kini didisaign sebagai alat Bantu manusia

dalam menyelesaikan pekerjaan. Komputer dapat melakukan berbagai macam pekerjaan

seuai dengan instruksi yang diberikan melalui program-program tertentu. Program adalah

sekumpulan instruksi atau perintah terperinci yang sudah dipersiapkan.

2.3 Pengenalan Internet, Intranet, Ekstranet

Pengenalan Internet

Internet (Interconnected Network) merupakan sebuah jarinan besar yang terdiri dari berbaai

jaringan bisnis, pendidikan atau riset serta menghubungkan computer didalam

jaringan-jaringan tersebut.

Pengenalan Intranet

Intranet adalah sebuah jaringan privat ( private network ) yang menggunakan protokol –

(25)

dalam perusahaan tersebut kepada karyawannya. Terkadang, istilah intranet hanya merujuk

kepada layanan yang terlihat, yakni situs web internal perusahaan. Untuk membangun

sebuah intranet, maka sebuah jaringan haruslah memiliki beberapa komponenyang

membangun internet, yakni protokol Internet ( Protokol TCP / IP, Alamat IP, dan protocol

lainnya), klien dan juga server. Protocol HTTP dan beberapa protocol Internet

lainnya(PTF,POP3,atau SMTP) umumnya merupakan komponen protocol yang sering

digunakan. Umumnya sebuah intranet dapat dipahami sebagai sebuah “versi pribadi dari

jaringan internet”, atau sebagai sebuah versi dari internet yang dimiliki oleh sebuah

organisasi.

Pengenalan Ekstranet

Ekstranet adalah jaringan pribadi yang menggunakan protocol internet dan system

telekomunikasi public untuk membagi sebagian informasi bisnis atau operasi secara aman

kepada penyalur(supplier), penjual(vendor), mitra(partner), pelanggan dan lain-lain.

Ekstranet dapat juga diartikan sebagai intranet sebuah perusahaan yang dilebarkan bagi

pengguna diluar perusahaan. Perusahaan yang membangun ekstranet dapat bertukar data

bervolume besar dengan EDI (Electronic Data Interchange), berkolaborasi dengan

(26)

2.4 Network

Network adalah jaringan sistem komunikasi data yang melibatkan sebuah atau lebih sistem

komputer yan dihubungkan dngan jalur tranmisi alat komunikasi membentuk suatu sistem.

Dengan network, komputer yan satu dapat menggunakan data dikomputer lain. Network

merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan

menyalurkan arus informasi dari satu area ke area lainnya.

2.5 Web Server

Web server adalah internet server yang mampu untuk melayani koneksi perpindahan data

dalam protocol http web server dari internet server-server disamping email dan ftp. Web

server dirancang untuk menampilkan data, dimulai dari teks, hypertext, dan gambar yang

merupakan keunggulan dari web. Macam-macam web server antara lain:

a) Apache(Open Source)

b) Xitami

c) IIS

d) PWS(Personal Web Server)

Situs web dapat dikatagorikan menjadi 2 yaitu:

(27)

Web statis adalah web yang menampilkan informasi yang sifatnya statis(tetap)

b) Web Dinamis

Web yang menampilkan informasi serta dapat berinteraksi dengan user yang

sifatnya dinamis(informatika, 2008)

2.6 Word Wide Web(WWW)

WWW adalah jaringan beribu-ribu computer yang dikatagorikan menjadi 2(dua) yakni

klien dan server dengan menngunakan softwere khusus membentuk sebuah jaringan

yang disebut jaringan clien –server. Informasi dalam web disimpan kebentuk dokumen

yang disebuthalaman web (Web Page). Program web browser pada client mengirimkan

permintaan kepada web server, yang kemudian dikirimkan oleh server dalam bentuk

HTML. File HTML berisi instruksi yang diperlukan untuk membentuk tampilan.

Intruksi ini kemudian diterjemahkan oleh wserver sehingga isi informasinya dapat

ditampilkan secara visual kepada pengguna(Informatika, 2008).

2.7 Search Engine

Search engine adalah salah satu fasilitas internet yang dijalankan melalui browser untuk

mencari informasi yang diinginkan. Search engine menampung database dari situs-situs

(28)

memasukkan kata kunci maka search engine akan menampilkan beberapa link situs

disertai keterangan singkat. Search engine yang sangat terkenal adalah antara lain google,

namun masih banyak lagi search engine lain yang dapat digunakan seperti altavista, MSN,

Yahoo Search, dan lain-lain.

2.8 Hyper Text Transfer Protocol (HTTP)

HTTP adalah suatu protocol yang menentukan aturan yang perlu diikuti oleh web browser

dalam menyediakan dokumen yang diminta web server. Protocol ini merupakan protocol

standar yang digunakan untuk mengakses dokumen HTML. Jika dalam penjelajahan web

dan pada address tertulis seperti berikut:

we

2.9 Pengenalan XAMPP

XAMPP adalah satu paket software web server yang terdiri dari Apache, MySQL, PHP

dan phpMyAdmin. XAMPP sangant mudah digunakan terutama bagi pemula. Proses

instalasi XAMPP sangat mudah, karena tidak perlu melakukan konfigurasi Apache, PHP

dan MySQL secara manual XAMPP melakukan instalasi dan konfigurasi secara

(29)

2.10 Pengenalan Personal Home Page(PHP)

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 sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya

dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP

dalam mengeksekusi kode PHP pada sisi server disebut serverside, berbeda dengan mesin

maya Java yang mengeksekusi program pada sisi klien (client-server).

2.10.1 Sejarah PHP

Pertama kali dibuat oleh Rasmus Lardorf pada tahun 1995. Pada waktu itu PHP masih

bernama FI(Form Interpreted), yang wujudnya berupa sekumpulan skrip yang digunakan

untuk mengolah data form dari Web. Selanjutnya Rasmus merilis kode sumber tersebut

uuntuk umum dan menamakannya PHP/FI, kependekatan dari Personal Home Page/Form

Interpreter.

Dengan perilisannya kode sumber ini menjadi open source, banyak programmer

yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0.

(30)

disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara

signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP

menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada juni 1998, perusahaan

tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut

dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal

abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk menjaga aplikasi

web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP

mengalami perubahan besar. Versi ini juga mendukung sepenuhnya model pemrograman

berorientasi objek (PBO), integrasi XML, dan mendukung semua extensi terbaru MySQL

(Moh. Sulhan, ,2007).

2.10.2 Konsep Dasar PHP

Ara penulisan script PHP adlah diawali dengan pembuka script <? Atau <?php dengan

script penutup ?>

<?....?> <?...?>

(31)

kode program php dapat di sisipkan dibagian manapun dalm HTML atau XHTML.

Halaman yang ada di script PHP didalmnya, harus di simpan dengan

ekstensi.php(madcoms,2009)

2.11 Pengenalan MySQL

MySQL di kembangkan oleh sebuah perusahaan Swedia bernama MySQL AB yang pada

saat itu bernama Txc Data Konsulit AB sekitar tahun 1994-1995. meskipun cikal bakal

kodenya bias disebut sudah ada sejak tahun 1979. tujuan mula-mula Txc membuat MySQL

pada waktu itu juga menembangkan aplikasi web untuk client Txc yaitu perusahaan

pengembang software dan konsultasi database.

Fungsi MySQL dapat dikatakan sebagai interpreteur query karena setiap

menggunakan MySQL, kita harus meletakkannya didalam fungsi ini. Dengan kata lain,

SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational

database management system(rdbms) . sehingga istilah seperti table, baris dan kolom tetap

digunakan dalam MySQL. Pada MySQL sebuah database mengandung beberapa table,

table terdiri dari sejumlah baris dan kolom.

SQL(dibaca”ess-que-el”) merupakan kependekan dari structured Query Language.

SQl iguanakan untuk berkomunikasi dengan sebuah database. Sesuai dengan ANSI,SQL

merupakan bahasa standar untuyk sistem menajemen database relational. Statemen SQL

digunakan untuk melakukan tugas-tugas seperti melakukan up-to-date terhadap database,

(32)

SQL dan cukup terkenal adalah:MySQL, Oracle, Sybase, Microsoft SQL Server, Access,

Ingres, dan lain-lain.

2.12 Pengenalan CSS

Cascading Style Sheet (CSS) merupakan salah satu

mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan

seragam. Sama halnya styles dala

dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan

style lainnya untuk dapat digunakan bersama-sama dalam beberapa

CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML

da

CSS dapat mengendalikan

border, warna border, warn

teks, margin kiri/kanan/atas/bawah, dan parameter lainnya. CSS adalah bahasa

yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS memungkinkan

kita untuk menampilkan halaman yang sama dengan format yang berbed.

2.13 Pengenalan JavaScript

JavaScript adala

(33)

(www.id.wikipedia.org)

2.14 Pengenalan Macromedia Dreamweaver 8

Dreamweaver merupahkan software dari adobeyang digunakan sebagai html editor

professional untuk mendesain web secara visual , dan dapat juga digunakan untuk

menggelola situs atau halaman web. Selain itu, dreamweaver memberikan keleluasaaan

untuk mengunakannya sebagai meia penulisan bahasa pemograman web. Kemampuan

dreamweaver untuk berinteraksi dengan beberapa bahasa pemograman seperti

PHP,ASP,Javascript.

Macromedia jugga sebuah program aplikasi yang menyediakan segala kebutuhan

untuk membuat sebuah web yang utuh dan mudah dengan adanya tools-tools yang suah

(34)

BAB 3

SEKILAS SUBSEKSI PENGELOLAAN

3.1 Sejarah Berdirinya Rumah Tahanan Negara Kelas IIB Tanjung Pura

Bagi Negara Indonesia yang berdasarkan pancasila, pemikiran-pemikiran mengenai

pemidanaan tidak lagi sekedar penjeraan tetapi juga merupakan suatu usaha rehabilitasi

dan reinterasi social warga binaan pemasyarakatan telah melahirkan suatu sistem

pembinaan yang dinamakan suatu sistem pemasyarakatan.

Istilah Pemasyarakatan untuk pertama kali disampaikan oleh Almarhum Bapak

Saharji, SH(Mentri Kehakiman pada saat itu) paa tanggal 5 juli 1963 alam pidato

penganugrahan gelar Doctor Honoris Causa oleh Universitas Indonesia. Pemasyarakatan

oleh beliau dinyatakan sebagai tujuan pidana penjara.

Satu tahun kemudian, pada tanggal 27 April 1964 dalam Konfersi jawatan

Kepenjaraan yang dilaksanakan di Lembang Bandung, istilah Pemasyarakatan dalam

konfersi ini dinyatakan dalam suatu sistem pembinaan terhadap pelanggar hokum dan

sebagai penejawan tahanan keadilan yang bertujuan untuk mencapai reintegrasi social atau

pulihnya kesatuan hubungan warga binaan Pemasyarakatan dengan masyarakat.

Dalam perkembangan selanjutnya, pelaksanaan sistem pemasyarakatan yang telah

ilaksanakan sejak tahun 1964 semakin mantap dengan diundangkannya Undang-Undang

(35)

Dengan Unang-Undang Pemasyarakatan ini maka makin kokoh usaha-usaha

mewujudkan suatu sistem pemasyarakatan, sebagai tahanan menggenai arah dan batas serta

cara pembinaan Warga Binaan Pemasyarakatan berdasarkan Pancasila yang dilaksanakan

secara terpaqdu antara Pembina, yang dibina dan masyarakat untuk meningkatkan kualitas

Warga Binaan agar menyadari kesalahan, memperbaiki diri an tidak mengulangi tinak

pidana lagi sehingga dapat diterima oleh masyarakat, dapat aktif berperan dalam

pembanunan dan dapat hidup secara wajar sebagai warga yang baik dan bertanggung

jawab.

3.2 Tugas subseksi Pengelolaan

Berikut ini adalah uraian tugas Kepala Subseksi Pengelolaan secara umum:

1) Menyusun rencana kerja SUBSI Pengelolaan Rutan

2) Mengerjakan pengiriman surat keluar masuk untuk meemperlancar

penyampaian informasi

3) Membuat daftar gaji/lembur dan rapel pegawai di lingkungan Rutan

sebagai bahan melakukan pembayaran gaji/lembur dan rapel.

4) Melakukan pembayaran gaji pegawai Rutan sesuai dengan daftar gaji

5) Mempersiapkan dan menyelenggarakan pengurusan perjalanan dinas

dalam rangka kelancaran tugas

6) Membuat penyusunan daftar usulan kegiatan dan daftar usulan proyek

(36)

7) Membuat dan mengelola usulan daftar usulan kegiatan dan daftar usulan

proyek sebagai dasar penerbitan dana kegiatan kegiatan dan dana

pembangunan

8) Melakukan pengawasan dalam susseksi pengelolaan

9) Menyiapkan dan menyusun laporan Rutan

Didalam menyusun Tugas akhir ini, hanya dibatasi pengkomputerisasian tugas Subseksi

Pengelolaan hanya pada point ke tiga saja.

3.3 Struktur Organisasi

Berikut ini adalah struktur organisasi pada Rumah Tahanan Negara Klas IIB Tanjung Pura

yang ditunjukkan pada gambar 3.1

Kepala Rumah Tahanan Negara

Klas IIB Tanjung Pura

Kepala Kesatuan Pengamanan

Rutan Klas IIB

Tanjung Pura

Kepala Pelayanan Tahanan

Rutan Klas IIB

Tanjung Pura

Kepala Subseksi Pengelolaan

Rutan Klas IIB

(37)

Gambar 3.1 Struktur Organisasi Rutan Klas IIB Tanjung Pura

Dari gambar 3.1 tersebut tampak bahwa tingkatan tertinggi pada Rutan Klas IIB

Tanjung Pura adalah Kepala Rutan. Kepala Rutan membawahi tiga kepala bidang atau

bagian, yakni Kepala Kesatuan Pengamanan Rutan Klas IIB Tanjung Pura, Kepala

Pelayanan Tahanan Rutan Klas IIB Tanjung Pura, Kepala Subseksi Pengelolaan Rutan

Klas IIB Tanjung Pura.

Di dalam Tugas Akhir ini, dibuat system informasi pada Subseksi Pengelolaan.

Namun, didalam internal pegawai Subseksi Pengelolaan sendiri, mereka telah dibagi

tugasnya masing-masing berdasarkan keputusan Kepala Rutan. Di dalam hal ini pembagian

tugas mereka akan dijelaskan pada subbab 3.3 yang dinamakan Job Description.

3.4 Job Description

Nama Pegawai : SARDI, SH

Tugas : Mengatur semua kegiatan yang ada di dalm Subseksi Pengelolaan

(Kepala Subseksi Pengelolaan)

Nama Pegawai : Wilman Marbun, SH

(38)

3.5 Analisis Jabatan

3.5.1 Identitas Jabatan

Nama Jabatan : Kepala Subseksi Pengelolaan Rutan Klas IIB Tanjung pura

Unit Organisasi : Rumah Tahanan Negara Klas IIB Tanjung Pur

Eselon IV : Kepala Rumah Tahanan Negara Klas IIB Tanjung Pura

Eselon IIB : Kepala Divisi Pemasyarakatan Kanwil Dep.Hukum dan Ham

Sumatera Utara

Eselon IIA : Kepala Kanwil Dep.Hukum dan Ham Sumatera Utara

Instansi : Departemen Hukum Dan Ham Republik Indonesia

3.5.2 Identitas responden untuk analisis jabatan ini

Nama pejabat : SARDI, SH

Masa kerja jabatan ini : 04 Tahun 07 Bulan

Nama atasan langsung : Salman Daidi, Bc.IP,SH.MHUM

(39)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Perancangan sistem merupakan upaya perusahaan atau suatu lembaga untuk memulai

memiliki sistem yang baik yang lama maupun yang baru. Perancangan sistem dilakukan

setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.

4.2 Data Flow Diagram(DFD)

Data Flow Diagram(DFD) atau diagram aliran data merupakan model dari sistem untuk

menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan

menggunakan diagram aliran data adalah memudahkan pemakaian atau user yang kurang

menguasai bidang komputer untuk mengerti sistem yang dikerjakan.

4.2.1 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang

lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD yang

(40)

4.2.2 Diagram Nol(Overview Diagram)

Diagram nol adalah diagram yang menggambarkan proses dari data flow diagram. Diagram

nol memberikan secara menyeluruh mengenai sistem yang ditangani, menunjukkan tentang

(41)

- Data Pribadi Pegawai -Input Data Pegawai

- Slip Gaji -Input Gaji Pegawai

- Informasi Data pegawai

-informasi Gaji Pegawai

Laporan

Gambar 4.1 DFD Konteks

Pegawai

SISTEM INFORMASI PENGGAJIAN PEGAWAI RUMAH

TAHANAN NEGARA KELAS IIB TANJUNG PURA

Bagian Pengelolaan

(42)

-Informasi data pegawa

-Informasi gaji pegawai

-Data Pegawai -Data Penghasilan -Data Potongan -Data Golongan

-Data Gaji

Laporan data pegawai

Laporan gaji pegawai Pegawai

03 Pembuatan

Laporan 01 Input data

pegawai

Kepala RUTAN 02

Penggajian pegawai

Bagian Pengelolaan

(43)

Gambar 4.2 DFD Level Nol 4.3 Perancangan Flowcart

Tahap selanjutnya adalah tahap pembuatan flowcart(diagram alir atau aliran informasi dari

situs tersebut. Flowcart atau diagram alir adalah gambaran yang menampilkan struktur,

hirarki, dan isi halaman per halaman. Dengan adanya flowcart, akan sangat membantu

untuk memvisualisasi isi dari setiap halaman situs tersebut

Flowcart merupakan bagan-bagan yang mempunyai arus yang menggambakan

langkah-langkah penyelesaian suatu masalah. Flowcart merupakan cara penyajian dari

suatu algoritma.

Secara sederhana flowcart dalam membangun situs ini dapat dilihat pada gambar di

bawah ini:

Index/Halaman Utama

Login administrator

Menu

Berada

Galeri

Kontak

Login

profil

Sarana dan Prasarana

Ka.rutan

Pengamanan Lapas Struktur

Hot News

(44)

Gambar 4.3 Aliran Informasi Rancangan Situs 4.3.1 Flowcart Menu Utama

Start

Menampilkan Halaman Utama

Halaman Utama

Memilih Daftar Link

Login Administator

Menu

Profil

Hot News

Form Login A

Pilih Link Yang Ada

B

Pilih Link Yang Ada

C

Pilih Judul Berita Ya

Tidak

Ya

Ya Tidak

Tidak

(45)

Gambar 4.4 Flowcart Halaman Utama 4.3.2 Flowcart Halaman Login Administrator

A

Input Nama & Password

If True Status=Administator

Halaman Utama Admin

Keluar

END

Administator&Password Salah

F Ya

Ya

Tidak

(46)

4.3.3 Flowcart Halaman Menu

Gambar 4.6 Flowcart Halaman Menu

B

Beranda

Galery

Kontak

Login

END

Halaman Beranda

Halaman Galery

Kontak

A Ya

Ya

Ya Tidak

Tidak

(47)

4.3.4 Flowcart Halaman Profil

Gambar 4.7 Flowcart Halaman Profil

C

Ka.Rutan

Struktur

Pengamanan lapas

Halaman Sarana dan Prasarana

Halaman Ka.Rutan

Halaman Struktur

Halaman Pengamanan Lapas

END

Ka.Rutan

Struktur

Pengamanan Lapas Ya

Ya

Ya Tidak

Tidak

(48)

4.3.5 Flowcart Halaman Utama Administator

START

Halaman Admin

Pilih Link

Menu Admin

Input Data

Manajemen Data

Keluar

Pilih Link Pilih Link

Pilih Link D

F E Ya

Ya

Ya Tidak

(49)

Gambar 4.8 Flowcart Halaman Utama Administator

4.3.6 Flowcart Halaman Menu Administator

D

Beranda

Ubah Password

Kotak Masuk

Artikel

Logout

Halaman Beranda

END

Beranda

G

H

I Ya

Tidak

Ya

Kembali Ke Halaman Utama Ya

(50)

Gambar 4.9 Flowcart Halaman Menu Administator

4.3.7 Flowcart Halaman Input Data

E

Form Input

END

Ya Sub Menu

Pilih Sub Menu _{Isi Data}

Ya

Tidak

Save

Reset

Ya Ya

Ya

Tidak

D

a

ta

b

a

s

(51)

Gambar 4.10 Flowcart Halaman Input Data

4.3.8 Flowcart Halaman Manajemen Data Pegawai

F1

Edit Data Pegawai Update

(52)

Gambar 4.11 Flowcart Halaman Manajemen Data Pegawai

4.3.9 Flowcart Halaman Manajemen Data Penghasilan

(53)

Gambar 4.12 Flowcart Halaman Manajemen Data Penghasilan

4.3.10 Flowcart Halaman Manajemen Data Potongan

F3

Potongan

Edit Details Tampil Data

Potongan

Hapus

Edit Data

Potongan Update

Tampil Data Potongan

Details Hapus Data

Potongan Ya

Tidak

Ya

Tidak

Ya

(54)

Gambar 4.13 Flowcart Halaman Manajemen Data Potongan

4.3.11 Flowcart Halaman Manajemen Data Golongan

(55)

Gambar 4.14 Flowcart Halaman Manajemen Data Golongan

4.3.12 Flowcart Ubah Password

G

Form Ubah Password

Masukkan Password Baru

save

D

a

ta

b

a

se

Ya

(56)

Gambar 4.15 Flowcart Halaman Ubah Password

4.3.13 Flowcart Kotak Masuk

H

Kotak Masuk

Tampilan Pesan

Hapus

Balas Tampil

Hapus Pesan

Tampil Pesan

Form Balas Save

Ya

Tidak

Ya

Tidak

Ya

(57)

Gambar 4.16 Flowcart Halaman Kotak Masuk

4.3.14 Flowcart Artikel

I

Artikel

Tampil

Artikel Hapus Lihat Edit

Hapus artikel Tampil

Artikel Edit Artikel

Update

database Ya

Ya

Tidak

Ya

Tidak

Ya

Tidak

(58)

Gambar 4.17 Flowcart Halaman Artikel

4.4 Desain Layout web

Salah satu faktor agar situs dinikmati pengunjung adalah desain layout yang bagus.

Sebelum kita mendisain sebuah layout kita harus membuat sketsa, setelah itu kita membagi

situs menjadi beberapa bagian yaitu:

a. Bagian header berisi nama perusahaan dan beberapa grafik untuk mempercantik

tampilan

b. Navigasi mudah dikenal dan digunakan

c. Bagian konten merupakan isi yang ingin disampaikan kepada pegunjung

d. Bagian footer berisi nama dan informasi pemilik situs

Bagian-bagian lainnya, bisa merupakan link-link yang tersedia,kelender,dan jam.

Header

Link

Kelender

Isi

(59)

Gambar 4.18 Rancangan Halaman Utama

Gambar 4.3 Rancangan Halaman Utama Administrator

4.5 Desain Halaman website

Adapun halaman-halaman yang dibangun adalah:

1. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat situs

dibuka. Halaman ini berisikan artikel serta link-link menuju halaman berikutnya.

2. Halaman sejarah.php, merupakan halaman yang berisikan tentang sejarah Header

Isi

Footer Menu

Input Data

(60)

3. Halaman gallery.php, merupakan halaman yang digunakan untuk menampilkan

foto dokumentasi Rutan maupun acara-acara lainnya.

4. Halaman sarana.php, merupakan halaman yang menampilkan sarana dan prasarana

yang ada di Rutan Tanjung Pura.

5. Halaman berita.php, merupakan halaman yang berisikan tentang berita-berita

mengenai Rumah Tahanan Negara Kelas IIB Tanjung Pura maupun berita terbaru

lainnya.

6. Halaman struktur.php, merupakan halaman yang menampilkan tentang struktur

organisasi Rumah Tahanan Negara Kelas IIB Tanjung Pura.

7. Halaman kontak.php, merupakan halaman yang mengizinkan pengunjung untuk

memberikan saran, kritik ke Rumah Tahanan Negara Kelas IIB Tanjung Pura.

8. Halaman pengamanan.php merupakan halaman yang berisi tentang pengamanan

yang ada di Rumah Tahanan Negara Kelas IIB Tanjung Pura.

9. Halaman admin.php, merupakan halaman yang hanya dapat diakses oleh admin

untuk melakukan pengaturan seperti membuat, menghapus atau mengubah data

dalam situs.

4.6 Desain Database

Berikut ini adalah desain database yang dapat penulis uraikan sesuai dengan kebutuhan

yang diperlukan sebagai media input dan media penyimpanan data serta sebagai media

(61)

1. P

enentu

an

Antar

Tabel

Tabel 4.1 penen

tuan antar tabel

No Nama Tabel

1 berita

2 gaji

3 golongan_keuangan

4 kategori

5 kotak_masuk

6 pegawai_keuangan

7 penghasilan_keuangan

8 potongan_keuangan

(62)

2. Penentuan Field Tiap Tabel

Table 4.2 Penentuan Field Tiap Tabel

3. P

1 berita id_berita, id_kategori, id_user, judul, isi_berita,

gambar, hari, tanggal,jam,counter

2 gaji id_gaji, nip, gaji_pokok, tunjangan_umum,

tunjangan_beras, tunjangan_khusus_pajak,

jumlah_tunjangan, pajak_penghasilan,

potongan_beras,iuran_wajib_pegawai, sewa,

arisan_darma_wanita, angs_kop_pengayoman,

angs_bank_pdsu, angs_bri, arisan_gabungan,

juumlah_iuran, gaji_terima, bulan

3 golongan_keuangan kode_golongan, golongan, masa_kerja, status,

gaji_pokok

4 kategori id_kategori, nama_kategori, keterangan

5 kotak_masuk id, nama, email, pesan, replay, time_replay, date

6 pegawai_keuangan nip, nama, golongan, status_gol, masa_kerja,

tempat_lahir, tanggal_lahir, status, kelamin, anak,

alamat

7 penghasilan_keuangan kode_penghasilan, nip, tunjangan umum,

tunjangan_jabatan, tunjangan_beras,

tunjangan_khusus_pajak

8 potongan_keuangan id, nip, potongan_beras, iuran_wajib_pegawai,

pajak_penghasilan, sewa_perumnas,

arisan_darma_wanita

(63)

d

Tabel 4.3 Berita

No Tabel Field Type Values Keterangan

1 berita id_berita* int 5 ID

berita,primary

key

id_kategori int 5 ID kategori

id_user varchar 5 ID user

judul varchar 100 Judu l berita

isi_berita text - Isi berita

gambar varchar 100 Gambar berita

hari varchar 20 Hari berita

tanggal date Tangga l berita

jam Time Jam berita

counter int 5 counter

Tabel 4.4 Gaji

2 Gaji id_gaji* int 5 ID gaji,Primary Key

nip int 25 Nomor induk

pegawai

gaji_pokok int 10 Gaji pegawai

tunjangan_beras int 10 Tunjangan beras

tunjangan_khusus_pa

jak

int 10 Tunjang Khusus

Pajak

jumlah_tunjangan int 10 Jumlah Tunjangan

(64)

potongan_beras int 11 Potongan beras

iuran_wajib_pegawai int 11 Iuran wajib pegawai

arisan_darma_wanita int 11 Arisan darma

wanita

angs_kop_pengayom

an

int 11 Angsuran Koperasi

Pengayoman

angs_bank_pdsu int 11 Angsuran Bank

Pdsu

angs_bri int 11 Angsuran Bank BRI

sewa int 11 Sewa Perumnas

arisan_gabungan int 10 Arisan gabungan

juumlah_iuran int 30 Jumlah iuran

gaji_terima int 10 Gaji yang diterima

bulan varchar 20 Bulan

3 golongan_keuangan kode_golongan* int 20 Kode golongan,

primary key

golongan varchar 20 Golongan

masa_kerja varchar 20 Masa kerja

(65)

Tabel 4.5 Golongan_Keuangan

Tabel 4.6 Kategori

Tabel 4.7 Kotak_masuk

No Tabel Field Type Values Keterangan

5 kotak_masuk id* int 6 ID,Primary

key

nama varchar 35 Nama

email varchar 35 Email

pesan text - Pesan

replay text - Replay

time_replay datetime - Time replay

date datetime - Tanggal gaji_pokok varchar 20 Gaji pokok

4 Kategori id_kategori* int 5 ID kategori,

Primary key

nama_kategori varchar 50 Nama

kategori

(66)

Tabel 4.8 Pegawai_keuangan

No Table Field Type Values Keterangan

6 pegawai_keuangan nip* int 20 Nomor induk

pegawai,primary

key

golongan varchar 20 Golongan

status_gol varchar 10 Status golongan

masa_kerja int 12 Masa kerja

tempat_lahir varchar 20 Tempat lahir

tanggal_lahir varchar 12 Tanggal lahir

status varchar 20 Status

kelamin varchar 25 Jenis kelamin

anak varchar 20 Anak

(67)

Tabel 4.9 Penghasilan_keuangan

Tabel 4.10 Potongan_keuangan

No Table Field Type Values Keterangan

7 Penghasilan_

keuangan

kode_penghasilan* int 20 Kode_penghasilan

, primary key

nip varchar 20 Nomor induk

pegawai

tunjangan_umum varchar 20 Tunjangan umum

tunjangan_jabatan varchar 20 Tunjangan jabatan

tunjangan_beras varchar 20 Tunjangan beras

tunjangan_khusus_pajak varchar 20 Tunjangan khusus

pajak

No Tabel Field Type Values Keterangan

8 potongan_keuangan id* int

nip int

potongan_beras int

iuran_wajib_pegawai int

pajak_penghasilan int

sewa_perumnas int

arisan_darma_wanita int

simpanan_wajib int

angs_kop_pengayomanan int

(68)

Tabel 4.11 User

9 user id* int 5 ID,Primary

Key

password varchar 10 Password

Status tabel varchar 10 Status

Dari tabel 4.5,4.6,4.9,dan 4.10, dapat dibuat ERD (Entity Relational Diagram) nya. ERD

menggambarkan hubungan atau realsi antar table. Relassi antar tersebut dapat digambarkan

sebagai berikut:

angs_bri int

(69)

Gambar 4.15 Relasi Antar Tabel

berita

id_berita* id_kategory** id_user** user

id*

katagerori

id_kategori*

pegawai_keuangan nip*

golongan**

gaji

id_gaji* nip**

penghasilan_keuangan kode_penghasilan* nip**

golongan_keuangan kode_golongan* golongan**

(70)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem

yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya,

menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun

langkah-langkah yang dibutuhkan dalam implementasi sistem adalah sebagai berikut:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang

Website.

2. Menyelesaikan rancangan sistem

3. Menulis, menguji, mengontrol dan mendokumetasi Website.

4. Mendapatkan persetujuan

5.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu:

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai

sarana pengolah data dan penyaji informasi

2. Menyelesaikan rancangan yang ada dalam dokumen sistem yang baru atau yang

(71)

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap

sistem yang baru dan mendapat informasi yang baik dan jelas.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan

menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem yang telah ada berjalan dengan lancer mengontrol dan

melakukan instalasi secara benar.

5.3 Komponen-Komponen Kebutuhan Sistem

Komponen-komponen yang sangat berperan dalam menunjang penerapan sistem yang

dirancang terhadap pengolahan data. Beberapa komponen yang dibutuhkan sistem

untuk dapat beroperasi dengan baik antaara lain:

5.3.1 Hardware

Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem

yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:

a. Netbook dengan processor Intel Atom N450(1.66Hz)

b. Hardisk sesuai kebutuhan

c. Memory minimal 192MB

5.3.2 Software

Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen

(72)

a. Sistem operasi Micrpsoft Windows XP Professional

b. Aplikasi XAMPP Version 1.6.4 yang termasuk didalamnya bahasa

pemograman PHP,Database MySQL, dan webserver Apache

c. Browser (Mozilla Firefox)

d. Macromedia Dreamweaver 8 sebagai web editor

5.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem

informasi, pemrosesan dan pengguna keluaran sistem informasi.

Brainware dalam sistem informasi ini terbagi atas:

a. Analisis Sistem: orang yang menganalisa sistem dengan mempelajari

masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan

mengidentifikasi pemecahan yang beralasan

b. Programmer: orang yang membuat sistem dengan menggunakan salah satu

bahasa pemrograman yang dikuasainya.

c. Operator: orang yang memakai sistem

5.4 Instalasi XAMPP Version 1.6.4 Win 32

(73)

Gambar 5.1 Xampp 1.6.4 Installer

2. Setelah muncul setup wizard seperti gambar dibawah, kemudian klik Next

Gambar 5.2 Xampp 1.6.4 Setup wizard

3. Kemudian Muncul kotak dialog, penentukan lokasi untuk instalasi, kemudian klik Next

Gambar 5.3 Kotak Dialog Penentuan Lokasi Instalasi

(74)

Gambar 5.4 Kotak Dialog Penentuan Untuk Memulai Proses Installasi

5. Kemudian Muncul kotak dialog untuk proses instalasi,klik Install

Gambar 5.5 Kotak Dialog Proses Instalasi

6. Kemudian tunggu sampai proses installasi selesai.Kemudian tekan Next

5.5 Pengujian di Bowser

Setelah menginstal xampp, maka aplikasi web telah dapat diuji dikomputer local.

Adapun caranya adalah sebagai berikut:

1. letakkan file-file yang membangun web kedalam satu folder, kemudian

diletakkan didalam folder htdoc, folder web iberi nama lembaga_liza terlihat

(75)

Gambar 5.6 Peletakkan folder berisi File-File Web dalam Folder www

2. buka web browser dalam hal ini web browser yan digunakan adalah Mozila

Firefox.

3. Pada kotak URL ketikkan

berikut

4. setelah dilakukan Enter pada Keyboard maka akan terlihat tampilan sebagai

berikut:

(76)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam pembuatan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam

pembangunan Sistem Informasi Penggajian Pegawai Rumah Tahanan Negara Kelas IIB

Tanjung Pura. Maka dapat disimpulkan:

1. Dalam membangung sebuah Sistem Informasi tidak harus terhubung dengan

internet. Internet diperlukan saat mengupload file dan pengaksesan Website.

2. Layout/header yang bagus dan menarik dapat menambah daya tarik website.

3. Website yang baik adalah website yang meng_update informasinya dengan hal

yang baru yang ada di Rumah Tahanan Negara Tanjung Pura

6.2 Saran

1. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan

dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak

untuk mengaksesnya.

2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki

spesifikasi dengan level menengah karena penggunaan software yang banyak

(77)

DAFTAR PUSTAKA

Simarmata,J.2006.Analisisb dan Desain Sistem Informasi. Yogyakarta: Andi

Mico,Paradosi.2004 Pengenalan Internet:Penerbit Andi

Madcoms,2008.PHP dan MySQL untuk Pemula.Madcoms: Madcoms dan Andi.

Panduan Tatacara Penulisan Skripsi dan Tugas Akhir.2008,Dokumen

Nomor:Akad/05/2005. Medan.Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sumatra Utara.

Loudon, K. C. dan Jane, P. L. 2007. Sistem Informasi Manajemen. Edisi 10. Terjemahan : Chriswan Sungkono dan Machmudin Eka P. Jakarta: Salemba Empat.

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

McLeod Raymond dan George P. Schell. 2007. Sistem Informasi Manajemen. Edisi 9. Terjemahan : Heri Yulianto. Jakarta: Indeks.

Rafiza, H 2006. Panduan dan Reperensi Kamus Fungsi PHP5. Jakarta: Elex Media Komputindo.

Shalahuddin,M,dan Rosa A.S.2010.Java di Web.Bandung:Penerbit Informatika

(78)

1. Header (header.php)

---

<div class="header"><br />Rumah Tahanan Negara KELAS IIB <br /> Tanjung Pura</div>

2. Footer (header.php)

---

href="..//Dark_Ritual/include/index.php">Lembaga Pemasyarakatan Klas IIB Tanjung Pura</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a></span>

<span class="right">Template design by <a href="">Liza</a></span>

3. Koneksi (koneksi.php) ---

<?php

$koneksi=mysql_connect('localhost','root','' )or die (mysql_error()); mysql_select_db('keuangan',$koneksi);

?>

4. Subnav (subnav.php)

---

(79)

<li><a href="index.php?name=files/kalapas.php">Karutan</a></li>

// Berita Terpopuler

$populer=mysql_query("SELECT * FROM berita ORDER BY counter DESC LIMIT 10");

while($p=mysql_fetch_array($populer)){

echo "<li><a href=index.php?name=detailartikel.php&id=$p[id_berita]> $p[judul]($p[counter])</a> </li>";

} ?>

</ul> </div>

5. Halaman Subnav (subnav.php)

(80)

<li><a

6. Main Right (index.php)

---

<form id="searchform" method="get" action="proses_cari.php">     <input name="kata"

id="mod_search_searchword" maxlength="25" alt="Cari" class="inputbox" size="15" value="cari..." onblur="if(this.value=='') this.value='cari...';"

onfocus="if(this.value=='cari...') this.value='';" type="text"> <input type="submit" value="Go" style="background-color:#000000; border:#000000; color:#CCCCCC" size="30" /></form> </div>

(81)

<h1 align="center">Berita Terkini </h1> <div align="center"> <?php

include "include/koneksi.php";

// Berita Terpopuler echo "<table align='center'>";

$populer=mysql_query("SELECT * FROM berita ORDER BY counter DESC LIMIT 10");

while($p=mysql_fetch_array($populer)){ echo "<tr valign=top><td>• </td>

<td><div ><a href=index.php?name=detailartikel.php&id=$p[id_berita]> $p[judul]</a> ($p[counter])</div></td></tr>";

}

echo "<tr><td colspan=2></td></tr></table>"; ?>

</div>

<h1 align="center">Kalender</h1>

(82)