Postingan

ETS Pemrograman Web 2022

Gambar
  Kelas : PWEB (B) Anggota Kelompok : Alif Adrian Anzary - 5025201274 Elbert Dicky Aristyo - 5025201231 Nama Website: FURN-ITU Link Website:  FURN-ITU Repository:  Poodoop/FURN-ITU: furn-itu.site (github.com) Poster Aplikasi:  Problem Statement: Di Indonesia, sebagian besar penduduknya tidak memiliki akses yang mudah produk perabotan yang berkualitas, Hal ini karena biaya jasa pengantaran perabotan yang mahal, tidak adanya asuransi untuk membantu apabila barang rusak sebelum atau saat mengantar, dan sistem pembayaran produk yang sulit dan tidak efisien. Proposed Solution: Kami akan membuat platform e-commerce bernama “FURN-ITU” yang akan fokus dalam pembelian dan jasa pengantaran perabotan yang berkualitas dari produsen-produsen yang terkemuka. Selain itu, tersedia juga pilihan asuransi dengan harga yang beragam. Konsep Desain: Snapshot Aplikasi: Video Pitch:

LATIHAN WEBSITE BOOTSTRAP

Gambar
 Minggu ini, kita akan membuat website dengan bantuan grid container bootstrap. Link Website:  Link Link Repository:  Repository Penjelasan:  Di head html, kita menambah import file bootstrap dan jquery agar bisa digunakan,  <!DOCTYPE html> <html lang="en"> <head> <title>Template Web Responsive dengan Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> Untuk header, bisa digunakan class navbar. <nav class="navbar navbar-expand-md bg-dark navbar-dark"...

Quiz 1: Membuat Formulir

Gambar
 Untuk membuat formulir, kita dapat menggunakan fitur form dengan bermacam-macam input type, seperti text, checkbox, date, dll. Contoh input type text (menulis text): < div class = "form-control" >     < label for = "name" id = "label-name" >     Nama Peserta     </ label >     < input type = "text" id = "name" placeholder = "Tulis Nama Disini" />   </ div > Contoh input type date (memilih bulan/tanggal/tahun): < div class = "form-control" >     < label for = "tanggal" id = "label-tanggal" >       Tanggal Lahir     </ label >     < input type = "date" id = "tanggal" name = "Tanggal Lahir" >   </ div > Contoh input data checkbox (memberi pilihan yang bisa dicentang): < div class = "form-control" >     < label > Jenis Lomba         < small > (Pilih jenis lomba yang ing...

Pertemuan 3 Javascript

Gambar
     Berikut ini adalah contoh pengimplementasian javascript di html, dimana akan dibuat login dan signup form.      Untuk source codenya, saya menggunakan tag input text, password, submit, dan button. Pengimplementasian javascript bisa menggunakan tag script, dan disini saya memakai javascript untuk memberikan alert sukses login jika form disubmit, dan membuat halaman html signup jika button signup dipencet. index.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 > Login Form </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body > < h3 > Login </ h3 > < form="Login_form" onsubmit = " submit...

Website CV Data Diri dengan HTML dan CSS

Gambar
Untuk kuliah PWEB minggu ini, kita diberi tugas membuat website CV data diri.