siti shofah -...
Post on 13-Mar-2019
222 Views
Preview:
TRANSCRIPT
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"> <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"> </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 <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 / $order loc[namabrg] /&~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.
top related