Percobaan V

Perancangan dan Implementasi

Display LCD menggunakan modul VGA
Pada FPGA
DWI SAPUTRI (13117031)
Asisten : Noviardi Sudrajat (13116145)
Tanggal Percobaan : 13/10/2018
EL2104 Praktikum Rangkaian Elektrik
Laboratorium Teknik Elektro
Institut Teknologi Sumatera

Abstrak- Pada percobaan kali ini kita akan melakukan
implementasi display LCD menggunakan modul VGA
pada FPGA. Pada percobaan kali ini tampilan VGA
digunakan agar tampilan hasil desain yang kita
rancang menjadi lebih menarik. Percobaan ini
bertujuan agar praktikan dapat memahami
penggunaan dan mendapatkan pengalaman
melalui penggunaan interface pada board
evaluasi FPGA dan mampu memahami cara
kerja VGA pada umumnya.
Kata kunci : FPGA, display LCD.
I. PENDAHULUAN
Implementasi fungsi gerbang logika pada
rangkaian dapat dilakukan dengan berbagai cara,
salah satunya adalah rangkaian logika sekuensial,
yang bergantung pada memori stateny. Desain dari
rangkaian logika sekuensial dapat diimplementasikan
pada berbagai macam perangkat keras, seperti board
FPGA dan tampilan display LCD.
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:
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).
Sinyal warna RGB, terdiri dari komponen
warna merah, hijau, dan biru. FPGA adalah sebuah
Integrated circuit yang dapat dikonfigurasi dan dapat
diprogram berkali-kali. FPGA

II. LANDASAN TEORI Terdiri atas logika yang dapat diprogram,yang

disebut dengan blok logika.
Pada percobaan ini kita akan menggunakan VGA
(Video Graphics Array).

2.1. VGA (Video Graphics Array)

Modul VGA (Video Graphics Array) driver yang

digunakan kali ini adalah sebuah modul yang
merepresentasikan masukkan logika FPGA
Gambar diatas merupakan proses scanning yang
terjadi pada layar LCD. Scanning tersebut dimulai
dari pojok kiri atas (0,0) kearah kanan / horizontal
(0,639), dilanjutkan dengan 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. Dan Pada
percobaan kali ini, FPGA digunakan sebagai
penghubung antara VGA yang digunakan dengan
display layar LCD.
2. Prosedur percobaan 2
Gambarlah sebuah bendera kotak/bujur sangkar
(solid) berukuran 50 pixel x 50 pixel pada layar
VGA. Caranya adalah dengan memberikan warna
tertentu pada pixel-pixel terentu. Misalkan, ika
ujung kiri atas kotak tadi ingin diletakkan 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.

III. METODOLOGI
a. Alat dan Bahan

 Board FPGA tipe DE1

 Catu daya + kabel dan konektor tambahan
serta kabel downloader
 Monitor LCD
b. Langkah Kerja

Percobaan 5a: Implementasi Desain Pada

Board FPGA.
3. Prosedur percobaan 3
Pada percobaan pertama ini,praktikum diminta
Buatlah gambar kotak yang telah kita buat pada
membuat controller VGA sederhana yang
percobaan 2 dapat bergerak berdasarkan input dari
mengeluarkan sinyal-sinyal digital untuk
push button yang ada pada board. Kotak tersebut
mengendalikan VGA .Sinyal digital ini sebagian
harus dapat bergerak ke empat arah yaitu atas, baeah,
akan diubah menjadi sinyal analog (untuk yang
kanan, kiri dengan push button yang berbeda-beda.
warna warna RGB ) .Masing masing warna akan
diwakili 6 bit .Praktikan dapat menggunakan file IV. HASIL DAN ANALISIS
vga.vhd yang telah ada sebagai template. a. Percobaan 4A : Implementasi
Desain Pada Board FPGA
1. Prosedur Percobaan 1
Pada percobaan kali ini kita kan membuat
Gambarlah bendera RI dilayar (atas
tampilan pada layar atau LCD menampilkan
merah,bawah putih) pada layar
bendera Indonesia yaitu merah putih. Hal yang
VGA.Untuk mendapatkan warna merah
pertama kita lakukan adalah membagi layar
R= 111111, G= 000000 ,sedangkan putih
menjadi 2 bagian yaitu 0 sampai 240 berwarna
R=G=B=111111. Cara yang dapat
merah dan dari 241 sampai 479 berwarna putih.
dilakukan adalah dengan cara
Lalu kita masukkan kode warna pada bahsa
mengeluarkan warna merah untuk pixel-
VHDL yang kita gunakan. Berikut ini adalah
pixel pada baris atas (nomor baris < 241)
bahasa VHDL yang digunakan :
dan warna putih untuk baris bawah.
LIBRARY IEEE; USE
IEEE.STD_LOGIC_1164.ALL; USE
IEEE.STD_LOGIC_ARITH.ALL; USE
IEEE.STD_LOGIC_UNSIGNED.ALL;

ENTITY color_rom_vhd IS PORT(

i_M_US : IN STD_LOGIC;
 i_K_US : IN STD_LOGIC; sesuai dengan apa yang kita inginkan yakni satu
layar penuh satu layar penuh LCD. Kode diatas
i_H_US : IN STD_LOGIC;
i_M_BT : IN STD_LOGIC;
adalah perintah untuk menyatakan batas
i_K_BT : IN STD_LOGIC; horizontal dari tampilan pixel 0 sampai 241 akan
i_H_BT : IN STD_LOGIC; berwarna merah dan sisanya akan berwarna
i_pixel_column : IN putih.

STD_LOGIC_VECTOR( 9 DOWNTO 0 ); Dan berikut ini adalalah hasil tampilan dari layar
LCD, yang menapilkan bendera Indonesia yaitu
i_pixel_row : IN
STD_LOGIC_VECTOR( 9 DOWNTO 0 );
merah putih.
o_red : OUT
STD_LOGIC_VECTOR( 7 DOWNTO 0 );
o_green : OUT
STD_LOGIC_VECTOR( 7 DOWNTO 0 );
o_blue : OUT
STD_LOGIC_VECTOR( 7 DOWNTO 0 ));
END color_rom_vhd;

ARCHITECTURE behavioral OF

color_rom_vhd IS

Percobaan 2
CONSTANT R_TF_0 : INTEGER := 0 ;
CONSTANT R_TF_1 : INTEGER :=
Pada percobaan kedua ini kita akan membuat
241; sebuah rancangan yang akan diimplementasikan
pada layar LCD yaitu berupa desain kota atau
CONSTANT C_TF_R : INTEGER := 0 ; bujur sangkar berukuran 50 pixe X 50 pixel.
CONSTANT C_TF_L : INTEGER :=
Ukuran yang digunakan untuk bujur sangkar
640; yang akan kita gunakan yaitu dengan titik-titik
sudut (10,10), (10,59), (59,10), dan (59,59). Agar
terbentuk desain yang sesuai dengan yang kita
SIGNAL M_TF1, M_TF2 inginkan. Proses untuk pemberian warna sama
seperti percobaan pertama.
: STD_LOGIC;
Berikut ini adalah hasil yang ditampilkan pada
SIGNAL K_TF1, K_TF2
layar LCD.
: STD_LOGIC;

SIGNAL H_TF1, H_TF2

: STD_LOGIC;

SIGNAL grid :
STD_LOGIC;

Dengan bahsa VHDL diatas kita dapat

mengubaha kode untuk mengubah ukuran
bendera yang akan kita implementasikan pada
LCD monitor sehingga gambar yang tampil
 Percobaan 3

Pada percobaan ini kita akan membuat gambar

bujur saangkar yang sudah kita buat pada
percobaan itu bergerak ke atas, bawah , kanan
dan kiri. Namun karena waktu yang tidak
mencukupi sehingga elompok kami tidak dapat
menyelesaikannnya.

V. KESIMPULAN

Setelah melakkan percobaan pada modul 5 kali ini

dapat saya simpukan bahwa:

 Kita telah mendapatkan pengetahuan

mengenai interface pada board evaluasi
FPGA
 Kita mendapatkan pengalaman
menggunakan interface pada board FPGA
 Kita dapat memahami cara kerja VGA pada
umumnya.

REFERENSI

[1] Brown, Stephen, Vranesic, Zvonko, Fundamental of

Digital Logic With VHDL Design 3nd Ed, 126-
146, McGraw-HALL, New York, 2005.

[2] Modul Praktikum Sistem Digital 1 ITERA