PENDAHULUAN
1
1.2.Maksud dan Tujuan PKL
Praktek Kerja Lapangan (PKL) adalah sebagai suatu
system pembelajaran yang dilakukan diluar Proses Belajar
Mengajar dan dilaksanakan pada perusahaan atau instansi
yang relevan.
2
1.3.Manfaat Kegiatan
A. Manfaat Bagi Siswa
3
B. Manfaat Bagi Sekolah
4
1.5.Sistematikan Penulisan
BAB I PENDAHULUAN
Bab ini menguraikan tentang:
1.1 latar belakang PKL
1.2 Maksud dan tujuan PKL
1.3 Manfaat dan kegiatan
1.4 Waktu dan tempat pelaksanaan
1.5 Sistematikan penulisan
BAB II GAMBARAN UMUM PERUSAHAAN
Bab ini menguraikan tentang:
2.1 Sejarah Perusahaan
2.2 Struktur Perusahaan
2.3 Visi dan Misi Perusahaan
BAB III KEGIATAN PRAKTEK KERJA LAPANGAN
Bab ini menguraikan tentang:
1.1. Dasar Teori
1.2. Kegiatan PKL
3.2.1 Persiapan Kerja (Alat dan Bahan)
3.2.2 Proses Kerja
3.3.3 Pembahasan Masalah
BAB IV PENUTUP
Bab ini menguraikan tentang:
2.1 Kesimpulan
2.2 Saran
5
BAB II
GAMBARAN UMUM PERUSAHAAN
6
2.2 Struktur Organisasi
7
5) Meningkatkan pelayanan pengadaan barang dan
jasa secara elektronik
6) Meningkatkan kualitas pelayanan informasi statistik
7) Meningkatkan pengembangan teknologi
persandian daerah
8
BAB III
KEGIATAN PRAKTEK KERJA LAPANGAN
9
Jadi sebenarnya semua yang berhubungan dengan
website biasanya juga berhubungan dengan web
server, karena tugas web server adalah mengatur
10
merupakan perangkat lunak yang bertugas
menerjemahkan URL (alamat situs web) serta HTTP
(protokol yang digunakan browser untuk menampilkan
halaman website). Kemudian web server mengirimkan
HTTP response ke browser dan memprosesnya
menjadi halaman situs web.
Pada saat web server menerima HTTP request dari
browser, jika diperlukan web server akan mengirimkan
query ke database untuk memenuhi permintaan HTTP
request yang dikirimkan oleh browser.
C. Web Browser
Web Browser adalah suatu program atau software
yang. digunakan untuk menjelajahi internet atau untuk
mencari informasi dari suatu web yang tersimpan
didalam komputer. Awalnya, web browser berorientasi
pada teks dan belum dapat menampilkan gambar.
Namun, web browser sekarang tidak hanya
menampilkan gambar dan teks saja, tetapi juga
memutar file multimedia seperti video dan suara. Web
browser juga dapat mengirim dan menerima email,
mengelola HTML, sebagai input dan menjadikan
halaman web sebagai hasil output yang informative.
Dengan menggunakan web browser, para pengguna
internet dapat mengakses berbagai informasi yang
terdapat di internet dengan mudah. Beberapa contoh
web browser diantaranya Internet Explorer, Mozilla,
Firefox, Safari, Opera, dll.
D. Sublime Text
Sublime Text adalah teks editor untuk berbagai bahasa
pemrograman termasuk pemrograman PHP. Sublime
Text merupakan teks editor lintas platform dengan
Phyon Application Interface (API). Sublime Text juga
mendukung bahasa pemrograman dan bahasa makup,
dan fungsinya dapat ditambah dengan plugin.
E. Bootstrap
Bootstrap adalah front-end framework yang solek,
bagus dan luar biasa yang mengedapankan tampilan
untuk mobile device (Handphone, smartphone dll.) guna
mempercepat dan mempermudah pengembangan
11
website. Bootstrap menyediakan HTML, CSS dan
Javascript siap pakai dan mudah untuk dikembangkan.
Bootstrap merupakan framework untuk membangun
desain web secara responsif dan cepat. Artinya,
tampilan web yang dibuat oleh bootstrap akan
menyesuaikan ukuran layar dari browser yang kita
gunakan baik di desktop, tablet ataupun mobile device.
Sehingga, user akan mendapatkan pengalaman yang
lebih baik dalam berselancar tanpa mempertimbangkan
perangkat apa yang harus digunakan.
Sejatinya, apabila kita menggunakan bootstrap, kita
tinggal menggunakan nama class (untuk css) dan
library (javascript) yang sudah ditentukkan oleh
bootstrap tanpa perlu menulis kode dari 0 (awal)
sehingga, bisa menghemat waktu dalam
pengembangan website untuk urusan UI (User
Interface). Bootstrap memiliki tampilan yang indah dan
dapat di customisasi.
Dengan bootstrap kita juga bisa membangun web
dinamis ataupun statis, tentunya harus didukung
dengan teknologi lain dalam pengembangannya.
F. HTML
Hypertext Markup Language (HTML) adalah sebuah
bahasa markah yang digunakan untuk membuat
sebuah halaman web, menampilkan berbagai informasi
di dalam sebuah penjelajah web Internet dan
pemformatan hiperteks sederhana yang ditulis dalam
berkas format ASCII agar dapat menghasilkan tampilan
wujud yang terintegerasi. Dengan kata lain, berkas yang
dibuat dalam perangkat lunak pengolah kata dan
disimpan dalam format ASCII normal sehingga menjadi
halaman web dengan perintah-perintah HTML. Bermula
dari sebuah bahasa yang sebelumnya banyak
digunakan di dunia penerbitan dan percetakan yang
disebut dengan SGML (Standard Generalized Markup
Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman
web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh
12
World Wide Web Consortium (W3C). HTML dibuat oleh
kolaborasi Caillau TIM dengan Berners-lee Robert
ketika mereka bekerja di CERN pada tahun 1989
(CERN adalah lembaga penelitian fisika energi tinggi di
Jenewa).
G. CSS
Cascading Style Sheet (CSS) merupakan aturan untuk
mengatur beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. CSS
bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata
seperti Microsoft Word yang dapat mengatur beberapa
style, misalnya heading, subbab, bodytext, footer,
images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa berkas (file).
Pada umumnya CSS dipakai untuk memformat
tampilan halaman web yang dibuat dengan bahasa
HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna
bagian tubuh pada teks, warna tabel, ukuran border,
warna border, warna hyperlink, warna mouse over,
spasi antar paragraf, spasi antar teks, margin kiri,
kanan, atas, bawah, dan parameter lainnya. CSS
adalah bahasa style sheet yang digunakan untuk
mengatur tampilan dokumen. Dengan adanya CSS
memungkinkan kita untuk menampilkan halaman yang
sama dengan format yang berbeda.
H. Java Script
JavaScript adalah bahasa pemrograman tingkat tinggi
dan dinamis.JavaScript populer di internet dan dapat
bekerja di sebagian besar penjelajah web populer
seperti Google Chrome, Internet Explorer (IE), Mozilla
Firefox, Netscape dan Opera. Kode JavaScript dapat
disisipkan dalam halaman web menggunakan tag
SCRIPT.
13
3.2 Kegiatan PKL
Adapun kegiatan Praktek Kerja Lapangan yang dilakukan
di Diskominfo dan saya kebagian di bidang TKPBE antara
lain :
-scan profosal
- menuliskan nama-nama desa di kuningan
(menuliskan nama-nama desa tiap kecamatan
dikuningan ini ditulis dibuku.)
- melihat tutorial seputar web site dg menggunakan
bootstrap
- belajar membuat web site menggunakan bootstrap sambil
melihat tutorial
- meneruskan membuat web site menggunakan bootstrap
sambil melihat tutorial
- membuat tanda terima di word
- meneruskan membuat web site menggunakan bootstrap
sambil melihat tutorial
- Input data desa yang dikuningan dengan HTML di
tiny.cloud
(maksud dari ini di edit di tiny.cloud lalu dicopy kan yang
html nya, disimpan di notepad++ lalu disimpan.)
- belajar membuat biodata siswa menggunakan neatbeans
sambil melihat tutorial
- input data desa yang ada dikuningan
(log in ke website perusahaan, lalu memasukan data-data
nya selanjutnya simpan.)
- fotocopy
-membuat website (latihan)
- merapihkan & menyusun Surat
- CapBlock Pak Sekda
- melipat surat
- belajar seputar website dengan menggunakan bootstrap
- latihan memasukan video ke website
- melihat tutorial css
- mengikuti acara yang di DISKOMINFO
- revisi jawaban soal ujian (mahasiswa)
-belajar ulang membuat web offline
-membuat website jurnal
- membuat web dari framework materialize
14
- melihat tutorial seputar website di YouTube
- mengetik jumlah jiwa tiap kecamatan yang ada di
kuningan di word
- memasukan halaman berita beserta isinya,video,gallery
ke website untuk jurnal
- membuat running text ke website jurnal
- membuat video untuk dimasukan ke website jurnal
- membuat program aplikasi sederahana ( data buku utk
pembelajaran untuk pemesanan)
- membuat use case (sistem informasi absensi)
- membuat proses kerja untuk laporan pkl
- melihat tutorial merakit komputer dasar
- mengetik nama desa pinunjul yang di kuningan di
microsoft excel
-Mengedit gambar dengan nama desa & kecamatan di
kuningan di photoshop
3.2.1 Persiapan Kerja (Alat dan Bahan)
Adapun Alat yang dibutuhkan untuk membuat website
adalah :
- Komputer / Laptop
15
-Internet
Gambar 3.7
17
(3.)Lalu,masukan folder bootstrap tadi ke sublime text, dengan
cara open folder lihat dimana letak tadi menyimpan folder
tersebut saya menyimpan di Document>Bootstrap lalu pilih.
Gambar 3.8
Gambar 3.9
18
dan paste ke Sublime text dan save dengan nama
index.html.
Gambar 3.10
Gambar 3.11
Gambar 3.12
19
Untuk mengecek apakah sudah terpanggil atau belum css nya,
kita Save terlebih dahulu. Setelah di Save buka di browser.
Setelah muncul ini
Gambar 3.13
Gambar 3.14
20
Jika sudah ada tampilan / tulisan ini.
Gambar 3.15
Berarti sudah terpanggil.
Gambar 3.16
21
Setelah itu kita download jquery nya
dengan cara buka link ini, coppy kan link tersebut lalu buka
di browser
Gambar 3.17
Gambar 3.18
22
Kembali ke sublime text pilih folder js, new file dan paste kan
save dengan nama jquery-3.3.1.slim.min.js
Gambar 3.19
Gambar 3.20
23
Lalu save, buka di google dan jika ada tampilan ini
Gambar 3.21
Berarti berhasil.
Gambar 3.22
Hapus bagian yang di drag.
24
Gambar 3.23
Gambar 3.24
Gambar 3.25
Buka di browser klik kanan dan klik view page source lalu pilih
25
Gambar 3.26
Gambar 3.28
.
26
Dan hapus dibagian yang didrag pada gambar dibawah ini.
Gambar 3.29
jadi semua kode tersebut harus seperti ini.
Gambar 3.30
Gambar 3.31
27
Jika tampil seperti ini,berarti sudah terpanggil bootstrap.min.js
nya
Gambar 3.32
(8.) dan selesai menginstalasi bootstrap offline.
(9.) Dan Proses kerja di dalam pembuatan website perusahaan
versi kami cara kita dengan hanya copy paste bagian yang
dibutuhkan untuk website kita. Dan saya memakai framework
bootstrap versi 4 karena di framework ini untuk membuat
website apapun mudah tinggal cara coppy paste saja.
28
3.2.3 Pembahasan Masalah
Jadi dalam pembahasan masalah pada pembuatan
website perusahaan diskomimfo versi kami adalah:
1. Ketika pembuatan jumbotron.
Ketika kami memasukan gambar ke dalam
jumbotron,karena supaya tampilan website nya
dibagian jumbotron bagus.
Dan permasalahanya adalah ketika pengujian
website nya,tampilan pada website dibagian
jumbotron untuk gambarnya lebih kecil/kurang
memenuhi tampilan layar pc kami.
Jadi kami menemukan solusi, gambar pada
dibagian jumbotron nya supaya lebih
rapi/memenuhi ukuran layar pc kami. maka kami
harus memperbesar ukuran gambar nya dengan
cara memperbesar ukuran gambar di adobe
photoshop, ini supaya ditampilan website nya
gambar pada jumbotron di ukuran pc kami
memenuhi ukuran layar/tidak kecil.
2. ketika pembuatan footer
ketika kami membuat bagian footer di halaman
website.
Ketika kami melakukan pengujian website
nya,tampilan pada teks dibagian footer, teks nya
hampir dekat ke bagian atas batas pada bagian
footer.
karena kami ingin tampilan pada teks bagian footer
teks nya ingin di tengah dan tidak terlalu dekat
dengan batas diatas bagian footer, maka kami
menambahkan/menyesuaikan ukuran pada class
dibagian footer nya yaitu dengan menambahkan
pading top supaya teks nya tidak terlalu dekat
dengan batas footer atas dan teks center supaya
teks nya ke tengah.
29
BAB IV
PENUTUP
4.1 Kesimpulan
Setelah penyusun melaksanakan kegiatan Praktek
Kerja Lapangan (PKL) di Dinas Komunikasi Dan
Informatika Kabupaten Kuningan Jawa Barat.
Kami menarik kesimpulan sehingga kami dapat
membandingkan antara kompetensi/keterampilan dengan
jenis pekerjaan di tempat kami praktek. Sehingga kami
dapat merasakan tujuan dari pelaksanaan Praktek Kerja
Lapangan (PKL) karena semua keterampilan yang kami
peroleh di bangku sekolah dapat kami terapkan di
tempat dimana kami melaksanakan Praktek Kerja
Lapangan (PKL) yaitu di Dinas Komunikasi Dan
Informatika Kabupaten Kuningan Jawa Barat.
4.2 Saran
Untuk adik kelas yang nantinya akan melaksanakan
kegiatan PKL, mungkin sedikit saran berikut ini bisa
bermanfaat:
1.Jaga nama baik diri sendiri dan sekolah.
2.Utamakan keselamatan kerja.
3.Gunakan waktu sebaik-baiknya.
4.Tetap semangat dan jangan putus asa.
30
DAFTAR PUSTAKA
31