Daftar Isi:
2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-13 06:57
Jadi Anda memiliki Raspberry Pi dan ide yang keren, tetapi bagaimana Anda membuatnya semudah smartphone untuk berinteraksi dengan pengguna Anda?
Membangun Antarmuka Pengguna Grafis (GUI) sebenarnya cukup mudah, dan dengan kesabaran Anda dapat menghasilkan proyek yang luar biasa.
Langkah 1: Ikhtisar Luas
Salah satu alat paling kuat yang disediakan Raspberry Pi dibandingkan mikro lainnya, adalah kecepatan dan kemudahan Anda dapat membuat Graphical User Interface (GUI) untuk proyek Anda.
Salah satu cara untuk mencapai ini, khususnya jika Anda memiliki layar sentuh penuh (atau layar standar dan perangkat input seperti mouse), itu menjadi luar biasa!
Untuk tujuan artikel ini, kami akan menggunakan Python 3 dengan Tkinter:
Pustaka yang kuat untuk mengembangkan aplikasi antarmuka pengguna grafis (GUI), di Raspberry Pi di mana pembuatnya peduli.
Tkinter mungkin yang paling umum digunakan dengan Python, dan banyak sumber daya tersedia di internet.
Langkah 2: "Halo Dunia" di Tkinter
Kami menggunakan aRaspberry Pi yang dimuat dengan Raspbian Stretch OS.
Untuk menjalankan Aplikasi GUI Tkinter kami. kita juga dapat menggunakan sistem operasi lain yang telah terinstal python.
Raspbian hadir dengan Python 2, Python 3 dan perpustakaan Tkinter diinstal.
Untuk memeriksa versi mana yang telah Anda instal, dari terminal jalankan:
python3 --versi
Buat file baru bernama app.py dan masukkan kode dasar yang ditunjukkan di bawah ini:
#!/usr/bin/python
from tkinter import * # import Tkinter lib root = Tk() # buat objek root root.wm_title("Hello World") # set judul jendela root.mainloop() # memulai loop GUI
Jika Anda tidak menggunakan IDE, jalankan perintah berikut di terminal dari direktori yang berisi kode Python Anda untuk menjalankan program.
python3 app.py
Langkah 3: Menyesuaikan Jendela
Sekarang mari kita lihat bagaimana menyesuaikan jendela ini.
Warna latar belakang
root.configure(bg="hitam") # ubah warna latar belakang menjadi "hitam"
atau
root.configure(bg="#F9273E") # gunakan kode warna hex
Dimensi jendela
root.geometry("800x480") # tentukan dimensi jendela
atau
root.attributes("-fullscreen", True) # disetel ke layar penuh
Ingatlah bahwa Anda akan terjebak dalam mode layar penuh jika Anda tidak membuat cara untuk keluar
# kita bisa keluar saat kita menekan tombol escape
def end_fullscreen(event): root.attributes("-fullscreen", False) root.bind("", end_fullscreen)
Langkah 4: Widget di Tkinter
Tkinter menyertakan banyak widget berbeda untuk membantu Anda membuat antarmuka pengguna yang paling sesuai. Widget yang dapat Anda gunakan meliputi:• kotak teks
• tombol
• tombol centang
• penggeser
• kotak daftar
• tombol radio
•dll..
Sekarang kita dapat menambahkan beberapa widget seperti teks, tombol dan input.
Menambahkan Widget
Label
label_1 = Label(root, text="Halo, Dunia!")
Sebelum terlihat di jendela, kita perlu mengatur posisinya. Kami akan menggunakan penentuan posisi grid.
label_1.grid(row=0, column=0) # atur posisi
Masukan Masuk
label_1 = Label(root, text="Halo, Dunia!", font="Verdana 26 bold, fg="#000", bg="#99B898")
label_2 = Label(root, text="Siapa nama Anda?", fg="#000", bg="#99B898") entri_1 = Entri(root) #input entri label_1.grid(row=0, kolom=0) label_2.grid(baris=1, kolom=0) entri_1.grid(baris=1, kolom=1)
Tombol
#Tambahkan tombol di dalam jendela
Tombol = Tombol(root, teks="Kirim") Button.grid(baris=2, kolom=1)
Langkah 5: Menambahkan Logika
Sekarang kami memiliki formulir sederhana, namun mengklik tombol tidak melakukan apa-apa!!
Kami akan mengeksplorasi cara mengatur acara pada widget tombol dan mengikatnya ke fungsi yang dijalankan saat diklik.
Untuk tujuan ini kami akan memperbarui label_1 untuk menampilkan "Halo + teks yang dimasukkan di input". Ketika Anda memilih tombol kirim.
Download kode di bawah ini lalu jalankan.
Langkah 6: Kontrol LED
Sejauh ini kita melihat bagaimana menambahkan tombol ke jendela dan menambahkan logika untuk melakukan tindakan.
Sekarang, kita akan mengubah kodenya sedikit. Jadi kita akan membuat formulir dan menambahkan dua tombol ke dalamnya. Satu untuk menyalakan/mematikan LED, dan yang lainnya untuk keluar dari program.
Catatan: Pastikan Anda telah memperbarui Raspberry Anda sebelum memulai, dan Anda telah menginstal perpustakaan GPIO, Buka jendela perintah dan masukkan berikut ini instalasi perpustakaan GPIO. Buka jendela perintah dan masukkan yang berikut:
$ sudo apt-get update
$ sudo apt-get install python-rpi.gpio python3-rpi.gpio
Membangun:
Bagian yang Diperlukan:
1 x Raspberry Pi 3
1 x LED
1x330Ω Resistor
Membangun Sirkuit:
Ikuti foto-foto di atas.
Perhatikan orientasi LED dan pin yang terhubung (GPIO23).
Langkah 7: Menambahkan Pengontrol Motor Servo
Kami akan pindah ke sesuatu selain tombol kami juga dapat menggunakan berbagai input untuk mengontrol output PWM (Pulse Width Modulation) dari Raspberry Pi.
Motor servo adalah pilihan yang bagus karena menerjemahkan sinyal PWM ke dalam sudut.
Membangun:
Bagian yang Diperlukan:
1 x Raspberry Pi 3
1 x LED
1x330Ω Resistor
1 x Motor Servo
Membangun Sirkuit:
Ikuti diagram yang ditunjukkan di atas (LED terhubung ke GPIO 23, Motor Servo terhubung ke GPIO 18).
Periksa video jika Anda terjebak.
Langkah 8: Kesimpulan
Di sana Anda memilikinya! Maju dan taklukkan beberapa ide UI yang luar biasa!
Jika Anda memiliki pertanyaan tentu saja Anda dapat meninggalkan komentar.
Untuk melihat lebih banyak tentang karya saya, silakan kunjungi saluran saya
myYouTube
myTwitter
myLinkedin
Terima kasih telah membaca instruksi ini ^^ dan semoga harimu menyenangkan. Sampai jumpa. Ahmad Nouira.