Tugas PWEB 3

 Pada tugas kali ini diminta untuk membuat catalog, disini saya menggunakan HTML dan CSS untuk membuat catalog. Untuk membuat catalog saya menggunakan css agar bisa terlayout untuk 3 kolom.



Gambar diatas merupakan ilustrasi implementasi website katalog yang dapat diakses pada catalog

Comments

Post a Comment

Popular posts from this blog

Studi Kasus Aplikasi PeduliLindungi

 Identifikasi Aplikasi Peduli Lindungi (Tugas RK - 1) Nama: Muhammad Zhafran Musyaffa NRP: 05111940000147 Deskripsikan Aplikasi Peduli Lindungi Aplikasi PeduliLindungi adalah aplikasi yang dibuat untuk membantu pemerintah untuk melakukan pelacakan, penyuluhan, dan pencegahan persebaran virus Corona (COVID-19). Aplikasi PeduliLindungi memiliki beberapa fitur untuk membantu pemerintah dalam memerangi virus COVID-19. Fitur utama pada aplikasi antara lain, pelacakan aktivitas setiap individu ketika memasuki ruang publik, sertifikat vaksin, riwayat tes COVID, dan informasi-informasi terkait COVID 19. 2. Identifikasi User dan Stakeholder Aktor Masyarakat Sebagai pengguna aplikasi Admin (Satuan Tugas COVID-19) Sebagai pengelola aplikasi, memantau hasil tes COVID 19, memantau tingkat vaksinasi masyarakat. Stakeholder Rumah Sakit Sebagai pemberi informasi mengenai COVID-19 dan juga  sebagai pengawas penyebarannya juga sebagai penyedia jasa telemedicine Tempat Umum Sebagai tempat untuk ...
Read more

Pembuatan Web CV

Image
Website CV saya dibuat dengan HTML dan CSS dengan CSS memanfaatkan TailwindCSS. Untuk pembuatan webnya sendiri, berikut adalah beberapa langkah yang saya lakukan. 1. Thinking Saya memikirkan terkait layout website, lalu saya memutuskan untuk seluruh page hanya akan memiliki lebar 50%. Kemudian untuk isi kontennya adalah perkenalan, daftar skill, pengalaman kerja, riwayat pendidikan dan beberapa projek sampingan yang pernah dilakukan. 2. Coding Selanjutnya dilakukan proses coding dengan hasil sebagai berikut. <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>M Zhafran Musyaffa - Backend Engineer</title>     <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">     ...
Read more

Tugas 7

Image
 Nama: M Zhafran Musyaffa NRP: 05111940000147 Kelas: PWEB D Pada tugas kali ini, diminta untuk membuat web booklet dengan javascript. Berikut adalah tampilan dari web nya. Untuk versi live dapat dilihat pada tautan  berikut Adapun untuk implementasi kode nya adalah sebagai berikut <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" /> < meta http-equiv = "X-UA-Compatible" content = "IE=edge" /> < meta name = "viewport" content = "width=device-width, initial-scale=1.0" /> < title > Book List JQuery </ title > < script src = "https://code.jquery.com/jquery-3.6.0.min.js" ></ script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js" ></ script > < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com...
Read more