Langsung ke konten utama

Tugas 3 PWEB D

Web Warung Tegal

Pada kesempatan kali ini saya akan membagikan bagaimana membuat website untuk mempromosikan sebuah produk sehingga calon pembeli dapat melihat dan memesan produk kita tanpa harus datang ke lokasi. Pada kasus ini saya membuat website Warung Tegal Indonesia, mengapa saya memlilih Warteg itu karena Warteg sudah menjadi bagian dari hampir seluruh masyarakat Indonesia.
fitur yang ada diwebsite ini antara lain pengunjung dapat :
  • Melihat daftar masakan
  • Melakukan pesan katering makanan
  • Melihat daftar makanan populer
  • Melihat kontak  
  • Melihat video channel youtube warteg 

Berikut adalah  tampilan websitenya


 

Website ini sudah bisa anda akses melalui link berikut : klik disini

Namun karena keterbatasan waktu dalam pembuatan website ini fitur yang sudah bisa dinikmati oleh pengunjung masih beberapa saja, diantaranya adalah fitur melihat daftar masakan, mengecek kontak dan melihat video youtube warteg Indonesia.

dalam pembuatan website ini hanya menggunakan hmtl dan css yang disematkan dalam file index.html, untuk mengakses source code nya anda dapat mengunjungi github saya di link berikut : klik disini

Sekian artikel pada kesempatan kali ini semoga dapat bermanfaat sampai jumpa di artikel berikutnya. Terimakasih.


Komentar

Postingan populer dari blog ini

TUGAS 9 PWEB D

  PHP adalah singkatan dari Hypertext Preprocessor , yaitu bahasa pemrograman yang sebenarnya mirip dengan JavaScript dan Python . Perbedaannya adalah, PHP sering kali digunakan untuk komunikasi sisi server, sedangkan JavaScript bisa digunakan untuk frontend dan backend. Sementara itu, Python hanya untuk sisi server ( backend ).  Berikut adalah source code : index.html <! DOCTYPE html > < html lang = "en" >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" > < meta charset = "utf-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < title >Pendaftaran SMAN 1 Ponorogo</ title > < link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3...

FP Pemrograman Berorientasi Objek A

Game Java Tebak Gambar Kami dari kelompok FP PBO kelas A yang beranggotakan : Junaedi Akbar  05111940000041 Ifanu Antoni 05111940000064 Pada kesempatan kali ini kami akan menjelaskan mengenai game Tebak Gambar yang telah kita buat menggunakan permrograman Java. Dalam game ini nantinya pengguna akan diberi 2 pasang gambar di setiap stagenya lalu pengguna harus menebak kata apa yang sesuai dengan gambar yang telah diperlihatkan. Agar lanjut ke stage berikutnya pengguna harus menebak dengan tepat kata apa yang sesuai dengan jawaban.  Untuk mengakses game Tebak Gambar ini bisa mengunjungi : http://bit.ly/3bsyGqw Diagram class Dalam pembuatan, Game ini menggunakan 3 jenis class yaitu : Class Start : start.java berfungsi untuk menampilkan halaman awal, yang nantinya user diminta untuk menginputkan nama pemain dan sebuah tombol untuk melanjutkan ke pertanyaan pertama Class Soal: gambar1.java,gambar2.java dst.... berisi tampilan 2 buah gambar dan sebuah kolom input untuk men...

Tugas 4 PWEB D

 Website Katalog jaket.id     Pada kesempatan kali ini saya akan membagikan artikel mengenai pembuatan websit jaket.id. jaket.id merupakan sebuah website katalog yang menampilan produk - produk dari jaket.id dimana dalam website nya nanti ada berbagai fitur yang menarik, seperti dalat menampilkan produk dari setiap kategori, melihat produk yang menjadi best seller dari jaket.id. website ini dibuat menggunakan bahasa pemrograman html dan css. berikut adalah tampilan website dari jaket.id   website  Berikut adalah link website nya : https://ianm27.github.io/katalog-jaket/ Source Code Berikut adalah source code dari jaket.id HTML <! 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 >jaket.id</ tit...