FM-BINUS-AA-FPU-78/V2R0

BINUS University

Academic Career: Class Program:

Undergraduate / Master / Doctoral *) International/Regular/Smart Program/Global Class*)

 Mid Exam  Final Exam Term : Odd/Even/Short *)

 Short Term Exam  Others Exam : _____________

 Kemanggisan  Alam Sutera  Bekasi Academic Year :

 Senayan  Bandung  Malang 2021 / 2022

Faculty / Dept. : School of Computer Science Deadline Day / Date : Rabu / 01 Des 2021
Time : 13:00
Code - Course :ISYS6211003 – Web Based Application Class : All Classes
Development
Lecturer : Team Exam Type : Online

) Strikethrough the unnecessary items
The penalty for CHEATING is DROP OUT!!!

Learning Outcomes:

LO 1: Explain website programming concepts

LO 2: Choose appropriate programming language techniques to deal with the user requirements
LO 3: Build website applications

I. Esai (30%)
Carilah sebuah website dan tuliskan link website tersebut pada lembar jawaban untuk anda
Analisa dengan developer tools yang ada di web browser dan dipastikan website tersebut
dilengkapi dengan CSS.
a. Tuliskan elemen HTML yang ada dan jelaskan! (LO1, LO2, 10 point)
b. Tuliskan elemen CSS yang ada dan jelaskan ! (LO1, LO2, 10 point)
c. Gambarkan dan jelaskan layout dari halaman web tersebut ! (LO1, LO2, 5 point)
d. Tuliskan pendapat anda tentang halaman web tersebut berdasarkan konsep web
programming yang anda pelajari. (LO1, LO2, 5 point)

II. Kasus (70%)

Untuk pengerjaan soal kasus ini, harap memperhatikan 1 digit akhir NIM anda untuk menentukan
tema website yang akan dikerjakan, dengan pilihan tema website sebagai berikut:
0=website untuk apotik
1=website untuk penjualan jasa
2=website untuk penjualan barang
3=website untuk sewa properti
4=website untuk pariwisata
5=website untuk kepegawaian
6=website untuk klinik
7=website untuk sekolah
8=website untuk koperasi
9=website untuk pariwisata
Sebagai contoh: jika 1 digit akhir NIM anda=9 maka anda diharuskan mengerjakan website dengan
tema pariwisata.
Verified by,

Reinert Yosua Rumagit, S.Kom., M.T.I. (D6191) and sent to Program on Oct 30, 2021
Page 1 of 2
 FM-BINUS-AA-FPU-78/V2R0

Buatlah website tersebut sesuai tema yang disesuaikan dengan 1 digit akhir NIM anda dengan
HTML5 dan CSS3 (tanpa javascript) dengan layout seperti pada gambar 1 dibawah ini.

Gambar 1. Layout website

Ketentuan:
1. [LO 2 & LO 3, 5 poin] Berikan judul dan icon pada title bar aplikasi web anda.
2. [LO 2 & LO 3, 5 poin] Gunakan tag HTML5 untuk membuat layout web seperti: Article, Aside,
Footer, Header, Main, Nav dan Section.
3. [LO 2 & LO 3, 10 poin] Bagian Navigation menggunakan link dengan 4 file html seperti
a. Home.html
b. isi.html
c. About.html
d. Contact.html
4. [LO 2 & LO 3, 10 poin] Bagian Main berisi konten dari nomor 3 yang disesuaikan dengan kasus
yang dikerjakan, lengkap dengan HTML5 dan CSS3.
5. [LO 2 & LO 3, 5 poin] Pada konten web gunakan table dengan rowspan dan colspan dan
memiliki table caption.
6. [LO 2 & LO 3, 10 poin] Bagian Aside merupakan area for banner yang berisi iklan yang dibuat
semenarik mungkin dengan HTML5 dan CSS3.
7. [LO 2 & LO 3, 10 poin] Pada area for banner(Aside) juga terdapat embedded video yang
bersumber dari video.
8. [LO 2 & LO 3, 5 poin] Bagian Footer menggunakan tag footer dengan simbol copyright dan
berikan NIM serta Nama anda.
9. [LO 2 & LO 3, 5 poin] Website menggunakan Responsive Web Design (RDW).
10. [LO 2 & LO 3, 5 poin] Desain tema website menggunakan teori warna website.

Seluruh File HTML, CSS dan Lembar Jawaban di jadikan 1 folder, dikompres RAR lalu diupload.

Note: Tidak diperbolehkan menggunakan framework Bootstrap

-- Selamat Mengerjakan --

Verified by,

Reinert Yosua Rumagit, S.Kom., M.T.I. (D6191) and sent to Program on Oct 30, 2021
Page 2 of 2