PENILAIAN AKHIR SEMESTER BERBASIS KOMPUTER (PASBK) GANJIL

TAHUN PELAJARAN 2020 / 2021

Materi Pelajaran : ANDROID Kelas : XI / Sebelas

Hari / Tgl : Sesuai Jadwal Program : RPL
Nama Guru : Syahidah Humairoh, S.Pd. Waktu : 90 Menit

PETUNJUK UMUM
1. Tulis dengan jelas identitas anda pada lembar jawaban
2. Periksa dan bacalah soal-soal dengan teliti sebelum menjawab soal
3. Dahulukan soal-soal yang dianggap mudah
4. Kerjakan pada lembar jawab yang disediakan
5. Bentuk soal Pilihan Ganda dan Essay
6. Periksalah jawaban sebelum diserahkan kepada pengawas Penilaian Akhir Semester Ganjil
Berbasis Komputer
7. Percaya diri dengan hasil kerja sendiri.

A. Pilihlah pada salah satu huruf A, B, C, D atau E pada lembar jawaban yang telah
disediakan !

1. Perhatikan sintaks berikut !

npm install -get create-react-native-app
Pada sintaks tersebut terdapat kesalahan, dimanakah letak kesalahan yang akan
menyebabkan kegagalan installasi….
A npm seharusnya menjadi nmp
B instal seharusnya menjadi install
C -get seharusnya menjadi go
D create-react-native-app seharusnya menjadi create react native app
E -get seharusnya menjadi -g
2. Pada program apakah dapat kita jalankan sintaks untuk menginstalasi react native .…
A React native
B Command prompt / terminal
C Notepad++
D Chrome
E appInstaller
3. Dalam penggunaan sintaks npm, dibutuhkan aplikasi yang harus dipasang terlebih dahulu.
Aplikasi tersebut adalah….
A Expo
B ReactJs
C Node Js

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 1
 D Composer
E Brew
4. create-react-native-app buatgame
Berdasarkan sintaks tersebut, untuk masuk ke dalam project yang telah dibuat adalah dengan
menggunakan sintaks….
A cd buatgame
B Dir buatgame
C Buatgame :
D Buatgame//
E Start Buatgame
5. Diantara komponen berikut yang memiliki fungsi yang sama dengan <p> pada Bahasa
HTML adalah….
A View
B Text
C State
D TextInput
E Stylesheet
6. Diantara komponen berikut yang memiliki fungsi yang sama dengan <input type=”text”>
pada Bahasa HTML adalah….
A View
B Text
C State
D TextInput
E Stylesheet

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 2
 7. Cara mengimpor komponen View pada react native adalah….
A import View
B #import { View } from 'react’
C import { View } from 'react-native'
D import * from 'react'
E #import <view> from 'react-native'
8. Pada android studio terdapat pengaturan layout seperti relative layout, Linear layout, dll.
Pada react native untuk membentuk segala tampilan tersebut dapat dilakukan dengan
menggunakan sebuah komponen yaitu….
A View
B Text
C State
D TextInput
E Stylesheet
9. Pehatikan kode berikut ini!
this.state = {x:2, y:6};
Kode untuk menampilkan hasil perkalian x dan y di dalam sebuah komponen yaitu text
adalah….
A state.x*state.y
B this.state.x*this.state.y
C {x*y}
D x*y
E {this.state.x*this.state.y}

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 3
 10. Perhatikan script berikut ini !
export default class App extends React.Component {
state = {
myState: 'hi'}
updateState = () => this.setState({ myState: 'Hello' })
render() {
return (
<View style={{margin:100}}>
<Text onPress = {this.updateState}>
{this.state.myState}
</Text>
</View>
);
}
}
Output apa yang akan tampil…..
A hi
B Hello
C state
D myState
E updateState

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 4
 11. Perhatikan script berikut ini !
export default class App extends React.Component {
state = {
myState: 'hi'}
updateState = () => this.setState({ myState: 'Hello' })
render() {
return (
<View style={{margin:100}}>
<Text onPress = {this.updateState}>
{this.state.myState}
</Text>
</View>
);
}
}
Output apa yang akan tampil setelah tulisan di tap…..
A hi
B Hello
C state
D myState
E updateState

12. Perhatikan script berikut !

<View
<Text>
RPL PRESTASI PRIMA
</Text>
</View>
Untuk memberikan warna pada tulisan tersebut, atribut yang harus digunakan adalah….
A Text
B Style
C View
D React
E Component
13. Perhatikan script berikut !
<View
<Text>
RPL PRESTASI PRIMA
</Text>

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 5
 </View>
Untuk memberikan warna orange pada tulisan tersebut, script yang harus dituliskan
adalah….
A style={{color:’orange’}}
B text={{color:’orange’}}
C view={{color:’orange’}}
D react={{color:’orange’}}
E component={{color:’orange’}}
14. Perhatikan gambaer berikut ini !

Pada gambar tersebut terdapat pesan error, dengan cara apakah error tersebut dapat di atasi
….(HOTS)
A import { Text } from "react-native";
B import { Text } from "react ";
C import React, { Component } from "react";
D import React, { Text } from "react";
E import Text, { Component } from "react";
15. Untuk memasukkan gambar dari folder local dapat dilakukan dengan menggunakan script
yaitu….(HOTS)
A <Image style={styles.row} source={ uri('./img/logogojek.png')}/>
B <img style={styles.row} src={ require('./img/logogojek.png')}/>
C <img style={styles.row} source={ require('./img/logogojek.png')}/>
D <Image style={styles.row} source={ require('./img/logogojek.png')}/>
E <Image style={styles.row} src={ require('./img/logogojek.png')}/>
16. Script yang digunakan untuk mendapatkan ukuran lebar suatu device saat aplikasi dijalankan
adalah dengan menggunakan elemen….
A Dimension
B Window
C Height
D Var
E Lebar
17. Untuk membuat tampilan tersusun seperti gambar berikut adalah dengan menggunakan….

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 6
 A Flexbox
B Row
C Column
D Text
E Var
18.

Untuk membuat tampilan tersebut, dibutuhkan sedikitnya dua element yaitu….( HOTS)
A ScrollView dan View
B Flatlist dan Grid
C Picker dan Switch
D Text dan Image
E View dan Text
19.

Untuk membuat tombol go home seperti pada gambar, dilakukan dengan menggunakan
elemen…(HOTS)
A Button
B Flatlist
C Picker
D Switch
E Flex
20. Untuk membuat tampilan memiliki proporsi seperti pada gambar script apakah yang
digunakan….

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 7
 A <View style={{flex: 1}} />
<View style={{flex: 2}} />
<View style={{flex: 3}} />
B <View style={{flex: 3}} />
<View style={{flex: 2}} />
<View style={{flex: 1}} />
C <View style={{flex: 1}} />
<View style={{flex: 1}} />
<View style={{flex: 1}} />
D <View style={{flex: 2}} />
<View style={{flex: 2}} />
<View style={{flex: 2}} />
E <View style={{flex: 3}} />
<View style={{flex: 3}} />
<View style={{flex: 3}} />
21. Untuk membuat tampilan memiliki susunan seperti pada gambar script apakah yang
digunakan….

A <View style={{flexDirection: 'column'}}>

B <View style={{flexDirection: ‘row’}}>
C <View style={{Direction: 'column'}}>

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 8
 D <View style={{Direction: ‘row’}}>
E <View style={{flex-Direction: 'column'}}>

22. Untuk membuat tampilan memiliki susunan seperti pada gambar script apakah yang
digunakan….

A <View style={{flexDirection: 'column-reverse'}}>

B <View style={{flexDirection: ‘row-reverse’}}>
C <View style={{Direction: 'column-reverse '}}>
D <View style={{Direction: ‘row-reverse’}}>
E <View style={{flex-Direction: 'column-reverse '}}>
23. Untuk membuat tampilan memiliki susunan seperti pada gambar posisi apakah yang
digunakan….

A Absolute
B Scroll
C Top
D Relative
E Center

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 9
 24.

Untuk membuat menu home orders chat inbox dan account, maka dapat menggunakan….
A createBottomTabNavigator
B CreateTab
C MakeTabBar
D CreateTabNavigator
E CreateTabBar
25.

Elemen yang digunakan untuk membuat tampilan daftar menu seperti pada gambar adalah
dengan cara menggunakan….(HOTS)
A ScrollView
B Flatlist
C Picker

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 10
 D Switch
E TouchableHighlight
26. Maksud dari skrip berikut adalah… (HOTS)
this.state = {y:60, z:76};
A Menetapkan keadaan y adalah 76 dan z adalah 76
B Menetapkan keadaan y adalah 60 dan z adalah 16
C Menetapkan keadaan y adalah 60 dan z adalah 76
D Menetapkan keadaan y adalah 16 dan z adalah 16
E Menetapkan keadaan y adalah 60+16 dan z adalah 60+76

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 11
 27. Maksud dari skrip berikut adalah…
this.setState({valx : this.state.valx+2}); (HOTS)
A Menetapkan keadaan nilai valx bertambah 2
B Menetapkan keadaan nilai valx dikali 2
C Menetapkan keadaan nilai valx berkurang 2
D Menetapkan keadaan nilai valx bertambah 2 kali lipat
E Menetapkan keadaan nilai valx pangkat 2
28. Maksud dari skrip berikut adalah…
this.setState({valy : this.state.valy-20}); (HOTS)
A Menetapkan keadaan nilai valx bertambah 20
B Menetapkan keadaan nilai valx dikali 20
C Menetapkan keadaan nilai valx berkurang 20
D Menetapkan keadaan nilai valx bertambah 20 kali lipat
E Menetapkan keadaan nilai valx pangkat 20
29. Maksud dari skrip berikut adalah…
setInterval(() => {your state},15000); (HOTS)
A Menetapkan waktu selama 15 jam
B Menetapkan waktu selama 15 detik
C Menetapkan waktu selama 150 jam
D Menetapkan waktu selama 30 detik
E Menetapkan waktu setiap 90 jam
30. Maksud dari skrip berikut adalah…
var width = Dimensions.get(height).width; (HOTS)
A Mengambil nilai ukuran lebar layar perangkat
B Menetapkan nilai ukuran lebar layar perangkat
C Mengganti nilai ukuran lebar layar perangkat
D Mengambil nilai ukuran tinggi layar perangkat
E Menetapkan nilai ukuran tinggi layar perangkat

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 12
 31. const styles = StyleSheet.create({
youandme: {
backroundColor: “#AFAFAF”
}
});
Bagaimanakah cara menggunakan style tersebut di dalam elemen View (HOTS)
A <View style={styles. youandme }>
B <View style={ youandme }>
C View style={styles }>
D <View styles={style. youandme }>
E View style={ youandme.styles }>
32. export default RainyCheck;
Maksud dari program tersebut adalah…
A Memasukkan komponen RainyCheck agar dapat dikirim
B Menghapus jejak komponen RainyCheck agar tidak dapat digunakan modul lainnya
C Mendaftarkan komponen RainyCheck
D Mengubah komponen RainyCheck
E Mengekspos komponen RainyCheck agar dapat digunakan modul lainnya
33. Untuk menjalankan project di dalam web browser adalah dengan menggunakan perintah
yaitu.…
A open-react
B cd
C npm start
D Expo build
E run

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 13
 34.

Untuk membuat select option seperti pada gambar dapat dilakukan dengan menggunakan
elemen….
A ScrollView
B Flatlist
C Picker
D Switch
E TouchableHighlight

35. <Text style={{ color : #ff0000, fontSize : 20 }}>YAY</Text>

Hasil yang di tampilkan pada text tersebut adalah….(HOTS)
A Tulisan YAY berwarna putih berukuran 20
B Tulisan YAY berwarna biru berukuran 20
C Tulisan YAY berwarna merah berukuran 20
D Tulisan YAY berwarna hijau berukuran 20
E Tulisan YAY berwarna hitam berukuran 20

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 14
 36. <Image style={styles.row} source={ require('./img/grab.png')}/>
Apakah maksud dari script tersebut….(HOTS)
A Menampilkan image yang memiliki style row dan source file berada di folder img
bernama file grab.png
B Menampilkan image yang memiliki style berukuran 200 x 100
C Menampilkan logo grab yang memiliki warna hijau
D Menampilkan image yang memiliki grab.png
E Menampilkan image yang memiliki style row dan source file berada di folder grab.png
37. Dependencies yang harus di import agar dapat berpindah dari satu tampilan ke tampilan lain
adalah….(HOTS)
A React-Move
B React-Touchable
C React-Highlight
D React-Button
E React-Navigation
38.

Pada react native, tampilan seperti pada gambar tersebut dapat di buat dengan menggunakan
element….(HOTS)
A ScrollView
B Flatlist
C Picker
D Switch
E TouchableHighlight
39. Untuk membuat sebuah gambar dapat di klik maka kita harus mengapit gambar tersebut
didalam elemen….(HOTS)
A ScrollView
B Flatlist
C Picker
D Switch
E TouchableHighlight

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 15
 40. Untuk membuat sebuah screen device pada aplikasi dapat di gulir adalah dengan
menggunakan… (HOTS)
A ScrollView
B Flatlist
C Picker
D Switch
E TouchableHighlight

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 16
B. ESSAY

41. Untuk membuat tampilan yang berisi gambar yang dapat di klik dan beberapa
tulisan, maka tuliskanlah script yang digunakan untuk mengimpor …. (HOTS)
42. Tuliskanlah script agar sebuah gambar dapat di klik! (HOTS)
43.

Buatlah script untuk membuat tampilan seperti pada gambar…. (HOTS)

44. Buatlah sebuah stylesheet untuk membuat sebuah gambar berukuran setinggi
setengah dari device ! (HOTS)
45. Tuliskanlah script untuk menampilkan gambar dari sumber yaitu
www.smkprestasiprima.com/lomba.jpg ! (HOTS)

--- Selamat mengerjakan ---

Naskah Soal Penilaian Akhir Semester Berbasis Komputer (PASBK) Ganjil 2020/2021 | smkprestasiprima.sch.id 17