MSIM4309

NASKAH UAS-THE
UJIAN AKHIR SEMESTER-TAKE HOME EXAM (THE)
UNIVERSITAS TERBUKA
SEMESTER: 2022/23.1 (2022.2)

Pemrograman Berbasis Web

MSIM4309

No. Soal Skor

1. Buatlah aplikasi perpangkatan 10n menggunakan 2 file terpisah yaitu HTML dan Javascript. File 20
HTML diberi nama soal1.html, sedangkan file Javascript diberi nama soal1.js. Gambaran output
dari aplikasi ini adalah :

Hasil dari 101:10

Hasil dari 102:100

Hasil dari 1010: 10000000000

Kirim jawaban Anda dalam bentuk screenshoot berupa struktur html, struktur Javascript, dan
output tampilan aplikasi!

2. Tono memiliki sebuah tangki air dengan diameter 80 cm dan tinggi 100 cm. Berapa liter air yang 15
dapat ditampung dalam tangki yang dimiliki Tono tersebut?

Pertanyaan:
Buatlah sebuah program sederhana menggunakan Vue.js yang dapat menghitung banyaknya liter
air dalam tangki Tono dengan ketentuan:
1. Tampilkan jari-jari
2. Tampilkan tinggi
3. Tampilkan volume dalam liter

Kumpulkan hasil koding Anda dalam bentuk screenhoot:

1. Isi kode HTML dan isi kode Apps.js
2. output tampilan aplikasi dalam bentuk screenshoot!

3. Buatlah program konversi Web menggunakan Vue.js dari Celcius ke Fahrenheit, Kelvin, Reamur, 15
dan Rankine. Spesifikasi program konversi adalah :
1. Masukkan nilai Celsius berupa text
2. Tampilan output langsung ditampilkan berupa hasil konversi Celcius ke Fahrenheit, Kelvin,
Reamur, dan Rankine.

Kumpulkan dalam bentuk screenshot:

a. Struktur HTML
b. Struktur Javascript (Vue.js)
c. Hasil tampilan program yang di konversi

1 dari 2
 MSIM4309

4. Sebuah Toko Mobil akan membuat sebuah aplikasi berbasis web menggunakan HTML, Vue.js, 50
dan PHP. Spesifikasi aplikasinya adalah sebagai berikut:

1. Buatlah sebuah database menggunakan XAMPP dengan nama [silahkan buat nama
database]
2. Di dalam database tersebut buatlah 1 buah tabel dengan nama “kendaraan”.
3. Atribut tabel kendaraan tersebut adalah :

No Nama Atribut Type data

1 id Integer (auto increment, primary key)

2 nama_mobil Varchar(20)

3 merk Varchar(20)

4 warna Varchar(20)

5 nopol Varchar(20)

6 harga Integer(10)

4. Isilah 5 buah data dalam tabel kendaraan tersebut.

5. Tampilkanlah data pada tabel kendaraan tersebut pada sebuah halaman web dalam
bentuk tabel.
6. Tambahkan tombol hapus pada setiap baris tabel sehingga data dapat langsung dihapus.
7. Tambahkan form tambah data di atas tabel kendaraan yang telah ditampilkan sehingga
ketika ditambahkan data pada form tersebut maka data langsung masuk ke database dan
langsung tampil di halaman web.

Dari spesifikasi aplikasi tersebut, kumpulkan dalam bentuk screenshoot:

1. Nama database dan tabel kendaraan di XAMPP.

2. Hasil tampilan web keseluruhan.
3. Kode program file index.html.
4. Kode program file js.
5. Kode program file php.

Skor Total 100

2 dari 2