DAY 4 PKL ISTN

 

Assalamualaikum wr wb

Masih dengan Fauzan Blog's. Gimana kabarnya nih para penghirup oksigen semua? Masih pada sehat semua kan? semoga sehat selalu ya.. Amin..

Hari keempat nulis di Blog, Oke langsung saja saya mulai ceritanya.. Ekhm Ekhm..

Kamis, 4 Juli 2024

Hari Keempat PKL

Hari Keempat saya PKL di FSTI ISTN. Masih ditemani oleh ketiga teman saya yaitu Asep, Habib dan Parel. Hari keempat, Setelah kami datang sekitar jam 8.30 kami langsung mengerjakan tugas yang sudah diberikan dihari sebelumnya, kami melakukan bersih bersih sesuai dengan tugas masing masing, saya menyapu lantai laintai yang ada di lab.

gambar 1 sedang menyapu.

Setelah kami membersihkan lab, kami diberi tugas oleh pak adi untuk membuat modul pembelajaran CSS memakai word, berikut ini hasil modul nya : Modul Pembelajaran CSS

Modul Pembelajaran CSS: Form Registrasi

 

Tujuan Modul: Modul ini bertujuan untuk memperkenalkan konsep penggunaan CSS untuk mengatur tampilan form registrasi dengan tema aesthetic. Anda akan belajar bagaimana membuat form dengan berbagai jenis input dan menggunakan CSS untuk meningkatkan estetika tampilan.

---

1. Struktur Dasar HTML Form Registrasi

Form registrasi akan mencakup berbagai jenis input seperti teks, radio button, date, email, textarea, select option, checkbox, dan file upload. Ini adalah struktur dasar HTML untuk form tersebut:

2. CSS Untuk Menyesuaikan Tampilan Form

CSS Internal digunakan untuk mengatur tampilan form registrasi:

Gambar 1 sebelum menggunakan CSS.

Gambar 2 setelah menggunakan CSS.

3. Penjelasan Singkat

• HTML Form: Form HTML menggunakan berbagai jenis input seperti teks, radio button, date, email, textarea, select option, checkbox, dan file upload.
• CSS: Menggunakan CSS untuk menyesuaikan tampilan form dengan tema aesthetic.
• Pengaturan font family, warna latar belakang, dan border radius untuk kontainer form.
• Pengaturan warna, padding, dan border untuk input teks, radio button, checkbox, select, textarea, dan file upload.
• Efek hover pada tombol submit dan reset untuk meningkatkan interaktivitas.

4. Kesimpulan

Dengan menggunakan modul ini, Anda telah belajar cara membuat form registrasi dengan berbagai jenis input menggunakan HTML dan mengatur tampilannya dengan CSS. Anda dapat menyesuaikan kode CSS dan HTML sesuai dengan kebutuhan proyek Anda untuk mencapai tampilan form yang diinginkan dan meningkatkan pengalaman pengguna.

---

Gunakan modul ini sebagai panduan untuk memulai dan memahami penggunaan CSS dalam konteks form registrasi dengan tema aesthetic. Anda dapat mengembangkan lebih lanjut dengan menambahkan validasi JavaScript atau fitur tambahan lainnya sesuai dengan kebutuhan dan kemampuan Anda dalam pengembangan web.

Membuat modul pembelajaran CSS ini cukup menantang dan menyenangkan. Pertama-tama, kami mulai dengan memahami dasar-dasar CSS, seperti selektor, properti, dan nilai. Kami juga mempelajari cara mengatur tata letak halaman web menggunakan box model dan fleksibel layout seperti Flexbox dan Grid. Dalam modul ini, kami menyertakan banyak contoh kode dan latihan praktis agar pembaca bisa langsung mempraktekkannya. Kami juga memasukkan tips tentang bagaimana menulis CSS yang efisien dan menghindari kesalahan umum.

Setelah kami selesai membuat modul pembelajaran CSS, pak adi mempresentasikan cara membuat menu web dan cara menggunakan AI untuk membantu membuat web.

Presentasi Pak Adi sangat menarik. Beliau menunjukkan bagaimana kita bisa membuat menu navigasi yang responsif dan menarik menggunakan CSS dan sedikit JavaScript. Pak Adi juga memperkenalkan beberapa alat AI yang bisa membantu kita dalam mendesain dan mengembangkan web, seperti generator kode CSS otomatis dan alat prediksi tata letak. Hal ini membuka wawasan kami tentang bagaimana teknologi AI bisa meningkatkan produktivitas dan kreativitas dalam pengembangan web.

gambar 2 presentasi pak adi.

Lalu setelah selesai kami istirahat, setelah istirahat kami lanjut mencatat spesifikasi komputer, karna yang kemarin belum selesai.  Mencatat spesifikasi komputer ini penting untuk inventarisasi dan memastikan semua peralatan di lab berfungsi dengan baik. Kami memeriksa detail seperti prosesor, RAM, koneksi LAN, dan sistem operasi yang digunakan.

Pengalaman hari keempat PKL ini sangat berharga. Selain belajar hal baru tentang CSS dan AI, kami juga belajar bekerja sama dalam tim, membagi tugas dengan baik, dan menyelesaikan pekerjaan tepat waktu. Saya merasa semakin percaya diri dan siap menghadapi tantangan berikutnya di dunia kerja.

Sekian aja cerita pengalaman hari keempat PKL dari saya. Mohon maaf apabila ada pengetikkan yang kurang berkenan di hati karena kadang tangan ini khilaf dan terpeleset karena licinnya keyboard yang digunakan. Terima kasih telah membaca.

Wassalamualaikum wr wb