MODUL V

PERANCANGAN DAN IMPLEMENTASI

DISPLAY LCD MENGGUNAKAN MODUL VGA
PADA FPGA
Thomas Davin Zeans (118130128)
Asisten : Okta Priyani (13117044)
Tanggal Percobaan : 25/10/2019
EL2104_Z-5_Praktikum_Sistem_Digital
Laboratorium Teknik Elektro
Institut Teknologi Sumatera

Abstrak—Pada percobaan sebelumnya, kita telah

menganalisis rangkaian berbasis logika sekuensial. Salah
satu bentuk implementasi logika sekuensial adalah
menggunakan modul Video Graphic Array dengan
display Liquid Crystal Display sebagai perantaranya.
Pada percobaan ini, kita akan mengimplementasikan
display LCD menggunakan modul VGA pada FPGA
dengan merancang sebuah controller sederhana yang
mengeluarkan sinyal-sinyal digital.
Kata Kunci— modul VGA driver, FPGA, display LCD
I. PENDAHULUAN
Adapun tujuan dari percobaan modul V ini ialah :
MODUL VGA DRIVER
Modul VGA (Video Graphics Array) driver yang digunakan
kali ini adalah sebuah modul yang merepresentasikan
masukkan logika FPGA kedalam tampilan warna pada layar
monitor LCD. Modul ini menerima masukkan port yang ingin
dinyalakan, dan mengkonversikan masukkan menjadi warna
pada layar (RGB).
Berikut adalah penjelasan mengenai sinyal-sinyal yang
digunakan:
i. Sinyal sinkron, terdiri dari horizontal sync dan vertical
sync. Sinyal-sinyal ini aktif pada range pixel yang valid.
Jika sinyal ini tidak aktif, maka akan terjadi pergantian
baris (untuk horizontal sync), serta pergantian layar /
kembali ke baris pertama (untuk vertical sync).
ii. Sinyal warna RGB, terdiri dari komponen warna merah,
hijau, dan biru.

1. Mendapatkan pengetahuan dan pengalaman

penggunakan interface pada board evaluasi FPGA.
2. Memahami cara kerja VGA pada umumnya

II. LANDASAN TEORI

Salah satu bentuk implementasi rangkaian sekuensial

adalah menggunakan modul VGA dengan tampilan
display LCD. Modul VGA yang digunakan memiliki 2 Gambar 2-1 Proses Scanning pada Layar LCD
jenis sinyal, yaitu sinyal warna (Merah, Hijau, dan Biru),
serta sinyal sinkron (horizontal dan vertical). Dalam
menghasilkan sebuah tampilan, VGA melakukan Gambar 2-1 diatas merupakan proses scanning yang terjadi
pada layar LCD. Scanning tersebut dimulai dari pojok kiri atas
sinkronisasi pada layar, yaitu dengan scanning setiap
(0,0) kearah kanan / horizontal (0,639), dilanjutkan dengan
baris dengan satuan pixel tertentu. pergantian baris ke (1,0) dst.
 Sinyal RGB yang sifatnya digital, dikonversikan oleh chip
DAC menjadi sinyal RGB analog, yang kemudian
direpresentasikan menjadi sebuah tampilan pada layar LCD.
FPGA
Field-Programmable Gate Array (FPGA) merupakan
sebuah IC digital yang sering digunakan untuk
mengimplementasikan rangkaian digital. FPGA berbentuk
komponen elektronika dan semikonduktor yang terdiri dari
komponen gerbang terprogram (programmable logic) dan
sambungan terprogram (interkoneksi). Komponen gerbang
terprogram yang dimiliki meliputi jenis gerbang logika biasa
(AND, OR, NOT) maupun jenis fungsi matematis dan
kombinatorik yang lebih kompleks, seperti decoder, adder,
subtractor, multiplier, dll. Blok-blok komponen di dalam FPGA
bisa juga mengandung elemen memori (register) mulai
dari flip-flop sampai pada RAM (Random Access Memory).
FPGA sangat sesuai untuk
pemrosesan komputasi dari algoritme integrasi numerik.
III. METODOLOGI
Alat dan Bahan
1. Board FPGA tipe DE1
2. Catu daya + kabel dan konektor tambahan serta
kabel downloader
3. Monitor LCD
Langkah Kerja
PROSEDUR PERCOBAAN
PERCOBAAN 5A : IMPLEMENTASI DESAIN PADA
BOARD FPGA
Pada percobaan pertama ini, praktikan diminta membuat
controller VGA sederhana yang mengeluarkan sinyal-sinyal
digital untuk mengendalikan VGA. Sinyal digital ini sebagian
akan diubah menjadi sinyal analog (untuk yang warna-warna
RGB). Masing-masing warna akan diwakili 6 bit. Praktikan
dapat menggunakan file vga.vhd yang telah ada sebagai
template.
PROSEDUR PERCOBAAN 1
Gambarlah bendera RI dilayar (atas merah, bawah putih)
pada layar VGA. Untuk mendapatkan warna merah R =
111111, G = B = 000000, sedangkan putih R = G = B = 111111.
Cara yang dapat dilakukan adalah dengan cara mengeluarkan
warna merah untuk pixel-pixel pada baris atas (nomor baris <
241), dan warna putih untuk baris bawah.
Gambar 4. Ilustrasi Tampilan Prosedur Percobaan 1
PROSEDUR PERCOBAAN 2
Gambarlah bendera sebuah kotak/bujur sangkar (solid)
berukuran 50 pixel x 50 pixel pada layar VGA. Caranya adalah
dengan member warna tertentu pada pixel-pixel tertentu.
Misalkan, jika ujung kiri atas kotak tadi ingin diletakan pada
baris 10 kolom 10, maka pixel yang harus diwarnai berbeda
dengan lainnya adalah semua pixel yang ada baris 10 sampai 59
dan kolom 10 sampai 59.
PROSEDUR PERCOBAAN 3
Buatlah agar gambar kotak yang telah anda buat agar
dapat bergerak berdasar kan input dari push-button yang
ada di board. Kotak ini harus dapat digerakan ke empat
arah: kiri, kanan, atas, bawah dengan empat button yang
berbeda-beda. Caranya:
1. Ujung kiri atas dari gambar tersebut harus dibuat agar
dapat diubah-ubah (menjadi input)
2. Membuat dua buah FSM/counter: satu FSM untuk
menghasilkan posisi batas atas (baris), satu FSM untuk
menghasilkan posisi batas kiri. Tentu saja counter ini harus
dibatasi maksimum dan minimumnya sesuai jumlah baris
dan kolom yang ada di layar. Untuk setiap FSM harus dapat
menghitung maju (up- counting: … 100 101 102
…) dan mundur (down counting: … 87 86 85 …).
FSM ini harus diclock, namun tidak boleh terlalu cepat
agar gerakan kotak tadi juga tidak terlalu cepat. Misalnya
20 Hz – 50 Hz.
3. Membuat input untuk perintah up/down counting pada
kedua FSM menggunakan push-button.
MENGAKHIRI PERCOBAAN
1. Sebelum keluar dari ruang praktikum, rapikan meja
praktikum. Rapikan kabel dan matikan komputer,
osiloskop, generator sinyal, dan power supply DC. Cabut
daya dari jala-jala ke kit FPGA dan letakkan kembali pada
tempat semula.
2. Periksa lagi lembar penggunaan meja. Praktikan yang tidak
menandatangani lembar penggunaan meja atau merapikan
meja ketika praktikum berakhir akan mendapatkan
potongan nilai sebesar minimal 10.
 IV. HASIL DAN ANALISIS

Data Hasil

Percobaan 1

Gambar Tampilan display LCD Bendera RI

Percobaan 2

Gambar Bujur Sangkar pada display LCD

Tampilan Codingan Percobaan 1, 2 dan 3


Analisis
Percobaan ini secara keseluruhan bertujuan untuk
mengimplementasikan desain pada board FPGA. Percobaan ini
dibagi menjadi 3 sub-segmen, yaitu membuat gambar bendera
RI dilayar, bujur sangkar berwarna berukuran 50 pixel x 50
pixel, serta menggerakan bujur sangkar yang telah dibuat ke
empat arah berbeda.
IMPLEMENTASI DESAIN PADA BOARD FPGA
Pada percobaan ini, kita akan mengimplementasikan desain
gambar bendera RI dilayar (atas merah, bawah putih). Warna
merah didapatkan dengan mengatur warna merah R = 111111,
G = B = 000000, sedangkan warna putih R = G = B = 111111.
Sebuah layar display LCD memiliki ukuran THD x TVD = 640
x 480 pixel, sehingga untuk membuat warna bendera, kita akan
membagi layar menjadi dua bagian, yaitu 0..240 berwarna
merah dan 241..479 berwarna putih.
Pada percobaan ini, kita akan mengimplementasikan sebuah
desain kotak bujur sangkar (solid) berukuran 50 pixel x 50 pixel
pada layar VGA. Selain itu, bujur sangkar ini akan diletakkan
dengan titik-titik sudut. nilai-nilai pixel yang membatasi kotak
bujur sangkar yang akan dibuat. Untuk membedakan bujur
sangkar tersebut dengan layar, maka kita akan memberikan
warna merah (seperti pada percobaan 1) pada bujur sangkar
tersebut.
Pada percobaan ini, kita akan membuat gambar bujur sangkar
yang telah dibuat pada percobaan 2 bergerak sesuai input push-
button dari board FPGA. constant div: integer:=1000000;
Clock divider (Clockdiv) yang digunakan pada percobaan ini
diberikan constant div 1000000, hal ini bertujuan agar
pengguna dapat mengamati pergerakan bujur sangkar pada
layar (karena board FPGA memiliki frekuensi 50 MHz, atau 50
juta proses per detiknya). Jika kita tidak menggunakan clockdiv,
maka kita tidak dapat mengamati pergerakan bujur sangkar
yang langsung bergerak menjauh dengan sekejap dari layar.
Untuk membuat bujur sangkar tersebut bergerak, kita
mengubah pin planner masukkan menjadi push-button. Berikut
ini adalah masukkan / input yang digunakan:
PIN_R22 i_M_US sebagai tombol UP
PIN_R21 i_K_US sebagai tombol RIGHT
PIN_T22 i_H_US sebagai tombol DOWN
PIN_T21 i_M_BT sebagai tombol LEFT
Selain itu, kita akan menggunakan satu masukkan tambahan
untuk pengatur kecepatan yang dapat diubah, yaitu i_K_BT
(SW[4]) yang dihubungkan dengan PIN_L1. Pada file
display_vhd.vhd, i_H_BT yang akan digunakan untuk variabel
clock ini di PORT MAP dengan i_clk dari modul VGA yang
digunakan.
V. SIMPULAN
1. Salah satu perantara yang dapat digunakan untuk
mengimplementasikan rangkaian sekuensial adalah
display LCD, yang diimplementasikan menggunakan
modul VGA pada FPGA.
2. Video Graphics Array (VGA) adalah sebuah interface
standar yang digunakan untuk menghasilkan suatu
tampilan. Interface pada percobaan ini menggunakan 2
jenis sinyal, yaitu sinyal warna (RGB) serta sinyal untuk
mensikronisasi tampilan.
3. Pada prinsipnya, modul VGA yang dirancang dalam
BahasaVHDL,diimplementasikan pada board FPGA
sehingga sinyal RGB digital ditranslasikan menjadi sinyal
RGB analog sebelum ditransmisikan ke layar monitor.
4. Implementasi desain yang diterapkan pada blok tampilan
kali ini adalah sebuah object bujur sangkar / bendera yang
resizable, artinya dapat diubah-ubah ukurannya serta
movable, artinya dapat digerakkan sesuai keinginan
pengguna
.
VI. REFERENSI
1. Brian Holdsworth and Clive Woods, Digital Logic Design
Fourth Edition, N.wnes, 2002
2. https://id.wikipedia.org/wiki/FPGA
Lampiran