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

Posting 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
Posting Komentar
Baca selengkapnya

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 mengisikan jawaban. Da
Posting Komentar
Baca selengkapnya

Tugas 6 PWEB D

Login page dan Contact Me      Pada kesempatan kali ini saya akan membagikan artikel mengenai pembuatan login page dan contact me dengan menggunakan bantuan bootsrap.      login page dan contact me menggunakan bahasa pemrograman html dan css dan js. berikut adalah tampilannya.                       Login page & Contact Me Berikut adalah link aksesnya : https://ianm27.github.io/login-contact_me/ Source Code Berikut adalah source code dari login page dan contact me HTML <! DOCTYPE html > < html > < head > < meta charset = "utf-8" /> < meta name = "viewport" content = "width=device-width, initial-scale=1" /> < link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" /> < link rel = "stylesheet" href = "https://unpkg.com/aos@2.3.1/dist/aos.css" /> < link rel = "stylesheet" href =
Posting Komentar
Baca selengkapnya