TUGAS 4 PWEB : Membuat Katalog Barang

Membahas mengenai CSS, CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”.



Pada kesempatan kali ini, dibuat sebuah web (kurang lebih seperti contoh gambar di atas) yang berisi katalog barang dengan membangun kode HTML diiringi dengan kode CSS yang terpisah. Pada penerapan ini, dibangun web katalog barang berupa buku dengan tampilan sebagai berikut.

^ Tampilan awal

^ Tampilan barang yang ditawarkan

Untuk akses bisa melalui link berikut https://amanullahddd.github.io/Catalog/
Untuk dokumentasi source code bisa dilihat lewat github



Sekian TUGAS 4 PWEB : Membuat Katalog Barang.

Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS 8 PBKK : Mencoba Framework CodeIgniter 4

Gambar
  CodeIgniter adalah salah satu framework PHP yang ringan dan bersifat  open-source . Framework ini memungkinkan Anda untuk mengembangkan aplikasi web dengan fitur lengkap secara lebih cepat. Hal itu berkat dukungan library yang beragam.  CodeIgniter 4 merupakan pengembangan dari versi sebelumnya, yaitu CodeIgniter 3. Versi terbaru ini hanya mendukung PHP versi 7.3 ke atas. Jadi, Anda perlu menggunakan versi PHP yang sesuai sebelum mencoba CodeIgniter 4.  ( Referensi ) Untuk aktivitas kali ini adalah mencoba framework CI tersebut dimana akan dicoba versi terbaru yaitu CI 4. Langkah-langkah yang harus dilakukan secara singkat: Download Codeigniter; Ekstrak File ZIP Codeigniter ke htdocs. Ganti nama folder menjadi cobaCI4 [Custom] Buka alamat:  http://localhost/cobaCI4/public/ Selesai, CI 4 bisa digunakan lebih lengkapnya (All credit goes to) :  https://www.petanikode.com/codeigniter4-install/ Tampilan ketika Framework CodeIgnister 4 berhasil dan siap dipakai...
Baca selengkapnya

TUGAS 6 PBO : World Of Zuul

Gambar
  Pada minggu ke-tujuh, tugas yang diberikan adalah mencoba latihan game "World Of Zuul". Game ini adalah sebuah game petualangan dimana pemainnya bisa berpindah dari satu ruangan ke ruangan lain dengan meng- input sebuah perintah. Game ini mengimplementasikan cohesion dan coupling yang merupakan materi desain class pada pertemuan tersebut. Terdapat 5 class utama yaitu class Command, CommandWords, Game, Parser, dan Room. Berikut modularisasi dari "World Of Zuul": Tampilan terminal window output setelah program dieksekusi: Tampilan source code dari class Command: Tampilan source code dari class CommandWords: Tampilan source code dari class Game: Tampilan source code dari class Parser: Tampilan source code dari class Room: Sekian TUGAS 6 PBO : World Of Zuul
Baca selengkapnya