DAFTAR GAMBAR. Siklus Informasi... Kantor Pusat Telkom. Gambar 3.2 Struktur Organisasi Gambar 3.3 Prototype Paradigma... 51

DAFTAR GAMBAR

Gambar 2.1

Siklus Informasi……………………………………………...

14

Gambar 3.1

Kantor Pusat Telkom………………………………………… 38

Gambar 3.2

Struktur Organisasi………………………………………....... 40

Gambar 3.3

Prototype Paradigma………………………………………....

51

Gambar 3.4

Contoh Use Case Kegiatan Pasien yang Membuat Janji…….

55

Gambar 3.5

Contoh Diagram Class Transaksi Pembelian Barang……….. 57

Gambar 3.6

Contoh Diagram Package………………………………….... 58

Gambar 3.7

Contoh Diagram Sequence Pemesanan Kamar di Hotel…….. 59

Gambar 3.8

Contoh Diagram Collaboration Pemesanan Kamar di Hotel..

Gambar 3.9

Contoh Diagram StateChart Sistem Perbankan secara Online 62

Gambar 3.10

Contoh Diagram Activity Pembelian Uang melalui ATM…...

64

Gambar 3.11

Contoh Diagram Deployment Sistem Real Estate…………...

66

Gambar 4.1

Use Case Diagram Pengeluaran dan Pemasukan Barang …...

71

Gambar 4.2

Activity Diagram Pengeluaran Barang …..…………………..

75

Gambar 4.3

Activity Diagram Pemasukan Barang ……………………….

76

Gambar 4.4

Use Case Diagram yang Diusulkan …………………………

83

Gambar 4.5

Activity Diagram Login Unit Kerja ………………………..

92

Gambar 4.6

Activity Diagram Cari Informasi dan Permintaan Barang

61

Logistik ……………………………………………………… 92 Gambar 4.7

Activity Diagram Login Gudang ……………………………

93

Gambar 4.8

Activity Diagram Cek Permintaan Barang …………………..

93

Gambar 4.9

Activity Diagram Cetak Laporan …………………………....

94

Gambar 4.10

Activity Diagram Login Pengadaan ………………………....

94

Gambar 4.11

Activity Diagram Pemesanan Barang ke Supplier ….…….....

95

Gambar 4.12

Sequence Diagram Login Unit Kerja ……………………...... 96

Gambar 4.13

Sequence Diagram Cari Informasi dan Permintaan Barang Logistik ……………………………………………………… 96

Gambar 4.14

Sequence Diagram Login Gudang …………………………..

Gambar 4.15

Sequence Diagram Permintaan Barang ..…………………..... 97

Gambar 4.16

Sequence Diagram Cetak Laporan …………………….......... 98

Gambar 4.17

Sequence Diagram Login Pengadaan ..……………………...

Gambar 4.18

Sequence Diagram Pemesanan Barang ……………………... 99

Gambar 4.19

Collaboration Diagram Login Unit kerja …………………...

Gambar 4.20

Collaboration Diagram Cari Informasi dan Pengeluaran Barang Logistik ……………………………………………...

97

98

100

100

Gambar 4.21

Collaboration Diagram Login Gudang ……………………... 101

Gambar 4.22

Collaboration Update Permintaan Barang ………………….. 101

Gambar 4.23

Collaboration Diagram Cetak Laporan ……………………..

101

Gambar 4.24

Collaboration Diagram Login Pengadaan …………………..

102

Gambar 4.25

Collaboration Diagram Pembelian Barang …………………

102

Gambar 4.26

Class Diagram Web pengadaan Barang Penunjang Logistik

Gambar 4.27

Pada Bagian Gudang Di PT Telkom Jakarta Barat ………….

103

Relasi Antar Class ………………………………………………...

104

Gambar 4.28

Component Diagram Web Pergudangan Penunjang Logistik

105

Pada Bagian Gudang PT Telkom Jakarta Barat …………….. Gambar 4.29

Diagram Deployment Web Pengadaan Barang Penunjang Logistik Pada Bagian Gudang Di PT Telkom Jakarta Barat ... 106

Gambar 4.30

Perancangan Form Login ……………………………………

108

Gambar 4.31

Perancangan Form Input STO ………………………………

108

Gambar 4.32

Perancangan Form Input Rekanan …………………………..

108

Gambar 4.33

Perancangan Form Input Pegawai …………………………... 108

Gambar 4.34

Perancangan Form Input Data Barang ………………………

109

Gambar 4.35

Perancangan Form Input Kode Barang ……………………...

109

Gambar 4.36

Perancangan Form Input Artikel …………………………….

109

Gambar 4.37

Perancangan Form Guestbook ………………………………. 110

Gambar 4.38

Perancangan Form Input Supplier …………………………... 110

Gambar 4.39

Perancangan Form Input Order Proyek ……………………... 110

Gambar 4.40

Perancangan Form Input Order Swakelola ………………….

111

Gambar 4.41

Perancangan Form Input Pengadaan Barang ………………..

111

Gambar 4.42

Perancangan Output Halaman Utama bagian Unit Kerja (Home Page) …………………………………………...........

Gambar 4.43

Perancangan Output Halaman List Order Barang Proyek (Home Page) ………………………………………………...

Gambar 4.44

113

Perancangan Output Halaman List Order Barang Swakelola (Home Page) ………………………………………………...

Gambar 4.45

112

Perancangan Output Halaman Penerimaan Barang (Home

113

Page) ………………………………………………………... Gambar 4.46

114

Perancangan Output halaman Utama Bagian Gudang (Home Page) ………………………………………………………… 114

Gambar 4.47

Perancangan Output Halaman Penerimaan Barang Dari Bagian Pengadaan (Home Page) …………………………….

Gambar 4.48

Perancangan Output halaman Utama Konfirmasi Order Proyek (Home Page) ………………………………………...

Gambar 4.49

115

Perancangan Output halaman Utama Konfirmasi Order Swakelola (Home Page) ……………………………………..

Gambar 4.50

115

116

Perancangan Output Halaman Pengeluaran Barang (Home Page) ………………………………………………………… 116

Gambar 4.51

Perancangan Output halaman Utama Bagian Pengadaan (Home Page) ………………………………………………… 117

Gambar 4.52

Perancangan Output Halaman Penyerahan Barang ke Bagian Gudang (Home Page) ………………………………………..

117

Gambar 5.1

Halaman Login bagian Unit kerja …………………………...

125

Gambar 5.2

Halaman Utama Web Bagian Unit Kerja ……………………

126

Gambar 5.3

Halaman Permintaan Barang Proyek ………………………..

126

Gambar 5.4

Halaman List Order, Detail dan Edit Barang Proyek ……….

127

Gambar 5.5

Halaman Permintaan Barang Swakelola …………………….

127

Gambar 5.6

Halaman List Order, Detail dan Edit Barang Swakelola ……

128

Gambar 5.7

Halaman Konfirmasi Permintaan Barang Proyek dan Swakelola ……………………………………………………

128

Gambar 5.8

Form Ubah Password Bagian Unit Kerja …………………… 129

Gambar 5.9

Form Input STO ……………………………………………..

Gambar 5.10

Form Input Rekanan ………………………………………… 130

Gambar 5.11

Form Input Pegawai …………………………………………

130

Gambar 5.12

Halaman Login Bagian Gudang ……………………………..

131

Gambar 5.13

Halaman Utama Web Bagian Gudang ....................................

131

Gambar 5.14

Halaman Form Input Barang ………………………………... 132

Gambar 5.15

Halaman Form Input kode Barang …………………………..

Gambar 5.16

Halaman Form Input Jenis Barang ………………………….. 133

Gambar 5.17

Halaman Form Input Departemen …………………………... 133

Gambar 5.18

Halaman Order Penerimaan Barang ………………………… 134

Gambar5.19

Halaman List Permintaan,Detail,dan Konfirmasi Barang Proyek ……………………………………………………….

Gambar5.20

129

132

134

Halaman List Permintaan,Detail,dan Konfirmasi Barang Swakelola ……………………………………………………

135

Gambar 5.21

Halaman Pengeluaran Barang Proyek dan Swakelola ………

135

Gambar 5.22

Halaman Laporan Barang Masuk …………………………… 136

Gambar 5.23

Halaman Laporan Barang Keluar …………………………… 136

Gambar 5.24

Halaman Transaksi Keluar dan Masuk Barang ……………... 137

Gambar 5.25

Halaman Detail Laporan Barang Masuk ……………………. 138

Gambar 5.26 Halaman Detail Laporan Barang Keluar …………………….

138

Gambar 5.27

Halaman Form Ubah Password Bagian Gudang ……………. 138

Gambar 5.28

Halaman Login Bagian Pengadaan ………………………….

139

Gambar 5.29

Halaman Utama Web Bagian Pengadaan …………………… 139

Gambar 5.30

Halaman Form Input Supplier ………………………………. 140

Gambar 5.31

Halaman Penyerahan Barang ke Bagian Gudang …………...

140

Gambar 5.32

Halaman List Minimal Stok …………………………………

141

Gambar 5.33

Halaman Pembelian Barang ke Supplier ……………………. 141

Gambar 5.34

Halaman Ubah Password Bagian Pengandaan ……………… 142

Gambar 5.35

Direktori Tempat Menyimpan Halaman Website …………...

Gambar 5.36

Mengaktifkan XAMPP ……………………………………… 143

143