BAB SATU

1.0 Perkenalan

Bab ini memperkenalkan laporan SIWES dan ini dilakukan di bawah subjudul berikut:

i. Pengenalan SIWES
ii. Tentang SIWES
iii. Sejarah singkat SIWES
iv. Maksud dan Tujuan SIWES
v. Peran seorang mahasiswa selama SIWES
vi. Tujuan laporan
vii. Buku catatan

1.1 Sejarah Singkat SIWES

SIWES adalah salah satu skema untuk membantu menjembatani kesenjangan antara apa yang
diajarkan dan apa yang akhirnya diketahui oleh siswa. SIWES merupakan singkatan dari
Students' Industrial Work Experience Scheme. Ini adalah program pengembangan keterampilan
yang dirancang untuk mempersiapkan siswa dari institusi pembelajaran tinggi seperti
Universitas, Politeknik, Monoteknik, dan Sekolah Tinggi Pendidikan untuk transisi dari
lingkungan perguruan tinggi ke dunia kerja. Didirikan oleh Industrial Training Fund (ITF) pada
tahun 1973 dengan kantor pusat di Jos Nigeria. Hal ini dimaksudkan untuk memungkinkan siswa
di perguruan tinggi di Nigeria memperoleh keterampilan teknis dan pengalaman untuk
pengembangan profesional dalam program studi mereka karena hal ini menjembatani
kesenjangan antara teori dan praktik. Ini adalah program pelatihan keterampilan yang diterima di
institusi pendidikan tinggi di Nigeria yang merupakan bagian dari persyaratan akademik yang
disetujui di berbagai program gelar. Hal ini memungkinkan siswa untuk memperoleh
keterampilan teknis dan pengalaman untuk pengembangan profesional dalam studi mereka.
Sebelum skema ini dimulai, terdapat kekhawatiran yang semakin besar di kalangan industrialis
Nigeria bahwa lulusan lembaga pendidikan tinggi tidak mempunyai latar belakang pengalaman
praktis yang diperlukan untuk mendapatkan pekerjaan. Jadi, pengusaha menganggap bahwa
pendidikan teori yang diberikan oleh perguruan tinggi tidak memenuhi atau memuaskan
kebutuhan perekonomian. Dengan latar belakang inilah IMF selama tahun-tahun
pembentukannya, memperkenalkan SIWES untuk memberikan siswa kesempatan untuk

1
mengenal peralatan dan mesin penanganan di Industri untuk memungkinkan mereka memperoleh
pengetahuan dan keterampilan praktis yang diperlukan.

Skema ini dimulai pada tahun 1974 di 11 institusi pendidikan tinggi dengan 784 peserta. Pada
tahun 1978, cakupannya telah diperluas menjadi sekitar 5.000 peserta dari 32 institusi berbeda di
negara ini (Ojokuku dkk, 2015). Skema tersebut merupakan program tripartit yang melibatkan
mahasiswa dan pengusaha tenaga kerja. Hal ini didanai oleh Pemerintah Federal dan
dikoordinasikan bersama oleh Dana Pelatihan Industri (ITF) dan Komisi Universitas Nasional
(NUC).

i. Untuk memberikan jalan bagi mahasiswa di universitas-universitas Nigeria untuk

memperoleh keterampilan dan pengalaman industri selama masa studi mereka;
ii. Untuk mempersiapkan siswa menghadapi situasi kerja yang mungkin mereka temui
setelah lulus;
iii. Membekali mahasiswa dengan metode dan teknik kerja dalam menangani peralatan
dan mesin yang mungkin tidak tersedia di universitasnya;
iv. Mempermudah tahap peralihan dari lingkungan sekolah ke dunia kerja dan
memudahkan kontak siswa untuk penempatan kerja di kemudian hari;
v. Untuk memberikan siswa kesempatan untuk menerapkan pengetahuan teoretis mereka
dalam situasi kerja nyata sehingga menjembatani kesenjangan antara teori dan praktik.

1.2 Maksud dan Tujuan SIWES

Skema ini bertujuan untuk menjembatani kesenjangan yang ada antara teori dan praktik Sains,
Pertanian, Ilmu Kedokteran (termasuk Keperawatan), Teknik dan Teknologi, Manajemen, dan
Teknologi Informasi dan Komunikasi serta program pendidikan profesional lainnya di perguruan
tinggi Nigeria.

Tujuan khusus SIWES dirangkum oleh pemerintah federal sebagai berikut:

i. Untuk memberikan siswa kesempatan untuk menerapkan pengetahuan mereka dalam

pekerjaan nyata dan praktik nyata.

2
 ii. Untuk mempermudah transisi dari sekolah ke dunia kerja dan untuk meningkatkan
kontak siswa untuk penempatan kerja di kemudian hari.
iii. Untuk membantu siswa dalam memperoleh keterampilan praktis untuk memperkuat nilai-
nilai kerja mereka.
iv. Untuk membantu siswa, memperoleh keterampilan interpersonal dan kewirausahaan dan
juga menanamkan dalam diri mereka sikap kerja dan profesionalisme yang benar melalui
interaksi dengan orang-orang di organisasi dan pengamatan terhadap peran mereka di
masa depan.
1.3 Peran Mahasiswa Selama SIWES
Peran Siswa adalah:
i. Mengikuti Program Orientasi SIWES sebelum melanjutkan dengan pelatihan industri.
ii. Bersikaplah teratur dan tepat waktu di masing-masing tempat keterikatan industri
iii. Menghindari perubahan tempat pelekatan secara sepihak kecuali dalam keadaan
khusus dan hanya dengan izin/persetujuan Koordinator SIWES lembaga dan
Pemberi pekerjaan.
iv. Mematuhi peraturan dan ketentuan Pengusaha
v. Simpan catatan yang benar tentang kegiatan pelatihan dan tugas lainnya di buku
catatan
vi. Mengatur akomodasi tempat tinggal sendiri selama masa keterikatan
vii. Mengajukan ke ITF, melalui institusi. Formulir Evaluasi (Formulir ITF 8) diisi
dengan benar oleh siswa, Pemberi Kerja dan Institusi.
viii. Menyerahkan Log Book, Laporan dan Dokumen SIWES lainnya yang diperlukan
masing-masing
institusi pada akhir program pelatihan.
ix. Bertekun. jujur dan teliti dalam segala aktivitas
x. Melindungi dan menjaga properti majikan selama pelatihan.

1.4 Tujuan Laporan

Dokumen Kebijakan Dana Pelatihan Industri No. 1 Tahun 1973 (ITF, 1973) yang
membentuk SIWES menguraikan tujuan skema tersebut. Tujuannya adalah untuk:
i. Memberikan jalan bagi mahasiswa di institusi pendidikan tinggi untuk memperoleh
keterampilan dan pengalaman industri selama program studi mereka;
ii. Mempersiapkan siswa untuk menghadapi situasi kerja industri yang mungkin mereka
temui setelah lulus;
iii. Memperkenalkan siswa pada metode dan teknik kerja dalam menangani peralatan dan
mesin yang mungkin tidak tersedia di institusi mereka;

3
 iv. Mempermudah transisi dari sekolah ke dunia kerja dan meningkatkan kontak siswa
untuk penempatan kerja di kemudian hari;
v. Memberikan kesempatan kepada siswa untuk menerapkan pengetahuan
pendidikannya dalam situasi kerja nyata, sehingga menjembatani kesenjangan antara
teori dan praktik;
vi. Mendaftar dan memperkuat keterlibatan pengusaha dalam seluruh proses pendidikan
melalui SIWES.

1.5 Buku Catatan

Logbook SIWES disebut juga dengan Industrial Training (IT) atau Internship Logbook
merupakan buku catatan resmi yang diterbitkan oleh berbagai Universitas, Politeknik, Sekolah
Tinggi Ilmu Pendidikan, Sekolah Tinggi Teknologi, Sekolah Tinggi Pertanian kepada mahasiswa
magangnya untuk dicatat dengan cermat dan rapi. turunkan aktivitas harian atau mingguan,
proyek, pekerjaan, dll. yang dilakukan di tempat kerja mereka.
Yang terpenting, buku catatan ini biasanya berisi informasi dasar mahasiswa IT dan perusahaan
tempat mahasiswa tersebut mengikuti pelatihan. Selain itu logbook SIWES juga bervariasi dan
berbeda antar perguruan tinggi yaitu logbook SIWES yang dikeluarkan untuk mahasiswa IMSU
bisa berbeda dengan yang dikeluarkan untuk FUTO, UNN, ABSU, POLYNEKEDE,
MADONNA, UNIPORT, NOUN, LASU, atau bahkan Ghana, Kenya, Pelajar Amerika atau
India dll. Menurut sumber daya proyek Niger Delta Child Rights Watch (NDCRW) 2011,
berikut adalah pentingnya buku catatan SIWES:

i. Buku catatan ini menciptakan cara sistematis dalam menangani kasus.

ii. Buku catatan memastikan semua informasi yang diperlukan dicatat secara logis.
iii. Buku catatan menyimpan informasi di satu tempat termasuk dokumen pendukung.
iv. Buku catatan adalah cara untuk memantau kebutuhan siswa dan mengidentifikasi cara
terbaik untuk memenuhi kebutuhan mereka.

4
 BAGIAN DUA

2.0 Sejarah Singkat dan Latar Belakang Ibom e-Library

Perpustakaan elektronik Ibom adalah perpustakaan yang terletak di Uyo, Negara Bagian Akwa
Ibom, Nigeria (Perpustakaan elektronik Ibom, 2012). Perpustakaan milik negara ini merupakan
perpustakaan digital pertama di Afrika Barat, dan salah satu perpustakaan digital terbesar di
Afrika. Didirikan pada tahun 2012. Bangunan pendidikan ini dirancang untuk memberikan
informasi dan layanan pendidikan terbaik baik di tempat maupun secara virtual. Perpustakaan
elektronik Ibom terkenal tidak hanya karena desain arsitekturalnya, perpustakaan elektronik juga
memiliki pusat konferensi video multifungsi dan canggih yang digunakan untuk konferensi dan
pertemuan puncak, sebuah fasilitas e-Learning yang terutama dirancang untuk Pelatihan TIK,
pusat pengujian elektronik, dan pelaksanaan sertifikasi, ruang dewan/pertemuan untuk
disewakan, ruang kantor jangka pendek, area bermain yang luas untuk anak-anak dan tempat
penitipan anak, ruang kelas Smart dan unit reprografi, serta layanan lainnya.

Dengan Kemitraan Publik Swasta (PPP) antara Pemerintah Negara Bagian dan HTG Limited,
bangunan monumental ini terus menyediakan layanan teknologi pendidikan yang kredibel,
nyaman, dan terjangkau bagi semua orang.

HTG Limited adalah penyedia solusi bisnis luar biasa yang memanfaatkan teknologi untuk
menawarkan solusi bisnis kepada perusahaan dan organisasi layanan publik. Nilai-nilai inti

5
mereka mencakup Inovasi, kecerdikan, dan memberikan layanan berkualitas dengan
profesionalisme maksimal kepada klien mereka yang banyak. Mereka bangga dengan etos kerja
mereka dan banyaknya solusi yang secara konsisten mereka tawarkan.

2.1 Bagan Organisasi e-Library Ibom

Bagan organisasi Ibom e-Library digambarkan pada gambar 2.1

DIREKTUR PENGATUR

(CEO)

MANAJER UMUM

KEPALA ADMIN. OPERASI

MANAJER
PENGEMBANGAN MANAJER
BISNIS FASILITAS

6
PEMASAR PETUGAS
PERWAKILAN
DIGITAL PEMELIHARAAN
PELANGGAN
FASILITAS

Gambar 2.1: bagan organisasi Ibom e-Library

2.2 Tindakan Pencegahan terhadap Pendirian

Tindakan pencegahan di Perpustakaan dimaksudkan untuk mendorong penggunaan bahan

Perpustakaan secara bijaksana dan adil untuk kepentingan bersama komunitas Mahasiswa.

Namun, siswa diingatkan bahwa tindakan pencegahan berikut ini ditegakkan dan diperintahkan
semua orang untuk mematuhinya.

i. Tidak seorang pun boleh meminjam buku apa pun atau barang lain apa pun sampai buku
tersebut telah ditagih dengan benar.
ii. Merupakan pelanggaran yang sangat serius jika menghapus/mengubah/memutilasi bagian
mana pun dari sebuah buku atau terbitan berkala.
iii. Saat meninggalkan Perpustakaan, seluruh pengguna Perpustakaan harus menyerahkan
buku dan kertasnya kepada staf Perpustakaan di pintu masuk untuk diperiksa.
iv. Pengguna perpustakaan tidak boleh mencoba mengembalikan buku ke raknya. Setelah
dikeluarkan dari rak, buku tersebut harus ditinggalkan di atas meja.
v. Tas kerja atau tas tidak diperbolehkan di Perpustakaan.
vi. Dilarang merokok, makan dan minum di Perpustakaan.
vii. Keheningan harus dijaga di dalam dan di sekitar Perpustakaan setiap saat.
viii. Dilarang keras membuat keributan, diskusi kelompok, melakukan dan menjawab
panggilan, berteriak-teriak di dalam Perpustakaan, memutar musik di komputer/handset
di Perpustakaan.
ix. Meja dan kursi baca tidak boleh dipindahkan dari posisinya.
x. Pengguna perpustakaan tidak boleh memesan kursi di Perpustakaan. Kursi apa pun yang
tidak ditempati secara fisik dapat digunakan oleh orang lain.

7
 xi. Pengguna Perpustakaan disarankan untuk membawa buku/makalah pribadi dan bahan
lainnya setiap kali meninggalkan Perpustakaan.
xii. Kegagalan mengembalikan buku pada tanggal jatuh tempo (disebut terlambat)
merupakan pelanggaran.
xiii. Pencurian dan mutilasi buku dalam bentuk apapun (Seperti memeras dan melipat bahan
Pustaka, menulis, merusak dan/atau menandai, mewarnai, dan lain-lain (Ini semua
merupakan tindak pidana mati sesuai dengan peraturan dan perundang-undangan
Perpustakaan yang bersangkutan)
xiv. Menyembunyikan atau menyembunyikan materi Perpustakaan tidak diperbolehkan.
xv. Setiap tindakan ketidakdisiplinan terhadap anggota staf Perpustakaan akan dikenakan
tindakan disipliner yang berat.

2.3 Keadaan Darurat Dicatat

Tidak ada keadaan darurat yang tercatat.

2.4 Peralatan, Mesin, Peralatan, Perangkat, dll. Digunakan di e-Library Ibom

2.4.1 Bahan

Dengan kartu perpustakaan Anda, Anda memiliki akses ke buku, video/DVD, videogame, buku
audio, buku cetak besar, majalah, surat kabar, mikrofilm, E-book, dan CD musik serta streaming
audio/musik dan film/TV. menunjukkan. Jika mereka tidak memilikinya atau menyimpannya di
rak, mereka dapat menyimpan salinan perpustakaan lain, dan meminjamnya untuk siswa.

2.4.2 Peralatan, mesin

Perpustakaan elektronik Ibom memiliki lebih dari 40 komputer yang siap berinternet dan tersedia
untuk penggunaan umum. Setiap komputer dapat mencetak ke printer/mesin fotokopi laser
warna yang juga dapat memindai. Mereka juga memiliki mesin faks, pembaca/printer

8
mikrofilm, mesin tik, piano, dan akses internet nirkabel (Wi-Fi). Peralatan yang dapat
diserahkan kepada seseorang dengan kartu perpustakaan yang sah meliputi proyektor LCD,
proyektor overhead, layar proyeksi, dan proyektor slide.

BAB TIGA

3.0 Perkenalan
Bab ini membahas kegiatan, pengetahuan dan keterampilan yang diperoleh selama 3 bulan
pelatihan industri di Ibom e-Library. Selama periode peninjauan ini, peserta magang diambil
pada pengembangan web dengan penekanan pada front-end. Website ini terdiri dari dua bagian,
Front-End dan Back-End. Dan didasarkan pada Front-end.
3.1 Paling depan
Saat mengunjungi atau membuka sebuah website, gambar visual yang ada di layar desktop atau
mobile disebut Front-End. Ini juga dikenal sebagai Sisi Klien. Front-End adalah praktik
pembuatan HTML, CSS, dan JavaScript untuk situs web atau Aplikasi Web sehingga pengguna
dapat melihat dan berinteraksi dengan perangkat secara langsung.

9
Tujuan merancang situs adalah untuk memastikan bahwa ketika pengguna membuka situs,
mereka melihat informasi dalam format yang mudah dibaca dan relevan. Hal ini semakin
diperumit oleh fakta bahwa pengguna kini menggunakan berbagai macam perangkat dengan
ukuran layar dan resolusi yang berbeda-beda sehingga memaksa perancang untuk
mempertimbangkan aspek-aspek ini saat merancang situs. Mereka perlu memastikan bahwa situs
mereka muncul dengan benar di browser yang berbeda (lintas browser), sistem operasi yang
berbeda (lintas platform), dan perangkat yang berbeda (lintas perangkat), yang memerlukan
perencanaan yang matang dari pihak pengembang.
Ada beberapa alat yang tersedia yang dapat digunakan untuk mengembangkan bagian depan
situs web, dan memahami alat mana yang paling sesuai untuk tugas tertentu menandai perbedaan
antara mengembangkan situs yang diretas dan situs yang dirancang dengan baik dan dapat
diskalakan. Berikut adalah beberapa alat populer yang digunakan untuk pengembangan Front-
End:
i. Bahasa Markup Teks Hiper (HTML)
Hyper Text Markup Language adalah tulang punggung dari setiap proses pengembangan situs
web. Tanpanya, halaman web tidak ada. Ini adalah kode HTML yang memberikan kerangka
keseluruhan tentang tampilan situs. HTML dikembangkan oleh Tim Berners-Lee pada tahun
1993. Setelah pengembangan HTML, banyak versi memasuki pasar World Wide Web. Versi
HTML terbaru disebut HTML5. Versi ini berisi cara-cara baru dan efisien dalam menangani
elemen seperti file video dan audio. HTML5 sekarang sangat populer di kalangan pengembang
web front-end. HTML5 memiliki banyak fitur dibandingkan dengan versi lama. Setelah
berkembangnya HTML, terjadilah revolusi di bidang internet. Kini dunia mulai berkomunikasi
dengan menggunakan satu bahasa yaitu: HTML. Dan juga istilah HTML terdiri dari dua bagian.
Yang pertama adalah Hyper Text dan yang kedua adalah Markup Language.

ii. Lembar Gaya Bertingkat (CSS)

CSS mengontrol aspek presentasi situs web dan memungkinkan situs web memiliki tampilan
uniknya sendiri. Hal ini dilakukan dengan mempertahankan style sheet yang berada di atas
aturan gaya lainnya dan dipicu berdasarkan input lain, seperti ukuran dan resolusi layar
perangkat. Dengan kata sederhana, ini adalah alat yang mendefinisikan/mengontrol warna, teks
dan ukurannya (konten), dll.
iii. JavaScript
JavaScript adalah bahasa pemrograman imperatif berbasis peristiwa (berlawanan dengan model
bahasa deklaratif HTML) yang digunakan untuk mengubah halaman HTML statis menjadi
antarmuka dinamis. Kode JavaScript dapat menggunakan Document Object Model (DOM), yang
disediakan oleh standar HTML, untuk memanipulasi halaman web sebagai respons terhadap
peristiwa, seperti masukan pengguna. Dengan menggunakan teknik yang disebut AJAX, kode
JavaScript juga dapat secara aktif mengambil konten dari web (terlepas dari pengambilan

10
halaman HTML asli), dan juga bereaksi terhadap kejadian di sisi server, sehingga menambah
sifat dinamis pada pengalaman halaman web.

Di bawah ini adalah contoh HTML yang digunakan untuk mendefinisikan halaman web dasar
dengan judul dan satu paragraf teks

Tampilan kode halaman web HTML Dasar digambarkan pada gambar 3.1

Gambar 3.1: Halaman web HTML dasar

Baris pertama menentukan jenis dokumen apa yang ada di dalamnya. "<!DOCTYPE html>"
berarti halaman tersebut ditulis dalam HTML5 . Halaman HTML yang diformat dengan benar
harus menyertakan tag <html>, <head>, dan <body>, yang semuanya disertakan dalam contoh di
atas. Judul halaman, metadata , dan link ke file referensi ditempatkan di antara tag <head>. Isi
halaman sebenarnya berada di antara tag <body>.
Web telah mengalami banyak perubahan selama beberapa dekade terakhir, namun HTML selalu
menjadi bahasa dasar yang digunakan untuk mengembangkan halaman web. Menariknya,
meskipun situs web menjadi lebih canggih dan interaktif, HTML menjadi lebih sederhana. Jika
Anda membandingkan sumber halaman HTML5 dengan halaman serupa yang ditulis dalam
HTML 4.01 atau XHTML 1.0, halaman HTML5 mungkin berisi lebih sedikit kode. Hal ini

11
karena HTML modern bergantung pada cascading style sheet atau JavaScript untuk memformat
hampir semua elemen dalam halaman.

3.2.0 Html dan Propertinya

HTML adalah singkatan dari H yper t ext Mark -up Language , dan merupakan bahasa
yang paling banyak digunakan untuk menulis Halaman Web.

i. Hypertext mengacu pada bagaimana halaman Web (dokumen HTML) dihubungkan

bersama. Dengan demikian, link yang tersedia pada suatu halaman web disebut
Hypertext.
ii. Seperti namanya, HTML adalah Bahasa Markup yang berarti Anda menggunakan
HTML untuk sekedar "menandai" dokumen teks dengan tag yang memberitahu browser
Web bagaimana menyusunnya untuk ditampilkan.
Awalnya, HTML dikembangkan dengan tujuan untuk mendefinisikan struktur dokumen seperti
judul, paragraf, daftar, dan sebagainya untuk memfasilitasi pertukaran informasi ilmiah antar
peneliti.
Sekarang, HTML banyak digunakan untuk memformat halaman web dengan bantuan berbagai
tag yang tersedia dalam bahasa HTML.

3.2.1 TAG HTML:

Seperti disebutkan sebelumnya, HTML adalah bahasa markup dan menggunakan
berbagai tag untuk memformat konten. Tag ini diapit dalam kurung kurawal sudut <Nama
Tag> . Kecuali beberapa tag, sebagian besar tag memiliki tag penutup yang sesuai. Misalnya,
<html> memiliki tag penutupnya </html> dan tag <body> memiliki tag penutupnya </body>
dan seterusnya.
Berikut nama-nama tag dan penjelasannya.

Menan Keterangan
dai

12
 <html> Tag ini membungkus dokumen HTML lengkap dan terutama terdiri dari header
dokumen yang diwakili oleh <head>...</head> dan badan dokumen yang diwakili
oleh tag <body>...</body>.
<kepala Tag ini mewakili header dokumen yang dapat menyimpan tag HTML lain seperti
> <title>, <link>, <script Language =”javascript”> dll.

<judul> Tag <title> digunakan di dalam tag <head> untuk menyebutkan judul dokumen.

<tubuh Tag ini mewakili badan dokumen yang menyimpan tag HTML lainnya seperti <h1>,
> <div>, <p>, <table> dll.

<h1> Tag ini mewakili sebuah judul

<p> Tag ini mewakili sebuah paragraf.

<b>, Tebal, miring, daftar, daftar tidak berurutan

<i>,
<li>,
<ul>

3.2.2 TABEL HTML:

Model tabel HTML memungkinkan desainer web untuk mengatur data –teks, teks yang
telah diformat sebelumnya, gambar, link, formulir, bidang formulir, tabel lain, dll. ke dalam baris
dan kolom sel. Itu didefinisikan dengan tag <table>.

Tabel dibagi menjadi beberapa baris tabel dengan tag <tr>. Baris tabel dibagi menjadi
data tabel dengan tag <td>. Sebuah baris tabel juga dapat dibagi menjadi judul tabel dengan tag
<th>.

Data tabel <td> adalah wadah data tabel. Mereka dapat berisi segala macam elemen HTML
seperti teks, gambar, daftar, tabel lainnya.

13
Tampilan Kode dan Tampilan Desain Halaman Pendaftaran tanpa CSS digambarkan pada
gambar 3.2, & 3.3.

Gambar 3.2: Tampilan kode Halaman Pendaftaran tanpa CSS

14
Gambar 3.3: Tampilan desain Halaman Pendaftaran tanpa CSS

3.3.0 Pengantar CSS

CSS adalah singkatan dari "Cascading Style Sheet". Cascading style sheet digunakan untuk
memformat tata letak halaman Web . Mereka dapat digunakan untuk menentukan gaya teks,
ukuran tabel, dan aspek lain dari halaman Web yang sebelumnya hanya dapat ditentukan dalam
HTML halaman.

CSS membantu pengembang Web menciptakan tampilan seragam di beberapa halaman situs
Web. Daripada mendefinisikan gaya setiap tabel dan setiap blok teks dalam HTML halaman,
gaya yang umum digunakan hanya perlu didefinisikan satu kali dalam dokumen CSS. Setelah
gaya didefinisikan dalam cascading style sheet, gaya tersebut dapat digunakan oleh halaman
mana pun yang mereferensikan file CSS. Selain itu, CSS memudahkan untuk mengubah gaya di
beberapa halaman sekaligus. Misalnya, pengembang Web mungkin ingin meningkatkan ukuran
teks default dari 10pt menjadi 12pt untuk lima puluh halaman situs Web. Jika semua halaman
mengacu pada style sheet yang sama, ukuran teks hanya perlu diubah pada style sheet dan semua

15
halaman akan menampilkan teks yang lebih besar. Meskipun CSS sangat bagus untuk membuat
gaya teks, CSS juga berguna untuk memformat aspek lain dari tata letak halaman Web.
Misalnya, CSS dapat digunakan untuk menentukan padding sel pada sel tabel, gaya, ketebalan,
dan warna batas tabel, serta padding di sekitar gambar atau objek lainnya. CSS memberi

Pengembang web mempunyai kontrol yang lebih tepat terhadap tampilan halaman web
dibandingkan HTML. Inilah sebabnya mengapa sebagian besar halaman Web saat ini
menggunakan cascading style sheet. Catatan: Kode CSS tidak ditulis dengan cara yang sama
seperti kode HTML. Hal ini masuk akal karena CSS bukanlah HTML, melainkan cara
memanipulasi HTML yang sudah ada.

3.3.1 ALASAN CSS

Berikut ini adalah alasan mengapa CSS lebih baik

i. Ini menghemat waktu

ii. Ini menghilangkan gagasan menggunakan kode berulang
iii. Ini memberikan efisiensi dalam desain dan pembaruan: dengan CSS, kita dapat membuat
aturan, dan menerapkan aturan tersebut ke banyak elemen dalam situs web.
iv. Ini membuat file eksternal (sisi server) untuk mengelola konten HTML

3.3.2 METODE YANG DIGUNAKAN OLEH CSS DALAM MEMFORMAT

DOKUMEN HTML

i. Gaya Sebaris: Digunakan untuk menerapkan gaya unik ke satu elemen HTML. CSS
sebaris menggunakan atribut style dari elemen HTML.
ii. Gaya Tersemat / Internal: Digunakan jika satu halaman memiliki gaya yang unik. Gaya
internal didefinisikan dalam elemen <style>, di dalam bagian <head> halaman HTML.
iii. Gaya Eksternal: Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh
situs web hanya dengan mengubah satu file. Setiap halaman harus menyertakan referensi
ke file style sheet eksternal di dalam elemen <link>. Elemen <link> masuk ke dalam
bagian <head>. Juga ketika menggunakan CSS eksternal, lebih baik memisahkan CSS
dari HTML Anda. Menempatkan CSS dalam file terpisah memungkinkan perancang web
untuk membedakan sepenuhnya antara konten (HTML) dan desain (CSS). CSS eksternal
16
 adalah file yang hanya berisi kode CSS dan disimpan dengan ekstensi file “.css”. CSS ini
kemudian direferensikan dalam HTML Anda menggunakan <link>, bukan <style>
seperti yang dinyatakan sebelumnya.

3.3.3 PEMILIH CSS DAN BAGAIMANA CARA MENGGUNAKANNYA

Pemilih CSS digunakan untuk mencari atau memilih elemen HTML berdasarkan nama
elemen, id, atau kelasnya

i. Pemilih Elemen: Pemilih elemen memilih elemen berdasarkan nama elemen.

ii. Pemilih Id: Pemilih id menggunakan atribut id dari elemen HTML untuk memilih
elemen tertentu. Id suatu elemen harus unik dalam suatu halaman, sehingga pemilih id
digunakan untuk memilih satu elemen unik. misal id=”halo” CSS #halo { warna; merah;}
iii. Pemilih Kelas: Pemilih kelas memilih elemen dengan atribut kelas tertentu. Untuk
memilih elemen dengan kelas tertentu, tuliskan karakter titik (.) diikuti dengan nama
kelas. misalnya .center {text-align: center;}

3.3.4 PENGGANTI ATURAN CSS

i. Setiap lembar gaya sebaris memiliki prioritas tertinggi, sehingga akan mengesampingkan
aturan apa pun yang ditentukan dalam tag <style>……</style>.
ii. Aturan apa pun yang ditentukan dalam tag <style>………</style> akan menggantikan
aturan yang ditentukan dalam file style sheet eksternal apa pun.
2.3.5 KOMENTAR CSS

Untuk sekadar meletakkan komentar di dalam style sheet yang Anda gunakan
/*………..*/, Anda dapat menggunakannya untuk mengomentari blok multi-baris sama seperti
yang Anda lakukan dalam bahasa pemrograman c dan c++.

3.3.6 LATAR BELAKANG DAN FONT BERBAGAI ELEMEN HTML

Anda dapat mengatur properti latar belakang suatu elemen berikut.

17
 i. Background-color: Merupakan properti yang digunakan untuk mengatur warna latar
belakang suatu elemen.
ii. Properti background-image: digunakan untuk mengatur gambar latar belakang suatu
elemen.
iii. Pengulangan latar belakang: Digunakan untuk mengontrol pengulangan gambar di
latar belakang.
iv. Posisi latar belakang: Digunakan untuk mengontrol posisi gambar di latar belakang.
v. Lampiran latar belakang: Digunakan untuk mengontrol pengguliran gambar di latar
belakang.
vi. Properti latar belakang: Digunakan sebagai singkatan untuk menentukan jumlah
properti latar belakang lainnya. fontnya adalah ;
i. Properti Font-family: Ini digunakan untuk mengubah tampilan font
ii. Properti Font-style: Ini digunakan untuk membuat font menjadi miring atau miring.
iii. Properti Font-weight: Ini digunakan untuk menambah atau mengurangi seberapa tebal
atau terang font yang muncul.
iv. Properti Font-size: Ini digunakan untuk menambah atau mengurangi ukuran font.

3.3.7 DEKORASI TEKS:

Ini menunjukkan cara menghias teks dalam CSS, nilainya tidak ada, garis bawah, garis
atas, garis tembus dan kedip.

3.3.8 SIFAT-SIFAT HYPERLINK MENGGUNAKAN CSS

i. Tautan tersebut menandakan hyperlink yang belum dikunjungi

ii. Tautan yang dikunjungi menandakan hyperlink yang dikunjungi
iii. Tautan yang melayang menandakan sebuah elemen yang saat ini penunjuk tetikus
penggunanya melayang di atasnya.
3.3.9 Menambahkan CSS ke Desain HTML Sebelumnya
Tampilan Kode dan Tampilan Desain Halaman Pendaftaran dengan CSS digambarkan pada
gambar 3.4, 3.5 & 3.6

18
Gambar 3.4: Tampilan kode Halaman Pendaftaran dengan CSS

Gambar 3.5: Tampilan kode Halaman Pendaftaran dengan CSS

19
Gambar 3.5: Tampilan Desain Halaman Pendaftaran dengan CSS
3.4 DESAIN WEBSITE MENGGUNAKAN HTML DAN CSS

Tampilan desain dan tampilan kode penggunaan HTML dan CSS dalam membangun situs
digambarkan pada
Gambar 3.7, 3.8, 3.9, 4.0, 4.1, 4.2.

20
Gambar 3.7: Tampilan desain membangun situs menggunakan HTML dan CSS

Gambar 3.8: Tampilan desain membangun situs menggunakan HTML dan CSS

21
Gambar 3.9: Tampilan desain membangun situs menggunakan HTML dan CSS

22
Gambar 4.0: Tampilan kode membangun situs menggunakan HTML dan CSS

Gambar 4.1: Tampilan kode membangun situs menggunakan HTML dan CSS

23
Gambar 4.2: Tampilan kode membangun situs menggunakan HTML dan CSS

24
 BAB EMPAT

4.0 Pengetahuan yang Diperoleh

SIWES adalah badan yang dibentuk untuk mendidik dan memberikan siswa pengetahuan praktis
untuk situasi Kerja Industri yang mungkin mereka temui setelah lulus. Keterampilan berikut
diperoleh selama periode pelatihan industri:

i. Kemampuan untuk menyusun situs web dengan bantuan HTML.

ii. Kemampuan untuk mempercantik situs web dengan bantuan HTML dan CSS.
iii. Kemampuan untuk membuat situs web standar dengan bantuan HTML, CSS dan
JAVASCRIPT.
iv. Men-debug kesalahan dan berkreasi dalam penyusunan kode.
v. Kemampuan untuk mengidentifikasi dan memecahkan masalah yang berkaitan dengan
pengembangan Front-end.
vi. Pengambilan keputusan, berpikir kritis, pengorganisasian dan perencanaan.
vii. Kemampuan untuk bekerja dengan tim.

4.1 Tantangan

Sebagai mahasiswa yang telah menjalani pelatihan ini, berikut tantangan yang dihadapi.

i. Menggunakan properti @media Screen untuk membuat situs web responsif pada
perangkat yang berbeda.
ii. Mengetahui kombinasi warna CSS yang tepat untuk digunakan pada sebuah proyek.
iii. Memberikan struktur yang benar pada tag div untuk mencapai situs web yang responsif.
iv. Alat yang digunakan dalam membangun situs web front-end selalu mengalami perubahan
terus-menerus

25
 BAB LIMA

5.0 Ringkasan

Keterikatan SIWES dengan Ibom e-Library, Uyo, telah menjadi salah satu pengalaman yang
paling mengganggu, menarik, dan produktif. Sehubungan dengan program ini, perolehan
wawasan baru dan pemahaman yang lebih komprehensif tentang pengembangan Front-end dan
kondisi industri nyata telah tercapai sepenuhnya.

5.1 Kesimpulan
Sebagai mahasiswa magang yang menjalani program SIWES di Ibom e-Library HTG, Uyo.
Program magang berfokus pada pengembangan web front-end (juga disebut sisi klien) yang
merupakan bagian paling menarik dari sebuah situs yang menarik pikiran pengguna.
Pengetahuan yang diperoleh terutama pada bagian HTML dan CSS dari pengembangan web
yang meningkatkan kemampuan untuk membuat dan mendesain berbagai jenis halaman web dan
juga menghubungkannya bersama-sama untuk mencapai antarmuka pengguna sebuah situs web.
Pada titik inilah maksud dan tujuan ITH ditetapkannya program ini
memang bermanfaat.

5.2 Rekomendasi

i. Manajemen sekolah harus mempertimbangkan fakta bahwa siswa merasa sulit untuk
diterima di organisasi tertentu karena keterikatan dan mendesak organisasi tersebut untuk
menerima siswa.
ii. Badan SIWES harus berusaha semaksimal mungkin untuk membantu siswa secara
finansial ketika melaksanakan keterikatan industri ini.
iii. Tempat keterikatan hendaknya berusaha semaksimal mungkin memperkerjakan tenaga-
tenaga terdidik untuk menghindari terjadinya alih kode pada saat perkuliahan.

26
 iv. Kampanye pencerahan massal harus dilakukan, agar industri dan perusahaan mengetahui
pentingnya SIWES bagi masa depan pelajar dan masyarakat luas.

Referensi
Allen, CR dikutip dalam Craig, RL (1987). Buku Panduan Pelatihan dan Pengembangan, ke-3.
ed.
McGraw-Hill, New York, hal.10.

ITF (1973). Dokumen Kebijakan No 1. Dana Pelatihan Industri, Jos, Nigeria.

Mafe, OAT (2009). Panduan Sukses Partisipasi dalam SIWES. Panaf Publishing Inc., Abuja
dan Lagos.
Ojokuku, BY, Emeahara, EN, Aboyade, MA dan Chris-Israel, HO, "Pengaruh
Skema Pengalaman Kerja Industri Pada Pengembangan Profesional Mahasiswa Ilmu
Perpustakaan Dan Informasi Di SouthWest, Nigeria" (2015). Filsafat dan Praktek
Perpustakaan (e-journal). 1330.

Ukwueze, F (2011) Dampak Skema Pengalaman Kerja Industri Mahasiswa (SIWES) Pada
Pengembangan Keterampilan Kerja Lulusan, Jurnal Asosiasi Kejuruan Nigeria, Vol. 16
(1), hal 118-124.

Konsorsium World Wide Web (W3C). (2010, 16 September). WAI-ARIA 1.0 primer:
Pengantar tantangan dan solusi aksesibilitas aplikasi Internet yang kaya.
Diperoleh dari http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916

Perpustakaan elektronik Ibom. (2012). Dikelola oleh HTG

Diperoleh dari http://www.theibomelibrary.com/about-us .

27
Perpustakaan elektronik Ibom. (2013). “E-Library menempatkan Uyo pada posisi Advantage,
kata Gubernur. Akpabio – Berita Pelopor.” Berita Pelopor.

Lynch PJ, Horton. S. (2016), “Panduan gaya web: Fondasi desain pengalaman pengguna”, Edisi
ke-4, New Haven & London, Yale University Press.

Seigel B. (2011), “Panduan perencanaan situs web yang komprehensif”, [Online] Tersedia
dari:
https://www.smashingmagazine.com/2011/06/

Burns M. (2015), “3 masalah besar dengan proyek pengembangan web”, [Online] Tersedia
dari: https://www.disruptorleague.com/blog/2015/09/07/3-major-problems-with-web -
proyek pengembangan/.

Thomas AP (2010). "HTML dan CSS: Referensi Lengkap". (Edisi Kelima). McGraw-Hill,
New York .

28