Memulai Dengan Raspberry Pi GUI: 8 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:56

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.