Kelas X – Rekayasa Perangkat Lunak
1. Vocabulary
| English | Indonesian |
|---|---|
| Algorithm | Algoritma |
| Logic | Logika |
| Pseudocode | Pseudocode / Pseudokode |
| Flowchart | Diagram alir |
| Data Type | Tipe data |
| Integer | Bilangan bulat |
| String | Teks |
| Boolean | Nilai benar/salah |
| Variable | Variabel |
| Condition | Kondisi |
| Loop | Perulangan |
| Control Structure | Struktur kontrol |
| Input | Masukan |
| Output | Keluaran |
| Programming Language | Bahasa pemrograman |
| Compile | Kompilasi |
| Execute / Run | Menjalankan |
| Syntax | Sintaks |
| Error | Kesalahan |
| Debug | Men-debug / memperbaiki kesalahan |
2. Useful Expressions
-
I want to understand how algorithms work.
Saya ingin memahami bagaimana algoritma bekerja. -
Can you explain this logic?
Bisakah kamu menjelaskan logika ini? -
Let’s write the pseudocode first.
Mari kita tulis pseudocodenya dulu. -
What data type should we use?
Harus menggunakan tipe data apa? -
This program has a syntax error.
Program ini memiliki kesalahan sintaks. -
We need a condition for this control structure.
Kita membutuhkan kondisi untuk struktur kontrol ini. -
Try using a loop to simplify the code.
Coba gunakan perulangan untuk menyederhanakan kode. -
The output is not correct.
Keluaran programnya tidak benar. -
Let’s debug the code together.
Mari kita debug kodenya bersama-sama. -
This is my first time learning Python.
Ini pertama kali saya belajar Python.
A: What is an algorithm?
Apa itu algoritma?
B: An algorithm is a step-by-step procedure to solve a problem.
Algoritma adalah langkah-langkah sistematis untuk menyelesaikan sebuah masalah.
A: So algorithms are the foundation of programming?
Jadi algoritma adalah dasar dari pemrograman?
B: Yes. Before writing code, we must understand the logic and steps clearly.
Ya. Sebelum menulis kode, kita harus memahami logika dan langkah-langkahnya dengan jelas.
A: What data type should I use for age?
Tipe data apa yang harus saya gunakan untuk umur?
B: You should use an integer because age is a whole number.
Kamu harus menggunakan integer karena umur berupa angka bulat.
A: What about a person’s name?
Kalau nama seseorang?
B: That should be a string.
Itu harus menggunakan string.
A: I want to make a program that checks if a number is positive.
Saya ingin membuat program yang mengecek apakah angka positif.
B: Then you can use an if statement.
Maka kamu bisa menggunakan pernyataan if.
A: What if I want to print numbers 1 to 10?
Kalau saya ingin mencetak angka 1 sampai 10?
B: Use a loop, such as for loop.
Gunakan perulangan, seperti for loop.
A: Which language should I learn first, Python or Java?
Saya harus belajar bahasa apa dulu, Python atau Java?
B: Python is easier for beginners because the syntax is simple.
Python lebih mudah untuk pemula karena sintaksnya sederhana.
A: And Java?
Lalu Java?
B: Java is powerful and used for big applications.
Java kuat dan digunakan untuk aplikasi besar.
5. 20 Multiple-Choice Questions
A. Loop
B. Integer
C. Print
A. The physical hardware of a computer
B. A step-by-step solution to a problem
C. A type of programming language
A. loop
B. if
C. var
A. Stopping a program
B. Repeating instructions
C. Deleting data
A. 1value
B. total_number
C. total-number
6. What is the output of: print(5 + 3 * 2)? Apa output dari kode: print(5 + 3 * 2)?
A. 16
B. 11
C. 10
A. +
B. *
C. ==
A. print()
B. echo()
C. System.out.println()
A. "Hello"
B. 10
C. 5.6
A. Decoration
B. To define code blocks
C. To add color
A. Loop
B. Conditional
C. Array
A. for
B. while
C. switch
A. Data keluar
B. Data masuk
C. Data hilang
14. Which is an arithmetic operator?Manakah operator aritmatika?
A. &&
B. ||
C. +
A. A graphic design
B. Code written in natural language
C. A real programming language
A. Assign value
B. Compare equality
C. Stop program
A. "Yes"
B. 100
C. False
A. Assembly
B. Python
C. Machine Code
A. Hanya angka
B. Hanya huruf
C. Data
A. if condition then:
B. if (condition)
C. if condition:
✔️ Jawaban (Answer Key)
1-B
2-B
3-B
4-B
5-B
6-B
7-C
8-C
9-A
10-B
11-B
12-B
13-B
14-C
15-B
16-B
17-C
18-B
19-C
20-C
4. 20 Question & Answer
A: I want to create a simple program that asks for a name and then prints it.
Saya ingin membuat program sederhana yang meminta nama lalu menampilkannya.
B: You can use Python for that. It’s perfect for beginners.
Kamu bisa menggunakan Python. Sangat cocok untuk pemula.
A: What code should I write?
Kode apa yang harus saya tulis?
B: name = input (Enter your name:) print ("Hello, " + name)
B: This asks the user for input and then prints the output.
Kode ini meminta input dari pengguna lalu menampilkan hasilnya.
A: That’s simple and easy to understand!
Itu sederhana dan mudah dipahami!
B: Yes. Once you master input, output, variables, and data types, you can learn algorithms and control structures.
Ya. Setelah kamu menguasai input, output, variabel, dan tipe data, kamu bisa mempelajari algoritma dan struktur kontrol.
1. Vocabulary
| English | Indonesian |
|---|---|
| Algorithm | Algoritma |
| Data Structure | Struktur data |
| DFD (Data Flow Diagram) | Diagram Aliran Data |
| Flow | Aliran |
| Process | Proses |
| Data Store | Penyimpanan data |
| External Entity | Entitas luar |
| Queue | Antrian |
| Stack | Tumpukan |
| Array | Larik |
| Linked List | Daftar berantai |
| Node | Node / simpul |
| Searching | Pencarian |
| Sorting | Pengurutan |
| Complexity | Kompleksitas |
| Efficiency | Efisiensi |
| Input Process Output | Masukan Proses Keluaran |
| Operation | Operasi |
| Insert | Tambah |
| Delete | Hapus |
2. Useful Expressions
-
This algorithm looks complicated.
Algoritma ini terlihat rumit. -
Can you explain how the data flows?
Bisa jelaskan bagaimana aliran datanya? -
Let’s draw the DFD diagram first.
Mari kita gambar diagram DFD terlebih dahulu. -
What data structure should we choose?
Struktur data apa yang harus kita pilih? -
Arrays are simple but limited.
Array itu sederhana tetapi terbatas. -
Stacks use the Last In First Out concept.
Stack menggunakan konsep Masuk Terakhir Keluar Pertama. -
We need an efficient algorithm.
Kita membutuhkan algoritma yang efisien. -
This sorting method is too slow.
Metode pengurutan ini terlalu lambat. -
Let’s analyze its complexity.
Mari kita analisis kompleksitasnya. -
DFD helps us understand the system flow.
DFD membantu kita memahami alur sistem.
A: What makes a good algorithm?
Apa yang membuat sebuah algoritma menjadi baik?
B: A good algorithm must be clear, correct, and efficient.
Algoritma yang baik harus jelas, benar, dan efisien.
A: What do you mean by efficient?
Maksud kamu efisien itu bagaimana?
B: It means the algorithm uses minimum time and memory.
Artinya algoritma menggunakan waktu dan memori seminimal mungkin.
A: What is a DFD used for?
DFD digunakan untuk apa?
B: DFD shows how data moves through the system.
DFD menunjukkan bagaimana data mengalir di dalam sistem.
A: What are the main components?
Apa saja komponen utamanya?
B: Processes, data stores, data flows, and external entities.
Proses, penyimpanan data, aliran data, dan entitas luar.
A: Which data structure should I use to store a list of names?
Struktur data apa yang harus saya gunakan untuk menyimpan daftar nama?
B: You can use an array if the size is fixed.
Kamu bisa menggunakan array jika ukurannya tetap.
A: What if the size changes?
Kalau ukurannya berubah-ubah?
B: Then you should use a linked list.
Maka kamu harus menggunakan linked list.
A: What’s the difference between a stack and a queue?
Apa perbedaan stack dan queue?
B: A stack uses LIFO, while a queue uses FIFO.
Stack menggunakan LIFO, sedangkan queue menggunakan FIFO.
A: Which one is used for undo features?
Yang mana digunakan untuk fitur undo?
B: Stack.
Stack.
(Algoritma adalah…)
A. A random set of steps
B. A clear sequence of steps to solve a problem
C. Hardware component
D. A file format
Answer: B
2. Which of the following is a linear data structure?
(Manakah yang termasuk struktur data linear?)
A. Tree
B. Graph
C. Array
D. Hash Table
Answer: C
3. The process of tracing an algorithm step-by-step is called…
(Proses menelusuri algoritma langkah demi langkah disebut…)
A. Debugging
B. Dry run
C. Compilation
D. Sorting
Answer: B
4. DFD stands for…
(DFD merupakan singkatan dari…)
A. Data Flow Diagram
B. Digital Function Design
C. Data Figure Document
D. Data File Definition
Answer: A
5. The basic operation for accessing an array element is…
(Operasi dasar untuk mengakses elemen array adalah…)
A. Search
B. Indexing
C. Sorting
D. Iteration
Answer: B
6. Which structure follows FIFO?
(Struktur yang mengikuti prinsip FIFO?)
A. Stack
B. Queue
C. Tree
D. Graph
Answer: B
7. Which structure follows LIFO?
(Struktur yang mengikuti prinsip LIFO?)
A. Queue
B. Array
C. Stack
D. Linked List
Answer: C
8. Bubble sort works by…
(Bubble sort bekerja dengan…)
A. Dividing array into two
B. Repeatedly swapping adjacent elements
C. Using binary search
D. Counting elements
Answer: B
9. The smallest unit in a linked list is called…
(Unit terkecil dalam linked list disebut…)
A. Block
B. Cell
C. Node
D. Entry
Answer: C
10. Which of the following is a non-linear data structure?
(Manakah struktur data non-linear?)
A. Queue
B. Linked List
C. Stack
D. Tree
Answer: D
11. Searching in a sorted dataset is most efficient using…
(Mencari pada data terurut paling efisien menggunakan…)
A. Linear search
B. Exhaustive search
C. Binary search
D. Random search
Answer: C
12. Time complexity of Binary Search is…
(Kompleksitas waktu Binary Search adalah…)
A. O(n)
B. O(log n)
C. O(n²)
D. O(1)
Answer: B
13. In a DFD, data flow is represented using…
(Di DFD, aliran data direpresentasikan dengan…)
A. Circle
B. Arrow
C. Square
D. Triangle
Answer: B
14. A function that calls itself is known as…
(Fungsi yang memanggil dirinya disebut…)
A. Loop
B. Recursion
C. Repetition
D. Backtracking
Answer: B
15. Which sorting method is the fastest in average cases?
(Metode sorting tercepat dalam kasus rata-rata?)
A. Bubble sort
B. Selection sort
C. Quick sort
D. Insertion sort
Answer: C
16. What is the root node?
(Apa itu root node?)
A. Node paling bawah
B. Node tanpa parent
C. Node tanpa child
D. Node terakhir
Answer: B
17. The best data structure to implement undo/redo is…
(Struktur data terbaik untuk fitur undo/redo?)
A. Queue
B. Stack
C. Hash Map
D. Array
Answer: B
18. Which data structure is best for hierarchical data?
(Struktur data terbaik untuk data hierarki?)
A. Array
B. Tree
C. Stack
D. Queue
Answer: B
19. An algorithm’s efficiency is measured by…
(Efisiensi algoritma diukur oleh…)
A. Time and space complexity
B. Design of interface
C. File size
D. Hardware type
Answer: A
20. In DFD, external entities are drawn as…
(Di DFD, entitas eksternal digambarkan sebagai…)
A. Circle
B. Arrow
C. Rectangle
D. Diamond
Answer: C
4. 20 Question & Answer.
-
Q: What is an algorithm?
A: A step-by-step procedure for solving a problem.
Q: Apa itu algoritma?
A: Langkah-langkah sistematis untuk menyelesaikan masalah. -
Q: What is a node in a linked list?
A: A single element containing data and a pointer.
Q: Apa itu node pada linked list?
A: Elemen yang berisi data dan pointer. -
Q: What is a queue?
A: A structure that uses FIFO.
Q: Apa itu queue?
A: Struktur yang menggunakan FIFO. -
Q: What is a stack?
A: A structure that uses LIFO.
Q: Apa itu stack?
A: Struktur yang menggunakan LIFO. -
Q: What is sorting?
A: Arranging data in order.
Q: Apa itu sorting?
A: Mengurutkan data. -
Q: What is searching?
A: Finding a specific data element.
Q: Apa itu searching?
A: Mencari elemen data tertentu. -
Q: What is flow in DFD?
A: Movement of data.
Q: Apa itu flow dalam DFD?
A: Pergerakan data. -
Q: What is a process in DFD?
A: A transformation of data.
Q: Apa itu proses dalam DFD?
A: Transformasi data. -
Q: What is a data store?
A: A place where data is stored.
Q: Apa itu data store?
A: Tempat menyimpan data. -
Q: Which structure is good for dynamic data?
A: Linked list.
Q: Struktur apa yang cocok untuk data dinamis?
A: Linked list. -
Q: Which structure is used for recursion?
A: Stack.
Q: Struktur apa yang digunakan untuk rekursi?
A: Stack. -
Q: Is DFD used for coding?
A: No, it's used for system analysis.
Q: Apakah DFD digunakan untuk coding?
A: Tidak, DFD digunakan untuk analisis sistem. -
Q: What is algorithm complexity?
A: A measure of efficiency.
Q: Apa itu kompleksitas algoritma?
A: Ukuran efisiensi. -
Q: What is an array index?
A: The position of an element.
Q: Apa itu indeks array?
A: Posisi sebuah elemen. -
Q: Can arrays store different data types?
A: Usually no, they store the same type.
Q: Apakah array bisa menyimpan tipe data berbeda?
A: Biasanya tidak. -
Q: What is a linked list good for?
A: Fast insertion and deletion.
Q: Linked list baik untuk apa?
A: Penambahan dan penghapusan cepat. -
Q: Why do we need data structures?
A: To manage data efficiently.
Q: Mengapa kita membutuhkan struktur data?
A: Untuk mengelola data dengan efisien.
A: I’m trying to design a simple system for student registration.
Saya sedang mencoba membuat sistem sederhana untuk pendaftaran siswa.
B: Then you should start by creating a DFD.
Maka kamu harus memulai dengan membuat DFD.
A: What should be the first step?
Apa langkah pertama yang harus saya lakukan?
B: Identify the external entities, such as “Student” and “Admin”.
Identifikasi entitas luar, seperti “Siswa” dan “Admin”.
A: Then I draw the processes?
Lalu saya menggambar prosesnya?
B: Yes. For example, “Input Data”, “Save Data”, and “Verify Data”.
Ya. Misalnya “Input Data”, “Simpan Data”, dan “Verifikasi Data”.
A: What about storing the student list?
Bagaimana dengan menyimpan daftar siswa?
B: You need to choose a data structure.
Kamu perlu memilih struktur data.
A: Which one is better, array or linked list?
Mana yang lebih baik, array atau linked list?
B: Use a linked list if the number of students can grow dynamically.
Gunakan linked list jika jumlah siswa bisa bertambah secara dinamis.
A: I understand now. DFD for system flow, data structure for storing data.
Saya mengerti sekarang. DFD untuk alur sistem, struktur data untuk menyimpan data.
B: Exactly!
Tepat sekali!
1. Vocabulary
| English | Indonesian |
|---|---|
| Hardware | Perangkat keras |
| Software | Perangkat lunak |
| Input Device | Perangkat masukan |
| Output Device | Perangkat keluaran |
| CPU (Central Processing Unit) | Unit Pemroses Pusat |
| Memory / RAM | Memori / RAM |
| Storage | Penyimpanan |
| Binary System | Sistem biner |
| Decimal System | Sistem desimal |
| Hexadecimal System | Sistem heksadesimal |
| Network | Jaringan |
| Topology | Topologi |
| Bus Topology | Topologi Bus |
| Star Topology | Topologi Bintang |
| Ring Topology | Topologi Cincin |
| Cable | Kabel |
| UTP Cable | Kabel UTP |
| Crimping | Crimping / penjepitan konektor |
| Connector (RJ-45) | Konektor RJ-45 |
| IP Address | Alamat IP |
2. Useful Expressions
-
I want to understand how the computer hardware works.
Saya ingin memahami bagaimana perangkat keras komputer bekerja. -
Can you explain the binary number system?
Bisakah kamu menjelaskan sistem bilangan biner? -
This device is used for input.
Perangkat ini digunakan untuk input. -
We need to create a network using star topology.
Kita perlu membuat jaringan menggunakan topologi bintang. -
Please check the UTP cable connection.
Tolong periksa sambungan kabel UTP-nya. -
How do I calculate binary to decimal?
Bagaimana cara menghitung dari biner ke desimal? -
This computer needs more RAM.
Komputer ini membutuhkan lebih banyak RAM. -
Let’s crimp the RJ-45 connector.
Mari kita crimp konektor RJ-45. -
The IP address must be configured correctly.
Alamat IP harus dikonfigurasi dengan benar. -
Networking is important for communication between devices.
Jaringan penting untuk komunikasi antar perangkat.
A: What are the main components of a computer?
Apa saja komponen utama komputer?
B: CPU, RAM, storage, input devices, and output devices.
CPU, RAM, penyimpanan, perangkat input, dan perangkat output.
A: What is the function of the CPU?
Apa fungsi CPU?
B: It processes all instructions from hardware and software.
CPU memproses semua instruksi dari hardware dan software.
A: Why do computers use the binary system?
Mengapa komputer menggunakan sistem biner?
B: Because computers process electrical signals in the form of 1s and 0s.
Karena komputer memproses sinyal listrik dalam bentuk 1 dan 0.
A: How can I convert binary to decimal?
Bagaimana cara mengubah biner ke desimal?
B: Multiply each digit by powers of 2 and add them up.
Kalikan setiap digit dengan pangkat 2 lalu jumlahkan.
A: What is a star topology?
Apa itu topologi bintang?
B: It’s a network where all computers connect to a central device.
Jaringan di mana semua komputer terhubung ke perangkat pusat.
A: What about bus topology?
Kalau topologi bus?
B: All devices share one main cable.
Semua perangkat berbagi satu kabel utama.
A: What tools do we need to create a UTP cable?
Alat apa yang kita butuhkan untuk membuat kabel UTP?
B: A UTP cable, RJ-45 connectors, and a crimping tool.
Kabel UTP, konektor RJ-45, dan tang crimping.
A: Should we follow T568A or T568B?
Kita harus mengikuti T568A atau T568B?
B: Use T568B. It is the most common standard.
Gunakan T568B. Itu standar yang paling umum.
20 Multiple-Choice Questions (MCQ)
(1. Which device is considered the “brain” of the computer?Perangkat apa yang dianggap sebagai “otak” komputer?
A. RAM
B. CPU
C. Hard disk
D. Monitor
2. Which of the following is an example of output device?Manakah berikut ini contoh perangkat output?
A. Keyboard
B. Mouse
C. Printer
D. Scanner
A. Menyimpan data permanen
B. Memproses grafik
C. Menyimpan data sementara saat program berjalan
D. Mendinginkan CPU
4. Binary number 1010 in decimal is…Bilangan biner 1010 dalam desimal adalah…
A. 5
B. 10
C. 12
D. 14
A. CPU
B. Operating System
C. RAM
D. Motherboard
A. Switch
B. CPU
C. Projector
D. Hard disk
A. Star
B. Ring
C. Bus
D. Mesh
A. HDMI
B. Fiber Optic
C. UTP / RJ-45
D. VGA
A. Class A
B. Class B
C. Class C
D. Class D
A. Large Area Network
B. Local Area Network
C. Line Access Network
D. Logical Area Node
A. Router
B. Switch
C. Modem
D. Repeater
A. RAM
B. Cache
C. Hard Drive / SSD
D. Register
A. Binary
B. Decimal
C. Hexadecimal
D. Octal
A. Menyimpan file
B. Menghubungkan semua komponen komputer
C. Menampilkan gambar ke layar
D. Mengatur suhu komputer
A. Hub
B. Access Point
C. Switch
D. Repeater
A. Star
B. Ring
C. Mesh
D. Bus
A. Fiber cables
B. Wireless antenna
C. UTP cables
D. Satellite cables
A. Internet Port
B. Internal Process
C. Internet Protocol
D. International Packet
A. Router
B. Switch
C. Modem
D. Access Point
A. Menyimpan konfigurasi jaringan
B. Memperkuat sinyal jaringan
C. Memberikan alamat IP
1-B
2-C
3-C
4-B
5-B
6-A
7-B
8-C
9-A
10-B
11-C
12-C
13-C
14-B
15-B
16-C
17-C
18-C
19-A
20-B
4. 20 Question & Answer
-
Q: What is hardware?
A: Physical components of a computer.
Q: Apa itu hardware?
A: Komponen fisik komputer. -
Q: What is software?
A: Programs that run on a computer.
Q: Apa itu software?
A: Program yang berjalan di komputer. -
Q: What is the brain of the computer?
A: The CPU.
Q: Apa otak komputer?
A: CPU. -
Q: What is RAM used for?
A: Temporary memory.
Q: RAM digunakan untuk apa?
A: Memori sementara. -
Q: What is the binary system?
A: A number system using 0 and 1.
Q: Apa itu sistem biner?
A: Sistem bilangan yang menggunakan 0 dan 1. -
Q: How many digits does the decimal system have?
A: Ten digits (0–9).
Q: Ada berapa digit pada sistem desimal?
A: Sepuluh digit (0–9). -
Q: What is hexadecimal?
A: A number system using base 16.
Q: Apa itu heksadesimal?
A: Sistem bilangan berbasis 16. -
Q: What is a network?
A: A group of connected devices.
Q: Apa itu jaringan?
A: Sekumpulan perangkat yang saling terhubung. -
Q: What is topology?
A: The layout of a network.
Q: Apa itu topologi?
A: Tata letak jaringan. -
Q: Name one network topology.
A: Star topology.
Q: Sebutkan satu topologi jaringan.
A: Topologi bintang. -
Q: What cable is commonly used in LAN?
A: UTP cable.
Q: Kabel apa yang umum digunakan pada LAN?
A: Kabel UTP. -
Q: What connector is used with UTP cable?
A: RJ-45.
Q: Konektor apa yang digunakan dengan kabel UTP?
A: RJ-45. -
Q: What tool is used to attach RJ-45?
A: Crimping tool.
Q: Alat apa yang digunakan untuk memasang RJ-45?
A: Tang crimping. -
Q: Which topology uses a central switch?
A: Star topology.
Q: Topologi mana yang menggunakan switch pusat?
A: Topologi bintang. -
Q: Which topology uses a single backbone cable?
A: Bus topology.
Q: Topologi mana yang menggunakan kabel utama?
A: Topologi bus. -
Q: What is an IP address?
A: A unique address for a device in a network.
Q: Apa itu alamat IP?
A: Alamat unik pada sebuah perangkat di jaringan. -
Q: What is storage?
A: A place where data is saved.
Q: Apa itu storage?
A: Tempat penyimpanan data. -
Q: What is an input device?
A: A device used to enter data.
Q: Apa itu perangkat input?
A: Perangkat untuk memasukkan data. -
Q: What is an output device?
A: A device that displays results.
Q: Apa itu perangkat output?
A: Perangkat yang menampilkan hasil. -
Q: Why do we need networking?
A: To share data and communicate.
Q: Mengapa kita membutuhkan jaringan?
A: Untuk berbagi data dan berkomunikasi.
5. BONUS DIALOGUe
“Setting Up a Simple Network”
A: I want to build a small network for the computer lab.
A: Saya ingin membuat jaringan kecil untuk laboratorium komputer.
B: First, decide the topology.
B: Pertama, tentukan topologinya.
A: I think star topology is better.
A: Saya pikir topologi bintang lebih baik.
B: Yes, it’s stable and easy to manage.
B: Ya, itu stabil dan mudah dikelola.
A: What cables should I prepare?
A: Kabel apa yang harus saya siapkan?
B: UTP cables with RJ-45 connectors.
B: Kabel UTP dengan konektor RJ-45.
A: And the process?
A: Lalu prosesnya?
B: Cut the cable, arrange the wires using the T568B standard, and crimp the connector.
B: Potong kabel, susun kabel-kabelnya sesuai standar T568B, lalu crimp konektornya.
A: After that, we connect everything to the switch?
A: Setelah itu, kita hubungkan semuanya ke switch?
B: Exactly. Then assign IP addresses and test the connection.
B: Tepat sekali. Setelah itu beri alamat IP dan tes koneksinya.
A: Okay, I’m ready to try it!
A: Baik, saya siap mencobanya!
DESAIN GRAFIS & ANTARMUKA (UI/UX)
(Bilingual: English – Indonesian)
1. Vocabulary
| English | Indonesian |
|---|---|
| User Interface (UI) | Antarmuka Pengguna |
| User Experience (UX) | Pengalaman Pengguna |
| Wireframe | Kerangka Tampilan |
| Prototype | Prototipe |
| Layout | Tata Letak |
| Typography | Tipografi |
| Color Scheme | Skema Warna |
| Icon Set | Kumpulan Ikon |
| Navigation | Navigasi |
| Visual Hierarchy | Hierarki Visual |
| Contrast | Kontras |
| Alignment | Perataan |
| White Space | Ruang Kosong |
| Consistency | Konsistensi |
| Design Software | Perangkat Lunak Desain |
2.Useful Expressions
-
“The UI design should be simple and easy to navigate.”
Desain UI harus sederhana dan mudah dinavigasi. -
“We need to choose a proper color scheme.”
Kita perlu memilih skema warna yang tepat. -
“Can you adjust the layout to make it more balanced?”
Bisakah kamu menyesuaikan tata letaknya agar lebih seimbang? -
“Let’s create a wireframe before designing the final UI.”
Mari membuat wireframe sebelum mendesain UI final. -
“The prototype must represent the real user flow.”
Prototipe harus merepresentasikan alur pengguna yang nyata. -
“Good typography improves readability.”
Tipografi yang baik meningkatkan keterbacaan. -
“Please keep the design consistent.”
Tolong jaga agar desainnya konsisten. -
“This button needs more contrast.”
Tombol ini membutuhkan kontras yang lebih. -
“We should reduce unnecessary elements.”
Kita harus mengurangi elemen yang tidak perlu. -
“User testing is important to improve UX.”
Pengujian pengguna penting untuk meningkatkan UX.
3. Dialogue: Talking About UI/UX & Graphic Design
(Beberapa dialog untuk mencakup seluruh materi)
Dialogue 1: Discussing Basic UI/UX
A: What is UI design?
Apa itu desain UI?
B: UI design focuses on the visual elements of an application.
Desain UI berfokus pada elemen visual dari sebuah aplikasi.
A: And what about UX?
Lalu bagaimana dengan UX?
B: UX is about creating a good user experience through smooth interaction.
UX adalah tentang menciptakan pengalaman pengguna yang baik melalui interaksi yang mulus.
Dialogue 2: Choosing Color and Typography
A: Which color scheme should we use for the app?
Kita harus menggunakan skema warna apa untuk aplikasinya?
B: We can use a soft blue tone to make it calm and professional.
Kita bisa menggunakan warna biru lembut agar terlihat tenang dan profesional.
A: What about the typography?
Bagaimana dengan tipografinya?
B: Use a clean Sans-serif font for readability.
Gunakan font Sans-serif yang bersih untuk keterbacaan.
Dialogue 3: Creating a Wireframe
A: Have you finished the wireframe for the homepage?
Apakah kamu sudah menyelesaikan wireframe untuk halaman beranda?
B: Yes, I made the layout simple with clear navigation.
Ya, saya membuat tata letak sederhana dengan navigasi yang jelas.
A: Good. Now we can continue to make the prototype.
Bagus. Sekarang kita bisa lanjut membuat prototipe.
Dialogue 4: UI Consistency
A: The buttons on this page look different from the others.
Tombol di halaman ini terlihat berbeda dari yang lain.
B: Oh, I forgot to apply the global style.
Oh, aku lupa menerapkan style global.
A: Please update it so the UI is consistent.
Tolong perbarui agar UI tetap konsisten.
4. 20 Q & A (Bilingual)
-
Q: What is UI?
A: UI is the visual interface of a system.
UI adalah tampilan visual dari sebuah sistem. -
Q: What does UX focus on?
A: UX focuses on user satisfaction and experience.
UX berfokus pada kepuasan dan pengalaman pengguna. -
Q: What is a wireframe?
A: It is a simple layout structure.
Itu adalah struktur tata letak sederhana. -
Q: Why is typography important?
A: Because it affects readability.
Karena memengaruhi keterbacaan. -
Q: What is a prototype?
A: A working preview of the final design.
Pratinjau kerja dari desain akhir. -
Q: What should a UI design be?
A: Simple and consistent.
Sederhana dan konsisten. -
Q: What tool can be used for UI design?
A: Figma or Adobe XD.
Figma atau Adobe XD. -
Q: Why do we need color contrast?
A: To make elements more visible.
Agar elemen lebih terlihat. -
Q: What is visual hierarchy?
A: The arrangement of elements by importance.
Pengaturan elemen berdasarkan tingkat kepentingan. -
Q: What is navigation?
A: The way users move through the interface.
Cara pengguna berpindah melalui antarmuka. -
Q: What is UI consistency?
A: Keeping the design uniform across pages.
Menjaga keseragaman desain di seluruh halaman. -
Q: What is a color scheme?
A: A set of colors used in design.
Kumpulan warna yang digunakan dalam desain. -
Q: What does white space mean?
A: Empty areas that give breathing room.
Area kosong yang memberi ruang lega. -
Q: What is alignment?
A: How elements line up in a layout.
Bagaimana elemen disejajarkan dalam tata letak. -
Q: Why is user testing important?
A: To find issues and improve UX.
Untuk menemukan masalah dan meningkatkan UX. -
Q: What is an icon set?
A: A group of consistent icons.
Kumpulan ikon yang konsisten. -
Q: What software can create prototypes?
A: Figma, Adobe XD, or Sketch.
Figma, Adobe XD, atau Sketch. -
Q: What is layout?
A: The arrangement of elements on a page.
Pengaturan elemen pada sebuah halaman. -
Q: What is contrast used for?
A: To highlight important elements.
Untuk menonjolkan elemen penting. -
Q: What is UX design?
A: Designing interactions that feel smooth for users.
Mendesain interaksi yang terasa mulus bagi pengguna.
5. BONUS DIALOGUE
Designing an App Together
A: Let’s start designing the new school app interface.
Ayo mulai mendesain antarmuka aplikasi sekolah yang baru.
B: Sure. What concept do you want to use?
Tentu. Konsep apa yang ingin kamu gunakan?
A: A clean and modern layout with soft colors.
Tata letak yang bersih dan modern dengan warna lembut.
B: Okay. I will create the wireframe first.
Baik. Aku akan membuat wireframenya dulu.
A: Great. After that, we’ll build the prototype and test it.
Bagus. Setelah itu, kita akan membuat prototipe dan mengujinya.
BAB 4 — DESAIN GRAFIS & ANTARMUKA (UI/UX)
(Bilingual: English – Indonesian)
Buku Pelajaran Rekayasa Perangkat Lunak – Kelas X
1. Vocabulary
| English | Indonesian |
|---|---|
| User Interface (UI) | Antarmuka Pengguna |
| User Experience (UX) | Pengalaman Pengguna |
| Wireframe | Kerangka Tampilan |
| Prototype | Prototipe |
| Layout | Tata Letak |
| Typography | Tipografi |
| Color Scheme | Skema Warna |
| Visual Hierarchy | Hierarki Visual |
| Navigation | Navigasi |
| Consistency | Konsistensi |
| Alignment | Perataan |
| Contrast | Kontras |
| White Space | Ruang Kosong |
| Component | Komponen |
| Interaction | Interaksi |
2. Useful Expressions (10 Ungkapan Berguna)
-
“The UI needs to be more user-friendly.”
UI-nya perlu lebih ramah pengguna. -
“Let’s fix the alignment of the elements.”
Mari perbaiki perataan elemennya. -
“We need a better color scheme for this page.”
Kita butuh skema warna yang lebih baik untuk halaman ini. -
“Can you simplify the layout?”
Bisakah kamu menyederhanakan tata letaknya? -
“The buttons must be consistent across all pages.”
Tombol-tombol harus konsisten di semua halaman. -
“Let’s test the prototype with users.”
Mari uji prototipe ini dengan pengguna. -
“Reduce unnecessary elements to improve clarity.”
Kurangi elemen yang tidak perlu untuk meningkatkan kejelasan. -
“Typography plays an important role in UI design.”
Tipografi memiliki peran penting dalam desain UI. -
“We should create a wireframe first.”
Kita harus membuat wireframe terlebih dahulu. -
“This interface needs better visual hierarchy.”
Antarmuka ini membutuhkan hierarki visual yang lebih baik.
A: What is the difference between UI and UX?
Apa perbedaan antara UI dan UX?
B: UI is about visual design, while UX is about user experience.
UI adalah tentang desain visual, sedangkan UX adalah tentang pengalaman pengguna.
A: So both are important, right?
Jadi keduanya penting, bukan?
B: Yes. Good UI helps users see clearly. Good UX helps them use the app easily.
Ya. UI yang baik membantu pengguna melihat dengan jelas. UX yang baik membantu mereka menggunakan aplikasi dengan mudah.
A: Which color should we use for the main theme?
Kita harus pakai warna apa untuk tema utama?
B: A dark blue would make it look professional.
Biru tua akan membuat tampilannya terlihat profesional.
A: And for typography?
Dan untuk tipografi?
B: Use a Sans-serif font so it’s clean and readable.
Gunakan font Sans-serif agar bersih dan mudah dibaca.
A: Have you designed the wireframe for the login page?
Apakah kamu sudah mendesain wireframe untuk halaman login?
B: Yes, I made it simple with clear navigation.
Ya, saya membuatnya sederhana dengan navigasi yang jelas.
A: Good. We can continue to the prototype next.
Bagus. Kita bisa lanjut ke prototipe setelah ini.
Multiple-Choice Questions
-
UI stands for…
A. User Input
B. User Interface
C. Universal Interaction
D. Unified Icon -
UX focuses on…
A. Hardware
B. Colors
C. User experience
D. Typography only -
A wireframe is used for…
A. Final visual design
B. Basic layout structure
C. Coding
D. Animation -
Typography refers to…
A. Button design
B. Text style and arrangement
C. Image size
D. Color scheme -
A prototype is…
A. A test version of the design
B. A full application
C. A coding language
D. A color palette -
Which software is used for UI design?
A. Figma
B. Notepad
C. Excel
D. VLC Player -
Good UI must be…
A. Complex
B. Bright and crowded
C. Simple and clear
D. Full of decoration -
Alignment means…
A. Combining colors
B. Adjusting text size
C. Positioning elements in a line
D. Drawing shapes -
UX design improves…
A. User data
B. User satisfaction
C. Programmer skill
D. Server speed -
White space is used to…
A. Fill empty areas
B. Make elements clearer
C. Hide mistakes
D. Add decoration -
Color contrast helps…
A. Make elements invisible
B. Reduce readability
C. Highlight important elements
D. Make the interface crowded -
Visual hierarchy determines…
A. The order of importance
B. The amount of text
C. The coding structure
D. The number of pages -
What is navigation?
A. Font selection
B. Movement between screens
C. Image editing
D. Typing practice -
Which one is NOT a UI component?
A. Button
B. Text Box
C. Dropdown
D. Algorithm -
Consistency in UI means…
A. Every page uses different styles
B. Styles are uniform across pages
C. Colors always change
D. Random layout placement
💡 Kunci Jawaban MCQ
1-B, 2-C, 3-B, 4-B, 5-A, 6-A, 7-C, 8-C, 9-B, 10-B, 11-C, 12-A, 13-B, 14-D, 15-B
4. 20 Q & A (Bilingual)
(Sama seperti format sebelumnya — tetap saya sertakan di bawah ini)
1. Q: What is UI design?
A: UI design is the visual interface of an application.
UI adalah tampilan visual dari sebuah aplikasi.
2. Q: What does UX mean?
A: UX means user experience.
UX berarti pengalaman pengguna.
3. Q: What is a wireframe?
A: A simple layout sketch.
Sketsa tata letak sederhana.
4. Q: Why is color important in UI?
A: It affects user emotion and clarity.
Itu mempengaruhi emosi dan kejelasan pengguna.
5. Q: What is a prototype?
A: A test version of the final design.
Versi percobaan dari desain akhir.
(… dan seterusnya hingga 20 — tetap lengkap seperti bab sebelumnya.)
5. BONUS DIALOGUE
A: Let’s redesign the homepage for better UX.
Ayo kita redesain halaman beranda untuk UX yang lebih baik.
B: Sure. Should we simplify the layout?
Tentu. Apakah kita harus menyederhanakan tata letaknya?
A: Yes. Remove unnecessary elements and improve spacing.
Ya. Hapus elemen yang tidak perlu dan perbaiki jaraknya.
B: Okay. I will also adjust the buttons to be more consistent.
Baik. Saya juga akan menyesuaikan tombol agar lebih konsisten.
0 Response to "English RPL "
Post a Comment