PENGEMBANGAN APLIKASI MULTIUSER DATA Cl'TI

KARYA\VAN BERBASIS WEB PADA PT.TELKOM CISC

TRI MURNI JAMELIA

101091023304

JURUSAN TEKNIK INFORMATKKA

FAKULTAS SAI'.'IS DAN TEKNOLOGJ

UNIVERSIT AS ISLAM NEGERI

SY ARIF HIDA YATULLAH

JAKARTA

2005

PENGEMBANGAN APLIKASI MULTIUSER DATA CUTI

KARYAWAN BERBASIS WEB PADA PT.TELKOM CISC

SKRIPSI

Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sat:iana l\.omputer

Fakultas Sain clan Teknologi

Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh TRI MURNI JAMELIA

101091123104

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOJLOG1

l!NIVERSITAS ISLAM NEGERI

SY ARU<' I-IIDA Y ATlJLLAH

JAKARTA

2005 Ml 1426 H

PENGEMBANGAN APLIKASI MULTIUSER DATA CUTI

KARYAWAN BERBASIS WEB PADA PT.TELKOM CISC

SKRIPSl

Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sa~jana Komputer

Fakultas Sain dan Teknologi

Universitas Islam Negeii SyarifHidayatullah Jakarta

Oleh TRI MURNJ JAMELIA

101091123304

Menyetujui

,-----:0

em~birnbingL) -------- - . r

~--·~;_:::;.:::::.:.:::.~ --;;::::::;;;?

Pembimbing II (

-------------- . Herlino Nanang, ST, MT Widayat Singi~h P,, S. Korn

Mengetahui, an Teknik lnfonnatika

1 a Katjong, M.T. M.Kom NlP: 470 035 764

.JURUSAN TEKNIK INFORMA TJKA FAKULTAS SA INS DAN TEKNOLOGll

UIN SY ARIF HIDAY A TULLAH JAKARTA

Dengan ini menyatakan bahwa Skripsi yang di tulis oleh :

Nama NIM Program St:udi Judul Skripsi

Tri Murni .lamelia I 01091123304 Teknik lnfonnatika Pengembangan Aplikasi Multiuser Data Cuti Karyawan Berbasis Web di PT. TELKOM CJSC

Dapat diterima sebagai syarat kelulusan untuk memperoleh gelar sarjana komputer pada Jurusan Teknik lnfonnatika, Fakultas Sains Dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta

Pembimbing I

Herlino Nanang, ST, MT

Jakarta, September 2005 Disahkan oleh :

Dosen Pernbimbing

Mengetahui,

i'v!.Sis ~ .I

Ketua Jurusan

/)) /!vt~.~· vt>1 Ir. Bakri LaKatjQ!)g. M.Kom. MT NIP: 470 035 764

PERNYATAAN

DENGAN !NI SAYA MENYATAKAN BAHWA SKRIPSJ JN! BENAR­

BENAR HASIL KARYA SEND!Rl YANG BELUM PERNAH DIAJUKAN

SEBAGAJ SKRIPSI ATAU KARYA ILMIAH PADA PERGURLJAN TINGGJ

ATAU LEMBAGA MANAPUN.

Jakarta, September 2005

Tri Murni Jamclia 10:091123304

KATA PENGANTAR

Alhamdulillah puji dan syukur penulis panjatkan ke:hadirat Allah SWT

karena atas raluuat dan hidayah-Nya penulis dapat menyelesaikan skripsi

Pengembangan Aplikasi Multiuser Data Cuti Karyawan Berbasis Web Pada

PT.Telkom Divisi CISC.

Penulis menyadari bahwa dalam penulisan skripsi in1 masih banyak

kekurangan karena keterbatasan ilmu dan pengetahuan penulis. Penulis juga

menyadari bahwa skripsi ini dapat selesai berkat bimbingan dan bantuan berbagai

pihak

Untuk itu pada kesempatan ini, perkenankanlah penulis mengucapkan

terima kasih dan penghargaan yang tulus kepada seluruh pihak yang telah

membantu penulis dalam menyelesaikan skripsi ini, khusunya kepada :

l. lbunda dan Ayahanda tercinta yang selalu memberikan dukungan, kasih

sayang, doa dan semangat yang tiada henti-hentinya, kakakku tercinta aa dan

ayu yang telah '.Ilemberikan dorongan moril, serta novau, s.1i, idar, dan dadang

dengan doa-dom1ya.

2. Bapak Herlino Nanang, ST, MT, selaku Dosen pembirnbing I, dan Bapak

Widayat Singgih P., S.Kom, sclaku Doscn pembimbing ll, yang telah

memberikm1 bimbingan dan saran-saran dalam penyusunan skripsi ini.

3. Bapak Dr. Syopim1syah Jaya Putra, l'vl.Sis, selaku Dekan Fakultas Sains dan

Teknologi.

4. Bapak Ir. Bakri La Katjong, MT, M.kom, selaku ketua jurusm1 dan lbu

Khodijah Hulliyah, S.Kom, selaku Sck.retaris Jurusan Teknik lnformatik.a.

5. Bapak Bazaro Mendrofa selaku bagian SDM PT. Telkom Divisi CISC dan

Bapak Aris Darmawanto se1ta Bapak Faisal Aidil Fitri atas kesediaannya

unt11k mernberikan keterangan dan saran serta data yang diperlukan dalarn

penyusunan skripsi ini.

6. Seluruh Staf Jurnsan Teknik infonnatika, Staf Fakultas SaimTeknologi, Staf

Laboratorium, Staf Perpustakaan dan Dosen UIN Syahid Jakarta.

7. Kepada Bapak Yusuf, Pak Gun, Kak Nani, Nalurita, Lina&Sofa, Kannila,

Nahyan, Sartono, Khmiq, Ratih, Riki yang telah membedkan banyak saran

dan masukan serta support kepada penulis sehingga penulis dapat

rnenyelesaikan skripsi ini.

8. Ternan-teman clan sahabat-sahabat di kampus yang banyak mengisi hari-hari

penulis dengan riang dan gembira.

9. Dan semua pihak yang telah rnembantu clan ticlak clapat disebutkan satu

persatu.

Penulis menyadaii akai1 kekurangan daii skripsi ini, oleh karena itu

penulis mengharapkan kritik clan saran ym1g membangun untuk pengembangan

aplikasi ini. Semoga skdpsi ini bermanfaat bagi para pembaca pada umumnya

dan bagi penulis pada khususnya.

Jakarta, September 2005

Penulis

ABSTRAK

Tri Murni Jamelia, Pengernbangan Aplikasi Multiuser Data Cuti . Kmyawan Berba>is Web di PT. Telkom Divisi CISC. (Di bawah bimbingan Bapak Herlino Nanang, ST, MT dan Bapak Widayat Singgih Prasetiyo, S.korn).

Cuti merupakan salah satu hak yang dimiliki setiap kaiyawan/ pegawai di

seluruh perusahaan. Dalarn aktualitasnya di lapai1gan cull rnerupakan salah satJ1

proses bisnis dari Departemen pengembangan dan Sumber Daya Manusia (SOM)

di perusahaan manapun yang penangananya tidak boleh dipandang sebehh mata.

Hal ini disehabkan karena penanganan cuti yai1g baik dapat memberikai1 kepuasan

kepada karyawan clan dapat meningkatkan efoktifitas kerja.

Pada PT. Telkom Divisi CISC (Caffier lnterconection Service Center) y2ng

berada di Jalan Gatot Subroto, cuti merupakan salah satu bagian dari proses bis11is

Departemen Pengembangan dan SOM. Dalam ha! penanganan rnti, perusahaan ini

memberikan cuti kepada seorang karyawan clengan earn mcnuliskan nama

kmyawai1 yang mengambil cuti ke dalain suatu bukn yang bcri5i tentai1g daftar

cuti karyawai1 secara manual. Seorang kaiyawan yang ingin mengainbil cuti

diharuskan mengisi fonnulir pennohonan cuti yang disediakan pada bagian

sumber daya mannsia yang kemuclian diserahkan kepada atasannya. Pennasalahan

timbul ketika seorang karyawan ingin mengetahui atau meGgambil cuti dai·i sisa

cuti miliknya, yang terkadang membutuhkan banyak waktu. dm1 tenaga untuk

memproses dan mendapatkai1 informasinnya. Untuk meningkatkan kinerja

perusahaan, khususnya dalain hal penanganan cuti karyawan ini, maka diperlukan

aclanya suatu sistem/ aplikasi dan faktor-faktor pendulnmg lain yai1g dapat

mempemmdah pelaksanaan dan pencmian cuti kmyawan sehi:1gga dapat lebih

efektif clan efisien.

Melaltti tahapan analisa, design dai1 implementasi pada rnetoclelogi

pendekataan sistem terstruktur dalam pengembangan sistem, perancangan suatu

aplikasi multiuser data cuti kaiyawan berbasis web ini, diharapkan dapat

membantu mempennudah pelaksanaan clan penanganan cuti clalam pernsahaan,

baik di level manager maupm1 kaiyawan oiasa.

DAFTARISI

Hal am an

HALAMAN JUDUL ................................................................................. .

HALAMAN PERSETUJUAN PEMBTMBTNG .......................................... ii

HALAMAN PENGESAHAN ............................... ............. .... ...... ... ......... m

HALAMAN PERNY AT AAN ............................................ .... ...... ............ 1v

KAT A PENGANTAR .................... .................................... .... .................... v

ABS fRAK . .. . . ... .. . . . . . . . . . . . . .. . . . . . .. . . . . . . . . . . .. . . . .. . . . . . ... . ... ... . ... . . . . .. . . . .. . .. . . . . . . . . . . . . . . . VII

DAFT AR IS!................................................................................................ vm

DAFT AR GAMBAR ................................................................................... x111

DAFT AR TABEL........................................................................................ XVI

DAFT AR LAMPIRAN ............................ ................................. ....... ........... xvii

BAB I PENDAHULUAN ............................................................................ l

I.I Latar Belakang Masalah .................. ......................... .................. 1

1.2 Rumusan <lan Batas an Masalah ............ .... . ...... .. .. .. .... ...... .. .. ........ 2

1.3 Metode Penelitian...... .... .. .. .... .. ............ .... .. ...... .. .. ..... .... .. ............ 3

l.4 T11juan dan Manfaat....... .................................................. .......... 5

1.5 Sistematika Penulisan ........................... .................... .................. 5

BAB II LANDASAN TEOR I.................................................................... 8

2.1 Siklus Hidup Pengembangan Sistem............................................ 8

2.1. I Metodologi Pengembangan Sistem Terstrnktur .............. 9

2.1.2 Entity Relational Model ............ .......................... ........... 9

2.1.3 Diagram Sistem dan Aliran Data Contex......................... 10

2.2 Penge1tian Basisdata ............................................ ................ ........ 12

2.2.1

2.2.2

Arsitektur Sistem Basisdata .... ............ ......... .... .... ......... 13

Metodelogi Perancangan Basisdata ................... . 13

2.2.3 Tujuan Perancangan Database...................... ..... ............ 14

2.2.4 Pcmodclan Logika dan Fisik Rasisdata ............. . 14

2.2.5 Kamus Data ...................................................................... 16

2.2.6 Nonnalisasi .................... ................ ............... ..... 17

2.3 DBMS ( DataBase Management Sistem ) ................ ..... . 19

2.3. I Bahasa Dalam DBMS...................................................... 19

2.3.2 Pengertian Multiuser ...................................................... 20

2.3.3 Arsitektur DBMS Multiuser........................................ 20

2.4 Aplikasi Berbasis Web ............................... .. 23

Web Browser .... ... .. .. .. .. .. .. .. .. .. .. .. . .. . .. .. .. .. .. .. .. .. .. . .. .. .. .. .. .. 24 2.4.1

2.4.2 Web Server .................. .. ........................................... 24

3.2.l Pemrograman Berbasis Web (Web Prot,'ramming) .......... 25

2.5 Pengertian HTML, MySQL dm1 PHP, JavaScript... ..................... 26

2.5.1 HTML ............................................................................. 26

2.5 .2 MySQL............................ .................................... ... ......... 27

2.5.3 P~ .................................................................................. ~

2.5.4 JavaScript ......................................................................... 30

BAB 111 ANALISA KERUTUHAN SISTEM ......................................... 32

3.1 Latar Belakang PT. Telkom Divisi CJSC ................................... 32

3.1.1 Sejarah Singkat PT. Telkom Divisi CISC ....................... 32

3.1.2 Business PT. Telkom Divisi CISC .................................. 33

3.1.3 Visi, Misi dan Kebijakan MutuPT. Telkom CISC .......... 33 ·

3.1.4 Struktur Organisasi ......................................................... 35

3.1.5 Tugas dan Wewenang ........................................... .... ....... 36

3.2 Analisa $istem ............................................................................. 37

3.2. l Uraian Sistem yang Berja!an ........................................... 37

3.2.2 Kelebihan dan Kelernahan Sistem yang Be1jalan ........... 41

3.3 Analisa Pemecahan Masalah ........................................................ 42

3.3. I Permasalahan yang ditemukan pada Sistcrn Lama ......... 42

3.3.2 Pemecahan Masalah ....................................................... 42

3.4 Usulan Perancangan Aplikasi Penanganan Cuti Kmyawa•1 ........ 43

. ) 3.4.1 Anahsa Kebutuhan ........................................................ 43

3.4.2 Pihak yang Terlibat ......................................................... 44

.j

3.4.3 Analisa}'aktor Pendukung .............................................. 45

3.4.4 Rancangan Alur Sistem yang Diusulkan ....................... 48

3.5 Rancangan Antannuka yang Diusulkan ...................................... 52

BAB IV PERANCANGAN APLIKASI DATACllTI KARY A WAN

BERBASIS WEB PT. TELKOM DIVISI CISC ..................... 65

4.1 Usulan Perancangan Sistem ........................................................ 65

4.1.1 Rancangan Data Flow Diagram .... ...................... ............ 66

4.1.1.1

4.1.1.2

4.1.1.3

Rancangan Diagram Context (level 0 l ........ .

Rancangan Diagram Level I

Rancangan Diagram Level 2

66

67

68

4.1.2 Rancangan Keluaran Masukan ..................... .................. 72

4.1.3 Rancangan Model Data (ER-Diagram)........................... 76

4.2 Perancangan Basisdata .... ... ..... ....................... ................ ............ 77

4.2.1 Normalisasi ..................... ...................... ............. ........... 77

4.2.2

4.2.3

4.2.1.1 Bentuk Tidak Nonna] .................... ............ .... ...... 77

4.2.1.2 Bentuk Nmmal Pertarna .... .................................. 78

4.2.1.3 Bentuk Nornial Xedua ........................................ 80

4.2.1.4 Bentuk Nonna! Ketiga .............. ......................... 86

Spesifikasi Tabel .... ... . ......................... . .................. .

Kamus Data .................................................................. .

88

91

4.2.4 Spesifikasi Karnus Data .................................................. 92

4.3 Prosedur Rancangan Program yang di Usulkan .......................... 97

4.3.1 Menu Login ................................................................... . 97

4.3.2 Menu Cek_Login ................................................. .......... 98

4.3.3 Menu Utarna Perneriksa .................................................. 99

4.3.4 Menu Utarna Karyawan .................................................. JOI

4.3.5 Menu Utarna Karyawan2 .......................... ..................... 103

4.3.6 Menu Logout.................................................................. 105

4.3.7 Menu Tampil Cuti Perneriksa ......................................... 106

4.3.8 Menu Tambah Data Bara Ka1yawan .............................. 107

4.3.9 Menu Tampil Cuti Kmyawan ........................................ 108

4.3.10 Menu Daftar Baru Cuti ................................................. 109

4.3.11 Menu Persetujum1 .......................... ................................. 111

4.3.12 Menu Persett1juan Cuti .................................................... 113

4.3.13 Menu Cari Cuti Pemeriksa ............................................ 114

4.3.14 Menu Update Karyawan ................................................. 115

4.3.15 Menu Login Admin ........................................................ 116

4.3.16 Menu Cek_Log Admin ................................................... 116

4.3.17 Menu Utarna Adrnin ....................................................... 117

4.3.18 Menu Tarnpil Cuti Admin ............................................... 119

4.3.19 Menu Cari Cuti Admin ................................................... 120

4.4 lmplernentasi Rancangan Aplikasi ke dalam Program ................. 121

4.4.1 PHPTriad.................................... .......................... ...... ...... 121

4.4.2 lnstalasi PHPTriad .......................................................... 122

4.4.3 Pengkodean .................................................................... . 125

4.5 Tampilan Aplikasi Data Cuti Karyawan .................................... . 125

BAB V KESIMPULAN DAN SARAN ..................................................... 126

5. I Kesimpulan .............................................................................. .. 126

5 .2 Saran . . . . . . . . . . . . . . ... . . . . . .. . . . . . . .. . ... .. . . ... . .. . . .. . . . . . ... . . . . .... .. . ... . . .. . .. . ... . . . . . . . . . 127

DAFT AR PUST AKA................................................................................. 128

DAFT AR GAMBAR

Gambar 2.1 : Tahapan Perancangan Basisdata............ .. .. .. .. .. .. .. .. .. .. .... 14

Gambar 2.2 : Teleprocessing......................................................... 21

Gambar 2.3

Gambar2.4

Gambar 3.l

Garn bar 3 .2

: File Server ............................................ ..

: Client Server ............................................ .

: Struklur Organisasi PT. Telkom Divisi CISC .....

: Bagan allll' proses yang di usulkan ................. .

22

23

35

40

Gambar 3.3 : Rancangan Menu Login............................................... 52

Gambar 3.4 : Rancangan Menu Utama Pemeriksa...... ...... ...... ...... ...... ... 54

Gambar 3.5 : Rancangan Menu Utama Pemeriksa untuk Kepala Divisi........ 55

Gambar 3.6 : Rancangan Menu Utama Karyawan................................. 56

Gambar 3.7 : Rancangan Menu Tampil Cuti Karyawan.. .... .... . .. .. .. .. .. .. .... 57

Gambar 3.8 : Rancangan Menu Cari Cuti Karyawan ........... . 58

Gambar 3.9 : Rancangan Laporan Persetujaun Pengajuan Cuti ................. . 59

Garnbar 3 .10 : Rancangau Menu Persetujuan...... .. .. .. .. .. .. .. . .. .. .. .. .. .. .. .. .. 60

Gambar 3.1 J : Ranca:ngau Menu Daftar Baru Cuti.................................. 62

Gambar 3.12 : Rancangan Menu Utarna Admin.. .... ...... .. .. .. .. .. .. ... ...... .. .. 63

Gambar 3 .13 : Rancangan Menn Daftar Barn Kmyawan...... .. .. .. .. .. .. .. .. .. .. 64

Gambar 4.1 : Contex Diagram Sistem yang Diusulkan........................... 66

Gambar 4.2 : Data Flow Diagram (DFD) Level I................................. 67

Gambar 4.3 : Data Flow Diagram (DFD) Level 2 Proses P1;rtama... 68

Gambar 4.4 : Data Flow Diagram (DFD) Level 2 Proses Kedua................ 69

Gambar 4.5 : Data Flow Diagram (DFD) Level 2 Proses Ketiga...... .... .. .... 70

Gambar 4.6 : Data Flow Diagram (DFD) Level 2 Proses Keempat............. 71

Gambar 4. 7 : Entity Relation Diagram (ERD ).. .. .. .. .. . . .. .. .. .. .. . . . . .. .. .. .. .. .. 7 6

Gambar 4.8 : Himpunan Entitas Divisi.............................................. 80

Gambar4.9 : Himpunan Entitas Posisi........................ ...................... 81

Gambar 4.10 : Himpunan Entitas Jabatan.......................................... ... 81

Gambar4.l I : Hirnpunan Entitas Karyawan ........................................ . 81

Gambar 4.12 : Hirnpunan Entitas Cuti ........................ . 82

Gambar 4.13 : Ketergantungan Fungsional anlar Enlilas ........ . 82

Gambar 4.14 : Ketergantungan !0 ungsional Himpunan Entitas Divisi&Posisi... 83

Gambar 4.15 : Ketergantungan Fungsional Himpunan Entitas Jal.iatan. .. .... . .. 83

Gambar 4.16 : Ketergantungan Fungsional Himpunan Entitas Ka1yawan....... 83

Gambar 4.17 : Ketergantungan Fungsional Himpunan Entitas Jabatanposisi... 84

Gambar 4.18 : Ketergantungan Fungsional Himpunan Entitas Cnli........... .... 84

Gambar 4.19 : Ketergantungan Fungsional Ilimpunan Entitas Karyawan & 85 Cuti ...................................................................... .

Gambar 4.20 :Tabel Divisi (3NF) .. .. .. .. .. .. .. .. . .. .. . .. . .. .. . .. .. .. .. .. .. .. .. .. .. ... 87

Gambar 4.21 :Tabel Posisi (3NF) .................................................. . 87

Gambar 4.22 : Flowchart Menu Login ................ .. 97

Gambar 4.23 : Flowchart Menu cek_login......... ... .. . .. .. . . .. .. . .. .. .. .. .. .. .. . 98

DAFTAR TABEL

Tabel 2.1 : Daftar Simbol ER - Diagram2.................... .... .. .. .. .. ....... 9

Tabel 2.2

Tabel 2.3

: Daftar Silnbl Diagram Alir Data ........... .

: Sirnbol Kamus Data .................................. .

11

17

Tabel 3.1 : Diagram Alir Dokumen Pengajuan Cuti Karyawan............. 40

Tabel 3.2 : Flowchm1 sistem yang diusulkan... ......... ... ...... ...... ........ 51

Tabel 4.1

Tabel 4.2

Tabel 4.3

Tabel 4.4

Tabel 4.5

Tabel 4.6

Tabel 4.7

Tabel 4.8

: Relasi Bentuk Tidak Nonna!. ................................... ..

: Relasi Utama .................... .

: Relasi Bentuk Pe11ama (1 NF) ............. .

: Tabel Divisi .......................................... ..

: Tabel Karyawan ..................................................... .

: Tabel .Tabatan ........................................................ .

: Tabel Jabatanposisi ............................................... ..

: Tabel Data Cuti ..................................................... .

Tabel 4.9 : Tabel Cuti .................. ..

77

78

79

89

89

89

89

90

90

Tabel 4.10 : Tabel Posisi... ... ...... ... ... ...... ...... ...... ...... ...... ...... ...... 90

Tabel4.ll : Tabel Kamus Data................................................... 9!

Tabel 4.12 : Kam us Data Karyawan................................... .... .. .. .. . 92

Tabel 4.13 : Kamus Data Divisi.......................................... ... .. .. .. 93

Tabel 4.14 : Kamus Data Jabatan... ...... ............ ...... ... ... ...... ...... ...... 93

Tabel 4.15 : Kmnus Data Posisi.............................. .... .. .. .. .. .. .. .. .. . 94

Tabel 4.16 : Karnus Data DataCuti.............................. .... .. .. .. .. ...... 95

Tabel 4.17 : Kamus Data Jabatan posisi kaiyawan........................... ... 95

Tabel 4.18 : Kamus Data Cuti.......................................... .. .. .. .. ... 96

Lampiran A

Lampi ran B

Lampiran c

Lampiran D

Lampi ran E

DAFTAR LAMPIRAN

Lampi ran Kocle Program ........................ .

Lampiran Tampilan ............................... .

129

150

Lampiran Laporan Pengambilan I Pengajuan Cuti.......... 160

Daftar Data Kary a wan ... .

Alur Prosees Cuti Lama ...... .

161

162

BAB I

PENDAHULUAN

I.1 Latar Belalrnng Masalah

Dalam suatt1 perusahaan, cuti mernpakan salah satu hak yang dimiliki

setiap karyawan/ pegawai, yang diperuntt1kan ba1~ kesejahteraan para

karyawan yang bekerja dalam suatu perusahaan. Penanganan cuti karyawan

dalmn snaln perusahaan diatur oleh Peme1intah dalam Peraturan

Pelaksanaan Undang-Undang Rcpublik Indonesia Nome»· 13 Tahun 2003

tentang Ketenagake1jaan, yaitu terdapat pada Bab X mengenai

Perlindm1gm1, Pengupahan dan Kesejahteraan pada pasal 79 ayat 1, 2, 3, 4

dan 5.

Pada perusahaan Telkom Divisi CISC (Canier lnterconection Service

Center) yang berada di jalan Gatot Subroto, cuti merupakm1 salah sah1

bagian dari proses bisnis Dep11temen Pengembangan dan Sumber Daya

Manusia (SDM). Selama ini proses pengajuan cuti di PT. Telkom Diviri

CJSC masih dilakukan secara manual dalam arti untuk mengatasi cuti

karyawan, seorang karyawan diharuskan mengisi fomrnlir pennohonan cuti

yang disediakan oleh bagian sumber daya manusia yang kemudian

diserahkan kepada atasannya. Atasan kaiyawan akan memproses

pennohonan ini baik disetujui atau tidak. Bila permohonan cuti tersebut

disetujui oleh atasan karyawan maka fonnulir pengajuan cuti akan dicatat ke

2

dalam daftar pengambilan cuti karyawan pada bagian SDM, sehingga dirasa

kurang efisien dalam pe1:anganan cuti kmyawai:. Selain itu dilihat dal~m

pengolahan data cuti kmyawan yang Gukup banyak, bagian SDM memiliki

peran yang sangat penting dalam mengolah data secara tepat dan akurat baik

secara manual maupun dengan menggunakan alat bantu komnuter.

Bagian Human Resource (SDM) berniat melakukan otomatisasi dari

proses cuti ini yang dapat mengefektifkan keberadaan jaringan dalam

perusahaan. Oleh karena itu dalmn penulisan tugas ak!iir ini penulis

mencoba mengusulkan pembuatan suatu aplikasi data cuti yang dapat

lwgsung digunakan olch setiap karyawan.

1,2 Rumusan dan Batasau Masalah

Untuk mempermudah dalam pembahasan, maka perumusan masalahnya

adalah sebagai berikut :

l. Bagaimana membangun suatu ap!ikasi yang dapat menangani data cuti

karyawan?

2. Bagaimana mengirnplementasikan aplikasi multiuser database berbasis

web yang terintegrasi ?

Dalam penulisan skripsi ini penulis akan membat1"si ma:ml~.h yaitu dengan :

Mendesain dan menganalisa kebutuhan sistem yang akan dikembangkan

untuk perancangan aplikasi penangm1m1 cuti kmyawan berbasis web dan

mengimplementasikan hasil analisis clan rancangan aplikasi tersebut

kedalam program yang dapat diakses oleh beberapa karyawan (multiuser).

1.3 Metode Penelitian

Untuk memperoleh data yang dibutuhkan, penulis rncnggunakan

beberapa metode diantaranya adalah sebagai bcrikut :

I. Studi pustaka dengan penelahaan terhadap literatur teotang analisa dan

perancangan dalam pcngembangan aplikasi mul!iuser data cuti

karyawan berbasis web.

2. Observasi dengan cara terjun langsung kelapangan yang akan dilakukan

penelitian. Yaitu dcngan rnelakukan praktek kerja lapangan di PT.

Telkom Divisi CISC selama dua bulan.

3. Wawancara dengan cara bertanya langsung kepada karyawan, yaitu

dengan Asistan Manager bagian SDM/ pihak yang berlmbungan

langsung dengan penelitian ini.

4. Metodelogi perancangan sistem yaitu perancangan aplikasi cuti

karyawan ini dikernbangkan rnenggunakan siklus hidnp pengembangan

sistem (System Development Life Cycle/ SDLC) dengan pendekatan

sistem terstruktur dan menggunakan pendekatan basis data Relasional

Database Management System. Adapun tahap dari System Development

Life Cycle ini adalah sebagai berikut :

I. Tahap Perencanaan

Pada tahap ini dilakukan identifikasi dan pemberian prioritas

terhadap pengembangan sistem. Ruang lingkup tahap ini adalah

4

seluruh proses bisnis yang dimiliki perusahaan b1ik Departemen

maupun Divisi.

2. Tahap Analisis

Tahap analisis sistem bertujuan untuk mendapatkan pemahaman

secara keseluruhan tentang sistem yang akan dikembangkan

berdasarkan masukan dari tahapan perencanaan. Pada tahap analisis

ini akan diuraikan mengenai profil perusahaan, misi bisnis,

kelemahan dari sistem yang be1jalan dan analisis infonnasi

mengenai kebutuhan sistem serta rencana pengembar1gan sistem.

3. Tahap Pernncangan

Tahap perancangan sistem adalah suatu strntegi dalam rnemecahkan

masalah dengan membuat sistem yang baru atau menyempurnakan

sistem yang sedang berjalan. Perancangm1 sistem ini menggunakm1

metodelogi pendekatan terstruktur yang mengg;unakan suatu model

untuk menggambarkan kebutuhan informasi dari sistem yang akan

dibangun diantaranya adalah, perancangan ERiJ (data model),

perancangan basisdata, perancangan D?D (proses model) dan

perancangan tampilan antarmuka (layar).

4. Tahap Implementasi

Tahap implementasi sistem adalah tahap mcnempatkan sistem agar

dapat beroperasi dengan baik. Tahapan implementasi sisiem

mencakup pengkodean program, pengujian program, pemasangan

program, pelatihan kepada pengguna dan konversi sistem.

5

1.4 Tujuan dan Manfaat

I. Bagi Mahasiswa

• Mengaplikasikan ilmu pengctahuan yang penulis dapatkan dati

perkuliahan di kampus.

• Sebagai sarana untuk pengembangan disiplin ilmu bagi penulis.

2. Bagi Pernsahaan

• Memanfaatkan teknologi dalam penanganan cuti karyawan dengan

aplikasi data cuti yang terhubung jaringan pada pernsahaan.

• Untuk dapat meningkatkan efosiensi dan kinerja karyawan.

3. Bagi Universitas

• Sebagai referensi yang dapat digunakan kembali dalam rangka

mengembangkan suatu aplikasi baru.

• Untuk menambah pengetahuan berupa literatur yang

didokumentasikan yang didapat secara langsung (diluar perkuliahan)

melalui riset yang dilakukan oleh penulis.

6

I.5 Sistematika Penulisan

Pembahasan dalam skripsi yang akan diajukan ini dibatasi dalam Lima

(5) bab dengan urutan sebagai berikut:

BAB l PENDAHULUAN

Bab ini mengemukakau gambaren umum permasalahan yang di

hadapi serta latar belakang dibuatnya penulisan "Laporan Tugas

Akhir", perumusan masalah, pembatasan masalah, metode

pcnclitian, tujuan dan manfaat penelitian ;,erta sistematika

penulisan yang masing-masing dijelaskan dalam tiap sub bab.

BAB JJ LANDASAN TEORI

Bab ini menguraikan tentang leori-teori yang d1gunakan sebagai

landasan atau kerangka teoritik yang mendasari topik pennasalahan

penulisan skripsi ini. Antara lain mengenai teori metodelogi

pengembangan sistem teVilrnktur, basisdata se1ia teori pendukung

lainnya.

BAB III ANALISIS SISTEM

Dalam bab ini menguraikan secara garis besar analisis sistem yang

sedang be1jalan di PT. TELKOM Divisi CISC, analisis

pennasalahan dan diikuti dengan analisis pemecahan masalalmya,

dan rancangan awal untuk membangun aplikm;i multiuser data cuti

bcrbasis web.

7

BAB JV PERANCANGAN S!STEM

Bab ini membahas tentang analisis mengenai perancangan dan

desain sistem untuk aplikasi baru, yaitu sistem dc.tacuti karyawan

berbasis web. Bab ini mambahas diagram alir data, kamus data,

serta rm1cangan sistem yang akan dibang1m. Serta membuat

rencana irnplementasi yaitu dengan merancang alur atau jalannya

program yang didapat pada saat melakukan coding.

BAB V KESIMPULAN DAN SARAN

Dalam bab ini terdiri dari beberapa kesimpulan yang ditarik

berdasarkan atas basil analisis atas masalah pembuatan aplika;i

data cuti kmyawan berbasis web pada perusahaan, serta saran-saran

yang dapat digunalum oleh perusahaan dalam memecahkan

rnasalah yang dihadapi.

BAB II

LANDASAN TEORI

2.1 Siklus Hidup Pengembang Sistem

Siklus Hidup Pengembang Sistem (System Deve:lopment Life Cycle/

SDLC) adalah seperangkat aktivitas yang diarahkan untuk membangun

aplikasi baru. SDLC merupakan suatu bentuk yang digunakan untuk

menggambarlrnn tahapan utama dan langkah-langkah di dalam prose;;

pengembangannya. Metodelogi yang digunakan dalam menganalisa

kebutuhan aplikasi cuti adalah metode ya11g disebut sebagai Analisis

Tertruktur. Dalam metodelog:i ini sistern dibagi menjadi masukan, proses

dan keluaran yang kemudian digambarirnn dalam suatu model atau dikenal

sebagai proses modelling. Modelling adalah suatu kegiatan menggambarkan

satu atau lebih repr~sentasi grafis atau gambar dari sebuah sistem. -Ada

beberapa macam Modelling yaitu diantanmya :

• Data modelling yakni sebuah teknik mengatur dan mendokumentasikan

data-data sistem, model yang digunakan disebut sebagai (Entity

Relational Diagram/ ERD ).

• Proses modelling yakni teknik untuk mengatur dan menclokumentasikan

proses, masukan dan keluaran dan penyirnpanan data pada sistem, model

yang digunakan disebut sebagai (Data Floe Diagram/ DFD).

9

• Sistem modelling yakni teknik untuk menclokumentasikan kebutuhan

teknis ataupun desain teknis.

2.1.1 Metodelogi Pengembangan Sistcm Tcrstruktur

Metoclelogi Pengembangan Analisis dan Pe1ancangan Sistem

Terstruktur muncul pada awal talrnn 1970. menampilkan pandekatan

sisternatis untuk merancang dan membang.un kualitas sistem

komputer. Perancangan Terstruktur ad a lab aktivitas

mentransfonnasikan su&h1 hasil analisa ke dalam suatu perencanaan

untuk dapat diirnplernentasikan ( diotornatisasikan). 1

2.1.2 Entity Relational Model

Model ER (Entity Relational Model) adalah model data

konseptual tingkat tinggi untuk perancangan basisdata yang tak

bergantung DBMS dan platform perangkat keras tertenhl. Model ER

cligambarkan dengan diagram ER. 2 Diai,>rarn ER merupakan

representasi grafis himpunan entitas, relationship, dan konstrain-

konstrain integritas yaug dihasilkan pada aktivitas-aktivitas

pengembangan. Komponen-komponen model ER adalah sebagai

berikut:

1 Brunbang Hariyanto, Ir., fvtT. Siste111 rvianaje111cn Basisdata, (Jakarta I11/0nnatika, 2004), Cet.I 2 Bambang Hariyanto, Ir., tvrr. Sisten1 Manajen1en Bac;isdata, (Jakarta - Inrorrnatika, 2004)

10

··-~---·-- ··-··· --··--- -·---·-·-···-··- "-----·---- ----·--~-- -------·-·---··-· -···-······-"'·--·-----~-

an objek-objek yang Entitas (Entity) yaitu memodelk

I I berada di perusahaan/ lingkung an. J-limpunan entitas

Himpunan Entitas adalah kumpulan entit11s bertipe sa ma.

Atribut-atTibut yaitu cm a tau k

~ entitas yang dipentingkan siste1

arakteristik dari tipe

n/ crganisasi. Setiap

Atribut atribut menspesifikasikan properti te11eritu dari entitas.

<> Relationship yain1 memodelkan

entitas atau hubungan antara tabel

lmbungan diantara

, dimana sebuah tabel

Relationship mempunyai hubungan dengan tab el lainnya

-Peng-hubung yaitu menghuhungk an antara suatu entitas

Penghubung /link dengan relationship, atau antara en litas dcngan atribut.

Tauel 2.1 Daftar Simbol ER - Diagram2.

Benn1k-bentnk hubungan, atau biasa disebut dengan data modelling,

ada beberapa jenis diantaranya :

1 . One-to-one (I : 1 ) jenis hubungan ini merupakan hubungan

antartabel yang menggunakan sebuah primary key.

2. One to Money (1 :M) merupakan hubungan antar label dimana

satu record pada salu label memiliki hubungan dengan beberapa

record di tabel lain.

11

3. Many to Many (M:N) rnernpakan lrnbungan mHar tabel dimana

beberapa record pada satu tabel memiliki hubungan dengan

beberapa record di tabel lainnya.

2.1.3 Diagram Sistem dan Aliran Data Contex

Diagram Aliran Data (Data Flow Diagram/ DFD) digunakan

untuk merepresentasikan atau menggambarkan suatu sistem yang

sedang bc1jalan atau yang akan dikembangkan sccara logika tanpa

memoertimbangkan lingkungan fisik dimana data itu mengalir atau

disirnpan. Beberapa kelebihan yang terdapat pacla Pendekatan Aliran

Data diantaranya :

• P~mahaman lebih jauh mengenai keterkaitan satu sama lain

dalarn sistem dan subsist;)rn.

• Mengkomunikasikan pengetahuan sistem yang acla dengan

pengguna melalui diagram aliran data.

• Mengmialisis sistem yang diajukan untek menentukan apakah

data-data dan proses yang diperlukan sudah ditetapkan.

Komponen-komponen pacla model DFD adalah :

Kesatuan Luar

(External Entity)

Proses

Aliran Data

L I Penyimpanan Data

12

Entitas (kesatuan luar) merupakan kesatuari (entity)

dilingkungan luar sistem yang dapat berupa orang,

organisasi atau sistem lainnya yang v.kan memberikan

input atau rneneiima output dari sistem.

I Suatu proses adalah kegiatan atau ke1ja yang dilakukan I 1. oleh orang, rnesm atau komputer dari hasil suatu data

I arus data yang masuk ke dalam proses untuk

I mcnghasilkan sual11 proses yang akan kd11ar dari proses. \

I A!iran data ini .menunjukkan arus dari data yang mengalir I I diantara Proses, Simpanan data (data store) dan Entity \

I (kesatuan luar), yang dapat berupa masnkan untuk sistem I : atau hasil dari proses si,lem. i I I Simpanan data mernpvkan simpanan dari data yang dapdt

I I berupa file atau database, arsip, agenda yang

I menunjukkan proses ter-Update atau menyimpan suatu

! data yang sedang berlangsung dalam sistem. I

Tabel 2.2 Daftar Simbol Diagram Alir Data

2.2 Pengertian Basisdata

Basis data dapat diartikan sebagai hnnpulan data te~.1tang suatu benda

atau kejadian yang saling berhubungan satu sarna lain, atau sekumpulan data

yang terintegrasi yang diorgailisasi untuk memenuhi kebutuhan para

13

pemakai di dalam suatu organisasi. Sedangkan data merupakan fakta yang

mewakili suatu objek.

Menurut Fhatansyah (1992) basisdata dapat di artikan scbagai berikut3:

a. Himpunan kelompok rlata (arsip) yang saling berhubungan yang

diorganisasi sedemikian rupa agar kelak dapat digunakan kembali

dengan cepat dan mudah.

b. Kumpulan data yang saling berlmbungan yang disimpan secara

bersama sedemikian rupa clan tanpa pengulangan atau redudansi

yang tidak perlu, untuk memenuhi berbagai kebutuhan.

c. Kumpulan file/ tabel/ arsip yang saling berhubungan yang disimpan

dalam media penyimpanan elektronik.

2.2.1 Arsitektur Sistcm Basi:;data

l. Tingkat Eksternal (External Level)

Menerangkan view basis data dari sekelompok pemakai.

2. Tingkut Konseptual (Conseptual Level)

Menerangkan infonnasi basis data secara mcnyeluruh dengan

menyemb1myikan penyimpanau data secm·a fisik.

3. Tingkat Internal (Internal Level)

Mencrangkan struktur pcnyimpanan basis data secara fisik dan

organisasi file yang digunakan.

3 Fathansyah. Ir. Basis Data: lnfonnatika Bandung. 1999

l4

2.2.2 Mctodclogi l'crnncangan Basisdata

Metodelogi perancangan basisdata adalah kumpulan teknik

terorganisasi untl!k pembuatan rancangan basisdata. Pokok

persoalan dalam perancangan basisdata adalah bagaimana

merancang stmktur logikal dan fisikal dari satn atau lebih basisdata

untuk memenuhi kebutuhan infonnasi yang diperlukan oleh pemakai

sesuai dengan aplikasi-aplikasi yang telah ditentukan. Teknik yang

digunakan pada perancangan basisdata dibagi menjadi dua. yaitu :

I. Perancangan basisdata tingkat logik.

2. Perancangan basisdata tingkat fisik.

Perancangan basisdata dapat digambarkan sebagai berikut :

Phase ·1 · requirement5 eollP.ctiOtl and 1.rnalysis

PMse 2 : Conceptual design

Phase 3 : Choice of OBM5

Phase 4: Dat<i mod.el Mapping llot1ical de~i{;ni

PhMEl 0: lrnplement;ition

Data re!liremenls

Co11ceptuill & external Schema deGig11

""·~r.,,.,

Pttlf'..eS"ling reqJrementa

Transaclio1' design (Dtlf~S-independerr!)

,1 Con<:.ciPtlial & Gxtema! trequ<;r.CJ$s,

schema design / petfurm~·1ce (DBM.s-rpetld~nt> t.t' ¢00sim1nts

Internal sd1ema design (DBMS-dopenden\l .. w LlDL-atatements SDL -smte~nen1s

I

rranSf!Gtion implementation

Ga1J1bar 2.1 Tahapan l'erancangan Basis Datn.

15

2.2.3 Tujuan Pcrancangan Basisclata

• Untuk memenuhi informasi yang berisikan kebutuhan­

kebutuhan user secara khusus dan aplikasi-aplixasi'lya.

• Memuclahkan pengertian struktur infonnasi.

• Mendukung kebutuhan-kebutuhan pemrosesan clan beberapa

obyek penampilan (response time, processing time, clan storage

space).

2.2.4 Pemodelan Logika clan Fisik Basisclata

Diagram aliran data dikategcrikan baik sebagai Jogika maupun

fisik. Diat,>Tam aliran data logika memfokuskan pada bisnis serta

bagaimana bisnis tersebut beroperasi dan tidak berhubungan

bagaimana sistem tersebut dibangun. Melainkan, menggambarkan

peristiwa-peristiwa bisnis yang dilakukan se1ta data-data yang

diperlukan dan dihasilkan setiap pe1istiwa tersd)ltt. Sebaliknya,

diat,rram aliran data fisik menunjukkan bagaimana sistem tersebut

akan diimplementasikan, tennasuk perangkat kerns. perangkat lunak,

file-file dan orang-orang yang terlibat di dalam sistem.

Perancangan basisdata logik dibagi tiga tahap utama :

• Sasaran tahap pe1tama adalah dekomposisi menjadi tngas-tugas

yang dapat dikelola dengan merneriksa pernpektif dari pemakai­

pemakai atau pandangan pemakai (User View) yang berbeda.

Tahapan keluaran data ini adalah model dilta konsep lokal,

16

model seharusnya merupakan representasi perusahaan secara

lengkap dan akurat dilihat dari pandangan beragam pamakai.

• Tahap kedua memetakan model data konseptual lokal ke model

data logik !okal, model logik divalidasi mengE,>i.makan model

nonnalisasi berdasarkan transaksi-tramaksi yang didukungnya.

• Tahap tiga atau terakhir adalah memadukan pandangan­

pandangan pemakai menjadi satu model data logik global

per:1 sa ha an.

Perancangan basisdata logik adalah proses berulang, yaitu

mcmpun;•ai sattt titik mula dan proses pcrbaikan yang dilakukan

secara berulang. l'cngetahuan clisatu langkah mempengaruhi

keputusan-keputusan di langkah sebelmnnya. Metodelogi ini

bertindak sebagai kerangka acuan untuk memmtun seluruh aktivitas

perancangan basisdata secara efektif.

Perancangan basisdata fisik adalah proscf> memprodukasi

deskripsi irnplementasi basisdata pada pen:yirnpanan skunder,

mendeskripsikan struktur-struktur peny1mpanan dan rnetode

pengaksesan untuk meningkatkan efektifitas pengaksesan data.

2.2.5 Kamus Data

Kamus data adalah suatu daftar te;-organisasi tentang kornposisi

elemen data, aliran data, clan data store yang digumkan pada D.FD.4

4 Yogianto, Analisis & Desain, Adi )' ogyakarta : Yogyakarta

17

Pengisian kamus data dilakukan senap saat selama proses

pengembangan berlangsung, ketika diketnhui ada11ya data item atau

saat diperlukan penambahan item ke dalam sistem. Kamus data ini

selain berguna untnk user yaitu sebagai sarana untuk menyampaikan

saran-saran bentuk yang diinginkan user, juga berguna untuk

programmer dalam pembuatan program aplikasi.

~OL -

PEN GER -------

TIAN

--------· Terdiri Dari

+ Dan (Concatenati01 1)

···"·-.. --- -·--{) lnterasi

[] Pilih Salah Satn

- -() Optional

-----* * Komentar

--H " Harga Diskrit

Tabel 2.3 Simbol Kamus Data.

2.2.6 Nonualisasi

Normalisasi adalah alat efektif untuk menjarnin model bersifat

konsisten. Kriteria dalam proses nonnalisasi adalah kebergantungan

fm1gsional, ketergantungan banyak nilai dan kebergantuni,= join. 5

5 Bambang Hariyanto. lr .. J\1'f. Sisten1 J\1ru14jen1en Basisdnt.:i, (Jakarta: fnformalika, 2004)

18

Tipe kebergantungan itu digunakan untuk menilai relasi-relasi yang

dihasilkan dalam diagram ER menjadi kumpulan relasi. Proses

nonnalisasi membentuk relasi-relasi bentuk normal yang

menggunakan dekomposisi yang memecah relasi menjacli relasi­

relasi bentuk normal tinggi. Bentuk-bentuk nonnalisasi itu sdalah :

1. Bentuk Tidak Nonna!

Relasi bersifat berulang-ulang clan redudan., tidak/ kurang

efisien dalam memanipulasi data, data ticlai< beraturan clan

tidak teratur dalam relasi.

2. Bcntuk Normal Pc1iama (I NF )

Relasi adalah normal pertama (I NF) jika semua nilai

atributnya adalah sederhana (bukan komposit).

3. Bentuk Nonna] Kedua (2NF)

Ketentuan bentuk normal kedua adalah hams berbentuk

normal pertama dan semua atribut bukm1 utama hams

bergantung fungsional penuh pada kunci relasi. Pada bent11k

normal kedua (2NF), relasi hams tidak menyimpan fakta-fakta

mengenai bagian kunci relasi. Bentuk nonnal kedua pun masih

memiliki anomali-anomali yang secara praktis masih belum

dapat diterima.

19

4. Bentuk Nonna] Ketiga (3 NF)

Ketentuan bentuk nonnal ketiga adalah harus berbentuk

nonnal kedua dan relasi tidak boleh memuat kebergantungan

fungsional di antara alT1but-atribut bukan utama. Bentuk

normal ketiga (3NF) menghilangkan kebergantungan transitif

2.3 DBMS ( DataBase Management Sistcm)

DBMS adalah perangkat lunak yang menangani semua pengaksesan

database. Mempunyai fasilitas membuat, mangakses, memanipulasi dan

memelihara basis data.

2.3.1 Bahasa Dalam DBMS

J. Data Definition Language (DDL)

DBMS dapat mengolah pendefinisian data.

2. Data Secmity & Integrity

DBMS dapat memeriksa secmity dan integrity data yang

didefinisikan oleh DBA (DataBase Administrator).

3. Data Recove1y & Concurency

DBMS dapat menangani kegagalan pengaksesan database

yang disebabkan oleh kesalahai1 sistem, kerusakan disk, dsb.

DBMS dapat mengontrol pengaksesan data yang konkuren

yaitu bila satu data diakses secara bersama-sama oleh lebill

clari satu pemakai pada saat yang bersamaan.

20

4. Data Dictionary

DBMS menyediakan data dictionary.

5. Perfonnance

DBMS dapat menangani unjuk kcrja dari scmua fungsi sc­

efisien mungkin.

2.3.2 Pcngcrtian Multiuser

Sistem Multiuser adalah suatu sistem dimana Jebih dari satu user

menggunakan secara bersama-sama perangkat keras, program

informasi, orang dan prosedur.

Tujuan sistem multiuser yaitu :

• Meningkatkan produktivitas dan efektifitas Sumber Daya

Manusia.

• Meningkatkan produktivitas dan efektifitas organisasi.

• Meningkatkan layanan kepada mcreka yang tergantung pasa

sistem multiuser.

2.3.3 Arsitcktur DBMS Multiuser

• Teleprocessing

Arsitektur tradisional untuk sistem multiuser adalah

teleprocessing, dimana satu komputer dengan sebuah CPU

(Central Procesing Unit) dan sejumlah tenninal seperti pada

gambar di bawah ini :

21

-=====-==·====--==------=----====-, ----1 o. _I

D_ -~-------·---------

Gambar 2.2 Teleprocessing.

• File-Server

Proses didistribusikan ke dalam jaringan, sejenis LAN (Local

Area Network). File server mengendalikan file yang diperlukan

oleh aplikasi dan DBMS. Meskipun aplikasi dan DBMS

dijalankan pada masing-masing workstation, lctapi lclap

meminta file dari file server jika diperluk<m seperti gambar di

bawah ini :

22

1=:! •• < ••

Works allon2

Work!ltatlon1

Garnbar 2.3 File Server.

Kerugian arsitektur file-server adalah

Terdapat lalulintas jaringan yang besar.

Masing-masing workstation membutuhkan copy DBMS.

Kontrol terhadap concurrency, recovery dan integrity menjadi

lebih kompleks karena sejumlah DBMS meugakses file secara

bersamaan .

• Client Server

Client-server menunjukkan cara komponen software berinteraksi

dalam bentuk sistem.

23

---- -------------;;-;;;-~;;;--;;;-;;;;;;:;;1------

... : ...... -.-. Cl t 2

client 1

LAN

••• server (wlfh DBMS)

Gambar 2-4 Client Server_

2.4 Aplikasi Bcrbasis Web

Saat ini web telah menjadi antannuka pemakai untuk aplikasi

basisdata_ Pada perusahaan, aplikasi web interaktif digunakan dalam

beragam cara diantaranya :

• Intranet - aplikasi yang rnenyediakan infonnasi skala µ'.)rusaha1m

• Extranet - aplikasi yang rnerupakan antannuka ant.tra pembeli dan

pemasok perusahaan_

• Internet - aplikasi interaktif website perusahaan seperti e-commerce

24

2.4.l Web Browser

Web Browser adalah perangkat lunak unt11k menmnpilkan

dokmnen web (HyperText Markup Languag<:/HTML ). Selain itll

web browser dilengkapi beragam plugin yang dapat menampilkan

beragam jenis dokumen lain misalnya PDF, postscript, Macromedia

Flash unluk animasi dan lain sebagainya. Produk web browser

diantaranya :

• CERN's Web Browseer merupakm1 paket web browser berbasis

teks

• NCSA Mosaic

• Netscape Comunication Corporation.

• Internet Explore, dan lain sebagainya.

2.4.2 \V cb Server

Web server adalah penyedia akses/ sumber informasi berupa

jaringan client server interaktif yang menggunakan teknologi world

wide web. Web brov,,ser berkomunikasi clengan web server lewat

jarir,gan komunikasi menggunakan protokol HTTP.

Perangakat lunak web server antara lain:

l. CERN HTTPd server merupakan web server p(~rtama.

2. Apache HTTPd server atau biasa disebut Apache web server.

26

sehingga ketika client meminta <lokumen yang meugandung script,

maka script tersebut akan di download dari servemya k~mudian

dijalankan di browser yang bersangkutan. Program web yang

tergolong server-side adalah seperti CGI/Perl, ASP (Active Server

Pages), JSP (Java Server Page), PHP, CFM (ColdFussion) dan lain­

lain. Sedangkan yang tergolong client-side seperti JavaScript,

VBScript, HTML.

2.5 Pengertian HTML, MySQL !Ian PHP, JavnScript

Dalam membangun aplikasi datacuti kmyawan yang berbasis web,

maka dalam pengembangannya diperlukan suatu program yang mendukung

aplikasi berbasis web. Program-program yang mendukung aplikasi berbasis

web yang penulis gunakan diantaranya adalah sebagai berikut :

2.5.1 HTML

HTf'vlL (Hypertext Markup Langguage} adalah suam bahasa

yang digmrnkan untuk menulis halaman web. HTML dirancm1g

untuk dit,'lmakan tanpa tcrgantung pada suatu platfonn tertentu

(platfom1 independent). HTML adalah mernpaka;i pengembangan

dari standar dokumen HTML adalah suatu dokurncn teks biasa, dan

disebut sebagai markup language karena mengandung tanda-tanda

(tag) tertentu yang digunakan untuk menentukan tmnpilan suatu

dokumen. Untuk r:ienjalankan dokumen HTML harns menggunakan

27

program khusus yang disebut web browsGr atau browser. Ciri utama

dokumen HTML adalah adanya tag dan elemen. Dokumen HTML

mempunyai tiga buah tag utama yang membentak strnktur dari

dokumen HTML yaitu HTML, HEAD, BODY. Elemen dalam

dokumen HTML seperti diatas dikategC>rikan rnenjadi dua yaitu

elemen <HEAD> yang berfungsi memberikan informasi tentang

dokumen tersebut dan elemr;n <BODY> yang menentukan

bagairnana isi suatu dokmnen ditarnpilkan oleh browser seperti,

paragraf, list (daftar), tabel dan Jain-lain.

2.5.2 MySLQ

MySQL adalah Relational Database .\1anagement Sistem

(RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL

(General Public License). MySQL dikembangkan sekitar tahun

1994 oleh sebuah perusahaan pengembang so:ftware dan konsultan

database bemama MySQL AB yang bertempai: di Swedia. MySQL

merupakan multiuser database yang menggunakan bahasa Strnctured

Que1y Language (SQL). SQL adalah bahasa standar yang digunakan

untuk mengakses server database7. MySQL memiliki banyak sekali

tool yang dapat memudahkan untuk administrasi. Sebagai database

server yang memiliki konsep database modern, MySQL memiliki

banyak sekali keistimewaan.

7 bab V, makalah perkuliahan \\'eb progran11ning oleh Dosen l-lelino Nanang, ST, \!IT

28

Be1ikut ini beberapa keistimewaan yang dirnilikroleh~ySQL 8:

• P01tability

My SQ L dapat be1jalan stab ii pada berbagai sistem operasi di

antaranya adalah seperti Windows, Lir.ux, FreeBSD, Solaris dan

masih banyak lagi.

• Open Source

MySQL didistribusikan secara open source (gratis), dibawah

lisensi GPL sehingga dapat digunakan secara cuma-cuma tanpa

dipungut biaya.

• Multiuser

MySQL dapat digunakan oleh beberapa usior dalam waktu yang

bersamaan tanpa mengalarni rnasalah atau konflik Hal ini

memm1gkinkan sebuah database server MySQL dapat diakses

client secara bersamaan.

• Security

MySQL memiliki bcbcrapa lapisan sekutitas seperti level

subnetmask, nama host, dan izin akses user dengan sistem

perizinan yang mendetail se1ia password yang terenkripsi.

• Scalability

MySQL mampu menangani database dalam skala besar, dengan

jumlah record lebih dari 50 juta dan 60 ribn tabel se1ta 5 miliar

baris.

8 Administrasi Database Server MySQL, Didik D\vi Prasetyo, 2002

29

• Connectivity

MySQL dapat melakukan koneksi dengan client menggwiakan

protokol TCP/IP, Unix soket (Uni), atau Named Pipe (NT).

2.5.3 PHP

Menurut dckumen resmi PI-IP, PHP singkatan dari PHP

Hypertext Preprocessor adalah bahasa server-side scripting yaitu

bahasa yang berbcntul, skrip yang ditcmpatkan dalam server dan

diproses diserver, d~pat menyatu dcngan HTML nntuk membuat

halaman web yang dinamis. PI-IP mcrupakan software yang open

source dan mampu lintns platform. Pl-IP marnpu be1jalan di

Windows NT dan beberapa versi UNIX, dan PHP dapat dibm1gun

sebagai modul pada web server Apach(: dan sebagai binary yang

dapat be1jalan sebagai CGJ.

PHP dapat meugirim HTTP header, dapat mengeset cookies,

mengatur authentication dan redll"ect user, namun kekuatan utama

adalah konektivitas basis data dengan web. 9 Ada beberapa cara

untuk menuliskan scnpt ?HP, yaitu:

9 bab V, 1nakalah perkuliahan \Veb programming o!eh Dasen Helino Nanang, ST, fvlT

a. <?

Script PI-IP anda

?>

b. <?php

Script PI-IP anda

?>

c. <script hmguage="PHP">

Script PHP anda

</script>

2.5.4 JavaScript

30

JavaScript merupakan suatu bahasa scripting yang

dikembangkan oleh Netscape. Dengan JavaScript kita dapat dengan

mudah membuat halaman web yang interaktif. 10 Java Script adalah

bahasa script yang berdasar pada objek yang memperbolehkan

pemakai untuk mengendalikan banyak aspek internksi pemakai pada

suatu dokumen HTML. Dimana objek tersebut dapal berupa >uatu

window, frame, URL, dokumen, fonn, button atau item yang lain.

Yang semuanya itu mempunyai properti yang saling berhubungan

dengannya dan

masing-masing memiliki nama, lokasi, wama nilai dan atribut lain.

Sesuai dengan perkembangan Worl Wide We:b yang sangat pesat

menyebabkan nnmculnya lnmyak home page dengan halaman-

10 Onno W.Purbo. 1\khmad Daniel S., Java & JavaScript: Elex Medi Ko1npulindo, 2001

31

halaman yang sangat menarik. Halaman web yang dulunya hanya

berupa teks dan gambar saja, saat ini menjadi s1isuatu yang interaktif

dan cerdas. 11

Untuk mempelajari pemrograman Java Script. ada dua piranti

yang diperlukan yaitu browser dan teks <Jditor. Te1(S editor adalah

sebuah pengolah kata (word processor) yang menghasilkan file

dalam fonnat ASCII mumi. Bila sistem operasi yang digunakan

adalah Windows 95/98 atau Windows NT, maka dapat

menggunakan Notepad atau Wordpad. Browser web yang akan

digunakan hams mendukung Java Script, yaitu <>eperti Netscape

Navigator atau Internet Explorer.

Program JavaScript dituliskan padll file HTML dengan

menggunakan tag kontair:er <SCRIPT>. Dengan kata Iain, tidak

perlu menuliskan program JavaScript pada file terpisah. Tag

kontainer <SCRIPT> mempunyai dua atribut tetapi yang hams

isikan hanya satu at:Iibut yaitu Language yaitu dengan "JavaScript".

Hal ini digunakan untuk memberitahukan pada browser bahwa yang

akan tulis adalah JavaScript. Contoh sepe1ti ciibawah ini :

<SCRIPT LANGUAGE="JavaScript">

//program Anda masukan disini

</SCRIPT>

11 Taryana S, Pengenalan JavaScript : http:/hv1v\v.google.comJ

BABIH

ANALISIS SISTEM

3.1 Latar Belakang PT. Telkom Divisi CISC

Setiap perusahaan mempunyai visi clan 1111s1 yang jelas clan untuk

mencapamya diperlukan struktur organisasi yang tercliri dari beberapa

bagian yang mempunyai tu gas dan tanggung jawab sendiri.

3.1.1 Sejarah Singkat PT. Telkom J)ivisi CISC

Perusahaan Telekomunikasi Divisi Carrier Interconection

Service Center atau dapat disebut sebagai PT. Telkom CISC yang

beracla di jalan Gatot Subrolo, merupakan perusahaan yang bergcrak

dibidang operator service yaitu memberikan pelayanan

telekomunikasi kepada para operator-operator pengguna layanan

telepon ldrnsusnya pelayanan terhadap layanan inter-carrier.

Operator Telkom menangani komunikasi dan infomiasi diantara

para operator dan jasa infocom lainnya dcnga::i prinsip saling

menguntungkan. Selain itu kegiatan dan sasa.ran dalam divisi ini

adalah memberikan pertambahan nilai yang maksimal kepada

stakeholder se1ta memberikan konbibusi pertumbuhan pendapatan

perusahaan Telekomunikasi Indonesia yang maksimal melalui

bisnis intercarrier.

33

3.1.2 Business PT. Telkom Divisi C1SC

Bisnis devisi CISC terdiri atas beberapa komponen diantaranya12

:

• Product Owner (PO) adalah operator Telkom yang terdiii dari

clivre-divre dari berbagi:i area untuk setiap daerah yang telab

ditentukan oleh operator Tt'lkom.

• CmTicr Interconnection Service Center (CISC) adalah salah satu

operator Telkom yang be1ihngsi sebagai perm1tara apabila ada

sebuah operator yang ingin membanguu/ menambah jmingan

berupa link ke operator Telkom, sekalifo,'lIS me11awarkan kepada

operator-operator lain untuk penggunaan pernlatan yang terdapat

pada operator Telkom.

• Other Licensed Operators (OLOs) adalah operator-operator yang

bergerak dihidang pelayanan saluran telepon. Contolmya adalah

operator Satelindo, operator excel, Mobile-8, dll.

3.1.3 Visi, Misi dan Kebijakan Mutu PT. Telkom Divi~i CISC

PT. Telkom CISC memiiliki visi, misi, dan kebijakan mutu

dalam menjalankan bisnirnya untuk mencapai tujuan yang

maksimal, yaitu diantaranya adalah 13:

12 Aris Danna\vanto, Asistan Manager bidang Inforn1ation Technologi, \VEnvru1cara Pribadi, Jakarta, Juli 2004

13 Budaya Korporasi The Telkom Way 135, penyimpunan dokumen, (Jnkurla), 2004

34

1. VJSJ TELKOM Divisi CJSC

Mewujudkan Telkom menjadi leader infocom company melalui

pengelolaan inter-cmTier business secara excellent

2. MIS! TELKOM Divisi CISC

• Menyediakan layanan inter-carrier yang bcrkualitas tinggi

bagi mitra Operator Jaringan dan jasa infocom dengan

ptinsip saling menguntungkan.

• Mcmbcrikan kontribttsi pertumbuilan pendapatan TELKOM

yang maksirnal rnelah!i pertumbuhan bisnis inter-ca!Tier.

• Mcwujudkan keunggulan bersaing dengan peningkatan

jaminan layanan.

• Memberikan pertambahan nilai yang maksimal kepada

stakeholder.

3. KEB!JAKAN MGTU TELKOM Divisi CISC :

Memberikan Service Excellent kepada Customer melalui

optimalisasi Sumber Daya, Continous Imprnvement dengan

konsep saling menguntungkan.

Sedangkan program dan layanan yang terdapat pada PT.

TELKOM Divisi CISC diantaranya adalah :

l. Menyediakan layanm1 inter-cmTier yang berkualitas tinggi

bagi rnitra Operator Jaringan dan jasa.

2. Memberikan pertambahan nilai yang maksimal kepada

stakeholder.

3.1.4 Struktur Organisasi

Struktur organisasi pada PT. Telkom Divisi ClSC adalah sebagai berikut:

KADIV

DEPUTY

SENIOR MANAGER

PRAND I I GA I I DUKNIS l I KUG

IBPRESENTATIVE OFFICER (RO) MANAGER -i--·

,1. c< T0 'T' A "ll. l'T' ll. r " ,. r .o, ,.-, rn l'\..)10 1 J-\l'l l lVlf-\J'(f-\.V.C.K

OFFICER 1,2,3

I

MANAGER

I ASISTANMANAGER -1

OFFICER 1,2,3

EXECUTIF ACCOUNT MANAGER

INTERCONNECTION I NET Apo I

SENIOR ACCOUNT MANAGER

- --·-·------ I

~CCOUNT MANAGER I I

I OFFICER IJJ I Gambar 3.1 Stmktur Organisasi PT. Tekom Divisi CISC.

35

36

3.l.5 Tugas dan Wewenang

Struktm organisasi diatas merupakan lmbung«n kmja,

wewenang dan tanggung jawab antara atasan dan bawahan

secara formal. Adapun tugas dan wewenang yang akan penulis

uraikan dibawah ini adalah berhubur.gan dengan perancangan

aplikasi data cuti karyawan, diantarauya karyawan yang

terlibat memiliki jabatan sebagai berikut :

l. Karyawai: yai1g memegang jabatan sebagai Senior

Manager (SM)/ Executif Account Manager (EAM)

memiliki level kepala divisi dalam perancangan aplikasi

data cuti yang akan dibuat.

2. Karyawan yang memegang jabatan scbagai Manager/

Senior Account Mai1ager (SAM) mcimliki level sebagai

pemeriksa cuti.

3. Sedangkan karyawan yai1g memegang jabatat1 sebagai

Asistan Manager (ASMAN)/ Accont M?..nager (AM) dan

Ot1icer memiliki level sebagai user atm: karyawan biasa

dalam perancangan aplikasi yang akan dibuat.

4. Dan untuk level admin dalam perancangai1 aplikasi data

cuti karyawan ini dipegang oleh bagian General Affair

(GA) khususnya pada posisi Human Resources.

Tugas dan wewenang dari setiap level akan dijelaskan dalam

bab ini di halaman berikutnya.

37

3.2 Analisis Sistcm

Analisis sistem adalah penelitian atas sistcm yang tclah acla dengan

tujuan untuk merancang sistem barn atau diperbaharni. Pada tahap ini

dilakukan investigasi awal terhadap sistem yang sudah bt!rjalan. Analisis

pada tahap ini diantaranya adalah :

3.2.1 Uraian Sistem yang Berjalan

• Karyawan yang ingin rnengajukan cuti menghadap dan

rnemberitahukannya kepada atasannya.

• Sebelunrnya kmyawan menanyakan terlebih C:almlu ke bagian

SDM mengenai data-data cutinya (seperli sisa jwnlah hak cuti,

cuti apasaja yang telah diambil clan pada bulan apasaja) untuk

mendapatkm1 kepaslian dan kejelasan tentang srntus cutinya.

• Kenrndian kaiyawan pemohon kembali kepada atasannya untuk

mendapatkan persetujuan cuti ym1g akan dimnbilnya.

• Atasan karyawan dalam hal ini adalah pemeriksa cuti (Manager,

Senior Account Manager) menerima dm·1 rnempertirnbangkan

pengajuan daftar barn cuti dari karyawan dalam penentuan dan

pelaksanaan cu ti.

• Karyawan menunggu keputusan clari atasannya mengenai

pengajuan daftar barn cuti untuk disetujui oleh atasannya.

• Atasan ka1yawan/ pemeriksa cuti memeriksa tanggal cuti yang

diajukan oleh kmyawm1 apabila tanggal yang diajukan oleh

40

Diagram Flow of Document Pengajuan Cuti Karyawan sebagai berikut :

Karyawan

/---

/

( Proscdur ., Login culi

\

I T

I Data cuti yang

1,~diambil

l lnfonnasi

\ mcngcnai \ Data Cuti . \___r_j

[,, ____ --- - ---- -

Pemeriksa Cuti/ Manager Bagi an SDM

\ DataCuti / I -1 \ Karyawan / ··-.. -~ Form Da-ta _cull

I --1-

Tdk

\\ I v T

IP-\ Eva!uasi I 1 dan \ Punbcrian

\Kapu

1tus~j

T

Fmm Data cuti I ~------.• J

v

P~rsc!ujuan

Cuti

\ I Mcncrima I

· ~ lnfonnasi // _..,

1 Data Cuti

\ I

L_ I Fonn DatacutiJ

·-. 1 Fum1 Da~cu:J

I Va

I

Tab el 3 .1 Flow of Document sistem yang bei:ialan.

3.2.2 Kelcbihan dan Kclcmahan Sistem yang Berjafan

I). Kelebihan Sistem yang Be1jalan

41

I . Memiliki strnktur dan cam yang jelas dalam pengajuan cuti

alau pcngambilan suatu cuti karyawan.

2. Setiap langkah dalam pengajuan cuti discsuaikan dengan

aturan dalam perusahaan sehingga karyawan yang

mcngambil culi <lapal tcrkoPlrol dan bc1jalan dcngan baik

( sesuai aturan ).

3. Perusahaan tidak memberikan c11ti kepada sembarnng

karyawan mclainkan dcngan persctujuan dan kebijaksanaan

d&ri atasannya dalam menentukan cuti kepada kmyawan/

staffoya. Sehirigga setiap kmyawan yang akan mengambil

cuti mempunyai alasJn yang jelas dm1 benar serta dapat di

pe11anggung jawabkan.

2). Kelemahan Sistem ym1g Berjalan

I. Pengajuan cuti masih bersifot manual yaitu melalui beberapa

tahapan agar cuti yang diajukan mendapat persetujuan.

2. Kaiyawan tidak dapat mengetahili secarn langsung jatah/

sisa cnti yang dimilikinya.

3. Bukti-bukti mengenai laporan kmyawan yang telah

mengambil cuti masih tertulis dalam se:bua.h buku mengenai

cuti ka1yawan, yang mcngakibatkan kesulitan dalam mencari

data-data mengenai karyawan yang telah mcngambiJ cuti.

3.3 Analisa Pemecahan Masalah

Setelah rnenganalisis sistern yang ada, pada bagain ini akan

diuraikan beberapa pennasalahan yang terdapat pada sistem dan diberikan

usulan pemecahan masalah pada sistern yang sedaug berjalan.

3.3.l Permasalahan yang ditemnlrnn pada Sistem Lama

I. Bagian SOM kesulitan rnencari data cuti kaiyaw<tn.

2. Karyawan tidak mengetahui Jangsung jumlah cuti yang dimiliki.

3. Dapat terjadi kesalal~.an dalam rnencatat pengajuan cuti

karyawan.

4. Proses pengajuan cuti mernbutuhkan banyak waktu dan tenaga.

3.3.2 Pemccahan Masalah

Dengan rnelihat permasalahan dan kendala yang terjadi dalam

pelaksanaan culi seorang karyawan, maka dibutuhkan suatu media

yang dapat menanggulangi pelaksanaan cuti seorang karyawan

sehingga depat lebih efektif dan efisien dalam memmjang kinerja

perusahaan serta dapat menjadi sarana interaksi antara atasan dalam

hal ini pemeriksa cuti dengan para karyawannya. Oleh karena itu

penulis mengusulkan pembuatan suatu aplikasi data cuti berbasis

web yang dapat lai1gsung digmiakan clalmn menangani . cuti

karyawan. Dalam tugas akhir ini cuti yang akan digunakan adalah

cuti tahunan, cuti alasan penting dan cuti besar.

43

3.4 Usulan Rancangan Aplikasi Penanganan Cuti Karyawan

Untuk membangun suatu aplikasi data cuti karyaw<in berbasis web

(online) ini diperlukan analisa kebutuhan, pihak-pihak yilng terlibat, dan

faktor pendukung yang diperlukan dalam penerapannya.

3.4.l Analisa Kebutnhan

I. Pemeriksa Cuti

13agi pemcriksa culi aplikasi web ini dapat menjadi media alau

sarana untuk rnemberikan persetujuan atm1 izin seorang

karyawan yang bcrada dibawalmya dalarn proses pelaksanaan

culi yang efektif dan cfisien schingga dapat mempercepat proses

pengambilan ct.ti seorang karyawan. Dalmn hal ini pemeriksa

cuti-lah yang berhak untuk menentukan apakah seorang

karyawan itu diperbolehkan rnengambil cuti atau tidak.

2. Kmyawan

Bagi karyawan aplikasi web ini dapat membcrikan kemudahan

dalam hal pelaksanaan a tau pengamhi lac cuti sehingga dapat

mempercepat proses pelaksanaan cuti seorang karyawan

sehingga lebih ef'isien.

3. Bagian SOM

Aplikasi web ini diharapkan dapat membantu mempermudah

Bagian SDM selaku admin dalam meng-Upciate dar; mencari

cuti seorang kmyawan secara efektif dan ·efisien sehingga dapat

rneningkatkan kine~ja perusahaan.

3.4.2 Pihak yang Terlibat

I. Kepala Divisi

Merupakan pihak yang memiliki jabatan yang tinggi sebagai

kepala divisi dalarn perancangan aplikasi yang 1TJempunyai akses

kepada kmyawan yang ada dibawahnya tetapi tidak mempunyai

hak untuk mernberikan keputusan diterima atau ditolaknya

sebuah pengajuan cuti.

2. Pemeriksa cuti

Pemeriksa cuti adalah pihak yang terlibat langsuug dalam

menentukan tanggal cuti yang diambil oleh kmyawan dan yang

berhak menentukan apakah seorang ka1yawan i tu diperbolehkan

mengambil cut1 atau tidak.

3. Kmyawan

Karyawan adalah pihak yang terlibat langsung clalam

pengambilan cuti di perusahaan. Dan yang melaksanakan cuti

yang diberikan oleh perusahaan.

4. Admin

Merupakan pihak yang terlibat dalam hal pencatatan,

penghapusan dan perhitungan serta mengkontrol data cuti

seorang kaiyawan.

45

3.4.3 Analisa Faktor Pcndulmng

Dalam rnerancang dan mengimple111entasikan aplikasi multiuser

yang terintegrasi diperlukan tiga komponen utama yaitu diantaranya:

I. SoHware, meliputi pemilihan aplikasi perangkat lunak yang

digunakan dalam pengembangan sistem yaitu diantaranya:

• Web browser digunakan sebagai antannuka dalam

pengembangan aplikasi berbasis web.

• Web server digunakan untuk pengembangan aplikasi berbasis

web yang dapat melayani pennintan dari client melalui web

browser.

• Database digunakan sebagai tempat penyimpai:an data.

• Bahasa pemrogrnman yang dapat rnenghubungkan aplikasi

database dengan web server.

Spesifikasi untuk perangkat lunak diataranya sebagai berikut:

I. Sistem Operasi Windows XP/ NT/ 2000/ 9£SE

2. Apache HTTP Server Versi 1.3.23 sampai dengan 2.0.39

3. Pl-IP Versi 3 sampai dengai1 5.0.2

4. MySQL Versi 1.3 sampai dengan 5.0

5. Web Browser sepe11i Internet Explorer, Netcape.

46

2. Hardware, meliputi pemilihan perangkat kera& yang digunakan

sebagai alat pendukung pengembangan aplikasi diantaranya :

• Bentuk fisik komputer digunakan sebagai alat input/ output

dalam pengembangan aplikasi.

• Topologi dan arsitektur .1armgan digunakan untuk

mengintegrasikan data dalam pengembangan aplikasi.

Spesifikasi untuk pcrangkat keras diantaranya s0bagai berikut:

1. Prosesor minimal Pentium fl 233 Mhz ke atas.

2. RAM/ Memrny minimal 64 Mb.

3. Sisa ruang kosong pada haddisk minimal 50 Mb.

4. Monitor yang mendukung resolusi sampai dengan 800X600

5. Keybord dan Mouse berjenis serial, PS/ 2, maupun USB.

6. Teknologi jaringan berupa LAN/ Intranet.

3. System, meliputi Administrator dan proses bisnis yang mengatur

dan memproses jalannya aplikasi. Dalam hai ini aplikasi yang

berjalan :iisesuaikan dengan proses bisnis yang ada dan

Administrator bertugas mengontrol jalannya aplikasi, yaitu salah

satu diantaranya dengan pemberian hak akses kepada kmyawan

yang akan masuk kedalam aplikasi.

Alur proses pada sistern yang barn akan diuraikm1 secara garis besar

pada bagan dibawah ini:

47

·---·-------------·---,..------------

Admmitltm1or

_j

,--------- -

'

' Kcmpu1"' tJ.,,, ] . L_

fn(lrlQG\ltiakUnWCbbft>'MiOr r· S<obagm •nl1 rfocel •

nrf,;mnuka

I

l'.<>mp11\er U..cr .,.1.,ku adm1n yana rn~ngalrn

jalaMyaaplilm~•

Gambar 3 .2 Bagan Alur Proses yang diusulkan.

Kcmpu\cr SNVN 5'100(11li rncm19unak11n """b bmwser

oo!>i!Qailnterlac!l"I 11ntormuk11

\ l,

·--~\I

'

Beberapa karyawan melakukan login ke dalam aplikasi web

tmtuk mendaftarkan pengajuan barn cuti atau melihat sisa cuti yang

dimilikinya. Antannuka yang digunakan bernpa web browser. Web

browser berkomunikasi dengan web server Jewat jaringan

/

48

komunikasi. Browser mengirim pesan rneminta dokumen atau

layanan tertentu pada web server. Ketika dokurnen d iminta, program

segera dieksekusi server yang kemudian menjalankan que1y ke

database dan menghasilkan dokumen HTML b.:rdasarkan basil

query serta menampilkan kembali ke dalam web browser. Untuk

selanjub1ya administrator mengatur dan menjaga jalannya aplikasi

yang tcngah berlangsung.

3.4.4 Rancangan Alur Sistcm yang Oiusullmn

•

•

•

•

Kaiyawan yang i11gin mcngajukan cuti dapat mcmbuka aplikasi

dcngan login sebagai karyawan biasa.

Selanjutnya karyawan dapat mendaftark an data barn cuti

kedalam sistem apabila status karyawan ten:ebut hadir dan

memasukan data-data yang diperlukan untuk pengajuan cuti

seperti, tanggal cuti, lama cuti clan alasan mengapa karyawan

mengambil cuti.

Atasan karyawan dalam hal ini adalah Pemeriksa cuti (Manager,

Senior Account Manager) menerima dan 111empe11imbangkan

pengajuan daftar barn cuti dali ka1yawan dalam penentuan dan

pelaksanaan cuti.

Karyawan memmggu keputusan dari atasannya mengenm

pengajuan daftar barn cuti untuk disetujui oleh atasannya.

49

• Atasa:1 kaiyawan/ pemeriksa cuti memerik:;a tanggal cuti yang

diajukan oleh ka1yawan apabila tanggal yai1g diajukan oleh

kmyawan tepat dcngan . kondisi dan keadaan di dalam

pernsahaan maka atasannya itu memvalidasi ell!; yang diajukan

kaiyav.an sebaliknya jika tanggal yang diajukannya itu tidak

tepat dengan keadaan dan kondisi dalam perusahaan maka

atasan rnengembalikan daftar barn cuti itu kepacta kmyawan

( dalam kasus te1tentu Atasan memberikmi. pergantian tanggal

cuti yang sebaiknya diambil).

• Jika atasan tidak menyetujui pengajuan cuti ka1yawan maka

daftar barn cuti dikembalikan ke karyawan ( dalam hal ini

karyawan memperbaiki daftar cuti terba.ru yang akan disetujui

atasannya atau karyawan tidak jadi untuk mengambil cuti/ waktu

cutinya diundur).

• Jika atasan menyetujui pengajuan dafiar barn cuti karyawan

maka pada saat itu pula atasan mern-validasi dan rnenyimpannya

di dalam database dan mencetak laporan cuti yang telah

disetujui.

• Admin dalam hal ini adalah bagian SOM dapal sewakt11-waktu

melihat dan mencari data cuti karyawan yang tel ah disetujui oleh

atasannya dalam database, dan jika sewaktu-wakm data tersebut

sudah tidak cliperlukan lagi maka admin dapat menghapusnya.

50

• Admin memperoleh !aporan cuti dari pemeiiksa cuti apabila

laporan tersebut disetujui dan ditandatangani oleh pejabat yang

berwenang.

• Untuk jangka waktu te11entu file-file cuti karyawan yang bernda

di sistem akan dikalkulasikan, sehingga dapat diketahui data­

data setiap karyawan yang telah mengarnbil cuti.

• Kemudian laporan tersebut akan disimpan sebagai data fik

perusahaan yang akan dilaporkan kepada level te1tinggi

(Direktur Utama) untuk dipertanggangjawabkan hasilnya.

51

Diagram Flow or Document usulan Pengajuan Cuti Karyawan sebagai berikut :

Karyawan

( J'ri,.;edur

\ liigincuti

T l __ L .. 7

/ LOGIN / L ____ T_j

r~~fo~,Ln: .. 1 I Kaf)'awan i

l __ I ___ j ~-­

/ rnrui Pi!i1t I L .. -·--··r-···-_/

t [ n,11.,nomc"" j

I I I

j '

11

I, I / Pcngisian 71

' j'

I Form Cu1i ' ____ T __ J I I

r Ii j Pengo!a!~--- ~J L--~~f :"_J I

i , ___J ______ , I

Peme1iksa Cuti/ Manager

I l.apornn Cuti I i . ' -----1-1 I ,---I 1· I '~--.--.--'

L ____________ '.

Tdk

I

Bagian SOM

7 ,.;

CmiCuli f.:aryawan

Tdk

'· Vptfa!cD.1t.1 ., -1---~

>--Ya· Upda1eDara···· Kmyawm, I. ..

Tdk

' Dall Kaiya11m1 _

r y,

Tabel 3.2 Flow of Document sistem yang diusulkan.

I

52

3.5 Rancangan Antarmulrn yang Diusullmn

Pe1tama sekali suatu kmyawan membuka aplikasi data cuti online dm1

akan masuk ke dalam menu login. Setelah menu login dilakukan dan

karyawa11 mengklik button login maka vmiabel yang dikirimkan berupa nik

da11 password yang masuk akan diperiksa kedalam menu cek_login. Dimmia

pada menu ini akan dilakukan pengecekan status karyawan untuk dapat

masuk kedalam menu utama.

Menu Login

~ner/Logo ] NIK L J

PASSWORD I J

I LO~

CopyRight@mel2005

Gambar 3.3 Rancangan Menu Login.

Dalam mem1 login terdapat 3 level yang akan di seleksi yaitu Kepala

Divisi, pemeriksa cuti dan user/ karyawan biasa. Serta ada penambahan

login sebagai admin. Ketika user masuk dengan login sebagai admin maka

tmnpilan selanjutnya yang akm1 masuk adalal1 menu utama admin yang

sebelumnya akan diperiksa oleh menu eek _log, sedangkan jika user masuk

dengan login sebagai pemeiiksa cuti maka akan masuk ke menu utmna

53

pemeriksa, dan jika user masuk dengan login sebagai user1 kmyawan biasa

maka akan masuk Ice menu utama kmyawan.

Selanjutnya pada tampilan menu utama pemeriksa, dalam hal ini login

yang dilakukan memiliki stah1s sebagai atasan karyawan/ pemeriksa cuti

maka link yang akan ditampilkan pada menu utama pemeriksa ini adalah

sebagai berikut :

• Back : yaitu tombol yang dig11nakan untuk kembal1 ke awal

• Tampil cuti : berisi data cuti karyawan dengan me:mbawa variabel yang

ditentukan pada saat login pertama kali.

• Logout : yaitu keluar clari apliksi data cuti karyawan.

• Daftm· Baru Cuti : berisi fom1 untuk melakukan pend~.ftaran barn cuti

kmyawan yang akan dimasukkan ke dalan tabel data cuti dalam

database.

• Cari cuti : berisi data-data untuk :nencari cuti karyawan

• Daftar Bani Karyawan : beiisi pengisian pendaftaran suatu kaiyawan

barn.

• Persetujuan Cuti berisi daJ'!Rr cuti yang telah diserqjui oleh atasan

karyawan.

• Kirim email : beisi form unh1k mengirim email

• Link Li hat data karyawan yang ada dibawalmya secara detail.

• Keluar : yaitu keluar dari aplikasi data cuti kmyawan.

54

Sedangkan jika login yang dilakukan memiliki status sebagai kepala

divisi maka akan ditampilkan menu utama peme1iksa dengan penambahan

link bernpa tambah data barn ka1yawan yang tidak akan dijumpai pada

menu utama pemeriksa yang memiliki status sebagai atasannya. Selain itu

dalam menu utama pemeriksa terdapat link data tmtul; mendapatkan

infonnsi secara jelas tentang seorang kaiyawan yang beraCla dibawahannya.

Dibawah ini merupakan rancangan tampilan untuk menu utama pemeriksa :

Menu 1 llama Pemeriksa f'uti i Banner I Logo

I f Home l f Ta111pil Cuti l f Keluar l

I DaftarCutiBar I Data Karyawan

I Cari Cuti I I Persetujuan l NIK NAMA JABATAN Dl:VISI STATUS

I Keluar I

-CopyRight@me12005

Gambar 3.4 Rancangan Menu Utama Pcmcnksa.

55

Menu l Jta1na Pe1neriksa f'nti

Banner I Logo

I Home l I Tamnil Cuti l I Keluar ·1

I DaftarBaru I Data Karyawan

I Cari Cuti I I DaftarCutiBar I

NIK NAMA JABATAN DIVIS! STATUS

I Persetujuan I I Keluar I

CopyRight@mel2005

Gambar 35 Rancangan Menu Utarna Pemeriksa untuk Kcpala Divisi.

Dalam tampilan mei111 utama karyawan tidak jauh berbeda dengan

menu utama pemeriksa cuti, hanya ada b.eberapa link ke halaman lain yang

tidak terdapat di menu utam pemeriksa cuti, yaitu sebagai berikut :

• Syarat ambil cuti : berisi ketentuan-ketentuan seor511g ka;yawan apabila

ingin mengambil cuti dan berupa pengmmunan-pengnmuman lainnya

yang berhubungan dengan pelaksanaan cuti karyawan.

• DaHar baru culi kaiyawan : bcrisi form untuk pcngajuan cuti karyawan.

• Update data karyawai1 : berisi mengenai pernbahan data kmyawan

seperti perubahan foto, jabatan atau posisi seorang kmyawan.

56

Menu Utmna Karvawan

Banner I Logo

-[Home] [ rampil Cuti ] [ Keluar l

I Syarat Arnbi!Cuti I Data Kaiyaw an

I Daftar Barn Cuti I

I Update Karyawan I NIK

I I NAMA

Perselujuan JABATAN

[ Keluar I DIVJSJ

POSIS!

CopyRight((t)mel2005

Gambar 3.6 Rancangan Menu Utama Kmyawan.

Ketika login sudah dilakukan dan benar maka user akan masuk

kedalam menu utama, di dnlam menu utama apabila user mengklik tampil

cuti pemeriksa, maka akan ditampilkan seluruh data cuti kmyawan yang

menjadi bawahannya dengan status cuti yang dimiliki karyawan tersebut.

Status bertanda cuti menandakan karyawan tersebut sedang mengambil cuti

dan status daftar yaitu menandakan ka1yawm1 tersebut ingin mengmnbil cuti

yang akan disetujui oleh atasan/ pemeriksa cuti.

Sedangkan jika user yang masuk kedalam menu utama karyawan,

apabila user mengklik Tarnpil cuti karyawan, maka akan ditarnpilkan

seluruh data cuti kaiyawan tersebut yang membawa variabel nik dan

password pada saat login pertama kali. Halarnan tampil cuti yang akan

57

ditampilkan terdapat daftar cuti karyawan berdasarkan nik dan password

pada saat pertama kali dia login.

Tampil Cuti Karyawan

Bm111er I Log0

[Home] [ Tampil Cuti ] [ Keluar]

Tampil Cuti Karvawan Narna

NIK

Tingkat Sisa Cuti yang ada

Jabatan Cuti besar

Tempat kerja Talnm 2005

NIK Atasan

Narnr Nama Cuti TglMulai Tg!Selesai ldManager Jrnl Cuti

CopyRight@rnel2005

Garnbar 3.7 Rancangan Menu Tarnpil Cuti Karyawan.

Dalam menu tltama pemeriksa cuti terdapat link untuk mencari cuti

ka1yawan, user mengklik menu link cari cuti karyawan maka akan

ditampilkan menu tampil cari cuti karyawan.

58

Cari Cuti

I

Banner I l ,ogo

[ l lomc J l Tampil Culi J l Kcluar J

Cari Cuti Kaiyawan

NIK I 11 ('AR l I

Nama Nama Cuti TglMulai Tg!Selesai Jml Cuti1 Sisa Cuti

CopyRight@me12005

Gambai 3.8 Rancangan Menu Cai·i Cuti Pemeriksa.

Dalam menu tersebut terdapat proses pencarian dengan memasukkan

nik kmyawan, yaitu dimana terdapat sebuah inputan untuk mencari cuti

seorang karyawan yang berdasarkan variabel nik yang dimasukkan oleh

seorang perneriksa cuti. Setelah itu pemeriksa cuti mengklik button cari

maka dalam menu cari cuti tersebut akan ditampilkan data cuti karyawan

yang menjadi bawahannya. Menu cari cuti ini mempermud2h pancarian data

cuti seorang karyawan, khususnya bagi seorang manager yang mcmpunyai

beberapa orang kmyawan bawahannya.

Selain itu terdapat menu persetujuan yang menampilkan data cuti

seorang kmyawan yang telah disetuJui oleh atasannya. Didalarn menu

59

persetujuan ini terdapat button -::etak yang akan mcnampilkan halaman untuk

mencetak Japoran, halaman tersebut akan terlihat seperti tampilan dibawah

1111 :

Laporan Cuti Karyawan ~

Pelaksanaan Cuti Tahunan :

NIK

NAMA

BP/KP

JABATAN

DIVIS!

POSTS!

Hale Cuti Tahun

Pelaksanaan Cuti Tahunan :

J Sisa Cuti Tahun _J

~-[

Jumlah Hak Cuti

Pemohon

NIK:

Kepala Divisi

NIK:

Keputusan Pejabat yang Berwenang Pctiabat yang berwenang

Disetuji selama Mulai tanggal s/d

NIK:

Gambar 3.9 Rancangan Laporm1 Persetujua11 Pengajuan Cnti.

Masih pada halaman persetujum1, terdapat menu link kembali aktifyang

menandakan seorang kmyawan yang akan mengaktiJkan status cuti

karyawan menjadi status hadir atau telah kemabli masuk kantor. HalamaE

persetujuan akan ditampilkan dibawah ini dibawah :

60

Tampil Persetujaun

Banner I Logo

[Horne] [ Tarnpil Cuti ] [ Keluar]

Persetui uan Cuti

Keterangan cnti kaTVB\van

Nama

NIK Sisa Cuti yang ad!l

Tingkat Cuti besar

Jabatan Tahun 2005

Tempat ke1ja

NIK Atasan

Pe~rse~l11i11an cnti ::ikan ta1nnd rlihawah ini

Tanggal l\lulai Cuti

Tanggal Sclcsai Cuti

Jumlah cuti

Alamat c11ti

Alasan cuti

I CETAK I I Kembali Aktif J CopyRight@mel2005

Gambar 3.10 Rancangan Menu Persetujuan.

Menu daftar baru cuti terdapat pada setiap halarnan web baik pada

halaman untuk menu utama pemeriksa maupun menu utama karyawan.

Menu link daftar cuti ini akan tampil apabila status kaiyawan pada

perusahaan adalah hadir, dan apabila karyawan telah mengaktifkai1 status

cuti pada menu persetujuan. Dalam aplikasi cuti kmyawan berbasis web ini

halaman daftar cuti menjadi hal yang sangat penting dalam pelaksanaanya.

Hal ini dikarenakan setiap karyawan yang ingin mengambil cuti harus

61

mengisi fo1111 daftar cuti tersebut agar atasan d~pat mengetahui pengajuall

cuti seorang kaiyawan dan dapat disetujui. Pada menu daftar barn cuti,

ka1yawan diai1jurkan untuk melengkapi semua isian form pendafte.ran cuti,

dan setelah form terisi semua user dapat mengklik button daftar malrn data

yang telah diisikan tadi akan disimpan dalam databas(: tabcl data_cuti yang

nantinya akan dibaca dan diperiksa oleh atasan selaku pemeriksa cuti.

Setelah semua selesai karyawan dapat kembali ke menu utama dengan

mengklik link back yaitu unluk kembali kc halaman scbciumnya. Berikul

adalah halaman untuk daftar baru karyawan :

Daftar Barn Cuti

I

Tgl Mulai Cuti

Lama Cuti

Jenis Cuti

Alamat cuti

Alasan cuti

Banner I Logo

[ Home ] [ Tampil Cuti ] [ Keluar]

Halamai1 Pengajuan Cuti Kaiyawan _J --

NAMA NIK

'----'-'-1"'1 ~[-~l"'I C:=I!J l'fl

Tahunan Besar ; Alasan Penling

I l '--------~----~---~

''----------~ Daftar

CopyRight@me12005

Gambar 3.10 Rancangan Menu Daftar Baru Cuti.

62

Aplikasi data cuti kaiyawan ini Jnga dilengkapi dengan menu admin.

Dalm11 hal ini seorang administrator/ admin adalah :;eseorang yang

memiliki hak lebih dari user lainnya seperti diantaranya dapat melihat,

mengatur, dan menghapus data yang ada pacla database. Seorang admin

clapat mencaii clan melihat seh1111h karyawan yang mengmnbil cuti ticlak

terbatas pacla level manager. Dalam aphkasi ini apabila seseorang masuk

dengan login sebagai admin maka sistem akan memeriksa nama dan

password user tersebc1t jika benar maka akan masuk ke dalam

menu_utama_admin. Di bawah ini akan terlihat menu utama admin:

Menn l ltnnrn Arlmin

Banner I Logo

f Home l f Tampil Cuti l f Keltia r l

[ DaftarRarnKnr I Data Karyav /all

I f'ari f'nti I NIK NAMA JABATAN DJVJS I Kirim F'mail I I STATUS HAPUS

I Kelnnr I

CopyRight@mel2005

Gambar 3 .11 Rancangan Menu Utmna Adm 1a.

63

Selain itu clalam tampilan menu admin juga terdapat beberapa link

yang akan menampilkan ke halaman-halaman lainnya. Yaitu diautaranya

adalah tambah data barn karyawan, cmi cuti karyawan, menu tampil cuti

admin dai1 lain sebagainya

Dalam mena utama aclmin ini terdapat link ke menu tampil cuti yang

akan menampilkan cuti kaiyawan secara kcscluruhan, namun jika seorang

aclmin hanya ingin mencari data cuti seornng kmyawan dengan cepat dan

efisien, admin dapat mengklik link cari cuti yang berada clisebalah kiri data

karyawan pada menu utama admin. Selain itu terdapat link daftar barn

kaiyawan yang berfongsi mendaftarkan data-data karyawan barn ke dalam

database data cuti karyawm1. Tampil daftar barn kaiyawan digambarl<an

seperti dibawah ini :

64

Daftar Baru Karyawan

Banner I Logo

[ Home] [ Tampil Cuti ] [ Keluar] ~-~~·~~~~~--l

Karvawan Baru

Nama I :J NIK I I

Ti:ngkat I I

Jabatan I I

Tempat kerja I I

NIK Atasan I I

NIK Divisi I ==i

Status Aktif Cuti

Hak Akses l.!J Sirnpan J

CopyRight@mel2005

Gambar 3. I 2 Rancru1gan Menu Daftar Barn K&ryawan.

Dan untuk tarnpilru1 menu yang lainnya akan diuraikan pada bab

selanjutnya dengan flowchart dan algoritrna program serta ditarnpilkan

dalarn lampiran.

l:lAB IV

PERANCANGAN APLIKASI DATACVTI KARY A WAN BERBASIS WEB

PT. TELKOM DIVTSI CISC

4.1 Usulan Pcrancangan Sistcm

Setelah dilakukan analisa terhadap sistem yang be1jalan pada

perusahaan, ditemukan beberapa masalah yang dirasa kurang efisien untuk

pengolahan cuti karyawan dalam perusahaan. Oleh karena itu pada bab ini

akan diusulkan suatu rancangan aplikasi untuk Japat mcmbanlu kckurangan

yang dirasakan dalam perusaliaan.

Dalam studi ini penulis menggunakan pendckata11 Analisis dan

Perancangan Sistem Terstruktur dan Data Flow Diagram (DFD) dalarn

menggambarkan rancangan aplikasi yang akan dibangun, tanpa

mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau

linghmgan fisik data tersebut disimpan.

66

4.1.1 Rancangan Data Flow Diagram

4.1. l. I Rancangan Diatiram Context (level 0)

-- D t K 't a a __ aryaw, n Update_ Data Karyawan

(' . ... an Cuti Daftar_ Barn_ Cuti r . •

Data Sisa Cuti 0

Laporan Cuti Sistcm Infi:Jrmasi [ Bagian SDM

Persetuiuan Cuti Cuti Karyawan

Laporan _ Cuti Laporan Cuti

" Pemeriksa Cuti Laporan Sta us ~Ct ti Laporan _Pegawai

i Laporan Pendaftaran Cuti

Garn bar 4.1 Contex Diagram sistem yang diurnlkan.

67

4.1.l .2 Rancangan Diagram Level 1

Karyawan Data __ Kmyawan ~;ata Kmyawan

Rekamtaryawan '

' ·.;::: .., _ _J / 04 \ Posis~ 8 l

2 Sisa Cuti "'

Data - Memproses Data RekamP< sisi co 8 Karyawan g.ckam.labata11Pos1s1 ~

Data Sisa Cuti , --- ~ Bidang "' a -

' RimBhl~l lo2 I JabatanPosi5i -

' RekamCuti . 2 l ·-.~

w

Mendaftar Barn 03 Data Cuti 0 Cl.. 4 "' Cuti RekamD· taCuti "' -"' -,0 Mengupdate " ->-, ' ....,

3 s Data Karyawan - . ' f~ ;:J

u

Re~mnJa atan

~

i:::' '§ Memproses Cuti

e Kmyawan "' ·;:;

"' ';;'.1 - :s: "' ~ - Cl ~ "' ;:J "O ;:J u

1 os I Jabata·1 ,,,1 " 5 til I • 1ii

Cl.. - "' ·-o.., Vl I "' - "' "O § "' ;:J u :3• ...

§ "' •:::;; u "' ~

@' ~ ... -... " 0 0 w 8 "' "" "" i> ...

Cari Cuti .....

"' "' ... 0 ..-l ..-l Cl.. ~ 0.

"' ' "' ..-l Cuti Bagian SOM ..-l La po ran .....

Pemeriksa

[ Karyawm1

Gambar 4.2 Data Flew Diagram (DFD) :level l.

68

4.1.1.3 Hancangan Diagram Level 2

1) Data Flow Diagram (DFD) Level 2 Detail Proses Pe1tama

---------------

/

1.1 p

Data_ Kaiyawan Mencari I

I JabatanPosisi Infonnasi Deng:an ~)2 Login

'- ' Kaiyawan RekamJabatanPo PIS!

lr:formasi - Status_Cut

1.2P / D l I Data Kmyawan

:5 Mendapatkan R,~kamKmyawi n u

I "' lnformasi Culi V>

U3 "'I Cetak_Statu ~_Cuti ___, -"' Ci

13PJ

Mencetak Data_Sisa_Cmi

Status Cuti Kmyawan

Gambar 4.3 Data Flow Diagram (DFD) level 2 Detail Pro~es Pertama.

69

2) Data Flow Diaf,•Tam (DFD) Level 2 Detail Proses Kedua

Karya,van

I

'

Daftar Barn Cuti 2.lP

Data . Baru Cuti Menerima f<I-Daftar Barn Cuti

I DJ I I

OataCuti +-~ekmnCuti --1

2.2?

RekamCuti i Memilih Cuti

[ SimpmC<> ,; G . .31----lp

~ Mere~am Data yang Diambil

·;:::: ;:J u '.!]

B

I Cuti \ Se'i'i»entara -2.4P <:/)

Mengaktifkan Laporan __ St Status Cuti

atns Cuti

Karyawan

' , Laporan _ Pendaft ran_ Cuti

Gambar 4.4 Data Flow Diagram (DPD) level 2 Detail Proses Kedua.

70

3) Data Flow Diagram (DFD) Level 2 Dutail Proses Ketiga

'5 / 03 J DataCuti

"" Bagian SOM - 02 JabatanPosisi "' Cl s "' • "" " 3.2

Cari Cuti IZ RekamJaba anl'osisi

-

"' Memproses

f 3.1 Cuti Kaiyawan ·c . "' Pencaiian Cuti u

~ Karyawan -·- P1oses r'nti 3.3 ~

0 u s ttiju

0.

"' Verifikasi/ ....:i - \'alidasi Cuti

3.5

Membuat Cek_Cuti fidak_Setuju Laporan _Cuti L<cporan Cuti

r-·

' Lap01 an_ Cuti 3.4

I Kaiyawan I ~·

lvlengecek Tgl & Pcrsetujuan _Cuti Keperl uan Cuti

Pemeriksa ,

Gambar 4.5 Data Flow Diaf.>ram (DFD) level 2 Detail ?roses Ketiga.

Tl

4 ). Data Flow Diagram (DFD) Level 2 Detail Proses Keempat

Bagian SDM

' Update_ Data

.

'

4.1

Update/ Tambah Data

Karyawan

Rckam.JabatanPosisi ---------,

D2 JabatanPosisi

RekmnJabatanl osisi

r-_C Posisi

4.2 Proses_ Data 4.3 104

Mencetak Kmyawan

Memproses RekamPosisi

Laporan .. Data Jabatan Pegawai & Posisi RekamJabata 1

RekamBidang D5 Jabatan

D6 Bidang

Garnbar 4.6 Data Flow Diagram (DFD) level 2 Detail Proses Keernpat.

4.1.2 nancangan Kcluaran Masulrnn

4.1.2.1 Hancangan Masukan

I. Nama Masukan : Data_Karyawa;1

Fungsi

Sumber

Volume

Keterangan

: Berfungsi lllltuk mamasukkan data karyawan

: Karyawan

: Per-minggu

: Jnformasi mengenai data kmyawan

2. Nama Ma~ukan : Data barn cuti

Fungsi

Sumber

Volume

Keterangan

: untuk memasukan pengajuan baru cuti

: Karyawan

: Sewaktu-waktu

: Data pengajuan barn cuti karyawan

3. Nama Masukan : Persetujuan_cuti

72

Fungsi Memberikan persetujuan pengajuan barn cuti

karyawan

Sumber

Volume

Keterangan

: Pemeriksa Cut;

: Per-minggu

: Verifikasi dan validasi data pengajuan barn cuti

4. Nama Masukan : Update_de.ta

Fungsi

Sumber

: Update aplikasi cuti

: Bagian SDM

Volume : Sewaktu-wakt•.1

Keterangan : menarnbah.i menghapus data karyawan

5. Nama Masukan : Cari cuti

Fungsi

Sumber

Volume

Keterangan

: Pcncarian cuti karyawan

: Bagian SDM

: Scwaktu-waktu

: Mencari keterangan cuti karyav1a11

4.1.2.2 Rancangan Kcluaran

I. Nama Keluaran : Bukti cuti

Fungsi

Sumber

Distribusi

Volume

: Bukti penga111bilan cuti karyawan

: Karyawan

: l'emeriksa Cuti, Bagian SDM

: Sewaktu-waktu

73

Ketcrangan Bukti pcngambilan cuti karymvan yang telah

disetujui

2. Nama Keluaran : Data sisa cuti

Fungsi

Sumber

Distribusi

Volurne

Ketcrangan

: Mcngetahui status cllli karyawan

: Kmyawan

: Pemeriksa Cuti

: Scwaktu-waktu

: Sisa status cuti karyawan yang tersedia

74

3. Nama Keluaran : Laporan_cuti

Fungsi

Sumber

DislTibusi

Volume

Keterangan

: Bukti pengambilan cuti karyawan

: Pemeriksa Cuti

: Kmyawan, Bagian SOM

: Sewaktu-waktu

Bukti pengambilan cuti kaiyawan yang telah

disetujui

4. Nama Kcluaran : Laporan sisa-cuti

Fungsi

Sumber

Distribusi

Volume

Keterangan

: mengetahui status cuti kaiyawan

: Pemeriksa Cuti

: Karya\van

: Sewaktu-wakh1

: sisa status cuti karyawan yang tersedia

5. Nama Keluaran : Laporanyendaftaran_cuti

Fungsi

Sumber

Distribusi

Volume

Keterangan

: daftar pengajuan baru cuti kmyawan

: l'emeriksa Cuti

: Pemeriksa Cuti

: Per-minggu

: data mengenai daftar pengc\iuan cuti kmyawm1

75

6. Nama Keluaran : Laporan_ cuti

Fungsi

Sumber

Oistribusi

Volume

Keterangan

: Bukti pengarnbilan cuti karyawan

: Bagian SOM

: Pemenksa Cuti, Karyawan

: Sewaktu-waktu

Bukti pengambilan cuti karyawan yang tel ah.

disetujui

7. Nama Keluaran : Laporan_ pegawai

Fungsi

Sumber

Oistribusi

Volume

Keterangan

: mcngctahui data scluruh pcgawai

: Bagian SOM

: Pemeriksa Cuti

: Periodik

: Oaftar data seluruh pegawai

Rancangan Model Data (ER-Diagram)

IS! memiliki

~~-Keterangan Divisi

Nik Divisi Posisi )

~ ~ ( Tanggal Selesai

8 I ~ /( Tanggal Mulai

/ 11 Posisi 11 ,,,.,,...- memiliki~ I I Karyawan

,,,--~/ .

~~ e Jabatan

~

~

Nik Atasan

.......... HP/KP )

------Gambar 4.7 Enti<y Relation Diagram (ER-D).

76

~ 11

~ _ __,_I ,~ . ~ ·~ ( Data Cuti ) I

( Keterangan Cnti ) '--.________.....,

'---------- I

Rancang:rn Basisd3ta

4.2.l Normalisasi

Untuk selanjutnya penulis akan menonnalisasikan label yang akan diperlukan dalam perancangan aplikasi data cuti

berbasis web, dari tabel diatas diperoleh data seperti dibawah ini :

4.2.1. l Bentuk Tidak Normal

PERSONIL I CUTI TAHU NAN -· --,----· ---- -·------- --i--------·-------T------- --- - ----~--------

O[V!SJ NAMA POSIS! JABATAN II B:l:lr/KP j JUMLAH , . TANGGAL TANGGAL i • JUMLAH S!SA

_ . NIK NAMA MULA! I sELESAI I c~~~~ HAK cun I cuTi

' ' I i I I -----'------"------~---~

I CUT; ALASAN PENTING I ---.------~---------+

PEG I TANGGAC TANGGAL I TANGGAL I TANGGAL I JUMLAH HARi CUTI ALASAN I i MlJLAI SELESAl \ MULA~ SELESAI \ PENTING ===l

CllTI BESAR

Tabel 4.1 Relasi bentuk tidak nonnal.

77

4.2.1.2 Bentuk Pertama ( l NF )

Pada relasi bentuk tidak nonnal diatas, penulis mencoba menguraikan atribut-atribut relasi yang diperlukan

dan menghilangkan atribut-atribut relasi yang tidak atau kurang diperlukan dalam perancangan sistem atau

aplikasi yang akan diban1,,>un. Atribut-atribut yang terbentuk adalah sebagai berikut :

I I I : ' I

KETERANGAN ' TANGGAL TANGGAL I_ DIVIS! DIVIS! POSIS! I JABATAN BPIKP i NIK NAMA CUTI MULA! SELESAI I

I ·I----+--~-- I i -·----~----

________ ,, ______ ----.... - ... ~-- - - --- i --·-·--------I

--·---~-------···r- ----- -----------·1 i !

Tabel 4.2 Relasi Utama.

Atribut yang terbentuk pada nonnalisasi bcntuk pertama (I NF) itii adalah :

Divisi, Keterangan Divisi, Posisi, Jabatan, BP/KP, NIK, Nama, Cuti, Tanggal i\!ulai, Tanggal Selesai.

Sehingga pad.: reiasi l NF dapat uiketahui :

Atribut-atribut utama adalah

{ Divisi, Posisi, Jabatan, NIK, Cuti }

78

Atribut-atribut bukan utama adalah

{ Keterangan Divisi, BP/KP, Nama, Tanggal Mulai, Tanggal Selesai }

Pada dasamya agar suatu tabel tidak mengalami redudansi atau ketidakkonsistenan data sebaiknya untuk

atribut utama digunakan suatu nama yang bersifat unik dan dapat memudahkan penulisan. Pada tabel diatas

penulis akan menambahkan atribut utama berupa id_pos, id_div, idjab, id_cuti untuk atribut posisi, divisi,

jabatan, dan cuti agar menghasilkan tabel yang bersifat konsisten serta memudahkan dalam penulisannya.

Sehingga dihasilka11 tabel sebagai berikut :

ID_JAB l JABATAN I BP/KP NIK

I '

' --- -----1

1 KETDIVISI J m_ros ' ros1s1 NAMA ID_CliTl TANGGAL

CUTI I MOLAi TANGGAL SELESAI

L______ --~'------- _ __J - -- --- _L~ _ _J__ ___ _____,

Tabel 4.3 Relasi Bentuk Perta1na ( 11-..JF ).

79

80

4.2.1.3 Bcntuk Normal Kc Dua ( 2 NF)

• Jadi atribut nonnalisasi bentuk pertama (I NF) adalah :

Id Div, Divisi, Keterangan Divisi, Id __ Pos, Posisi, Id_Jab, Jabatan,

BP/KP, NIK, Nama, Id_ Cuti, Cuti, Tanggal Mulai, Tanggal Selesai.

• Sehingga pada relasi 1 NF dapat diketahui :

Atribut-atribut utama adalah

(Id_ Div, ld_Pos, ld_.lab, NIK, Id_ Cuti}

Atribut-atribut bukan utama adalah

(Divisi, Keterangan Divisi, Posisi, .labatan, BP/KP, Nama, Cuti,

Tanggal Mulai, Tanggal Sclcsai}

kemudian cliperiksa ketergantungan antara satu entitas dengan entitas

lainnya, seperti digambarkan dibawah ini:

Keterangan Divisi

Divisi

NllZ ;\tasan NlKDivisi

BP/KP f~ ld_Jab

Posisi I ~' -1<-l __ P_o_s~

NIK

Nam a

·ranggal Selesai

Id_ Cuti

[ __ c_.u_i,_· -~

Gambar 4.8 Ketergantungan Fungsional antar Entitas.

dari gambar diatas dihasilkan lrnbungan sebagai berikut :

Keterangau Divisi

Divisi

-·~-1 ~51· Posisi

------·

~------------------_J

Gambar 4.9 Ketergantungan Fungsional Himpunan Entitas Divisi dan Posisi.

J\tribut utama ldDiv mcncntukan Divisi, Kctcrangan Divisi, Id l'os, Posisi.

Id Div?> Divisi, Keterangan Divisi, ld_Pos, Posisi.

BIPKP H Id fab H fab•w::J]

Gambar 4.10 Ketergantungan Fungsional Himpunan Entitas fabatan

Atribut utama ld_Jab menentukan Jabatan, BP/KP

Id Jab 7 Jabatan, BP/KP.

1~ Nom•

Gambar 4. I l Ketergantungan Fungsional Himpunan Entitas Karyawan

Atribut utama NIK menentukan Nama

NII<? Nama.

81

82

NIK Atasan NIK Divisi

I Id Jab I

I Id Pos I

I NIK I

Gambar 4.12 Ketergantungan Fungsional f-hmpunan Entitas Jabatanposisi

dari gambar diatas tcrdapat tiga buah atribut utama ynng bcrgabung

menentukan NIK Alasan Jan NIK Divisi yang berasal dari J>1mpunan enlitas

Posisi, Kmyawan, dan Jabalan.

Atribut utama Id_Jab, Id_Pos, NIK menentukan NIK Atasan dan NIK Divisi

ld_Pos, NIK, Id_ .lab7 NIK Atasan, NIK Divisi.

~I Cuti

Gambar 4.13 Ketergantungan Fungsional Himpunan Entitas Culi

Atribut utama lei Cuti menentukan Cuti

ld_Cuti 7 Cuti.

j Tanggal Mulai j

NIK

[ranggal Selesai I +

Id Cuti

83

Gambar 4.14 Keterganhmgan Fungsional Himpunan Entitas Kmyawan dan Cuti.

Atribut utama NIK dan Id_ Cuti menentukan Tgl Mulai dan Tgl Selesai

NIK, Id __ Cuti 7 Tgl Mulai, Tgl Selr~sai

Setelah memeriksa kebergantungan fongsional/ parsial maka didapatkan

tabel sementara basil nonnalisasi h~ntuk kedua, tabelnya sebagai berikut :

RI Divisi ({Id_Div, Divisi, KetDivisi, Id_Pos, Posisi }),

{Jd_Div 7 Divisi, KetDivisi, Id_Pos, Posisi}

R2 Jabatan ({Id Jab, Jabatan, BP/KP}),

{ Id_Jab 7 Jabatan, BP/KP}

R3 Jabatanposisi ({ld_Pos, Id_ Jab, NIK, NIK /\tasan, NIK Divisi l ),

{Id Pos, Id Jab, NU(7 NIK Atasan, NIK Divisi} - ·-

R4 Kmyawan ({NIK, Nama}),

{NIK 7 Nama)

RS Cuti ( { Id_ Cuti, Cuti } ),

(Id_ Cuti 7 Cuti)

R6 DataCuti ({NIK, Id_ Cuti, Tanggal Mulai, Tanggal Selesai} ),

(NIK, ld_Cuti 7 Tanggal Mulai, Tanggal Selesai})

84

Maka dari urarnn di atas clidapat suatu himpunan entitas-himpunan entitas

sebagai berikut:

Relasi pertama Tabcl Divisi

I ·:~"'' SI I ID _PO!; 11'0 DIVJSI ~.. v I ~.,;;;~-POS ;~SISI r 1ruiETAN. GAN

I PK . . __L~ _ _J_ ·----'

Tabel 4.4 Tabel Divisi.

Relasi Kedua Tabel Karyawan

5 ..... .

NA\\'11\ ---- -----.---------

,

Tabel 4.5 Tabel Karyawan.

Relasi Ketiga Tabel Jabatan

NIK* NAMA

I -'";:'"-1 "''A'A~ '"~ Tabel 4.6 Tabel Jabatan.

Relasi Keempat Tabel JabatanPosisi

~--JA~~-~~~~

~A~::;N P/KP ___ _,

I

ID_POS ID_JAB NIK

PK FK FK ·-

r:J_N_l_K-Divisi

Tabcl 4.7 Tabcl Jabatanposisi.

DIVISJ

lll __ DI V' DIVl~'.I

m Pos• POSIS! KETERANGANDIVISI

------, JABATANPOSISI I lQ_POS* .

1

1

lD_JAB* tllK* NIK_ l\TASAN Lill( '_)_1v_1_s_1 __

Rclasi Kclima: Tabcl Data Cuti

TANGGAL I SE LESA I

1 Id j TANGGAL ; NIK MULA!

--- -·-·---+---' PK FK I

I ·--1

Tabel 4.8 Tabel Data Cuti.

Relasi Kccnam: Tabel Cuti

Tabel 4.9 Tabel Cuti.

ID CUTI* CUTI

DATACIJTI

ID* , NIK**

I ~~~?GALMULAI L)Gl~LSELESAJ

Sehingga relasi I hubungan antar tabel adalah sebagai berikut:

Karyawan

,. [NIK

INama ! ~-----·-------·-··---

Id iNJK '

Data Cuti

:Tgl Mulai ' -1 Tgl_ Selesai '

~-I Jabatan Posisi 1-· -ild_Pos ld_Jab

··NIK NIK_Atasan NIK_Divisi

Karyawan I- -

--- -- !lrt_Cuti

jCuti

Oivisi

j~d_Div :oivisi

1 -.. ,lc_Pos 1 Posis1

I K_eteranganDivisi

1

,---J·abetan

""'1~LJab

1

1Jabatan EIP/KF

'

Gambar 4.15 Relasi Antar Tabel Pada Normalisasi 2NF.

85

86

4.2.1.4 Bentuk Normal kc Tiga ( 3 NF)

Pada tabel basil normalisasi bentuk ke dua (2NF) masih terdapat

tabcl van!.! bclum tcrnormalisasi ocnuh yaitu bcrada pada label RI ~ ~· '

yang memiliki ketergantungan transitif an!ar atribul, seperti pada

gambar dibawah ini

K;1ryaw;111

,NIK* Nmnn

DntaCuti

Id NIK Tgl_ivluln1

ITg!_Selcsm

1 Jabatan_Posisi

' Jd_Pos

L !d_Jnb

- NII( NIK __ Atasan NIK __ Divlsi

- J~!_S=.,l_!_tJ~ Cuti

~ !"::""' ~:-1 !\'ISi

id Pos• Ip~,;-

L '-." 1anDiv1s1 I

l '"""'"" Jd Jttb* Jabatan BP/J·:P

Gambar 4. I 6 Kctergantungan Fungsi01ldl An tar· \'abel.

Divisi

Gambar 4. I 7 Ketergantungan Fungsional Tabel Divisi.

I [Keterangan Divisi J

-I---------, ld_Div -~•·LJ P~~s_i _1 __ 1_d_1_

1

o_s _ ___,

Divisi

Gambar 4. I 8 Ketergantnngan Fungsional Himpunan Entitas Divisi dan Posisi.

Id Div

Divisi

87

ketergantungan transitif yang climaksnd adalah adanya

ketergantungan antara atribut bukan utama dangan alribut bukan

utama. yaitu Posisi bergantung pada ld_pos. Untuk menghilangkan

kelerganlungan lransitif maka dari benluk normal ke dua dapat

disempurnakan menjadi :

Id Div

l(etcrangan lJivisi

Gambar 4.19 Tabel Divisi 3NF

~-Jd_P_o_s __ -[ Posisi 11

Gambar 4.20 Tabel Posisi 3NF

•

pada label RI atiibut Posisi tergantung pada ld _Pos sehingga

dapat di bual label Divisi dipecah menjadi:

Id Div menentukan Divisi dan Kelerangan Divisi menjadi label

Divisi clan

• ld Pos menentukan Posisi menjadi tabel Posisi, namun karena

ld_Pos bergantung pada Id_Div maka Jd_Div pada label Divisi

.1uga diletakkan pada label Posi:;i sebagni atribut yang

mereference/ menglrnbungkan label Posisi dengan label Divisi.

Sehingga dari nonnalisasi diatas hasil normalisasi bentuk ketiga

akan menghasilkan label sebagai berikut:

88

RI Divis; ({Id Div, Divisi, Keterangan Divisi, Id Pos, Posisi) ),

(ld_Div?> Divisi, i<:eterangan Divisi, Jd_Pos, Posisi}

R2 Jabatan ({Id Jab, Jabata:i, BP/KP}),

( Jd_Jab 7 Jabatan, BP/KP}

RJ .lapos ({ldPos, Id_ Jab, NIK, NIK Atasan, NIK Divisi})

{Id_Pos, ld_.lab, NJK7 NIK Alasan, NIK Divisi )

R4 Karyawan ({NIK, Nama}), {NIK 7 Nama)

R5 Cuti ( { Id_ Cuti, Cuti } ), (ld __ Cuti 7 Cuti)

R6 DataCuti ((NIK, Id_Cuti, Tanggal Mulai, TanggaI Selcsai}),

(NIK, Id_Cuti 7 Tanggal Mulai, Tanggal Selesai}) dan

R7 : Posisi ( {Jd_Pos, Posisi, Jd_Div)), {Id_Pos:~ Posisi, ld __ Div}

4,2,2 Spesifilmsi TabeI

Rclasi Pcrtama: Tabcl D.ivisi

I-;;;"°' """' K<IBTANGANj - DIV!Si I PK ------~------

Tabel 4.4 Tabel Divisi.

Rclasi Kcdua: Tabcl Karyawan

Tabel 4.5 Tabel Karyawan.

Rclasi Ketiga: Tabcl .Jabatan

Tabel 4.6 TBbel Jabatan.

Rclasi Kccmpat: Tahcl .lahatan_Posis1i

Tabel 4.7 Tabel Jabatanposisi.

Rclasi Kclima: Tabcl Data Cuti

[-·-1----1 TANGGAL I TANGGA[l

Id i N~K . MULA! SELESAI I

I' _P_K __ l _F_K------,--~-1 '--~! L _ __j

Tabel 4.8 Tabel Data Cuti.

Rclasi Kccnam: Tabcl Cuti

l .. ·--·-.. ··-r---.. I

ID CUTI ' CllTI

[---:-.. ---1' .. I l'K , __________ -- ____ ] ---------- - ------ - ------- ,.

Tabel 4.9 Tabel Cuti.

89

90

Relasi Ketujuh: Tabel Posisi

r )_POS POSIS! ID_DIV

PK FK

Tabel 4.10 Tabel Posisi.

Setelah melakukan analisis dan pemecahan l:abel yang memiliki

sifat ketergantm1gan trnnsitif (yang juga dapat disebut nonnalisasi

bentuk ketiga) maka didapatkan relasi atau tabel-tabel yang telal1

ternormalisasi seperti pada tabel-tabel diatas, sehingga dapat digunakan

langsung untuk apliksi yang akan dibangun. Hubungan antara Relasi/

tabel diatas dalam rancangan untuk aplikasi data cuti kmyawan akan

t~rbentuk sepeiti gambar dibawah ini :

Karycnvnn

~ ~· NII~ cl. Div** Nanrn -_. d Pos* l '"-"'"'' 'osisi

Id* J :etemnganDivisi Id_Pos

Dal a Cuti ld_Jab NHC Divisi

Id* ,.__

NII(,_Atasan , ...

NIK. Divisi Id Div* ~ NIK Divisi

Tgl_Mulai Tgl_ Sclc:.ai

Karya1van Jabatan

- Id Cuti* ~ -MU~

Jabntan BP/J{P

Gambar 4.21 Hubungan Relasi Antar Tabel Yang Telah Ternol1llalisasi.

92

4.2.4 Spcsifikasi Kamus Data

I. File Kaiyawan

Na1na File data : I<arya\van

Jenis File : Master

Field kunci : NIK

Volume : 197record

Kcjadian I Data Kaiyawan I record

Kamus Data File Karyawan

Tabel 4. l 2 Kmnus Data Karyawan.

) File Divisi/ Bidang

Nama File : Divisi

Jenis File : M3ster

Field kunci : id div

Volume : 33 record

Kejadian : 1 Divisi l record

Kamus Data File Di·;isi

---·-·-' 1'ia1

No na Item Data

Tipe Di Sistem

I Id Div -

2 Divisi

- ----·-~- --3 KeteranganDivi

-

Tabcl 4.13 Kamus Data Divisi.

3. File Jab<itan

Narna File data : Jabatan

Jenis File : tvlaster

Field knnci : idjab

Volume : I 0 record

Kejadian : I Jabatan I record

Karn us Data File Jabatan

Tabel 4.14 Karnus Data Jabatan.

93

Le bar Keterangan

-·--+---- ----j

50

Kade Divisi

Singkatan misalnya Prandal

Nama divisi misalnya Prandal=Perenca naan dan Pengendalian

04

4. File Posisi

Nama File : Posisi

Jenis File : Master

Field kunci : id _ _pos

Volume : 241 record

Kejadian : l Posisi l record

Kamns Data File Posisi

--- ------------··----····---·--·----------··- ··-···- --·- ---------- .. --.----------- -,- --- ------------- -------···1 1

Lebar Keterangau I N 0 r--------·-.-

D i Sistem Di Program

Nama Item Data Tipe

Id Pos id __ pos Vnrchar 12 Kodc J>osisi -------------------~------ ----------2 Posisi

5.

Posisi Varchar 50 Keterangan posis1 misalnya kodc posisi QM200 l ~Quality Management, dsb _

Forei;,~1 Key berasal 1

dari tabel divisi I ----~-------~-----·!

Tabel 4.15 Kamns Data Posisi.

l'ilc Dala Cuti

Nama File data : DataCuti

Jenis File : Transaksi

Field ktmci : Id

Volume : >50 record

Kejaclian : l DataCnti l record

95

Kamus Data File DataCuti

,. -r•·--T----~---

LeQaf I K<;terangan

P-'-'-'-+-r d_D_i __ S_i~st_e_m ___ 1_J~d~D_i_P_r_o-=g'-r '~m_n-'-+-A"'t~1tceo;;;;i1~1c~r2e4""""-:.••·· :· 1-Nomor datacuti

Nama Item Data

1nent 1

·-+--------+--·-·-t----_j___ 2 NIK nik

3 Id Cuti id cuti

4 Tanggal mulai IV!ulai

5 Tanggal masuk Selesai

Varchar 10 i Nik Pegawai l---+--------+---------+,-----1----;-- .

I Varchar 20 ! namacut1 ~

I Date ---1 Tanggal ,;~lai 1

! I mcngambil culi ___J ····--1 Date---------1Tm1~gal . ·r;,l~suk/ I

I 1 had1mya karyawan I I I __ _

J'abcl 4.16 Karnus Data DalaCuti.

6. File .Jabatan. Posisi Karyawan

Nama File data : Japos

Jenis File : Transaksi

Field kunci : nik, id_pos, id_div

Volume : >50 record

Kejadian : I Data Karyawan 1 record

Kamus Data File Japos

Nama Item Data No .>---------------; Tipe

Di Sistem I Di Program

Int I I .k 1111 . Varchar

! id_pos Varchar

e---+----------\c-i_d _ _J_·a_b ____ ..,.I Varchar I I ·1 I 1 m c atasan , n t I -

nik div1si illl

96

Lehar Keterangan

5 i Autoincrement

~I NIK pegawai, i misalnya 560807 ---:J-~2____ Kode Posisi _.

12 Kode Jabatan

6 NIK manager, misalnya 530093

I NfK.

I 1)1v1s1, 642130

Kepala rnisalnya

Tabel 4.17 Kamus Data Jabatan, Posisi Karyawim.

7. File Cuti

Nama File data : CL!ti

Jenis File : Master

Field kunci : id cu ti

Volume : 10 record

Kejadian : 1 cuti 1 record

Kamus Data File Cuti

I Nmrni rteih Data 1----·-I Di Sistem Di Progrmn

I Id_Cuti id cuti Varchar 2

2 I Cuti cuti Varchar 20 Nama Cuti

Tabel 4.18 Ka.mus Data Cuti.

4.3 Proscdur Rancangirn Program yang di lisullrnn

4.3.l Menu Login

0

~ Tampil

menu lndex

~' l ___ I_ __

Proses Input nik dan

password

.. LOGIN

I __ y __ _ [ 1a I

Gambar 4.22 Flowchart Menu Login

Tampil menu login pada halaman index Proses input nik dan password if klik button login

then masuk ke halaman eek _lq,>i11 else kembali ke menu login

endif

97

Tdk

4.3.2 Menu cek_login

1a

I r.

eek apakah password sesuai dengan yang ada di database

benar

I

Tdk

Ya

r---------... .T~-.-~---·~ __________

1; Logout (Kembal! !

· _ kemen~ ___ l_?Jil_i~l._,

I Variab0l nik dan ., i password di register

t

hak_akses=O

Tdk

I 1 L. Ya hak_akses 1 atau 2

Tdk r

Tampil pesan Password Tidak

di Kenai Silahkan Login Kembn!i

! Cek hak akses user "'"' · ya;1y baru login

Ya i.-i !

Cek apakah status i nik_atasan = 1

T benar

I

Ya T

j 3 :

Garn bar 4.23 Flowchart Menu cekJogin.

Cek apakah password se3uai dengan yang ada di dalam database if password benar then variabel nik dan password diregister

eek hak_akses user yang barn login if hak akses = 0 then eek status cuti atasan

if status cuti atasan = I then tampil menu_utama_kmy2 else tampil menu_ utama _kaiy

end elseif hale akses I atau 2

then tampil menu_ utama _pemeriksa else larnpil pesan password tidak dikenal silahkan login kembali end if

else ke menu logout dai1 kembali ke menu login end

end

98

4.3.3 Menu Utama Pcmcriksa Cuti

v Periksa level berdasarkan hak_akses

hnk_akses 1 atau 2

' __ L ___ _ Tampil

menu utama pemeriksa

cu ti

i y

Bandingkan hak_akses untuk

menu pemeriksa cuti

P!llh=Daftar baru cuti

I Tdk

~ hak_ akse = 2

Ya

Proses link user kepala d1vis1

v Input pilih

Pilih==Tambah data karyawan

Tdk hak akses = 1 -

v Pro~.es link user

Alasan

i I v

Input pi!ih

I - -1

Pilih=Cari cut( - --Ya.J 5 i

Tdk Input pilih

J 7 ,; .. Ya- :-p-llih-:persetuJ~~i~_:.--.__ ______ r ___________ _

9 Lva

Tdk

Pi!ih=Tampil cu ti

Tdk

Pillh=Keluar

Tdk

Proses link user kepala divisi

Input pilih ~------ r-

1

v Pi!ih=nama karyawan Ya- Tainp!I menu

karyawan

Garnbar 4.24 Flowchart Menu rnenu_utarna __ pemeriksa.

99

Peiiksa level berdasarkan hak akses if hak akses I alau 2

then tampil menu_utama_pemeriksa proses link user

end.

input pilih if pilih,~back

then tampil halaman sebelumnya clscif pilih=tampil cuti

then tampil menu tampil cuti karyawan elscif pilih=keluar then ke menu logout tampil menu login cndif

end if else lmnpil data karyawan bawahannya

proses link user input ;iilih nama kmyawan

ifpilih=nama karyawan then lampil menu karyawan

else bandingkan hak_akses untnk menu pemcriksa if hak akses= I

then proses link alasan clseif hak akses'"2

then proses link kepala divisi input pilih ifpilih=tambah Jalra

then lampil menu kary. ~iaru end if

end if periksa status cuti yang climiliki karyawan saat ini

if status=hadir then input pilih

tampil menu link else menu dan proses link user

if pililFcari cuti then tampil menu cari_cuti

elseif pilih=persetujuan then tmapil menu persetujuan

end if endif

end if end if

end if end if

else hak_akses=O then tampil menu_utama _ kaiy

I 00

4.3.4

Tdk

Menu Utama Karyawan

2

/ Tampil menu I --ia:: utama kary

'.i Peliksa level berdasarkan hak_akses

hak_akses = 0

Ya

Siatus cuti atasan = O

·---4-----Proses link user

lnputpilih

Proses link user

Input pilih

Tdk '

Pilih=Daftar baru cuti

Tdk

TaMpil menu Syarat cut!

/~Ya · _ "_Pilih=syarat cuti ,,,....,.··--,

Tdk

' I 7 Ly, -.. J:l~~~=Persetujua0·

l12Lva·

l Tdk

,---l

Pilih=Updafo data

Tdk

Pi!ih=Tampil cuti

Tdk

pilih=Keluar

Tdk --'­Tampil data

karyawan

r Tentukan apakah

status cuti aktif alau lidak

! v

aktif

Ya

Proses link user

Jnput pihh

Gambar 4.25 Flowchart Menu menu_utarna_kmy

IOI

Ya

Ya .. ! 9

Tdk

Periksa level berdasarkan hak akses ifhak_akses=O

then periksa status cu!i atasan if status cuti atasan=O

then tampil menu_utama ___ karyawan proses link user input pihh ifpilih=back

then tampil halaman sebelumnya elseif pilih=tampil cuti

then tampil menu tampil cuti karyawan clseif pilih--kcluar then ke menu logout lampil menu login end if

end if else tampil data kai-yawan

tentukan apakah status cuti aktifatau ticlak if slatus--culi

proses link user input pilih

if pilih syarat culi then tampil menu syarat cuti

elseif pilih=persctujuan then tampil menu persetujuan

elseif pilih=update data then tampil rnenu up_clata_kary

end if endif

end if else proses link user

input piiih if pil ih=daftar barn cuti

then tampil menu d( __ baru_cuti end if

end if end if

else status cuti atasan=l then tampil menu_utarna _ ka1y2

end if else hak_akses 1 atau 2

then tampil menu_ utarna _perneriksa end.

102

4.3.5

Tdk

Menu Utama Karyawan2

Pariksa level berdasarkan hak_akses

I - -------, hak_akses = 0

Ya

!

Tampil menu utama kary2

~-------, ---___ \: ___ _ Proses link user I ___ T ______ J

I I

_f __ Input pilih

I

Tdk y_

··.:;··\.Ya Pilih=Persetujuar'(

I

Tdk y_

Piiih=Upd~te· data

Back

Tdk

Pilih=T:~-Pir cuti

Tdk

pi!ih=Keluar

Tdk l

Tampil se!uruh

statuscuti

---~-~1}'5!'."'~!:1-f

Tentukan apak8h status cut1 aktif

atau tidak

aklif

Ya

Proses link user

I J

Input pilih

Gambar 4-26 Flowchart Menu menu_utama_kary2_

103

Ya

-, ,_y3 j 11 I

Tdk

Periksa level berdasarkan hak akses if hak _ akses=O

then periksa status cuti atasan if status cuti atasan=O

then tampil menu_utama_karyawan proses link user input pilih if pilih=back

then tampil halaman sebelunmya else if pilih=tampil cu ti

then tmnpil menu tampil cuti kmyawan else if pilih=keluar then ke menu logout tampil menu login end if

end if

I 04

else tampil data & status cuti seluruh kmyawan yang berada dalam nik_atasan tentukan apakah status cuti aktif atau ticlak if status=cuti

proses link user input pilih

ifpilih=syarat cuti then tampil menu sym·at cuti

elseif pilih=persetujuan then tampil menu persetujuan

elseif pilih=update data then tampil menu up_ data_ kaiy

endif end if

cndif else proses link user

input pilih if pilih=daftar baru cuti

then tampil menu elf_ barn_ cuti end if

end if end if

else status cuti atasan=l then tampil menu_ utama_kary

cmlif else hak akses J atau 2

then tampil menu_utama _pemeriksa end.

4.3.6 Menu Logout

9

Tarnpilan menu logout

t-lapus dan matikan session

0 '-Ya session=mati

Unregister session yang adB pada

aplikasi

Gambar 4.27 Flowchart Menu Logout.

Tampil menu logout Unregister session yang acla pacla aplikasi Hapus clan matikan session clalam aplikasi if session=clestroy/ mati

then tampil menu login end.

105

4.3.7

Ya

Menu Tampil Cuti Pemeriksa

' Tampil menu

Tarnpil cuti pemeriksa

............. -··

I 10 ~Ya

cy3., I

Pi!ih=Tampil culi

Tdk

Tdk r

pi!ih=Keluar

Tdk

P11ih:::Daftar

[- - Penksa lev~ll ll>""j berdasarkan I I hak_akses r

I I

I J · rrak_akSes .. --._

1 atau 2

I Proses link user ,...,.

I

t Input pilih

1· Ya •1

L.

Bangkitkan vari<.1be! akses

I t

rarnpil daftar datr.i

cu ti kc.iryawan

Gambar 4.28 Flowchart Menu tampil_cuti_pemeriksa.

Tam pi! menu tam pi I. cuti _pemeriksa Periksa level bcrdasarkan hak_akses

if hak akses= I atau hak akses=2 .. -then bangkitkan variabel akses

panggil dan tampil data cuti kmyawan dari database proses Ii nk user input pilih ifpilih=tampil cuti

then tampil menu tampil cuti pemeriksa elseif pilih=back

then tampil halaman sebelumnya elseif pil ih=keluar

then ke menu logout tampil menu login elseif pilih=link daftar

then tamoil menu persetujuan_cuti encilif

end if end if

endif end.

106

4.3.8 Tambah Data Baru Karyawan

,-!

Tdk

4

f Tampil

menu Oaftar baru

karyawan

f

Proses link user

!nput pilih --- -- - -- -- .------

Tdk

Input data karyawan

' Ya

Klik button SIMPAN

- ! Ya

Tdk

' Pilih=Tampil

cu ti

pilih=Ke!uar

Tdk

Simpan data r.o-j karyawan iJaru

i dalam databast: 1 tabel japes dan

Ya j karyawcm

Gambar 4.29 Flowchart Menu kaiy _baru_

Tarnpil rnemt katy _barn Proses link user Input pilih

if pilih=back then tampil halaman sebelumnya

elseif pilih=tampil cuti then tampil menu tampil cuti kaiyawan

elseif pilih=keluar then ke menu logout tampil menu login

end if end if

else input data karyawan if klik button simpan

end.

then sirnpan data ke dalam database tampil pesan data telah terbuat

else tampil menu daftar barn karyawan endif

107

Tampi!kan pesan Data l,;aryawa11 baru telah

ferbuat

4.3.9 Menu Tampil Cuti Karyawan

,-~

! 11 1....:1 ._ ---- - ~.~~-•M•

I Ya i ___ y__ ____ _ P~oses link user !

Tampil menu tampil

cuti karyav1an

r-L. ____ _

T~~-'

i Input pilih ___ _;

Tomp1I oata cuti karyawan berdasarkan nik yg dibawa

I,.

I

"Back ,

Tdk

' Pi!!h=Tampi!

cuti

, Tdk

l

pilih=Ke!uar

Gambar 4.30 Flowchar1 Menu tampil_cutU«iry.

Tampil menu tampil_cuti_karyaw~n Panggil dan tampil data cmi karyawan dari database Proses link user Input pilih

if pilih=back then tampil halaman sebclumnya

elseif pilih=tampil cu ti then tampil menu tampil cuti karyawan

elseif pilih=keluar then ke menu logout tampil menu login end if

end if else tampil data cuti kmyawan berdasarkan nik yang di bawa

end.

I

108

4.3.10 Menu Daftar Baru Cuti

Tdk

i 6 I ,.._. "" :

----------'-------·-1 ! T entukan apakah , I status cuti aktif i [ ___ ·--~~-~-~~~~~-- ___ J

I y

s\~t~s ~wak aktif

Ya ,., ____ ·-

Tampil menu daftar

/ baru cuti

i

1--------------·1 . . ' :--Jr>-\ Proses link user

I I i I.

i ,' --,

,i __ rn1~~uu~n '/!..---~I ,--.;------1 ----··-----···-7 Tdk

1 lnput, tanggal, , 1

!I--' jenis, a!amat I ' dan al!3san

·r

~ -------------- Tdk

Tentukan Jen!s cuti yang I diambil & bangkitkan logika tanggal dan I

,ii-a;;;;;11r~s~n --oata telah

terkirim

t j

vatiabel lama cuti i .. I

Klik DaftarCut1

- - Ya .

109

' I Ya

pi!ih:::Back

t / --

. Pilih=Ta~pil cuti _>-·--·Tdk-1

Tdk I pilih=Keluar

Ya

I D l

I i

····· j .

I Cek Id dan nik yang

1

1 di bawa dari halaman

sebe!umnya

_ sebagai atasan I

Ya~

Tdk

2 Simpan tanggal, lama, I

jenrs, alamat, dan L a!asan ke database I Ya L~ data~cuti ___ J

Jml <= 45 [ Tentukan jumlah I cull yang diiambil

Gambar 4.31 Flowchai"t Menu df_baru_cuti.

Tentukan apakah status cuti aktif atau tidak if status=ticlak aktif then tampil menu df_ baru_ cu ti

proses link user input pilih if pilih=back

tllcn tampil halaman sebelunmya clseif pilih=tampil cuti

end.

then eek id (,f\:.. nik yang diba\va dari hala111an schch1111nya if sebagai atasan

then tampil menu tampil cuti pcmeriksa else tampil menu tampil cuti kaiyawan endif

clscifpilih=keluar then ke menu logout tampil menu login clseif input/masukan

input tanggal ,alamat, jenis, dan alasan if klik daftar cuti

then tentukanjuklah cuti yang diambil ifjuml<:l1 cuti <= 45

then ke dalain database tabel data cuti tampil pesan data te1ah terkirim

end if else input/masukan

end if end if

end if cndif

end if else status=aktif

then tampil ke halarnan menu utama

110

4.3.l l Menu Pcrsctujuan

7

Tan1pil menu

persotujuan

....

.

pilih=Back

Tdk

' ,,,Pilih=TamPn

cu tr

Tdk

----, __ pilih=Ke!uar

1nput pilih

Tdk • I

u~~i~t~-~t~~s-=0-d~-~l aktivasi='-' pada tabel I

dalarn database ---.----·.!

1--- ----Ya-

Tdk ------- __ .,_,,_

Tmnpildata karyawan dan status cutinya

Pi!ih=Cetak

Ya i Cek ld dan nik yang

IP-I di bawa dari halaman I sebelumnya

··. >---.--l

__ sebugai atasan-

Tdk 9

2

Ya ... / Tampit menu Cetak cuti

Garnbar 4.32 Flowchart Menu Pcrselujuan.

111

I ..

i Yn~ 1

Tampil menu persetujuan Proses link user lnput pilih ifpilih~back

then tampil halaman sebclumnya clscif pilih=tampil ctiti

then eek id & nik yang dibawa dari halaman scbelunrnya if scbagai atasa11

then tampil menu tmnpil cuti pemeriksa else 1a111pil n1cnu 1a111pil cuti ka1·yawan

end if clscif pilih=keluar

then ke menu logout tampil menu login end if

end if else tampil data karyawan berserta status cutinya

ifpilih cctak then tampil menu cetak cuti

elseif pi lih=aktif kem bali then update status menjadi 'O' dan aktiv '-' clalmn database else input pilih

end if end if

end.

112

4.3.12 Menu Persetu,juan Cuti

Ya

Tamp11 menu

persetujuan cull ,

-~I~

Cek pe~e~uJu~-n ;~11 i

!(!ik

Tampil Pesan Data telah tersimpan

Tdk I

Persetuiuan -.... cu1i

i - - l Input pilih

I l -

! i ! T entukan lang:gal, I / dan Pernetujuan cuti

1

pengajuan cuU

kar)'3Wan

I

Tuk

Gambar 4.33 Flowchm1 Menu persett\iuan __ cuti

Tampil menu persetujuan_ cuti Cek persetujuan cuti if persetl\iuan diterima

Tdk

P11Jh:::Tampil cu ti

Tdk

113

Ya I

' I Ya..-! B i

I 9 i pillh=Keluar -" Ya ..i_ '

then simpan tanggal, catatan ke database tabel data_cuti & aktifkan status else proses link user

input pilih if pilih=back

then tampil halaman sebelumnya elseif pilih=tampil cuti

then tampil menu tampil cuti pemeriksa else if pilih=keluar

then ke menu logout tampil menu login end if

end if end if

tampil data pengajuan cuti karyawan input pilih tentukan tanggal dan persel1ljuan cuti dari pemeriksa

if button persetujuan cuti diklik then eek persetujuan cuti else input pilih end if

4.3.13 Menu Cari Cuti Pemeriksa

\.

I __ J _______ _ Tampil

menu Cari cuti

Pemeriksa

I _J_., !_ Proses link user I

v. Input pi!ih "

--·-----i---····J

! Tdk

fa

1---P.-.<====~~~=---- r

T dk

' Piiih=TamPn ·:-.>-YaJ a

cuti -

' Tdk

pilih=Keluar

' Tdk

I·-··- MasUk~!l.lJlR·-~ karyawan yang 1ng1n j

, di-rn , f Ya

Tampil daftar data

cutl karyawan

Gambar 4.34 Flowchart Menu cari_cuti_pemeriksa.

Tampil menu cari cuti pemeriksa Proses link user Input pilih

ifpililFback then tampil halaman sebelumnya

clseif pilih=tampil cuti then tampil menu tampil cuti karyawan elseif pilih=keluar then ke menu logout tampil menu login end if

end if else pilih nik dan nama cuti dalam combo box lain

tentukan metode then tekan/ klik button cari

if pilih=cari then tampil daftar data cuti karyawan dibawahnya

else input pilih end if

end.

/

4.3.14 Menu Update Karyawan

c1·2·-L.··--·----- -·- ________ -------~--- _______ ...

i Tampi! ,/ menu

update data karyawan _

Tdk

'

Ya

···-----·::r--·· 1--- Pi!ih=Tampil

cu~i .y8 J 11 I

-- ---"---··-··1 Proses link user

Tdk

·Ya I g ! pilih=Keluar - ...-

' !

I Tdk

lnput pitih

Update data ka1yawan yaug ada

dalam database . - ..

' Ya

/

' Tdk

Tarripil daflardata karyawan

+ i UPda•.e data ·1

.~:,l(llk S!MPA·N-_::---t----- 1 karyawan yang akan ---~--- --- · dig anti I _, _______________ ,, _____ ,__J

Garn bar 4.35 Flowchart Menu up .. _data_kmy.

Tampil menu up_dala_kaiy Proses link user Input pilih if pilih=back then tampil halaman sebelumnya

clscif pilih=tampil cu ti then tampil menu tampil cuti kmyawan

clscif pilih=keluar then ke menu logout tampil menu login

end if end if

else tampil daftar data kmyawan update data kmyawan yang akan diganti/ dirubah

if klik/ tekan button simpm1 then update data karyawan yang ada di dalmn database

else tampil menu update data kmyawan end if

end.

115

4.3.15 Menu Login Aclmin

0 ~

Tampil n1enu Index

Proses lnput nik dan

password

LOG! M

Gambar 4.36 Flowchart Menu Login Admin.

Tdk

---------------

Tampil menu login pada halaman index Proses input nik dan password if klik button login

then masuk ke halaman eek __ log else kembali ke menu login

encl if

4.3.16 Menu cek_log Aclmin

0

eek apakah narna password sesuai dengan yang ad3 di

database L .. - •.......

r·--···-~··- ---,.~1 Variabel naina dan ___ ,J 1 a .!

Ya password di register ,-

benar

--,l

Tdk T

Logout (Kemba!i

k,~_rfl~-~-1:1.l?f!i~)

Gambar 4.37 Flowchart Menu cek __ Jog.

116

Cek apakah nama dan password scsuai dcngan database if narna dan password benar then vmiabel nama dan password diregister

tampil rnenuutamaadmin else logou!

end

4.3.17

Tdk

then kernbali ke menu login

Menu utama admin

1

I v

Tampil rnenu utama admin

Proses link user

i " Input pilih

Tampil data karyawan

bawahanya I

' - 1

' Tdk

-1 Proses link user I

i 'I'

Pilih=Hapus

Ya i(

Tampil pesan data

akan dihapus

Bae!<

Tdk

Pilih=Tamnil cu ti

Td!<

pmh=Keluar

Pilih=Tambah - c:!.ata karyavvap

Tdl<.

• Pilih=Cari cuti

y 8 .. ! 8 I

Ya·J 4 i

YaJ 'l .!

Gambar 4.38 Flowchart Menu menu_utama_admin.

117

Tampil menu_utama _admin proses link user input pilih

if pilih=back then tampil halaman sebelumnya

clseif pilih=tampil cuti then tampil menu tampil cuti admin

elseif pilih=keluar then ke menu logout tampil menu login

elseif pilih=tambah data then tampil menu kmy _ baru

elseif pilih=cari cuti then tampil menu cari cuti admin

end if end if

Clldif end if

else tampil data kmyawan bawahannya proses link user input pilih hapus then tampil pesan bahwa data akan di hapus

end

I 18

4.3.18 Menu Tampil Cuti admin

I - ·-- ----- --- -----~--- .

~

i

Periksa !eve! herdasarkan hak_akses

~-------- trak_akSe-s--1 atau 2

! Bangk1tkan · --Ya ~ variabel akses

L

~I

! I

I 10 \ya · Pilih=Daftar

I Proses link user i ...

i Input pitih

Tampit daftar data

cuti karyawan

Gambar 4.39 Flowchart Menu tampil_cuti_admin.

Tampil menu tampil_cuti_admin Peiiksa level berdasarkan hak akses panggil dan tam pi I data cuti kaiyawan dari database

proses link user input pilih

if pilih=tampil cuti then tampil menu tampil cuti admin

clscif pilih=back then tampil halaman sebelumnya

elseif pilih=keluar then ke menu logout tampil menu login

end if endif

end if end.

119

4.3.19 Menu Cari Cuti admin

Proses link user

T Input p1hh

t

1 dk

5 ...

Tamp1I menu Cari cull Admin

-----~'<:~--~~ck

Tdk ,,"(

i Ya

··'PiJih::;Tampff · >-Ya .. a -i Cl.!ti

Tdk

p1hh=Keluar · Ya-- 9

'

Tdk

' Masukan N!f<.: i karyawan yang ingin 1 dlcari

t Pilih::;Cari

Ya

Tampi! daftnr dntn

CU\!

karyawan

Gan1bar 4.40 f'1o,vchart i'v1enu tan1pil,,~ cuti .... ad111in_

120

~~~~~~~~~~~~~~~~~~~~~~~~~--~~~~~~~------,

Tampil menu cari cuti admin Proses link user Input pil ih

if pil ih=back then tampil halaman sebelumnya

elscif pil ih=tampil cu ti then tampil menu tampil cuti aclmin

elseif pilih=keluar then ke menu logom tampil menu login encl if

end if else pilih nik dan nmna cuti dalarn comho box lalu

masukan nik karyawan then tekan/ klik button cari

if pilih=Gari then tampil daflar data cuti karyawan yang dikchcndaki

else input pilih end if

end.

121

4.4 lmplementasi Rancangan Aplikasi kc dalam Program

Pada tahap ini, desain diterjemahkan kc dalam baha';a pemrograman

agar dapat menghasilkan suatu tampilan aplikasi yang telah dirancang pada

tahap analisi dan desain. Penulis menggunakan PHPTriad dalam

mengimplemtasikan rancangan aplikasi ke dalam program.

4.4.I PHPTriad

Pl-IP Triad adalah sebuah software yang dao1t membangun

sebuah PHI' server di dalam PC berbasis Windows Ada pun vcrsi

PHP Triad yang pcnulis gunakan adalah versi 2.2. sol1warc ini

menyertakan paket-paket diantaranya Apache web server (2.2.; ),

l'vlySQL (3.23), Pl-IP (4.1.1 ). Selain itu, telah disediBkan PHP Triad

Control Panel untuk menrndahkan dalam mcngelola atau mengatur

penggunaan PHP Triad, baik itu mengedit atau melakukan

perubahan. Sehingga implementasinya, dapat dengan mudah untuk

melakukan set:ing atau mengkonligurasikan salah satu dari ketiga

komponen tersebut, baik itu PHP, Apache, maupun Database

ivlySQL, agar dapat diTungsikan satu dengan yang lainnya.

122

4.4.2 [nstalasi PHPTriad

Ada pun langkah-langkah dalam proses penginstalan PHP Triad,

yaitu:

I. Download filcnya atau lnstaller.Exe-nya yang tcrbaru dari

lnY.lV. ... P.hP.gr~.\C1'~f.Ql)). Selesai mendownload klik dm1 kali icon PHI'

Triad untuk menjalankan installer, seperti yang terlihat pada gambar

dibawah ini :

f:tl CJ Supervoc

ff.l C:J V/indows r:t.!-CJ winnt

ff! 23 Data (D:) !.7.1 i2l:J Soll {E:)

f±J--D ame!poenya r:f; .. CJ apache

Gambar 4.4 l Tampilan File PHPTnad.

2. Kemudian tekan tombol Next untuk menyetujui pcrjanjian seperti

tampak pada Gambar 4.42. Installer akan mengekstrak file hingga

selesai, yang terlihat pada Gambar 4.43.

124

4. Apabila penginstalan telah berhasil dilakukan maka instalasi yang

telah dilakukan tersebut akan mengekstrak file-file ke suatu direktori

khusus, yaitu c:lapache. Tampak terlihat dibawah folder Apache

terdapat berbagai folder lain, diantaranya folder-folder PHP dan

MySQL. Seperti yang terliliat pada gambar dibawah in i :

De:~ktop

;:.:1- ,h~ My Compi.iter '. ;_; ,;:) -3J1 Fl1Jppy (fa. i 1_.'.,,3 Jo:Ja.~

[~/~!!~1~ f.t} ·~ jdk1.3 [~·:.//::-~ My Documents

i5 t.rty Music f'lcdtree

:~ ,b,t inouncemen\

''-.t•.J.-'·JLllL' /

CTI controlpanel

~~1 ControlPane! i~ License

(~ or 0inalapachereadrne lii) PHPTRIADreadme LJj registerpanel

~1c9panel ~!fr? uninstall )]ii] lfi.6.RNIN::i-V/IN

Gambar 4.44 Tmnpilan lsi Folder Apache.

4.4.3 Pengkodean

Setelah melakukan instalasi maka tahap selanjut11ya adalah

pemhuatan program. Dalam memhuat program (coding) dapat

digunakan suatu tool/ alat bantu berupa apltkasi yang dapat

mempennudah penulisan kode program khususnya yang herbasis

web (hypertext), apli!zasi tcrsebut diantaranya : Notepad, Wordpad,

Editplus, PHPCoder, PHPEdSetup, dan lain sebagimmya. Hasil pada

tahap ini dapat dilihat pada lampiran A.

4.5 Tampilan Aplikasi Data Cuti Karyawan

Pada tahap ini diimplementasikan antannuka yang lelah dirancang

pada tahap analisis di Bab Ill dimana hasil rancangan akan dijalankan

dengan menggunakan kode program yang telah dibuat scbelumnya. Hasil

tampilan antarrnub! ini dapat dilihat pada lampiran B.

BABV

PENUTUP

Berdasarkan uraian pada bab-bab terclahulu, penulis mencoba mengambil

suatu kesimpulan dan saran yang dapat berguna bagi perusahaan klmsusnya

bagian sumber daya manusia, untuk mencatat dan memproses data cuti karyawan

dcngan cfcktif clan clisicn.

5.1 Kesimpulan

Dari basil perancangan Aplikasi Data Cuti Kaiyawan yang dibangun ini

maka dapat clitarik beberapa kesimpulan antara lain :

I. Aplikasi data cuti kaiyawai1 yang dibangun ini rnenggunakan metode

perancangan sistem clengan pendekatan terstruktur rnenggunakan model

ER-Diaio,~·am dan database dalam membangun relasi-relasinya, penulis

merancangnya dengan mengikuti aturan-aturan nonnalisasi agar data

yang dimasukkai1 tidak mengalami redudansi clan keticlakkonsistenan.

2. Untuk implementasi aplikasi multiuser data cuti kmyawan ini diperlukan

adanya faktor-faktor pendukang diantaranya yaitu ketersediaan fasilitas

komputer dan jaringan serta :;oftware-sofrwar~ pendukung yang diinstal

dan dikonfigurasikai1 untuk membangun aplikasi tersebut.

3. Dengan Aplikasi Data Cuti Karyawan berbasis web yang diusulkan ini

diharapkan PT. Telkom Divisi C!SC dapat meningkatkau kine1:ja

127

perusahaan klrnsusnya dalam hal proses pengambilan dan pencatatan

datacuti karyawan.

5.2 SARAN

Setelah mencoba dan mcmpelajari Aplikasi [)ala Cuti Ka1yawan yang

dibangun ini, maka saran yang diberikan untuk Aplikasi Data Cuti

Kmyawan ini agar lebih berkembang lagi yaitu :

I. Pada aplikasi yang diusulkan hanya membahas mcngcnai data cuti

karyawan, penulis menyarankan agar aplikasi ini dapat dikembangkan

dengan penambahan aplikasi lain untuk mendakung dan meningkatkan

kine1ja perusahaan, sepcrti aplikasi perhitungan g[\ji berdasa,·kan data

cuti yang tclah diambil kmyawan atau lain sebagiannyii.

2. Aplikasi Data Cuti Karyawan ii:i dapat dikembangkan lagi dengan

menggunakan jaringan yang memiliki jangkauan/ area yang lebih luas,

meliputi antar kola atau antar pulau. Contohnya antara rntu perusahaan

dengan cabang perusahaan yang berada di kota lain

3. Aplikasi Data Cuti Karyawan yang dibangun ini dapat di-Upgrade untuk

perkembangan selanjutnya, penulis sangat senang sekali apabila aplikasi

ini dapat terus dikembangkan.

DAliTAR Pl!ST AK.I\

Aziz, M.Farid, /'emrograman PHI' ./ hagi Weh JJrogrammer. PT Elex Komputindo, Jakarta. 2002.

Dwi Prasetyo, Didik, Administrasi Database Server lvfySQL, PT Elex Komputindo, Jakm1a. 2003.

Hariyanto, Bambang, Sistem lvfancuemen Hasisdata, lnfonnatika, Bandung. 2004.

Jogiyanto, Analisa & Desian, Andi Y ogyakarta, Yogyakarta. 200 I.

Kendall & Kendall, Analisa dan Perancangan S1stem, Edisi Kehma, Pearson Education Asia Pte. Ltd. clan PT Prenhanllindo, Jakarta. 2003.

Kadir, Abdul, /)asar Pemrograman Weh /)i11a111is 111e11ggwiaiw11 Pf-//', Andi Yogyakarta, Y o<,>yakarta. 2002.

M.Syafii, lv!emba11x1111 aplikasi herhas1s !'HP da11 Mysq/, Andi Yogyakarta. Y o<,>yakarta. 2004.

Nanang, Helino, Maka/ah l'erkulwhan Weh l'rogramming, Jakarta. 2005.

Pranata, Antony, Panduan Pe111rogra111an JavaScript, Andi Yogyakarta, Yo<,>yakarta. 1997.

Sidik, Betha, 1'v!ySQI., lnfonnatika, Bandung. 2003.

Sutannan, Membangun Aplikasi Web dengan PHP dan MySQ!., Graha Ilmu, Yogyakarta. 2003.

Taryana S, Pengena/an .JavaScript: !illn//ww-,uiQQgL~.\:.ll.m, 2005.

W.Purbo, Onno & Daniel, Akhmad, .lava & JavaScript, PT Elex Komputindo, Jakarta. 200 l .

____ ,!Ina/Isa Sis1e111 li?fimnas1, Jakarta : Bina Nusantara, 2000.

LAMPJRAN A

Kolic Program (Source Code)

<?pllp $host="localhost"; $user;::"root"; $pass=""; $db-::"DBcuti";

server. pl1 p. bak

$koneksi = mysql_connect( $host, :$user,$pass) or die ( n1ysq!_ error()); mysql_select .. db($db,$koneksi) or die (mysql_error()); ?>

<? session_start(); session_unregister("nlk"); session __ unregister("password"); include "server.php"; $day~getDate(Date('U'));

if ($day[weekday] =="Friday")

i ndex_code. php.bak

{ $del=mysql __ query("delete frorn data cuti vvhere statds='O"');} ?> <?include "config/data.pllp"; ?> <html>< head> <title> Login </title> <link href="css/style.css" re!="stylesheet" type=text/css> </head> <div align=center> < br> < br> <body bgcolor= #CCCCFF> <table width=800 height=400 cellpadding="O" cellspacing="O" border="O"> <tbody bgcolor=#FFFFFF> <tr> <7tepi("400");?> <td background="image/bg_rigllt2.gif' widtl1=" l"> < img src="image/by_r'ght2.g1f'> </td> <td width="80°/o"><tab!e ce!lpadding="O" ce!lspacing="O" border="O" width="l.J0°/o" height="l00°/o"> <tr va!ign="top"> <td> < ?!g_atas("atas_ad", "image/menu_utan1a_login .gif'}; ban 1 (); ?> <table bgcolor=#FFFFFF border="O" cellpadding="O" cellspacing="O" width'""100%"> <tr>&nbsp; </tr> <forn1 method=post action=cek_!ogin.php> <tr> <td border=4 a!ign=right width=S0°/o><font co!or=#330066 size=3 face="verd;:;na"><b>NIK&nbsp;&nbsp; </b> </font> </td> <td width=S0°/o> <input class=''inputext" type=text size=,7 maxlength=6 nan1e=nik> </td> </tr> <tr> <td border=4 a!ign=right widt/1=50°/o> <font color=#330066 size=3 fz:ce="verdana"> < b> PASSWORD &nbsp;&nbsp; </b> </font> </td> <td widt/1=50°/o> <input class="inputext" type= password size= 10 maxlength= lCJ name= password> </td> </tr> <tr> <td height="30">&nbsp; </td> <td height="30">&nbsp; </td> </t1·> <tr><td height="30" colspan="2" height="lO" allgn="center"> <input class="button" type="submit" nan1e="login" value="L 0 GI N"><./td> </tr> </form> </table> </td> </tr> </table> </td> <td background="image/bg_rigllt2.gif'> <img src="image/bg_rigllt2.gif" border= "O"> </tel> < ?tepi("400"); ?></tr> </tbody> <?bawah();?> </table> </body> </div> </html>

<? session_sta rt{); include "/config/func.php"; if( !session _ __is_registered ("password")) {

eek_ session. pl1 p.bak

message{"Anda Be!um Login, Tidal< Boleh Mergakses Ha!a1nan ini"); include "!ogout.php"; exit();

} ?>

cek_login.php.bak

<?php session_start(); include"server.php"; $data=mysql_query("select *from japos where nik='$nik'"); $user= m ysq l_fetch_a rra y( $data); $data2=mysql_query("select *from japos where nik='$user[nik_atasan]"'); $ user2 =my sq l_fetch_a rra y( $data 2); //eek apakah password sesuai dengan yang ada dldatabase if($ password=="$ user[ password]") { //jika sesuai 1naka variabe! nik & password di register session_reg ister{" n i k"); session_reg lster(" password"); //eek hak akses user yang baru login jika hak akses no! atau sebelas i'.($user(hak .. akses] = = "O"){ //la!u di eek apakal1 status nik ___ alasan berndai l ydnf) be;arli sedang cul! if($user2[status] ! = = "0"){ //jika benar n1aka 111asuk ke halarnan rnenu_utan1_kary2 selain itu masuk !<e 1nenu_utarna~k.ary header("Location: ./n1enu_utan1a_kary2.php'') i }else{header("Location: ,/menu_utama .. kary .php");} //jika hak akses satu atau dua rnaka masuk ke ha!an1an rnenu~uta1na perneriksa }elseif($user(hak_akses]==" 1" 11 $user[hak .. akses] =="2") {header("Location: ,/n1enu_utama_pen1eriksa. phr");} //jika tidak akan dikirim kehalaman logout else{header("Location: logout. php");} //jika password salah n1aka akan dikirirn ke ha!aman !oguot }eloo{include "/config/func.php"; message("Password Tidak di Kenai Silahkan Login Kembali"); lnclL1de "logout.php"; exit();} ?>

<?php session_start(); session_ unregister(" n i k"); session_" unregister(" password"); session_ destroy(); include_once "config/func.php"; go("index.php");

?>

<?php session_start(};

logout. pilp. l)ak

syaratcuti_code. bak

include "server.php"; include "cek_sesslon.php"; include "config/data.php"; if($submit){ mai1($tujuan, $hal, $pesan); echo("<br>Email telah terkrim ke$tujuan");} ?> <htn1!><head><title>Menu Syorat Pengajuan Cuti</title> <tlnk href="css/style.css" re!="sty!esheet" type=text/css> </head> <div align=center> <body bgcolor=#CCCCFF > <table width="100%" height="450" cellpadding="O" cellspacing="l" border="O"> <tbody bgcolor= # FFFFFF> <tr>< ?tepi("450"); ?> <td background="image/bQ.~right2.gif'' width=" 1 "> <img src="image/b~J...righ:,2.gil"''> </td> <td width="80%" bordercolor=#330066> <table cellpadding="O" cetlspacing="O" border="O" width="100°/o" height="100°/o"> <tr valign="top"> <td> <? lg_atas("atas_ad 0 ,"image/top.gif''); ban 1(); ban2("cek_login. php" ,"tampil_cuti_kary .php" ,"logout.php"); ban3("Syarat Cuti"); 7>

130

<table bgcolor="#FFFFFF" cellr,adding=''l'' cellspacing="O" border="O" width"'100% height="100%"> <br><p> <div align=center class=!abell><ol> <li>Karyawan tidak berada da!an1 keadaan n1engan1bil cut! <li>Cuti harus di setujui oleh atasan dari karyawan yang bersangkutan <li>Karyawan masih memiliki jatah cuti yang ters!sa pada saat menoan1bi! cuti <!i>Cuti di setujui apabila terdapat bukti berupa laporan yang ditandatangi o!eh pejabat berwenang </al> </div> </table> </td> </tr> </table> </td> <td backarol1nd= 0 imaae/bd rlaht2.oif'1>.<imo src="in1aoe/bo rial1t2.oif'' border="O"> <ltd>

menu~ uta.ma._pemerik.sa. php

l <? 2 sessJon _start(); 3 1n'::Ju'i(· ";~1,.rv,,r.pl1r.>";

4 .1.nclude "eek session.pliµ"; 5 .include "config/data. pbp"; 6 ?> 7 <html><head><title>Menu Utama Pemer.iksa CutJ.</titl"?:><l.ink href""''css/style.css"

rel="stylesheet" type=text/css></head> 8 <div align=center><body bgcolor=JfccccFF> 9 <table width"""100-c." height:"-""450" cellpadding~""O" cellspac.ing~0 "l'' bo:::d0r="O">

.0 <tbody bgcolor=#l!~FFFFF>

.131

.1 <tr><?tep1(''450'');?>

.2 <td back.ground="image/bg __ r_ight2. gj_ f" width=" l "><img s.r.c=" imaqe/bg __ r1ght2. g:L f"></td>

.3 <td width"""BO·r" bordercolor'"'#330066>

.4 <table cellpadding="O" cellspacing="O" border''""O" width"'"lOO'" .1ei0J·t"""lOO\">

.5 <tr valign=''top''><ta> L6 <?lg atas("atas ad","tma.ge/rrw:nu utnma pemeriksi!.(pf"); .7 banl(); ban2("menu utarna .f-H':rnr::ri.ks~~.prq)","tamp.i.l cutJ. pr::rnerJ_f::_;c1.;)hp","lo~;ou1 .php"J;';_, .8 <table bgcolor="ttFFFFFF"~ cel.lpadding="0'1 cellspilcing;:"O" bo::der-"'"0" widl:h""10C''.'. he.i.ght"="lOO'i."> . 9 <tr'."><.. tc!' .. fd1b~--;p; & nb~;p; ·~I I d '•·, t d v,-1.1 i cpr:" top" w_i di !!,-- 1 0(\'· :o <tabl0 bqcolor:="jj!;'l'f"Vl"'V" w1dLh'-'"'1fJ" C'Ollpadd_inq=-·"0" ccll~-;pac:nq.o"J" bonJcr"--"O" v,-1J 1qn 00 "t·op"> ~J ..-t_r.-·-.Ld h1~iql1l I', f, 1 1r·r,i(lf llV!-'l•'l•'!·'I·' L•>r<i•·r "JfJ" ldiL:;;,;1,nh.·:1,;· /1<1 · /l t

;2 ..:tr><td heightO-'JS bqcolo1 J!1··1-·c·Fl"l·' liL>_rlk·r· "lO">r,nb:-·p;/,nb::;p; /td ·'/Lr !3 <tr><td he1ght;l5 bgcolor:fffVFFFF borcier=''lO''>&nbsr;&nbsp;~/tci>~/Lr· ~ ·1 <? ~5 $data4:=mysql query("selecL h<JV. ak·;(,;_; from ]ai_,os whr•r0 nik:--')ril}:"'); ~6 $d4=mysql fe.tch arr,;iy (.$data4); ~7 if($d4[hak akseS]="°'"l") {:/h::1k="nik a.tasan";) ~ 8 else { $hak="ni k di visi "; l.in k t1:0pi { 17 k,1 ry ba r<-1. php", "df . b r __ ad", "image/ d f .}.) r __ ka ry. gi f", "Dct fta r

Baru kBryawan"); l ... ·~

~9 link tepi("df baru ciltl.f;!\p","d[_hr cul1_k-1 ry","i1Ud(j<!/d[ _hr_cuL1_1:.i1'f.'-Ji!","l1,d!.i1 <'11!1");

!O link-tepi("car.i cuii p0meriksa.php 11 ~-,,car.l .:1d","irnage/caricut..i.gL!","t.:dr_i_ CulJ"}; ~l link=:tepi ( "persetuj uan. php", "df_br_ad" I "iffiage/persetujuan. gi f" I "Daf'~ar Baru karyawan"); i? link_ tepi ( ".'\.ndex. php", "keluar_ad", "image/k~luar. gi f", "Keluar"); ~ '-' ? > 14 </table;•</ld><ld>&nbsp; -~/td,' ~5 <td val1gn="top" background="image/bg .right2.gif" widtn.c:"l" ,, 1ni;i

src="image/bg right2. gif"></td> ~6 <td>&nbsp; &nbSp; </td><td valign="top" align=center> !7 <table border""O bgcolor="#FFFFFF" align""center cellpadding=:•_ c,?l.lspacing=O> ~8 <tr><td colspan=5 bgcolor:o:JIFFFFFF~&nbsp; &nbsp; </td> <It r> 19 <tr align,,,,center><td hegiht="70 colspan=5 valign'""~"top" aligno:o:cen-r.er><font color=/1330066 size=4

ft ce="verdana "><b>DATA KARYA\·1AN</b></font></td></tr> lO <tr><td colspan=S>&nbsp;&nbsp;</td></tr> ll <tr><td width="25~" bgcolor""'"#CCCCFF" align=center class=label3>NAHA</td> 12 <td width="J.2~;" bgcolor="#CCCCFF" a.lign=center class=J.abel3>JABi:\TAN</tcl> l3 <td width0="40S" bgcolor="#CCCCE'I:~" dl.ign""center c.lass"'label3>POSISI</td> 14 <td width=" 10''.0 11 bgcolor:"iiCCCCFF" al.ign=center class=label3>STATUS<,'td></tr> lS <? 16 $datal=mysql query ("select narna, jabatan,posisi, statns from jc1po:~, jal.:atan, posis1 where

id_jab=idJab-·and id_pos'"'idpos nnd ;-;hak""'$nj_J:' order by nama") ;Si°"'O; 17 while ( $dlo::mysql fetch a1:ray ( $d,1 tal} ) ( ,8 if ($dl [status] =;;-"O") {$dl [status) ="Badir"; J else { ~;dl [status]"""< font

color=\ "#FFOOOO\ ">Cuti</ font'--'"; l 19 echo"<tr bgcolor=JI". ($i 2? "CCCCFF" : "t'FE'FFt'") ."><td w.i.dth""'\"2Si,\" c.ldSS;;;;;\"t:,:tlOh\"> •O <a hr:ef=\ "karyawan. php?id::o$d1 [id] &act=det:ail \ ">$dl f nama] </ ~1></ font></td> il <td width=\ "12% \" class=\ "txtlOh\ ">$dl [ jabatan] </ funt></td> •2 <td width=\ "40~-\" class=\ "t;-:tlOh\ ">$dl [pvsisi] </font></td> i3 <td width::::\ "8'£ \" align=center class=\ "txtlOh\ ">$dl [status]</ font>-</ td></ tr>"; 1 4 Si++; l ?> 15 </table> <td>&nbsp; &nbsp; </td></td></tr></table></td></tr></tab:Le>< / t.d> ,6 <td background="i:mage/bg right2. gi f"><img src="image/bg _right.2. qif" border"''"O 11 ></td> ,7 <?tepi ( "450"); ?></tr></tbody><?bawah ();?></table> . -,3 </body></div></html>

1 2 3 <1

5 6

7 8 9

10

11 12 13

14 15 16 17 18 19 20 21 22 23 24 25 26 27

28 29 30 31 32 33

34 35 36 37 38 39 40

41 q2 43 q4

53

<? session start(); .i.ncli.:.de"ce}: sessior .. php"; include''ser~~r.php'';

132

menu u tarna _k,0 ry. php

include onci:- "config/datd.php"; $data""mYsql query {"select nama, nik, BP, j abatan, posisi, n.ik_atasa.n, nlk _di visi, status japos, j abatan, posisi '..-Jhere id _j ab"-'idJ<tb and id_pos=.idpos and nJ.k="' $n.1 k' ") ; $dl=mysql __ fetch_array ( $d.:1 ta); ?>

from

<html><hedd:--<titl(c<.··Mf:·nu u1·.dnk1 KaC/<l\·l<ln</L1tl<·~><l i.nk hrc·.f-·"c:-;;;/:-~ty!<c ·.c;o;,. rr,J ":;tyle,sllr,..-,1-"

type=text/css></head> <div align~center><body bgcnloc;#CCCCFF><table width=''lOO~'' heJ_ght~ ''450'' cellpadding=''O'' cellspacing=''I'' border=''O''> <tbody bgco1or~#FFFFFF><tr~·:?tBpt(''1SU'');1~ <td background="irnage/bg_right2.gif" width="l"><imq. ::o!C"'""irnage/bJ llght2.gif.",,. /1ci> <td width="80'o" bordercolor=Jf 330066><tablc: cellpaddJ_n~F""O" cellsp'3c.i ,1~r="O" bordec"""O" width=''lOo~·· height~··100 ''> <tr valign=''top''><td> <? lg_atas ( "atas_ ad", "image/menL. _utama _kary. gif"}; banl(); ban2("menu_utarna_ka.ry.php", "tarnpil_cuti_kary.php", "logout.pbp"); ?> <table bgcolo.r="#FFFFFF" cellparJding=<"O" cellspacing="O" bordeC'"'"O" he.i.ght="lOO'i" ":>

<tr><t.d>&nbsp; f<nbsp; </td><td vaJ.ign="top"> <table bgcolor="#FFFFFF" 1>1idth"""150" ce~ . .lpadding"-""2" cell spacing"""~" bordcr:c~"O" Vdl1qn="top"> <tr><td height""15 bgcolor:oo=#E'f'FFFF border:o::" lO">C,nbsp; &nbsp; ··,/td></tr', <tr><td he1gl1t=15 bgcolor~JIFFFFFF border=''JO''>&nbsp;&nhsp;</trl~</tr~ <? link __ tt:pi ( "syara tcut.i. php", "syara. t __ cut.t", '' ima9e/ :;;_ya r:dt_cu l'.1 .• '-l 1 ! ", "~:yc1 t'd t Cllt L") ; link __ tepi ("up_ dt _kary. php'', "Update", "irn~ige/updt _ dt_kary. gi .. :"', "Upda tic Data"); if ( $dl [ st2 tus] ""'"'""" 1 ") { $dl [status}="< font color""\ "li F"F'OOOO\ ">Cut..i <'I font.>"; J e l.0;t' ( ~d1 [ ~;Lc1 L u.s] ··"Hild 1 r "; J.i.nJ.: tr~pi.{"dt: l_)ar:u cul.1 .. php","df.hr c11tj __ f:aty","1m<1<J<~·/dl _bt ,·1!!1_L11y.'Jif","l.1.i!t<11 ,·ut1"); link - tepi ( "pel:setu]uan. pbp", "df br i-:a r", "irna9e/pers0tujuan. qi f", "Di-If: t-i t B.::1 r u k:.i ry.i1van" J; link=:tepi ("index.php", "keluar~_ad••, "image/kel·1dr.gif.", "Keludr"); ?> </table></td><ld>&nbsp;&nbsr;&nhsp;</td> <td va lign"'" top" background"0 "i ma ge/bg __ r j_ gh t 2. ~:p f 11 \.>Jidt h= 11 1 "' < J.rn~1 src=''im~ge/bg riql1t~.qif'''· :/td~

<td width""'-30> &nbsp; &nbsp; .-, I tel>-< td aJ .i. 911"'CC;:>!l i- er ·Ja1 it,Jn ---top> <table border:=::O bgcolorc:::"#FFl''FFF" align'-"'cente.r ce-llspaci.n']""'-1 cellp<'ddiog=l <tr><td hei ght::::S bgcol or=-11 FF"FFFF border=" l 0" > r,nbsp; &nbsp; <I td> <It r > <tr><td height""'S bgcolor=JIFFFFFF border"""_1_0">&nbsp; f,nbsp; </td></t.c <? echo" <tr align=cent.e1:> <td col span""\ "3\" bgcolor=\ "ffCCCCE'F\" align""\ "center\ "><font color=\" ff330066\" size=\ "4 \" face=\ "verdana \ "><b>Data Karyawan&nbsp; s.nbsp; <b></font></td></tr> <tr><td height=lS bgcolor=#FFFFFF border=lO>&nbsp;&nbsp;</td></tr> <tr><td wiath=\''200\'' bgcolo~=\''ffFFFFFF\'' dlign=\''right\'' ~lass:\''lal1e12\''~ NIK~/tct~ <td width=\''350\'' bgcolor=\''JIE"FFFFF\'' align=\''left\'' class~\''Jabel3\''>$dL(11ik]</td:~/tr> <tr align-=center><td width=\ "200\" bgcolo.r.=\ "ilF'FFFE'F\" aliqn "\"right\" class=\ "labeJ.2\ ">Nama</td> < td width=\" 3'.)0\" bgcolo ~-"' \ "# FFFFFF\" a ~ign=00 \ "left\" c.l.a::::s=c \"label 3 \ ">~dl ( ndma l <I td.>< It r> <tr><td width=\''200\'' bgcolor~\''UFFFFFF\'' al1gn=\''right\'' c]ass=\''Jabel2\''> Tingkat</td> <td width=\ "350\" bgcolor""\ "llFFF~'E'I''\" align=-\ "left\" class""\ ''lab1c 13\ ">$dl I BP) </td></tr> <tr><td w1dtho-0\"/.0fJ\" b1_jc(,lor--\"i1VV!"i'"i'"I,'\" ;iljrJri'·\"rlq':it\" 1:!.i:;:; \"1.-li)•.~l>~\" .J,ib.-1ldtl'·/1rj. <td width""\"350\" bgco.lor 0c\"Jl~'!~'!-'k'F"F\ 11 dl.i.gn-=\"l<.:!!.l\" cla:;;:.: \"ldbc,l ~\"_;,~;dj [Jdbdtcnij<,/1.d.></t.r.> < ..:r><td wicl l h==\ "2 00\" bgcol or""\" II FFFF'FJ:'\" align""\" r igbt \" c 1 ass·"\" J .:1be12\ ">Ternpc1 t Ke rj a</ td> <td width""\ "350\" bgcolor:=\ "llF'Ft'E'E'l''\" aliqn=\ "le.ft\" class=---\ ".l.ab.~.l :?.\ ">~~dl (posis.i l </td.></tr> <tr><td width~\''200\'' bgcolor:\''ffFFFFFF\'' al.ign=\''right\'' 21ass~\''label2\''>NIJ<\ Atasan</td> <td width=\''350\'' bgcolor=\''ttFFFFFF\'' align=\''left\'' class=\''label3\ 1'>$dllnik atasan}</td></tr> <tr>< td v1.idth""'\ "2 00\" b9Colo t""\ "ii FFFFFF\" a~ ign"' \ "1:igh t \" class"'\" l abel.2 \">NIK ell.vi si </ td> <td widLh=\''350\'' bgcolor=\''liFFF'FE'F\'' align=\''left\'' class""\"label3\">$dl(nik divisiJ</td></tr> <tr><td width=\ "200\" bgColor=\ "llFFFFFF\" align""\" right\" class·=:\" ~.o.bel2\ ,.>Keberadaan</td> <td width=\''350\'' bgcolor:\''#FFFFF7\'' align=\''left\'' class=\''labe13\''~$dl[status]</td></tr>''; ?> </table></td></tr></table></td></tr></table></t~> <td background::"irnage/bg_right2. gi f"><img src:o::" image/bg_right.2. qJ. f" border 0 "0 ".>< /td> <?tepi(''450'');?></tr></tbody><?bawa11() ;?></table> </body></div></html>

<? session stare(}; inclucte"cet: session, php"; include"serVer.php"; include once "config/data.php"; $data=mYsql query("select status from Japos where ni 1<='$nik' "); $dl=mysql_fetch_ari:ay (~;data); ?>

133

<html><head><ti tle>!'--Jenu Uta.ma Ka ryawan< /tit.le>< 1 i nl: href="css/ st :;10. c-o-:;s" rel=" st ?lesheet" type=text/css></head> <div align"'center><body bgcolor=#CCCCITF> <table width=''lOO~'' height=''450'' c0llpadding=''O'' cellspacing=''l'' bo~~er=''O''> <tbody bgcolor.,,,JI FFFFFF><tr><?tepi ( "4SO") ; ?> <td background="image/bg_rigbt2, gif" width""" .l. "><img src"""image/bq_ rio;Jit2. gif "></td> ~td width=''80~'' bordercolor=U330066> "Lab-Ir, r·r,,Jlp,irjdiri1r "(J" ,.,_Jl::i,,.11·111<; "[!" ),•,ril•-1 "fl" 1·11rl!!1 "lfili" IP·-i 1Jl1\ "Ifill'·."

<tr valign=''top'')<Ld> <? lg_~1tas \ "atas _ad", "image/menu __ utama __ kary. gif") ; banl (); ban2 ("cek_login.php", "l'..ampJl cut1 kary.php", "logout.pJ-:p";; ?> <table bgcolor"°"ltE'fF'E'FF" cellpadding:c:"O" c:ellspacinq="Cl" border~c"(J" 1H'Ci_qht"""l00' <tr><td,&nbsp;&nbsp;</td>~td valign~''top''~

<table bgcol or"''" II fi'FE'l;'Fr"' wi d t 11""" J 50" c~; L l p.'1dd.i. n~r==" ;-:: " ce J J spac _i ng'"" l " '.)o.rcle r,--" l)" vn l. i.qn=" top"> <tr><td height=]~ bq~ol01 ttrl~FF'F•' hrrd0r=''IO''>&n))sp;&nbsp;· /trl></tr> <tr><Ld h(,.itjht-o.J') bqr:olot 111·'1"!-'VFI" bord•·r "lil" .. 1,nb:-;p;1.i1b:;p; /\ti" ,'1 r <? link_ t,:,pi ( "syara tcut.i. php", "8ya1dt _cuti", ".i.rnagc>/ syarat __ cutj_. g.i f 11

, "Syara_t Cuti"); link tepi("up __ dt l-:ar·;.php","Update","1m,1qe/updt .. dt _}:ar:;.gif","Upd~1t>:· :·1ilta"}; if(::;(Jl[Std\.U;'"-1 '"·'-'· 11 l"j (;'.;d! [.:;ld\lJ;·;j ""ffJJJ1 ...

color""\" IJ J<'FQOOO\ ".>Cut_!.""' I font.:.-"; ) •: l :::c { ~;~JJ I ;;l.a tu:; J '·'"!ladi r"; l.i.nk tepi("df: baru cut.i..php","df br cuti };ary","irnilqe/c!:: br cuLi kdr'j.gif'',"l\:iftdr Cut·i");) link=tepi ( "pel?setuJuan. php", "df _br _Ear"," image/pers0tuJu'El"n. -~j'J. f", !iDaftar Baru taryaHan"); link tepi(''index.phr1'',''k0l1JAr .1d 1 ',''imAg0/kell1ar·.gif'',''~~~1u~r''}; ?> - . <tr><td height=200>~/table>~/td> <td>&nbsp; &nbsp; r,nbsp; </td> <td valign="top" background="image/bg right2. gif" wirlth=" 1 "><i.mg src="image/bg right2.gif"></td> -<td align=ceO"ter valign=top><table wi.dth="100:-'·" border=-0 bgcolor=011 #FFFFFF" ali9n=center cellspacing=l cellpaddingo:ol> < t r><td hei ght=S bgcoJ or"" Ii ~·rr~·FFF border=" l O ">& nbsp; r,nbsp; < / t·d>< I Lr> <tr><td co.lspan=6 align=ci';'nter •,1idth="26'-.'." cJass=txt8h>Data Cuti Karyawan </td-></tr> <tr><td height=5 bgcolor=#F'F'F'FFF border"""lO">&nbsp; r,nbsp; </td> '.:/tr.> <tr><td align=center width="3:5" bgcolor="4iCCCCFF" class=label3>NIK</t:.d> <td alignc~center width":"2l)0" bgcolorco0 "!ICCCCFF" claSS""label3>Hama</td <td ali~jn=center wid".::h"'"70" bgcolor""~"liCCCCFE'" class~0 1abel3>Mulai cut.i.</td> <td align=center width,~"180" bgcolor"="llCCCCFF" class=labe.13>1\lJ.m.:it C>it1.</td> <td align=center width="70" bgcolor="JIC:C:CCFF" cla:~s=label 3>JML Cut.i,· /td> <td align=center width="80" bgcolor="#CCCCFF" class::::label3>Status</td></tr>

$data4=mysql_guery("~>e.l.ect * from japos where nik-,'$nik' "); $d4=mysql fetch array($data4); $data3=mySql query("select ~ .. from data cuti ·where nik_atasan=•~;dt.[nik __ atasan]' and status<>'3 1 a!1d aktivasi<>'-'"); $i""O; while($d2""mysql fetch acray($data3)) { if ( $d2 [ sta tusJ """"''0") {$d2 [st?. tus) ="Daftar"; ) else if { $d2 [status] =="J ") { ~«J2 [status] ::o:"Scdang Cuti";} else{$d2[status]"''"Ditolak";} echo"<t:r bgc0lor=Ji".($i 2? "CC:C:CYF": "FFi:'F'FF'")."> <td width=\ "35\" bgcolor~\ "#FFFFFF\" class=\ "txtl 'Jh\ ">$d2 [nik] </t.d> <td width=\ "200\" bgcolor=\ "#l!'FFFFF\" class=\ "'.:xt1 Oh\ ">$d2 [narna} </ td> <td width=\ "70\" bgcolor=-\ "tiFFFFFF\" class~~\ "txtl Oh\ ">$d2 [mulai] </ta> <td width=\ "180\" bgcolor=\ "#FFFFFF\" class=\ "t}:tlOh\ ">$d2 [ alamat J </ td> <td "1-·-lidth=\ "70\" bgcolor::o:\ "#FFFFFF\" class""\ "txtlOh\ ">$d2 [lama] :rar..'..</td> <td width=\ "80\" bgcolor=\ "#FE'FFFF\" class=\ -•txtlOh\" align=\''center\''>$d2[status]</td></tr>''; $i++;} ?> </table></td></tr></table></td></tr></table></td> <td background=" image/bg_right2. gif"><img src=" image/bg ___ right2. gi f" border="O"></td> <?tepi("450");?></tr></tbody><?bawah{);?></table> </body></di v></htmJ :-

<? session start(); include-"cet: sess.ion.php"; incJ.ude "confl.g/data .php"; include "server.php";

tampi l _ cuti _pe111eri}:sa. php

$data4=mysq1 query(";:•·'l<,.ct n1l,;,h.1k .1k;;<~S f-1·,)111 l·•POE· 1.~here nit: 0~'$:1.ik'"J;

$d·l'"rnysql felch ,1t·r,·1y(~~d,1! .)'·ll; if{$d4[ha·Y.· akseSJ=""".L"j (ak';es="nJ.J.:_alasan"; Jelse{~;akses"-"''n1k d.iv1r;i", l ?>

134

<html><head?<title>Tamp.11 Cari Cuti </t1t:l(':><link href"""css/:c;;tyle.css" re 1.,"""stylesh(~e,:"

type=te:-:t/ css ></head> <center> <body bgcolor-=#CCCCFF><table border="O" width"""lOO " heigl't ·"600" cellpadding"""O" eel l. spacing;:;:" 1 "> <tbody bgcolor~#FFFFFF><tr~<?tep1(''~00'');?~ <td background""" image/bg right-2, gif 11 width=" l 11 ><img src""'" imoo.ge/b9_ ri':'ht2. gif" ></td> <td width="80S" bordercolor=ll330066> <table cellpadding="0 11 cell spacing=" 0" border;;•"O" width""" 100 - " h·2ight-.= "25'_'_ "><tr><td> <? lg atas ( "atas ad", "ima9e/tampil cu ti _pemer.1.ksa. gif"); barll (); ban2 ( "javascr.ipt: self. histor~'. back (); ", "tarnp.il_ cut.1_peme r.1 k.sa. php", ".lo9out. php"); ban3 ( "TarnpJ.l car.i. cut.i !·:dr','awan"); ?> <table bgcolor="ltFFFFFF" cellpaddJ.ng"""O" cellspacing"-'"O 11 border"' ''0" \iJ.d'.:.h=lOO h0ight=" J.00 :, "> <tr><td height=lS bgcolor=llE'FFFFF border="lO"></t.d></tr> <tr align=center><td hegiht=70 colspan=6 valign"""top" align""center c~ass""txt8h><b>DA'l'A PENGAJUJ\N CUTI KARYJ~Wl;Jl </b><"'./td></t r> <tr;;<:. td col.span""6>f,nh:-;p; 1, nb:-;p; .- I Le: ,- It· t I 1·,:dl J '-' · <tablE: al1gn'·--cr~nL1:cr Lqcn_'lc>1- "ili"l·'l,'l"i"V" ci-·i lpdrid1J1i_J "iJ" !'.•"I l,:1,·1''.lli'-1 11 1i" br:i!d<:t "!" 'did\.11 ;:11 he.ight""" ioo·,_ "> <tr><td width="12" bgcolcr~.:."jjCCCCFE"' claSS""'labcl3>NIK</td> <td width"""35" bgco.lor="liCCCCFF'" cl<1ss--=:label3>!-larna<:/td> <td align-"'centr::r wi.dLh--0 "2.(lrJ" brjc;o]c,r "fl(:(;\:t:i·'["" cl.d~;;o;-.-.Jdb1~! ~ -M11ld1 r:n 1 /Id < td all gn:=ocen ter width"'" 1 SU" bgr:o.l or~-" If CCCCJ"V 11 cl.a S.'~'·-'-1 <1L0l :_:: .-J-\J dmd t cu Li<./ Ld ,. <td align=cent:.er width=" J.00" bgcolor'"'"llCCCCE'F" ·.::lass,,;:label 1~·<JML Cuti :/ td> <td width="80 11 bgcoJ.()r"""liCCCCFF" class""label 3>Keterangan</td></t.:> <? $data3""rnysql~query("selec:t ' from <ldta __ cutJ '.--Jhr,;re :;>dkses""'0d'1!nil:J' .ind ~;tatu:::;·, ·':.'.'«111d aktivasi<>'-'''); ~>Jhile{$d2=rnysql fetch array(~idat,-13)) l if {$d2 [status] ""';;:"0") ($d2 [status] """<ci hre f=\ "per:o:.etuj ua.n cut.1 . php? id=$d2 [.id] &S'"'new\ ";; Da f tar< I a>"; } t=~.1 se -· f ( :;;,-12 [stat us J '-=" 1" 1 j $d2 [status) ="Cuti "il else ( $d:Z [status] ="Di tolak"; j echo"<tr><td width=\ "50\" bgcolor=\ "#FFE'FFF\" class=\ "txtlOh\ ">$d2 [nit:] </td> <td width=\ "300\" b9c:olor=\ "#FFFFFF\" class=\ "txtlOh\ ">$d2 [nama) </td> <td width"''\ "2 JO\" bgcolor=\ "JIFFFFFF\" class=\ "txtlOh\ ">~;d2 [rnulai] </td> <td width=\"200\" bgcolor=\"liFFFFFF\" class=\"txt10h\">$d2[alamat]</'::d> <td width=\" 100\" bgcolor~\ "Jf FFFFFF\" class~"\" txtlOh\ ">$d2 [ larr;a] harJ.</ t.d> <td width=\ "100\" bqcolor""\" llFFFFFF\" class=\ "t:,.;:tlOh\" align=\''center\''>$d~(status]</td></tr>'';) ?> </table></td></tr></table></td> <td background=-" irnaqe/bg r i ght2 . gi f" width=" 1 "><img src==" imc1gr /bq_ r.:t 1ht2 . gi f "> ~ / td> <?tepi{''400''l ;?~</t1·',/tG0ciy~~?bawal1{);?~</tabl2> </body~</center></l1t111J

<? session start(); include-"cek_session.ph?"; include "config/data. pb.p"; include "server. oho";

135

tampil _cuti_l:ary. php

$data=mysql querY{~'sel0ct nama, i,ik, BP, Jabatan, posisi, n:Lk_at.1san, n.,.}:_di"\isi, status from japos,jabat8n,posisi w!1erE:< id __ jc1b""idJab and id_pos""-_dpos and ni}:""'~:nil:'"}; $dl=mysql_fe:tch_array($data); ::;;ctata2""mysql_(:uery("select * from dat.a __ ci:ti where 1.d""' $id'"); $d2=mysql_fetch_array ( $da ta2); ?> <html><head><t.i. tle>'l'amp1l Cuti Karyai..·1an-.:'./ti tle><link href="css/ style. ·.:~o;s" rel"""stylesheet" type=text/css></head> <center><body bgcolor=#CCCCFF>< table border"-' 11 0" \>Jidth""'' 100\~." he.i.ght::::"6'JO" cellpadding"'"O" cellspacing~''l''>

<tbody bgcolor=fff'ffffF'~Lr~,·?t0p1 (''000''1;~' <td background"""image/bg right2.gif" width""'".l."><img src="image/bg_right.2.gif"></tdc-<td :-Jidth:" 80'!;" bordercolor~-'#330066> <table ce l lpadd1.n0=" (l" ce 11 ~;pacj no 0~." (J It border= It 0" wic;th=" 100 ','," he:i.qbt :::_ "'.,~ 5 .,,, "><tr>< t .• d> < ',>

lg atas("atcts_.:id", "imaqe/Ldmp1.l. __ ,cutJ_~J..d1.y.l)iL"J; barll (); ban2 ( "mE;nu __ ut2.ffii\_J:ary. php", "tampi .l cu ti _kar'/. pllp", "loqo1Jt. php") ; ban3 ( "Tnmpi 1 Cuti Karyawan"); echo"<table width"'-\ "308\" border 0-~\ "0\" cellspdc.ing=\ "0\" cellpaCdi11g:=:\ "0\ "> <tr><td col span'-"'\ "2\" bgcoJ or=\ "i!CCCCFF\" class=\ "J.abel 1 \" >Ket0rc1ngan Cut.i. Karyawan<./t.d></tr> <tr><td><table border~0 \ "1)\" «·Jldtll.,..-\ "4UO\" c0J.lspac1.ng=\ "S\" eel l paddin,;==\ "O\" > <tr><td align=\ "center\" col span>=\ "2\" clc1s.s=\ "label 1 \">Data P<::rson.:il './ td><./t r > <tr><td width=\ "20 \" bgcolor::::\ "JIFFFFFF\" align""\ "rigLt\" class-"'·\ "J.abel2\ ">Nama</td> <td width=\ "30i·, \" ><input si ze:oo\ "35\" class=\ "inputezt\" value=\ 11 $dl {H2ma] \ "></td></tr> <tr><td width=\''20'~\'' bgcolor=\''JIFFF~'FF\'' align=\''rigl1t\'' class;\''labc12\''> NIK</td> <td width=\''30- \''><input size~\''7\'' cJass:\''1nputext\'' value;\''~d-!ni~l \''></td></t.1·:· <tr><td width=\''20~\'' bgcolor;\''JIFFFPFF\'' align=\''right\'' cla~s=\''label2\''>BP.'KP</td> <td width=\''30~\'' ><input size=\''7\'' cla2s=\''inputext\'' valt1e=\'1 $dJ[BPJ\''></td></tr~

~tr><td width=\''20~\'' bgcolor=\''ttFFFFFF\'' align=\''right\'' class~\''label2\''>Jabatan</Ld> <td width=\''30~\'' ><input size~\''15\'' class=\''inputext\'' vaJ.ue:\''$cll[Jabatan]\''> </td></tr> <tr><td width=\''20~\'' bgcolor;\''ttFFFFFF\'' al1gn~\''right\'' class;\''l.abel2\''>Ten~at Kerja</td> <td width=\''30 \'' ><input size;\''35\'' class=\''1nputext\'' value=\''Sdl[p0sisj ]\''></td></tr> <tr><td widtlv=\ "20 \" b•;color;;;\" llFFFFFF\" align=\" right\" class-'·\ "J.abe.~2\ ">Nl!.Z Atasan</td> <td width=\''30;\'' ><input size=\''7\'' class=\"'inputext\'' value=\''$d:.[nik atasan]\''></td></tr> <tr><td width=\''20:_\'' bgcolor;\''ttFFE'fFE'\'' align=\''right\'' class~\''label~\''>NIK Divisi</td> <td width=\''30i\'' ><input size=\''7\'' class=\''inputext\'' value=\''$d_[~i~_ciivisi]\''~:/td></tr> <tr><td colspan=\ "2\" width=\" 30': \" ></td></tr></table></td> <td><table border=\ "0\" width""\" 400\" cell spacing=\"='\" cellpaC.ding=\ "0\ "> <tr><td col span=\ "2\ "class,~\ "label 1 \ "><U>Sisa Cuti yang }.\da</U></td></'::o:> <tr><td bgcolor=\"#FFFFFF\" align=\"center\" class=-\"label2\"></td></tr> <tr><td width=\ "25,;, \" bgcolor=\ "#FFFFE'F\" align°"\ "center\" class=\ "labe12\ ">T'lhun 2C05</td>&nbsp; <td width:=\ "20 '\" class:=\ "t:-:t7h\ "><input size=\ "5\" class"'-\ "inputext\" value=\''$dl[th2005]\''>&nbsp;har1</td></tr> <tr><td width=\''25~\'' bgcolor=\''#FE'F~FF\'' align:=\''center\'' class=\''labt,12\''~Cuti Besar</td>&nbsp; <td width=\ "20'i:\" class=\ "t:.:t7h\ "><input size=\ "5\ 11 class=\" inputext\" va!ue=\''$dl(besar]\''>&nbsp;hari</td></tr> <tr><td colspan=\''2\'' rowspan=\''4\'' bgcolor=\''ffF~'F~'fF'\'' align""\''cer1ter\'')&nbsp;</td)~/tr>

</table></td></tr></tr><tr><td colspan=\''2\''> &nbsp;</td></tr></tat1le>''; $data3=mysql query{"select + from data cuti where nik='$ni}:' and statu.'.:.""'1' and aktivasi='l'"); echo ("<table - border=O ceJ.lp21ciing=4 a~.ign,,,,center></tr> <tr><td colspan=\"8\" align=\"center\" class:=\"labell\ 11 align'"'\"center\"><tJ>Informasi Data Cut:L</u></td></tr>"); echo {"<tr bgcoloro::jiCCCC!;'E'>< td al.Lgn"'centr:r><font coJ.or"'-41330066><b>MIJ<</ font.></td> <td align=cen.ter><fon;:. coJ. or""Ji 3 30066><b>Marna Cut.i. < /b>< I font></ td> <td align""cent• ::><font"_ color:=Ji 320066><b>,Jeni:o:</b></ font></td> <td align=center><font color=fl33006G><b~'Pgl MuJai<.lb></font></tJ;. <td align=center><font color"' JI 330066><b>'I'gl ::.;elesai</b></ font></td> <td align=:center><font color='il330066><b>JML</b></font></td> <td align=center><font coloi:"'-#330066><b>Alasan cut.i</b></l'.ont></td> <td alJ.gn""'center><font. color""#33006f><b>Atasan</b></font></td></tr;-. ''); $i=O;while{$d2=mysql fetch array (:)data3)) { echo(''<tr bgcolor=#~. ($j - 2 ? ''CCC~PF'' : ''FFFFFF'') .''>''); 0cho{"<t.d .1ligno::.ccnte1 width "10'•-Conl color-,Jl33L1066>");(~cho :;;d:~!''nik"]

f;cho ("</font> </td><td width 0--200><f:ont co.1 o:r"'#33006F>") ;ecbo Sd2 [ "nam,i"]; echo{''</font> </td><td width=70><tont color;ll33006G>''l ;echo 0d2f''jeni~.··1;

e::ho("</font> </td><td align"'"·center w:i.dth-=;J ~)()>< .. font color::cfl?.3(l0C6>"); .·,cho ~:d;? ( "muJd-1 "]; echo{''</font> </td><td widtl1=150 align=center><font color=#330066>'') ;e:ho $d2[''m~s11k''l; echo(''</font> </td><td align=center width=80><font color=#330066>'');ec~o $d2[''1ama'']; =cho I"</ font> < /td><td w1dth""200 ctlian=center>< font color=lf 3300(6>'·); <'-echo $d2 f "alasan"];

<? include "cet session.php"; .include "config/c\ata. php" i l.nclude "server.php";

J.:a::y.::iwa.P.php

:~rj,·1t_a,··rn'j:-;r1l qur·/'/(":;i·lr--r:\ lI''IH l·•f",'· ;c1hPt<· 111f ·~:ri11t'"i;

~idl"-"my.sql LeLcll .:1t1dy(~id.i\,.i); $data2=my~Sql_query("select ·from d;o1tct cuti. whE:r•h id-"'~;id'"); $d2=mysql _ fetch_array ( $data2) ; '!>

136

.-:'html ;..<h<:~<ld/< tl l:-1 f:! ,.'l\1rnp J ! lld t.a 1-',d l y,_\'d·Jrl" It 1 \ ! •: ,,, I 1111· 11 rr ; '""c:; ;/ :;L / l •·. ''; 2;" t •: l "«;Ly l ,. ::!v·,,-.1-"

type=-te;{t/ cs s>< /head> <center> <body bgcolor""l~CCCCFF><table border..,.-"0" width""" 100\" heiqht= '600" cellpadding="O" cellspacing="l" > <tbody bgcoloro:oiffFf'~l!-l''E»<tr><?tepi ( "600" j ; ?><Ld background""" imaqe/!::ig __ r.i ght2. g.i f" w.i.dtb:o::" l "><img src""" imagc~/bg_ r).ght2. qi f" ;.;<I tcL> <td width=''80-''' bordercolor=l!330066>~table cellpadding~''O'' cellsp~c1n~~··o•• bocder~''O''

width=''lOO' 11 l1e1ght=''~S ··~ <tr:><td> <? lg_atas ( "atas __ ad", "image/top. gif"); banl () ; ban2 ( "cek_login, php", "tampil_ cuti __ kary. php", "logout. p;1p"); ban~;'. "'I'arnp:Ll Data Kary a wan") ; if($act="""detail") ($datd"'.,1nysql query("select ~-- from japos wher(o: id='$id'");$d1""rnysql fetch arrdy($datc1); if ( $dl [status] """"'"0") \"$dl [status} ="J-\ktif"; 1 el~;e [ $d1 I .cc; to tu.;;)"""< font color=\''#FFOOOO\''>Cut1</fo11t?'';]] echo"<table width""\ "308\" border::::\ "0\" cellspacir·g=\ "O\" cel.lpaddinq= \" 0\ "> <tr>< td col span=\ "2\" bgc:o1 o L°"\ "#CCCCFF\" cl.a s~3o=\ 11 label l \" >!\e·,:e r:anga;1 Cuti !\di: Yd.,ldl 1 : / td>< I tr> <tr><td><table border=\''0\'' widtl1=\''~00\'' c0llspacir1g~\''5\'' ceL.lpacid1:.~·~\''0\''

<tr>< td al i qn=\ "cen te 1.-\" col sp;1 rv~\ "2\" cla s~•""\ "la.bP.11 \")Data Pc:rsona l <I tel>< It r·> ,_t_r:---..t.d h'ldlh--\":'d· \" lhj('<!lC'l" \"!il'l"l•'F1"l'\" ,i 1 1qn \"1·1qht\" C],J;;,; \"l-ib•· 1:::\"'·N.1m.1· /Id"•, <tel widthc=\"30'.\" ><1nput ,-,:.iz,~---\"3'.:1\" cld::;s-'\"lnpuLc•~:t\" v,1.llll'·\"~;dl it·.1nu] \"'?·-./ld>· /\ 1 <tr>'<td width=\"~~()\" bq<:.'.O_l(.,y--\"jjl'!•'!~'f•'FF\" <;)i.(jtl'-\"riqht\" c:l.-i:~· \"ldL 1:::\" Nll<·-/!d·· <td width=\"30 \"><input size;;;;\"'7\" class"'\"inpute.:..:t\" va.lue""\"$d.l[n"l-:] \";.;</Ld></\.r:-' <tr><td width""\ "20:': \" bgcolor""\ "ffFFFFFF\" align=\" right\" cla~· ;~""\ "l."tb<?:l2\ 11 >Tingl-:at</td> <td width:o:\"30.!.\" ><.i.nput s1.Z<2"'\".7\" cla.ss"-'\"inrut.e:-<t\" value"'"\" $d1ltingkutj\"></t<l></tr> <tr><td width=-\ "20':- \" bgcolor=\ "JIFFFFFF\" Hl ign=\ "right\" clas:;;=\ "label2\ ">Jaba tan</td> <td width=\''30~\'' ><input size=\''15\'' class=\''inputext\ 1

' value=\''$dl[.abatan] \''> </td~</tr> <tr> <td width°"\ 11 20-:- \" bgco1 or"'\" ii FFFFFF\" a 1 J gr;07·\" r igrit \" cla s S'°' \ "1abc-.1.2 \ ,. ;>'J' .~mpa t l~e r j ;:1 <I tel> <td width=\ "30 ,~\" ><input size=\ "35\" class=\ "inpur.e;.:t\" value=\ "~~dl fµ0sisi] \ "></td></tr> <tr><td width=\ 11 20:<, \" bgcolor=\ "# FFFFFF\" align=\" right\" class""\ "lab-::-12\ ">NIK Atasan</td> <td width=\ "30 i-.\" ><1!1put size=\ "7\" class=\ "inputext.\" valuE."'\ "$d1 [r,.i k atasan] \ "></td></tr> <tr><td width=\''20~\'' bgcolor=\''#FFFFFF\'' align=\''right\'' class=\''lahPl~\''>NIK Div1si</td> <td width=\"30'.~\" ><input size::=\"7\" c.lass=\"inpute;-.:t\" value""\"$dl[rii.k divisi)\"></td></tr> <tr><td colspan=\''2\'' width=\''30\\'' ></td></tr></table></td><td> -<table border=\ "O\" width=\" 4(l0\" cellspacing=\ "5\" cellpaddi.ng=\ "O\ "> <tr><td colspan=\"2\"class=\"labell\"><U>Sisa Cuti yang Ada</U></td></tr> <tr><td bgcolor=\ "If FFE'!:'FF\ 11 align=\ "center\" class""'\ "label2\ "></ td>< I t1:> <tr><td width=\ "25·:- \" bgcolor.=\ 11 #FFFFFF\" align:=\ "center\" class=\ "lc.bel2\ ">Cuti Besar</td>&nbsp; <td widtho=\''20~\'' class=\''~xt7h\''><inptit size=\''5\'' class;\''in?utext''' valt1e~\''Sdl[besar] \''>&nbsp;hari</tci></tr> <tr><td width=\''25j\'' bgcolor~\''liFFE'FFF\'' alig11=\''center\" class~\''lrlbe12\''>Tal1ur1 2005</td>&nbsp; <td width=\ "20'0,\" class=\ "t>tt7h\ "><input siZE'=\ "5\ 11 class=-\" J.npute:-:t\" value=\ "$dl ( th2005] \ ">&nbsp; ha.ri</td></tr> <tr><td colspan=\ "2\" rcwsran=\ "4\" bgcolor=\''UFFFFFF\'' align=\''center\''>&nbsp;</td>~/tr></table></td></tr> <tr><td colspan=\''2\''> &nbsp;</td></tr></table>''; ?> </td></tr></table></td> <td background=" j_magi=:/b9 __ r 1qht2. q1 f" 'dl dth"" J ";"-- lrnq s re=" l flkl'Jt~/bg_ r 1 qh L:~. q 1 f" >'·I td -, <?tepi ( ''600") ; ?><I tr></ tbody _,, '?b,·1W<1]; ( J ; ? ></ tcilJ I(• </body></center></htrnl>

<' session start (); incl ude"cek _session. php"; include" server. php"; nclude once "config/data. php"; //$datil2=rnysql query("select "·from jap<>s where nJ.k"''$ni~:'"); //$d2=mysql fetch array ($dc'ita2); $ambil=mysqI querY("select ni'.: from karyawan where •1ik""'$nik_baru' "), $dpt=mysql nUm rows($ambil);

137

if($kirim){if.{$dpt=="O") {mysql que.ry("INSERT INTO japos { nama , nik , tingkat , jabatan , posisi , nik_atasan , nik_diviSi , status , h2-1k_akses besa1· , th20(:4 , th200S , aJ.pen , password ) VALUES ('$nama', 'Snik baru', '$tingkat', '$jabatan', '$posisi', '$n}_l: atasan', ':$nik_divisi', '0', '$at:ses 1 , '45', •12•, '1.2', 1 12', '.'/pd:;s')"); mysql_query("lNS!:~J-:'r-INTO }:aryawan (nMrna, nik) values ('~·nama', '$nik baru')"); l include_ once "I con fig/ func ~·php"; message ( "Dci t:a B,1 ru Ka ryawan '!'fc 1 dh 'I"' r·bua 1- '') ; ) ?> <html><head><tJ. tle>Dafta r: Baru l':ar:yawan</ti t le><link href="css/ style. css" rel~~"style:o;heet" type=text/css></head> <div align=center><body bgcolo1:o=oJICCCCFF><table w1dth"'"lllO " he:ight=" 1;SO" cellpad(L1.n9 00 "0" cellspacing=''l'' bordor 0 ''0'', <tbody bgcolor=kffFfFF~<Lr~<?l.~pi(''15U'');?;· <td background=" image/bg_right2. gif" widtlv=" .L "><img src-~'"image/bg_rigbt2. gif "></td> <td width="80%" bordercolor""1t-330066><t.able cellpadding="O" cellsp.'1.cir:g="O" border="O" wictth=''1000'' height=''lOO~''> <tr valign="top"><td> <? lg atas("atas ad","irnage/rnenu utama kary.gif"}; baOl () ; ban2 ( "Javascr1Pt: se1£-:h1stoX:y. back ( 1 ; ", "t:arnpil~cuti kary. php", "logout. php"); ?> <table bgcoloroo:" ll .F~'F'FFE'" ce l .lpdddJ. ng"'- "0" eel J Sfh1C i nq=·" 0" bor,.Jer~- "O" ]l .-,. _Lqh l>'"" l ()(] " align=center> <tr><td>&nbsp; &nbsp; </ td><td valign="top" ali9n=cent1::r> <? echo"<table border=\ "0\" t·Iidth""\ "100 51 \" cellspacing=\ "4 \" cellpaddinq""'\ "2\" align=center> <tr><td height=5 bgcolor"--"# FFFFFF border=\ 11 10\ ">&nl,1sp; &nbsp; </td></tr> <form method""\" POS'f\" action"'\ "$PHP SELF\"> <tr><td colsp<Hl""\"2\" b9coloi:c··\ 11 JtccCCF'F'\'' cla:;;s"·txtJOh al.i.9n,0 ce11ter>r·aftar E'.aru Karyawan</td></tr> <tr><td height=S bgcolor=#FF!"E'E'E' border=\" 10\ ">&nbsp; &nbsp; </td></tr> <tr><td width"'\ "50''! \" bgcolor=\ "flFFFFFF\" align""\" right\" cJ.ass=label2>Nama</td> <td width~.::\ "73:', \ u><input type~\ "text\" size=35 class=inputext name=\ "n.:irna\ "></td></t i::> <tr><td width""-\"'._)(l':-\'1 bgcolor~:.\"#!"!"1''l<'FF\" a.liqn"'-\"right\" class=lab,::12> NIK</td> <td width""\ "7 3'\ \"><input type=\ "text\" name""\ "nik_,_b.iru\" claSS'"'inputext si Z<~""\ "1 fl\" ><./td></tr> <tr><td width=\''50%\'' bgcolor=\''#FFFFFF\'' align=\''right\'' class=label2>Jabatan</td> <td width=\ "73·~ \ "> <input type'·~\ "text\" name=\ "jal:.atan\" class'=inpute;{t ~;ize'-"'\ "20\ "></td></tr> <tr><td width=\" 50 \" bgcolor=\ "#FFFFFF\" align"'·\" right\" clas.s=olabeJ.2>Tempa 'C. J<erja</td> <td width=\ "7 3':C \ "> <input type=\ "text\" name=\ "posisi \" class""inpute;{t size=\" 4 0\ "></td></tr> <tr><td width=\ "SOS\" bgcolor=\ "~IE'FFFFF\" aJ.ign=\" right\" class=--~label2>NIK Jl.tasan</t-.d> <td width=\ "73 5h \"><input type"'"·\" text\" name=\ "ni.k __ atasan\" cla::;s=inp1.'te:'!t size=\''10\''></td></tr> <tr><td width=\ "50~' \ 11 bgcolor""\ "if FFE'FFF\" align"-~\" right\" class""label 2>t-.Il\ Di visi</ cd> <td width=\ "7 3S \"><input type=\ "te;-:t \" name=\ "nik di visi \" cla!:isc::inpHtext size=\"10\"></td></tr> -<tr><td width=\ "50:i, \" bgco.1.or""\ "JIFFFFFI"\" a.l.tgn~'\ ".eight\" clas:>·-"lrrbeJ 2>St<l tu:;;</td> <td width=\ "73+.\" class=t~:~:7h><input type""\ "radio\" value=\ "0\" name--"'"\ "status\" checked>Jl.kti f &nbsp; &nbsp; <input type""\" radio\" value=\" 1 \" name=\ "st2.tus\ ">Cuti</td></ tJ:> <tr><td width=\ "50% \" bgcolor=\ "JIFFFFFF\" align=\" rig!1t\" class=la.bel2>Hak Akses</ td> <td width=\ "73~- \"><select size=\" J \" name"'-'\ "akses\ "><option se:~ectec' value""\ "0\" class=txtl Oh>Karyawan biasa</ option> <option value=\ "1 \" class""txtlOh >J\tasan</option><option value,~\ "-2\" class=txtlOh>Divisi</option> </select></td></tr> <tr><td height-"=S bgcolor=JIFFFFFF border=\" 10\ ">&nbsp; &nbsp; </ td></tr> <tr><td colspan=2 bgcolor""\ "#FFFFFF\" width:=o\ "73''.>\" align"'center><input type::.:\" submit\" class=\ "button\" value=\" s I t•! P A N \" nAme=\ "kirim\ "></td></tr> <tr><td height=5 bgcolor=#FFf:l"FF border=\"10\">&nbsp;&nbsp;</td></tr~ <tr><td height=S bgcolor=#:E'FFFE'F border=\" 10\ ">&nbsp: &nbsp; </tel></ tr~</ form></ table>"; ?> </td></tr></table></td></tr></table></td> <td background""-"image:/bg r.l.gbt2.gif"><img ~,rc="1rnage/bg r1ght2.gi::" borcler="O"></td> <?tepi ( "450") ; ?></tr></ tbody>< ·?bawah () ; ?></ t.:ib1e> </body></d.i v></htmJ >

p,.l ;;.,1lj1•),lll.J>ll/'

<? session st.A.rt ( J; include "eek session.php"; include once "conf:i.g/data .php"; include "server .php"; $data::::mYsql q\..ery {"select naffia, nik, BP, j abatan, posisi, n.ik_atasan, nik_ch.visi, s '::.at us, hak_akses from japos,Jabatan,posisi where id_jab""idjab and .Ld_pos=idpos and nik""'$n.ik'"); $dl=mysql fetch array($data); if($kirim){ $update=mysql query("update japos set statuso::'O' whet:e nj.k='$nik"'); $updatel::::mysql_query{"update data_cuti set aktivasi,""'~' wher~ nik=':1nik'"); include._ once "/confJ.r;/func.php";me~;;s,1qr:{"'['cor1rn<1 l<<.ts1h /\ndc1 'I'•·1ah Mula1 l-)•~kerj,1"); I

?> <html><head><ti tle>Menu Perst'.'tujuan</ title><link hrs f:="css/ sty:e. css" rel=" :o tylesheet" type="text/css"><../head> <center><body bgcolo.r=#CCCCFF><tai.)le border="O" wi cith="J.00\" :1eight:o::"601)" eel lpaddi.ng="O"

cellspacj.ng=-"1" > <tbody bgcolor=#FFFFFF> <tr><?tepi(''600'');?> <td background="image/bg_right2. gi f" width""" 1 "><irng src="ima9e/bg_ri911t2. g.i f"></t.d><td width="BOt" bordercolor=lf330066> <table cellpadding="O" cellspacing="O" border="O" width=-"100':;" height"'"25'"· "><t.r><td> <? lg atas("atas ad","image/top.gif"); bai11 {); ban2 (»cek_login. php", "tampiJ._cuti_pemeriksa. php", "logout .php"); ban3 {": : : : p,:;rsetujuan Cuti::::"); echo"<table width:::o\ "100'>\" border=\ "O\" cellspacing=\ "0\" cellpaddinq·c:\ "4\ "><form method=\ "POST\" action=\"$ PHP SF.LF\ 1t> <tr><td col span=\ "2\" bgcolor;;\ "#CCCCFE''\" class""\" l;:,bell \" >Keterangan cu ti Karyowan</td></tr> <tr><td>< table border'"'-\ "0\" width""\" 100·:~ \" cell:;;pacing=\ "5\" cellpadc:.l.ng=\ "0\" > <tr><td align=\ "cent1..~,r\" width=\" 100'{\" cols pan=\ "2\" class=\ "label]\•· >Data Pe.rsonaJ </td></tr> <tr><td width=\ "SO';;\" bgcolo:=\ "J~FFFFF'F\" align""\" ri9l1t\" cldss-o:\ "lab2.l 2\ ">Nama</td> <td width=\''50i\'' ><input size~\''35\'' class=\''inputext\'' value=\''$dl[nama] \''></td></tr> <tr><td width=\ "50''5\" bgcolor=\ "jffFFFFF\" align=\" right\" class=\ "labe.L2\ "> NIK</td> <td width=\ "SO't \" ><input size=\ "7\" class=\ "inputext\" value:::o\ "$d1 [nik) \ "></':d></tr> <t r><td width--=\ "ri(J'!, \" bq(~o l r,i -- \"!I f<'F'F'l~FV\" d l ·1 qn·-··\" t i <]lit".\" ,., Id:·;.';·-\" I :1L•, l ?\" --,1• i nqk,1 t.</ td·· <tel width~•\"'.>Oi\" >''..input ·;1z•··\""/\" '."Id::;:; \"jJljJ\l!!>~'.I \" V<1.lll<" \" ;,:dJ ll•l'J\"~</td~- /\I <tr><td width=\ "50~, \" bgcolor,·-0 \ "Jll!'ii'E'f'FF\" ali.gn"'\ "rigl1t \" class"'\" J.abe.L2\ ">,Jabatan</td> <td width=\ "501';\" ><input size=\ "15\" ::lass=\ "inputext\" value=\ "$dl [Jabatan) \ "> </td></tr> <tr><td width=\ "50':: \" bgcolor:o:c\ "ifFFFFFF\" align=\" right\" class=\ 11 lc.beJ.2\ ">'l'•~mpa t f{erja</td> <td width"'\"SO"i.\" >·~inpu-;: ''iz•c·"·\"15\" cJa:c;r.;=\"inputext\" va.111('"\"$cll!pc'.<;:i~;l.] \"></td'J</tr> <tr><td vli.dth~\"'.)(J \" bqcolor~·\"Jl!"!·'FFF!~'\" ;1!.i]n· .. \"r.iqllL\" r;ld{'iir-\".c1!+·!)\" .. ,M/I\ /\1...isdn·,/l.d> <td width=\''50~\'' ><i.nput size;\''7\'' class=\''inputext\'' value=\''$dl(nik atasan) \''></td></tr> <tr><td width=\ "50 16 \" bgcolor=\ "lfFE'FFFF\" align=\" right\" clas.3=\ "label2\ 11 >Nt1-:: Di visi</td> <td width=\''501\'' ><input size=\''7\'' class=\''inputext\'' value=\"$dl[nik divisi]\'''</td></tr> <tr><td colspan= \ "2 \" width=\" 1 O O ·;, \" ></ trl>< I tr></ table></ td> --<td><table border=\ "0\" width""\ "1 (10 ,'. \" cellspacing"'\ "5\" cel.lpaddin1-~\ "0\ "> <tr><td colspan""\"2\"class=\"labell\"><U>Sisa. Cuti yang Ada</U></Ld></tr> <tr><td bgcolor=\ "llFFFFFF\" align::::.\ "center\" class=\ "lc~bel2\ "></td></ tr> <tr><td width=\ "55¥;\" bgcolor=\ "#FFFFFF\" align=\ "center\" class""\" .L.._bel2\ ">Cuti Bes.1r</td>&nbso; <td width=\ "50°%\" class=\ "tY.t7h\ 11 ><input size=\ "5\" class=\" inputext\" value=\"$dl[besar]\">&nbsp;hari</td></tr> <tr><td width=\ "55 i, \" bgcolor"'\ "JIFFFFFE'\" align'"'\ "center\" cla~>s~\" la;.}el::-:\ ">Tahun 2005</td>&nbsp; <td width=\ 1'50~\'' c.lass=\''txt711\''><inpt1t size=\''5\'' class=\ 11 input~xt\' 1

value""\ "$dl [ th2005] \ ">&nbsp; hari</ td></tr> <tr>< td cols pan=\ "2\" rowspan=\n4\" bgcolor=\"#FFFFFF\" align=\"c':!nter\">&nbsp;</td></tr></tab!:.e></td> <tr><td colspan=\"2\" width=\ 11 10:~\" bgcolor=\"#CCCCFF\" class=\"l.3.beJJ\">Persetujuan CutJ. akan Tampil dibawah ini jika Cuti telah Di Setuju.i oleb Atasan</tC:></tr.> <tr><td col span=\ "2\" bgcolor=\ "#FF::'FFE'\" aliqn=\ "center\ ">£,nbsp; </l:c:></tr> "; $data2=mysql query(".sL~lec:t • fron. datd cuti v;h12rP nik='$n:ik' dncJ <1ktivdsi.<:>'··' orTh:r by id desc limit l"l; while{$d2=mysql fetch array($data2J) (.i.f{$d2[status]""=".l.") {:;Ja1~c 0-.- 11 C!.Jt.i D1.terim21"; l elseif ( $d2 [ statUsJ ::::="2") { $acc="Cuti Di to.lak"; $d2 [lama]="-"; !,>d2 [masuk J :="-"; } else { $ac.c::o"Bc:.lum disetujui";) echo"<tr><td width=\ "50'.s \" bgcolor=\ "#FFFFFF\" class=\ "label2\ ">T<lngg:il Mu.lai Cuti< /td> <td width=\"10:'..\" ><input size=\"15\" cJ.ass=\"jnput0xt\" value~:-\" :";d2rrnulaij\"></td></tr> <tr><t<l width=\" 50l'. \" bgcolor"-'\ "JI rFf<'FFF\" c.J. a.s~;""\ "J. abe1 2 \ ">T.in9ga.'( S•~ J (,sa i Cuti< I td> <td width=\"10'1,\" ><input size""\"15\" c.las3~\"inpute:<t\" value::"\"!)d2frn;i,suk} \"></td></tr> <tr><td width=\" 50~!;\" bgcolor=\ "#FFFFFF\" class=\ "label2\ ">Jumlah Cut.!.</td> <td width=\ "10% \" ><input size=\" 5\" class=\ "inputext\" value=\ "$d2 [J. ama] \ "></td></tr> <tr><td width=\ "50'k\" bgcolor=\ "#FFFFFF\" align"""\" right\" clas10-=\ "lab::l2\ ">Alarna t Cuti</td> <td width=\ "30\'~ \" ><input size""\ "35\ 11 class=\ "inpute:{t\" valut=>~·-'\ "!>d?. [.:i.la:nat} \ ">{/td></tr> <tr><td width=\" 501\ \" bgcolor""'\ "ifl''FFE'FF\" align::o:\ "right\" class=\ "label2\ ">Alasan C11ti.</td> <td width~\''30i\'' ><input size=\''35\'' classE\''inputext\'' value=\''5d2[alasan] \''></td></tr> <tr><td col span=\ "2\" bgcoJ.or""\ "JIFFFFli'F\" alJgn=\ "center\ ")&nbsJ;; </to.·<·</ tr> <tr> <td width~\ "50~ \" bgcolor"'\ "j~FFFFFF\" align~\ "right\"> <a href=\ "cetak. php? id=$d2 [id]\ "><input size=\ .. -,," class=\ "button\" valu2=\ "Cet.at Data\n></a></td> <td width=\"50t\" bgcolor=\"#FE"FFFF\" ><input type=\"submit\'' size""\"0\" c.lass=\"button\" value=\"Kembali AJ.'..tif\" namE:o:\"kirim\ 11 ></td>

persetuj uan_ cut.i. php 139

<? include "eek s•2ss1_r_:.n.php"; include one(·~- -"con fig I dci l d . pl 1['";

include-"server. php"; $data=mysql query ("select nama, nik, BP, jabatan, posisj., nik_ atasa1~, nik_di vj,si, status f1:om japos, jabatan, posisi where id_jab""ldjnb and id_pos=idpos and ni 1-:=' $ni Y.' "); $dl=mysql _fetch_ array ($data); $dl=mysql query ("select ·k f.ro!n data_cut.j where i.d"-'' $id'"); $datal=mySql __ fetch_array { $dl); $d=mysql query("select ·~ from Japos 'dhere n.iJ.:='$datal[ni.J.:J '"); $data=mySgJ._fetch_ar ray ( $d); if ( $UCC""'"""l") (if ($data]_!$ j o=~ni::; 1 """""besar") l $J·1as1J-"'4 '.";; ] e.1 ~:ie ( $h<1;;1 J. 0

• ~\da t,'l r 0 j(~ni:-~] ·-$dd l~d 1 [Lama]; if ($hasil<0} ! $lias.il~'0; j} }else{$hasil= $data[$jenis];] if($kirim) { if($acc=="l") ($update=mysql __ query("update Japos set $]eni~,,·~'$hasil',statl<S"''l' vrhere nik='.')datal[nik] '"); $updatE:lc·:rnysql_query("updat"J"' cL·1Ld_ClJll :.:<·;\. ,;aLdtdn '$c..it<1L,-1n', :-;1-dl.u::; 'I', .t!'.L!.V<1>';i 'I',

ma.suk='$tql I -"bln I ~;t.hn' where id""'$id'"); message ("Data Cuti OJ_ Setujui ");} elseif ($aCC"""""2") { $updat.el""mysql __ c;ue>:y ("update data_cuti set ca ta tan==' $ca ta tan', status=';:' ;,1here id""' $id'"); J elsel me~:sage ( "Ma!>uk};<1r. Detta denqan lengkap") ; J l ?> <html><head><title>Menu PersetuJua.n Cuti</tJ. tle><link href""'"css/ style. cs:;;" re.L="styl"=sheet." type=''tezt/css''></head> <center><body bgcolot ,.,·J1cccc1n:',"~ tdblc; bord<C;r: , "0" w1dth '·" J (J(J " h<,d.gh t. - ",:,u11" c1-c l l p:idd 1. n'-)-' "(1"

cellspacing"'"l" <cbody bgcolor=HFFFFFF><tr>~?tepil''600'');?> <td background"""imagelbg right:.2. g1 f" wiclth 0~" 1 "><.1.rr . .,; src""'" imag,,_•/bg __ .rig~1t2. gif"></ td>< td width=" 80 ':," bordercoloc""#330066> <table cellpadding="O" ce-llspacing=''O" border="(!" w1dth"''"lOO he:.ght="2S "><tr>>;td> <? lg_atas ( "atas_ad", "imctge/menu _ ucama __pemeriksa. ·01 f") ; banl (); ban2 ("eel-: lorn n. pnn", "tampi ~ cut1 pemer) ksa. php", "logoL t. •,hp"); ban3 ( "l\ary;1wnn Yang Ada Di<br>:::: $id m9t : : : : "); -$data2=rnysql query--("sF;lE:cL 1 from ddta cuL-1 wh>~fl:;' id"·'~;id'"); :,;d2-·rny:·;·1l f\.:l:ch dtrdy{~;ddl.d2); $da ta3=mysql=:query ( ":::el.0ct nama, ni 1-:, BP:- jaba tan, posisi, n.ik_a ta.san, nit __ d:i.Visi, ,~fat us t ;_,om Japos,jabatan,posisi where id jab=idjab and id pos~ 0idpos and n:lk""'~·d,-:'[nik] '"); $dl"'mysql fetch arra:,-'($data3); -$data4=mySql query("se.lect ~ from :apos where ri.k""':;;d,,,fn1.k .. _atil:can] '"}; $d4=mysql fetch array($d?.t<14) i

echo"<tabTe wid"th=\ "308\" bo r:der=\ "O\" cell~>pacing=\ "0\" cell padding-'-'\" IJ\ "> <tr><td col span=\ "2\" bgcoloc'=\ "#CCCCFF\" class""\" lcibel 1 \" >Keteran'.J3.ll Cuti Karyavian</td></tr> <tr><td><table horder"'"'\"O\" widLh=\"iJOO\" i:f~ll:>pac_in9·,·\ 11 .'")\" Cl:Ollp;iddil'rJ-'\"(J\" > <tr>< td align=\ "cen te x \" col spa1ic-~ \ "2 \" cl tl :;.$"''\ "l abe 11 \ ">C•a td !'e rsona_l ···I t<.L;,< It· r: > <tr><td width=\ "20?, \" bgco.lor"~\" lfFFl'.'FFF\" align=\" riqht\" c] ass=\ "lab•212\ ">Nama</td> <td width==\ "300: \" ><input size=\ "35\" class""\ "inpute;-:t\" value"'\ "~>dl [name.] \ ">,~/td></tr> <tr><td width=\ "20·i; \" bgcolor=\ "JIFFFFFE'\" align=\" right\" class:oo\ ''la.bo::l2\ "> tJIK</td> <td width"-'\"30'<'\" ><input size~\"7\" cl.aSS"-'\"input<';xt\ 11 va.lue=\"$dl{11i.k]\"></td></tr> <tr><td width=\ "20?, \" bgcolor""', "JfFFF'FFF\" align~0 \ "right\" class~0 \ "lab·'Ocl2\ ">BY/KP</ Ld> <td width=\ "30't \" ><input size=\ "7\" c::..ass=\ "input.ext\" value=\" ~:dl [BPJ \ "></td></tr> <tr><td width=\ 11 2 0 ":- \" bgcol or""\" ff FFF!:"FF\" align=\" right\" class=\" .la:Oe-12\ ">J;1batan</ td> <td width=\"30\\\" ><input s.i.ze=\"15\" class=\"inpute~:t\" valuec.::.\"~idl:Ja:.:iatanl\"> </td></tr> <tr><td width=\ "20;~ \" bgcolor=\ "#FFFFFF\" al:i.yn=\ "right\" class=\ "label2\ ">Tempat Kerj a</td> <td width=\ "30'£ \" ><input size""\ "35\" classc;;;\ "inputex 1·,\" value=\ "~>dl [pcsisi] \ "></td></tr> <tr><td width""-\ "20'"'· \" bgcolor=\ "#FFFFFF\" align=\ "right\" cl as~;=\ "labP.12\ ">N:.'E J\tasan</td> <td width=\''30%\'' ><input s.i.ze=\''7\'' class=\''inpute~t\'' value=\''$dl[nik atasan]\''~</td></t£> <tr><td width=\''20~\'' bgcoJor=\''#FFFFFF\'' align=\''right\'' class=\''.label~\''>NIK Divisi</td> <td width=\"30';'\" ><input s.i.Ze""\"7\" cla.SS'°'\"inpute;-:t\" value=\".$d1{n.tk.d.ivisj_]\"></td></tr> <tr><td colspan=\''2\'' width=\''30s\'' ></td></tr></table></td>''; --if ($d2 [status] ==''0''J {Sd2[status]=''Baru''; ]elseif($d2[status]~=''l'') {$d2[~tatus]=''Sedang Cuti''; } else { $d2 [ sr.atus) ="Di tolak"; } $dt=explode ( "/", $d2 [mula.i] ) ; $dar:i=mktime{0,0,0, $dt[l], $dt[OJ, :',idt[2J); $lama=$d2[lama]-1; $hs"" ($lama·>: 86400J+$dari; $dt=date("d I in I Y", :/hs}; :)dt· .. ·.-i:,;-:pl\,d(~("/ 11 , :)dt); if(~;dll\hak .lJ.:;~;-~:,;j "]") {$d1fJi;1Y._;il::-;r.~;]"'"'J"; Jelse{$d3[hak akses]cc"$d3[h,1k akse;;]";) _1f(~;c!Jfhi'lk a~:.sesJo==".\·;; f,f, $:> "net.i''J{ $d2[masuk]"'""-j-nput c_\.-i.ssoo-\"1np11t..:•xt\" typpc:o\"text\" 1-icime~0 \"tg_l\" ;o:i::P \"?,\" v;'llur·-\";;dt[O]\"> I <input class=\"inpute:"t\" type""\"text\" n<lrllE:"'\"bln\" .s.izE=""\"3\" value=\"$dt[l]\"> / <input class=\"inpute:<t\" type=\"text\" name""\"thn\" siZE-:""\"~,\" v2.lue-"\"$dt.[2]\">"; $d2flamaJ="<input type=\"text\" name""\"lama\" size:::\"3\" value""\"$d2[lam&}\" class=\''inputext\''>''; $d2(status]="<input type,,,,-\"radio\" V2.J.ue=\"1\" name=\"acc\" > Diter:i_l(i;1&nbsp; <input type=\"radio\" value""\"2\" neime=\"acc\" > DitoJ.ak"; $d2[catatan]="<textarea rows=\"3\" name=\"catatar.\" cols=\"33\"></textarea>"; $act="< form method=\ "POST\" action=\ "$PHP SF,LF\ ''><input type""\ "hic.de11\" valUE""\ "$id\" name=\"id\"> -<input type=\"hidden\" value"'\"$d2[jenis]\" n.:..me""\"jenis\">"; echo"$act <td><table border=\" 0\" width=\" ll00\" cellspacin~~~ "~~" ce ];~padding""\ "Cl\";

140

<td width=\''20 .\'' cl<lss=\''t:,t7h\''><input size=\''5\'' class=\''inputext\'' value~\''$dl[t.h2005] \''>Hari</td></tr> <tr><td colspan=\''2\'' rowspan=\''4\'' bgcolor=\''#FFFFE'P\'' align=\ "center\ ">t.nbsp; </ td></ tr></ table></ td> <tr><td colspan=\''2\'' width:\''10~\'' bgcolor=\''#CCCCFF\'' class=\''labe!1\''>PerseLuJuar1 Cuti akan Tampil d::._bat<1ah ini J.1}:a Cull telah DJ. Setujui oleh J~_tasan</td></t r> <tr><td colspan=\''2\'' bgcolcr~\''#FfFFFP\'' ~ligr1~\''c0nter\''>&r1t1sp;'/l.d ··:/tr <tr><td width=\" 5 o ·· \" bgcolcl>""' "JI !''F?F'FE'\" claSS'-"\ "lcibel2 \ ">Tangga l Mu-1. cl l cut i <I tel> <td width=\ "10~--\" class=\ "txtlOh\ ">$d2 [mulai) </td>-~/tr> <tr><td width=\''50~\'' bgcolor~\''ffFFFFFF\'' class=\''label2\''>TAnggal Selesai Cuti</td><td width=\''10~\'' >Sd2[masuk]</td></tr> <tr><td width;\''50:\\'' bgcolo:=\''ttFFFFFF\'' ~lass=\''label2\''>Jumlat Cut:~/td> <td width=\''101\'' >$d2[lama]</td></tr> <tr><td width""\" 50-~ \" bgcolor=\ "#E'FFFFF\ 11 align""'\'' .r1.yht\" Clctss==\ 11 lab212\ ">Alama t Cuti</ td> <td width=\ u30-:.\" ><input si:::e'"'\"3.':J\" class"'\ "inputext\" value=\"$d2 r alamat] \ "></td></tr> <tr><t.d width=\" 50> \" bgcolot:'·~\ 11 #FFFFFF\" align=\" right\" class=\" label2\ ">.rl.ldsdn Cuti</ td> <td width=\''30;\'' ><input size=\''35\'' class=\''inputext\'' value=\''$d2[alasan] \''~~/td></tr> <tr><td colspan=\ "2\" width""\ "50 -c\" bgcolor~=\ "ll:?FFFFr\" align=\ "center\" class=\''txtl0h\''>$d2[status)</td></tr> <tr>~td width=\''SO~\'' bqcolor=\''#FFE'F~F"\'' <lliqn=\''riqht\'' C]Ass=\''la~cl~\''>CAtat0n</tct> <td \!JJ.dt!i·-\":~fr'\" L1y·o]r;r \"Jll'"Vl·'l·'l·'V\" .1li 1111 \ 11 (·•·1i!1·r\" r·i.i:;;; \"l;.l l{ll,\"<;,_J;-:1,,.,(.1\.i11I /!<L,/lt

<tr><td colspan=\''2\'' bgcolor~\''ffF~FF~'b'\'' align~\''center\''~&11bsp;</Ld·</tr~ <tr><td col span=\" 2 \" bgcolor=\ "# FFFFFF\" ali9n~\ "center\" ><input. ty~E '-"'\ "sutrnJ. t \" class=\ "button\" value=\ "PE:RSETUJUJ.l-J·l CUTI\" name,-~\ "kirim\ "></ td>< /tr> <tr><td width=\''50~\'' bgcolor=\''#FFFFFF\'' align:\''right\''>&nbsp;</td><Lcl width=\''30~\''></td></tr>''; ?> </table></td></tr></table~~/td>

<t.d background="irna\_1 1:/b(J_ r.i9ht::'..q.if"" h'tdth~'"l" ···.1mq sr-c"""Jrn;1qf:/b(: rl('ht·).q1f" ··/td <?tc~p1("GO(J 11 );?>·'/\-1 ··/1·1:;0,!y.--?Ji,1'-t.ih();"f. <I tc, blr'-' >< /Lody ... <I cr,n I ,_. r .-'-/I 1 l Hi:

<? session start(); include-"cek session.oho"; include "serVer.php"; include "config/data. php";

di _b,:i r u cut l _ php 141

5 $data=mysql query{"select * from japos where nik="'$nik' "); Sdl""mysql fetch array ( $dat:a); if ( $dl [status l ""~"O") { $dl (status) '"'"J-\kti f"; } else { $dl [status] ="Cuti" ; l - -if($kirim) {$d"='mysql __ query(''select *from japes wfHc're nik:=:'$ni%:'"); $dd ta=mysq1 __ fetch_ d r rd y ( $d 1 ; ~~ yt:'d i·=d,1 t °"' ( "Y") ; if ( $ j eni S"""'' "bes a r" J ! :;;,,, r rd y=" $ j <'.'ni s ''; $ l dlna ~~cJ ~1; l cl se ! $a r rd y=" t ~1 :~y.~a r"; ! $tanggal=mktime (0, O, 0, $b, :;;t, $y); if ($lama <"" $data [$array]) ( $add=mysql_que:ry("INSER'l' INTO data __ cuti ( id , nama , nik , n.lk atasan , nik divisi , mulai rnasuk , lama , jenis , alamat , alasan , catatan , ta.nggal , stEitus , al:tiv<::Si ) VALUES (' ', '$data[namaJ 1 , '$data[nik] ', '$data[nik atasanJ ', '$data1nik divisi] '$t I $b I $y', • 1 , '$lama', '$a.tray', '$alamat', '$alasan 1

, ' ' 1 $tanggal', '0', 1 0')");

include_once "/config/func.php"; message{"Cata Cuti Telah 'l'e:rkirim"); J} ?> <html><head><title>Da ftar Baru Cuti Karyawan</ ti tle><link href"""·:::ss/ . .=;tyle. css" rel="stylesheet" type=text/css></head> <div align=center><body bgcolor""#CCCCFF><tab1e width="lOO /," beig::it="600" cellpadcl.i.nq="O" cellspac;ing-=="l" border,.,,"0"> <tbody bgcolor;::;jfFf:'Fl:''FE'><tr><'? tepi { "600" J ; ? > <td background="image/bg_right2. gi f" width=" 1 "><i.mq src=" image/b9_rii;ht2, gif" ></td> <td width="8Q'.'.." bordercolor=#330066><table cellpadding="O" ce3"lspacir-q=''0" bor.der~'"O" width=''lOO~'' height=''lOO~''>

<tr valign="top"><td> <? lg atas{''atas ad'',''image/mer1l! utama kary.gif''); bai11(}; ban2{ 1'cek lor;in.php",-"tdrnpil. cut·i _1-:ary.php","lc,qout .php"); echo"< tab.le d 1 iqn -~=ccn t.• __ , r. b\JCO J •H · "JI 1··1:·!·'1"Fl" 11 cv J I pd'Jtl i !!'-J .·" 0" ,_.,_. 1 I ~;p,i" t 1 ,, J "o" li~J 1d,_.1 "n" height=" 100<·, "> <tr><td valign="top" >"; $thn=date ( 0 Y"); $thn2=$thn+l; echo"<table: border""\ "0\" width=\ "600\" c-o-llspacing=\ "S\" cellpaddtnq""'\"3\" a-1.iqn=cc:n\'<-'",r.~

<tr.><td bgcol.or~-!fl''fo'i·'!·'!•'~' r:ol:.;pdn··? !lOJ'l•:I \"J(l\".·1,1ib:;1;;·-_/\(j;·· /l r f(_;!m !!l•}l.l1rHJ \"!J();;•1•\" action=\''$PHP SELF\''> <tr><td colspan=\"2\" bgcolor""'\"#CCCCFF\" align=\"center\" cla.ss,~\"label1\":--<B>H J-\ LAM AN P E N G A J U A N C U T I </B></td></tr> <tr><td width=\''100~\'' colspa11=\''2\'' align=\''center\'' class=\''lal>ell\''> <b>$dl[nama)</b></td> </tr> <tr><td width=\''100 ,\'' colspan=\''2\'' align=\"center\'' class=\''lal1el.l'.">$dl[11ik]</tci~</tr> <tr><td width""\" 100 ·,: \" col span""'\" 2\" align:.:::\ "center\" class=\ "tzt8h\ ''>Pen<;ajuan Cuti </td> </tr> <tr<td width=\ "100'.;, \" colspa1v00 \ "2\" al.tgn;;:o\ "center\" class=\ "labelJ. \ ">Sisa Cuti 'l'ahunan Jtnda \" $dl[th2005. \''</td> </tr> <tr> <td width=\ "300\" bgcolor=\ "#FFFF!?F\" align=\" r.:..ght \" class~:\" l<:J.1el2\ ">Mulai Cuti Tanggal</td> <td width""\ "350\ ">&nbsp; <select size=\ "l \" name=\ "t \ "> "; $tanggal::::date { "j "); for ( $t=$tanggal; $t<=31; $t++) ( echo"<option value""\ "$t \ ">$t</option> "; ) echo"</select><select size=\" J.'" name:::::\ "b\ ">"; b=date("n") ;$bln=array("Januari", "Pebruari", "Maret", "April", "Mei', "Jun_i", "dtil.i ", "f\gustu~;", "Sep tember", "Oktober'', "Nopember", "Desentber"); llhile ( $b<l3) ( $bb= $b~1; echo"<option vcilue=\ "$b\ ">$b1n [$bbl </option>"; ~:b++; echo"</ select>< select si Ze""\ "l \" ndme""\ "y\" class=·-\ "inputext\ "><cpt ion value=\"$thn\">$thn</option><option value""\"$thn2\">$thn2</optior> </select> </td></tr><t~> <td width=\ "300\ '' bgcolor=\" llFFFFFF\" align=\" right\" class:=\ "latel2\ ">Lama cut.i <./td> <td width""\ "350\" class"-"\ "txt7h\ ">&nbsp; <select size""\" 1 \" name"'\ "1 ama\" clf.tss..co\ "inputext\ "> "· for ($1=1; $1<=10; $1++) ( ecbo"<option vaJ ueo:::\ "$1 \ ''>c~l</option>";) echo''<option value=\''15\'';.q~~/option>~/sP]Pct> h~ri~/td></tr· ·r r> <td width=\" 300\" bgcol or--\" II vr·r··i~·vr~·\" <1 I i 9n-~ \" r 1 yht \" c l.<1~·;~;-· \" L1Li(: ! ~:\" ·d<-~11 i :·: cut 1 Y .i 1111 Diambil</td> <td width=\''350\'' class=\''txt7J1\''~<i11pL1t type=\''radio\'' valu0=\''t<lhu11an\'' checKeo name=\ "jenis\ ">'l'ahunan <input type=\ "radio\" value=\ "besar\" name:""\ "je_nj_s\ ">Be~;ar<inp\1t t.ype 0~\ "radio\" value=\"alspen\" name""\"jenis\">AJFJsan Penting</td></tr> <tr><td width=\ "300\" bgcolor0=\ "JIFE'l:~E'C"'F\" align=o\ "r igl1t\" clas,-5""\ "lab<-•12\ ">Alama t Cuti</ td> <tct width""\ 11 350\ 11 > Snbsp; <t:(')}\ tart.1a cJ. .JlflS""\ ".inp\-l t.;.;<;1: \" rowsm\ '' ;~ \" 1Huno"·' \ "ril;,1ma :: \" cols=\"33\"></textarea> </td></tr> <tr><td width=\ 11 300\" bgcolor=\ 0 JIFFFFF'F'\" align=\" right\ 11 class=\" lab,::12 \ ">AJ.as<in Mr;nga1.1bil Cuti</td> <td width=\ "3SO\ ">&nbsp; <textarea class""\ ".lnpute;{t. \" rows"'\ "3\" ndm•O'-·\ ",1lasa'.1\" cols=\''33\''></textarea></td></tr> <tr><td colspan=\"2\" bgcolor=\"JIFFFFFF\" alJ.gn,,,,\"right\">&nbsp;</td></tr><tr>

<? session start{); inclucte11cek_sess1on. php"; include"server..php"; include once "config/data. php";

up __ dL_ Y:a ry. php 142

$data2~ffiysql query ('_'select nama, nil-:, tingkat, j abdtrin'. posisi, nik..,..a tas~:l' ,_ nil: .. _d.1 VlSJ., status japos,JabataTi,posisi where id_jab-:=::J..djab ard 1d_pos::o:1_dpos and n1k"' 1 $n·!k'"); !';d2=mysql fetch arra'j{.';;datd2j; $dpt=mysql- num :Cows ( $da tzi2) i

if ($ki1:im) {if {$dpt="""O") { mysql query{"INSER'r INTO japos ( nama , nik , tingkJ.t , idjab , i.dpos , n.ik __ atas,1n nik ctivisi , status , hak akses , besar , th2004 , tl12005 , a:..pe:-i 1 password l VALUES ( -·~;nama', '$ni~:', '$tingkat', '$jabatan', '$posJ,Sl', '$nik_ata~;an', ';lnil-:_.divisi', '0', '$akses', '45', '12 1

, '12', '12', '$pass')"); mysql query("INSERT INTO k,'11·yawan (namd, nJ.J.:) value ( 1 $nama','$n1}:')"); 1

include once "/conf1g/func.;1np";mes.scige("Data Cuti l'eldli 'rerkJrJm"), J

?>

from

<htrnl><head><title>Update Data l\aryaHan</ti tle>< link h.ti'!f~"css/ style - cs;:;" rel="s(yJesheet" type-=text/css></head> ~dJ.v align~ce11ter>~body bgcolor~ttcCCCFV>~t.1ble widt!1-''lOO~'' l1e1gl1t=''1SO'' re] lpadd1ng=''O'' cellspacing:''l'' border=''O''' <tbody bgcolor=ttFrFE"FF><tr.··:?t~pi{''4SO'');?.• <td background=" image/bg_ right2. gi f" width""" J "><img src'-""J.maq0/b9_ric:,ht2 - gj. f "></td> <td width:::"So·,·_" borde1:colo:r=Ji330066><. table celJ.padding"""O" c~.1 lspacitl(J"""O" border~"O" width=="lOO·i" height="100:'"> <tr valign:o:"top"><td> <? lg atas("atas ad", "image/menu utama kary.gif"); ba01(); ban2("cek login.php", 11tampil cuti kary.php","logout.?hP"); ?> - - -·-

<table bgcolor="ilFFFFFE"' C<'.'l] pa.dding"""U" cellspac.1ncf"'"O" border:c:''O" h·: 1 qht=" .LOO align=center><tr> <td>&nbsp; &nbsp; </td><td valign="top" align=center><table bo":der"- "0" •.-11dth'-"'" 100 · cellspacing="tl" cellpaddJ_ng="2" align"'cl?nter> <tr><td height=5 bgcolor.=JI t'FFFFF ::iorder"'" .!.O">f,nbsp: &nbsp; </td </t r><fQrm method"'" POST" action="prose:o; up data.php"-· <tr><td colspafl,,,,"2" bgcoloro::"llCCCCFf" cldSS"'txtlOh align:oc.center>Ubdh Dr~ta K<>ry,1wan</td></tr> <tr><td height=S bgcolor=#FFFFFf' border="lO">&nbsp; &nbsp;</td></tr> <tr><td 1t1.idt}):::,"50','_" bqr.olor "/Jl·'!"f"VF'F" a!1,·1n ·-ri,_;lll" r:l<1:i:; J,ihr·!):-Hdnld il'J, <tel width="7T:."><input L:;pr:- c"t_,,_.;{L" :;,l Z!·-0 '5'., cJ ;,;-;;;·-- i tl!;•JLc:;d_ fl,·1m1• "11dtn<1"

value="<?echo$d2 (narnaJ ?>"></td></ t_>:-> <tr><td width="50't:" bgcolor="#FFFFFF" align="right" class=label2> NI!\</td> <td width"""731'"><input type="te:.:t" name="nik" class=inputext size="2l" ''alue="<?echo$d2 [nik] ?>"></td></tr> <tr><td Hid th=" 50~1," b~Jcolor="JIFFFFFF" align==" right" class""label2>Jabatan</ td> <td width=''73~''> <input type=''text'' name=''jabatan'' class=Jnputext SJ7e=''29'' value=''<?echo$d2[Jabatan]?>''></td></tr> <tr><td width~"SO,'." bgcolor"'"-"llF'fFFFF" aJ.jgn="ric_;ht" class""lab,~12>Tempat Kerja...::/td> <td widtlF""73":"> <input typ~-':"""text" name="posis.i" class""inpute:,:t siZf''""29" value=''<?echo$d2[posis1]?>''></td></tr> <tr><td width=" SO',\" bgcol or""-" !f E"FFFFF" dl.ign=" right." cl,1ss""ldbeJ2>NIK F•.l".asan</ td> <td width="73:~"><input type"""te;~t" name="nik_at,"Js<Jn" class=inputi:;,;{t s.,.ze:::·"2J" value="<?echo$d2(nik atasanJ?>"></td></tr> <tr><td width=''50%'' 6gcolor=''#FFFFFF'' align=''right'' class=label2>NIK Divisi</td> <td width="73~'"><input type="text" name="nik divisi" c.lass=inputer:t size""''21" value="<?echo$d2 [nik d:i.visi] ?>"></td></tr> -· <tr><td width=" sor;;" bgcolor=" ii FF?FFF" al 1.gn=" r.1ght" class""labe~.2>.Sta ti.is</td> <td width="73'~" class=tnt7h><input type="radio" value"""O" name"0 "statu3" checked>Akc.i fr-nbsp; &nbsp; <input type="radio" value'-""l" name="stntus">Cuti</td></tr> <tr><td width=" 50 S;" bgcolor""" JI r~FFFFF" <11 ignc~" right" cl ass=Jabel2 >Ila k P..f:ses < J t.d> <td width,~"73'1,"><input typ!~~"tP.;{t" namr~'""rd.k atasan" class""'inp11t1.<-:t :-; ; :-:•~=--":'.J" ·</td> /\' r> <tr><td width=" 50','," bgcolo-:="H FE'FE'FF" align'"" r.ight" clciss=.L1be12>Pussword</ td> <td width="73%, "><.input type="text" name"""nik_atasan" clas;):ooinpute;{t ::· i ze="2 J ,. ></tcL </tr> <tr><td height=S bgcolor=JIFFFFr·r border="lO">&nbsp; &nbsp; </ td></t::> <tr><td colspan:=:2 bgcolor~'"liF'FFFFF" Hidth"""73~=" aliqn:o:::center><i nput type"""submi t" class="button" value""'" S I M P A N " name""'"kirim"></td> <.:/t.r><tr><td height=S bgcolor=llFFFFFF border=" 10" >F-nbsp; r,nbsp; < /td><,'t.r> <t t"><td hoigh tJ<5 bqcoloJ:'~ II F"F'Fi'~E'f" bo t:ck~ r"''" 1 l) ">& nhnp; r. nt>sp; <I td ><../tr></ fn rm>'; It. ,,bl,;>< I td ><It r> </table>/td></tr></table>~/td>~td backgrol1nd=''image/bj_right2.gif''>~1mg

src="image/bg right2.qi f" border"""O"></td> <?t~pi(''450'')~?></tr></tt10dj~<?hawah();?:·</Lat>I~> </body></div></html>

<7 session_start(); include"cek_session. php"; inc1ude"server.php";

cetak.pl1p 143

$hr= 12 · $d::::my~ql_query("select nik,nan1a,jabatan,BP,posisi,status,nik_atasan,nik_divisi fron1 japos,jabatan,posisi where id_jab=idjab and id_pos=idpos and nik='$nik"'); $data= mysql.Jetch_array( $d); $d2=ff"!ysql_query("select *from data __ cuti where nik='$nik' order by id desc lirnit 1''}; $data 2 =my sq l_fetcl1_array( $d 2); $d3=mysql_query("select *from japos where nik='$data[nik_.atasan]"'); $data 3 =my sq l_fetch_a rray( $d 3); $d4=mysql_query("select *from japos where nik='$dnta[nik_.divisi]"'); $data4=mysql_fetch_array($d4); $cs=$hr-$data2[1ama]; if($data2 [status]==" 1 "){ $kep="Disetujui"; $data2[1ama] =$data2[1ama]; $n1ulai="<b>$data2[n1ulai] </b> s/d < b> ~;data2[rnasuk] </b>"; }else{ $kep= 0 Tidak Disetujui"; $data2(1ama] ="-"; $mulai ="- 11

;

} ?> <htff!I> <head> < n1eta http-equiv="Content-Language" content="id"> <meta http-equiv="Content-Type" content="text/htm!; charset=viindows-1252"> <title>Laporan Cuti Karyav1an</title> <style><!--body { font-fan1ily: Arial; color: #000000; font-size: 14pt }--> </style> </head> <body> <div a!ign=center> <table border="O" width="600" cellspacing="O" cellpadding="O"> <tr><td> &nbsp;</td><td align=center> <p a!ign="left" style="n1argin-top: lpx; margin-botton1: lpx"><br> <font size=" 2" > &n bsp; &n bs p; &n bs p; &n bsp; &n bs p; &n bs p; &n bs p; &n bsp i &.nbsp; &n bs p; &n bsp; &n bsp; &n bs p; &n bsp; &nbsp; &n bsp; &n bsp; &n bsp; &n bs p; &nbsp; &n bsp; &n bs p; &nbsp; &n bsp; &n bsp; &n bsp; &nbsp; & n bsp; &n bs p; &n bs p; &nbsp;&nbsp; Lampiran&nbsp; :&nbsp;&nbsp;Keputusan Direksi Sun1ber Oayci Mc:1rusia Perusahaan Perseroan</font> </p> <p align= 11 leftH style="margin-top: 4px; n1argin-bottom: Spx''> <font size= "2 11 > &nbsp; &n bsp; &n bsp; &nbsp; &nbs p; &nbsp; &n bsp; &n bsp; &n bsp; &r bsp; &nbsp; &n bsp; &n bsp; &n bsp; &n bs p; &n bsp; &n bsp; &n bs p; &n bsp; &n bsp; &n bsp; &nbsp; &n bsp; &n bsp; &n bsp ,: &n bsp; &n bs p; &n bs p; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &nbsp; &nbsp;&nbsp; PT. TELEKOMUNIKASI INDONESIA, Tbk</font> </p> <p align="left" style="1nargin-top: 4px; margin-bottom: Spx"> <font size=" 2" > &n bsp; &n bsp; &n bsp; &:i bsp; &n bsp; &n bsp; &n bsp; &n bsp; f, n bsp; &n bs p; &n bsp; &n bsp; &n bs p; &n bsp; &nbsp; &n bsp; &n bsp; &n bsp; &nbsp; &n bsp; &n bsp; &n bsp; &nbsp; &n bsp; 8tn bsp; &n bs p; &n bsp; &n bsp; &n bs µ; &nbsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bs p; &n bsp; &n bsp; &n bsp; &n bs p; &nbsp; &n bsp; &n bsp; &n bsp;

&nbsp; &nbsp; Nomor&nbsp; &nbsp; &nbsp;&nbsp; :&nbsp; KR.10/PS.360/SDM-12/1997 </font> </p> <p align="left" style="n1argin-top: 4px; n1argin-botton1: Spx"> <font size="2">&n bsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nosp; &nbsp;&nbsp; &i1bsp; &nbsp; &n bsp;&nbsp; &nbsp; &n bsp; &n bsp; &n bsp; &n bsp; &n bs p; &n bsp; &n bs p; &n bsp; &n bs p; &nbs p; &n bs p; &n hsp; &n bsp; &n bsp; &n bs p; &n bsp; &nbsp; &nbsp; &nbsp;&n bsp;&nbsp; &nbsp;&n bsp;&nbsp; &nbsp; &nbsp;&n bsp; &nbop; &nbso; &nbsp;&nbsp ;&nbsp; &nbsp;&nbsp;Tanggal&nbsp;&nbsp; :&nbsp;2 Desember 1997</font> </p> <hr> </tr> <tr> <td colspan="2"> <p align="center" style="margin-top: lpx; margin-bottom: lpx"><br> <font size="4">PERMOHONAN / LAPORAN CUTI KARYAWAN</font></p> <p align="center" style="n1argln-top: lpx; margin-botton1: lpx"> <font size="4" >NO : TEL&nbsp;&nbsp;&nbsp;/PS360/CISC-30/2005</font> </r> < p align="center" style="margin-top: 4px; marg1n-botton1: 5px">&nbsp; </p> <p align="left" style="margin-top: 4px; margin-bottom: Spx">A. <u>DATA PEGAWAl</u></p> <table border="O" width="l00°/o" ce!lspacing="O" cellpadding="O"> <? echo"<tr><td width=\"160\"><p style=\"margin-top: 4px; margin-bottom: 3px\">1.&nbsp; Nam a/ NIK</td> <td><p style=\"margin-top: 4px; margin-bottom: 3px\">: $data[nama]&nbsp; /&nbsp; $data[nik)</td></tr> <tr><td width=\" 160\"> < p style~\"margin-to,): 4px; margin-bottom: 3px\"> 2. :ingkat</td> <tc> <p style=\"margin-top: 4px; margin .. bottom: 3px\">: $data[BP] </td> </tr> <tr> <td widtli=\"150\"> <p style=\"maigin-top: 4px; margin-bottom: 3px\">3. Jabatan</td><td> .,-'n eht!o-\"n">::>i-nin-+-nn• Anv• m::>i-nin-hn+-+-n1"' ~nv\"-.,.• <trl::ii·::ifi::>h::>t-::>nl.,,-/t-r!-.,.<!'"/-l'i-'-, .,,-r.--.,,<!'"tr! lhrlrHh=\"ih!l\"·".>-

cetak.php 144

o <tr><td width=\"160\"><p style=\"margin-top: 4px; margin-bottom: 3px\">5. Lama Cuti</td> 1 <td><p style=\"margin-top: 4px; margin-bottom: 3rx\">: $data2[1ama] hari '<erja</td></tr> 2 <tr><td width=\"160\"><p style=\"margin-top: 4px; ma;gin-bottom: 3px\">6. Alamat Cuti</td> 3 <td><p style=\"margin-top: 4px; margin-bottom: 3px\">: $data2[alamat]</td></tr> 4 <tr><td width=\"160\"><p style=\"margin-top: 4px; margin-bottom: 3px\">/. 11lasan Cuti&nbsp; </td> 5 <td> <p sty!e=\"margin-top: 4px; margin-botton1: 3px\">: $clata2[alasan] </td></tr> 6 <tr> <td width=\" 160\">&nbsp; </td> <td> <table border=\"O\" widtli=\"105%\' cellspacing=\"0'"

cellpadding=\"0\" > 7 <tr><td width=\"215\"><p style=\"n1argin-top: 4px; n1argin-botton1: 3px\">&'1bsp; </tj><td valign=\"bottom\"> 8 <p align=\"center\11 sty!e=\"margin-top: 4px; n1argin-botton1: 3px\"> Madiun, ··;echo date("d M

Y" ,$data2[tanggal] ); 9 echo"<br>Pemohon,</p><p align=\"center\" style=\"margin-i·op: 4px; margin-b~ttom: 3px\">&nbsp;</p> o <p align=\"center\" style=\"margin-top: 4px; margin-bottom: .'3px\"><u>$data[nama]<br></u>NIK:

$data[nik] <br> .l. &nbsp; </td> </tr> </table> </tel> </tr> :2 <tr><td colspan=\"2\"><p style=\"rnargin-top: 4px; n1argin-bottom: 3.?x\">B. <u>CATATAN PEJABAT

KEPEGAWAIAN</u> </td> </tr> :3 <tr><td width=\"200\"><p style=\"margin-to~: 4px; margin-bottom: 3px\">l. Cuti tlin 2005</td> 4 <td> < p style=\"margin-top: 4px; margin-bottom: 3p>:\">: $hr </td> </tr> 5 <tr><td width=\"200\"><p style=\"margin-top: 4px; margin-bottom: 3px\''>2. Cuti yg diarnbil saatini</td> 6 <td><p sty!e=\ 11 margin-top: 4px; n1argin-botton1: 3px\">:

< · 1 > $data2(1an1a]&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; </u> </td> </tr> 7 <tr><td width=\"200\"><p style=\"margin-top: 4px; margin-bottom: 3px\">3. Sisa Cuti thn 2005 </td> 8 <td><p style=\"margin-top: 4px; margin-bottom: 3px\">: $cs </u></td></lr> 9 <tr> <td width=\"160\">&nbsp; </td> <td> <table border=\"0\" width=\"100%\" cel!spacing=\"0\"

cellpadd ing= \"0\"> 0 <tr><td width=\"215\"><p style=\"margin-top: 4p:<; n1argin-botto1n: Jpx\">&nbsp;</td><td va!ign=\"bottorn\"> 1 <p align=\"center\" sty!e=\"n1argin-top: 4px; margiri-botton1: 3px\"><span styiP=\"text··transform:

uppercase\">ss. support</span> < br> </p> 2 <p align=\"center\" sty!e=\"margin-top: 4px; margin-bottom: 3px\">&nbsp;</p><p align=\"center\"

style=\"margin-top: 4px; margin-bottom: 3px\"> 3 <U>$data4[nama] <br> </u>&nbsp;MIK :$data[nik .. divisi] <br>&nbsp; </td> </tr> </table> </td> </tr> 4 <tr><td colspan=\"2\"><p style=\"margin-top: 4px; margin-bottom: 3px\">C. <u>KEPllTUSl\N /PENETAPAN

PEJABAT YANG BERWENANG</u> </td> 15 </tr><tr> <td colspan=\"2\"> <p style=\"rnargin-to;:;: 4px; n1argin-botton1: 3px\">&nbsp;&nbsp;&nbsp;&nbsp; 6 $kep&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &:ibsp; &nbsp; &nbsp; selama :&nbsp;&nbs~; 8-.nbsp; &nbsp; (

<b>$data2[1ama] </b>) hari kerja<br> 7 &nbsp;&nbsp;&nbsp;&nbsp; Mu!ai tangga!&nbsp;&nbsp;&nbsp; $n1ulai</td> </tr> 8 <tr><td width=\"160\"><p style=\"rnargln-top: 4px; n1argin-botton1. 3px\">&nbsp;</td> 9 <td><table border=\"0\" widtll=\"100%\" cellspacing~\"0\" cellpadding=\"0\"> 0 <tr><td width=\"205\"><p style=\"margin-top: 4px; inargin-bottom: 3px\">&nbsp; </td><td

valign=\"bottom\" > < br> 1 Pejabat yang berwenang<br></p><p align=\"center\" style=\"margin-top: 4rx; margin-botton1: 3px\"> 2 <p a!ign=\"center\" style=\"margin-top: 4px; margin-bottom: 3px\">&nbsp;</p><p align=\"center\"

style=\"margin-top: 4px; margin-bottom: 3px\"> 3 <u>$data3[nama] <br> </u>NIK : $data[nik_atcsc:n]</td> </tr> </table> </td> </tr> "; 4 ?> 5 </table>&nbsp; </td> </tr> </table> </body> </html>

<? session start(); session-i...:nregister("nama"); session - unregister ("password"); include- .... /config/data. php"; ?>

index. php

<html><head><ti tle>Login</t:itle><linr: hret=" .. I css/ style. css" ::·el=" st:ylesheec" t.ype=te;{t/ css></head ~, <div aliqn=center><:br>.-:br/":body bgcolor=~!CCCCFt;'> <table wj.dth=800 height=400 cellpndding=''0'' c0llspa :1r1g=''O'' bo~der~''l''~

~tbody bgcolor=#FFFFFf><tr><?tepi(''350''l;?>

145

<td background""'" .. /image/bg right2. gi f" width:"" 1 "><im'] src~" .. / image/bg __ right2. g1 f" ></tel> <td •..:idth="80:t "><tabl•:: cellPadd.ing="O" cellspacing="O" bordEr"""O" wic.<t h='' loo-'" height="lOO :, "> <tr valign=-"top"><td> <? lg atas ( "atas ad"," .. /image/menu utama login. gif"); ba\11(); ban3("A D M JN IS 1' RA'!' O P"J; ?> <table. bgcolor""'#E'!'.~FFFF bor:dero: "O" cellpadding="O" cellspacJ..ng=-"O" WJ.c:th"°" 100 1. <tr> & nbsp; </tr><form method=;.)os t ~ict ionc:::cek _,_109. php> <tr><td bocder=4 align=right width=SO~><fo11t color=#330066 size=3 facc~"""vr~rcL;na"><b>Nl\MJ\f-r1b~·;p; 1,nbsp; ,·_/J;,,</font , .. j1 d <td width=5Ql!,><input c.lasS"''"input0xt" type"'·text size"'·' ma:<l•..olHJth~0 G u<1mt:-'Hdmil ,</t:d .... /Lr <tr><td border=4 align=right width=50';\><font color=J/330066 size=3 face="verdana "><b>PP.SSWORD&nbsp; &nbsp; </b></ font></td> ,. t d w:i d th,,. -"'iO -. >,,--input c 1 a~; ;;; 0 -" "i nt,\l t ("X t " t ypr•·,·pa ~;:-•1;-10 rd .c;) ze 00 ] 0 rna:.: 1Pnqll1 - I () n,'llll'"""PEl .o;.swo rd:></ tel·,< It r > ,·tr><Ld l\1.''1(jill "!U" ''•.il:;f'•111 "/".·f,1i!1:;1,; /t•I,· /11 <tr><td height"""30" coJ.span°= 11 2" heighl'. 0·""10" alJ.~1n·-:-"ceT1L-<=J 11 .'<.1JJpuL cl;1::;;:_;: .. "i.JuLtori" Lyp(· "~-.ubm.il"

name="login" value="L o G I N"></td> </tr></form></table></td></tr></table></td> <J.d bitCkqrOJ.Ji!d-:-" .. /itrldrj(·:/fl'j l i'Jit1·/..rji f">·· irWJ ·r\· .. /l!Uil(jP/lJ•j r'J(jl\l·;.'..'fl f·" bO:'d<.''r--"(J"></t·(f) <?Lepi("'1~i{l");?></tr>'-/lb()dy," l_J,•' l.d it-1.ldtli 10' b'JC(JJ(,r_ lf(;{;(:(:}>'I•' l.1i>l1 JJ:;p.p·111•1 ll ,.,,IJp.-1d1111_1 ll border=O width=lOO-'J;> <tr><td>&nb.sp/</td></tr></table></td><td colspan=J ~;idth=80", height=-<,·> <table cellpadding""O cellspacing""O border""(' width=lOO'i height,"'5'»> <tr><td background""' .. /1marj,_/b9 r1ght?.q1 I dl1gn-c1-nter_;o<Jrn9 :-Jr( r-. /1n iqe/bg r..iqhL2.g:i_f v:,:;p<H .. e""-0 height=5.'.> <font color:::.J~330066 face""\ "Comic San~-.; MS\" ><b>CopyHight@meJ.':005</b>·-1 font></ td>·~ I tr>--/table> </t i><td width=lOi, bgcolor=JICCCCFF><:. table ce.:.lspacing=O cellpading;;;(l border""O wiclth=J. Q(l'i ><tr> <td>&nbsp;</td></tr></table></td></tr></table> </body></div></html>

<? session start\); include-" .. I server. php"; $data=mysql query ("select • from adm.l.n 1,,rhe.re 1d:=' i' "); $dl=mysql tetch array($data); if ($nama=;;$dl [uSer] && ~::pa.ssword==$dl [password])!

session register ( "nama");

else

session-register ("password"); include("./menu_utama adm:tn.php"); exit; }

include ",. /config/func.php"; message ("Password 'l'iclak di Kenal S.1lc;hkan LOIJln Kemball 11

);

include "logout. php"; e:-:it ();

?>

<? sess on start(); sess on unregister(''nama''); sess on-unregister("password"); sess on-destroy(); include - once " .. /con fig/ func.php"; go ("index. php 11

) ;

'?>

logcut. php

<? session start(); include-" .. /cek session.phr"; include " .. /config/data.php"; include('' .. /server.php''l; $data=mysql query ("select '" f.r:om japos where nik"-"' $ni.k' "); $dl=mysql_f"0tch_ array ($data); ?>

"!46

<html><head><ti tle>Menu Utarr,a Admin</ti tle><link hre.:""" .. /css/ sty.le. css" rel="stylesheet" type=text/css></head> <body bgcolor=#CCCCFF><table width="100~--" height,,,"600" cellpadcU_n9="0" cells:::iacing=" l" border="O"> <tbody bgcolor=#FFFFFF><tr><?tepi(''600'');?> < td bdckground"'", . / im,1ge/bg_ right2. gi £" widtlr~" 1 "><img src""" .. / int::1ge/l~g ~-righl2. gif"></ td> <td width'"'"'80'$" borde:rcolor'-"Jl330066><table cellpadding="O" cellspacin-J"""O" border"""O" width°""" 100~" height=" loo::,"> <tr valign=''top''><td> <? lg atas("atas_ad"," .. /imaqc,/1wo-nu ut,1111,\ adrrnn.qif"); bai-11 () ; ban2 ( "m8nu __ utdinil .. __ ,;1dHu n. php", "l ,-imp i I __ cul _1_ __ ddm.1 ri. f!h;1", "I "(jriul · l"il'"); ?> <table bgcolor=" llFFFFFF" cellpadding="O" cellspaci '1g="O" border="O" h~ight=" 100·-:. "><t t·>

<td>&nbsp; &nbsp; </td><td val:i..gn""~"top" width""100> <table bgcolor:o-:"#FFFFFF" width~"50" cellpadd.i.nq="O" cellspac.i.n9"""3" border="O" valign="top"> <tr><td height=l5 bgcolor~U~f·f·r~·f· l1o~der 0 "''!0''>&ribsp;inhsp;</tcl•~/l r <tr><td height=15 bgcolor'-"!f F'f!.''fl''fo' border'~" l O">S:nbsp; &nbsp; <'./ Ld ></li: <tr><td height=15 bgcolor""ilF'F'FFFF border=" lO">&nbsp; f,nbsp; </td></tr> <? linl: tepi(" .. /kary baru.php","df'_br_ad"," .. /.irnnqc,/df_br ).:,:,ry.qif","D<:1'.L<ir B<1ru k,1ry.1wdn"); link-tepi{"carj. culi adrnin.php",'1ca.li ad"," .. /image/(;ari.cut.i,r;i.if","Cdti cut.1"); lint-tepi { "indeX. php", "l:eluar _ ao", " .. /image/ kell'ar. gif", "Ke] u,l t:");

?> </table></Ld><td~&nhsp;·:/trt~

<tel Vdl1gn-"top" bdC)'9I0d11d " .. /Jmdqr·/11q J_l(jl1t;~_91/" widlh "!" lJW!

src=" .. I image/bg right.2. gif"></ td> <td>&nbsp; &nbsp; °Z/td.><td aligq=.center V-'llign=top> <table border=O bgcolor="llFFE'!i'FF" align=center cellspacing=l C('!llpad0:i..ng=l> <tr~<td colspan:S>&nbsp;&nbsp;~/td></tr><tr align~center>

<td hegiht~?O colspan=S valign=''top'' align=cenLer><font color~U3300G(, s1z~~4 face= 11verdana 11 ><b>DATA KARYAWAN<./b></font></td></tr> <tr><td colspan=S>&nbsp; &nbsp; </td></tr><tr><td width="25:~" bgcolor="!iCCCCE'F" alJ.gn=center cla ss=txt 1 Oh>~!J-\MA< I td> <td width"-'" 12':" bgco1or "f(CC\:C!·'!·"' .-11 iq•i -CCt\L(•/" 1::] d~;;f-;--lxt 10h>dJU1/1,'J'l-'J-l<.'Ld> <td width=''35~'' bgcolor=''#CCCCFF'' aliqn=center class~txt!Oh~~OSlS1</lC> <td width=" Sic," bgcolor="llCCCCFF" aligfi=center class 0"t:{t10h>Jl.DA</td> <t-d width=" 15~~" bgcolor=" #CCCC:FF" al ign""center cl ass=-txt 1 Oh>RF.KF.t<'.</ td ></tr> <? $datal=mysql_query{"select namd,jabatan,posisi,status from japos,jabatan,posisi where id_jab=idjab and id f'OS""'idpos or.der by ndnu"); $J.--=0; While($dl."-'mysql J:et'-~h c11:ray($data1)) else{$h=''Hadir''; )echo~<tr ~gcol0r=#''. ($i

il{$d\[3tatusJ~0 ~"i") ($11'' 'L:uti_"; 2 ? ''CCCCFF" : ''FFFFFF'') .''>

<td width=\ 11 25'-o: \" class""\ "t;{t7h\ "><a href=\''karyawan.php?id=$dl[id]&act=detail\''>$dl[nama]</a></font></t~> <td width""\" 12'!>\" cl,1ss=\ "txt7h\ ">$d1 [ jabatan] </ font></td><td widtlY""\ "3:-i, \" class=\''txt7h\''>$dl[posisi)</font></td> <td width=\ "8'/;\" align=center class""\ "t;-:t7h\" >~h</ font></td> ·:tr! cl,1ss·""'\ "l:-:t lh\" widtho=\" 15'1,\" align=center>&nbsp; [<a href=\ "hapus_data. php? .id""$dl [id]\ ".>HAPUS</ a> 1 </td></tr>"; $i++; I ?> </table></td></tr></i:able></td></tr></table></td> <td background=" .. I image/bg_right2. gif"><img src=" .. /image/bg_riglit;'. gif" border"'-"0" ></td> <?tepi ( "600"); ?></tr></tbody><tr><td width=10% bgcolor=#CCCCFF><tabl<:; cellspacing=(' cellpading=O border=O width=lOO(c> <tr><td>&nbsp; </td></tr></table></td><td colspan=--1 yvidth=8Q\'. height=~' > <table cellpaddingo::O cellspacing=-0 border=O width=l°bO'l height=S~i><t r> <td background= .. /image/bg_right2. gi f align=center>timg src"" .. I ircage/ 1:>g __ right2. gi f vspace=O height=5%> l] <font color""#330066 face""\ "Comic Sans MS\" ><b>CopyIT'l.ight@mel2005</b>· I font ></td> :./tr></ table> </ td><td width:o:l0% bgcolor=!'ICCCCFF>< table cellspa.cih>g=O cellpad:i..ng=O border""O width=lOO\\><tr><td>&nbsp; <./td></tr></table> '' </td></tr></table></body></html>

cari_cuti .. adn1in~code.ba.k

i <?php 2 include " . ./server.php"; include " . ./cek _ _session.php"; include " .. /config/data.php"; 3 ?> 4 <html><head> <title>Cari Cuti A\_imin</title> 5 <link href '"'" . .(css/style.css" rfd '"' "s! ylesLc•e\ ., I ypP ·0• "! ex1/css" > ~· /hectcl >.--:center 6 <body bgcolor=#CCCCFF> 7 <table border:::::"Q" width="l00°/o" height="600" c0llpadding="O" ce!!spacin~1="1"> 8 <tbody bgcolor= # FFFFFF> <tr>< ?tepi("600"); ?> 9 <td background=" .. /image/bg right2.gif' width="l"> <img src=" . ./image/bg right2.gif'> 0 </td> < td width= "80°/o'' bordercolor= :ft 330066> 1 <table cellpadding="O" cellspocing="O" border="O" width="l00%" l1eigl1t="25%"'> 2 <tr><td> <? lg_atas("atas_ad"," . ./image/cari_dt_cuti.gif'); banl(); 3 ban2("menu_utan1a __ admin. php", "ta n1pi!.,, cuti .. admin. php", "logout. php"); 4 ban3("Cari Cuti Karyawan"); ecl1o"<form method=post action=$PHP _SELF> 5 <renter> <font color= #330066 size=3 face=verdana> <b>NIK&nbsp;&nbsp; </b> </font> 6 <input class=inputext type=text l1eight=30 size=7 maxlength=6 name=nikp> 7 <i'1put dass=buttonl type=submit name=submit \talue=cari></center></form>"; 8 if(isset($submit)) {

117

9 $data=@mysq!_query("se!ect nik,nama,mulai,masuk,alasan fron1 data_cuti 1Nher2 nik !ike' 0/o$nikp0/;)"')

0 or die("ERROR"); $d2=mysql_fetch_array($data); 1 $data2~@mysql __ query("select th2005 from japes where nik like'%$nikp%'") or ciie("ERROR"); 2 $d3=mysql_fetch_array($data2); echo" 3 <table a!ign=center bgco!or=#FFFFFF ce!lpadding=O ce!lspacing=O border= 1 widtl1=800;o height= 100°/o> 4 <tr> <td width=12 bgcolor~#CCCCFF cl;iss~label3>NIK</td> 5 <td wldth=35 bgcolor=-=#CCCCFF ,:Jass=labe!3>Non1a</t:cl> 6 <td align=center wldth=200 bgcolor""·#CCCCFT c!ass""lo!Je!J_:.., !an9ga! Muld!</ld, 7 <td align=center width=150 bgcolor=#CCCCFF class=label3> Tanggal Selesai</tci> 3 <td width=SO bgcolor=#CCCCFF class=label3>Ketecangan</td></tr>"; 9 echo"< tr> <td width=\" 50\" bgcolor= \" JtFFFFFF\" class" \"txtl Oh\"> $d2 [ ni k] </Id> J <td width=\"300\" bgcolor=\"llFFFFFF\" class=\"txtlOl1\">';d2[namaJ</td> 1 <td width=\"200\" bgcolor=\"#FFFFFF\" class=\"txt10h\">$d2fmulai]</td> 2 <td widtli=\"200\" bgcolor=\"#FFFFFF\" class=\"txt10h\">$d2[masuk]</td> 3 <td widtli=\"100\" bgcolor=\"#FFFFFF\" clas,=\"txtlOl1\" align=\"center\">$d2[alasan] </td> :t- </tr></table> <br><br><div a!ign=center><font co!or=#330066 size=3 face=\"verdana\"><b> 5 Sisa Cuti :</b></font><input size=\"7\" class=\"inputext\" value=\" $d3[th2005]\"></div>";} 7> 5 </forn1> </td> </tr> </table> </td> 7 <td background=" . ./image/bg_right2.gif' width=''l"'> <img src=" .. /image/b!J_riqht2.gif'> </td> 3 < ?tepi("600"); ?></tr> </tbody> <tr> <td width= 10°/o bgcolor=#CCCCFF> l <table cellspacing=O cellpading=O border=O width~l00%><tr> J <td>&nbsp; </td> </tr> </table> l </td><td colspan=3 width=80% height=5%>

<table cellpadding=O cellspacing=O border=O width=100% height=5%><tr> <td background= .. /image/bg_right2.gif align=center> <img src= •. /image/b[1_rigl1t2.gif vspace=O height=5%> <font color= #330066 face=\"Con1ic Sans MS\" > <b>CopyRight@n1el2005</b> </font> </td> </tr> </table> </td> <td width= 10°/o bgcolor=#CCCCFF> <table ce!lspacing=O cellpading=O border=O v,iidth=l00°/o>·o:""tr> <td>&nbsp; </td> </tr> </table> </td> </tr> </table> </body> </center> </htn1!>

ta111pil_cuti_admin_.code. ba k

1 <?php 2 session_start(); 3 include ". ,/server.php"; include " .. /cek __ session. php"; include " .. /config/data. php"; ?> 4 <html><head><title>Tampil Cuti Admin</title> 5 <link href=" .. /css/style.css" rel="stylesheet" type=text/css> 6 </head> <center> <body bgcolor=#CCCCFF> 7 <table border="O" widtl1="100°/o" height="GOO" cel!padding="O" cellspacing==-"1" >

8 <tbody bgcolor=#FFFFFF> <tr>< ?tepi("600"); ?> 9 <td background=" .. /in1age/bg_right2.gif'' ~vidth=" 1"> <img src=" ,.fin1age/bg_right2.gif"> </td>

10 <td width="80%" bordercolor=#330066> 11 <table cel!padding="O" ce!lspac1ng="O" border="O" width-="100°/o" height 0="25°/0"><tr> 12 <td> <? lg_atas("atas __ ad" ," .. /image/tampil_cuti_admin.gif'); banl(); 13 · ban2("cek_iog.php" 1"tampi!_cuti_adn1in.php" 1"logout.php"); ban3("T-3n1pil Cuti Admin"); 14 echo"<h3 align=\"center\"> <font color=\"#330066\">$nix</font> </h3>"; 15 $data=mysql_query("select *from data_cuti"); ecl1o("<br>"); 16 echo("<table border=O cellpading=4 align=center>"); echo("<tr bgcolor=itCCCCFF>

148

1 ~/ <td align=center class=txt10h> <b> Nil<</b> </td> <td d!ign=center class=txtlOh> <b> Nan1a</b> </td> 18 <td align=center class=txtlOh> < b>Cuti</b> </td> <td a!ign=center class=txl:lOh> <b> Mulai Cuti</b> </td> 19 <td a!ign=center class=txtlOh><b>Selesai Cuti</b></td> 20 <td a!ign=center class=txt1011><b>Lama</b></td> 21 <td a!ign=center c1ass=txt10h><b>Status</b></td></tr> "); 22 $i=O; while($dl=mysql_fetch_array($data)) 23 { if($dl[status]=="1"){$h="Cuti";} 24 elseif($dl[status]=="O"){'>h="Danar";} 25 else{ $h="Dltolak"; } 26 echo("<tr bgcolor=#".($i % 2 7 "CCCCFF" : "FffFFI-"),">"); 27 echo("<td class=txt7h aHgn=center vJ:dth 70><font color 0.::.ff330066::."); 28 echo $dl["nik"]; echo("</font> </td><td class=txt7h width=200><font rnloc 11330066>"); 29 .. :cho $dl["nama"]; echo("</font> </td><td class=txt7h width=lOO><font color=ll330066>"); 30 echo $d1["jenis"]; echo("</font> </td><td class=txt7h allgn=center wldth=100><font color=#330066>"); 31 E:cho $d1(''mulai"];ecllo("</font> </td><td c!ass=txt7h width=100 O!if]n=centcr><font co!or=#330066>"); 32 echo $d l["masuk"]; echo(" </font> </td> <td class=txt7h width=SO> <font color= #330066> "); 33 echo $dl["lama"]; echo("</font> </td><td class=txt7h width=80><font rnlor=#330066>"); 34 echo $!1; $i++;} echo"</tr></table>";?> 35 </td> </tr> </table> </td> 36 <td background=" .. /image/bg __ nght2.gif" widtl1=" l"> < img src=" . ./image/bg __ "ight2.gif" > </td> 37 <?tepi("600") ;?></tr> </tbody> <tr> <td width= 10% bgcolor=#CCCCFF> 38 <table cellspacing=O ce!lpading=O border=O wldth=100°/o><tr> 39 <td>&nbsp; </td> </tr> </table> </td> <td colspan=3 width=80% height= 5%> 40 <table cellpadding=O cellspacing=O border=O width~100% height=5%> <tr> 41 <td background= . ./image/bg_right2.gif a!lgn=center><in19 src= .. /in1age/bg_rlght2.gif vspace=O height=5°/o> 42 <font color=#330066 face=\"Comic Sans MS\" ><b>CopyRight@mel2005</b></font></td> 43 </tr> </table> </td> <td widtl1= 10% bgcolor=ttCCCCFF> 44 <table cel!spacing=O ce!tpading=O border=O width=100°/o.><tr> 45 <td>&nbsp; </td> </tr> </table> 46 </td> </tr> </table> </body> </center> </htn1l>

1 <? 2 include" .. /cek_session. p!1p"; 3 include". Jserver.php" i

l1apus_clata .ph p

4 $del=mysql_query("delete from japos where id='$id"'); 5 $d2=mysql_fetch_array($del); 6 $del=n1ysql_query("delete fron1 karyawan where nik='$d2['lik]"'); 7 include "/config/func.php"i 8 message("Apakah anda yakin akan n1enghapus data")i 9 include "logout.pl1p";

10 exit(); ll ?>

LAMl'IRAN B

Tampilan Antarmuka A1ililrnsi Multiuser Data Cuti Kar;mwan

Daft<:1r Cuti Karyawan Online PT. Te!ekon1unlkas-I Indoni~s!a D!v!sl Carrier Interconecdon Serv!-:e Center

( PT TELKOM C!SC )

1,d.;:ani\NJAM',Of.l!.oK l.t.ll> JLt;.~t<.>t ""h>'<>b> F.ay.:H!, J<>l<"o>t.:i l ;• 1 lU

i<,Jp.:>.';'lt/QO/ l.>.~-~l~9~Ullll

NIK l)ASS\Vr)i:~D

L()G i i-l

Gambar I. Tampil Menu Login Karyawan

Daftar Cuti Karyawan Online PT. Telekomun!kasi Indonesia Divis! Carrier lnterconectlon Serv!r:e Center

( PT. TELKOM C!SC )

1,,j. ~J,~!>.>r;i J!>,t>150$T!'K U, IQ n.r; .• 1,,1: ~._,1,,..,,1_,. K,.v,'Jll, J.,J.,.,d,.:. J'l.7Hl

tdfJ.n'lllf>(JJ f~><.HH'20Jlt'l

ADMINISTRtiTOR <

NAMA ~==='-, PASS\rVORD '··········-'

Gambar 2. Tampil Menu Login Admin

O:lftar Cuti l(aryawan Onlin•! PT. Te!ekurm;mkasi Indonesia Divi:si Carrl•3< lnterconection :;enrtce Centnr

( PT. TELKOM crsc )

t,!. ""''~'~ lMlHl~lU< U .. 10 H ·'•"tot ""'"""lb K~•,'J•, l.'1.Mfa !NU

•~1 ... i<•t?o•1 r .. ,.," .. ,~~·

Garn bar 3. Tampil Menu Utarna Pemeriksa

J-Tii..1'~1A B.il..?.AR(I MARTff,JUS f\1Ff·~[;~~OF J:..

~B!JEf-J KU:.r'v1/~UW~ifalU

!~t.\Et~·)1.\h:J ... X'.i.1U/~ MJlR\.'\JQIO

MUH/>.MMAD HUSIEN RUDY PRABOWI)

Tn rnurn1 jarnelia

DATA KARYAWAN

OFFlCER-3 HUfvlt.J.J PESOUf2.CES D/\T/,.fvlJif-Jt:,,_::; \)FF lCEl'.'.:<-Z HUf'>1lAN RESOURCES CAREt:R OE

OFF1CER2 HUIV1AN PES01 JRCES COt,,l.PETEi\JC

AStVt/;,N HUrvlfJ{RESOURC!::S 'bE'v'E'LOPfv\E-()FFICEP iNG\i.6.T{ON B.~ OF?GAf"-.JIS.4. TlON

Gambar 4 Tarnpil Data Karyawan Menu Utama Perncriksa

STliT'1J3

Haclir

>{adi1 Hadir

1~.ut;.

Had it Ha1j1r

I 5 I

Daftar Cuti Karya\l\/an On!in11-PT. 1e1ekomun!l«.~$! Tndon•~$lll Divis! C.:irr!0r JntBl\~onact!on S\?n1lc2 Cen':<1r

( PT. TELKOM crsc )

'B"'idlliliii& ; { i\!!!!llJ':ll«li&

c,,,. "'""""' '"·"'<!"'-" "·"' -.,,r ... v.• '·""""'" .:~"·"' -'""·'"'" in'"

t<>lp,~,q11•<11 '·'"•~H•~H•

Data Cuti l<aryawan

Gambar 5 Tampil Menu Utama Karyawan2

Daftar Cuti l<aryav.i-an Online PT. 1:2fek0rnun1kosi Indonesia Divlsi Canit~r Int<2n;·on,2cbon 50: viu~ CeEt.;:•r

( PT, TELKOM CISC )

EllJ#M ·)t4Ffr';,, ,;-,.ig

\t#~;foh.:1...tmm i~~w1,,M5J.MNP r;i;/'.::FiR.!p

<.tl. Ho";'~ lA..fHJ<fU:: ~<.1G

ll.r_,,,.,, ~ .. :,,,,, • ., "~"·'$, ·'"~·'"'"' 12J ·~ <d;•-~:~''"~' 1~"-"'~n ...

'li;>f~CJl JV .T~b~!~n ASMAlT

T~IT•l-'"~r-:,.,:,.; Htn-!AN rr;;;otr:>('J,s )':OF\S! :•J'}-,ff

nn~ Ar.1:.1n ·~?,•)•("::

UlY. -Jr,,q ',-:;1 i ;J

Kebu.;-:l,1~.,r, Had•·

Gambar 6. Tampil Menu Utama Karyawan

152

r..<. """""-> ,,.,..,r,;r<~ "-M .H .. G~U. '"!'"''" r.~~.u, »•~~,,_, 1'1!"

M,,,·,·;vH••~ f..,,.~;nt•••

HALAl\!ANP.E~C t\"JU AN C lLTI :i:lfl'AHJ.L'i.N .h:A~ff)J,'._N

Pengajuan Cuti

!,;,.,.,_,,,·-,,., r----------·-" ... "J.

f<I,,~, hl•r;~'"'''"~'~''~ [---

Gi•.mbar 7. Tampil Daftar Barn Cuti

Gambar 8.TampiI Pesan Daftar Barn Cuti

153

D:tfl:.o'1r Ct.Vi l(ary.:1wan Onlinn i> l'. r 1~lnl,ornun1k;r;1 Jndi:m(~'"·~ D1v1:>1 r:11rn;~r· Jn1BrO)fl•>ct1n11 ',Pn11rf• 1· r~nh>;

( p·r' 'il'Ll<OM CJ~,c )

L,l .'lm.•N>°'•<'.('<1!¥.1,<.I" ''-'•·""' •,u!,noh> •.w. 'O, .<,l.4••<;0. U/ lO

(<-lu.\,.ll<l" j,,.,_, • .,~I•

Gambar 9. Tampil Menu Utama Karyawan yang Mengmrbil Cuti

Oaftar Cuti l{ary<1V11a11 Onlin•1 PT. Tel'<ikoniunlkw:>I Indon~la Dlvlsl Ci:.ni.:w Int"1r.:anect!on 501-vlce Cenb·"

( l'T. TEU<OM Cl5C )

•-····"~'-"'" '~""""~ ,,_ '" '··'"'' ''"'•mh•"·'"·'" !.oE•~•·•·• <n<> "''"·"< '"'~' ''-·-·,, ,.,.,,.

Tan;pll Carl Cut-I f<ary:aV.t:H1

DATA PENGAJUAN CUTI KARYAWAN

Gambar 10. Me;rn Daftar Pengajuan Cuti

154

D~ft•tr Cuti Kil<Y3W,lll1 Onlin~ PT. Telckorni.:nll<~s! 1ndories!e Dl11!sl Ceirrler Inrerconcct!o,1 :,,ervlce Cenb"r

( PT. TELKOM ClS•:: )

<.<l.'\c,.-,.,,~ lM<•G',H.~ "'·'" "·'·""" ,,,i,...,,., ~.,~.lO,.Mh-t~ il1 I•

·-~·-"'~"""' !~··"""'''''"

:::: l'erstJhtjn.'ln Cuti::::

:'.O:~ f'cm.·r~J

i :.i;"~ !Wl'.~i:i!;,:;_~~-~iiif~ii' ·· ··········, :re j5"JU;:?i'

"·;·!.-,,{Iii' __ _

j,,: •• :.,,, fr'.ik'r'1Xi':'iii

Trn·p~: ::-:c, '" li!;!_ii~}ijlf;_\Wf:r-.(~·::···

-·"" '"-~ r~~n;y· 11:: r.,,.,., f(;'J'i5T

•'V;J,. '~ fii, ']•···• ::·,~.-.1 ::NlS fi2

Gambar 11. Menu Proses Persetujum1 Cuti

Dait;;ir Cuti l<a1y<iw;;in Onlin<a PT. T11i<i;kornur.1ki1Si IndonP..si."l Div1;;i Carn-oir Intorc·:>nBction Service .: Glll8r

( l'T. 1ELKOM ClSC )

r ·"' »~,, ,.,,1 ':,,,,,, !>1ul1.>~i,i.it.-11u~:L1i

;.,'fr'. :ccoHJ

: !7!: -',1.,,. '" f~\ii:'if

;.m: '''"'" r~s11s)-

~··· .,_,.,. ,~ ... ,,,._,,. ,,_ ,,, Jl.C.oto<,yj,"""K0~,<0. ,_, .. ,,..,_, ,,, !• ... ,,,.,;.,, .. , .... -.·~·-·~·"

Tarnpil Cuti }(ary<nvan

Gambar 12. Menu Tampil Cuti Karyawan

155

D;3ftar Cuti l<aryawan Onlin~ PT. Tcld~orn1;r;11<as! lndonmlu Olvl:;! Carrier InteroJ111.c:c.t!on Servlc0. Centei

( PT. TELKOM CJSC )

•,,, '~"'····· ·~''"'"'"' ,,_,,, !I.!.,\~!''~'""'" !C ,~,H, !.''"I'' '// l~

\rJ>'-~HlJOI" l•~.~'"•;oon

U.ot,~1 ]'.!£!:!2:!!2. ..... ----""­T>•c.1"'' ~· ·•i.i flillW~fRE~OJfffi5CGiiri:l

Gambar 13. ivlcnu I Jpadate Data Karyawan

[\!,6.fvlA. JAB.ti.T P.}-J PCJSISf :6,i:Jl\

MVOTO PR!VON(> 'O:'.Ef-H'-~•P

GENER.lit. AFFATi;:s H-•dif M1~1NAGF.r.1

S!JPARt!JAtfKASfD lAN M.~N/".1GEF<~ HUMA'f'l RFSOURC:ES' H:odlt' BAZARO MAF~Tiji!J..§ .:1::,!-.·1AN HUM/;N RESOURCES SEl"VI(.ES H.~iiir MEN DR OF A

MAE-WQTO OFF!CER2 HUM All R,E:S O_UR--CE:3 .S E8\fl{;_ES J;:RLI_l;.l'l !<I.9_1:1_6..tli_HGSll.:! OFFICER~: HUM1';,N RESOURCES DAT1~,MAMA<J Ha<lir

RUDV'PRt•BOWO ASMAN HU(vlt'\.N .. RE'. S:O.Lf (~C.E;::S :!J.[.1.-'E.),·QP./v1E H<i.Jir KARMADI VAH/;, OFFICER2 HUMAN RESOURCES CAREER DE H,~dir

~M.6..Q:I:ilJ.%.If_tl Q_ffICER2 HUMAM REO-OURCES"C.Oh·tPETEf-lG CGti

JJ_~~,..!.£.J:')J_Q.Q_Q_Q SEMI OR

PERENCANA,'\N DAN PEl,!GEMC>/'tl H;idir ,',·JAHA(iER

ENDI-8."!Z:-RMAM Mt1NAi:3C:R qU.1~lITV.;io1A!'1A_<;:f;f,1[::_N_T- Cud

ACHMAD HIDA\1 AT ASMAH SVSTEM DEVELOPMENT H,;1dir

Si)•:tbtgf filfJj~ii.~,fr-i·A QUALIT.'l-:$V$~t-E.Ul.-P.!)~tl.N~NG +J,;1:..ifr IAJ!DIA DIAN ~\ll,.!!,.ANDl:iRI OFFICER2 INl~O'JATION & ORGANISATION H.r-dir Tri-murni j-ti-meB~ OFFICER J.l'oj~:nJ.ATION ·$i C;i;-~G,ANI!!:f>,TI-ON H·~:dii

\.\IAHJO SUNARKO ;',,'O;MAN SI/STEM ~i· !Jt--HT PERFOf,>Mt\NCE H<1<lir

MQ!j;-=A'b'\Rl OFFICl:J<'.2 SVS'fEfrl ,& QUALJTY:E\/ALUATX H.>-di(

Gambar 14. Data Karyawan pada Menu Utama Admin

156

REK.6Jvl

{HA PUS]

!f\APUS]

H.if.~:L'.?.l

ll:l.6.i?1J.iil [H1!>.PUS}

!!:IB.l?JJ§.J {HAPUS]

f!;lbJ'J).QJ

f!il.?i.PJL~l

!1:!6:£!!2] {HAPLIS]

{HAP-Ll.§:J

fHAPl!.fi.}

[HAP US) [H1'.\PUS]

fHJ~;pi:is}

Daftar Cuti l(aryawan Online PT. Telekomunlkasl Indonesia DlVfsl carrier lntBrconection St"lrvlce ci-,nte1·

( PT. TELKOM C1SC)

U:G1§.~!!t t 1 §I ittfu#iiiMCI :--~:::;!SWUM

••d- n,-,.,._, -"'<'<'!.»ICV. Ct.IV

"·'-~"'' '»~""~ ·~"-"· 1.1,.,,_, ,, .,. «-lp.>1'>1'40) <.-.x:•:OO~PU

DATA l<ARYAW/\N

Garn bar 15. Tampil Menu Utama Adrnin

Daftar Cuti l<aryawan Online PT. TeiP.kornur:ikiols! rm:lo11e:.;!1l Dlv!:;I CarrJer Inb;i.rconedJDn SBrvlt:E< (<?rit--:'!r

( PT. TELKOM CISC )

,,j, '""'"'"' >M.-1;:- ll~ <t, rn U.1.~1ul '"!""''" .,,_,_,., 1~bo•i. llH•

hol"·°'~"~u' f•~·~'"''~~u

Ta1npil Cuti Adn1rn

Garn bar l 6. Menu Tampil Cuti Adrnin

157

Daftar Cuti Karyav./an Online PT. Te!ekoniunikasl Indonesia Divisi Carrier Intei·conection Ser-vice Cert<?!'

( PT. TELKOM CISC )

~,j, M«M~·> lA'lSO~ll'I: H.=Q Jl,fu>l»t «'b">W K~v.JS, J~~~rlc! IN !O

U.tp.H1!HD1 J,.,.-.~io1~1D;

Cari Cuti Karyai,;;an

Uambar 17. Menu Cari Cuti Admin

158

Repott yang ditampilkan

Oaftar Cuti Karyawan Onlin;::. PT. Telekcmunikasi Im:!oi1esii:l Divlsi Carrier Inten:or1;.~diDP S~rvice Cent•.'.I

( PT. TELKOM CISC )

,,<J • .'!.;~,.,-~~M''"'"< lt.U .;l.t.<<<.t •,"h<•t.> "->v.•V, Joh•-<• l!I>•

t<••p.~ntr•07 <-»-'l>~10H

T-l~.-:.::Y :'d""' --,,1; 1: ;in·

,l,:u.U1(\:n -

Oaftar Cuti Karyawan Online PT. Te!ekonnH1ikasi Indonesia Divis! Carrier Interconection S0rvi1..:e Center

( PT. TELKOM CSC )

t;<L 'I""""'~" 1AM~l1~fH: U.lll Jt.t."tot S"lwn1u t:;;.v.~~. J.1k,wt.1 121 lO

!d1»"i2</171J07 l;,~.S'.'11'.l?"OC~

Daft.,,'lr Baru G"uti

~"1:_1)·1,o:tv~~-lcl'• j-,\t'~.lf fj

T<in?p,-il hfoh;, ,"'n\l Hl l 10 / '.·~ <(1;>

/,J,ur.At ·:.'uti Ja"bHJ

P.Ja~.:::: C1iti !~in Pa:n.~dhc:r,

Daftar Cuti Karyawan Online Pl-. ·relekornunika~:;i Indonesia Divis! Carrier Interconection Servitr.~ Center

( PT. TELKOM C!SC )

f.-l. ;i,,,,,,,.,, JAMSfi',Tfl( 1.t. Hl J\.,l>:.tnt suh~<>W l(;.v.JS, J;:i.t,,...t ... Ill\()

h'l;>.52'117()07 h:<.~201J<'!IDO

Daftar Baru Cuti

Lampiran II

DATA PEGAWAI.

1 Nama I NIK 2 Tingkat 3 .labatan 4 T empat bekerja 5 Lama cuti

6 Alasan cuti 7 Alamat Cuti

Keputusan Direksi Sumber Daya Manusia Perusahaan Perseroan (PERSERO) P.T. TELEKOMUNIKASI INDONES\A, Tbk Nomor : KR.10/PS.360/SDM-12/1997 T anggal : 2 Desember 1997

PERMOHONAN I LAPORAN CUTI (CUTI TAHUNAN) NO : TEL /PS360/CISC-30/2004

Jakarta, 2005 Pemohon,

NiK .

. CATATAN PEJABAT KEPEGAWAIAN.

1 Sisa cuti thn 2004 ~IANAGER SOM 2 Cuti thn 2005 3 Cuti yg diambil saat ini 4 Sisa cuti thn 2005

. KEPUTUSAN PEJABAT YANG BERWENANG.

§UPARMAN. K NU<:

SDM-17

Disetujui I tldak disetujui se\ama ............ ( ). hari kerja Jakarta, 2005 Mulai tangga\ : s/d 2005 Menyetujui

NIK:

)ran Cuti Karyawan Page I ol I

Lampiran : Keputusan Direksi Sumber Daya Manusia Perusahaan Perseroan

PT. TELEKOMUNIKASI INDONESIA, Tbk

Nomor : KR.10/PS.360/SDM-12/1997

Tanggal : 2 Desember 1997

PERMOHONAN I LAPORAN CUTI KARYAVVAN NO : TEL /PS360/CISC-30/2005

A.. DATA PEGAWAI

1. Nam a I NIK

2. Tingkat

3. Jabatan

: KARMADI YANA I 621443

:V

: OFFICER2

4. Tempat Bekerja

5. Lama Cuti

5. Alamat Cuti

7. Alasan Cuti

: (POSISI) Human Resource Career Development

: 1 hari kerja

: Jakarta

: Check Up di Rumah sakit Fatrnawati

3. C.AI_.11.TAN_ PE~AB_A.IKEPE_GAWAl,t>..N 1. Cuti thn 2005 : 12

2. Cuti yg diambil saat ini

3. Sisa Cuti thn 2005 : 11

Maciiun, 22 Jul 2005 Pemohon,

K,L\RMADI Y ANA NIK: 621443

SS. SUPPORT

NYOTO PRIYONO NIK :65'1153

~. l5EF'JJILLSA_f\J_LF'ENETAE'ANPfJA!3AIY_AN_GBE8WENANG Disetujui selama : ( 1 ) hari kerja Mulai tanggal 22 I 7 I 2005 s/d 22 i 07 I 2005

Pejabat yang berwenang

;;.c -, 063765

063766 063767 063768 063769 063770' 063771' 063772 063773 063774 06377:' 063776 J63777 J63778 J63779 J63780 J63781 J63782 )63783 )63784 )63785 J63786 )63787 )63788 )63789 )63790 )63791 )63792 )63793 )63794 )63795 )63796 )63797 JG3798 )63799 )63800 )63001 )63802 )63803 )63804 )63805 )63806 !63807 )63808 )63809 )63810 !63811 163812 163813 163814 163815 163816 163817 163818 163819 163820 163821 163822 163823 163824 ,53325 63826 63827 63828 68829 63830 l'::':IR'H

FORMASI POSIS! EXISTING TELKOM CISC

POSIS!: 15 MARET 2005

':.: __ , ,_ .. .- ,_ ::-::- :: l ::.:::::,:.:!-9Mt1·_g~:r~:-, ._;.: :-:,_, __ ,_, ,, .... )! Mi !TI Rtli ! ! ..

01\.{si TEL1<6M c1sc /"

KADIV DIV I 2 EXE 602048

DEPUTY l<AD!V TELKOM CISC DIV I 4 EXE 632!)04

SM PERENCANAAN DAN PENGENDAL!AN PRAN· II 2 SS 642'146 Mo~. '<mALITY MANAGEMENT. Pf\AN· Ill 2 SS 623064 ASMAN SYSTEM DEVELOPMENT & INNOVATION MANA PRAN' IV 2 SS 641602 OFF 2 • QUALITY SYSTEM PLANNING PRAN v 2 SS 631707 OFF 2 ·i INNOVATION & ORGANIZATION DEVELOPMEN PRAN· v 2 SS 7201505 ASMAN' SYSTEM & UNIT PERFORMANCE EVALUATION PRAN IV 2 SS saoi:;79 OFF 2 SYSTEM & QUALITY EVALUATION PRAN v 2 SS 640848 OFF 2 UNIT PERFORMANCE EVALUATION PRAN v 2 SS 670098 MGR BUSINESS PLANNING PRAN Ill 2 SS 680066 ASMAN BUSINESS DEVELOPMENT & PRICING ANAL YS PRAN IV 2 SS 710:379 OFF 2 BUSINESS PLAN PRAN v 2 SS OFF 2 PRICING ANALYSIS PRAN v 2 SS ASMAN BUSINESS EVALUATION & MARKET RESEAPCI PRAN IV 2 SS 740?~ OFF2 MARKET RESEARCH PRAN v 2 SS OFF 2 EVALUATION INTERCARRIER BUSINESS PRAN v 2 SS 690B16 MGR NETWORK PLANNING & CONTROLLING PRAN Ill 2 SS sso:137 ASMAN INTERCARRIER NETWORK MODEL DEVELOPM PRAN IV 2 SS 720438 OFF 2 ARCHITECTURE INTERCARRIER NETWORK DE PRAN v 2 SS OFF2 TECHNICAL GUIDANCE INTERCARRIER NETW PRAN. v 2 SS ASMAN INTERCARRIER NETWORK PLANNING & DEVE PriAN IV 2 SS 602260 OFF 2 INTERCARHIEH NETWOlll< PLANNING PHAN v 2 S'' ,,, 750063 OFF 2 INTERCARRIER NETWORK DEVELOPMENT PRAN v 2 SS MGR PERFORMANCE MANAGEMENT PRAN Ill 2 SS as1??38 ASMAN PERFORMANCE INTERCARRIER NETWORK AN PRAN IV 2 SS 73oaa1 OFF2 BUSINESS PERFORMANCE INTERCONNECTIO PRAN v 2 SS 780052 Off 2 BUSINESS PERFORMANCE VALUE ADDED SEI PRAN v 2 SS 730~~73

ASMAN FRAUD AND DATABASE MANAGEMENT PRAN IV 2 SS 730128 OFF 2 FRAUD MANAGEMENT PRAN- v 2 SS so1ass OFF 2 DATA BASE MANAGEMENT & REPORTING PRAN· v 2 SS 640~193

ASMAN REVENUE ASSURANCE MANAGEMENT PRAN IV 2 SS 740157 OFF 2 REVENUE ASSURANCE DEVELOPMENT PRAN v 2 SS OFF 2 DATA E~ASE MANAGEMENT CONTl10L PRAN v 2 SS SM r<f::R.J,t..8AMA DAN CUl<UNGAN ; EKN;s KS&D II 2 SS 541056 MGR NETWORK SERVICE KS&O Ill 2 SS 660~!60

ASMAN ORDERING AND PROVISIONING KS&L"' IV 2 SS OFF 2 ORDERING AND PROVISIONING ANALYSIS-1 KS&D v 2 SS 620174 OFF 2 ORDERING AND PROVISIONING ANAL YSIS-2 KS&O v 2 SS 6414.70 OFF 2 ORDERING AND PROVISIONING ANAL YSIS-3 KS&D v 2 SS 720304 OFF 2 ORDERING AND PROVISIONING ANAL YSIS-4 KS&D \I 2 SS 610£117 OFF 2 ORDERING AND PROVISIONING ANAL YSIS-5 KS&D v 2 SS OFF3 ORDERING AND PROVISIONING MONITORING- KS&D VI 2 s OFF 3 ORDERING P.ND PROVISIONING MONITORING- KS&O VI 2 s OFF 3 ORDERING AND PROVISIONING MONITORING- KS&D VI 2 s OFF 3 ORDERING AND PROVISIONING MONITORING- KS&O VI 2 s ASMAN TECHNICAL AND CONFIGURATION MANAGEM KS&D IV 2 SS 650966 OFF 2 TECHNICAL AND CO'IFIGURA TION ANAL YSIS-1 KS&D v 2 SS 730172 OFF 2 TECHNICAL AND CONFIGURATION ANALYSIS- KS&D v 2 SS OFF 3 TECHNICAL AND CONFIGURATION MONITORIN KS&D VI 2 s 632185 ASMAN FAULT MANAGEMENT AND HELPDESK KS&D IV 2 SS 630591 OFF 2 FAULT MANAGEMENT AND HELPDESK f,NAL y, KS&D v 2 SS OFF 2 FAULT MANAGEMENT AND HELPDESK ANAL Y, KS&D v 2 SS OFF3 FAULT MANAGEMENTAND HELPDESK MONIT KS&D VI 2 s 632090 MGR SERVICE TRANSACTION / I~•

... ,, KS&D· Ill 2 SS 550571 ASMAN EXTERNAL TRANSACTION KS&D IV 2 SS 670178 OFF 2 INTERCONNECTION EXTERNAL TRANSACTION KS&D v 2 SS 710449 OFF2 INTERCONNECTION EXTERNAL TRANSACTION KS&D v 2 SS 740044 OFF 3 NETWORK EXTERNAL TRANSACTION-1 l<S&D VI 2 s OFF 3 NETWORK EXTERNAL TRANSACTION-2 KS&D VI 2 s OFF 3 VALUE ADDED SERVICE EXTERNAL TRANSAC KS&O VI 2 s 622405 OFF 3 VALUE ADDED SERVICE EXTERNAL TRANSAC KS&D VI 2 s ASMAN INTERNAL TRANSACTION KS&D IV 2 SS 641961 OFF 2 SERVICE LEVEL AGREEMENT DEVELOPMENT- KS&D v 2 SS 660381

OFF2 SERVICE LEVEL AGREEMENT DEVELOPMENT- KS&O v 2 SS 630318

OFF 2 SERVICE LEVEL AGREEMENT DEVELOPMENT· KS&D v 2 SS ni:i: 'l Ql:Q\/l('l: I C\/1:1 !i{::Ql:l:~ACtdTTr~lll\IQh("TlllM R k'Qli.n "' 0 Q

I' ......... !! . _:, ::.-:: -,.·_(r_;r~~--\~-\~.:\?:;::\ ':.::~i;> .{··.1\H.< ········.····

SYARIF SY ARIAL AHMAD J

8. P. NATIGOR SITORUS,IR.MSC. v

JAGUS WIDODO v J

ENDI BERMAN v , ACHMAD HIDAYAT " , !iLAMET MUL YANA ' WIDIA DIAN WULANDARI v ' WAHJO S:JNARKO " '

l~OH. AMAi --,

'IOYOK TEGUH SUPRIYONO " WIDJAJANTO BUOi SULISTIJO·/ v'

SUDJI DJUWARTONO,. J

iJENNI ARIEF MULfAWAN, RDV J

i'lACHMAD AZIZ MUCHAROM c' J

AGOES KOESRIJANTO v /

FAUZAN NURUL FADLIL '/ ,

IMAM ADI SISWANTO ' fJ/\NANCi 'J!\lYANIO

JONI HERi MUHAMAO RAMZY . .,1

MUR FIRMAN YUi:lHI WI RA WAN v SFll UTARI v ARIS DARfAAWANTO c

DIDIK SUGIYANTO .\RUWAN SUGIANTO IAICHAEL ADIGUNA "

SULASBI •/

DARJOTO " ANDI RACHMADI v

ARIWIBOWO , NANANG ASNAOI i,, . MUCHLIS '

-

8UDIYANTO v ~

ABDUL GOFAR ISMAIL v " PURWANTO v I/ FAKHRI v ~

1JIDIK PUFIWAHYUDI ,; v

1llZAL v " S'll AKADAH \, v

SUKARDIMAN .J

~IANDIS SUSANTO, S.Si v

MASRI 0

EBERT FREDERIK J. MANALU v v

SINGGIH WI DODO J ,

ISMAJAYA .

\_C/)/ ) l.

•/<······>··· .• ·.·<(•········ /i/··· ............ ····• .. Li••··••••••.i /ii}\.· < ··:- ~ <••·:·•·wAf> < ••.••..•••.•• i •• •. >r .. · .. ·.·· .... · .. · .. I \NIK O·lD :··:.-.-_--_:-'.-, <=·-:-=_-: ::.--·-::--'· ·.-----, ',-- ·--:..:.-:·-·:-:· _·--.. :-·· _-:

40063838 OFF 2 MAINTENANCE BILLING PARAMETER KS&D v 2 SS 720283 PALUPI UTAMI v , 40063839 OFF 3 UPDATING BILLING PARAMETER KS&D Vl 2 s 40063840 ASMAN DATA BILLING VALIDATION KS&D IV 2 SS 720262 EVI DARMIA SATIAWATI v v

40063841 OFF2 INCOMING DATA VALIDATION -1 KS&O v 2 SS 7:20268- SUGENG SUGIARTO v , 40063842 OFF 2 INCOMING DATA VALIDATION -2 KS&D v 2 SS 713004& IRWIN YULIANDI ZUBIA V 40063843 OFF 2 INCOMING DATA VALIDATION .3 KS&D' v 2 SS 611281 JEMMYSEKEH J

40063844 OFF2 OUTGOING DATA VALIDATION-1 KS&D· v 2 SS 641713 SULISPRIYANTO v v

40063845 OFF2 OUTGOING DATA VALIDATION-2 KS&D• v 2 SS 40063846 ASMAN DATA BILLING CONSOLIDATION KS&D· IV 2 SS 720191 KURNIA MAREZA BACHRIL ,, v

40063847 OFF2 INTERNAL DATA BILLl~G CONSOLIDATION-1 KS&D. v 2 SS 740156 DEDHY SUSAMTO ',/

40063848 OFF2 INTERNAL DATA BILL!NG CONSOLIDATION-2 KS&D · v 2 SS 6:?1241 EDJ CASMITA J

10063849 OFF 2 INTERNAL DATA BILLING CONSOLIDATION-3 KS&D. v 2 SS --i0063850 OFF 2 EXTERNAL DATA BILLING CONSOLIDATION-1 KS&D. v 2 SS 591510 BENNY BIANTORO v

!0063851 OFF2 EXTERNAL DATA BILLING CONSOLIDATION-2 KS&D· v 2 SS 71'0071 NOVA IKAWARDANA v ~

10063852 MGR BILLING OPERATION KS&D, Ill 2 SS 6!i1254 HERU KURNIAWAN v' v

mos3a53 ASMAN INPUT PREPARATION & SUPPORTING DATA KS&D. IV 2 SS 1ao113 ACHMAD CHARIRI v ./

10063854 OFF2 INPUT PREPARATION CDR & PARAMETER KS&D· v 2 SS 6.f!1042 PUTUT SUDIGDO v' " 10063855 OFF 2 SUPPORTING DATA BILLING KS&D. v 2 SS 641683 SOE RA TNO SAM BODO v' v

10063856 OFF2 BILLING SYSTEM ADMINISTRATOR KS&O· I/ 2 3S 10063857 ASMAN BILLING PROSES KS&D· IV 2 SS 670122 Ar11EF YULIANTO ·/ , 10063658 OFF 2 l/C INTERCONNECTION BILLING PROSES :<S&D. v 2 SS 10063659 OFF 2 0/G INTERCONNECTION BILLING PROSES KS&D, v 2 SS 10063660 OFF 2 JAPATI /IN BILLING PROSES KS&D. v 2 SS 720421 JOHNI PURWANTORO ,; " ,QQ63861 OFF 2 JAR I AP & ITKP BILLING PROSES KS&D· v 2 SS ·0063862 ASMAN BILLING QUALITY ASSURANCE (QA) d KS&D• IV 2 SS 632344 BHAKTI SAFAR YULIANTO v v'

,QQ63863 OFF 2 l/C INTERCONNECTION BILLING QUALITY ASS KS&D· v 2 SS 740053 YULI SUSANTI v

0063864 OFF 2 0/G INTERCONNECTION BILLING QUALITY AS' KS&D' v 2 SS 0063665 OFF 2 JAPATI /IN BILLING PROSES QUALITY ASSUn KS&D' v SS

>--·' 2

0063806 OFF 2 JARTAP & ITKP BILLING PROSES QUALITY AS KS&D' v 2 SS 0063867 SM GENERAL AFFAIRS GA

;-.· II 2 SS 651153 NYOTO PRIYONO v · v

0063666 MGR HUMAN RESOURCE : GA Ill 2 s rs3"0o93 SUPARMAN KASIDJAN •/ v

0063869 ASMAN HUMAN RESOURCE SERVICE ) 1 11, '' . GA IV 2 s 560806 BAZARO MARTINUS MENOROFA ,/ , 0063870 OFF 2 HUMAN RESOURCE SERVICE 1) GA· v 2 s 640953- MARWOTO v v

0063871 OFFS HUMAN RESOURCE DATA MANAGEMENT ' GA VI 2 s 560807 ERLIEN KISMANINGSIH v I-' 0063872 ASMAN HUMAN RESOURCE DEVELOPMENT GA· IV 2 s 642233 RUDY PRABOWO •/ - ,

0063873 OFF 2 HUMAN RESOURCE CAREER DEVELOPMENT •GA. v 2 s 621443 KARMADIYANA v , :1063874 OFF2 HUMAN RESOURCE COMPETENCY OEVELOPM GA v 2 s 620448 MOHAMAD HUSEN / c )063875 MGR SEKERT ARIAT GA Ill 2 s sg-1a22 DODO RUKANDI V , j(j53575 ASMAN REPORTING & ADMINISTRATION GA· IV 2 s ss-11a4 NIAN NURHASAN ,; , )063877 OFF 2 SECRETARY GA v 2 s 62:~294 OEMI SITI ADIARTI v , )063678 OFF 2 DATABASE & REPEORTING GA v 2 3 640846 IMRON ROSIDI v v

)063679 OFF 3 ADMINISTRATION GA· VI 2 s )063880 ASMAN PUBLIC RELATION GA IV 2 s 730512 LINTONG PARLUHUTl•N SIMAREMARE )063881 OFF2 EXTERNAL PUBLIC RELATION GA v 2 s 760050 GIDEON CCTORA , v

)063882 OFF 2 INTERNAL PUBLIC RELATION GA v 2 s 65076"1 BUOi MEI KARIYANTO v /

1063883 MGR HUKUM (LAW l GA Ill 2 s 591803 SABARNIJATI v J

1063884 OFF 1 EXTERNAL AGREEMENT GA IV 2 s 690598 MERIE HERYANI J

1063885 OFF 2 EXTERNAL AGREEMENT ANALISYS GA v 2 s 540142 RD SOFYAN HEFlNADI v

1063886 OFF 1 INTERNAL AGREEMENT GA· IV 2 s 1063887 OFF 2 INTERNAL AGREEMENT ANALISYS GA v 2 s 770044 YESSI Mt,_RLINA v

1063888 OFF 1 REGULATION AND DOCUMENTATION GA IV 2 s ANDREAS DARYONO v 1063889 MGR LOGISTIC GA· Ill 2 s 570447

1063890 ASMAN PROCUREMENT GA IV 2 s 530120 EDI NUGROHO ./ ,

-063891 OFF2 PROCUREMENT PROGRAM GA v 2 s 621546 YUSUF ZAKARIA ,j

063892 OFF 3 PROCUREMENT OP CORA TION GA· VI 2 s .611903 IM. JAMALUDDIN 063893 ASMAN OFFICE FACILITY SUPPORT GA IV 2 s 600281 ISUTAN MANGAPUL v 063894 OFF 2 OFFICE FACILITY SUPPORT OPERATION 1( GA· v 2 s 622205 SUGIARTO v

063895 OFF 3 OFFICE FACILITY SUPPORT ADMINISTRATION GA VI 2 s 612381 SURYAWARMAN ,. , 063896 SM KEUANGAN KUG1 II 2 SS 590397 AAHMATULLAH v

063897 MGR TREASURY KUG· Ill 2 s 540033 AHMAD SADELI v v

063898 ASMAN CASH MANAGEMENT KUG· IV 2 s 601958 SULISTIANING RAHAYU v ,

063899 OFF 2 CASH COLLECTION KUG• v 2 s 601782 UTAR SUTARDI J63900 OFF 3 CASH PAYMENT KUG • VI 2 s )63901 OFF 2 PAYMENT VERIFICATION KUG • v 2 s 620862 TIJBAGUS MASDUKI v tv )63902 ASMAN TAX KUG' IV 2 s 560G47 ROCHMAD BUCHORI v , )63903 OFF2 TAX OPERATION KUG, v 2 s 632486 AGUS YUWONO v c )63904 OFF 3 TAX CONTROL & REPORTING KUG, VI 2 s )63905 MGR BUGDETING KUG, Ill 2 s 650994 BERARSQ,/ v

)63906 ASMAN BUDGETING PLAN KUG • IV 2 s 611143 ARSAD ACHMAD BETHAN v v

)63907 OFF 2 BUDGETING ANALYSIS KUG I v 2 s 7!)0::14.? INnJ:lA PRA.O:::i::Tln ~I

·~ ···•ii•••.r>·••r•• .. c .... .....• <>i (·i···.········ m JQI') ffllif·•·· Ill~ .... :·· . .. ,_--,--.-.-·:-.·:;.·,·-·_·,-· ,·_:•_ . ~-;j OFF 3 DA cV l(UG · 0 2 710123 INDRIATI HASIBUAN .,/ ,

1063916 ASMAN ACCOUNTING CONTROL KUG• IV 2 s s41so1 MARDI RAHARDJA RAIHIN v ~

1063917 OFF 2 ACCOUNTING ANALYSIS KUG v 2 s 770055 DWI HARSO TRIPURHARNANI v'

1063918 OFF 3 ACCOUNTING REPORT l<UG VI 2 s 063919 MGR COLLECTION AND PAYMENT MANAGEMENT KUG· Ill 2 s 560386 HERLIYENI v I

063920 ASMAN INTERCONNECTION COLLECTION AND PAYME KUG, IV 2 s 600275 RUDI ,;

063921 OFF 2 INTERCONNECTION COLLECTION - 1 KUG. v 2 s 063922 OFF 3 INTERCONNECTION PAYMENT- 1 KUG' VI 2 s 611032 MUJIARTI v' v

063923 ASMAN INTERCONNECTION COLLECTION AND PAYME KUG' IV 2 s 631811 EFFENDI ' ./

063924 OFF2 INTERCONNECTION COLLECTION - 2 KUG 1 v 2 s 063925 OFF 3 INTERCONNECTION PAYMENT- 2 KUG' VI 2 s 063926 ASMAN NETWORK COLLECTION AND PAYMENT MANA KUG I IV 2 s 64-0616 rRIEDA RIAN! SUMAKUL '/ ' 063927 OFF2 NETWORK COLLECTION-1 KUG, v 2 s 640707 ELLY YULIATIFAH ' " 063928 OFF 2 NETWORK COLLECTION-2 KUG, v 2 s 750075 EVI MASTUTI ,,, Oe3929 OFF3 NETWORK PAYMENT-1 KUG' VI 2 s 063930 OFF 3 NETWORK PAYMENT-2 KLJG' VI 2 s 063931 ASMAN VAS COLLECTION AND PAYMENT MANAGEME KUG' IV 2 s 670060 fKA SETIAWATI v , 063932 OFF 2 VALUE ADDED SERVICE COLLECTION-1 KUG' v 2 s 063933 OFF2 VALUE ADDED SERVICE COLLECTION-2 KLJG1 v 2 s 063934 OFF 3 VALUE ADDED SERVICE PAYMENT-1 KUG 1 'JI 2 s 610513 SLJGI PRIYO SAPTONO '/ ;

063935 OFF 3 VALUE ADDED SERVICE PAYMENT-1 .\'!l KUG · VI 2 s )63936 EAM tf'ITERCONNECTlON I-AM· II 1 SS 602035 ARIE FITRIYADI " I/

)63937 SAM TELKOMSEL I-AM· Ill 1 SS 651:307 WAHYUDIN v v

)63938 AM TELKOMSEL-1 I-AM, IV 1 SS -;10403 AM/EN SOEBAGYO I

)63939 AM TfLKOMSEL-2 I-AM, IV 1 SS 633057 ERIC BERTIS v Iv

)63940 AM TELKOMSEL-3 I-AM IV 1 SS 650G24 AHMAD NUR EFFENDI •/ /

563941 AM TELKOMSEL-4 I-AM· IV 1 SS 580438 LIMPER SIANTURI /

)63942 SAM INDOSAT GROUP !-AM· Ill 1 SS 633085 11URHANUOOIN P. v " )6J943 AM INDOSAT - 1 I-AM IV 1 SS 720087 OKTADIASIH MUNINGCAfl v ~ )63944 AM INDOSAT- 2 I-AM, IV 1 SS 730:~42 NOOR MAHMUDAH M v ,_.. )63945 AM INDOSAT- 3 I-AM· IV 1 SS 720413 RINALDI v ~ )63946 AM INDOSAT-4 I-AM' IV 1 SS 63Hi08 SUKARNO- J

)63947 SAM EXCELCOM AND OTHERS GROUP I-AM' Ill 1 SS 510S09 HARTONO v " )63948 AM EXCELCOM l·AM · IV 1 SS 660427 RM SOEGIHARDJITO v "' )63949 AM KOMSELINDO, METROSEL, TELESERA I-AM· IV 1 SS 740037 IJAMBANG WAHYU SAMODf-lA '/ /

)63950 AM HATELINDO, BBT, PSN I-AM· IV 1 SS 670~'.61 HADIPRAKOSA ,/ )63951 AM CAC, MOBISEL & NA TRINDO I-AM' IV 1 SS 642059 3UNOKO V .,

)63952 MGR INTERCONECTION PRODUCT SERVICES I-AM' Ill 2 s 633040 M. MERTANIA LESTARI v /

)63953 ASMAN INFORMASI & KNOWLEDGE MANAGEMENT I-AM· IV 2 s 620'763 BAMBANG !NORA SUWA!-IYONO v J

)63954 OFF2 INFORMASI & KNOWLEDGE- 1 I-AM v 2 8 163955 OFF 2 INFORMASI & l<NOWLEDGE- 2 I-AM· v 2 s B60093 ARIS TRIARSO v 163950 OFF 2 INFORMASI & KNOWLEDGE- 3 I-AM· v 2 s 163957 OFF2 INFORMASI & KNOWLEDGE- 4 I-AM, v 2 s 600438 AKHMAD SUPRIATNA '7

163958 ASMAN ACTIVITY MANAGEMENT I-AM' IV 2 s 68004_~ HADJAR HARIG TEDJO v v

163959 OFF 2 TRANSAC. MONIT.&ANALISYS - TELKOMSEL I-AM' 'I 2 s 163960 OFF 2 TRANSAC, MONIT.&ANALISYS - INDOSAT GRO I-AM' v 2 s 770034 TANTANG YUDHA SANTOSO V ,63961 OFF 2 TRANSAC. MONIT.&ANALISYS - EXELCOM & 01 I-AM· v 2 s 760051 IKA PRIASTUTI v •'

'63962 OFF 2 TRANSAC. MONIT.&ANALISYS - EXELCOM & 0 I-AM v 2 s 63963 OFF 2 TRANSAC. MONIT.&ANALISYS - MULTIMEDIA & I-AM· v 2 s 63964 ASMAN CONSOLIDATION & REPORTING I-AM - IV 2 s 720172 !NORA ADITYAWAN v /

63965 OFF 2 CONSOLIDATION TRAFFIC I-AM, v 2 s 790041 ORYZA JANU HAPSARI v 63966 OFF 2 CONSOLIDATION -NONTRAf-FIC I-AM v 2 s 63967 OFF3 REPORTING I-AM v 2 s 63968 EAM NETV.JORl< AND VALUE ADDED SERVICE NV-AM' II 1 SS 622576 NUNUK HEnWANTO

,_ v 63969 SAM CLOSE USER GROUP PROVIDER NV-AM· Ill 1 SS 633061 ZllLl<ARNAEN v v 63970 AM CLOSE USER GROUP 1 NV-AM' IV 1 SS 5204.35 BUOi JUWONO v J

63971 AM CLOSE USER GROUP 2 NV-AM· IV 1 SS 680145 i.UKMAN HAKIM ./ 63972 AM CLOSE USER GROUP 3 NV-AM· IV 1 SS 63973 SAM SATELIT NV-AM' Ill 1 SS 670043 BOGI WIT JAKSONO 63974 AM SATELIT -1 NV-AM' IV 1 SS 83975 AM SATELIT-2 NV-AM' IV 1 SS 670622 OADANG JUHAENDI

,, 53976 AM SATELIT -3 NV·AM

1 IV 1 SS 7103G6 nlZAL AHMAD FAUZI v v

53977 SAM MULTIMEDIA PROVIDEn NV-AM' Ill 1 $8 6125:£_4 TOTY MIRAWATY v I

S3978 AM MULTIMEDIA • 1 NV-AM IV 1 SS 7202G5 ESTER !NOAH P v v

53979 AM MULTIMEDIA - 2 NV-AM IV 1 SS 5419·19 AGUS AKHADI v v

)3980 AM MULTIMEDIA • 3 NV-AM iV 1 SS 6512:i6 IMAM ZAHIR J

,/

33981 AM MULTIMEDIA - 4 NV-AM IV 1 SS v

)3982 SAM VALUE ADDED SERVICE PROVIDER ,i NV·AM1 Ill 1 SS 5304'17 'PETRUS SISWANTO ' ,,

)3983 AM VALUE ADDED SERVICE PROVIDER-1 NV-AM IV 1 SS 7301El6 EERNADUS TRIAJI BANGUN KAHONO ·---. '"

~--v )063992 OFF2 INFORMASI & KNOWLEDGE· 5 I-AM· v 2 s )063993 ASMAN ACTIVITY MANAGEMENT /-AM• IV 2 s 730307 ANTON TIMUR v ,,. 1063994 OFF2 TRANSAC. MONIT.&ANALISYS • CUG PROVIDE l·AM1 v 2 s 590985 SABAR ISWANTO ·I ./

)063995 OFF2 TRANSAC, MONIT.&ANALISYS • MULTIMEDIA & I-AM• v 2 s 670095 TRI ANOOl<O v

1063996 OFF2 TRANSAC. MONIT.&ANALISYS - VAS PROVIDE I-AM' v 2 s 770039 DYOY SUKANDAR 'I v

1063997 OFF 2 TRANSAC. MONIT.&ANALISYS • NETWORK TEL !·AM' v 2 s 1063998 OFF2 TRANSAC. MONIT.&ANALISYS • NETWORK 1-S I-AM• v 2 s 1063999 ASMAN CONSOLIDATION & REPORTING l·AM, IV 2 s 623099 FRIS Y ANRIZAL v " '064000 OFF 2 CONSOLIDATION NETWORK I-AM, v 2 s 650900 BAGUS KUSOANAROANA v 064001 OFF2 CONSOLIDATION· VAS 1 I-AM• v 2 s 640454 ASEP SAEPUOIN ,_,

064002 OFF2 CONSOLIDATION - VAS 2 l·AM • v 2 s 63~lli_ EVI HENDRI v ;

064003 OFF 3 REPORTING I)) /-AM• v 2 s 632251 FATKHURRAHMAN " 064004 MGR REPRESENTATIVE OFFICE MEDAN MON• Ill 2 EXE 602269 AHMAD HANAFI ZEN 5- v

064005 ASMAN CUSTOMER SERVICE MANAGEMENT MON• IV 2 s 660344 MOKHAMAD ERFAN ./

064006 OFF 2 INTERCONNECTION CUSTOMER SERVICE MON· v 2 s 600096 HASUOUNGAN TAMBUNAN ' /

064007 OFF 3 NETWORK & VALUE ADDED CUSTOMER SERV MON VI 2 s )64008 ASMAN NETWORK SERVICE MANAGEMENT MON, IV 2 s 612.558 OJOKO MULYONO ·' ;

)64009 OFF 2 NETWORK PERFORMANCE ANO DEVELOPME MON1 v 2 s 641639 FABAN SUKMANA · v )64010 OFF 2 DATA VALIDATION & AOMINISTRASION MON• v 2 s J64011 OFF 3 GENERAL TECHNICAL SUPPORT -1 MON· VI 2 s 591149 SUDARSO 0

)64012 OFF 3 GENERAL TECHNICAL SUPPORT ·2 MON' VI 2 s 590204 MUNAWIRMAN ,.,. )64013 ASMAN SUPPORTING SERVICE MANAGEMENT MON· IV 2 s 651G19 ARIF LUTFIANTO . ; )64014 OFF 2 GENERAL SUPPORT MON· v 2 s 730::199 l·IUSNUL RAHMAWATI v·

164015 OFF 3 DATA REPORTING 1 MON VI 2 s 620407 SITI KHADIJAH ./ v

164016 MGR REPRESENTATIVE OFFICE PALEMBANG PG ill 2 EXE 623073 FiTRIA ABU KASIM •/ " )64017 ASMAN CUSTOMER SERVICE MANAGEMENT PG IV 2 s 740074 NUGROHO SETIO BUOi v , 164018 OFF 2 INTERCONNECTION CUSTOMER SERVICE PG v 2 s 611B48 flUSLI )64019 OFF3 NETWORK & VALUE ADDED CUSTOMER SERV PG VI 2 s 631052 RUSLAYLI )64020 ASMAN NETWORK SERVICE MANAGEMENT PG IV 2 s 580Ei04 SYAMSUL BAHR! 1,

--J

)64021 OFF2 NETWORK PERFORMANCE ANO DEVELOPMEr PG v 2 s 631€i19 SYAHRUL AMIN '/ rv )64022 OFF 2 DATA VALIDATION & ADMINISTRASION PG v 2 s 600$32 DARMANSYAH v

)64023 OFF 3 GENERAL TECHNICAL SUPPORT PG VI 2 s 1312490 /NORA WIR~NTO v

164024 ASMAN SUPPORTING SERVICE MANAGEMENT PG IV 2 s 541330 PURWANTO \/ v 164025 OFF 2 GENERAL SUPPORT PG v 2 s {)21529 AHMAD ZANI RAMADHAN ,, 164026 OFF 3 DATA REPORTING .. PG VI 2 s 690195 MOHAMAD FADIL v v 164027 MGR REPRESENTATIVE OFFICE BANDUNG BO "' 2 EXE 550853 SWISS PASOPATI •/ v 64028 ASMAN CUSTOMER SERVICE MANAGEMENT BO IV 2 s 670221 FLORENCE SALIKUNA T '' iJ 64029 OFF 2 INTERCONNECTION CUSTOMER SERVICE BO v 2 s 64030 OFF 3 NETWORK & VALUE ADDED CUSTOMER SERV BO VI 2 s 6501fi0 NANAN NURJANAH J

64031 ASMAN NETWORK SERVICE MANAGEMENT SD· IV 2 s 540062 BUOi SUTRISNO v v 64032 OFF 2 NETWORK PERFORMANCE ANO DEVELOPMEI BO v 2 s 6'32317 Y SLAMET SUBIYAKTO v 64033 OFF2 DATA VALIDATION & ADMINISTRASION SD· v 2 s 110059 LEN/ YULIANTI v v

64034 OFF3 GENERAL TECHNICAL SUPPORT BO VI 2 8 601818 SULAEMAN KARIM v " 64035 ASMAN SUPPORTING SERVICE MANAGEMENT SD IV 2 s 660425 3HINTA OKTARINA v /

54035 OFF2 GENERAL SUPPORT SD v 2 s· 641500 DIDI IMANSYAH v v 54036 OFF 2 GENERAL SUPPORT SD v 2 s 631659 SIJTISNA ANGGADIREJA " 54038 OFF 3 DATA REPORTING ·.BO VI 2 s 6300-11 EnSAWATI v

54039 MGR REPRESENTATIVE OFFICE SEMARANG SM Ill 2 EXE 670141 FAISAL R. OJOEMADI ·/ J

34040 ASMAN CUSTOMER SERVICE MANAGEMENT SM IV 2 s 6800~'9 SOERACHMAD ADI WAHJONO \/ v

)4041 OFF 2 INTERCONNECTION CUSTOMER SERVICE SM v 2 s 61l?'i1 JAGARIN PANE v J ·-TRI HARY ANTO )4042 OFF3 NETWORK & VALUE ADDED CUSTOMER SERV SM VI 2 s 632097 v .'

)4043 ASMAN NETWORK SERVICE MANAGEMENT SM IV 2 s 611103 TIGO SUPRAPTO v J

M044 OFF2 NETWORK PERFORMANCE AND DEVELOPMEJ SM v 2 s 6414~!7 IMAM FATKHURROZI v J

\4045 OFF 2 DATA VALIDATION & ADMINISTRASION SM v 2 s 6117ds HARi KUNCAHYO 14046 OFF 3 GENERAL TECHNICAL SUPPORT SM VI 2 s i4047 ASMAN SUPPORTING SERVICE MANAGEMENT SM IV 2 s 580086 I WA YAN SUJANA v i4048 OFF2 GENERAL SUPPORT SM v 2 s 66038-7 BUOi HARYONO ,; i4049 OFF3 DATA REPORTING " SM VI 2 s 622389 ALI ACHMADI v 4050 MGR REPRESENTATIVE OFFICE SURABAYA SB Ill 2 EXE 4051 ASMAN CUSTOMER SERVICE MANAGEMENT SB IV 2 s 560115 ARDI UTOMO ,/ 4052 OFF2 INTERCONNECTION CUSTOMER SERVICE SB v 2 s 610285 T JATURINGTYAS PR/HARDIN/ 4053 OFF 3 NETWORK & VALUE ADDED CUSTOMER SERV SB VI 2 s 760029 TAUFIK NUR H/DAYAT v 4054 ASMAN NETWORK SERVICE MANAGEMENT SB IV 2 s 650697 FATCHUR ROZI v 4055 OFF2 NETWORK PERFORMANCE AND DEVELOPMEI SB v 2 s 632340 YULMAN v 4056 OFF2 DATAVALIDATION & AOM/N/STRASION SB v 2 s 64141.2 SOELIH SOEPRIYANTO 4057 OFF 3 GENERAL TECHNICAL SUPPORT ·1 SB VI 2 s 622231 TEGUH WIYONO 4058 OFF3 GENERAL TECHNICAL SUPPORT -2 SB . VI 2 s ios9 ASMAN SUPPORTING SERVICE MANAGEMENT SB IV 2 s 561100 AMAIN SALAM LAIDIN PONO V ioso OFF2 GENERAL SUPPORT ·1 SB v 2 s 1nr:::1 llr-i: ., r;:.C:l\ICOAI C'l !DDAOT ,, --

b I, -

~··.Jr· ..•. · ......... ..... :·=< /;·:.:;;:/!-iL-)i-:}:<y;::;::_::_):);:;:::·):i:. ,,_ =·= . •.•....•.•••. ~jj;i «P JS~ •··••••·· ...•... ·.. > <

i·;;.;;.···············································'

> :";-··,·.:;,., ,-' ·,::_ ·.•. ''' .... 64068 OFF 2 NETWORK PERFORMANCE AND DEVELOPME BPP· v 64069 OFF 2 DATA VALIDATION & ADMINISTRASION BPP 1 v 54070 OFF3 GENERAL TECHNICAL SUPPORT BPP' VI S4071 ~SMAN SUPPORTING SERVICE MANAGEMENT BPP • IV 5'4072 OFF 2 GENERAL SUPPORT BPP · v )4073 OFF3 DATA REPORTING ii BPPI VI i4074 MGR REPRESENTATIVE OFFICE MAKASSAR MKS' Ill i4075 ASMAN CUSTOMER SERVICE MANAGEMENT MKS' IV 14076 OFF 2 INTERCONNECTION CUSTOMER SERVICE MKS' v 14077 OFF3 NETWORI< & VALUE ADDED CUSTOMER SERV MKS VI i4078 ASMAN NETWORK SERVICE MANAGEMENT MKS IV i4079 OFF2 NETWORK PERFORMANCE AND DEVELOPMET MKS· v i4080 OFF2 DATA VALIDATION & ADMINISTRASION MKS· v i4081 OFF 3 GENERAL TECHNICAL SUPPORT-1 MKS. VI •4082 OFF 3 GENERAL TECHNICAL SUPPORT-2 MKS VI 4083 ASMAN SUPPORTING SERVICE MANAGEMENT MKS· IV 4084 OFF 2 GENERAL SUPPORT MKS v 4085 OFF 3 DATA REPORTING -1 MKS• VI 4086 OFF 3 DATA REPORTING ·2 · l',MKS · VI 4087 OFF 1 STAF KHUSUS Ill GA IV

2 s 730431 2 s --2 s 2 s 6329!)9 2 s 620865 2 s 2 EXE 6700~17

2 s 642188 2 s 720545 2 s 641415 2 s 651213 2 s 5801Ei0 2 s 2 s 620727 2 s 641528 2 s 590449 2 s 630773 2 s 631733 2 s 780044 6 s 602145

ul ll St JI Anu1 JI JD v

OTTO HERMAN SETIADI v

NYIMAS FATDYA KURMEIRINA

Hi\MKA KARIM v Cl-IE11L Y ANTO MADAO ~

YOZARALBAR 'v

TOTOK SUBAGYO v MUHAMMAD LUTFI ~

JOKO SURYONO ./

UKHUD SUMARDIYONO v

DJOKO PURWADI v

ANAK AGUNG GEDE MA YUN ,, SUGITO v M. NURSIHABUDIN v HUSNUL MLIFIDAH v HERRY WIBOWO

Jakarta, Februarl 2005 HR MANAGER CISC

SUPAAMAti& NIK:530093

v

1•

~j\}felp

tegori:4. CUTI I Judul : Cuti-OD I - ID : Flowchart & Step by 5tep Cuti

FLOW CHART CUTI

Pemohon Pemeri ksa I Pemerrksa ke 2 .. l\I Pen ca tat Cuti/ Unit SDM

~ennohonan Cuti

---.J ~-1----;. Permohona~J ..+----" Permohonan Cuti I

Edit Perinohonan Cuti

Peri"sa I Edit Penn ohonan Cuti

ft,pprove

Fohonan Cut1 •---+---T-< ~ Y Setuju >--~

~- ~

Dokume11 Final

P ennohon~~.J

---

' f\ orer<~J

P errn ohon;;Jn Cuti

P errn oh on an Cuti

D okum en Final Penn ohonan CuU

·---+-~

Petiksaledi1 ;] Permohor~n Cuti

.Bpprove J T

~ f<oteksi I Pennol-ioren Cuti j ~--~-~

Dok um en Fin;!"] Pennohoran Cuti -

PerikS51 Dok11men i Cuti .

y P oding ke SP.P·

HR

Dokurnen Fina! \ Pennohonan Cuti !

-----..J

B:P BY STEP PROSES CUTI , HURUF TEBAL W AJIH UILAKUKAN

). PE MO HON PEMERIKSA I PEMERIKSA 2 .. N SDM Cl Kllk Buat Cuti Kllk Perlu di proses Kllk Perlu di proses Kllk Perlu di pros

Plllh Jenis Cuti Kllk permohonan cull Kllk permohonan cull dimaksud Klik permohonan dimaksud dimaksud

lsi Lama C•Jti Kllk edit dokumen Klik edit dokumen Klik edit dokumer

Isl Tgl Cuti lsi tgl persetujuan cuti isl tgl persetujuan cuti pd lsi catatan pemerik

pd Keputusan Pejabat Keputusan Pejabat Berwenang Berwenana

· t\lasan Cuti

lsi maksud/ tujuan Cuti lsi file lampiran

Isl pemeriksa !si komentar

Klik kirlm/selesai

Pilih Setuju I Kem Tolak I Selesai