Pada Final Project kali ini, saya membuat semacam website mirip seperti wikipedia tentang game berjudul "Fisch", dimana nanti akan ada Home page, lalu page di setiap lokasi yang akan berisikan deskripsi lokasi dan ikan-ikan yang berada dalam lokasi tersebut, dan juga Login/Register page.
Database yang akan ada adalah 2, database ikan dan juga user, dimana untuk ikan akan ada lokasi, tipe umpan, dll.
Dan untuk user akan ada dua user yaitu, Admin dan User biasa.
Pada kali ini kita membuat fitur export tabel-tabel di latihan sebelumnya sebagai pdf, dengan menggunakan fpdf.
Link Deploy: Website
Pada tugas ke 10, saya membuat sebuah sistem CRUD untuk list mahasiswa, mulai dari nama, umur, course/mata kuliah, dan juga email
Link Deploy: Website
Pada tugas kali ini kita membuat sebuah sistem dengan CRUD,
disini saya memilih sistem list mahasiswa/murid dan pegawai
Trischan Mahdy Arangga
5053231024
Soal Pemrograman Web
Apa itu responsive web design dan sebutkan dua teknik yang sering digunakan untuk mencapainya?
Responsive web design adalah design web yang responsif, alias dapat berubah-ubah/beradaptasi sesuai dengan viewport/layar dimana web itu dibuka, contoh: Handphone dan Tablet, kedua device tersebut memiliki dimensi layar yang berbeda, yang mana mempengaruhi tampilan dari web, dengan mengimplementasikan web yang responsive maka kita membuat web kita enak dilihat dan sesuai dengan device-device yang membukanya.
Teknik yang sering digunakan ialah dengan menggunakan media query yakni dengan mengimplementasikan web dalam viewport-viewport yang di definisikan, dan dengan itu ketika viewport-viewport berubah maka akan ada lompatan dari viewport yang satu ke yang lain, hal ini bisa kita polish dengan menggunakan teknik transition dalam css.
Apa fungsi elemen <meta> dalam HTML dan sebutkan salah satu atribut penting yang dimilikinya? Berikan contoh penggunaan dalam bentuk kode kemudian beri penjelasan.
Fungsi dari tag meta dalam HTML adalah informasi-informasi untuk memberi tahu search engine dan juga orang-orang yang melihat nya, hal ini mempengaruhi engagement rate dari website tersebut, dan kemungkinan juga mempengaruhi ranking website tersebut.
Salah satu atribut penting dari tag meta adalah title dan description, title itu untuk judul dari web dan title ini harus unik untuk setiap page yang di publish, lalu description, tag ini digunakan untuk memberi deskripsi dari content-content di web anda.
<title>{{pageTitle}}</title>
<meta name="description" content="Kantin TC adalah kantin paling enak dari seluruh kantin-kantin yang ada di ITS">
<meta name="keywords" content="Kantin ITS, kantin enak di its">
Dalam kode ini, kita membuat meta tag “description” yang isinya merupakan deskripsi dari page kita di search engine, contoh: Google Search, jadi description adalah deskripsi tentang page kita/isi page kita.
Dan juga kita membuat tag “keywords”, yang akan membantu menampilkan website kita jika keyword-keyword yang kita buat dicari/search oleh pengguna di search engine.
Buatlah halaman landing page sederhana untuk sebuah toko online yang menjual produk elektronik. Halaman ini harus mencakup:
Header dengan logo dan navigasi (Home, Produk, Tentang Kami, Hubungi Kami)
Bagian utama dengan gambar produk unggulan dan tombol “Beli Sekarang”,
Footer dengan alamat toko dan link media sosial
Seorang klien membutuhkan data member dalam halaman web produk, Buatlah sebuah form dan pengecekannya dengan javascript untuk memastikan isian datanya benar.
Pengecekan/Validasi:
Pada tugas kali ini, saya membuat landing page course,
yaitu sebuah website untuk belajar coding/IT.
Pada kali ini saya mendapatkan tugas untuk membuat satu hal dari bbrp studi kasus yang ada, mulai dari landing page, invitation letter, parallax website, dll
Saya sendiri memilih Landing Page
Di pertemuan ke-lima ini, saya belajar banyak tentang section, article, footer, header, dan juga bar aside
dan untuk tugas kali ini saya membuat sebuah web menu restoran dengan hal2 yang saya pelajari
ini untuk tampilannya:
Trischan Mahdy Arangga
5053231024
Tugas Membuat Form Registrasi
Tampilan:
Trischan Mahdy Arangga
5053231024
Tugas Event Web dengan Tabel
Pertemuan 3:
Tampilan:
Disini saya belajar tentang membuat tabel yang berpenampilan bagus, juga menggunakan background image dan juga mengimplementasikan link pada button di "View Details"
Pada Final Project kali ini, saya membuat semacam website mirip seperti wikipedia tentang game berjudul "Fisch", dimana nanti aka...
