PENGEMBANGAN APLIKASI PENGELOLAAN BARANGBERBASIS WEB PADA PT. TELKOM KANDATEL

JAKARTA SELATAN

Siti Shofah

PROGRAM STUDI TEKNIK INFORMATIKAFAKULTAS SAINS DAN TEKNOLOGI

lINIVERSITAS ISLAM NEGERISYARIF HIDAYATULLAH

JAKARTA

PENGEMBANGAN APLIKASI PENGELOLAAN BARANGBERBASIS WEB PADA PT. TELKOM KANDATEL

.JAKARTA SELATAN

Oleh:SITT SHOFAH101091023337

Skripsi

Sebagai Salah Satu Syarat Untuk Memperoleh GelarSarjana Komputer

Fakuitas Sains dan TeknologiUniversitas Islam Negeri SyarifHidayatuliah Jakarta

PROGRAM STODI TEKNIK INFORMATlKAFAKULTAS SAINS DAN TEKNOLOGI

ONIVERSITAS ISLAM NEGERISYARIF HIDAYATOLLAH

JAKARTA

PENGEMBANGAN APUKASI PENGELOLAAN BARANG

BERBASIS WEB PADA PT. TELKOM KANJI)ATEL

.JAKARTA SELATAN

Skripsi

Sebagai Salah Satu Syarat Untuk Memperoleh Geiar

Sarjana Komputer

Pada Fakultas Sains dan Teknologi

Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh:

SITI SHOFAH

101091023337

Menyetujui,

Pembimbing I

Aries Susanto HT, M.MSi

Pembimbing II

Faizal Aidul Fitri, ST, M.Kom

Mengetahui,

Ketua Jur an Teknik Informatika

t-z- ~Ir. Bakri LaKatj~

NIP: 470 035 764

Pengesahan Ujian

Skripsi yang be!judul "Pengembangan Aplikasi Pcnge101aan Barang Berbasis WebPada PT. Te1kom Kandate1 Jakarta Selatan". Telah diuji dan dinyatakan h!lus dalamsicJang munaqosah Fakultas Sains dan Teknologi, Universitas Islam Negeri SyarifHidayatulJah Jakarta, pada hari rabu, 12 Ju1i 2006.

Skripsi ini ditcrima sebagai salah satl! syarat untllk mcmperoleh gc1ar smjana stratasatu (S I) pacla jurusan Sistem 1nfol1nasi I Teknik Informatika.

Jakarta, 12 Juli 2006

Tim Penguji,

Penguji

Rizal Bahaweres, S.Si, M.Kom

Penguji I

Mengetahui,

dan Teknologi

NIP: 150317956

JURUSAN TEKNIK INFORMATIKAFAKULTAS SAINS DAN TEKNOLOGI

UIN SYARIF HIDAYATlJLLAH JAKARTA

Dengan ini menyatakan bahwa skripsi yang ditulis oleh:

Nama

NIM

Program Studi

Judul Skripsi

Siti Shofah

101091023337

Teknik Informatika

: Pengembangan Aplikasi Pengelolaan Barang

Berbasis Web Pada PT. Telkom Kandatel

Jakarta Selatan

Dapat diteril11a sebagai syarat kelulusan untuk l11emperoleh gelar Sarjana KOl11puter

pada Jurusan Teknik Informatika Fakultas Sains dan Teknologi UIN Syarif

Hidayatullah Jakarta

JakaJ1a, Juli 2006

Menyetujui,

Dosen Pembimbing

Pembil11bing I,

Aries Susanto HT, M.Msi

Pembimbing II,

Faizal Aidul Fitri, ST, M.Kom

Mengetahui,

Ketua Ju san, r-.

-~

ABSTRAK

Siti Shofah (101091123337), Pengembangan Aplikasi Pengelolaan BarangBerbasis Web pada PT. Telkom Kalldatel Jakarta Selatan. ( Dibawah bimbinganAries Susanto HT, M.Msi dan Faizal Aidul Fitri, ST, M.Kom).

Pengelolaan barang adalah salah satu proses bisnis dad Sub. Bag LogistikBagian Operasi &.Pemeliharaan Jaringan Akses yang kegiatannya meliputipermintaan dan pemesallan atau pellgajuall pellgadaall barallg yang pellangallanyatidak boleh dipandang sebelah mata. Hal ini disebabkan karena penangananpengelolaan barang yang baik dapat meningkatkan ef:ektifitas kerja danpengelolaan barang yang lebih efisien.

Pada PT. Telkom Kandatel Jakarta Selatan yang berada di JalanSisingamangaraja, pengelolaan barang merupakall salah satu bagian dari prosesbisnis Sub. Bag Logistik Bagian Operasi &.Pemeliharaan Jaringan Akses. Dalamkegiatan pengelolaan barang seperti proses permintaan dan pesanan, perusahaanini masih menggunakan sistem manual, dimana user (karyawan) tidak mengetahuiinformasi persediaan barang sebagai aeuan user untuk melakukan permintaan danpemesanan barang. Seorang karyawan yang ingin melakukan permintaan barangharus mengisi NPBI FPB dengan melampirkan NPL yang kemudian akandiverifikasi oleh SS, Ass. Man Sub. Bag dan Ass. Man Logistik dan untukpemesanan. bagian gudang memberikan laporan permintaan, pengadaan clanpersediaan barang dan user dengan memberikan justifikasi ke Ass. Man Logistikuntuk dapat dilakukan pcmesananl pengadaall barallg yang akan direalisasikanoleh kasi pengadaan. Proses tersebut clirasa kurang efektif clan efisien sertamcmakan waktu, tenaga dan biaya. Oleh karena itu diperlukan adanyapengembangan suatu sistcm atau aplikasi pengelolaan barang berbasis web clanfaetor-faktor pendukung lain yang dapat memepermudah kegiatan permintaan clanpemesanan barang sehingga dapat lebih efektif dan efisien.

Melalui tahapan anal isis, desain dan implementasi pada metodologi SDLCtradisional dalam pengembangall sistem, pengembangan suatu aplikasipengelolaan barang berbasis web ini, diharapkan dapat mempemlUdah danmempereepat proses permintaall clan pemesanan barang.

PERNYATAAN

DENCJAN INI SAYA MENYATAKAN BAl-IWA SKRIPSI INI

BENAR-BENAR I-1ASIL KARYA SENDIRI YANG BELUM PERNAI-I

DIAJUKAN SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA

PERGURUAN TINGGI ATAU LEMBAGA MANAPUN

Jakarta, .fuJi 2006

Siti Shofah

101091023337

KATAPENGANTAR

Alhamdulillnh, puji sertn syukur penulis panjatkan kehadirnt Allah SWT,

karena berkat rahmat dan hidayah-Nyalah penulis dapat menyelesaikan skripsi ini.

Shalawat serta salam insya Allah selalu tercurah kepada Nabi Muhammad SAW

beserta keluarga dan para sahabatnya serta para pengikutnya yang selalu isliqomah

hingga akhir zaman.

Penulis menyadari bahwa Dengan izin dan pertolongan Allah-lah skripsi ini

dnpat selcsai. Selain itu penulis menyadari bnhwa bnnyak pihak yang membantu

cia lam penyelesaian tugns nkhir ini. Olch karcllil ilu pcnulis mcngllcnpkan banyak

terimaknsih kcpnda:

I. Ayahnnda, Ibunda, kaknk, adik dan seluruh keluarga tercinta yang telah

memberikan doa, kasih sayang, dukungan dan semangat hingga selesainya skripsi

ini.

2. Bapak Aries Susanto HT, M.Msi, selaku Dosen Pembimbing I, dan Bapak FaizaI

Aidul Fitri, ST, M.Kom, selaku Dosen Pembimbing II, yang telah memberikan

bimbingan dan saran-saran dalam penyusunan skripsi inL

3. Bapak Dr. Syopiansyah Jaya Putra, M.SIS, selaku Dekan Fakultas Sains dan

Teknologi.

4. Bapak Ir. Bakri La Katjong, M.kom, MT, selaku Ketua Jurllsan Teknik

Informatika.

5. Seluruh staff akademik Fakultas terutama Ibu Ova dan Bapak Gun.

6. Seluruh staff akademik Jurusan terutama Bapak Rivo.

7. Seluruh pihak PT. Telkol1l khususnya Sub. Bag ADM & Logistik Bagian Operasi

&.Pcmcliharaan Jaringan Akses,.

8. Staff di PT. Tclkom Kandatcl Jakarta Sclatan.

9. Ikwan-akhwat UIN, terutama di FST dan FE untllk doa, einta dan ukhuwahnya.

Serta Rckan-rckan scangkatan di TIIB (Lina & Nia, lsti, Elis, Anis, Ririt, Titi,

lsmi, Uswah, Ade, Pia, Nunu dB) dan TI/A (Nia, Amel & Kannila, Rahmah,

San ita dB) yang telah banyak mel1lberikan do'a, dllkungan dan semangatnya. Dan

semua pihak yang tidak dapat dituliskan satu per satu, atas bantuannya penulis

ucapkan banyak terimakasih.

Penulis menyadari bahwa masih banyak kelemahan dan kekurangan yang

terdapat dalam skripsi ini. Oleh karena itu penulis mohon maaf yang sebesar­

besarnya kepada semua pihak jika terdapat kesalahan yang kurang berkenan dihati

dan penulis akan l1lenerima dengan senang hati saran dan kitik yang membangun

lIntuk penyempurnaan skripsi ini. Akhir kata penulis berharap semoga skripsi ini

dapat bermanfaat bagi kita semua.

Ciputat, Juli 2006

Penulis

DAFTARISI

Halaman

Lembar Persetujuan ..

Lembar Pengesahan Ujian II

Lembar Pengesahan iii

Abstraksi .. iv

Kata Pengantar v

Daftnr lsi VII

Daftar Tabel XII

Daftar Gambar Xlll

Daftar Lampiran XVI

Daft-'lr Istilah xviii

BAB I Pcndahulmlll ..

I. I Latar Belakang , .

1.2 Pel'umusan Masalah .

1.3 Ruang Lingkup .

1.4 Tujuan Penelitian ..

1.5 Manfaat Penelitian .

1.6 Metodologi Penelitian .

I.7 Si stematika Penulisan .

1

1

2

2

3

3

4

6

BAB II Landasan Tcori 8

2.1 Pengertian Sistem 8

2.2 Siklus Hidup Pengembangan Sistem 8

2.3 Bagan Alir (Flowchart) 9

2.3.1 Bagan alir dokumen (Document Flowchart) 9

2.3.2 Bagan alir program (Program Flowchart) 11

2.4 Perancangan Sistem 12

2.4.1 Data Flow Diagram (DFD) 12

2.4.2 Data Dictionary (Kamtls Data) 14

2.5 Peraneangan Database 14

2.5.1 Definisi Basisdata 14

2.5.2 Entity Relatioship Diagram (ERD) 15

2.5.3 Nonnalisasi 16

2.6 DataBase Management Sistem (DBMS) 17

2.6.1 Bahasa Dalam DBMS 17

2.6.2 Pengertian Multiuser .. \............... 18

2.6.3 Arsitektur DBMS Multiuser 19

2.7 HTML 21

2.8 PHP 22

2.9 MySQL 23

2.10 JavaSeript 24

2.11 Inventory 25

2.12 Aplikasi Berbasis Web 27

2.12.1 Web Browser 27

2.12.2 Web Server 28

2.12.3 Pemrograman Web (Web Programming) 28

BAB III Metodologi Penelitian .•.•.. .•.. 30

3.1 Pereneanaan 31

3.2 Analisis 31

3.3 Desain 31

3.4 Implementasi 32

BAB IV Pengembangan Sistem 33

4.1 Latar Belakang PT. Telkom Kandatel JakaJia Selatan 33

4.1.1 Sejarah Singkat Sub. Bag ADM & Logistik Bagian

Operasi & Pemeliharaan Jaringan Akses 33

4.1.2 Area Pelayanan 34

4 11 Visi. Misi daJl Kebijaka"n Mutu 36

4.14 Struktur Organisasi 37

4.1.5 Tugas dan Wewenang 38

4.2 Analisis Sistem 39

4.2.1 Uraian Sistem yang Berjalan 39

4.2.2 Kelebihan dan Kelemahan Sistem yang Berjalan '" 44

4.3 Analisis Pemeeahan Masalah ,.... ,................................ 45

4.3.1 Permasalahan yang ditemukan Pada Sistel11 yang

Sedang Betjalan 45

4.3.2 Pemeeahan Masa1ah 46

4.4 Usulan Peraneangan Aplikasi Pengelolaan Barang 46

4.4.1 Analisis Kebutuhan .. 46

4.4.2 Pihak yang Terlibat 48

4.4.3 Raneangan Alur Sistem yang Diusulkan 50

4.5 Peraneangan Sistel11 57

4.5.1 Raneangan Data Flow Diagram 58

4.5.1.1 Raneangan Diagram Contex (level 0) 58

4.5.1.2 Raneangan Diagram level 1 59

4.5.1.3 Raneangan Diagram level 2 60

4.5.1.4 Raneangan Diagram level 3 66

4.5.2 Raneangan Keluaran Masukan 71

4.5.2.1 Raneangan Masukan '" .. 71

4.5.2.2 Raneangan Keluaran 77

4.6 Raneangan Basis Data 78

4.6.1 Raneangan Model Data (ER-Diagram) 78

4.6.2 Normalisasi 79

4.6.3 Spesifikasi Tabel 89

4.6.4 Kamus Data 90

4.7 Raneangan Antarmuka yang Diusulkan 91

4.7.1 Tal11pilan Index 91

4.7.2 TampilanHol11e 92

"t ~~L_l n~_ r< __ ••••••••••••• 94

4.8.24 Daftar Barang '" 124

4.8.25 Tabel-tabel 125

4.8.26 Cari Permintaan 126

4.8.27 Cari Pesanan 127

4.8.28 Ganti Password 128

4.8.29 Logout 129

4.9 Implementasi Rancangan Aplikasi 129

4.9.1 Spesifikasi Software dan Hardware 129

4.9.2 Pengkodean 131

4.9.3 Tampilan Aplikasi Pengelolaan Barang 132

BAB V Pcnutup 133

5.1 Kesimpulan .':,............................ 133

5.2 Saran 134

Daftal' Pustaka 136

Lampil'an A

Lmnpil'all B ............................................................................A

G

DAFTAR TABEL

1'abel 4.6

Tabel 4.7

1'abel 4.8

1'abel 4.9

Halaman

1'abel 4.1 : Daftar 13 S1'O ...............................•.............. 35

1'abel 4.2 : Piasa 1'elkom 35

1'abel 4.3 : B2FC3 35

1'abel 4.4 : Flow of Document Sistem Pengelolaan Barang (Permintaan

dan Pengajuan Pengadaan Barang) ,. 43

1'abel 4.5 : Flow of Docul11ent Sistel11 usulan Pengelolaan Barang

(Perl11intaan dan Pengajuan Pengadaan Barang) 56

: Tabel S1'O Normal pertama 79

: Tabel Unit Normal pertama 80

: 1'abel Data_user Normal pertama 80

: Tabel Barang Nonnal peliama .. 80

1'abel 4.10: Tabel Perl11intaan Normal pertama 81

1'abel 4.11: Tabel Pesanan Normal pertal11a 81

1'abel 4.17; 1'abel Pesanan Normal Kedua ..

1'abel 4.12: 1'abel S1'O Normal Kedua ..

1'abel 4.13: 1'abel Unit Normal Kedua .

4.15 : 1'abel Barang Normal Kedua ..

4.16 : 1'abel Permintaan Normal Kedua ..1'abel

1'abel

82

82

1'abel 4.14; 1'abel Data_user Normal Kedua 83

83

84

85

1'abel 4.18: 1'abel Kamus Data 90

DAFTAR GAMBAR

Gambar 2.1 0 : Client-side Programming

11

12

13

14

16

19

20

20

29

29

30

37

58

59

61

61

63

64

65

66

67

68

69

70

70

78" 1 ,." __ ~ 1 1"'\: ~ ~_""""'" {CD n,

: Simbol-simbol Bagan alir dokumen (Document Flowchart) ..

: Simbol-simbol Bagan alir program (Program Flowchart) .

; Simbol-simbol DFD .

: Simbol-simbol ERD .

; Teleprocessing .

; File Server .

; Client Server ..

; Server-side Programming

; Simbol-simbol atau notasi kamus data ..

: SDLC Tradisional ..

; Strllktur Organisasi ..

: Contex Diagram system yang diusllikan ..

; Data Flow Diagram (DFD) level 1 ..

; DFD level 2 Detil Proses 2.0 (Pengelo1aan Master Data) ..

; DFD level 2 Deti! Proses Ketiga .

; DFD level 2 Deti! Proses Keempat 62

; DFD level 2 Detil Proses Ketujuh .. ~ .

: DFD level 2 Deti! Proses Kedelapan .

; DFD level 2 Delil Proses Kesepuluh ..

: DFD level 3 Detil Proses 2.1 (Mengelola Data_STO) .

: DFD level 3 Detil Proses 2.2 (Mengelola Data_unit)

; DFD level 3 Detil Proses 2.3 (Mengelola Data_user)

: DFD level 3 Detil Proses 2.4 (Mengelola Data_barang) .

; DFD level 3 Detil Proses 2.5 (Mengelola Dataymtn) ..

: DFD level 3 Detil Proses 2.6 (Mengelola Data_psn) ..

Halaman

Gambar 2.1

Gambar 2.2

Gambar 2.3

Gambar 2.4

Gambar 2.5

Gambar 2.6

Gambar 2.7

Gambar 2.8

Gambar 2.9

GambaI' 4.15

GambaI' 3.1

Gambar 4.1

Gambar 4.2

Gambar 4.3

Gambar 4.4

Gambar 4.5

Gambar 4.6

Gambar 4.7

Gambar 4.8

Gambar 4.9

Gambar 4.10

Gambar 4.11

Gambar 4.12

Gambar 4.13

Gambar 4.14

GambaI' 4.17 : Hubungan Relasi Antar Tabel yang telah ternormalisasi 87

GambaI' 4.18 : Rancangan Tampilan Index 91

GambaI' 4.19 : Rancangan Tampilan Home 92

GambaI' 4.20 : Rancangan Tampilan Tabel Barang 94

Gambar 4.21 : Rancangan Tampilan Form PCfmintaan ,' .. ".,. 95

Gambar 4.22 : Rancangan Tampilan Verifikasi Permintaan

(Ass. Man Sub. Bag) 97

GambaI' 4.23 : Rancangan Tampilan Permintaa!1 Vel' Lengkap 100

GambaI' 4.24 : Rancangan Tampilan Signnp 10I

GambaI' 4.25 : Rancangan Tampilan Cari Pcrmintaan 102

GambaI' 4.26 : Rancangan Tampilan Tabcl-tabcl 103

Gambar 4.27 : Rancangan Tampilan Ganti Password 104

GambaI' 4.28 : Flowchart Menu Login 105

GambaI' 4.29 : Flowchart Menu cek_login 105

GambaI' 4.30 : Flowchart Menu Homc 106

GambaI' 4.31 : Flowchart Menu Utama Admin 107

GambaI' 4.32 : Flowchart Mcnu Utama Ass. Man Logistik 107

GambaI' 4.33 : Flowchart Menu Utama Ass. Man Sub. Bag .. , 108

GambaI' 4.34 : Flowchart Menu Utama Kasi Gudang 108

GambaI' 4.35 : Flowchart Mcnu Utama Kasi Pengadaan 109

GambaI' 4.36 : Flowchart Menu Utama SS 109

Gambar 4.37 : Flowchart Menu Utama User 110

GambaI' 4.38 : Flowchart Tabel User ,.................... 111

GambaI' 4.39 : Flowchmt Tabel Barang 112

GambaI' 4.40 : Flowchart Form Permintaan Barang (FPB) 113

GambaI' 4.41 : Flowchart Form Pesanan (FPPB) 114

GambaI' 4.42 : Flowchart Verifikasi Permintaan SS liS

GambaI' 4.43 : Flowchart Verifikasi Pcrmintaan Assub 116

Gambar 4.44 : Flowchart Verifikasi Pcrmintaml Aslog 117

Gambar 4.45 : Flowchart Verifikasi Transaksi 118

'" -~L_.- .. n~ "":."'-/<rJ"" .. 'J"'l·Tpnolt-nl" _ _ 119

Gal11bar 4.47 : Flowchart Verifikasi Pesanan Aslog , 120

Gal11bar 4.48 : Flowchart Verifikasi Pesanan Pengadaan 121

Gambar 4.49 : Flowchart Verifikasi Pengadaan 122

Gambar 4.50 : Flowchmt Signup 123

Gal11bar 4.51 : Flowchart Daftar Barang .. 124

Gambar 4.52 : Flowchart Tabel-tabel .. 125

Gambar 4.53 : Flowchmt Cari Perl11intaan ..\ 126

Gambar 4.54 : Flowchart Cari Pesan 127

Gambar 4.55 : Flowchart Ganti Password 128

Gambar 4.56 : Flowchart Logout 129

Halaman

Lampiran A

A-I.

A-2.

A-3.

A-4.

A-5.

DAFTAR LAMPIRAN

..........................................................................

Script/Listing Program Halaman Index ..

Script/Listing Program Halaman Home .

Script/Listing Program Halaman Penllintaan .

Script/Listing Program Halaman Verifikasi Permintaan (Assub).

Script/Listing Program Halaman Cari Permintaan ..

A

A

A

B

C

D

A-6. Script/Listing Program Halaman Tabel Barang D

A-7. Script/Listing Program Halaman Signup E

A-8. Script/Listing Program Halaman Tabel-tabel E

A-9. Script/Listing Program Halaman Ganti Password F

Lampiran B " .

Gambar

Gambar

I : Tampilan Halaman Index

2 : Tampilan Halaman I-lome

G

G

G

Gambar 3: Tampilan Halaman Barang H

Gambar 4:

Gambar 5:

GambaI' 6 :

GambaI' 7 :

GambaI' 8:

GambaI' 9:

GambaI' 10 :

GambaI' II :

GambaI' 12 :

Tampilan I-Ialaman User H

Tampilan Halaman Permintaan (FPB) I

Tampilan Halaman Verifikasi Permintaan (Assub) '" I

Tampilan Halaman Deti! Verifikasi (Aslog) J

Tampilan Halaman Permintaan Verifikasi Lengkap .. J

Tampilan Halanlan DetilVerifikasi Lengkap K

Tampilan Halal11an Cari Pennintaan K

Tampilan Halaman Signup L

Tal11pilan Halal11an Daftar Barang L

Gambar 13: Tampilan Halaman TabeJ..tabel ....................... M

Gambar 14 : Tampilan Halaman Laporan Permintaan (FPB / NPB) M

Gambar 15 : Tampilan Halaman Peringatan (Security Login) ... N

Gambar 16 : Tampilan I-Ialaman Konfirmasi Proses Signup ...... N

Gambar 17 : Tampilan Halaman Konfirmasi Proses Daftar Barang 0

BABI

PENDAHULUAN

•.1 Lata!" Belakang

Perkcmbangan teknologi informasi yang semakin cerat dcwasa ini

mempengaruhi bcrbagai bidang kehidupan tennasuk dunia bisnis. Sebagai

bagian dari tcknologi informasi, komputer saat ini menjadi suatu kebutuhan

yang kritis baik di perusahaan swasta maupun di instansi pemerintah.

Injilrlllllsi yang cerat dan akurat serta tertata dalam suatu struktur yang

jelas akan sangat mendukung kelanearan operasional atau manajemen

perusahaan. Untuk itu dalam pengelolaan barang gudang diperlukan suatu

sistem yang dapat mengelola informasi pengelolaan barang yang ada sehingga

dapat mendukung kelancaran operasional perusahaan.

Hal tersebut dirasakan pula oleh sebuah institusi yang dalam

pendistribusian barangnya belum terintegrasi dalam ~:atu sistem dan masih

bersifat manual, dimana ketika karyawan di sub bagian institusi tersebut ingin

meminta barang ia tidak mengetahui persediaan barang yang ada di gudang

karena informasi tersebut hanya diketahui oleh seorang kal"yawan yang

mendata atau mengontrol pertambahan dan pengurangan barang yang ada di

glldang. Oleh karenanya, banyak permintaan bars,ng yang tidak dapat

terpenuhi, karena ternyata barang tersebut kosong atau jumlahnya tidak

memenubi kebutuhan. Selain itu proses pemesanan dan pendistribusian atau

pennintaan barang yang melalui beberapa tahapan verifikasi tidak efisien

banyak memakan waktu, tenaga, dan biaya karena masib dilakukan secara

manual, akhirnya penanganan perbaikan menjadi tertunda.

Untuk itu berdasarkan uraian masalab tersebut diatas, penulis memilib

judul Pengembangan Aplikasi Pengelolaan Barang Berbasis Web pada PT.

Telkom Kandatel Jakarta Selatan.

1.2 Penmlllsan Masalah

Dari uraian latar belakang yang telab. dikemukakan chatas, penulis

dapat merumuskan beberapa masalab yang ada seperti bagaimana

mempennudab dan mempercepat pengelolaan sernua data kegiatan

pengelolaan barang dalam melakukan manipulasi daw., yaitu menambab,

menyimpan, mengubab, mengbapus dan mencari serta mengbasilkan laporan

(report dalam web yang menggunakan btml) dalam proses. pengelolaan data?

1.3 Ruang Lingkup

Ruang lingkup dalam pengembangan aplikasi berbasis web unttlk

Pengelolaan Barang ini meliputi pembangunan Database dan aplikasi, yaitu

Database Logistik dengan menggunakan Database Mysql-3.23.32 untuk

mengelola semua data terkait dan aplikasi dengan menggunakan babasa

pemrograman PI-IP 4.0.

Pada penulisan tugas akhir ini penulis akan menggunakan

pengembangan sistem hanya pada tahap analisis, desain dan implementasi

pada Sub. Bag ADM & Logistik Bagian Operasi & Pemeliharaan Jaringan

Akses di PT. Telkom Kandatel Jakarta Selatan.

1.4 Tujuan Penelitian

Tujuannya yaitu terwujudnya pengembangan suatu Aplikasi

Pengelolaan Barang pada Sub. Bag ADM & Logistik Bagian Operasi

&.Pemeliharaan Jaringan Akses.

1.5 Manfaat Penelitian

I. Manfaat bagi penulis :

» Menerapkan ilmu-ilmu yang diperoleh selama kuliah

» Mengetahui kondisi dunia kerja yang sebenarnya

» Membandingkan teori yang didapat diperkuliahan dengan masalah

yang sebenarnya,

2, Bagi Perusahaan :

» Memudahkan karyawan Sub, Bag ADM & Logistik Bagian Operasi

&.Pemeliharaan Jaringan Akses dalam pengelolaan barang gudang,

» Menyediakan informasi yang cepat, tepat dan akurat mengenai data­

data informasi tentang pengelolaan persediaan barang gudang kepada

para karyawan yang terkait.

3. Bagi Universitas:

» Mengetahui seberapa jauh mahasiswa mengetahui materi yang

diberikan.

» Mengetahui seberapa jauh mahasiswa menerapkan ilmu terhadap

materi yang diberikan.

1.6 Metodelogi Penclitian

a. Metodc Pengumpulan Data

I. Metode Observasi

Mengumpllikan data dengan cara mengamati seeara langsung kegiatan

yang berlangsllng di Sub. Bag ADM & Logistik Bagian Operasi

&.Pemeliharaan Jaringan Akses.

2. Metode wawancara

Mengumpulkan data dan informasi dengan caramewancarai karyawan

yang bertllgas pada Sub. Bag ADM & Logistik Bagian Operasi

&.Pemeliharaan Jaringan Akses.

3. Metode Studi Pustaka

Metode pengumpulan data dengan mengambil dari sllmber-surnber

media cetak atau elektronik yang berhubungan dengan pengembangan

aplikasi yang akan dibangun.

b. Metode Pengembangan

Dalam penyusunan tugas akhir ini penulis menggunakan metodologi

pengembangan dengan pendekatan terstruktur dengan tiga tahap dalam

metode sistem Development Life Cycle (SDLC), yaitu :

» Analisis: Pada tahap ini dilakukan analisi'! terhadap sistem yang

sedang beljalan dan melakukan pendataan terhadap kebutuhan­

kebutuhan terhadap sistem yang baru.

» Desain: Pada tahap ini dibuat rancangan sistem yang baru. Tahap ini

dibuat:

a DFD (Data Flow Diagram) yaitu modcl yang menggambarkan

sistem sebagai jaringan kerja antar fungsi yang berhubungan satu

sama lain dengan proses, aliran data, dan penyimpanan data. DFD

merupakan sarana komunikasi antara pl~ngembang dengan user.

Selain itu DFD digunakan untuk melakukan perancangan sistem.

a Entity Relationship Diagram (ERD) yang berisi komponen­

komponen himpunan entitas dan relasi masing-masing dilengkapi

atributnya yang merupakanrepresentasi dari dunia nyata,

pemetaan ke model relasional, dan nonnalisasi yang merupakan

pembentukan table-tabel yang sedemikian rupa agar terjalin

integritas yang baik. ERD dan Normalisasi sebagai rancangan

Database.

BAB III METODOLOGI PENELlTIAN

Bab ini menguraikan mengenai metodologi penelitian yang

digunakan dalam penulisan tugas akhir ini.

BAB IV PENGEMBANGAN SISTEM

Bab ini menguraikan tentang analisis dan rancangan sistem yang

diusulkan bempa sejarah singkat perusahaan, struktur organisasi,

anal isis sistem yang sedang be~ialan, pem1asalahan yang ada serta

pemecahan masalahnya, perancangan sistem, perancangan database,

serta implementasi dari sistem yang diusulkan.

BAB V PENUTUP

Bab ini menguraikan kesimpulan dari semua pembahasan pada bab­

bab sebelumnya serta saran yang diharapkan dapat berguna bagi

perkembangan ap likasi ini dimasa datang.

Daftar Pustaka

Berisi daftar pustaka atau referensi-referensi baik bempa media

cetak maupun media elektronik yang dijadikan sebagai acuan dalam

pengembangan Aplikasi Pengelolaan Barang Berbasis Web yang

akan dibangun tersebut.

BARIl

LANDASAN TEORI

2.1 Pcngcrtian Sistcm

Dalam mendefinisikan sistem terdapat dna kelompok pendekatan

yaitn yang menekankan pada prosednrnya dan yang menekankan pada

komponen atan elemennya.

Definisi sistem dengan pendekatan yang menekankan pada

prosedurnya adalah "Suatu jaringan keJ'ja dari prosedur-prosedur yang

saling berhubungan, berkumpul bersama-sama untuk melaleukan .matu

leegiatan a/au untuk menyelesaikan suatu sasaran yang tertentu",

Sedangkan definisi sistem dengllll pendekatan yang menekankan

pada komponen atan elemennya adalah "Kumpulan dari elemen-elemen

yang berinteraksi untuk mencapai suatu tujuan tertentu".

2.2 Siklus Hidup Pcngcmbangan Sistcm

Pada Sis/em Development Life Cycle (SDLC) tradisional mellurut

Efraim TUI'ban, Jay E. Aronson dan 1ling-Pcng Liang (2005:402-403)

terdapat empat fase pokok yang mendorong kesebuah sistem yang tersebar

(ganlbar 3.1). Empat fase pengcmlOangan sistem tersebut yaitu,

perellcanaan, analisis, desain dan implementasi yang dapat digambarkall

sebagai beriknt :

Kcbutuhan

Dcsaill

Gambar 3. I SOLe tradisional

2.3 Bagan AliI' (FIOlvchllrt)

2.3.1 Bagan aliI' dokuIIlcn (Document Flowchart)

Bagan alir dokumen (alir formulir) merupakan bagan alir

yang menunjukkan arus dari laporan dan formulir termasuk

tembusan-tembusannya. Bagan alir dokumen ini menunjukkan

simbol-simbol yang sama dengan yang digunakan dalam bagan aHr

sisteIll. Simbol-simbol yang digunakan menurut Jogiyanto HM

adalah sebagai berikut:

D Menunjukkan dokumen input dan output baikuntuk proses manual, mekanik atau komputer.

Simhol Dokumen

0Menunjukkan pekerjaan manual

Simhol KelJiatan Manual

W W W File non komputer yang diarsip berdasarkanurnt allgka (numerical), umt huruf

Angka Huruf Tanggal(alphabetical) atau umt tanggal (cronological).

Sim hoi simnanan Offline:

I IMenunjukkan dokumen input dan output baikuntuk proses manual, mekanik atau komputer.

Simhol Proses

EJ Memllljukkan input/output menggunakanharddisk.

Simhol Harddi~k

JMenunjukkan input yang menggullakan on-line

[ keyboard.

Simhol Kevhoard

< ) Menwljukkan output yang ditampilkan dimonitor.

Simbol display

n~Menunjukkan arus dari proses.

~

Simbol Garis alir

0 0 Menunjukkan penghubung ke halaman yangmasih sarna:. atau ke halaman lain.

halaman yang halaman lainsarna

Simbol Penghubung

Gambar 2.] Simbol-simbol Bagan alir dokumen (Document Flowchart)

2.3.2 Bagan Alir Progmm (Program Flowchart)

Bagan alir program (program flowchart) merupakan bagan

yang menjelaskan secara rinci langkah-Iangkah dari proses

program. Bagan alir program dibuat dari derivikasi bagan alir

system. Bagan alir program dibuat dengan menggunakan simbol-

simbol sebagai berikut :

0Simbol input/output (input/output symboldigunakan untuk mewakili data input/output).

Sirnhol 'nnntlOntnnt

0Digunakan untuk suatu penyeleksian kondisi didalam program.

Simhoi Kenlltllsan

0 0 Menunjukkan suatu operasi yang rinciannyaditunjukkan di tempat lain.

Simhol Proses Tel'definisi

_ ... -- ..--, ---- - .. --- ----- _.- _.C) Digunakan untuk lllf,mberi nilai awal atan

besaran.Simbol PCl1liapan

( ) Digunakan untuk menunjukkan awal dan akhirdari suatu proses.

Simbol Titik Tenninal

Gambar 2.2 Simbol-simbol Bagan Alii' Program (Program flowchart)

2.4 Perallcangan Sistem

2.4.1 Data Flow Diagram (DFD)

Dala jlow dia'gram adalah suatu network yang

menggambarkan suatu sistem automat, Illlinual atau gabungan dari

keduanya yang penggambarmmya disusundalam bentuk kumpulan

komponen sistem yang saling berhubung:m sesuai dengan aturan

mamnya.

OfD sering digunakan untuk menggambarkan suatu system

yang telah ada atan system bmuyang ak:m dikembangkan secara

logika tanpa mempertimbangkan lingkUlnganfisikdirnana data

tersebut mengalir (misalnya lewat telpon; surat dan sebagainya)

atau lingkungan fisik dimana data t'ersebutakan disimpan

(misalnya jlle kartu, microfiche, harddisA; tape. diskette dan lain

sebagainya). DFD merupakan alat yang cukup populer, karena

dapat menggmubarkan mus data di dalam sistem dengan terstruktur

dan jelas. DFO juga merupakan dokUl1l.entasi dari sistem yang

balk. Beberapa simbol yang digunakan di DFD yaltu:

D Digunakan untuk menggambarkan asal atautujuan data.

External Entitv

0 Digunakan untuk proses pengolahan atautransfonnasi data.

Proses

----- Digunakan untuk menggambarkan aliran data.

Dola Flow (A"lIs Data)

Digunakan untuk menggambarkan data flowI yang sudah disimpan atau diarsipkan.

Data Store (Simnanan Data)

Gambar 2.3 Simbol-simbol DFD

Levelisasi atau tingkatan dalam DFD y,aitu:

);- Diagram Konteks, dibuat untuk menggambarkan sumber serta

tujuan data yang akan diproses atau dengan kata lain diagram

tersebut untuk menggambarkan penggambaran sistem secara

global dari keseluruhan sistem yang ada.

» Diagram 0 (Nol), untuk menggambarkan tahap-tahap proses

yang ada didalam diagram konteks.

» Diagl'llm Detail, untuk menggambarkan arus data secara lebih

detail dan terperinci lagi dari tahapan proses yang ada didalam

diagram no\.

2.4.2 Data Dictionary (Kamus Data)

Kamus data (data dictionary) adalah katalog fakta tentang

data dan kebutuhan-kebutuhan informas.i dari suatu sistem

informasi. Dengan menggunakan kamus data, analis sistem dapat

mendefinisikan data yang mengalir di sistem dengan lengkap. Pada

tahap anal isis, kamus data dapat digunakan sebagai alat

komunikasi antara analisis sistem dengan pemakai sistem tentang

data yang mengalir di sistem, yaitu tentang data yang masuk ke

sistem dan informasi yang dibutuhkanoleh pemakai sistem.

Simbol-simbal atau notasi-notasi dalam kamus data diantaranya:

No Simbol PClljclasall

I = Terbentuk dan atau terdiri dari atau sama dengan

2 ... "Ofl

3 II Digunakan untuk menggambarkanaliran data.

4 JSalah satu dan (memilih salah satudari elemen-elemendata di dalam kurung bracket inn

N{}M Iterasi (elemen data di dalam kurung brace beriterasi5 mulai minimum N kaH dan maksil11um M kaH.

6 () Optional (elemen data di dalam kurung parenthesissifatnva omional. daoat ada dan dauat tidak ada.

7 ~ Keterangan setelah tanda ini adalah komentar.

Gambar 2.4 Simbal-simbal atau natasi kamus data

2.5 Pcrancangan Database

2.5.1 Definisi Basisdata

Menurut Fathansyah (1992) Basis data dapat didefinisikan

'.

>- Himpunan kelompok data (arsip) yang saling berhubungan

yang diorganisasi sedemikian rupa agar kelak dapat

dimanfaatkan kembali dengan cepat dan mudah.

>- Kumpulan data yang saling berhubungan yang disimpan secara

bersama sedemikian rupa dan tanpa pengulangan atau

redudansi yang tidal( perIu, untuk memenuhi berbagai

kebutuhan.

>- Kumpulan file/ table/ arsip yang saling berhubungan yang

disimpan dalam media penyimpanan elektronik.

basis data merupakan kumpulan data yang salingberkaitan

dan berhubungan salu dengan yang lainnya, tcrsimpal1 di peral1gkat

keras kompllter dan digunakan perangkal lunak unlllk

memanipulasinya. Data perIu disimpan dalam basis data tmtuk

keperluan penyediaan infol1nasi lebih lanjut. Basis data diakses

atau dimanipulasi dengan menggunakan pcrangkat lunakpaket

yang disebut dengan DBMS (database management system).

2.5.2 Entity Relationship Diagram (ERD)

ERD adalah suatu jaringan yang menggambarkllll tempat

penyimpanan data dari sebuah sistem dengan gambaran yang lebih

mudah untuk dimengerti. ERD merupakan representasi gratis

himpunan entitas, relationship, dan konstrain-konstrain integritas

yang dihasilkan pada aktivitas-aktivitas petlgcIl1bllllgan.

Simbol-Simbol

0 0 <>Himpunan Entitas Atribut Lillk Himnumm Relasi

Gambar 2.5 Simbol-simbol ERn

Relasi antar himpunan entita~ dengan kardinalitas relasi ada

tigayaitu:

);> Relasi sam ke sam (pne /0 one (I: 1», satu entity hanya

mempunyai satu relasi pada entity lainnya

);> Relasi sam ke bauyal. (one to many (I:M», satu entity dapat

mempunyai relasi lebih dari satu pada entity lainnya

);> Relasi bauyak ke bauyak (many to many (M:M), banyak

entity dapat berelasi dengan banyak entity:yang lain.

2.5.3 Nonnalisasi

Nommlisasi adalah alat efektif untuk menjamin model

bersifat konsistelL Kriteria dalam proses normalisasi adalah

kebergantungan fungsional, ketergantungan banyak nilai dan

ketergantungan join. Tipe kebergantungan itu digunakan untuk

menilai relasi-relasi yangdihasilkan dalam diagram ER menjadi

kumpulan relasi. Proses normalisasi mernbentuk relasi-relasi

bentuk normal yang menggunakan dekomposisi yang memecah

relasi menjadi relasi-reasi bentuk normal t:inggi. Bentuk-bentuk

normalisasi itu adalah sebagai berikut :

);> Bentuk Nomml Tahap Pertarna (I NF)

Bentuk nonnal pertama (lNF) terpenuhijika sebuah tabel tidak

memiliki atribut bernilai banyak (Multivalued Attribute) atau

lebih dari satu atribut dengan domain nHai yang sarna.

~ Bentuk Nonnal Tahap Kedua (2 NF)

Bentuk normal kedua (2NF) terpenuhi jika pada sebuah tabel,

semua atribut yang tidak teqnasuk dalam key primer memiliki

ketergantungan fungsional (KF) pada key primer secara utuh.

~ Bentuk Nonnal Tahap Ketiga (3 NF)

Bentuk nonnal ketiga terpenuhi jika untuik setiap KF dengan

notasi X-7A, dimana A mewakili semua atribut tunggal

didalam tabel yang tidak ada didalarn X, maka X haruslah

superkey pada tabel tersebut atau A merupakan bagian dari key

primer pada tabel tersebut.

2.6 DataBase Management Sistem (DBMS)

DBMS dalah perangkat lunak yang l1:lenangani semua pengaksesan

database. Mempunyai fasilitas membuat, mengakses, memanipulasi dan

memelihara basis data.

2.6.1 Bahasa Dalam DBMS

1. Data Definition Language (DDL)

DBMS dapat mengolah pendefinisian data.

2. Data Manipulation Language (DML)

DBMS dapat melakukan manipnlasi dan pengambilan data

pada suatu basis data.

3. Data Security & Integrity

DBMS dapat memeriksa security dan integrity data yang

didefinisikan oleh DBA (DataBase Administrator).

4. Data Recovery & Concurency

}> DBMS dapat menangani kegagalan pengaksesan database

yang disebabkan oleh kesalahan system, kerusakan disk,

dsb.

}> DBMS dapat mengontrol pengaksesan data yang koukuren

yaitu bila satu data diakses secara bersama-sama oleh lebih

dari satu pemakai pada saat yang bersamaan.

5. Data Dictionary

DBMS menyediakan data dictionary.

6. Performance

DBMS dapat menangani unjuk kerja dari semua fungsi

seefisien mungkin.

2.6.2 Pengertian Multiuser

Sistem Mnltiuser adalah suatu sistem dimana lebih dari satu

user menggunakan secara bersama-sama pemngkat keras, program

informasi, orang dan prosedur. TUjWill sistem multiuser adalah :

);> Meningkatkan produktifitas dan efektifitas Sumber Daya

:» Meningkatkan produktifitas dan efektifiwls organisasi.

:» Meningkatkan layanan kepada mereka yang tergantung pada

sistem multiuser.

2.6.3 Arsitektur DBMS Multiuser'

:» Teleprocessing

Teleprocessing adalah arsitektur trad.isional untuk sistem

multiuser, dimana satu computer dengan sebuah CPU (Central

Unit Processing) dan sejurnlah terminal, dapat dilihat seperti

gambar dihawah ini :

nn

IBM Compatible

Gambar 2.6 Teleprocessing

:» File-Server

Proses didistribusikan kedalam. jaringan, sejenis LAN (Local

Area Network). File server mengendaIikan file yang diperlukan

oleh aplikasi dan DBMS. Meskipun aplikasi dan DBMS

dijalankan pada masing-masing workstation, tetapi tetap

meminta file dari file server jika diperlukan seperti gambar

dibawah ini :

I I

W':too2 gII II

LANWor\c;tatiOllI Workstnli0n3

Reon""t fur data ~ lF~--§o0 __' DutnOOse

Filesawl'

Gambar 2.7 File Server

)- Client-Server

Client-server menunjukkan cara Jk:omponen software

berinteraksi dalam bentuk sistem.

I I

Cli :nt2

~--I LAN

Clientl Client 3

Requtm roc data! Ti Selected duta returned"..

ITmD----,DutnOOse _

Server (with DBMS)

Gambar 2.8 Client Server

2.7 HTML

HTML (Hypertext Markup Language) adalah bahasa yang

digunakan untuk menuliskan halaman web dan tidak tergantung pada

suatu platform tertentu (platform independent). HTML disebut markup

language karena mengandung tanda-tanda tag tertentu yang digunakan,

untuk menentukan tampilan suatu dohlmen.

Untuk menjalankan HTML harus menggunakan web browser atau

browser. Ciri utama dokumen HTML adalah adanya tag dan elemen.

Dokumen HTML mempunyai tiga tag utama yang membentuk struktur

dari dokumen llTML yailu IITML, HEAD dan BODY. Elcmen dalal1l

dokurnen HTML seperti diatas dikategorikan menjadi dua yaitu elemen

<HEAD> yang berfungsi memberikan informasi tentang doklllnen tersebut

dan elment <BODY> yang menentukan bagaimana isi suatu dokumen

ditampilkan oleh browser seperti, paragraph, list (daftar), table dan lain-

lain.

Struktur dokumen HTML dapat dilihat sebagai berikut :

<HTML>

<I-rEAD>

***Baaian HEAD***'"

Sebagai informasi page header. Didalam tag ini kita dapat

melclakkan tag-tag TITTLE, BASE, ISINDEX, SCRIPT,

STYLE & META.

<II-lEAD>

2.9 MySQL

MySQL aelalah Relational Database Management Sistel11

(RDBMS) yang dielistribusikan secara gratis elibawah lisensi GPL

(Gel/eral PIINic Ucel/.I'e), MySQL elikembangkan sekitar tahun 1994 oleh

sebuah perusahaan pengembang software dan konsultan elatabase bernal11a

MySQL AB yang bertempat eli Sweelia. MySQL merupakan multiuser

database yang menggunakan bahasa Sirucillred Qller)' I.al/gllage (SQL).

SQL adal'lh b'lhasa sl'lndar yang c1igun'lkan untuk meng'lkses server

database. MySQL yang penulis gunakall adalah MySQL-3.23.32. MySQL

l11emiliki banY'lk sekali 1001 yang dapi)t memudahkan untuk administrasi.

Seb'lgai database server yang l11emiliki konsep database modern, MySQL­

3.23.32 memiliki banyak sekali keislimewaan. Beriklll ini adalah beberapa

diantara keistimewaan MySQL-3.23.32 :

r P0l1abiliy

!'vIySQL dapat berjalan stabil pada berbagai sistem operasi diantaranya

aclalah seperti Windows, Linux, FreeBSD, Solaris dan masih banyak

lagi.

r Open Source

MySQL elidistribllsikan secara open source (gratis), dibawah lisensi

GPL sehingga dapat digunakan secara cuma-cuma tanpa dipungut

biaya.

r iVlultiuser

berhentinya proses produksi. Inventory adalah salah satu bagian yang

biasa terjadi dalam masalah proses stok barang baik itu di gudang, toko,

distributor maupun suplier.

Bahan baku merupakan komponen yang memmtukan dalam beaya

produksi, oleh karena itu penanganan bahan baku yang baik adalah

penting. Gudang adalah tempat sementara untuk bahan baku, efisiensi di

gudang perlu sekali ditingkatkan karena penempatan inventori ini pada

umumnya tidak menambah nilai produk sehingga perlu dijaga seminimal

mungkin. Pergerakan barang di gudang selama loading dan unloading

adalah komponen beaya utama. Tatanan gudang yangsesuai akan

meningkatkan efisiensi dalam loading dan unloading. Karena gudang yang

terorganisasi baik juga akan meningkatkan efisiensi. Manfaat utamadari

pembentukan persediaan adalah terlindunginya perusahaan dari kejadian

dan gangguan yang tidak terduga dalam bisnis.

Dalam metode Persediaan (inventOlY) terdapat duametode yang

pertama yaitu, metode FIFO (First-In, First-Out), dimana barang yang

pertama dibeli atau tersedia akan di distribusikan atau dijual lebih awal

sesuai urutan pembelian atau pengaclaannya. Hal ini terutamauntuk

barang-barang yang tidak tahan lama dan produk-produk yang modelnya

cepat berubah. Metode yang kedua yaitu, LlFO (Last-In, First ~Out),

pemakaian metode ini pada awalnya terbatas untuk situasi yang jarang

terjadi dimana unit-unit yang dijual atau didistribusikan diambil dari unit­

unit yang dibeli atau disediakan paling akhir.

2.12 Aplikasi Berbasis Web

WWW adalah jaringan beribu-ribu komputer yang dikategorikan

menjadi dua, yaitu Client dan server dengan menggunakan software

khusus membentuk sebuah jaringan yang disebut jaringan client-server.

Dalam cara kerja dari www ada dua hal yang terpenting yaitu s~ftware

web server dan software web browser.

HTTP (Hyper-text Tranfi(er Protocol) adalah suatu protocol yang

menentukan aturan yang perlu diikuti oleh web browser dalam meminta

alau mengambil sesuatu dokumen dan oleh web server dalam

menyediakan dokumen yang diminta web browser.

2.12.1 Web Browser

Web browser alau biasa disebut browser merupakall suatu

program yang dirancang untuk mengambil informasi-informasi

dari suatu server komputer pada jaringan linternet. Jadi untuk

mengakses web diperlukan suatu program yaitu web browser.

Adapun sCi(tware atau program tersebut antara lain:

:;- Lynx merupakan salah satu browser teks pa,da sistem unix

:;- Mosaic buatan NCSA

:;- Netscape Navigator dari Netscape Communication

:;- Internet Explorer dari Microsoft

:;- OPERA dari Opera Software ASA

2.12.2 Web Server

Web Server adalah penyedia akses atau sumber informasi berupa

jaringan client server interaktif yang menggunakan telmologi world

wide web. Web browser berkomunikasi dengan web server lewat

jaringan komunikasi menggunakan protocol HTTP. Perangkat lunak

web server antara lain:

~ CERN HTTPd server merupakan web server pertama.

~ Apache HTTPd server atau biasa disebut Apache web server.

~ Microsoft IIS (Internet 11?formation Server).

;;. Netscape Comunications Server atan Netscape Commerce Server.

~ Personal Web Server dan lain sebagainya.

2.12.3 Peml'ogmmall Web (Web Programming)

Web adalah kumpulan antar hubungan dokumen-dokumen

yang berisi suara, gambar dan teks yang difbrmat. Situs atan web

dapat dikategorikan menjadi dna, yaitu web statis dan web dinamis

atau interaktif Web statis adalah web yang berisi atau menampilkan

informasi-informasi yang sifatnya statis (tetap) sedang web dinamis

adalah web yang menampilkan informasi serta dapat berinteraksi

dengan user yang sifatnya dinamis.

Untuk membuat web dinamis dibutuhkan kemampuan

pemrograman web. Dalam pemrograman web ada dua kategori, yaitu

server-side programming dan client-side programming.

Pada ~'en'er-side progrllmming, perintah-perintah program

(script) dijalankan di web server, kemudian hasilnya dikirimkan ke

browser dalam bentuk HTML biasa. Hal ini dapat digambarkan

sebagai berikut: ~I INTERNET l.~ SCliptscnp~ - ___

//''''web browser / ...~.......... ~A . "---_ _IDI ~-~ ha,il cb:ckllsi hasil g

l J scripIdal",n1"",lllk 11TMl.

Client Web Server

Gambar 2.9 Server-side Programming

Pada client-side progl'llmming, perintah program dijalankan di

web browser, sehingga ketika client meminta dokumen yang

mengandung script, maka script tersebut akan di download dari

server-nya kemudian dijalankan di browser yang bersangkutan.

Kodehtml

web browser

HtInl dijalankan

Client

INTERNET - ~

~~hunl - g

Server

Gambar 2.10 Client-side Programming

RARm

Metodologi Penelitian

Pada penulisan tugas akhir ini metodologi Penelitian yang penulis gunakan

adalah metodologi pengembangan dengan pendekatan terstruktur dalam Sistem

Development Life C)!cle (SOLe) tradisional.

Pada Sistem Development Life Cycle (SOLe) tradisional menurut Efraim

Turban, Jay E. Aronson dan Ting-Peng Liang (2005:402-403) terdapat empat

fase pokok yang mendorong kesebuah sistem yang tersebar (gambar 3.1). Empat

fase pengembangan sistem tersebut yaitu, perencanaan, anal isis, desain dan

implementasi yang dapat digambarkan sebagai berikut :

Kebutuhan

Perencanaan

Sislcm :>

3.1 Perencanaan

Fase perencanaan memulai dengan sebuah kebutuhan bisnis yang

belum terpenuhi meliputi peluang-peluang yang mungkin yang

diidentifikasi dengan membaca lingkungan. Apakah ada suatu masalah

yang perlu dipecahkan?, jika kelihatan bermanfaat, maka dilakukan

(analisis) studi kelayakan yang mempertimbangkan apakah gagasan

tersebut masuk aka\. Pertanyaan-pertanyaan berkenaan dengan kelayakan

teknis, kelayakan biaya, dan kelayakan organisasional dijawab di sini.

3.2 Analisis

Fase analisis sepelti wawancara wartawan. Fase ini menanyakan

dan menjawab pertanyaan-pertanyaan penting seperti siapa para pengguna

sistem, apa yang akan dicapai oleh sistem dan dimana serta kapan system

akan dijalankan. Fase ini memulai dengan pengembangan sebuah strategi

anal isis atau suatu rencana untukmemandu proyek. Jika sebelumnya

sudah ada sistem yang berjalan, maka sistem tersebut dial1alisis bersama

dengan berbagai cara untuk mengarah kepada system yang baru. Hal ini

memimpin kepada pengumpulan informasi lebih lanjut, pengembangan

sebuah model proses dan sebuah model data.

3.3 Desain

Fase desain menandai bagaimana sistem akan bekerja,

mempertimbangkan semua detil perangkat kents, perangkat lunak,

infrastruktur jaringan, antar muka pengguna dan seterusnya.

3.4 lmplementasi

Fase implementasi membawa semua hal bersama-sama. Inilah

tempat dimana sistem dibangun atau dibeli. Konstruksi melibatkan tidak

hanya membangun sistem, tetapi juga mengujinya untuk memverifikasi

bahwa sistem bekerja. Instalasi merupakan langkah terakhir dan

melibatkan apakah system benar-benar berjalan.

Idealnya, proyek "mengalir" turun dan kearah kanan. Panah ke arah atas

menunjukkan adanya perubahan sementara perkembangan sebuah sistem dapat

mengembalikan proses kesuatu langkah sebelumnya.

Pada gambar 3.1, telah digambarkan empat langkah dalam struktur sebuah

Sistem Development Life Cycle (SDLC), yang kadang-kadang dikenal sebagai

model air terjun (Swanson dkk, 1999). Air dansemua hal didalamnya memiliki

kecendelUngan untuk bergerak ke bawah, tetapi jika ada suatu kebutuhan untuk

kembali ke sebuah langkah sebelumnya, maka adalah mungkin untuk melompati

air melawan efek gravitasi.

BABIV

PENGEMBANGAN SISTEM

4.1 Latar Bclakang PT. Tclkolll Kandatcl Jakarta Selatan

PT. Tclkom Kandatel Jakarta Selatan adalah bagian dari divisi

regional yang bertanggung jawab untuk menangani wilayah Jakarta

Selatan. PT. Telkom Kandatel Jakarta Selatan memiliki beberapa sub

bagian salah satunya adalah Sub. Bag ADM & Logistik Bagian Operasi &

Pemeliharaan Jaringan Akses.

4.1.1 Sejarah Singkat Sub. Bag ADM & Logistil< Bagian Opet'asi &

Pemelihaman Jaringan Akses

PT. Telkom Kandatel Jakarta Selatan adalah bagian dari

divisi regional yang bertanggung jawab untuk menangani wilayah

Jakarta Selatan. Sub. Bag ADM & Logistik Bagian Operasi &

Pemeliharaan Jaringan Akses merupakan salah satu bagian yang

terdapat di PT. Telkom Kandatel Jakarta Selatan yang bertanggung

jawab atas pengelolaan barang yang meliputi pendistribusian ,

pemeliharaan dan pengadaan barang. Adapun barang yang dikelola

adalah barang-barang untuk keperluan jaringan.

Sub. Bag ADM & Logistik Bagian Operasi & Pemeliharaan

-- ••• - .• _: 1 ~ "',Y\ "ano- h"mo" oalam lavanan PT.

Te1kom Kandate1 Jakarta se1atan. Adapun keberadaan STO·STO

tersebut tersebar dibeberapa tempat yang berbecla. Sub. Bagian ini

mempunyat kegiatan dan sasaran yaitu memberikan dan

meningkatkan pelayanan yang baik dalam pelaksanaan pengelolaan

barang yang diantaranya yaitu pendistribusian, pemeliharaan dan

pengadaan terhadap barang kebutuhanjaringan.

4.1.2 Area Pelayanan

Wilayah Pelayanan Telkom Jakarta Sel:atan meliputi daerah

seluas 282,6 km2 yg terbagi dalam 3 wHayah administrasi

pemerintahan daerah :

? Sebagian besar wilayah Kota Madya Jakarta Selatan (8

Kecamatan, 45 Kelurahan).

? Sebagian wHayah Kota Madya Tangerang (5 Kecamatal1, 41

Kelurahan).

y Sebagian wilayah Kota Madya Depok (l Kecamatan, 6

Kelurahan).

4.1.3 Visi, Misi dan Kebijalmn Mutu

~ VI S I

To Become a Dominant IYlfoCom Player in the Region.

TELKOM berupaya untuk menempatkan diri sebagai

perusahaan InfoCom berpengaruh di kawasan Asia Tenggara,

Asia dan akan berJanjut ke kawasan Asia Pasifik.

~ MIS I

o TELKOM menjamin bahwa pelanggan akan

mendapatkan layanan terbaik, berupa kemudahan, kualitas

produk, kualitas jaringan, dengan harga yang kompetitif.

o TELKOM akan mengelola bisnis melalui praktek·

praktek terbaik dengan mengoptimalkan SDM yang unggul,

penggunaan teknologi yang kompetitif, serta membangun

kemitraan yang menguntungkan secara timbal balik dan

saling mcndukung secara sinergi.

~ KEBIJAKAN MUTU

Seluruh aspek kegiatan memberika.n performansi prima

serta secara berkesinambungan melakukan perubahan dan

pembaharuan agar tercapai pelayanan yang lebih sempurna.

4.1.4 Stmktur Organisasi

~~I~~

I 'r===;~

I~~

ManagerO&MAN

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

I I I IAss. Man .....

Ass. Man .1!11~~~iMl~111111 Ass. ManAss. Man ......

CCAN PCAN

I I I ISS (Senior ,. SS (Senior SS (Senior SS (Senior SS (Senior

Supervissor) Supervissor) Supervissor) Supervissor) SupervisSOr)

.---J ,..----J ,..----J ---J

H User I H User I H User I ~ User I

--i User I H User I H User I -I User I

Gambar 4.1 Struktur Organisasi

37

4.2 Analisis Sistem

4.2.1 Uraian Sistem yang Berjalan

1) Proses Permintaan

)# Karyawan (user) yang ingin meminta barang terlebih dahulu

mengisi Nota Permintaan Barang (NPB) sesuai dengan data

yang ada pada Nota Pemeriksaan l,apangan (NPL) atau

justifikasi.

)# Kemudian user membawa Nota Permintaan Barang (NPB) dan

Nota Pemeriksaan Lapangan (NPL) atau justifikasi ke SS

(Senior Supervisor ) user itu sendiri agar NPB dapat

diverifikasi dan proses permintaan dapat dilanjutkan.

)# SS (Senior Supervisor ), memverifikasi NPB dan berwenang

untuk menyetujui atau merubah jumlah barang yang diminta

user jika tidak sesuai dengan kebutuhan yang tertera di NPL.

)# Setelah NPB diverifikasi SS (Senior Supervisor ), user kembali

membawa NPL dan NPB yang telah diverifikasi SS tersebut

kembali ke Ass. Man Sub. Bag user itusendiri untuk meminta

verifikasi.

)# Kemudian user membawa kembali NPL dan NPB yang telah

diverifikasi oleh SS (Senior Supervisor ) dan Ass. Man Sub.

Bag ke Ass. Man Logistik agar NPB dapat diverifikasi dan

permintaan dapat segera ditransaksi di gudang.

dan pada kurun waktu tertentu barn diserahkan ke Ass. Man

Logistik.

» Permintaan barang yang telah ditransaksi tel'sebut di daftarkan

oleh salah satu staff gudang ke dalam aplikasi SimBar yang

telah ada wltuk dapat diolall dan disimpan datanya untuk

keperluan pembuatan laporan pengeluaran atau pemakaian

barang . Dan staff gudang juga mencata1. penambah!m dan

pengurangan barang pada kllliu stok pada setiap transaksi dan

masing-masing barang memiliki kartu stok tersebut untuk di

gantung di lemari barang tersebut.

2) Proses Pengadaan

» Dalam proses pengadaan baik user maupun Gudang hllllya

dapat mengajukan pengadaan dengan menyerahkan justifikasi

(alasan) atau NPL kepada Ass. Mllil Logistik. Justifikasi dari

bagian gudang berupa laporan statistik pengeluaran barang,

laporan pengadaan barang danlaporan persediaan barllllg.

» Kemudian Ass. Mllil Logistik mengeeek budget dan

mengkalkulasi kebutuhllll pengadaan serta meneruskan proses

pengajuan pengadaan ke bagian pengadaan dengan

memverifikasi justifikasi tersebut dan mengisi form pengadaan.

Y Bagian pengadaan merealisasikan pengajuan pengadallil

tersebut sesuai dengan budget atau ketersediaan finansial yang

",1" Tpt"ni tptRn menvesuaikan dengan kebutuhan pengadaan

yang telah diajukan oleh Ass. Man Logistik dalam form

pengadaan tersebut.

> Setelah pengadaan barang terealisasi, bagian pengadaan

menyerahkan barang-barang tersebut ke gudang dan membuat

berita acara penyerahan.

> Kemudian bagian gudang menerima barang··barang pengadaan

dan berita acara penyerahan tersebut serta mencatatnya ke

dalam buku PUJI terima kemudian l11endaftarkan dan

menyimpan data pengadaan atau penambahan barang tersebut

kedalam aplikasi SimBar untuk kebutuhan pembuatan lapm"an

penambahan atau pengadaan barang dan juga menulisnya di

kartu stok masing-l11asing barang tersebut pada setiap

transaksinya.

Diagram Flow of Document Permintaan dan Pem!aiuan Pengadaan Baran!! sebagai berikut :

User I ss IAss. Man Sub. Bagl Ass. Man Lof,>istik I Kasi Gudang I Kasi Pengadaan

:v

Mcnerimajuatifikasi yg telah

di verifikasi danpengajunn

}X."llgadaan sertareatir;.asi

pengadaan &.membuat bents.=.pen~rahan

I

KasiGudang

Bents BCMa

penyerahan

Menerima & mencekjml brgpengadaan. mencatatnya dlm

buku puji terima dankartu stck u!diinput admin datnnya kedlm.

apHkalli si.-nbaryg alam mengolah &

menyimpannya

Meng--oopy beritanears penyerohan

,dan menyerahkan brgI I \ pengadaan ke

gudang

Admin menn1i~

data-dataN'"PBltranS$ksikedlm hula>

pengeluaran brgdan kertu stokmenginputkan

i!-dsta ~'PB keaplikasi simharuntuk wolsh &

disimpan

lV

Ass. Man Logistik

2

NPBvertengkap

'VE51 .~Justifikasi =\ j",tifik",i dariuser etall dati/I gudeng. periksa

I T""t"{;",' bud~t&L""o'r""..J. ,:,e~vonf"",iJustiflkasi tsbserh! membust

pengajuano pengadaan

Tabel4.4 Flow ofDocument sistem pengelolaan barang (permintaan dan pengajuan pengadaan barang).

43

4.2.2 Kelebihan dan Kelemahan Sistem Yang Berjalan

1) Kelebihan Sistem Berjalan

? Karena prosesnya masih bersifat manual dan belum

terkomputerisasi dalam proses pendistribusian dan pengadaan

barang gudang, maim tidak memerlukan biaya yang mahal

untuk pembelian dan perawatan software dan hardware.

? Keamanannya relatif terjaga karena dalam proses manipulasi

database hanya dapat dilakukan oleh seorang staff gudang

dengan aplikasi Simbar yang telah ada sesuai dengan

kebutuhan pengelolaan barang.

» Tidak memerlukan biaya untuk membangun ataupun membcli

program aplikasi berbasis web yang c1apat c1ipesan atau

didesain sesuai dengan kebutuhan.

» Tidal< memerlukan biaya untuk membayar :;eOl'ang progran1mer

yang terlatih dalam membangun atau mengembangkan suatu

aplikasi berbasis web untuk pengelolaan bal"ang tersebut.

2) Kelemahan Sistem yang Beljalan

» lnfolmasi persediaan barang tidal< c1iketahui oleh user yang

tersebar c1i beberapa STO dengan tempat yang berbada-beda

dan c1apat mengakibatkan tidak semua peJ"mintaan atas barang

dapat terpenuhi sesuai jumlah yang diminta dan yang telal1

disetujui karena ternyata jumlah persediaannya kUJ"al1g,

sehingga dapat menghambat operasional perusahaan dan

menunda penanganan perbaikan.

);> Proses pencarian dan manipulai database hanya dapat

dilakukan oleh seorang staff gudang yang merupakan admin

yang terlatih dan menguasai dalam menggunakan aplikasi

Simbar yang telah ada, hill ini dapat merepotkan admin dan

memperlambat proses tersebut.

,. Proses pendistribusian dan pengadaan barang tidak efisien dan

memakan waktu, tenaga dan biaya karena prosesnya masih

manual.

4.3 Analisis Pemcclihan Maslilah

4.3.1 Pennaslilahan yang Ditemukan Pada Sistem yang Sedang

Berjalau

l. User yang ada di beberapa STO dengan lokasi yang tersebar di

beberapa daerah layanan tidak mengetahui informasi

persediaan barang yang ada.

2. Proses pencarian dan manipulai database hanya dapat

dilakukan oleh seorang admin yang terlatih dan menguasai

dalam menggunakan aplikasi Simbar yang telah ada, hal ini

dapat merepotkan admin dan dapat teJjadi kesalahan dalam

melakukan proses-proses tersebut sehingga memperlambat

dalam mengetahui informasi yang diinginkan.

3. Proses pendistribusian dan pengadaan barang tidak efisien dan

membutuhkan banyak waktu, tenaga dan biaya.

4,3.2 Pemecahan Masalah

Berdasarkan uraian tentang permasalahan yang dihadapi

dalam pengelolaan barang, maka permasalahannya dapat

diselesaikan dengan menggunakan suatu aplikasi yang mudah

diakses disemua lokasi STO yang terkait dalam pengelolaan barang

tersebut. Aplikasi yang penulis pilih adalah aplikasi pengelolaan

barang berbasis web karena PT.Telkom Kandatel Jakarta Selatan

telah memiliki infrastruktur jaringan LAN (Local Area Network)

dan telah memiliki infrastruktur intranet serta user yang familiar

atau terbiasa dengan aplikasi yang berbasis web.

4,4 Usulan Perancangan Aplikasi Pengelolaan IBarang

4.4.1 Analisis Kebutuhan

I. User, bagi user aplikasi web ini dapat mempercepat dalam

memberikan informasi persediaan barang yang akurat (up to date)

serta memberikan kemudahan dalam melakukan permintaan dan

pengajuan pengadaan terhadap barang yang dibutubkan dan

pencarian informasi permintaan disetujui secara online untuk dapat

di transaksi di gudang sehingga lebih efisien.

2. 88 (Senior Supervisor ), baginya aplikasi web ini dapat menjadi

sarana atau media untuk meng-ACC jumlah permintaan terhadap

pendistribusian dan pengadaan barang yang diinginkan, sehingga

dapat mempercepat proses pendistribusian dan pengadaan barang.

Selain itu aplikasi web ini diharapkml dapat mempermudah salah

satu karyawan staff kasi gudang selaku admin dalmn mencari dan

mengelola serta memelihara data-data pengelolaan barmlg dan

dalam mencetak laporan-laporan yang dibutuhkan.

6. Kasi Pcngadaan, bagi kasi pengadaan apli:kasi web ini dapat

menjadi media atau sanina dalam memmltau adanya pengajuan

pengadaan agar dapat direalisasikan lcbih lanjut dan dalam mengisi

berita acara penyerahan ymlg dapat dilihat oleh kasi gudang saat

penyerahan banmg pcngadaan di gudang.

4.4.2 Pillak Yang Tcrlibat

I. Manajcr Opcrasi & Pemeliharaml Jaringan Akses

Merupakan pihak yang memiliki jabatan yang tingi sebagai

manajer operasi dan pemeliharaan jm'ingan akses dalanl

perancangan aplikasi yang mempunym akses kepada karyawan

yang ada dibawahnya tetapi tidak mempunyai hak untuk

memberikan keputusan dalam proses pelmintaan dM pengadaan

barang yang ada.

2. Ass. Man Logistik

Ass. Man Logistik adalah pihak yMg terlibat langsung dalam

menentukan jumlah barang yang dapat di berikan pada suatu

yang telah di verifikasi SS (Senior Supervissor) dan Ass. Man Sub.

Bag yang merupakan atasan user user sen~a pihak yang dapat

mengajukan pengajukan pengadaan dan meneruskan atau

l11el11verifikasi pengajuan pengadaan.

3. Ass. Man Sub. Bag

Merupakan pihak yang terlibat Iangsung dalam memverifikasi

permintaanyang telah diverifikasi SS (Senior Supervissor)

sebelumnya.

4. Kasi Gudang

Merupakan pihak yang terlibat langsung dal,ml mentransaksi atau

mendistribusikan barmlg dan dalam penerimaan barang pengadmm.

5. Kasi Pengadaan

Merupakml pihak yang terIibat dalam merealisasikan pengajuan

pengadaan barmlg yang telah di verifikasi Ass. Mml Logistik dan

menyerahkan bm·ang pengadaan ke gudang.

6. SS (Senior Supervissor)

Merupakan pihak yang terIibat IangsU11g dan mel11punyai hak

dalam l11emberikan persetujua11 atau ACC terhadap jumlah bm·a11g

yang dil11inta oleh user dala111 NPB (Nota Permintaa11 Bm·ang) serta

l11emberika11 verifikasi terhadap suatu pennintaa11.

7. User

Adalah pihak yang terlibat Ia11gsung dalam perl11intaan dan

pengajuan pengadaan terhadap suatu barmlg tertentu.

8. Admin

MelUpakan pihak yang terlibat dalam pemeliharaan, pengolahan

dan memantau data-data tentang pengelolaan barang.

4.4.3 Rancangan Alur Sistcm yang Diusulkan

Rancangan alur sistem yang diusulkan untuk proses

Pennintaan adalah sebagai berikut:

j;> User yang ingin meminta atau mengajukan pengadaan barang

dapat membuka aplikasi dengan melakukan login terlebih

dahulu sesuai dengan NIM dan passwordnya, begitu juga

dengan user lainnya dengan level yang berbeda-beda hams

melakukan login terlebih dahulu untuk masulc ke aplikasi dan

mendapatkan akses sesuai dengan levclnya.

j;> Kemudian user dapat mcndaftarkan data barn permintaan

barang atau data barn pengajuan pengadaan atau pesanan

barang kedalam sistem dengan menginpultkan data-data yang

diminta pada FPB (Form Pennintaan Barang) setelah itu user

menyerahkan NPL (Nota Pemeriksaan Lapangan) ke SS, Ass.

Man Sub. Bag dan Ass. Man Logistik dan untuk pengajuan

pengadaan barang, dengan mengisi FPPB (FOlID Pengajuan

Pengadaan Barang). User juga dapat melihat infonnasi data

persediaan barang dan informasi pelIDintaan disetujui yang

sudah dapat ditransaksi di gudang untuk kemudian FPB yang

telah disetujui tersebut dicetak/ diprint dan dibawa ke gudang

beserta NPLnya untuk dapat ditransaksi.

);> SS (Senior Suvervissor) selaku atasan user tersebut kemudian

menerima dan mengevaluasi jumlah barang yang diminta user

dengan mengisi kolom diaccss pada FPB tersebut dan

kcmudian memverifikasi FPB tcrsebut dan sistem mengupdate

data permintaan tersebut yang ada di dalam database agar

dapat diproses lebih lanjut.

);> Kemudian Ass. Man Sub. Bag selaku a/asan user dan SS

tersebut menerima dan memverifikasi FPB yang sebelumnya

telah diveritikasi SS dan sistem mengupdate data permintaan

tersebut yang ada di dalam database untuk dapat diproses lcbih

lanjut.

);> Selanjutnya Ass. Man Logistik mencrima data FPE yang telah

di verifikasi olch SS dan Ass. Man Sub. Bag dan memberikan

jumlah permintaan terhadap suat:u barang yang disetujuinya

dengan mengisi kolom diberi pada FPB tersebut, ia juga dapat

mendaftar bam pengajuan pengadaan atau pesanan yang tetap

hams diverifikasi juga olchnya dan melletima data FPPB

tersebut dan mengisi kolom diberi yang ada pada FPPB.

Kemudian FPB atau FPPB diverifikasi dan sistem akan

mengupdate data-data FPB atau FPPB tcrsebut yang ada di

dalam database.

ditampilkan dalam aplikasi dan kemudian diverifikasi, dan

sistem akan mengolah data-data tersebut dem menyimpan serta

mengupdate data-data tersebut kedalam database. Hasil dari

FPB yang telah di verifikasi transaksi (verifikasi pemberi (kasi

gudang) dan verifikasi penerima (user» akan menjadi laporan

FPB yang akan dibagikan dan di arsipkan lampirnnya kepada

user, Ass. Man Logistik dan kasi gudang itu sendiri.

j;- Kasi Gudang juga menerima laporan FPPB yang telah

terpenuhi atau yang lelah diverifikasi olch Ass. Man Logistik

dan Kasi Pengadaan lalu memverifikasi atau mcmvalidasi

pcnycrahan barang pengadaan dengan mengisi jumlah barang

yang masuk pada kolom dilcrima.yang ada pada FPPB lersebut

baik sccara manual pada cetakkan laporan FPPB yang telah

terpenuhi dan diverifikasi olch kasi gudang untuk dapal

diarsipkan maupun secm'a komputerisasi pada FPPB yang ada

pada aplikasi agar data tersebut dapat diolah, diupdate dan

disimpan oleh sistem kedalml1 database.

j;- Admin sewaktu-waktu dapat mencari, mengupdate, menghapus

dan mendaftarkan data karyawan, data barang serta data-data

laill11ya yang terkait dengan pengelolaan barang untuk

keperluan terlentu.

j;- Admin dalam hal ini adalah bagian logistik dapat sewaktu­

waktu melihat dan mencari data pcrmintaan ym1g telah

Diagram Flow of Docoment usulan permintaan dan pengajuan pengadaan barang sebagai berikut :

User 55 Ass. Man Sub. Bag I Ass. Man LOQ:istik KasiGudang

I~

Update tblpennintaan dan

tablebarang

(0+-®

r0J@jJ.......b?_NPL _

~(Input Pilih}--K....e-... Tdk

Updat,permintean &

tbU"g

j

Lapoom~

I I I FPB

.~~-~---~,<

r-------t.-

(C)I -

55

User Ass. Man Lo!!istik Kasi Pengadaan Kasi Gudang Admin

Y.

Update tblpesanan dan

Tablebarsng

A

t'engtsian koiomditerima pada

FPPBdanvcrifikasipengadaan

~~T~

i",. .

~a:v I cb I"

Pen}impanp.pgdn

Tabel4.5 Flow ofDocument sistem usulan pengelolaan barang (permintaan dan pengajuan pengadaan barang).

56

4.5.1.2 Rallcangall Diagram level 1

:21"~-,]'"~

Kasi Gudang

~11!'

~e'" :a

CO co

" 150

=§'if~~.s :1)18<;:;

Pesanan

Permintaan

veriftkfi ",sub !Verifikas!\aslog ver~i_SS

Data user )(8{ D,ta barang

I ~~",ipm,/~ II r ~ I

"=: ~

~:'J J H' jC-.-As-'-,-.",':""an-', ! Ass. Man

Logistik ! I Sub, Bag.----.-

~

~I

1Login

9='to"1B => 'eo:

.3

eta_barang

Verygdn...!rd

9. Mentran-

~~;~~~/

~dn""psn

'"'5

c:ii' "'5'

=:i! i" '" "1 11 8.-5"10 = :.a1"'"ii 'to .... 1 ::J)

~ c.<:1 VI "- co o ~I J0" .' "-" " G: " "> >

Rekam pesanan

tI D6 I Pesan'n

, I

VerVer_¥log"'psl1

7Memverifi

\ kasi aslO,g_,----psn

'" 'ii'lr~~ OJ) eo~~ £.<:1 VI gjCI .!l .... 1

" ", >

(Data_user

B:1a

Data_userD3

.f Hale akses SHak_1ses SHak:=akses 1'" Hak akses' ~ Hnk akses'- SHak_aks: 1

I Admm I Login Login Login Login: Login Login

~-'~'~.~'----' Data_user valid, Data_barnng v~lid, §I Bar"n~ Datu_PennintaanAdmm I(" Data STO vahd, Data unit \alJld,'T - - TO D V "1 Data PesananBrowse, Record Empty. Drop Data_barang Data_S . . ata_ m - 05 Perrnintaan

,------FPBdi,etuJul / ~ +2 J Data u;;er ) I 5 .\ Veriftkasi_transa!jSl

Data_user, Data_barang, I p ~l laan/Carl FPS disetujui • (Mentransaks~~l(~~~~l-Data STO, Data_unit, Browse, ) \ engc 0 rp--I - penmntaan / (- , master data I Daft b n=tn " _Record, Empty. OrOD User I ar aru~...t' ~

I Data_user). .4. . .£

L- Veriftkasi transaksl l'lj~"""" Jml....Persediaan./"" 3 f J:3Men~flft2r \. tidak mencukupi /, ~~~nd::i tabur 03 IData user (~~~~:) 04 Barang i

ld +Da - arang ~ .§... ~Data user----+- -+-Data_barang ..:::pg n 1 ~ gf <:) I - O<l

~I .....J fg C

:: .s Rekam pennintaan8 y

Daftarbaru...psn l _~Q_~_m !

Gambar4.3 Data Flow Diagram (DFD)levei 1

4.5.1.3 Rancangan DiagJ'lun Level 2

1. DFD Level 2 Delil Proses Kedua

Drop tbt STO Drop tbl 51'0 ~• 0 I

Tamball Data 51'0 Rekam Data 51'0

Edit Data STO 1 I Edit Data STOI / 2.1 '\ •

Browse Data STO Data_STO

I •Admin I.. stmkitur (bl 51'0 Mcnge/ola 0

"Data_STO;E-<

t IStmkturtbl_STO lfl

Hapus Data STO ,

IData STO Valid Hapus Dala_.STO

_...~-- - •

I Drop tbJ uuil Drop lbl unitD2

I Tambah Data unit Rckam Data nnit

I Edit Dat'Ulllit 1 I Fdit Dat:'_UllilI '" - .",

Brm-rsc Dala_lI11il 10\ Data lInit

I Admin I.... Stmktnr tbl unit ( Mengclol:; °8

I,oata_tlllIl Stmktur tbl nnil :::>

I Hapus Data unit •I Data_unit Valid t Hapus Data_,mil

I•

IDrop tbl user Drop lbl user ~

I• D3

Tambah Data USCI' Rckam DatH__uscr

I Edit Data user 1 , Edit DaW user•i I Browse Data user I' 2.3 '\ Data_user ...

Ii j' ""'Admjn I Stmktur tbl user \ MengeloJaw

Stmktur tbl_u!;er :;l",I

I Hapus Data_user "DaULuse/ -Hapus Dta user '"pData_"ser Valid t Ganli Password

•Data user Valid Ganti Password

lK . d; II Kasi 1\1 Ass.Man \1 Ass.Mau j~~ _Jl use,]1 Admin I.__ aSl_ g ng pengfdaan Logistik Sub. Bag S~I

r-__--'D:;:.ro=p.,:tb::I""b:.:ar:::an=g--'-JTI4Rckam Dati barang

Drop tbi barang

Tambah Data barangEdit Data barang 1. I Strnktnr tbl user

•

J Browse Da~1 barang / 2.4 '\

I\ Data barang 00

Admin I Strnktnr tbl barang I MengCIOI~~\'~'----=--"':::'---"""1 ~

I- ,Data_baran Strnktnr tbtbarailg ~

Hapus Data barang " ~

Data_barang Valid Hapus Data_barang

Drop tbl..JllntnDrop tbl..Jlmtn• ill

Hapus Data..Jlllltn 11 -I Browse Data..Jlmtn

/. 2.5 • Hapns Dala."pmln • ~I Mengcloia \ Data..JlmtnAdmin I Strnktnr tbl..Jlmtn I Data 'g

+ Data pmtn Valid ,\permintaan Struktur Ibl..pmtn &....-Drop tbl..Jlsn Drop tbl..Jlsn

~ I D6Hapns Data..Jlsn Bapns Dahl..JlSn f-

I Browse Data..Jlsu /. 2.6 .. •

I. , ( Mcngelola Data_psn IAdmm I Stmktnr Ibl..Jlsu Da~1 I

\. Pesan;;;l Struktur tb/..Jlsn ."

+ Data psu Valid '"-t4

Gambar 4.4 DFD Level 2 Detil Proses 2.0 (Pengelolaan Master Data)

2. Data Flow Diagram (DFD) Level 2 Deti! Proses Ketiga

Into p'Slltaan

\Uscr \

Dafutr bam..Jlmtn 3.1D4j Barang• •Mcncari info

1031 Data user p'sdiaan brg&mcncknya

.... sesuai data~ NPL

d JmI..J)Crsediaan n Jml..J)Crsedia.\\n'" mcucuknpi tdk mcncuknp!..-0Cl

r.1-3.2

Dafutr Da.ta_barangbant..JlmtnJsesuai NPL

~l PcrmintaanRekam Permintaan

3. Data Flow Diagram (DFD) Level 2 Detil Proses Keempat

Dataymtn

I dgn sts_SS=O 4.1 ~

SS Memverifikasi •V"'fik",_SSF"-'".;;;:;L Verifikai SS or.

0Identitas barang Identita user

I--

ID41 Barang ~ Data m.er

Identitas barang Identit< s user

Dataymtn dgn /sts ss= I 4.2

Ass. Man Mcmvcrifikasi •Sub. Bag Verillkasi_assub assub_Pmln Verifikai assub

"1;1

'"§.a~

~ Barang um Data user i:l.

Identita arang /~Dataymtn dgn

Ass. Man sts_assub=1 4.3

Logistik Memverifikasi ~

Verifikasi_aslog aslog_Pmtn Verifikai_aslog

Gambar 4.6 Data Flow Diagram (DFD) level 2 Detil Proses Keempat

4. Data Flow Diagram (DFD) Level 2 Detil Proses Kelima

-- User

Cari FPB disetujui

~ Permintaan ..Verifikasi

5.1 TransaksiMencari FPB

disetujuiData penuintaan § Data_user

luformasi Pennintaan deugan sts_ss,dis ·tujui sts_assub, 'S

sts_aslog=1 dan~

.S'sts_trans=O ill

5.2 :aMenerima info

Data_user $3' Pl

FPB disetujui J '" &:cData_rnlrang

eetak FP i3 disetujui Data_ba'-dUg5.4 ~_

! ' (Mcmverifikasi5.3 transaksl

Mencelak FPBdisetujui ID41 Barang

.-FPB disetujui Data pmtn sts_aslog=1

1IKasi Gudang ! Verifikast

Transaksi

Gambar 4.7 Data Flow Diagram (DFD) level 2 DetilProses Ketujuh

5. DFD Level 2 Detil Proses Kedelapan

:1 Kasi I IPengadaan

~

lk!;l ..9

im"'I!!I

bJl m

~ !;l;; ~

Q

8.1 .\Melihat data •

sananygdJJ./

I~ 'S""fr: ',8'

~IA;;:I

8.2Mencetak FPPB

disetujni Data bamng Data user Oatapsn sIs .aslog=!

-FPPB ~isetu.iui 1041 Barang 1031 Oata_nser 1061 Pesanan-

Oala barang Data user Very dnySll

Ver_pgdll_psn

8.3Memverifikasi ,

pgdnysn yg Ihy.terealisasi

Gambar 4.8 DFD level 2 Deti! Proses Keddapan

6. FD Level 2 Deti! Proses Kesepuluh (Proses Query Data)

Data penninL18n

Data pesallall

Data pmtn\-o-------J])51· Permintaan

sts_trans=1 L:::.J

Datapsnl+--------lD6l Permintaan

sls.JJgdn=J ~

Data persediaall_

barang

DaL1 perSediaan_-\D4 I Barangbarang L-......l__--"-__

Gambar 4.9 DFD Level 2 Detil Proses Kesepuluh (Proses

Query Data)

2. DFD Level 3 Deti! Proses 2.2 (Mengelola Data_unit)

2.2.1Browse Data_unit

BrowseData_unit

Data_unit

2.2.2Tmnbah Data_unit

I MenamballTmnbah Data_unit

Data_unit

.

Edit Data_unit 2.2.3

I d' I MengeditEdit Data unit

D21A mm I \ unit• Data_unitDauLunil Valid

H,."0'"_m,' IHapus Data_unit2.2.4

MenghapusData_unit

Struktur tbl_unit2.2.5

Struktnr tbl_unitMelihat \

strnkt"~~...tbl un'

Drop tbtwlit2.2.6

Drop tbtunitMen-Drop

tbl_unit

Gambar 4.11 DFD Level 3 Detil Proses 2.2 (Mengelola Data_unit)

4. DFD Level 3 Detil Proses 2.4 (Mengelola Data_barang)

Browse Data_barang

Tambah Data_barang Tambah Dala_barang

Admin

Dala_barang Valid

2.4.3

t~E:d!~it~D~'~'l'~'_~b~a!ra:~n,!::g-1~L~~~Mcngedil D4 barangDala_baf'dlIg

Hapus Data_bamngMcnghapusData_bamng

Hapus Data_barang

Stn,ktur lbI_barang2.4.5

Mclihatslruktur

tbUmran

Stmklnr lbl_barang

Drop lbt.barang

GambaI' 4.13 DFD Level 3 Detil Proses 2.4 (Mengelola Data_barang)

5. DFD Level 3 Detil Proses 2.5

browse Dalajlmtn browse Dalajlmtn

D5 PermintaanHaplls Dataj:,mln

slmktur tbl_pmtn J1'<----

Dak1jlmtn Valid

Hapus Dalajlllllll

stmktur tbljlmtn

Admin

Gambar 4.14 DFD Level 3 Detil Proses 2.5 (Mengelola Dataymtn)

6. FD Level 3 Detil Proses 2.6

browse Datajlsn

Hapns Datajlsn

G~i""~------'-\Dala_psn Valid

browse Data_psn

-~.~p- D6 esanan

slmklnr tbljlsn2.6.3

Melihalslmklur Ibl_

SI

slruklur tbtpsn

Drop tbtunit

4.5.2 Rancangan Kelnaran Masukan

4.5.2.1 Rancangan Masukan

1. Nama Masukan : Login

Fungsi Untuk mendapat hak akses dalam

penggunaan aplikasi pengelolaan

barang

Sumber : User (semua pengguna aplikasi)

Volume : sewaktu-waktu

Keterangan : login untuk mendapat hak akses dalam

aplikasi pengelolaan barang

2. NamaMasukan : TambahData_STO

Fungsi : Menambah data STO

Sumber : Admin

Volume

Keterangan

: sewaktu-waktu

: Menambah data STO

3. Nama Masukan : Tambah Data_unit

Fungsi : Menambah data unit

Sumber : Admin

Volume

Keterangan

: sewaktu-waktu

: Menambah data user unit

4. Nama Masukan : Tambah Data user

Fungsi

Sumber

: Menambah data user atau karyawan

: Admin

Volume : sewaktu·-waktu

Keterangan : Menambah data user atau kmyawan

5. Nama Masukan : Tambah Data_barang

Fungsi : Menambah data barang

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menambah data barang

6. Nama Masukan : Edit Data STO

Fungsi : Mengedit data STO

Sumber : Admin

Volume : sewaktu-wah:tu

Keterangan : Merubah data STO

7. Nama Masukan : Edit Data Unit

Fungsi : Mengedit data unit

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Merubah data unit

8. Nama Masukan : Edit Data user

Fungsi : Mengedit data user

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Merubah data user

9. Nama Masukan : Edit Data baranl!

Fungsi : Mengedit data barang

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Merubah data barang

10. Nama Masukan : Hapus Data_STO

Fungsi : Menghapus data STO

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data STO

I I. Nama Masukan : Bapus Data_unit

Fungsi : Menghapus data unit

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data unit

12. Nama Masukan : Hapus Data_user

Fungsi : Menghapus data user

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data user

13. Nama Masukan : Hapus Data_barang

Fungsi

Sumber

Volume

: Menghapus data barang

: Admin

: sewaktll-wRl.:'t1l

Keterangan : Menghapus data barang

14. Nama Masukan : Hapus Dataymtn

Fungsi : Menghapus data permintaan

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data permintaan

15. Nama Masukan : Hapus Dataysn

Fungsi : Menghapus data pesanan

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data pesanan

16. Nama Masukan : Hapus Data_tram:

Fungsi : Menghapus data transaksi

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data transaksi

17. Nama Masukan : Hapus Dataygdn

Fungsi : Menghapus data pengadaan

Sumber : Admin

Volume : sewaktu-waktu

Keterangan : Menghapus data pengadaan

18. Nama Masukan : Daftar bamymtn

r.;'"n...-": . l\A ........ A .... ,A."'_ 1...... _ .. ~,.._~:_4 ...... _

Sumber

Volume

: User

: sewaktu-waktu

Keterallgall : Data barn permintaall

19. Nama Masukall : Verifikasi SS

Fungsi

Sumber

Volume

: Memverifikasi SS permintaan

: Senior Supervissor (SS)

: sewaktu-waktu

Keterangan : Verifikasi SS data permintaan

20. Nama Masukan : Verifikasi_assub

Fungsi

Sumber

Volume

: Memverifikasi assub permintaall

: Ass. Man Sub. Bag

: sewaktu-waktu

Keterallgan : Verifikasi assub data permilltaall

21. Nama Masukan : Verifikasi_aslog

FUllgsi : Memverifikasi asaog data pertl1illtaall

Sumber : Ass. Man Logistik

Volume : sewaktu-waktu

Keterangan : Verifikasi aslog data permintaall

22. Nama Masukan : Cali FPB_disetujui

FUllgsi

Sumber

Volume

: Mencari permilltaall disetujui

: User

: sewaktu-waktu

Keterangan : Pencarian perm:intaan sts_ss, sts_assub

dan sts_aslog=l

23. Nama Masukan : Verifikasi Transaksi

Fungsi

Sumber

Volume

: Memverifikasi transaksi permintaan

: Kasi Gudang

: sewaktll-waktu

Keterangan : Verifikasi transaksi data permintaan

24. Nama Masllkan : Daftar baruysn

Fungsi : Memasukan data. baru pesanan

Sumbel' : User, Ass. Man Logistik

Volume : sewaktu-waktu

Keterangan : Data pengajuan bam permintaan

25. Nama Masukan : Ver_aslogysn

Fungsi : Memverifikasi aslog pesanan

Sumber : Ass. Man Logistik

Volume : sewaktu-waktu

Keterangan : Verifikasi aslog data peslUlan

26. Nama Masukan : Verygdnysn

Fungsi : Memverifikasi pgdn pesanan

Slimber : Kasi Pengadaan

Volume : sewaktll-waktu

Keterangan : Verifikasi pgdn data pesanan

27. Nama Ma~1I1mn . V ..riflbo; nortn ~rt

Fungsi

Sumber

Volume

Keterangan

: Memverifikasi pgdn~d pesanan

: Kasi Gudang

: sewaktu··waktu

: Verifikasi pgdn.J!,d data pesanan

4.5.2.2 Rancangan Keluaran

1. Nama Keluaran : FPB_disetujui

Fungsi

Sumber

Volume

Distribusi

Keterangan

: Bukti permintaan yang telah disetujui

untuk dapat ditransaksi

: User

: Kasi Gudang

: sewaktu·-waktu

: Bukti permintaan yang telah disetujui

dan akan meruadi laporan FPB

(permintaan)

2. Nama Keluaran : FPPB_disetujui

Fungsi : Bukti pesanan yang telah disetujui dan

dapat dilakukan p,engadaan

Sumber

Distribusi

Volume

Keterangan

: User, Ass. Man Logistik

: Kasi Gudang

: sewaktu·-waktu

: Bukti pesanan yang telahdisetuhui dall

akan menjadi laporan FPPB

.6 Rancangall Basis DMa

4.6.1 Rancangan Model Data (ER-Diagmm)

Tgl

harg,,_saWan

N

Tgl pgdrl

Qi3~g§)

sts

sat

·st~"pgdh'-.:::.::--

gl_veraSSll

~~

N

N

1

N

unit

data_userN

Bekerjadi

no_tlp-

--------------------------- - - I

Gambar 4.16 Entity Relational biwaIIl (ER-D)

78

4,6,2 NOI'malisasi

Pada tahap normalisasi penulis akan menormalisasikan

tabel-tabel yang diperlukan dalam perancangan aplikasi

pengelolaan barang berbasis web.

1. Bentuk NOl'Olal Pel'lama (1 NF)

Dari bentuk tidak normal, penulis akan

menormalisasikannya ke bentuk normal peltama dengan

menguraikan atribut-atribut relasi yang diperlukan dan

menghilangkan alribut-atribut relasi yang kurang atall tidak

diperlukan dalam perancangan aplikasi yang akandibangun

terlebih dahulu. Syarat normal pertama (1 NF) adalah tabel

tidak memiliki atribut bernilai banyak (Mu/livalued Attribute).

Atribut-atribut yang terbentuk dari penguraian tersebut adalah

sebagai berikut :

I, Tabel STO

kd sto nama sto alamat no

PK

Tabel4.6 Tabel STO Normal pertama

Tabel STO ini tidak terdapat multivalued allribute,

dengan demikian tabel STO ini telah memenuhibentllk

normal pertama (\ NF).

2. Tabel Unit

kd unit nama u

PK

Tabel4.7 Tabel Unit Normal pertama

Tabel Unit ini tidak terdapat multivalued attribute,

dengan demikian tabel unit ini telah memenuhi bentuk

normal pertama (1 NF).

3. Tabel Data user

I, user kd kdII

Inik- -

name pass stOll llnitu level iabatan" PK

.~~- _.~'--'-_._-- ._-_...._--- \

Tabel4.8 Tabel Data user Normal pertama

Tabel data user ini tidak terdapat multivalued

attribute, dengan demikian tabel data user ini telah

memenuhi bentuk normal pertama (1NF).

4. Tabel Barang

I, item namasat

harga_jml

jml__pgdn

saldo_11,I id brg satllan omtl! akhir "

" PK"

Tabel4.9 Tabel Barang Normal pertama

Tabel barang ini tidak terdapat multivalued

attribute, dengan demikian tabel barang ini telah memenuhi

bentuk normal pertama (1 NF).

5. Tabel Permintaan

II no 1\ no dok niky kd_kpln tglyno_spk_

tgUp" " - st lld" PI<.1. __.__L_~______~___~_

II itemjdb diminta diaccss diberi diambil ket tgl_verss sts ss

I

I, tal ver sts tgl_ver sts tgl_ sts fi b . I! ;ssub - - - no_ Int en Iassub aslog aslog trans trans" \

Tabel4.IO Tabel Permintaan Normal pertama

Tabel permintaan ini tidak terdapat

mlli/ivailled aflribll/e, elengan elemikian label pennintaan ini

telah memenuhi bentuk normal pertama (I NF).

6. Tabel Pesanan

I nop II PK I

nodok

nik u tglno_spkst nd p

tgl_s k lloysn I

,I item_.1 eli psn_ ter eli ketera tgl_ sts_II

II id p \ pesan diberi penuhi tenma ngan vcr ver"

,. I"

II tgtsts sts tgl.JJgdn stsygdn fiat.JJgcln

I

Tabel4.11 Tabel Pesanan Normal pertaffia

Tabel permintaan ini tidak terdapat tnultivalued

aflribute, dengan demikian tabelpermintaan iltitelah

I .--t._.~ .... In....1TI\

2. Bentnk Normal Kedna (2 NF)

Bentnk normal kedua (2 NF) akan terpenuhi jika pada

sebuah tabel, semua atribut yang tidak termasuk key primer

memiliki ketergantungan fungsional (KF) pada key primer

secara utuh dan tidak bersifat parsial.

1. Tabel STO

kd- sto nama sto alamat no t

PK

Tabe14.12 Tabel STO Normal Kedua

Pada tabel STO ketergantungan fungsional (KF)

dapat dituliskan sebagai berikut :

kd. sto ~ nama sto, alamat, no .tlp-- - --

Dengan demikian dapat diketahui bahwa tabel STO

ini telah memenuhi bentuk kedua (2 NF), karena atribut-

atribut yang bukan key primer memiliki ketergantung

fungsional (KF) secara utuh pada key primer.

2. Tabel Unit

kd_unit nama_u

_._?K __._~__..

Tabel4.13 Tabel Unit Normal Kedua

Pada tabel unit ketergantungan fungsional (KF)

Dengan demikian dapat diketahui bahwa tabel unit

ini telah memenuhi bentuk kedua (2 NF), karena atribut-

atribut yang bukan key primer memiliki ketergantung

fungsional (KF) secara utuh pada key primer.

3. Tabel Data user

I I user kd kdInik I

- -name pass stou unitu level ;abatan

" PI<: \

Tabel 4.14 Tabel Data_user Normal Kedua

Pada tabel datauser ketergantungan fungsional

(KF) dapat dituliskan sebagai berikut :

nik -'7 username, pass, kd_stou, kd_unitu, level, jabatan

Dengan demikian dapat diketahui bahwa tabel

data_user ini telah memenuhi bentuk kedua (2 NF), karena

atribut-atribut yang bukan key primer memiliki

ketergantung fungsional (KF) secara utuh pada key primer.

4. Tabel Barang

I, item namasat

harga_jml

jml_pgdn

saldo_l,,I id brg satuan pmtn akhir ,I't-PI<: L.~_._ . ..~ L....•~_._"_L~_ . . _.._~~. ,,_w_~__.,_. __ .....-J

T"h"l 4 1S Tehel Baran!! Normal Kedua

Pada tabel barang ketergantungan fungsional (KF)

dapat dituliskan sebagai berikut :

item id ~ nama_brg, sat, harga_satuan, jml, jmlj)mtn,

pgdn, saldo_akhir

Dengan demikian dapat diketahui bahwa tabel

barang ini telah mel11enuhi bentuk kedlla (2 NF), karena

atribllt-atribut yang bukan key primer l11el11iliki

ketergantung fungsional (KF) secara utuh pada key primer,

5. Tabell)ermilltaall

I_.

Ino Ino_dok nik kdJpln tglyno_spk_

tgUpl-p st ndLE'I<J__

. --- ..._---- ---------'---------.. .._....--._.

item idb dill1inta diaccss diberi diall1bil ket tgl_verss sts ss-

II tgLver sts tgl_ver sts tgL stsno_fiatberi (., assub assub aslog aslog trans trans

"I

Tabel 4,16 Tabel Perll1intaan Normal Kedua

Pada tabel permintaan ketergantungan fungsional

(KF) dapat dituliskan sebagai berikut :

tgl spk, nop, itel11_idb, diminta, diacc:;s, diberi, dial11bil,

ket, tgtverss, stsss, tgtverassub, stsassub, tgl_veraslog,

sts_aslog, tgltrans, sts_trans, noJiatberi

Dengan demikian dapat diketahui bahwa tabel

permintaan ini telah memenuhi bentuk kedua (2 NF),

karena atribut-atribut yang bukan key primer memiliki

ketergantung fungsional (KF) secaJ'a utuh pada key primer.

6. Tabel Pesanan

no_spkIII ::;-+1_~d-+-n_ik_u-+--'_~d--j __tg_,'_t---"""Sc..t n--'d--..L_+_=-....,L--+_no~~:j

r item ! di psn_ ler di kelera Igl_ sts(I id i Ipesan diberi penuhi terima ngan ver ver

""

I tgl_sts sts tgl-pgdn sts-pgdn fiat-pgdn

I

Tabel 4.17 Tabel Pesanan Normal ,Kedua

Pada tabel permintaan ketergantungan fungsional

(KF) dapat dituliskan sebagai berikut :

terpenuhi, diterima, keterangan, tgl ver, sts_ver, tgl_sts,

sts, tgl_pgdn, sts.pgdn, fiat.pgdn

Dengan demikian dapat diketahui bahwa tabel

pesanan ini telah memenuhi bentuk kedua (2 NF), karena

atribut-atribut yang bukan key primer memijiki

ketergantung fimgsional (KF) secara utuh pada key primer

3. BClltllk Nonllal Kctiga (3 NF)

Bentllk normal ketiga ini terpenllhi jika lIntlik setiap KF

dengan notasi X ~ A, dimana A mewakili semua atribut,

tunggal didalam tabel yang tidak ada didalam X.

Pada tabel-tabel diatas yang telah memenuhi bentuk

normal pertama (I NF) dan bentllk normal kedua (2 NF) telah

memenuhi syarat bentuk normal ketiga dan sudah tidak

terdapat ketergantungan transitif lagi. oleh karena itu tabel-

tabel tersebut telah memenuhi normal ketiga. Hubullganantar

relasi atau tabel diatas dapat digambarkan sebagai berikut :

\III

II penllintaaJl pesanaa

IIII ( sto no * nop * Unit11

no_dok nik II **kd sto *. nik p ** nO_dok-.Jl kd unit * <E

\ nama sto kd_kpln tgl nama uI altllmll tgl-.Jl kdjpln-.Jl

\I I no_tip no_spk_st_nd no_spk_SU1dytgUpk tgUpkyno_p no_psn

I c- itemjdp *: item id~jl ** -

I diminta dipesan

I diaeess psn_diberi\ ba",ng diberi terpenuhi Dala_user

\diambil diterima -:1>- nik *I ~itcm id* "" -ket keteranganI I na'lla_brg USCnlaI11C

I I sal tgl_verss tnl vel' pass"'_I harga_saluan sts 55 sts vel' k!:!-lmit ** -I jml tgl_verassub tnl sts kd sto **-f-I jml_pmtn "'-sts assllb sts level

\ I \ pgdn tg\_veras\og tgl_pgdn jabatanI I I saldo_akhir sts asian stsygdn_ '"I i tgl trans

II sts trans\

II

GambaI' 4.17 Hllbllngan Relasi Antal' Tabel yang telah ternormalisasi

Dari hasil normalisasi diatas maka dihasilkan beberapa

relasi/ tabel seperti dibawah ini :

Rl : sto ({kdsto, namasto, alamat, tlP._sto }),

R2 : unit ({ kd_unit, nama_u}),

fkd unit ~ nama u}

R3 : data_user ({nik, username, pass, kd_fltOU, kd_unitu, level,

jabatan}),

{nik ~ username, pass, kd_sto, kd_unit, level, jabatan}

R4 : barang ({ Itemjd, nama_brg, sat, harga_satuan, jml,

jmljlmtn, pgdn, Saldo_akhir}),

{Itemjd ~ nama_brg, sat, harga_satuan, jml, jmljlmtn,

pgdn, saldo_akhir}

R5 : pennintaan ({ no, no_dok, nik_p, kd_kpln, tgljl,

no_spk_st_nd, tgUpk, nOjl, itemjdb, diminta, diaccss,

diberi, diambil, ket, tgl._verss, :>ts_ss, tgl_verassub,

sts_assub, tgl_veraslog, sts_aslog, tgUrans, sts_trans,

nojiatberin,{no ~ no_dok, nikjl, kd_kpln, tgljl, no_spk_st_nd,

tgUpk, nojl, itemjd, diminta, diaccss, diberi, diambil,

ket, tgl_verss, sts_ss, tgl_v6rassub, sts_assub,

tgl_veraslog, sts_aslog, tgUrans, sts_Jrans, no_fiatberi}

R6 : pesanan ({nojl, nik_u, kd_kpln....:p, tgl, tgl_spkjl,

no_spk_st_ndjl, nojlSn, item_idjl, dipesan, psn_diberi,

terpenuhi, diterima, keterangan, tgtyer, sts_ver, tgl_sts,

sts, tgljlgdn, stsjlgdn, fiatjlgdn}),

{nojl ~ nik u, kd_kplnjl, tgJ, no_spk_st_ndjl,

tgUpkjl, nojlsn, itemjdjl, dipesan, psn_diberi,

terpenuhi, diterima, keterangan, tgtyer, sts_ver, tgl_sts,

sts, tgl..Jlgdn, sts..Jlgdn, fiat..Jlgdn}

4.6.3 Spesifikasi Tabel

1. Tabel STO

kd sto nama_sto alamat

PK

2. Tabel Unit

kd unit nama_u

PK

3. Tabel Data_user

nikKd Kd_

level jabatanusername pass stou unituPK FK FK

4. Tabel Barang

Item_idnama_

satharga_

jmljml_

pgdnsaldo

brg satuan pmtn akhirPK

5. Tabel Permintaan

no No dok nik..Jlkd_

TgUJno_spk_ tgl_

no..Jlkpln st nd spkPK FK

item_ di di di di ket tgl_ stsidb minta accss beri ambit verss ss

FK

TgI_vests tgtver sts_ tgle.- sts_ no fiat

rassub aslog aslog trans trans beri

Assub

6. Tabel Pesanan

Nop No_dok""p nik uKd

Tgino_spk_ tgL no

kpln p st nd p spk p psnPK FK

item dipsn_

Ter di kete tgl_ stsdiid""p pesan

beripenuhi terima rangan ver ver

FK

tgl""pgdnsts sts ~pgdn fiat""pgdnI----t----I------t-U<..:'-'--L--_-'-__--'- --' _

4.6.4 Kamus Data

Sto=*File sto*{@kd_sto+nama_sto+a1amat}

Unit=*File unit*(@kd_unit+kd_sto+no_tlp}

Data user=*File data user*{@nik+username+pass+kd_unit+kd_sto+level+jabatan}

=*File barangt*Barang {@itemjd+nama_brg+sat+harga_satuan+jml+jml""pmtrt+pgdn+

saldo akhid-*File permintaan*

Permintaan {@no+nik""p+no_dok+kd_kpln+tgl""p+no""p+item_idb+diminta+diaccss+diberi+diambil+ket+tgl_verss+sts_ss+tgl]erassub+sts assub+tgl veraslog+sts aslog+tgl trans+sts trans}=*File Pesanan*

Pesanan {@nop+nik_u+no_dok""p+kd_kpln....p+tgl+no....psn+itemjd""p+dipesan+psn_diberi+terpenuhi+diterima+ket+tgl_verss+sts_ss+tgl verassub+sts ver+tgl sts+sts+tgl pgdn+sts pgdn}

4.7 Rancangan Anta.·mul<a yang Diusul\<an

4.7.1 Tampilan Index

Banner

Selamat Datang Di

"Jlpfi/(,asi CJ!ellgofaiian !}Janrrlfj (}uaarlfJ"

Silahkan Login

Usemame I ~Password' I ~

I Login I

Gambar 4,18 Raneangan Tampilan Index

» uik dan Password kedua-duanya harus diisi uDtuk dapat ll1asuk ke

aplkasi ini lebih lanjut.

» Login, Untuk memproses login, dimana data nik dan password

akan dieek oleh program yang terkait dengan database apakah

valid atau tidak, jika valid maka akan membuka halaman Home

dan jika tidak akan muneul halaman index.php dengan tambahan

kalimat pemberitahuan bahwa data tidak valid atau tidak lengkap.

» Ganti Password, akan menampilkan form ganti password dimana

nik, password lama, dan password baron tanpa mengos()ng salah

satu kolom tersebut.

4.7.2 Tarnpilan Horne

Banner

I II II Ie :=JI II I

Selamat Datang Di ~"jIpfik.asi Pengofafzan !J3arang f]uaa1l£;f" M

DGambar 4.19 Rancangan Tarnpilan Home

);> M, Adalah menu-menu yang akan ditarnpilkan sesuai dengan level

user yang diketahui dari hasH celc login.php clan pengecekan level

di menu.php. Menu yang ditampilkan akanberbedapada setiap

level user yang berbeda.

);> Daftar Menu yang ditampilkan sesuai dengan level user adalah :

o Levell (Administrator)

Tabel User, Tabel Barang, Signup, Daftar Barang,Tabel-Tabel,

Logout.

o Level 2 (Ass. Man Logistik)

Tabel Barang, Ver Permintaan, Ver Pesanan, FormPesanan,

CI Level 3 (Ass. Man Sub. Bag)

Tabel Barang, Ver Permintaan, Permirltaan Ver Lengkap,

Logout.

CI Level 4 (Kasi Gudang)

Tabel Barang, Signup, Daftar Barang, Ver Transaksi,

Pengadaan, Tabel-tabel, Logout.

CI LevelS (Kasi Pengadaan)

Tabel Barang, Tabel Pesanan, Cari Pesanan, Logout.

CI Level 6 (SS)

Tabel Barang, Ver Permintaan, Permintaan Ver Lengkap,

Logout.

CI Level 7 (User)

Tabel Barang, Form Permintaan, FormPesanan, Pennintaan

Ver Lengkap, Pesanan Terpenuhi, Logout.

4.7.3 Tampilan Tabel Bal'ang

BANNERII I I IC= II

P"nc.m1Rn PRnll Tllh,,1 RfJrfJnf7

Field >~p.lp.r.t< lmlMasukkan kata yang anda CariI

Tabel Saldo Baran!!Jumlah Record: N+1

~X

1N I IInl))) ! N~~s IIIarga Jml })iminla })ipL':11lJ1

SaldoI ." i ,. ' . \ !Jamll" • " lUll) (ih RII I\wal _'}.khir ..r N ]------ 1-' -- ----

Gambar 4.20 Rancangan Tampilan Tabel Baral1g

Y Tampilan table user, sto dan unit pada dasarnya sama dengan

gambar 2.2, akan tetapi pada table user fiel-field yang ada adalah

NIK, Nama, Password, Level, Jabatan, Kd. STO dan Kd Unit.

Tabel sto field-fieldnya adalah Kd. STO, Nama STO, Alamat dan

NoTlp. Tabel unit field-fieldnya adalah Kd. Unit dan Nama Unit.

Untuk kotak pencariannya pun sarna, tetapi pencariannya pada

masing-masing tabel tersebut dalam database logistik.

Y IvJ~ Select untuk memilih field apa yang dicari

Y Kotak putih diisi dengan kata yang dicari sesuai dengan field yang'

dipilih

Contoh [Field Nama Barang maka yang diisi di kotak putih

)- Cad -7 Untuk memproses pencanan pada table barang dalam

database logistik dimana Field = select dan kata yang dicari = X.

Hasil Proses pencarian akan ditampilkan sehingga user dapat

melihat data barang yang user cari.

4.7.4 Tampilan FOI'm Permintaan (FPB)

Banner

I II II II ] I I

I FOIm Permintaan;

Nama/NIK xxx/OOOOOOO

Kode Unit xxxxx

No. Dokumen I I I--A

Kode Keperluan xxx-xxx

NO.SPK/STIND I IPermintaan Barang nL ==rIJ

IReset I,Tambah I atau

\ Submit I

Gambar 4.21 Rancangan Tampilan Form Permintaan

Untuk Permintaan dan Pesanan Tampilan dan prosesnya sarna.

'r A dan n akan secara otomatis tampil, A diambil dari database dan

-'--.

>- Kotak Putih, Diisi/ diinput oleh user sesuai dengan pertanyaan

yang ada di samping kirinya masing-masing de:ngan format:

o No. Dokumen : OOO/xxxOOOxxx/xxx-xxx

o No.SPK/STIND : OOO/xxx/xxx/OOOO

>- Tambah, Untuk menambah satu select pada setiap peng-k1ikan­

nya yang berarti menambah barang yang dipintaldipesan. Proses

ini dilakukan dalam satu halaman.

>- Select [v), Digunakan untuk memilih barang yang akan

dipintaldipesan dengan format (Itemjd / Nama barang / harga

satuan). Proses ini dilakukan dalam satu halaman.

>- Reset, Untuk mereset barang yang telah dipilih dengan

menghilangkan satu select terakhir. Proses ini dilakukan dalam

satu halaman.

>- Submit, Untuk melanjutkan proses perrnintaan/pesanan ke

halaman konfirmasi, dirnana user akan diminta untuk mengisi

kotak putih dengan jumlah barang yang dimintal dipesan per

iternjd, kemudian . user dapat meng-klik Koreksi (untuk meng­

cancel permintaan/pesanan dan kembali ke form permintaan/ forrn

pesanan) dan rnen-klik Submit (untuk melanjutkan proses

permintaan/ pesanan, dirnana data permintaa:n/ pesanan tersebut

akan disirnpan kedalarn database (tabel permintaan/ table pesnan)

sehingga dapat dipanggil kembali untuk di verifikasi.

4.7.5 Tampilan Verifikasi Permintaan

BANNER

I II \ t IL ::::J I I

Tabel Verifikasi Permintaan

Jurnlah PerrnintaanINo. Dokurnen : N+1

No NIKI No. TgI Kd KdKe No. Tgl TgI VerSS Ver

Name Dolm per Un perlu lU1 SPKJ SPK

men minta it STIN

lU1 D

N Nd IVerl--

Garnbar 4.22 Rancangan Tarnpilan Verifikasi Permintaan (Ass. Man Sub. Bag)

>- Tarnpilan tabel verifikasi perrnintaan dan pesanan pada setiap level

user(2,3,4,6 (permintaan) dan 2,4,5 (pesan.an)) pada dasarnya

sarna, hanya saja ada field-field yang berbeda yaitu :

o level 2 (Ass. Mann Logistik)

Sarna dengan garnbar 2.1, Tgl Ver SS ml~njadi TgI veCassub

dan untuk tabel verifikasi pesanan, tanggal pertnintaan menjadi

tanggal pesanan, Tgi Ver SS rnenjadi sts]er (Status verifikasi

pesanan) dan tgl SPK ditiadakan.

o Level 3 (Ass. Man Sub. Bag)

Sarna dengan garnbar 2.1.

o Level 4 (Kasi Gudang)

Sama dengan gambar 2.1, TgI Ver SS menjadi TgI ver_aslog.

Untuk tabel verifikasi pesanan, tanggal permintaan menjadi

tanggal pesanan, Tgl Ver SS menjadi Tgl Pengadaan (Tanggal

verifikasi kasi pengadaan) dan ditambah dengan field tgi ...

pengadaan, untuk tgl SPK ditiadakan.

IJ Level 5 (Kasi Pengadaan)

Sama dengan gambar 2.1, tanggaJ permintaan menjadi tanggal

pesanan dan Tgl· Ver SS menjadi Tgl Ver_aslog (Tanggal

verifikasi Ass. Man Logistik), untuk tgl SPK ditiadakan.

IJ Level 6(SS)

Dari Gambar 2.1 field Tgl Ver SS diga.nti dengan Sts Ver

(Status Verifikasi SS). Untuk status verifikasi SS akan

ditampilkan nilai 0 yang menunjukkan bahwapermintaan

belum diverifikasi SS.

» N, Nomor permintaa.n per No.Dokumen (nd)/ nomorform

permintaan yang dimulai dari 0 - N

» (Ver], Untuk memverifikasi Permintaan ataupesanan(pada table

verifikasi pesanan) sesuai dengan No. Dokumen yang ada daJam

satu record dengannya atau untuk memverifikasipermintaan

dimana No.Dokumen = nd dan akan membuka haJaman verifikasi

Permintaan atau verifikasi pesanan, dimana us,er dapat melanjutkan

proses verifikasi permintaan atau verifikasi p,esananserta meng-

dengan meng-klik Verifilrnsi dan klik Kembali Ke Tabel untuk

meng-cancel dan kembali ke table verifikasi permintaan atau table

verifikasi pesanan. Field yang diupdate adalah sebagi berikut

sesuai dengan level user (2,3,4,6) untuk verifiikasi permintaan dan

level user(2,4,5) untuk verifikasi pesanan:

el level 2 (Ass. Man Logistik)

Field yang diupdate adalah field tgU'el'aslog (verifikasi

permintaan) atau tgl_ver (verifikasi pesanan) yaitu tanggal

verifikasi Ass. Man Logistik dan sts._9slog (verifikasi permintaan)

atau sts_ver (verifikasi pesanan) yaitu statusverifikasi Ass. Man

Logistik serta field diberi (verifikasi permintaan) ataupsn_diberi

(verifikasi' pesanan) yaitu banyak barang per itemjd yang

diberikan Ass. Man Logistik dengan No.Dokumen = nd.

el Level 3 (Ass. Man Sub. Bag)

Field yang diupdate adalah field tgl_verassub (Tanggal verifikasi

Ass. Man Sub. Bag) dan sts_assub (Status verifikasi Ass. Man

Sub. Bag) dimana No.Dokumen = nd.

el Level 4 (Kasi Gudang)

Field yang diupdate adalah field tgl_vertrans (verifikasi

permintaan), sts_trans (Status verifikasi transaksi) dan field

diambil (verifikasi permintaan) atau diterimlll (verifikasipesanan)

yaitu banyak barang per item id yang ditransaksi oleh user

(peminta) atau diterima oleh kasi gudang dengan No.Dokumen =

nd.

o Level 6(SS)

Field yang diupdate adalah field tgl_verss (Tanggal verifikasi SS),

sts_ss (Status verifikasi SS) dan field diaccss (banyak barang per

item_id yang di Ace oleh SS) dengan No.Dokumen = nd.

4.7.6 Tampilan Permintaan Ver Lenglrnp

BANNER

I II II II :::JI I

Tabel Permintaan Ver Lengkap

Jumlah PermintaanINo. Dokumen : N+1

No NIK! No. Tgl per Kd KdKe No. Tgl Tgl Vel' Action

Name Doku mintaan Unit pcrlu an SPKI SPK Aslog

men STIN

D

N Nd (Delil]

Gambar 4.23 Rancangan Tampilan Permintaan Vel' Lengkap

Tampilan Vel' Lengkap sama dengan tampilan Pesan Terpenuhi

» Detil, Untuk mengetahui data lebih detil dari No DokUlUen = nd

yang ada pada halaman detil permintaan verifikasi lengkap yang

terdapat button print Ulltuk link ke halaman print, dimana proses

pencetakan NPB (Nota Pennintaan Barang) atau FPB (Form

Permintaan Barang) dapat dilakukan.

4.7.7 Talllpilan Signup

BANNER

I ,I II ,I :Jl II

I Level:

1 = Admin 3=Asman Subdin 5=Kasi Pengadaan 7=UserI

2 = Asmanlogistik 4=Kasi Gudang 6=88

I Silahkan Daftar ]\,~'.,

.Username I IPassword ( IKode lJnit I ILevel (]-7) Dlabatan I ~Kode STO I )

I Daftar IGambar 4.24 Rancangan Tampilan 8ignup

Untuk pendaftaran barang barn, daftar sto dan daftar unit format

tampilannya sarna, hanya data yang hams diisinya saja yang

berbeda. Daftar, Untuk Illemproses pendaftaran user barn dan

menyilllpan data user tersebut ke tabel data_user dalam database

logistik. Dan begitu juga untuk pendaftaran barang, daftar sto dan

daftar unit.

4.7.8 Tampilan Cari Permintaan

BANNER

I II II IL :::J I I

Pilih Jenis Pencarian Yang Anda Inginkan

[#) Cari Pel111intaan Dengan Kondisi Tertentu

[#J Cari Jml Barang Tertentu yang Telah Dipintll! Ditl"ansaksioleh STOI Unit Teltentu

Gambar 4.25 Rancangan Tampilan Cari Permintaan

Tampilan cari pel111intaan sama dengan cari pesan

)l> [#] Cari permintaan dengan kondisi tertentu -) Akan menampilkan

kotak pencarian Untuk Mengetahui data permintaandcngan lebih

deti!.

>- [#] Cari jml barang tertentu yang telah ditransaksi atau dipinta oleh

STOlUnit tertentu ~ Akan menampilkan kotak pencarian yang

digunakan hanya untuk mengetahui jumlah barangpcr itenUd

yang telah ditransaksi atau dipinta oleh STO/ Unit tertentu.

4.7.9 Tampilan Tabel-tabel

BANNER

1\ ) i Ie

Tabel-tabel

:=11

Jumlah PermintaanINo. Dokumen : N+1

Tabel I Field

IRc'Cord I Browse I Struktur I Empty I Drop I

I Browse I ]3truktur I Empty I Drop I

Gambar 4.26 Rancangan Tampilan Tabel-tabel

>- Browse, Untuk melihat tampilan tabel yang berada dalam satu record dengan

link Browse yang diklik.

Y Stml{tur, Untuk melihat Struktur tabel yang berada dalam satu record dengan

link Struktur yang diklik.

);- Empty, Untuk mengosongkan data yang ada dalam tabd yang berada dalam

satu record dengan link Empty yang diklik.

);- Drop, Untuk menghapus tabel yang berada dalam satn record dengan link

Drop yang diklik.

4.7.10 Tampilan Ganti Password

BANNER

II II Ie ~I

I Ganti Password ]NIK :I ]Password Lama: I JPassword Bam : I ]

I I Kcmhali I I Ganti] ~

Gambar 4.27 Rancangan Tampilan Ganti Password

» Daftar, untuk merubah password dengan mengupdate tabel

data_user pada database dan semua kolom hams diisi.

» Kembali, untuk membatalkan kegiatan dan kembali ke halaman

index.php.

t mPilPesanT andabelum

login {</ii---.

4.8.3 Menu Home

~0----~i

Cek apakah lIil<, password,level, kd_nnitu&

kd_stou sudah diregister

Panggil progrdm menn &Cek level nlk mendapatkan1ak akses menu sesuai level

Y

LoginT

Level=l

T

,>-_Y_-,! Proses Link Admin ]----7 CEJ

Level=2

T

YProses Link Aslog ]----7®

YLevel=3 '>---_

T

Proses Link Assnb ~QiJ

,>-_Y_-""j Proses Link ks.Gudang.~®

'>--Y---7froses Link ks.pengadami~[EJ

T

Level=6 >_Y__,-_P_ro_s_e_s_L.i.lI_k_S_S__]-®

Level=? >.....:y~--;~r-pP;r~o;.ses;]L~irinkkLu~se;.r:-Jf--_~ [SJ

Gambar 4.30 Flowcharl Menu Home,

4.8.4 Menu Utama Admin

[8f------;);..\

T Pilih=DaftarBurang

y y y T

lJD CD CD

~L(filih= T Pilih=ScICS1l1 togout -E

TabcUabc

y y

® @J

Gambar 4.31 Flowchart Menu Utama Admin

4.8.5 Menu Utama Ass. Man Logistik (Aslog)

TISCICS.1i )Pilih=logout

T Pilih=~}pcsan~

y

@J

4.8.6 Menn Utama Ass. Man Sub. Bag (llssub)

T Pilih= TPilih=ver

Logout -?-I Selesai 1pm!II

y y y

® CD (IT]

Gambar 4.33 Flowchart Menu Utama Ass. Man Sub. Bag

4.8.7 Menn Utama Kasi Gudang (I{sgd)

y

®

@Jy

Gambar 4.34 Flowchart Menu Utama Kasi Gudang

4.8.8 Menu Utama Kasi Pengadaan (pgdn)

Tilih=tbl_~~'­

barang

}i1ih=VcrPsanan

I'ili~IOg(~

y

Gambar 4.35 Flowchat1 Menu Utama Kasi Pengadaan

4.8.9 Menu Utama Seniol' Supelvissor (SS)

T Pilil~IOgO~

!SCIC'~T

T>ilih=VcrPmln

ilih=tbl_---~.'­barang

Gambar 4.36 Flowchart Menu Utama S5

4.8.10 Menu Utama User

1EJ------;),.1

ilih=lbl TPilih=form

T ilih=]<~' )ilih=Pcnnintaan-

ver. lengkunbarang pm~lPesamm

y y y y T

OIl CD CD rED

l'ilih=logoul

y

emGambar 4.37 Flowchart Menu Utarna User

4.8.11 Tabel Uset'

T Y Cari d~lla userCari '? berdasarkau query

, cck apakah dalavalid?

Talllpi\ Pesau T~baJl\\'~l yang dicar'~ Ulangi

ttdakada ?

@J » udahRegister '?

JCek apakall nik, password,level, kd_unitu & kd_stou y Tsudall deregister & leve\= J y 0'1 Login

Tampi\ [ SelcsaQ

Input llik/ namahalaman

Tabe\ User

Gambar 4.38 Flowchart Tabel User

4.8.12 Tabel Barang

TLoginy

~drlPil pcsan

/';;::- ~ allda bclnm/~__~loginudah

Rcgister?

Tmnpil Pcwn Tbahwa yang diem'-~. -"..

tidak ada

T Y Cari dma barangCari ? bcrdasarkan qUCly

f cck ap,ukah d:ltavalid?

C01---~"'''1

Cck apakah nile, password, JIcvel, kd_ulliIU&

kd_stOll sndah diregislcr

GambaI' 4.39 Flowchart Tabel Barang

4.8.13 FOI'm Permintaan (FPB)

TLogin

y

0~[ Sclesai )

'<2------'-----,

y

~mPilPesan

/'<;::- Te:, ancla belumlogin {-oE'----,

IMulai \

ampil FormInput data Pennintaan

perminlaan (FPB)1"';.----/ Barang (FPB)

01----7)1

Cek apakah nik, password, Jlevel. kd_uniln&kd_stou '

sudah deregisler & level=7

T

TUlllpildata permintuanyg ((:Iuh disimpan

y

(Selesai j..<C=-------'y-------'-'

Pilih=Submil

TPilih=Koreksi

T

Kembali ke keadaan

y Proses penambahan mnpil tambahan satuPilih= SaIl! menu pop-up menu pop-up utk

Talllbah nntuk mcmilih barang, pClllilihan bnrang yg akan

yg <Ikilll dipintn di jinla

roses pcngurangan ~ampi1 pcngurangan IPilih= Y saiu menu pop·up menu pop-up/l recordResel yg berisi data barang data barang yg

yg telah dipilih sebelulllnva tIh di 'ilih

T

Simpan data pcnnintaanPilih= y

Tampil halaman l,cdalam label permintaanSubmit konfjrmasi pcrmintaan

T

ebelumnya (data yg sama)

Gambar 4.40 Flowchart Form Permintaan (FPB)

4.8.14 Daftar Pesanan

TLogin

T

~)il data permintaan~(tdah disimpan

y

y

ampil FonnPesanall

<:

tamPil pesanT anda bclum

'u~d'a-\-------3 login I«C-'---

Register '!

Barang (FPPB)

Pilih~

Submit

J

T

T

Pilih=Korcksi

l Mulai J

Pilih=Y Proses pcnmnbahan

salH mcnn pop-upTambah \lnlnk mcmiHh banmg

yg :lk,Ill dipes,lIlT

roses pcngurangan ~alllpil pcngurangan 1Pilih= y salH menu pop-up menu pop-up/l reeordReset yg bcrisi data barang dalabarang yg

ygtelah dipilih sebelunjnva t1h di ilih

T

Simpan data pcmcsananPilill= y

Tampil1ullaman kedalam label pesananSubmit konfinnasi perminlaan

T

eek apakah nile password,Icvcl, kd_unilu & kd_slou

sudah deregisler & level~21

[IJr------'.3>".iL

KembaH kc kcadaan(

.(embahKeForm

ebelumnya (data yg sama)

Gambar 4.41 Flowchart Form Pesanan (FPPB)

4.8.15 Vedfikasi Pet'mintaan (SS)

TLoginy

iramPil pcsan

/<c- T.:c,.. anda bcluml

. -E-----,ogm

Tampilkan pennintaandgn sts_ss=O, kd_nnit&kd sto=y' diregisterk~lll

Cek apakah nik, password, J[eveL kd_'lllitu & kd_stousudah deregister & level=6

~0~----fti

~--3'/ Tampil TabelPcrmintaan ygakan eli ver 58

r----7~--...,./ [npu pilih

T

y

.cmbalt

y

Update p.ermintaaJnsIS_SS=1. tgl_verss,

diaccss per no

mnpi\ d,1la Permifllaanyg tclah diupdatc Isb

t (emball l' T

Inputjml diaeess Gmlpmln yg di setujui SS .£-__--J

~h~

ampi) deW Pcnnintatmberdasarkan no_dok

Tampilkan detil pcnninlaanbcrdasarkan no_dok yg

bcrada satu recorddgn action vcr

( Selesai )<E-"----------1

Gambar 4.42 Flowchart VeIifikasi Permintaan SS

4.8.17 Verilikasi Permintaan Ass. Man Logistik (Aslog)

T

T

Login

Inpu pilih

y

, tamPil pesau/'::- .~ "nda bclum

login /"",--,udahRegister?

y

0T"''''r,-n-u1-'i"'lk:-',-m-'-p-e-f-m-oi':-'I-a,-'u-,-od.-g,-o, (seIes" j1

~--l sts_assub=I, kd_unil& :Jkd,~slo~vg dircgistcrkml

1Impil TabclPcrmintaan yg

akan di vcraslog

Cek apakall nik. password, Jlevel. kd_uniln & kd_stousudah defegister & levcl=2

y

Tampilkan delil pcnuintaanbcrdasarkan no_dok yg

berad'l 5Mu recorddgn act ion vcr

rampil defil Pcnninlaanbcrdasarkan Ilo_dok

Teri fikas' ---7'

y

Update penuintaansis_aslog= I, IgIvers,;, diberi

per no &. updale b:irangjm,-!,mln=jml_pmln +diberi

•cmbah

y

nputjml diberi (jmlpmtn yg eli sctlljui aslo

fmnpil data Pcnnilllaanyg leiall diulxlale isb

T

[ Selesa! ]<0-------1

Gambar 4.44 Flowchart Verifikasi Permintaan Aslog

4.S.19 Permintaan Ver Lenglmp

l'Loginy

t'al1lPil pesan/'<,- 1''-''> anda belul1l

login 1*----.,

Cek apakall nik, password, Jlevel. kd_unitn & kd_Slousudall deregisler & lcvel=7

,_I:t[0]- ,

yT

y

~ cmball

?<?Prinlf cetak FPBJ

Input pilih

<~~1'ampil Halaman PIi9'

.----')~utpilih

Kcmbali

Tampilkan pcrmintaan dgnsts_sS,SIS_assnb,sls_aslog= ldg

kd unit&kd_sto= yg dircgisterkan

y

ampil 1'abel~ Pcrmintaan yg

tlh di vcrLengkap

ampil FPBI delil !'clluilltaan bcrdasarkan no dol

Tampilkan detil perminlaallbcrdasarkan no_dok yg

bcrada satu recorddgll aelioll Deli!

Gambar 4.46 Flowchart Permintaan Ver Lengkap

4.8.20 Verifikasi Pesanan (Ass. Man Logistik (aslog))

TLoginy

Lampi! pesan/'-:- ~T anda belum

10gin 1<0-------,

y

DDTr;:T;:;-a-n-lp-'i:;;lk-ru.!.l-p-e-S~-U-1a-n-d-;-g-n----' [SeJes,;i1

1"",,--1 sts_aslog=O, kd_lmit& =.'.Jkd sto=y J diregistcrkan

ampi! TabelPsn yg akan eli

vcr asJog

Cek apakah nik, password, jlevel, kd_unitu & kd_stousudah deregister & level=2

~@r---->i

VerT ~----'-'-T

,-----7 Inpu pilihT

y

Tampilkan cletil pcnnintaanbcrdasarkan no_dok_p yg

bcrada S11111 recorddgn action vcr

Tampil detil Pcsananbcrdasarkan no_dok_

Inputjml psn_diberi(jml psn yg di SChUlli

T----3>-

y

Update pesanan8sls_aslog=l,lgl_vcr,psndiber per nop

amp!l data PesamthY;l7lelall di update IS;V

T

(clnbal1

y

cmbah

f----------------------I y

[<:elesai )~'-----I

Gambar 4.47 Flowchart Verifikasi Pesanan Aslog

4.8.21 Verifikasi Pesanan (Kasi Pengadaan (rlgdn))

T

T

y

\..cmball

Login

T

y

Inpn pilih

ampil data Pesanm~lelah diupdalc 1St/

Update pesanan sls= I,19l_SIs. lC~)enlihi pel' no &

update barangjtnl_pslFjtnlysn -dipesan

y

[

'lmPil pcsan-"'o:_------T-,;, anda bclllmr~ ..,

• login

y0+r-=,.-----,,-,-"----c-----,

TampilkHll pesanan dgn ( SelcsailSls_aslog=l, kd_unil& :.J

kd. slo=vg dire )islcrkan

ampil TabclPcsanan ygakan di vcr

ksgd

ampil detil Pennintmmberdasarkan no_dok

nputjml (jml psn yglerpennhi

Tmnpilkan detil pcnninlaanbcrdasarkan no_dok yg

bcrada satu recorddgn action vcr

Cek apakah nik, password, Jlevel. kd_"nil" & kd_S10lislldah dcregisler & level=5

~@J1---->1

Gambar 4.48 FlowchaIi Verifikasi Pesanan Pengadaan

4.8.23 Sigllup

TLoginy

T tdlUPil pesan/'<:----------7 anda behnn/-E__~

loginudahRegister?

y

0~[ Selesai I

ampil Form Lj.<<---- .-------"1Daftar Barang

JCck apakah nik password,tevel, kd_unitu & kd_stousudall dercgister & Ievel= I

~0>---->t

Input nik. llSCIll(lmc.

password, kd_unit,kd_sto.level.jabatan

T;II11pil PCSH!lSilahkan Lcngkapi Data

linda

y

y

CckapakahSCI1111H dahl llh

diisi

TT ~,mb:lh >-_Y---t

T r:::.SlIdah " >---' I ::~~npil PcsanL Mysql.errorO

apakah nik dan password sudahada yg memiliki (data redudnn)

yr-~-~ Sudah', >----------'

T

Simpan itemjd, Ulmll.l_brg,satuan, }larga_satuan, jml

kedalam tabel barang

ampiJ Pesan User BamTclah Terdnftnr

uscnUlmc : password

tTL -'- <." embnli ,

GambaI' 4,50 FIO\\lcharl Signup

4.8.24 Daftar Garang

TLogin

y

[~T

[ Selcsai 'I

t

T ~'II11Pil pesan/'< -'3 nuda behun

login «,-----,udallRegister?

y

Clmpil FonnDartar Barang

Cek apakah nik, password,level, kd_nnitu & Itd_stou

sudah deregister & level= 11

~[De-.--->t

Input ilclll_id. Il<lIlw_brg,sat\1Cm. harga_satnan. jm\

Talllpil PC5illl

Silahkan Lcng,kapi DataBarfing Anda

·rt ,.-/ Y~embalt > 1

Cck apakahsemua data tlh 4 Sudah '.

diisiY

T J ~mPil Pesan

i~'sql_error()

apakah itemjd sudah ada ygmemiliki ( data redudan)

YSudah '. > ._-'

T

Simpan itcmjd, lUlma_brg,saluan, hnrga_satwUl. jml

kedalam tabel barang

'ampil Pesan Barang BarnTelah Terdaftar

Item_id : nama_br

Gambar 4.51 Flowchati Daftar Barang

4.8.25 TabeHabel

TLoginy

[

"ampil pesan/<:-- -.;;;T anda bcll1m

login <E~--.,~

@]c------ >1eck apakah nik, password, Jlevel, kd_ul1Ilu & kd_Slousudah dcrcgisler & 1cvcl= I

1T

L Input pilih7

y y

Menampilkandaftar record

label

Mcnml1pilkanslmklur field

label

Mcnghapu5selurnh rccord

pada label

Gambar 4.52 Flowchart Tabel-tabel

4.8.26 Cari permintaan

TLoginy

[

,amPH pcsan/"<,.- T-3 anda bclnm

login /<52--.,____Ir@J ~

Cek apakall nik, password, Jlevel. kd_ull1lU & kd_slonsudall dcregisler & level=2

J-----z Inpnl pilih /(T

y

Link kc Formpencarian jlllibamn!!, kelnar

Delil

TampHkanDetil hasilpencarian

T

T ~ri jill>-----;:=====::::;-~ ~.l\~ll1n

y

ari dgkondisi

Link ke Formpcncarian dgn

kondisi lcrlcnlo

[TamPil jumJah~ barang kelua

~mbilli

L-----d,-------;;.. ( Selesai l<E--.---~,yf:----"---.l

Gambar 4.53 Flowchart Cari Permintaan

4.8.27 Cari Pesan

TLoginy

iramPil pesan

/";:- -:..,T:> anda belumlogin !-E--,udall

Regisler?

JCek apakah nik, password,level, kd_unitn&

kd_SIOU sudah diregisler

~@J>----->i

<

L Input pilill 7-E-T

ad dgkondisi

y

Link ke Formpcncarian dgn

kondisi terlentu

T

T

TampilkanDeti! hasilpencarian

Deli!

y

Link ke Formpcncarian jIll}

balanv, masuk

Kembali

Gambar 4.54 Flowchart Cari Pesan

4.8.28 Ganti Password

~cgJl-----~t

Input nik,pass\vord lama,pussword baru

Cek apal",h ndayang, bclmn

diisi

Cek apaknh nik danpassword terdaftar

dahlIn database

Tampil pesanSilahkan Lcngknpi

kembali

Ti~

I---~Kembali '.

Tampil index +pcsan PasswordTcJ"h Dillh"h'--=T

[selesai 1

y Update Password pacb tabel"1'>------...".1 datil_USer dan tmnpilkan index +

pesan keberhasilan prosesT

Tampil PcsanPassword atau NlK Tidal<

Tcrrulftar atau Salah

Gambar 4.55 Flowchart Ganti Password

4.8.29 Logout

~@J---->tHaplIs dall

Matikan session 1ampH il1dc~ +pcsal1 7TCnIllakasdl Alas --?>( Selesai lKuniungan And::

Gambar 4.56 Flowchart Lougout

4.9 IIIIJ}lclllcntasi Rancangan AJ}likasi

4.9.1 SJ}csifikasi Softwarc dan Hardwarc

Ada tiga komponen utama dalam merancang dan

'i

mengilllplementasikan aplikasi multiuser yang terintegrasi, yaitu:

1. Software, meliputi pemilihan aplikasi perangkat lunak yang

digunakan dalam pengembangan sistem. diantaranya:

» Web browser digunakan sebagai antarmuka dalam

pengembangan aplikasi berbasis web.

» Web server digllnakan untuk pengembangan aplikasi

berbasis web yang dapat melayani permintaan dari client

melalui web browser.

» Database digunakan sebagai tempat penyimpanan data.

» Bahasa pemrograman yang dapat menghubungkan aplikasi

database dengan web server.

SJ}esifikasi untllk perangkat lunak adalah sebagai berikut:

salah satu diantaranya dengan pemberian hak akses kepada

karyawan yang akan masuk kedalam aplikasi.

Uraian AIm proses pada sistem yang baru secara garis

besar dapat dilihat pada'Bagan berikut ini:

Client 3

nut Selectt:d data

returned~r=FFi=;

Server WIt 1 S

U(OlllPtiICr ~cr\'er~ tll_~nggull:lkallweb".r----V nrowscr scbagai

intcfulcC/ lllltannuka

Kom[llitcr uscr <its..:hku ;Hllllill Y:\Ilg -llIcllgatuf ,illlannya

--===="PIi=k'''i:::=_

Client!

Kompulcr IItier

mllnggunakanweb browser

scbagai inlcrlllccI

.-\dmini$trator

Gambar 4.57 Bagan AIm Proses yang diusulkan.

4.9.2 Pengkodean

Dalam pembuatan program (coding) dapat digunakan suatu

tool/ alat bantu berupa aplikasi yng dapat mempermudah penulisan

kode program khususnya yang berbasis web (hypertext), aplikasi

tersebut dialltarallya, yaitu Notepad, Wordpad, Editplus,

PHPCoder, PHPEdSetup, dan lain sebagaillya. Hasil pada tahap ini

4.9.3 Tampilan Aplikasi Pengelolaan Em'ang

Pada tahap ini diimplementasikan antarmuka yang telah

dirancang pada tahap perancangan di Bab IV dimana hasil

rancangan akan dijalankan dengan menggunakan kode program

yang telah dibuat sebelumnya. Basil tampilan antarmuka ini dapat

dilihat pada lampiran ~.

BABV

PENUTUP

Berdasarkan uraian pada bab-bab sebelumnya, penulis mencoba mengambil

sebuah kesimpulan dan saran yang dapat berguna bagi perusahaan khususnya Sub.

Bag ADM & Logistik Bagian Operasi &.Pemeliharaan Jaringan Akses, untuk dapat

menyimpan dan memproses data pem1intaan, pesanan dan data persedian barang

yang merupakan data-data pengelolaan barang dengan efektif dan efisien.

5.\ Kesimputan

Dari hasil perancangan Aplikasi pengelolaan Barang yang dibangun

ini, maIm dapat ditarik beberapa kesimpulan antara lain:

1. Aplikasi Pengelolaan Barang yang dibangun ini menggu11akan metodologi

System Development Life Cicle (SDLC) tradisional yang penulis batasi

pembahasannya hanya pada tahap analisis, desain dan implementasi, yang

mana pada tahapan-tahapan tersebut penulis meng:gunakan, DFD untuk

perancangan sistem, model ER-Diagram dan dalanl membangun relasi­

relasi database, penulis merancangnya dengan ml~ngilcuti atural1-aturan

normalisasi agar terbentuk struktur database yang baik dan memudahkan

proses pengelolaan semua data kegiatan pengelolaan baral1g dalam

melakukan manipulasi data, yaitu menambah, menyimpan, mengubah,

menghapus dan mencari serta menghasilkan Iaporan (report dalam web,

yang menggunakan htmI) dalam proses pengelolaan data.

2. Dengan Aplikasi Pengelolaan Barang berbasis web yang diusulkan Inl

PT. Telkom Kandatel Jakarta Selatan khususnya Sub. Bag ADM &

Logistik Bagian Operasi &.Pemeliharaan Jaringan Akses dapat

meningkatkan kine~ia pemsahaan khususnya dalam proses transformasi

data persedian barang, permintaan dan pemesanan atau pengajuan

pengadaan barang.

5.2 Samn

Berdasarkan hasil percobaan dan pembelajaran yang telah penulis

lakukan pada Aplikasi Pengelolaan Barang yang dibanglln ini, maIm saran

yang dapat penulis berikan guna perkembangan Aplikasi Pengelolaan Barang

kearah yang Iebih baik lagi adalah :

1. Aplikasi yang dillsulkan hanya membahas mengenai permintaan dan

pengadaan atau pesanan terhadap barang saJa tanpa memperhitungkan

total jumlah harga dari permintaan dan pengadaan tersebut, oleh karena itu

penulis menyarankan agar aplikasi ini dapat dikembangkan dengan

penambahan proses perhitungan total jumlah harga dari pennintaan dan

pengadaan tersebut guna mempermudah dan mempercepat proses

transaksi dan pengadaan barang.

2. Aplikasi Pengelolaan Barang ini dapat dikernbangkan lagi dengan

penambahan program yang dapat memberikan infonnasi keadaan kritis

persediaan barang dengan ketentuan-ketentuan jurnlah persediaan barang

yang telah ditetapkan dan dianggap jurnlah tersebut adalah jurnlah yang

kritis untuk persediaan barang.

3. Aplikasi Pengelolaan Barang ini dapat dilengkapi dengan security yang

lebih baik lagi seperti dengan mengaktifkan SSL (Socket Secure Layer)

bila ingin atau akan dipublishkan dan lmtuk lebih meningkatkan

keamanannya maka dapat dikernbangkan lagi dengan rnemberikan atau

rnengatur timeout pada sessionnya serta aplikasi ini dapat di-Upgrade

untuk perkembangan selanjutnya.

DAFTAR PUSTAKA

Bina Sarana Informatika, Ana!isa dan Design Sistem (Jakarta Bina Saranalnformatika, 1992).

Ekuator, The Ultimate Indonesian Onlinewww.ekuatoLcom/katalog.see.p?id=1156 - 67k -,WIB.

Boks Resources,15 Juli 2006, pk.17.00

Fathansyah, Basis Data (Bandung : CV. Informatika, 1999).

Jogiyanto, Analisis dan Desain Sistem lI?(ormasi : Pendekatan 'l'erstmktur 'l'eoridan Praktek Ap!ikasi Bi.mis, Ed-2 (Yogyakarta : Andi, 1999).

Niswonger, C.R. & Warren, c.S. & Reeve, J.M. & Fee, P.E., Prinsip-prinsipAkulI/ansi, Ed-19 (Jakarta: Erlangga, 1999).

Prasetyo, 0.0, Belajar sendiri Administrasi Database Server My5'QI, (JakartaPT. Elex Media Komputindo, 2003).

Sampurna, Belqjar Sendiri NJembuat Homepage dengan HTA1L (Jakarta PT.Elex Media Komputindo, 1996).

Sutabri, Tata, I'emrograman Terstrllktllr (Jakarta Bina Sarana Informatika,1997).

Syafii, M, Membangun Ap!ikasi Berbasis PHI' dan Jv{ySQL (Yogyakarta: Andi,2004).

Turban, E,Aronson, J.E & Liang, T.-P, Decision Support 5),stems and IntelligentSystems (Sistem Pendllkung Keputusan dan Sistem Cerdas), Ed-7(Yogyak3lia : Andi, 2005).

Universitas Gunadarma, Pengantar Analisis dan perancangan Sistem 'l'erstmktur(Jakarta: Gunadarma, 1995).

www.mail-archive.com/grosirkomputer@yahoogrouRs.com/msg00747.htm134k -, 15 Juli 2006, pk.17.00 WlB.

A-I.

LAMPIRANA

Script/Listing Program Halaman Index

<hLml><head><title>Login</title></head><body bqcolor=lljjB4A9Fl" bqproperties="fjxed" stylw,,"text-aliqn: ,lustify;text-indent: 0; word-spacing: 0; ,margin: 0" ><'table width"""lQO%"dl iqn--"center"><tr><td><?include ("logo. htm") .. ?><71 Heluele ("pink. htm") ;?><h r ><<1 i v <11 i 0n"'"CPI) 1(' 1."" ><117>< (-nn! (>n1 or"'" 111 ~l·l ,qq" (,1"1''''' "Vprd;\rla ">!~I-'1ami]!

fJdl.dnq Di</tonL></h2><h2><£00t coloJ:",nU9900CC" face"~"Mol1otypr' Con;iva">"l\pJ ikilni PCllq(,lol,lanBaranq<br>P'l'. 'l'elkom Kandcd:el Jakarta Selatan"</font></h2></div><form method="postlJ action="cek_login.php"><table align"""center" border"'''5'' bordercolor="liFFFFFF" bgcalar="H9900CC"width="250" height="58"><tr> <td> <br> <h3 align="center"><font S1Z0="5"color~""!lCCCCE'E''' bordercalor"-"" II FFFFFF">Si 1ahkan .1 s i </ fan t ></h3>< tablec1 ass=" f" ali gn"" "cen tel''' [ramc'" "borde r" bord{~1'(:01 n 1."'-'" II FFFFI"F" borde r"," 1 "bgco1oJ::""'''j!CC33CC'' "width","'/S><tr><td width""'''80'' height="23"><font face="Arial, Helvetica"><fontcolor="ltFFFFFF" size="'1">NIK</font></font></td><td width="80" height""'''23''><font face="Arial, Helveti.ca"><input type="text"name="nik" size="14"></font></td></tr><tr><td width="80" height="23"><font face="Arial, Helvetica"><fontcolor="IIFFFE'FF" size="4">Password</font></font></td><td width"-""80" height="23"><font [ace"'-"Arial, lIelvetica"><inputtype="password" name"'-""pass" s i 2e""''' 14 "></[on t></ I:d></ 1:1'></ tabl e><br><di valign""-"center" valign="middle"><table><tr><td><div align="center" valign""'''middle''><input type"""submit" name="ok"color="jrFFFFFF" value="Login" class"""f"> &nbsp; &nbsp; <ahref"'''ganti_pass.php''><font size=2 color="FFFFFF">[GantiPusswordj</font></a></div></td></tr></table></div><br></t:d></I:r></table><br></form></td></tr></table></body></html>

A-2 Script/Listing Program Halaman Home

<?php session start{);?><html><head><title>home</title></head><?if (session-is registered("nik") and (session is registered("level") and(session_is_r;gistered(tlkd_unitu") and - -(session is registered("kd stou")) I?><body bq~olor="jjCIABFE" bqproperties"""fixed" style="text,waliqn: Justify;text-indent: 0; word-spacing: 0; margin: 0" ><div align="center"><table width="lOO.'/," align="center"><tr><td><?include{"logo.htm"); include("menu.php");?><div align="center"><h2><font color="!f000099" face"''''I'im'~s NewRomance">Selamat Datang Di</font></h2></div><div align="center",><hl><font color="lt9900CC" face="Monotype Corsiva">"Aplikasi PengelolaanBarang <br>PT. Telkom Kandatel Jakarta Selatan "</font></hl></dj.v><divaliqn="center"><imq border="O" src="l.ipq" ></div><divalign="center"><?echo"</table></table><br>";?></div><?}else{echo"<br><br><br><table border=\"l\" bordercolor=\"ltFFFFFF\"align""\"center\" bgcolor=lt9900CCF\" width=\"370\"><tr><td><div align"'\"center\"><font color=\"ifCCCCFF\" size""'\"'1\"align"'\"center\" ><h2> Maaf Anda belum login, Untuk Login SiIahkan KlikLogin Dibawah Ini</h2></font></div><table border""\"!\"bordercolor=\"UFFFFFF\" a1iqn""\"center\" bqcolor=\"IICC33CC\" width=\"70\"><tr><th><a href""\"index.php\"><fontcolor""'\"FFFFFF\">Login</font></a></th>";echo"</table><br></tr></td></table>";}?></td></tr></tabIe></div></body></html>

A-3 ScriptListing Program Halaman Pcrmintaan

<?php session start () ; ?><html><?if (session is registerecl ("nik") and(session_is_registered ("level n) ) and ($level~="7"»)

{?><head><title>form permintaan</title></head><body bgcolor=lli~ClABFE" bgproperties="fixed" style="text-oalign: Justify;text-indent: 0; word-spacing: 0; margin: 0" ><table width="lOO%"align="center"><tr><tct><?include("logo.htm")i?><div align"""center"><strong><?include(ltmentl.php"};?></strong></div></tct></tr></tabIe><?if ($qoto validation) {include ("proto confirm2 .php"); )el~;e {7><'?php include (lIf.wrver.php "); -$loclevelsql=mysql query ("select '" from barang ") t'

$myloclevel=mysql fetch array($lpclevelsql);$resul t=mysql que;y ("select * frbm data user where nik=' :lnik' "r $koneksi);$ambil=mysql fetch array ($result);'1> -<di v align=ucenter"><form method""'''post'' action="<'1php echo"$PHP__SEI,F"; '1>"name="mainform" >

<table border;,"5" bqcolor="iICC66FF" aliqn="center" frame="border"bordercolor="U9900CC"<'1php echo $bgcol1; '1>" cellpadding''''O cellspacing,,02width="530"><tl:> <td width=u!.i30"> <table bgcolol:",,-u<'1php echo $bgcoll; '1>" class",-uf"Ididth"'''530''><tr align""'''center'' bgcolor=tl1l9900CC u width="530"> <td heLght"'''IjO''colspan="3'1><div valign="down" align="center"><p><font color="ilFFFFF!?"><b>FORMPERMIN'l'AAN</b><br>Isi dulu No Dokumen, Kode Keperluan, No. SPK/S'l'/ND danBARANG yang ingin dipesan dan cek apakah sudah benar?</font></div></td></tr><tr><td width="207"></td><td width="153 11></td></tr><tr valign"""top"> <td width",,11207"><font size="4">Nama/IDUser</font></td><td width",,"153">:<:?php echo"<font color=\"iI000099\" align""\ "center\ ,,><b><i>$ambi1[name]</i></b></font>";'1>/<'1echo"<font color",,\"#000099\"align=\"center\ u><b><i>$ambil [nikj </i></b</font>"; '1><ltd> <tdwidth= 1I 1il7">&nbsp; </td></tr><tr valiqn="top"> <td heiqht="23" width="207 1l ><font size="4">KodeUnit</font></td> <td width="153">:<'1php echo"<font color:=\"U000099\"align=\"center\"><b><i>$ambil[kd unitu)</i></b></font> ";'1><ltd> </tr> -<tr><td width="207"><font size="Ij">No.Dokumen:</font></td> <tdwidth-"15J"><input type-"text" name-"no_dok" size-"17" value-"<? echo"$no_dok";'1>"></td></tr><tr><td width="207"><font size="4">Kode Keperluan</font></td><tdwidth="153">:<?phl? echo"<font colol:""\"U000099\" align=\"centel:\"><b><i>$ambil[kd_unituj­$ambil[kd stou]</i></b></font> ";'1></td></tr><tr><td wldth","207"><font size"""Ij">No.SPK/ST/ND:</font></td><tdwidth=1l153"> <input type="text" name="no_spk_st_nd" si:.;:e="17" value="<'1echo "$no spk st nd";?>"></td> </tr><tr valign"""top"><td ><fontsi ze"""1j ">Permlnt~an Barang</ font></ td><td>: </ td><td><?php rnysql select db(nlogistik",$koneksi); if($r:eset) {$order sU~=$order sum-I;} if($order add) {$order sum""$order sum+I; 1 if ($order sum<l' {$order sum""O; 1for ($k-;;;;O;$k<=$order sum;$k++){$order:=mysql querY("select * frombarang",$koneksi);$order_loc=mysql_fetch_array{$order);$resultlast=mysql query("select * from barang whereitem id='$order t~rget[$k] l",$koneksi);$rowlast"'ffiysql fetch array($resultlast);$noperm awal=$k+l; echo lI$noperm awal&nbsp;<select name='order target [$k] ,class='f'>"; echo "<option value;;'$order target[$k]'>$rowlast (i tem_idj $rowlast {nama_brq] Rp. $rowlast [harqa_:satuan] </option>";do { echo'l<optionvalue='$order loc[item id] '>$order loc[item idl&nbsp;/&nbsp;$order loc[namabrg]&nbsp;/&~bsp;Rp.&~bsp;$order-loc[harga satuan)</option>"; } ­

while($order_loc=mysql_fetch_array($order);-echo "</select><br>";echo"<input type=hidden name=no_perm[$k] value=l$noperm_awal'>"; }echo "<input type=hidden name=l order_sum' value='$order_sum l >";?>...-1.-. ............ ., ,..,..",,-1' -I'un"'=""',lhmi 1-" ni"lm8",,"order add" value=" Tambah"

<td colspan=1t 3"><div align""'''center''> <br></div></td> </tr.><tr valign="top"><td colspan="3"><div align="center"><input type="stlbmit"name="qoto validation" value="SUBMIT"class="f"></div></td></tr></table></td> </tr></table></form></div></body><?} lelse!echo"<br><br><br><table border=\"l\" bordercolor=\"UFFFFFF\"align=\"center\" bgcolor""Jl9900CCF\" width""\ "3-/0\"><tl:><td><div align=\ "center\ "><font color=\ "jfCCCCFF\" size=\ "4 \"align=\"center\" ><h2> Maaf Anda belum login, Untu};: Login Silahkan KlikLogin Dibawah Ini</h2></font><ldiv><table border=\"l\"bordercolor=\ "JlFFFFFF\" align=\ "center\" bgcolol"""\ "jICC33CC\" width=\ "70\ ,,><tr><th><a href=\"index.php\"><fontcolor=\"FFFFFF\">Login</font></a></th>";echo"</table><br></tr></tct></table>"; l?></html>

A-4 ScriptIListing Program Halaman Verifikasi Pcrmintaan (Assub)

<?php session start () ; ?><html><head><ti tle>Thl Vel·assub</ti tle></head><?if (session-is registered("nik") and (sessio;;- is registered("leve1"») and(sess~on ~s reg1.8tered("kd umtu")) and (sess10;:; ]8 rE'9H tered("kd stou"))and $lev~1=;;;;"31l) I?> - -<body bgcolor""I1UClABFE"><table width="lOO%"a1ign="center"><tr><td><?include( 1T 10go.htm");include("menu.php");?><div aliqn="centcr"> <b3><font face="Geneva, l\rial, IIclvotica, sans-serif"color m "11003399" >Tabel VerifikasiPermintaan</font></h3></div><?include("server.php");echo"<divalign=\"center\"> <table border =1\" align=\"center\"widthc \"750\"borde.rcolor=\"1I9900CC\">

<tr bgcolor=\"IIFFCCFF\"><th><div align=\"center\"><fontcolor=\ "41660066\" a1ign=\ Ilcenter\ "><b>NO</b></font></div></th>

<th><div align=\"center\"><fontcolor=\"Jl660066\" aliqn=\"center\"><b>NIK/Name</b></font></div></th>

<th><div align""\"center\"><fontcolor=\"#660066\" align""\"center\"><b>NO DOKUMEN</b></font></div></th>

<th><div align=\"center\"><fontcolor=\ "iI660066\" align""\ "center\"><b>TGL PERMINTAAN</b></font></div></th>

<th><div align=\"center\"><fontco10r""\"U660066\" align=\"center\"><b>KD UNIT</b></font></div></th>

<th><div align""\"center\"><fontcolor=\ "4t660066\" aliqn=\ "center\"><b>KD KEPERLUAN</b></font></div></th>

<th><div align=\"center\"><fontcolor=\1l1l660066\" align=\"center\"><b>NO SPK/STN/ND</b></font></div></th>

<th><div align""\"center\"><fontcolor""\"H660066\" a.l.i.gn=\"center\"><b>'l'GL SPK</b></font></div></th>

<th><div align=\"center\"><fontcolor""\"1I660066\" align=\"center\"><b>TGL VER SS</b></font></div></th>

<th><font color=\ "#660066\'"aliqn=\"center\"><b>Action</b></font></th></tr>";for ($k""O;$k<=$order sum;$k++) {$guery= mysgl query(iiselect * from permintaan,data_user 'fihere nik_p=nik andsts ss='l' and sts assub='O' and kd unitu='$kd unitu' andkd stou-'$kd stou'-group by 'no dok'~r$koneksi)-or die (mysql_error());$row "" mysql-fetch array($query); $num"" mysql num rows($query);echo "<h3><font color:;::\U#660066\">Jml Permintaan/No.Dok :$num</font></h3>";do I$no=$k++;echo u<trbgcolor=\"UCCCCFF\"><th>$no</th><th>$row[nik_pJ/$row[namej</th><th>$row[no_dokl</th><th>$row[tgl_p]</th><th>$row[kd_tlnituJ</th><th>$row[kd

kpln) </th><th>$row[no spk st ndJ</th><th>$row(tgl spk)</th><th>$row[tgl verssJ</th><th>«a href='v~r assub.php?no dok=$row[21 '>Ver</a>l</th></tr>";}while($row=mysql-fetch array($query)); echo"</tab1e></div><br>";l ?><? Ielse {echo"<br><br><br><tab'le border=\ III \" bordercolor=\ "UFFFFFF\"align=\"center\" bgco10r=#9900CCF\" width=\"370\"><tr><td><div<')1 i gn=\ "C:flnt.p.r\ "><font DO 1or""\ "itr:c:c:cF'F'\" Ri 7.0.= \" <1 \" i'! 1 ; an=\ "C:flnter\" ><h?>Maaf Anda belwn login, Untuk Login Silahkan Kl.i. k Login DibawahIni</h2></font></div><table border=\"l\" bordercolor=\"ffFFFFFF\"

___.~ L , \"nnn~~nn\" •.'~k~_\"~n\"'/~p,,~h"~

href=\ "index, php\ "><font color=\ "FFFFFF\ ">Login</font></cl></th>";echo"</table><br></tr>< /td></table>" ; I ?></td></tr></tablEJ></body></html>

A-5 ScriptIListing Program Halaman Cari Pcrmintaan

<?php session start(); ?><html><? 1£ (sess1on 15 reg1steled("nlk") and(session is r:;gistered{"level ll ») and (session-is registel~ed(nkd unitu")and (sessio~ is registered("kd stou")})!?> .__ .- -<head><title>ca;i pmtn</title></head><body bgcolor="lIClABFE" bgprop8,Fties="fixed" style="text--align: Justify;text-indent: 0; Hard-spacing: 0,"': margin: 0" ><? include("logo.htm");include ("menu.php") ; include ("server.php") ;echo"<l:able border=\11\" bordercolor=\ "HFFI?FFF\" align""\ "center\"bqcolor=\116600CCC\" width""\ "530\ "><tr><th><font color=\ "II rL;'99FF\"align=\"left\">Pilih Jenis Pencarian Yanq And aInginkan</font><br><br><br><div align""\"center\"><ahl"ef=\"c_..pmtn.php\ "><font color:=\ "PL"FFFF\" .11 j qn"'\ "left\ "> 1II J CaLiPermintaan DengelO Kondisi 'l'ertentu</ font></ a><br><bl'><dhref=\"caril.php\"><font co1or-"'\"FF'FFFF\" dliqIP\".lefl:\">[IIJ CaLi Jl'<lI.Barang Tertentu yang Telah Dipinta/ Ditransaksi oleh S'l'O/UNI'I'Tertentu</font></a></div></th></tr></table><br>"; ]else lecho "<di v align"'\ "cenLer\ "><font colop~\"lI6600GG\"aliqn-""\"center\"<h2»<b>l\nda Relum loqin</b></h2></font></div> <br>";echo"<div align=\ "center\ "><form method~"get action=index. php> <inputtypeo::=submit value=LOGIN></form></div>"; ]?></body></hLml:>

A-6 SC"iptIListing P.-ogram Halamall Tabcl Barallg

<?php session_start();?><html><head><title>Tbl_saldo</title></head><? if(session is registered("nik") and (session is registered(nlevel") and(session:i.s:registered ("kd_uni tu"}) and (s~ssion_is_registered("kd_stou") ) )l?><body bgcoloro::="JfclABFE" bgproperties="fixed" style="text-align: Justify;text-indent: 0; word-spacing: 0; margin: 0" ><?include{"logo.htmn);?><div align="left"><strong><?include("menu.php");?></strong></div><div aligno::="center" width="50\"><strong><font color="lfFFFFFF"size="llt><?include ("e saldo. php") ; ?></font></strong></div><?include( "sel."ver. php"} ; eeho"<h3 align;;;;eenter><u>Tabel Saldo Barang</u></h3><divaliqn=\ "center\"><table border =1\" aliqn=\"center\" width=\ "750\ 11

bordercolor=\"U9900CC\"><tr bgcolor=\IlJlFFCCFF\"><th><div align=\"center\"><font color=\ "iI660066\"

align=\llcenter\"><b>NO </b></font></div></th><th><div align=\"center\"><font

color=\"U660066\" align=\"center\"><b>ITEM ID</b></font></div></th><th><div align=\"center\"><font

color=\"1I660066\" ali.gn-"'\"center\"><b>NAMA BARANG</b></font></div></th><th><div aliqn=\"cen ter\"><font

eolor"-"'\"1I660066\" align=\"center\"><b>SAT</b></font></div></th><th><div align=\"center\":><font

color=\"1I660066\" align=\"center\ll><b>Harga @</b></font></div></th><th><div align=\"center\"><font

color=\"1I660066\" align=\"center\"><b>JML AWAL</b></font></div></th><th><div align=\" center\"><font

color=\"U660066\" align=\"center\"><b>DI MINTA</b></font></div></th><th><div aliqn=\"center\"><font

color=\" 41660066\" align=\ "center\"><b>PENG ADAAN</b></f6nt></div></th><th><font color=\"U660066\"

align=\"center\"><b>SALDO AKHIR</b></font></th></tr>"; for($k-"'O;$k<=$o.rder sUl\\;$k++) {$query= mysql_query{"select * from barangll,$koneksi) or ·die(mysql error{));$row =-mysql_fetch_arraY{$query); $num = roysql_num_rows($query); echo "Jinlrekord : $nuro";do {~no=~k++; echo "<tr bgcolor=o\"HCCCCFF\"><th>:)no</th><th>$rnw [i tp,m_ i oj </th><th>$row [nama_hrcJ 1</th><th>$row [Silt] </th><th>$row [h;,r

LAMPIRANB

Gambar I : Tampilan Halaman Index

Gambar 2 : Tampilan Halaman Home

Gambar 3 : Tampilan Halaman Tabel Barang

Gambar 4: Tampilan Tabel User

Gambar 5 : Tampilan Halaman Form Permintaan (FPB)

Gambar 6: Tampilan Halaman Verifikasi Permintaan (Assub)

Gambar 7: Tampilan Halal11an Detil Verifikasi (Aslog)

Gal11bar 8 : Tal11pilan Halal11an Perl11intaan Verifikasi Lengkap

Gambar 9: Tampilan Halaman Detil Verifikasi Lengkap

Gambar 10 : Tal11pilan I-lalal11an Cari Perl11intaan

Gambar 11 : Tampilan Halaman Signup

Gambar 12 : Tampilan Halaman Daftar Barang

Gambar 13 : Tampilan Halaman Tabel-tabel

Gambar 14 : Tampilan Halaman Laporan Permintaan (FPB I NPB)

Tgl'Je.rAG~ Mant.o&~tJk·

~OUo..05,04

llf)l)f)OO17Jdi4

02lrc.1n.dghlE-1~=

pr.an

. pcm.khh

02lpcrm-khhJlll!2lJfJli

lL1J6.()~l"f

Hili.

PT.TfLEKOMUNlKl\SI ~'DOl\'ESlAnoN PERMII';TAAN DANPmGELUARANHARANG tJNTUI(

SWAKlLOl>Ali'ENANGGULAI'iGAI'l GI\]'lGGUAN

Ho.Dokumm

Kode Unit

K(jd~ Kel'ellwnI

Ho.3PK.r.3TIHD

j iJIIJERI\."nllll.ilil:mtL110 iv

"""'1;0 -1";;I'"

:N... ; rn':MID NAMAHAHANG SAT I D1MJNfA

, n i OmMflJO L~!:_'-'~J~ :bh i 30. -I--r;;oow;;oi'~ huu~l

HO,Fli\TBERfP~ll\bM.

Tg1ItMlGnJ(~i

Penoril1l!l.

Gambar 15 : Tampilan Halaman Peringatan (Security Login)

Gambar 16 : Tampilan Halaman Konfirmasi Proses Signup

Gall1bar 17 : Tall1pilan HaJall1an Konfinllasi Proses Daftar Barang

DAFTAR IST][LAH

A N

»> Aslog : Ass. Man Logistik »> NPB : Nota Permintaan

»> Assub : Ass. Man Sub. BagBarang

»> NPL : Nota Pemeriksaan

F Lapangan

»> FPB : Form Permintaan p»> FPPB : Form Pengajuan »> Pgdn : Kasi Pengadaan

Pengadaan Barang

SK »> SS : Senior Supervisor»> Ksgd : Kasi Gudang

M

»> Manager 0 & MAN

Manager Operasi & Maintenance

Access Network

NOTA KONFIRMASI PKL! SURVEYNO: C.TEL..&2 IPSOOO/D02-E20200/200S

I. NAMA/NIM

SEKOLAH/UNIV/AKADEMI:

JURUSAN

JUMLAH PESERTA

UNIT KERJA YANG DITUJU ;

RENCANA WAKTU

I. SITI SHOFAH 11010911233372. UNA WILDANA 110109112332.'9

UNIVERSITAS ISLAM NEGERISYARIF HIDAYATULLAH

TEKNIK INFORMATlKA

2 (DUA) ORANG

SUBDIN ADM DATA & JAR

oI-Ot-2005 SID 31-03-2005

2. Setelah kami pertimbangkan sesuai dengan kebutuhan operasional. Siswal Mahasiswatersebut dllplltl lUI.aJ, dallRt *) kami setujui PKL! Riset di Unit Kelja kami selama Icng:,) bulan.

3. Demikian untuk diketahui dan mahan maklum adanya.

AND! GIATRIOSOMANAGER O&M AN

Catatan ;

- No. I diisi oleh Petugas Ur. SDM*) eoret yang tidak perlu

Nota konfirmasi dibuat sebagai dasar dikeluarkannya tentang PKLI Survey dari BAG.DUKMAN.