Lompat ke konten Lompat ke sidebar Lompat ke footer

soal pemrograman web dan perangkat bergerak kelas 11

Pemrograman Web dan Perangkat Bergerak

Pemrograman web dan perangkat bergerak adalah salah satu topik yang sangat penting dalam dunia teknologi informasi dan komunikasi. Keterampilan dalam hal ini sangat diperlukan bagi para pengembang web dan aplikasi mobile yang ingin berkembang di dunia kerja yang semakin kompetitif.

Kelas 11 merupakan salah satu kelas yang cocok bagi siswa yang ingin belajar pemrograman web dan perangkat bergerak. Selain mempelajari dasar-dasar HTML dan CSS, siswa juga akan diajarkan cara membangun website dengan menggunakan bahasa pemrograman JavaScript.

Selain itu, siswa juga akan mempelajari tentang teknologi perangkat bergerak, seperti pembuatan aplikasi mobile untuk Android dan iOS. Mereka akan diajarkan cara membuat aplikasi mobile yang berfungsi dengan baik dan mudah digunakan oleh pengguna.

Dalam pembelajaran pemrograman web, siswa akan mempelajari tentang dasar-dasar HTML. HTML adalah singkatan dari Hypertext Markup Language. Ini adalah bahasa markup standar yang digunakan untuk membuat halaman web. HTML digunakan untuk membuat struktur dasar dari halaman web, seperti judul, teks, gambar, dan tautan.

Selain itu, siswa juga akan mempelajari tentang dasar-dasar CSS. CSS atau Cascading Style Sheets adalah bahasa stylesheet yang digunakan untuk mengatur tampilan dari halaman web. CSS digunakan untuk mengatur warna, ukuran font, jarak antar elemen, dan tata letak dari halaman web.

Kemudian, siswa juga akan mempelajari tentang JavaScript. JavaScript adalah bahasa pemrograman yang digunakan untuk membuat interaksi pada halaman web. Dengan JavaScript, siswa dapat membuat efek-efek animasi, validasi form, dan membuat halaman web menjadi lebih interaktif.

Selain pemrograman web, siswa juga akan mempelajari tentang pembuatan aplikasi mobile. Mereka akan diajarkan tentang dasar-dasar pemrograman Android dan iOS. Mereka akan belajar tentang framework dan tools yang digunakan untuk membangun aplikasi mobile, seperti Android Studio dan Xcode.

Selain itu, siswa juga akan mempelajari tentang penggunaan API dan layanan web dalam pembuatan aplikasi mobile. Mereka akan mempelajari tentang cara mengintegrasikan aplikasi mobile dengan layanan web dan API.

Dalam kesimpulan, pemrograman web dan perangkat bergerak merupakan topik yang sangat penting dalam dunia teknologi informasi dan komunikasi. Materi kuliah rekayasa perangkat lunak juga bisa dijadikan sebagai bahan belajar siswa smk kelas 11.Siswa kelas 11 memiliki kesempatan untuk mempelajari dasar-dasar pemrograman web dan perangkat bergerak yang akan membantu mereka dalam mengembangkan keterampilan teknologi di masa depan. Dengan mempelajari dasar-dasar ini, siswa akan dapat membangun website dan aplikasi mobile yang kreatif dan inovatif

  1. Materi Pelajaran Rekayasa Perangkat Lunak / RPL SMK Kelas 10 Semester 1 dan Semester 2 Lengkap - New !!
  2. Materi RPL Kelas 11 SMK Pemodelan Perangkat Lunak - New !!
  3. Pelajaran RPL kelas 10 - New !!
  4. Pengembangan Perangkat Lunak dan Gim: Tahapan dan Materi RPL SMK - New !!
  5. contoh soal tes masuk smk jurusan rpl - New !!
  6. materi kuliah rekayasa perangkat lunak - New !!
  7. materi pemodelan perangkat lunak kelas xi rpl pdf - New !!
  8. materi rekayasa perangkat lunak smk kurikulum 2013 - New !!
  9. soal pemrograman web dan perangkat bergerak kelas 11 - New !!

Bank Soal Pemrograman Web dan Perangkat Bergerak Kelas 11

1. sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web adalah
a. Html 
b. Notepad 
c. Bahasa Visual 
d. XML
e. Web design
Jawaban : A

2. W3C adalah singkatan dari............
a. Web Wide World Consortium
b. World Wide Web Consortium
c. World Wide Web Connection
d. Web 3 Connection
e. World Wide Web Comunication
Jawaban : B

3. Sebuah perangkat lunak aplikasi yang memungkinkan pengguna mengakses Web atau Server di jaringan adalah...........
a. Web page 
b. Isp 
c. HTML 
d. Web Browser
e. Server Provider
Jawaban : D

4. Berikut yang termasuk aplikasi browser dalam windows kecuali....
a. Opera 
b. Firefox
c. Safari 
d. Opera
e. RIM
Jawaban : E

5. Sebuah aplikasi FTP memungkinkan untuk mengunggah dan mengunduh file antara komputer kita dan komputer yang akan menjadi tempat halaman web/web server, FTP adalah Singkatan dari....
a. File Transfer Protokol 
b. File Transisi Port 
c. Field transfer Port 
d. Field transfer Protokol
e. File transmision protokol
Jawaban : A

6. Protokol yang digunakan untuk mentransfer data antara web server ke web browser adalah...
a. FTP 
b. HTTP
c. WWW 
d. W3C
e. HTML
Jawaban : B

7. HTML merupakan salah satu bahasa yang digunakan untuk membuat sebuah halaman web, HTML merupakan kependekan dari...............
a. Hypertext Markup Language
b. Hypertext Mobile language
c. Hypertext transfer protokol
d. Hypertext markup league
e. Host mobile language
Jawaban : A

8. Berikut merupakan fitur dari HTML5 kecuali.............
a. Canvas 
b. Header 
c. Audio 
d. Animation
e. Video
Jawaban : D

9. Secara prinsip, fitur pada HTML dapat dikelompokkan ke dalam 4 bagian, kecuali...
a. Struktur Halaman 
b. Presentasi Visual 
c. Peranti Penyaji Gambar 
d. Struktur Body
e. Pendukung Media
Jawaban : D

10. Tag HTML di tandai dengan simbol berikut ini kecuali
a. < dan > 
b. <? dan ?>
c. ! 
d. >=
e. ()
Jawaban : A

11. Pasangan dari sebuah tag Html selalu di tandai dengan..........
a. \ 
b. / 
c. ? 
d. >
e. )
Jawaban : B

12. Dalam penulisan tag HTML tidaklah case sensitive artinya.......
a. penggunaan huruf kecil ataupun capital menjadi masalah
b. penggunaan huruf kecil ataupun capital tidaklah menjadi masalah
c. penggunaan tag harus menggunakan huruf kecil
d. penggunaan tag harus menggunakan huruf besar
e. penggunaan huruf harus bertipe times new roman
Jawaban : B

13. Tag <body> pada html digunakan untuk...........
a. Menampilkan isi halaman 
b. Membuat huruf tebal 
c. Membuat tampilan bergerak
d. Membuat background halaman menjadi merah
e. Menjadi penutup HTML
Jawaban : A

14. Tag <HTML> selalu ditutup dengan tag...
a. <html> 
b. <HTML> 
c. </html> 
d. </body>
e. </head>
Jawaban : C

15. Agar File html bisa di baca langsung oleh browser file tersebut harus disimpan dalam extensi........
a. .txt 
b. .JPG 
c. .Html 
d. .Exe
e. ./html
Jawaban : C

16. Berikut kode warna dari sebuah html menggunakan Hexadecimal untuk warna blue adalah...
a. #FF0000 
b. #FFFFFF 
c. #FF00FF 
d. #0000FF 
e. #000000
Jawaban : D

17. Yang termasuk kedalam element body kecuali...........
a. Text 
b. Vlink 
c. Ulink 
d. Alink
e. BGColor
Jawaban : C

18. Warna default / standard untuk sebuah Link adalah........
a. Putih 
b. Merah 
c. Biru 
d. Hijau
e. Hitam
Jawaban : C

19. Tag heading berfungsi untuk memformat heading (judul dan sub-judul) dari suatu halam web. Element heading di tandai dengan tag.....
a. < HR > 
b. < H1 > 
c. <HD> 
d. <H>
e. <BR >
Jawaban : B

20. Untuk ganti baris dalam HTML menggunakan tag sebagai berikut, kecuali...........
a. < HR > 
b. < BR > 
c. <B> 
d. <LI>
e. < TH >
Jawaban : B

21. Elament <OL> digunakan untuk............
a. Membuat List Berurutan 
b. Membuat List tidak berurutan 
c. Membuat Garis bawah
d. Membuat List Kombinasi
e. Mengganti Baris
Jawaban : A

22. Didalam tag <OL> terdapat tag <LI> yang merupakan isi dari daftar tersebut, LI adalah
a. List Index 
b. List Interval 
c. Order List 
d. List Item
e. List i
Jawaban : D

23. Untuk membuat list tidak berurutan dalam html menggunakan tag.....
a. < html > 
b. < LB> 
c. < OL > 
d. < UL >
e. < LI >
Jawaban : D

24. Berikut merupakan tag HTML kecuali.........
a. <b> 
b. <hr> 
c. <br> 
d. <\html>
e.<p>
Jawaban : D

25. Berikut Software yang bisa digunakan untuk membuat file html adalah............
a. C++ 
b. Notepad ++ 
c. Coreldraw 
d. Microsoft Word
e. Google Chrome
Jawaban : B

26. Sebuah software / aplikasi bawaan windows yang bisa digunakan untuk membuat file html adalah....
a. Notepad ++ 
b. Pain 
c. Notepad
d. Wordpad
e. Microsoft Word
Jawaban : C

27. Tag Untuk membuat tampilan dibawah ini adalah......
“ ini latihan Html Pertamaku “
a. <b>ini latihan Html Pertamaku</b>
b. <b><i>ini latihan Html Pertamaku<i></b>
c. <u>ini latihan Html Pertamaku</u>
d. <b><u>ini latihan Html Pertamaku</u></b>
e. <b><u>ini latihan Html Pertamaku</b></u>
Jawaban : D

28. Berikut yang termasuk kedalam element tabel adalah............
a. <hr> 
b. <br> 
c. <tr> 
d. <li>
e. <ol>
Jawaban : C

29. Untuk membuat garis dalam tabel perlu penambahan atribut.........
a. <tr> 
b. <td> 
c. Bgcolor 
d. Border
e. Colspacing
Jawaban : D

30. Berikut yang termasuk kedalam profesi pengembang web, kecuali..
a. Web designer 
b. Web master 
c. Web Administrator 
d. Web Server
e. Web Programmer
Jawaban : D

31. Alamat yang digunakan untuk menemukan file disebut....
a. Web 
b. UTP 
c. URL 
d. FTP
e. Alamat web
Jawaban : C

32. URL adalah singkatan dari........
a. Universal Web Locators
b. Universal Remote Location
c. Universal Resource Locators
d. Uniform Resource Locators
e. Uniform Resouce Local
Jawaban : D

33. Berikut aplikasi yang tidak bersifat WYSIWYG ( What you see is what you get ) kecuali........
a. Adobe Dreamever 
b. Textpad 
c. Text Sublime 
d. Coda
e. BBedit
Jawaban : A

34. www adalah singkatan dari
a. word wide web 
b. world wide web 
c. Web word web 
d. Wide wan web
e. Windows web world
Jawaban : B
35. Pengertian dari web statis adalah........
a. Web yang memiliki konten atau isi yang selalu berubah-ubah
b. Web yang kontent atau isinya tetap atau tidak berubah-ubah
c. Web yang tidak ada animasinya
d. Web yang tidak bisa dijual
e. Web yang mempunyai background hitam
Jawaban : B

36. Perintah marquee pada html berfungsi untuk......
a. Tulisan berwarna biru 
b. Tulisan berjalan 
c. Tulisan tebal
d. Tampilan mengikuti tulisan
e. Tulisan menjadi lebih besar
Jawaban : B

37. orang yang bertugas mengimplementasikan rancangan system analis adalah.....
a. Web analysis 
b. Web Designer 
c. Web Programmer 
d. Web Administrator
e. Web Server
Jawaban : C

38. Team Pengembangan dari sebuah kegiatan pembuatan web secara keseluruhan disebut..
a. Web master 
b. Web Programmer 
c. Web Server 
d. Web Developer
e. Web Administrator
Jawaban : D

39. www adalah suatu program yang ditemukan oleh.........
a. Team berners-lee 
b. Team Microsoft 
c. Mark 
d. Steve Job
e. W3C.
Jawaban : A

40. www secara resmi digunakan secara luas pada jaringan internet pada tahun...........
a. 1990 
b. 1991 
c. 1992 
d. 1993
e. 1994
Jawaban : B

Soal Pilihan Ganda + Essay Pemrograman Web dan Perangkat Bergerak 

Contoh Soal Pemrogrman Web dan Perangkat Bergerak SMK RPL Kelas XI Kurikulum 2013 revisi berbasis Hots - disini admin akan memberikan beberapa contoh soal untuk latihan dan bahan ajar untuk guru. Disini saya ambil soal dari buku berbasis hots dan kemungkinan soal-soal yang ada juga sudah termasuk soal hots pemrograman web dan perangkat bergerak.

Disini saya mengambil KD dari KD 3.1 - 3.11 dari seri buku kurikulm 2013 ini. Semoga artikel ini membantu anda semua untuk berlatih soal pemrograman web dan perangkat bergerak.

1.            Tag <tr>…</tr> dan <td>…</td> digunakan untuk .…
A.            membuat tabel dan baris
B.            membuat field dan record
C.            membuat baris dan kolom
D.            membuat kolom dan baris
E.            membuat baris dan tabel

2.            Sebuah acuan dalam suatu dokumen hypertext ke dokumen yang lain atau sumber lain adalah pengertian dari .…
A.            Link
B.            HTML
C.            Text
D.            Hypertext
E.            Hyperlink

3.            Tag link yang digunakan pada HTML adalah .…
A.            <a href=”nama file”>nama link</a>
B.            <a href =”nama_file.html></a>
C.            <a href=nama_file,html></a>
D.            <a href=”nama_file.html”>nama link</a>
E.            <a href =’nama_file.html’>nam link</a>



4.            Tag form membutuhkan beberapa atribut. Atribut yang berfungsi untuk menjelaskan kemana data form akan dikirimkan adalah fungsi atribut ….
A.            Web
B.            Boolean
C.            Action
D.            Form
E.            Get

5.            CSS adalah salah satu dokumen website yang bertujuan untuk mengatur gaya(style) pada tampilan web. CSS merupakan singkatan dari ….
A.            Class style sheet
B.            Cascading sheet style
C.            Cell Style sheet
D.            Cascading style sheet
E.            Coding style sheet

6.            Berikut ini yang merupakan penulisan kode program untuk javaScript adalah ….
A.            <script document =”javascript”>…</script>
B.            <script write =”javascript”>…</script>
C.            <script =”javascript”>…</script>
D.            <script language =”javascript”>…</script>
E.            <script writeln =”javascript”>…</script>

7.            Mentransfer berkas / data yang diminta oleh klien melalui web browser adalah fungsi ….
A.            Web
B.            HTTP
C.            Web browser
D.            File Zile
E.            Web server

8.            Perhatikan jenis perangkat berikut!
(1)          Apache
(2)          Nginx
(3)          Dreamweaver
(4)          Unix
(5)          Lighttpd
Beberapa perangkat di atas yang termasuk ke dalam web server adalah ….
A.            (2), (3), dan (5)
B.            (1), (2), dan (5)
C.            (1), (4), dan (5)
D.            (1), (3), dan (5)
E.            (2), (3), dan (4)


9.            Di bawah ini yang termasuk dalam perbedaan dari client side scripting dan server side scripting adalah ….
A.            pada cara kerja dan tempat proses data
B.            script langsung dikirimkan ke browser pengguna
C.            script yang diterjemahkan disisi pengguna
D.            pemrograman dari sisi pengguna
E.            script akan diterjemahkan terlebih dahulu oleh web server

10.          Yang termasuk kelebihan dari website statis adalah ….
A.            tidak memerlukan pengetahuan pemrograman yang handal
B.            mempermudah dalam manajemen web
C.            tergolong lebih aman
D.            penggunaan memori yang besar
E.            sistem manajemen yang rumit

11.          Yang bukan termasuk dalam bahasa pemrograman yang didukung oleh Notepadd++ adalah …. (BAB II)
A.            ActionScript
B.            ASP
C.            Assembler
D.            C++
E.            Java

12.          Apakah ciri dari web dinamis?
A.            Jika ingin mengedit harus mengetik kode secara ulang.
B.            Memungkinkan pengguna dapat  berinteraksi dengan web tersebut.
C.            Ada halaman untuk admin untuk mengedit konten.
D.            Sulit dipahami.
E.            Jika ingin merubah tampilan harus buka semua file.

13.          Penulisan link pada HTML memerlukan sebuah tag khusus yaitu ….
A.            <p>….</p>
B.            <a>….</a>
C.            <d>….</d>
D.            <r>….</r>
E.            <br>

14.          Sebuah halaman untuk menerima masukan dari pengguna untuk selanjutnya masukan dari pengguna tersebut diolah dengan bahasa pemrograman web, adalah kegunaan dari ….
A.            href
B.            br
C.            form
D.            from
E.            js
15.          Sebuah halaman website yang tidak berubah apabila ingin  melakukan sebuah perubahan pada halaman tertentu,maka harus mengedit kode secara manual adalah pengertian dari ….
A.            Web dinamis
B.            Web statis
C.            Web interaktif
D.            Website multiple
E.            Website behivier

16.          Di bawah ini yang termasuk struktur sederhana program PHP adalah ….
A.            ?<php
//kode program php
?>
B.            <?php
//kode program php
?>
C.            Php>
//kode program php
?>
D.            //kode program php
?>
E.            <php
//kode program php
?>

17.          Fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, animasi, suara, dan multimedia lainnya, dimana diantara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya disebut ….
A.            Web
B.            World
C.            Wide
D.            HTML
E.            Pemrograman

18.          Untuk memberi warna pada latar belakang digunakan sintag ….
A.            <body bgcolor>
B.            <body teks>
C.            <body image>
D.            <body audio>
E.            <body video>

19.          Properti <li> pada listing berguna untuk ….
A.            membuat bullet point atau baris baru pada list
B.            membuat teks miring
C.            membuat teks tebal
D.            pindah baris
E.            membuat teks garis bawah

20.          Pada HTML untuk mengganti baris menggunakan perintah ….
A.            <tr>
B.            </ul>
C.            <br>
D.            </tr>
E.            <enter>

21.          Apa perintah yang paling pertama dalam mengawali pembuatan HTML?
A.            <body>
B.            </body>
C.            </html>
D.            <tr>
E.            <html>

22.          Kepanjangan dari HTML adalah ….
A.            Hiper Teks Marque Languenge
B.            Hang Teks Markup Langunga
C.            HyperText Marque Language
D.            Hang Teks Markup Language
E.            HyperText Markup Language

23.          <title> ... </title> sintag tersebut menyatakan ….
A.            halaman web
B.            isi
C.            gambar
D.            judul
E.            video

24.          Orang yang bekerja membuat web disebut ….
A.            Web Programer
B.            Web Designer
C.            Web Master
D.            Web Developer
E.            Teknisi

25.          Berikut ini adalah urutan command dari pembuatan bullet and numbering. Nomor berapakah yang salah?
1)            </ol>
2)            <li> aku</li>
3)            <list>cinta</list>
4)            <li> kamu</li>
5)            <ol><end>
A.            1), 3), 5)
B.            1), 2), 4)
C.            1), 2), 3)
D.            1), 5), 3)
E.            2), 3), 4)

26.          Elemen-elemen dalam desain halaman sebuah web dapat di kelompokan menjadi 5 elemen,di bawah ini yang termasuk elemen dalam desain halaman sebuah web adalah….

a.            Elemen navigasi
b.            Elemen website
c.             Elemen tabel
d.            Elemen konsep
27.          Gambar memiliki beberapa format yang dapat di gunakan dalam halaman web,di bawah ini yang bukan termasuk format gambar yang dapat di gunakan eb adalah….
a.            JPG
b.            PNG
c.             JNE
d.            GIF
28.          Penulisan link pada HTML memerlukan sebuah tag khusus yaitu….
a.            <p>….</p>
b.            <a>….</a>
c.             <d>….</d>
d.            <r>….</r>
29.          Dimanakah penempatan tag table(bab III)...
a.            <head>…</head>
b.            <title>…</title>
c.             <body>…</body>
d.            <html>…</html>
30.          Format gambar apa yang dapat digunakan didalam halaman web(bab IV)…
a.            Docx
b.            Psd
c.             Jpg
d.            –
31.          apa yang dimaksud multimedia pada halaman web..
a.            suatu link yang ada pada halaman web
b.            elemen informasi yang berupa gambar, suara , video, teks yang ada pada halaman web
c.             informasi didalam halaman web
d.            iklan yang ada pada halaman web
32.          apa fungsi dari tag href…
a.            mendonwload gambar
b.            memberikan pilihan true/false
c.             mendengarkan musik
d.            untuk menuju alamat web yang tertulis

33.          Yang bukan termasuk dalam bahasa pemrograman untuk merancang server side scripting adalah…..(bab xi)
a.            ASP
b.            PHP
c.             Phyton
d.            Perl
e.            HTML
34.          Yang bukan termasuk dalam bahasa pemrograman yang didukung oleh Notepadd++ adalah….(bab ii)
a.            Actionscript
b.            ASP
c.             Assembler
d.            C++
e.            Java


1.       Jelaskan fungsi entri checkbox button dan buatlah tag nya !
Entri checkbox adalah memilih beberapa pilihan (lebih dari satu) dari pilihan yang di sediakan .
Tag :
<input type=”checkbox” name=” “value=” “>
2.       Sebutkan yang termasuk dalam elemen-elemen halaman web!
3.       Sebuah website dapat di kategorikan sebagai web interaktif apabila?
4.       Uraikan pengertian dari server side scripting?
5.       Tuliskan kode program HTML dalam membuat tabel di gambar ini!
6.        
7.       Uraikan pengertian dari fungsi utama server atau web server!
8.       Berikan contoh pemograman serve side scripting!
9.