D. Implementasi Aplikasi
D.6. Implementasi Edit Site
Edit site merupakan halaman yang dapat dikunjungi oleh pengguna dengan privilege admin dengan menekan ikon edit yang ada pada dashboard admin. Fitur edit site dapat dilakukan ketika pengguna telah menambahkan site atau sudah terdapat site yang sebelumnya sudah ada. Halaman edit site ini terbagi menjadi enam tab, yaitu Site Detail, XL, TSEL, ISAT, H3I, dan SF. Implementasi tab site detail dapat dilihat pada Gambar 3.29.
Gambar 3.29 Implementasi Tab Site Detail
Pada tab site detail, pengguna dapat menambah atau mengubah data site yang sudah ada. Proses perubahaan data tersebut dapat dilakukan hampir kesemua input field kecuali Site ID. Pada tab ini, pengguna dapat melihat data mengenai detail site yang mereka miliki dan terdapat beberapa input field yang menyediakan fungsi yang menunjukan data sebelumnya. Input field tersebut adalah Land Certificate, Landlord Name, Landlord Phone Number, Notaris, PKS Number, PKS Date, Rental Price, Rental Period Applies, dan Rental Period Ends.
Setelah selesai menambahkan atau merubah data, pengguna dapat menyimpan perubahan tersebut dengan menekan tombol edit.
Gambar 3.30 merupakan implementasi tab XL. Tab XL dibuat agar pengguna dengan privilege admin dapat menambah atau merubah data mengenai tenant XL. Sebelum dapat membuka tab ini, pengguna harus mencentang check box XL yang ada pada tab site detail.
Gambar 3.30 Implementasi Tab XL
Pada tab XL, pengguna dapat melakukan penambahan atau perubahan data pada tenant XL. Terdapat input field Client ID yang digunakan untuk menunjukan ID tenant yang sekerang, untuk melakukan perubahan terhadap ID tenant pengguna harus mengisi input field Client Renewal ID. Pada tab ini, terdapat juga input field yang menujukan data sebelumnya selain Client ID. Input field tersebut adalah SPK Number, SPK Date, Rental Price, Rental Period Applies, dan Rental Period Ends. Setelah melakukan perubahan yang diinginkan, pengguna dapat menyimpan perubahan data tersebut dengan menekan tombol edit.
Gambar 3.31 merupakan implementasi tab TSEL. Tab TSEL dibuat agar pengguna dengan privilege admin dapat menambah atau merubah data
mengenai tenant TSEL. Sebelum dapat membuka tab ini, pengguna harus mencentang check box TSEL yang ada pada tab site detail.
Gambar 3.31 Implementasi Tab TSEL
Pada tab TSEL, pengguna dengan privilege admin dapat menambah atau mengubah data mengenai tenant TSEL. Terdapat input field Client ID yang digunakan untuk menunjukan ID tenant yang sekerang, untuk melakukan perubahan terhadap ID tenant pengguna harus mengisi input field Client Renewal ID. Pada tab ini, terdapat juga input field yang menujukan data sebelumnya selain Client ID. Input field tersebut adalah Contract Number, Contract Date, Rental Price, Rental Period Applies, dan Rental Period Ends. Setelah melakukan perubahan yang diinginkan, pengguna dapat menyimpan perubahan data tersebut dengan menekan tombol edit.
Tab ISAT dibuat agar pengguna dengan privilege admin dapat menambah atau merubah data mengenai tenant ISAT. Sebelum dapat membuka tab ini, pengguna harus mencentang check box ISAT yang ada pada tab site detail. Implementasi tab ISAT dapat dilihat pada Gambar 3.32.
Gambar 3.32 Implementasi Tab ISAT
Pada tab ISAT, pengguna dengan privilege admin dapat menambah atau mengubah data mengenai tenant ISAT. Terdapat input field Client ID yang digunakan untuk menunjukan ID tenant yang sekerang, untuk melakukan perubahan terhadap ID tenant pengguna harus mengisi input field Client Renewal ID. Pada tab ini, terdapat juga input field yang menujukan data sebelumnya selain Client ID. Input field tersebut adalah BAPS Number, BAPS Date, Rental Price, Rental Period Applies, dan Rental Period Ends. Setelah melakukan perubahan
yang diinginkan, pengguna dapat menyimpan perubahan data tersebut dengan menekan tombol edit.
Gambar 3.33 merupakan implementasi tab H3I. Tab H3I dibuat agar pengguna dengan privilege admin dapat menambah atau merubah data mengenai tenant H3I. Sebelum dapat membuka tab ini, pengguna harus mencentang check box H3I yang ada pada tab site detail.
Gambar 3.33 Implementasi Tab H3I
Pada tab H3I, pengguna dengan privilege admin dapat menambah atau mengubah data mengenai tenant H3I. Terdapat input field Client ID yang digunakan untuk menunjukan ID tenant yang sekerang, untuk melakukan perubahan terhadap ID tenant pengguna harus mengisi input field Client Renewal ID. Pada tab ini, terdapat juga input field yang menujukan data sebelumnya selain Client ID. Input field tersebut adalah Maintenance Price, Rental Price, Rental
Period Applies, dan Rental Period Ends. Setelah melakukan perubahan yang diinginkan, pengguna dapat menyimpan perubahan data tersebut dengan menekan tombol edit.
Gambar 3.34 merupakan implementasi tab SF. Tab SF dibuat agar pengguna dengan privilege admin dapat menambah atau merubah data mengenai tenant SF. Sebelum dapat membuka tab ini, pengguna harus mencentang check box SF yang ada pada tab site detail.
Gambar 3.34 Implementasi Tab SF
Pada tab SF, pengguna dengan privilege admin dapat menambah atau mengubah data mengenai tenant SF. Terdapat input field Client ID yang digunakan untuk menunjukan ID tenant yang sekerang, untuk melakukan perubahan terhadap ID tenant pengguna harus mengisi input field Client Renewal ID. Pada tab ini, terdapat juga input field yang menujukan data sebelumnya selain
Client ID. Input field tersebut adalah BAPS Number, BAPS Date, Rental Price, Rental Period Applies, dan Rental Period Ends. Setelah melakukan perubahan yang diinginkan, pengguna dapat menyimpan perubahan data tersebut dengan menekan tombol edit.