Tugas 3: Penerapan HTML5 dengan Penyematan Media

Nama: Aulia Eka Putri Aryani
NRP: 05111940000044
Kelas: PWEB-B

Pembahasan

Pada pertemuan PWEB terakhir kali, saya diminta untuk melakukan perubahan pada Website Warung Tegal dengan menerapkan HTML5 yang telah dipelajari dan menambahkan berbagai konten media, seperti gambar, audio, dan video. Sama seperti tugas-tugas sebelumnya, saya memanfaatkan Github Pages untuk meng-host halaman web ini, dimana default domain yang digunakan adalah github.io. Adapun konten dari webite warung tegal yang saya buat adalah sebagai berikut.

Beranda
Daftar Makanan
Katering
Tentang
Kontak

Berikut adalah keseluruhan tampilan dari website yang saya buat. Untuk lebih jelasnya dapat diakses melalui link berikut.

Tampilan Beranda Website

Tampilan Daftar Makanan Website

Tampilan Katering Website

Tampilan Tentang Website

Tampilan Kontak Website

Adapun beberapa media yang saya sematkan pada website ini adalah sebagai berikut.

Gambar

Shortcut icon pada tabbar dengan memanfaatkan tag <link> pada <head>

Header dan Background image dengan menggunakan style background-image pada <body> dan <div> dalam <header>

Foto makanan dengan menggunakan <img> pada <figure>

Icon kontak dengan menggunakan <img> dalam <li>

Video di Youtube dengan memanfaatkan <iframe>

Lokasi pada Google Maps dengan memanfaatkan <iframe>

Pada website kali ini, struktur html utama yang saya terapkan pada website ini adalah header, main, dan footer. Di dalam header, terdapat <div> untuk meletakkan gambar header website dan <nav> yang bersifat sticky sebagai navigasi menu pada website. Selanjutnya, pada main saya letakkan <section> untuk meletakkan beberapa <article> (tergantung dengan kontennya). Di samping <section>, saya berikan <aside> untuk meletakkan masakan populer, lokasi, dan kategori masakan yang dimasukkan pada <section> tersendiri.

Untuk lebih lengkap nya, source code dapat dilihat di bawah atau link berikut.

index.html

menu.html

katering.html

tentang.html

kontak.html

style.css

Comments

Tugas 9: Implementasi Query dan Storage

Tugas 9: Implementasi Query dan Storage Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: PWEB-B Pembahasan Melanjutkan website pendaftaran siswa pada tugas sebelumnya , kali ini saya diminta untuk menambahkan fitur upload foto pada formulir pendaftaran dan menampilkannya pada data pendaftar. Untuk pengaplikasiannya, foto disimpan pada folder image dan database akan menyimpan nama file tersebut. Untuk menghindari penamaan file yang sama, tanggal upload foto akan ditambahkan pada nama file yang ingin disimpan tersebut. Adapun tampilan dari website pendaftaran siswa yang saya buat dapat dilihat pada gambar-gambar di bawah ini. Tampilan Home Tampilan Formulir Pendaftaran Tampilan Pendafta

Tugas 3: Analisis Kegagalan RE Process melalui Film Dokumenter Downfall

Tugas 3: Analisis Kegagalan RE Process melalui Film Dokumenter Downfall Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: RK-D Pembahasan MCAS (Maneuvering Characteristics Augmentation System) MCAS (Maneuvering Characteristics Aug mentation System) merupakan sistem baru yang dikembangkan oleh Boeing Company melalui Pesawat Boeing 737 Max. MCAS didesain untuk menurunkan hidung pesawat secara otomatis ketika sudut serang ( angle-of-attack ) terlalu besar. Ia memanfaatkan motor Speed Trim untuk memutar stabilisator horizontal ( h orizontal stabilizer ) setiap kali angle-of-attack yang terlalu besar terdeteksi. Hal ini dilakukan untuk mencegah pesawat berada dalam kondisi stall – kondisi dimana koefisien angkat yang dihasilkan oleh foil (sayap dalam pesawat) berkurang atau hilangnya karena angle-of-attack yang terlalu besar . Namun, apabila sensor angle-of-attack , sensor yang terletak pada kedua sisi

Tugas 1: Identifikasi Kebutuhan pada Studi Kasus

Tugas 1 : Identifikasi Kebutuhan pada Studi Kasus Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: RK-D Pembahasan 1. Deskripsikan aplikasi parkir Aplikasi Transaksi Parkir Non Tunai merupakan aplikasi parkir terintegrasi yang dikembangkan oleh Liquid Parking Technology dengan tujuan untuk mempermudah sistem ticketing dan pembayaran parkir. Pengguna dapat memasuki area parkir dengan menggunakan sistem ticketing otomatis yang mendeteksi plat nomor kendaraan pengguna. Teknologi yang digunakan untuk mendeteksi plat nomor kendaraan pengguna adalah LPR (License Plate Recognition) atau ANPR (Automatic Car Number Plate Recognition). Setelah plat nomor kendaraan terdeteksi sistem, pengguna dapat mengambil karcis parkir yang telah dicetak sistem dan memasuki area parkir yang telah dibuka. K arcis parkir memuat informasi seperti nomor karcis, plat nomor kendaraan pengguna yang terdeteksi, waktu masuk parkir, dan barcode karcis. Untuk dapat keluar dari area parkir, pengguna harus me

Aulia

Search This Blog