Scribd
Unggah
840 tayangan13 halaman

Soal Pemrograman Web

Aplikasi nilai siswa SMK Indonesia dibuat untuk membantu kegiatan akademik satu semester. Aplikasi memungkinkan guru mengajar beberapa kelas dengan mapel yang sama atau berbeda, dan hanya ada satu guru per mapel per kelas. Nilai siswa tersimpan berdasarkan NIS, kelas, dan mapel.

Diunggah oleh

Verend Tea
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
840 tayangan13 halaman

Soal Pemrograman Web

Aplikasi nilai siswa SMK Indonesia dibuat untuk membantu kegiatan akademik satu semester. Aplikasi memungkinkan guru mengajar beberapa kelas dengan mapel yang sama atau berbeda, dan hanya ada satu guru per mapel per kelas. Nilai siswa tersimpan berdasarkan NIS, kelas, dan mapel.

Diunggah oleh

Verend Tea
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 13

a.

Pilihlah jawaban yang paling benar dengan memberikan tanda x pada a, b, c, d atau e pada lembar
jawaban yang tersedia.
b. Bila jawaban pertama akan dikoreksi berilah tanda = pada tanda x dan pilih kembali pada jawaban
yang dianggap benar.

1. Penulisan document version yang tepat pada HTML5 yaitu....


a. <!DOCTYPE html>
b. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
c. <!DOCTYPE html PUBLIC >
d. <!DOCTYPE html TRANSITIONAL "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">

2. Instruksi HTML5 untuk menambahkan file video pada halaman web yaitu....
a. <video src="Movie.mov" controls></video>
b. <video src="Movie.mov" controls>
c. <video ="Movie.mov" controls></video>
d. <video src="Movie.mov"></video>

3. Jika dilihat dari proses kerjanya WWW (World Wide Web), dapat dibagi menjadi
beberapa komponen, yaitu:
a. Network, HTML, Address
b. Network, Protokol, Address
c. HTML,Network, Address
d. Address, Protokol, HTML

4. Perhatikan script berikut !

<?php
for($i=1; $i<=5; $i++){
echo”$i”;
}
?>

Output dari script di atas adalah ...


a. 1,2,3,4,5 c. 1 2 3 4 5 6 7
b. 1 2 3 4 5 d. Error Looping
5. Perhatikan script berikut !

<?php
$a=10;
$b=15;$c=75;$d=2;$e=($a + $b + $c)%$d;
echo”jadi ($a + $b + $c)%$d adalah $e”;
?>

Nilai variabel $e adalah ...


a. 50
b. 2
c. 0
d. -1

6. Perhatikan tag HTML berikut ini!

<table>
<tr><td colspan=3></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td colspan=3></td></tr>
</table>

Dari tag html tersebut akan menghasilkan bentuk tabel seperti gambar

a.
c.

b.
d.

7. Penulisan instruksi IF yang tepat pada PHP yaitu…


a. if($chek>0 c. if $chek>0
b. if($chek>0){ d. if $chek>0 {
8. Sekumpulan blok program yang didefinisikan dengan nama tertentu dan berfungsi
untuk melaksanakan tugas-tugas yang spesifik merupakan definisi dari…
a. Fungsi c. Prosedur
b. Array d. Object

9. Perhatikan script di bawah ini

Merupakan contoh pendefinisian untuk tipe data ….


a. Strings c. Booleans
b. Array d. Integer

10. Perhatikan instruksi PHP berikut ini.

<?php
include"../koneksi.php";
?>

Instruksi tersebut dapat digunakan untuk..


a. Melakukan koneksi MYSQL ke PHP
b. Memilih basis data yang dihubungkan ke PHP
c. Memuat file koneksi.php pada sebuah file php yang lain
d. Menampilkan file koneksi.php

11. Pada penggunaan fungsi fopen(), mode untuk membuka file untuk proses pembaca
dan penambah data adalah mode….
a. r+ c. a+
b. w+ d. m+

12. Sintaks yang digunakan untuk


mengkoneksikan PHP dengan
database MySQL adalah....
a. connect_mysql("localhost");
b. mysqli_connect(“localhost”);
c. mysql_open("localhost");
d. dbopen("localhost");
13. Instruksi HTML5 yang tepat untuk pemanggilan selector CSS3
#main-kiri{ padding:10px; } adalah....
a. <div id "main-kiri"></div>
b. <class id="main-kiri"></div>
c. <div id="main-kiri"></div>
d. <class id "main-kiri"></div>

14. Dalam mendesain sebuah web, ada beberapa prinsip yang harus diperhatikan, salah
satunya yaitu…
a. Spesifications c. Drawing
b. Direct d. Consistency

15. Perhatikan form berikut

Form tersebut biasa digunakan untuk memastikan bahwa orang/user tersebut berhak
masuk ke dalam system sesuai dengan haknya. Dikenal juga dengan istilah….
a. Autentikasi c. Identifikasi
b. Validasi d. Klasifikasi
21. Dalam membangun back-end application, Pemrograman yang digunakan
untuk mengkomunikasikan antara user dengan server dan database adalah . .
A. Server-side Scripting
B. Client-side Scripting
C. Database Server
D. HTTP Server

22. Pada web dinamis, terdapat pemisahan antara layout web dengan kontenweb,
Hal ini yang menjadikan web dapat bekerja secara efisien. Hal itu disebabkan
karena . . . . . .
A. Saat konten berjumlah sangat banyak, tidak akan terjadi kesulitan saat
pengelolaan atau memanipulasi data
B. Saat konten berjumlah sangat banyak, Halaman akan diskses secara cepat dan
ringan
C. Database Server Data yang diminta dari server hanya data konten, sehingga web
bekerja secara cepat
D. Data yang diminta dari server hanya data konten, sehingga web bekerja secara
cepat

23. System autentikasi digunakan untuk pengkategorian user dalam pengaksesan atau
pengelolaan aplikasi web. Hal tersebut perlu dilakukan karena . . . . . .
A. Untuk memberian batasan pengunjung dan pengelola web, sehingga web dapat
beroprasi secara semestinya
B. Untuk memberikan hak akses kepada pengunjung sehingga pengunjung dapat
mengunjungi web tanpa mengelolanya
C. Untuk memberikan hak akses kepada pengunjung sehingga web dapa dikelola
dengan baik
D. Untuk memberikan kebebasan kepada pengunjung sehinggadapat mengakses
web tanpa terganggu oleh system

24. Inti dari proses upload pada PHP adalah berada pada penerapan fungsi builtin
yaitu move_uploaded_file() atau copy(). Script tersebut yang berfungsi untuk...

A. Memindahkan dari folder temporary ke folder tujuan upload


B. Memindahkan dari folder temporary ke folder tujuan download
C. Memindahkan dari folder temporary ke folder tujuan server
D. Memindahkan dari folder temporary ke folder tujuan direktori lokal

25. Instruksi HTML untuk merger 2 kolom pada sebuah tabel yaitu....
a. < td rowspan="2" >
b. < td colspan="2"
c. < td colspan="2">
d. < td rowspan="2"

26. Instruksi yang tepat untuk pengaturan font menggunakan CSS3 yaitu....
a. #footer
font-family:Arial, Helvetica, sans-serif
font-size:12px}
b. #footer{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
c. #footer{
font-family:Arial, Helvetica, sans-serif
font-size:12px;}
d. #footer{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

27. Instruksi HTML5 untuk menambahkan file css external pada sebuah halaman
web yaitu....
a. <link rel="stylesheet" href="style.css">
b. <link rel"stylesheet" href="style.css">
c. <link rel="stylesheet" href"style.css">
d. <link ="stylesheet" href="style.css">

28. Perhatikan gambar berikut ini, frame tengah pada halaman web tersebut
merupakan area/tempat untuk tampilan sebuah link. Misalnya jika menu profile
diklik, maka halaman profile akan tampil pada frame tengah.
Frame name= tengah

Instruksi HTML yang dapat digunakan untuk membuat frame tengah seperti
terlihat pada gambar yaitu....
a. <iframe frameborder="0" width"650" height="400" name="tengah"
scrolling"auto”> < /iframe>
b. <iframe frameborder"0" width="650" height="400" name="tengah"
scrolling"auto">< /iframe>
c. <iframe frameborder="0" width"650" height="400" name="tengah"
scrolling"auto">< /iframe>
d. <iframe frameborder="0" width="650" height="400" name="tengah"
scrolling="auto">< /iframe>

29. Penggunaan variabel yang tepat pada penulisan instruksi PHP berikut ini
adalah….
a. $4username;
b. $user name;
c. $username;
d. $username*;

30. Penulisan instruksi echo yang tepat berikut ini adalah….


a. echo " p align=center>Maaf username dan password anda tidak diterima<
/p>";
b. echo "< p align=center>Maaf username dan password anda tidak diterima<
/p>";
c. echo "< p align=center>Maaf username dan password anda tidak diterima<
/p>;
d. echo < p align=center>Maaf username dan password anda tidak diterima <
/p>";

KUNCI JAWABAN

NO JAWABAN

1 A
2 A
3 D
4 B
5 C
6 D
7 B
8 A
9 B
10 C
11 C
12 B
13 C
14 D
15 A
21 A
22 D
23 A
24 A
25 C
26 D
27 A
28 D
29 C
30 B
SOAL UKK PRAKTEK WEB

Dalam rangka mencapai kualifikasi sebagai seorang web developer anda diminta untuk membuat aplikasi
nilai siswa berbasis web untuk SMK INDONESIA yang memiliki beberapa program studi seperti Rekaysa
Perangkat Lunak, Multimedia, dan sebagainya. Untuk membantu kegiatan akademik dari SMK tersebut
maka dibuatlah sebuah aplikasi nilai untuk satu semester tahun ajaran berjalan.
• Gambaran singkat dari aplikasi nilai siswa ini hanya untuk satu semester tahun ajaran berjalan,
dengan batasan system yaitu guru dapat mengajar pada beberapa kelas untuk mapel yang sama
atau mapel berbeda, dan hanya ada satu orang guru yang mengajar mapel tertentu pada sebuah
kelas. Nilai siswa diberikan oleh guru yang mengajar mapel tersebut.
Berikut ini adalah function requirement dari sistem yang akan dikembangkan.
1. Guru, memberikan nilai sesuai mapel yang diampu, dan melakukan input data nilai pada form nilai.
Seorang guru boleh mengajar beberapa mapel pada beberapa kelas pada satu jurusan sesuai kompetensi
keahlian yang dimiliki. Tidak boleh ada dua guru dalam satu kelas untuk mengampu mapel yang sama
2. Siswa, melihat nilai yang diperoleh mencakup nilai tugas, nilai uts, nilai uas, dan nilai akhir untuk
beberapa mapel sesuai kelasnya. Siswa tidak bisa melihat nilai siswa lain.
3. Kelas, bisa terdiri dari beberapa kelas pada sebuah program studi, misal kelas X RPL A, X RPL B, dst.
4. Mapel, setiap kelas pada sebuah prodi memiliki beberapa mapel misal kode mapel BD, nama mapel basis
data
5. Jurusan, setiap jurusan misal RPL memiliki kode jurusan RPL dan nama jurusan Rekayasa Perangkat Lunak
6. Nilai akhir diperoleh dari perhitungan na=(uts+uas+tugas)/3

Untuk mendukung pencapaian hasil sesuai dengan spesifikasi yang telah ditentukan tersebut anda akan
diperlengkapi dengan ATK, computer, printer, koneksi internet, serta beberapa source code. Dalam
penerapannya anda juga diminta untuk menggunakan perlengkapan keselamatan kerja selama proses
pekerjaan berlangsung.erkait.
Proses pengerjaan yang dilakukan mencakup beberapa hal berikut ini.
a. Pembuatan layout web
b. Pengaturan tata letak semua elemen website
c. Pembuatan navigasi
d. Koneksi basis data dengan aplikasi web
e. Client side scripting (web client)
f. Server side scripting (halaman admin)
g. Web Hosting
h. Printscreen semua hasil pengerjaan dari poin a sampai dengan poin g
Terakhir shutdown komputer, serta rapihkan peralatan , perlengkapan dan lingkungan kerja.
Unit Kode Unit : TIK.OP01.002.01
Kompetensi
:
No. 1 Judul Unit Mengidentifikasi aspek kode etik dan HAKI dibidang TIK

No Instruksi Kerja

1 Buatlah folder diberi nama anda pada htdocs, lalu pada folder nama anda tersebut
tempatkan folder gambar dari data bahan ujikom

Unit :
Kode Unit J.620100.017.02
Kompetensi
:
No. 2 Judul Unit Mengimplementasikan Pemrograman Terstruktur

No Instruksi Kerja

2 Buatlah folder instruksi php pada folder htdocs tersebut


Buatlah program PHP untuk menghitung nilai akhir 10 orang siswa dengan
ketentuan sebagai berikut:

– Nilai akhir= (nilai uts + nilai uas + tugas) /3


– Jika nilai akhir > 90, tercetak keterangan siswa lulus predikat A
– Jika nilai akhir >=70 tercetak keterangan siswa lulus predikat B
– Jika nilai akhir<70 tercetak keterangan siswa tidak lulus predikat
C
3
– Tampilan output yang diinginkan sebagai berikut:
Nomor :1
Nama siswa : andi
Nilai : 95.89
Keterangan : lulus predikat A

Simpan file dengan nama ujikom.php pada folder instruksi php

:
Unit Kode Unit J.620100.042.01
Kompetensi
: Melakukan Konfigurasi Perangkat Lunak Sesuai Environment
No. 3 Judul Unit
(Development, Staging, Production)
No Instruksi Kerja
4 Jalankan program ujikom.php yang telah dibuat sebelumnya pada browser

Unit :
Kode Unit J.620100.046.01
Kompetensi
:
No. 4 Judul Unit Melakukan Logging Aplikasi

No Instruksi Kerja
Buatlah trigger pada tabel siswa di database smkindonesia untuk logging aplikasi yang
5
akan secara otomatis mencatat semua kejadian insert,update,delete data siswa

Unit :
Kode Unit ICTWEB302
Kompetensi
:
No. 5 Judul Unit Build simple websites using commercial programs

No Instruksi Kerja
Buatlah file home.html dengan desain sesuai kebutuhan, yang berisi informasi
6
tentang visi misi SMK Indonesia

Unit :
Kode Unit ICTWEB409
Kompetensi
:
No. 6 Judul Unit Develop cascading style sheets

No Instruksi Kerja
Buat layout web seperti gambar berikut ini menggunakan HTML dan CSS.

HEADER
MENU
FORM LOGIN KONTEN
7
GAMBAR

FOOTER

Simpan dengan nama index.php


Buatlah menu terdiri dari HOME, DATA SISWA, DATA GURU, NILAI SISWA,
8
GALERI
Buatlah link untuk menu home, sehingga ketika diklik menu home maka tampilan
9
home.html terlihat pada bagian konten
Unit :
Kode Unit ICTWEB414
Kompetensi
:
No. 7 Judul Unit Design simple web page layouts

No Instruksi Kerja
Lakukan pembuatan form login untuk memasukkan username dan password
10
dengan tata letak sesuai layout web pada no.8
Buatlah halaman admin dengan desain disesuaikan dengan kebutuhan, menu
11 terdiri dari manajemen admin, manajemen siswa, manajemen guru, manajemen
kelas, manajemen mapel, manajemen jurusan , manajemen nilai

Unit :
Kode Unit ICTWEB410
Kompetensi
:
No. 8 Judul Unit Apply web authoring tool to convert client data for websites

No Instruksi Kerja
Buatlah file koneksi.php untuk menghubungkan basis data smkindonesia dengan
14
aplikasi web smk indonesia
15 Tempatkan semua bahan source master ke folder nama anda

Lakukan modifikasi coding cek login sehingga diklik tombol login masuk ke
16
halaman admin
Lakukan modifikasi coding dari source master untuk semua menu pada halaman
17
admin, sehingga minimal 3 menu dapat dijalankan
Lakukan modifikasi coding dari source master sehingga menu data guru, data
18 siswa, data nilai dapat dijalankan pada file index, dimana semua data tersebut
terhubung dengan basis data SMK Indonesia

Unit :
Kode Unit ICTWEB424
Kompetensi
:
No. 9 Judul Unit Evaluate and select a web hosting service

No Instruksi Kerja
Lakukan hosting web smk Indonesia pada 000webhost.com atau
19
freewebhostingarea.com

Anda mungkin juga menyukai