Tugas 4: Website Katalog

Nama: Dyandra Paramitha Widyadhana

NRP: 05111940000119

Kelas: PWEB-B

Link Website: http://thereadingden.me/

Link Source Code: https://github.com/dydyandra/the-reading-den

Introduction

Pada penugasan ke-4, kami diminta untuk membuat katalog dari suatu website. 

Isi dari Website 

Website yang dibuat yaitu website untuk toko buku online. Website yang dibuat terdiri dari beberapa page yaitu: Home Page berisi list katalog awal, pilihan genre buku, dan slideshow yang berisi promo ataupun highlight dari website; Halaman List Buku yang berisi buku-buku sesuai kategori; dan Halaman Product Detail untuk melihat detail dari buku. 

Tools Yang Digunakan: 

Untuk membuat, saya menggunakan HTML, dan CSS. 

HTML sebagai markup language digunakan untuk membuat struktur dan konten dari website CV tersebut. HTML yang saya gunakan yaitu HTML:5.

CSS digunakan untuk menentukan layout, style, serta keselarasan halaman website. Pada tugas kali ini saya menggunakan CSS berupa external CSS dikarenakan penggunaannya yang lumayan banyak untuk jenis tag/selector yang berbeda-beda, sehingga lebih efektif dan efisien menggunakan external CSS. Selain menggunakan external CSS terdapat pula beberapa inline CSS yang digunakan. 

JS untuk menambahkan animasi slider pada carousell sehingga bisa berubah gambar. 

Untuk men-deploy, saya menggunakan Github Pages. 

Penampilan Website

Home Page

List Buku pada Kategori Classics

Product Detail

Source Code

Terdapat beberapa file Source Code yang akan dilink yaitu: 

1. Halaman Utama : https://github.com/dydyandra/the-reading-den/blob/master/index.html

2. Halaman List Buku :  https://github.com/dydyandra/the-reading-den/blob/master/list.html

3. Halaman Product Details : https://github.com/dydyandra/the-reading-den/blob/master/product-details.html

4. External CSS yang digunakan: https://github.com/dydyandra/the-reading-den/blob/master/style.css

Penutup

Website yang dibuat masih dapat dikembangkan kembali, contohnya dengan menambahkan halaman cart, dan menambahkan fitur-fitur lain seperti Profil dan Tracking Order. Adapun dari tugas yang diberikan ini, saya lebih mengenal bagaimana cara menggunakan beberapa elemen seperti membuat card, slideshow, dan lainnya.