BAB II

URAIAN KEGIATAN

2.1 Sistem Penugasan Kerja

Selama melakukan program PKL di Perumda Air Minum Cilegon
Mandiri mulai tanggal 17 Mei 2022 s.d 17 Juni 2022, penulis di tempatkan
pada sub bagian Pemetaan dan Teknologi Komputerisasi. Berikut tabel jam
kerja pegawai :
Keterangan Senin – Jum’at
Jam masuk 07.45 WIB
Jam istirahat 12.00 – 13.00 WIB
Jam pulang 16.00 WIB

2.2 Rangkuman Pekerjaan Yang Dilakukan selama PKL

Selama melakukan kegiatan PKL di Perumda Air Minum Cilegon
Mandiri penulis ditempatkan di sub bagian Pemetaan dan Teknologi
Komputerisasi, ditugaskan untuk mengerjakan pekerjaan yang bersangkutan,
yaitu :
1. Membuat Web struktur organisasi dengan Bahasa Pemrograman HTML
dan CSS
HTML adalah kerangka yang membentuk dan mengatur
bagaimana sebuah halaman web akan ditampilkan di browser. Untuk
membentuk dan mengatur halaman tersebut kita menggunakan
markah/tanda atau lebih umum disebut tag.

Tag HTML mempunyai tag pembuka dan penutup. Tag

pembuka menggunakan simbol kecil dari (<) dan besar dari (>), begitupun
dengan tag penutup, hanya saja untuk tag penutup di tambahkan slash (/).

CSS atau Cascading Style Sheets adalah kumpulan perintah yang

digunakan untuk menjelaskan tampilan sebuah halaman situs web dalam
mark-up language.

7
 8

Hubungan HTML dengan CSS keduanya sangat berhubungan erat.

CSS adalah kode-kode yang dipakai untuk mendesain sebuah laman
HTML. Jika HTML diibaratkan sebagai seorang manusia, maka CSS
adalah pakaian yang membuat penampilan menjadi semakin menarik.
CSS akan membantu para web designer untuk mengubah tampilan teks
(baik dari bentuk dan ukuran font maupun warnanya), menambahkan
gambar, hingga mengubah latar belakang sebuah halaman HTML.
 9

Gambar 2.1 Screenshot codingan HTML dan CSS

 10

Gambar 2.2 Screenshot Hasil Web

 11

2. Mengoding Web Bagian Navbar

HTML memiliki beberapa elemen, salah satunya yaitu <nav>. Nav
adalah element pada HTML yang dibuat untuk mempresentasikan link
navigasi. Bisa dibilang, nav adalah wadah dari link yang akan men direct
kita ke halaman lain. Tetapi tautan yang berada pada elemen
<nav>biasanya adalah tautan utama yang merujuk ke halaman lain pada
situs web. Anggaplah menunjukan link halaman utama,galeri dll.

Gambar 2.3 Screenshot Navbar dan Codingan

3. Mengoding Web Bagian Jumbotron

Jumbotron merupakan semacam bentuk yang di buat untuk tujuan
membuat semacam pengumuman, konten khusus atau informasi tentang
halaman website. Biasanya jumbotron di buat pada halaman depan
website.
 12

Gambar 2.4 Screenshot Jumbotron dan Codingan

4. Mengoding Web Bagian About Us

Halaman About Us akan memperlihatkan kepada audiens seperti
apa perusahaan kita sebenarnya. Di dalamnya kita dapat menjelaskan
mengenai cara perusahaan beroperasi sehari-hari, atau kita juga dapat
memberitahukan kepada mereka apa yang menjadi visi dan misi
perusahaan serta apa yang ingin dicapai perusahaan ke depannya.
 13

Gambar 2.5 Screenshot About Us dan Codingan

5. Mengoding Web Bagian Struktur Organisasi

Sebuah Struktur web yang menggambarkan organisasi perusahaan
dan penempatan pegawainya.
 14

Gambar 2.6 Screenshot Struktur Organisasi dan Codingan

6. Menyusun Laporan Bulanan Mengenai Webgis Sistem Perpompaan Air

Bersih Kota Cilegon
Web-based GIS (WebGIS) adalah Sistem Informasi Geografis
(SIG) yang terdistribusikam dalam suatu jaringan computer untuk
mengintegrasikan dan menyebarluaskan informasi geografi secara visual
pada World Wide Web. WebGIS dibandingkan dengan desktop GIS
menawarkan beberapa keuntungan seperti efisiensi biaya, efisiensi beban
kerja sumber daya manusia untuk instalasi, pmeliharaan dan dukungan
teknis, pemangkasan kurva pembelajaran untuk pengguna akhir dan
keunggulan dalam hal integrasi data spansial dan data non spansial
menggunakan DBMS.
 15

Gambar 2.7 Laporan Bulanan Webgis Sistem Perpompaan Air Bersih