11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

(htt (htt (htt (htt (htt

(htt
ps:/ ps:/ ps:/ ps:/ ps:/
p://
/ww /ww /ww /plu /ww
ww
w.fa w.fa w.y s.go w.in
w.cr
ceb ceb out ogle stag
ony
ook. ook. ube. .co ram
oz.n
co co co m/u .co
et/f
m/g m/c m/c /0/1 m/c
eed
iri.cr rony han 020 rony
/)
ony oz.n nel/ 516 oz_
oz) et) UC 187 dot_
GD1 035 net/
RIO 497 )
xdQ 047
Assalamu'alaikum Pengunjung Setia Cronyoz.NET, Postingan kali ini adalah Lanjutan dar Postingan sebelumnya yaitu Belajar LabView : Pembacaan Sensor
w5X 66)
Dengan Arduino (http://www.cronyoz.net/2016/03/belajarlabviewpembacaansensordengan.html),Sebuah iklan mengatakanVisuals speak louder
gaJ
than Words, artinya bahwa gambar lebih 9Er
berbicara daripada katakata. Saya sangat setuju dengan hal itu. Terlebih lagi ketika hal itu berupa gambar
grafik. Mengapa grafik lebih berbicara? Karena
xvn selain bisa menunjukkan data sekarang, grafik juga dapat menunjukkan rekaman data di masa lampau dan
Q) untuk prediksi data di masa depan.
pola kecenderungan data yang dapat digunakan

Belajar LabView : Pembuatan Tampilan Grak dengan LabVIEW

Dan berita bagusnya adalah, ... pembaca dapat membuat grafik dengan mudah menggunakan LabVIEW dan dengan fitur yang cukup lengkap. Pembaca
dapat mendownload software LabVIEW yang terbaru di alamat ini (https://lumen.ni.com/nicif/us/evallvuser/content.xhtml). Sekalipun versi evaluasi,
versi tersebut sama kemampuannya dengan versi profesional. Dan berita baiknya adalah, pembaca dapat memperpanjang versi evaluasi tersebut, yaitu
dengan mengubah tanggal di komputer mundur ke belakang, dan setelah jendela LabVIEW terbuka, tanggal di komputer dapat dimajukan kembali ke
tanggal sekarang. Saya yakin hal ini bukanlah bug dari LabVIEW, tetapi ini disengaja oleh pembuat LabVIEW, untuk mendukung pendidikan, khususnya bagi
kitakita yang masih suka yang murah dan gratis. Tetapi sebaiknya pembaca bisa membeli versi yang student atau versi yang profesional, karena akan lebih
banyak suport dan informasi yang bisa didapatkan nantinya.
Kembali ke topik, berikut ini langkahlangkah penggunaan LabVIEW untuk pembuatan grafik. Langkahlangkah ini saya bagi menjadi 4 bagian, yaitu:
1. Bagian pertama adalah membaca data yang dikirimkan oleh Arduino,
2. Bagian kedua adalah menampilkan data dalam bentuk grafik.
3. Bagian ketiga adalah melakukan penyimpanan data ke dalam harddisk.
4. Bagian keempat adalah membuat program tersebut menjadi aplikasi EXE.
Untuk pembaca yang ingin bisa membuat grafik dalam waktu 5 menit saja, sesuai judul blog ini, maka saya menyarankan pembaca untuk langsung men
download program di bagian akhir topik ini. Namun jika pembaca memiliki waktu banyak, silahkan mengikuti langkahlangkah berikut.
1. Berikut langkahlangkah bagian pertama,MEMBACA DATA dari Arduino:
(http://3.bp.blogspot.com/ueOnsumXkRQ/VUxUZoHsqpI/AAAAAAAACAg/FpFfzmBcac/s1600/shift%2Bregister.png)
Instal software LabVIEW.

Instal juga software driver VISA untuk komunikasi serial. Pembaca dapat mendownloadnya di sini (http://www.ni.com/download/nivisa
5.0.3/2251/en/)
Setelah LabVIEW berhasil terinstal, buka menuFile, pilihNew vi. Perlu diketahui, filefile LabVIEW dinamaivi,dari kata virtual instruments.
Sebuahviterdiri dari 2 jendela, yaitu jendela Front Panel dan jendela Block Diagram. Jendela Front Panel berisi objekobjek yang ketika program
dijalankan, akan terlihat oleh pengguna. Sedangkan jendela Block Diagram berisi kode program berbentuk icon, yang ketika program dijalankan, tidak
akan terlihat oleh pengguna. Berikut tampilan jendela Front Panel dan Block Diagram:

Ambil 5 buah icon berikut ini dari paletFunctions, kategoriInstrument I/O, kategoriSerial, dan kemudian tempatkan di jendela Block
Diagram:
VISA Configure Serial Port
VISA Flush I/O Buffer

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

1/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

VISA Bytes at Serial Port

VISA Read
VISA Close

Kemudian susun seperti gambar berikut:

TambahkanWhile Loopuntuk membuat program terus menerus membaca instruksi yang diterima, seperti gambar berikut:

Tambahkan tombolStoppada kaki inputLoop Condition(kotak dengan bulatan merah di dalamnya), dengan cara mengklik kanan kaki
inputLoop Condition, dan memilihCreate Control, seperti gambar berikut:

TambahkanCase Structure pada instruksiVISA Readuntuk membuat program hanya akan membaca bila ada data di Serial Port, seperti
gambar berikut:

Isi kaki input kotak tanda tanya padaCase Structure dengan output dariVISA Bytes at Port, seperti gambar berikut:

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

2/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Karena jumlah byte data di Serial Port bisa lebih dari satu, maka tambahkan titik sebanyak 2 kali pada angka 1 di dalam kotak Selector
LabelCase Structure seperti gambar berikut:

Tekan gambar tanda panah ke kanan di kotak Selector Label Case Structure untuk berpindah ke Case 0. Pastikan bahwa pada Case 0 ini
sifatnya Default. Apabila belum Default, klik kanan pada gambar tanda panah ke bawah, dan pilihMake This The Default Case . Setelah itu
teruskan output dariVISABytes at Portmelintasi kotakCase Structureseperti gambar berikut. Instruksi ini berarti ketika tidak ada data pada
Serial Port (jumlahnya 0), maka silahkan terus, atau tidak perlu mengaktifkanVISA Read.

Klik kanan pada kaki input kiri atas instruksi VISA Configure Serial Port, tepatnya pada kaki VISA Resource Name dan pilih Create Control,
seperti ditunjukkan gambar berikut. Instruksi ini digunakan untuk memilih saluran COM port yang nantinya digunakan untuk berkomunikasi
dengan Arduino.

Langkah berikutnya adalah menampilkan data yang terbaca olehVISA Read. Untuk itu pada kaki outputVISA Read, yaitu pada kakiread
buffer, klik kanan kaki tersebut dan pilihCreate Indicator, maka munculIndikator read bufferseperti ditunjukkan pada gambar berikut:

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

3/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Berikut ini tampilan jendela Front Panel, yang otomatis memunculkan objekobjeknya, yang sesuai dengan icon control dan indicator yang
ditempatkan di jendela Block Diagram.

Atur ukuran objek dengan menarik tepinya, dan ukuran serta tata letak teks denganToolpadaMenu Bar, seperti ditunjukkan pada gambar
berikut:

Klik di sini untuk mendownload program LabVIEW di atas. (https://www.dropbox.com/s/338lu5x10ij34uw/baca%20data.vi?dl=0)

Berikut ini video hasil program di atas.

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

4/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Baca Juga
Cara Menampilkan Karakter "Hello Word" di LCD menggunakan Arduino (http://www.cronyoz.net/2016/11/cara-menampilkan-karakterhello-word-di.html)
Tutorial Belajar Pemrograman Arduino untuk Pemula part 15 : Toogle Swich (http://www.cronyoz.net/2016/10/tutorial-belajarpemrograman-arduino_27.html)
Tutorial Belajar Pemrograman Arduino untuk Pemula part 14 : Kombinasi Sketch (http://www.cronyoz.net/2016/10/tutorial-belajarpemrograman-arduino_26.html)
Tutorial Belajar Pemrograman Arduino untuk Pemula part 13 : Mapping data Analog Input (http://www.cronyoz.net/2016/10/tutorialbelajar-pemrograman-arduino_25.html)
Tutorial Belajar Pemrograman Arduino untuk Pemula part 12 : Analog Input (http://www.cronyoz.net/2016/10/tutorial-belajarpemrograman-arduino_24.html)

2. Berikut langkah-langkah bagian kedua,MENAMPILKAN DATA dalam bentuk Grak:

Agar CPU komputer tidak terkuras habis untuk program ini, tambahkan instruksiWait(ms), yang diambil dari palet Functions,
kategori Programming, kategoriTiming, dan isi inputnya dengan nilai 100, dan tempatkan di dalam While Loopdi jendela Block Diagram
seperti gambar berikut:

Ada kemungkinan tidak ada data pada Serial Port. Bila hal itu terjadi, dengan program di atas, maka tampilan angka di kotakread bufferakan
hilang atau kosong. Agar hal ini tidak terjadi, maka tambahkan Shift Register, yang akan meneruskan data yang sebelumnya ketika data di
Serial Port kosong. Untuk memunculkanShift Registerini, klik kanan tepiWhile Loop, dan pilihAddShift Register.

Kemudian padaCase 0, teruskan data dari terminalShift Registerkiri ke terminalShift Registerkanan seperti gambar berikut:

Oya, keluarkan icon read bufferdari dalam Case 1di kotak Case Structure , dan hubungkan garis datanya dengan garis di luar kotakseperti
gambar berikut:

Agar kode program menjadi lebih rapi, tekan tombolClean Up Diagrambergambar sapu diTool Bar, seperti ditunjukkan pada gambar berikut:

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

5/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Karena ada 2 data dalam sekali pengiriman, maka untuk pembuatan grafik, diperlukan pemisahan atau parsing data. Pemisahan data secara
mudah dilakukan dengan menggunakan icon Match Pattern, yang diambil dari paletFunctions, kategori Programming, kategori String, yang
akan mencari tanda baca pemisah. Tanda pemisah di sini adalah tanda koma. Untuk itu, klik kanan pada kaki input regular
expression icon Match Pattern, pilih Create Constant, dan isi dengan tanda koma. Kemudian hubungkan kaki input string icon Match
Patterninidengan garisdataread buffer, dan klik kanan pada kaki outputbefore substringdan after substring, dan pilih Create Indicator,
seperti ditunjukkan pada gambar berikut:

Klik di sini untuk mendownload program di atas

Perhatikan bahwa garis data pada read buffer berwarna merah muda, yang menunjukkan tipe datastring. Untuk bisa ditampilkan dalam bentuk
grafik, maka tipe datanya harus numeric, seperti integer (berwarna biru), atau double (berwarna oranye). Untuk mengubah data string
menjadi numeric, dapat dilakukan dengan menggunakan icon Decimal String to Number, yang ada di palet Functions, di
kategori Programming, di kategori String. Tambahkan icon tersebut sebanyak 2 buah, dan beri input garis data before substringuntuk icon
pertama dan garis dataafter substringuntuk icon kedua, seperti ditunjukkan pada gambar berikut:

Klik di sini untuk mendownload program di atas

Pada jendela Front Panel, ambil Waveform Chartdari palet Controls, di kategori Express, di kategori Graph Indicators, dan tempatkan di
samping objekobjek sebelumnya, seperti ditunjukkan pada gambar berikut:

Pada jendela Block Diagram, hubungkan icon Waveform Chartdengan input dari 2 buah garis data Decimal String to Number, yang keduanya
digabungkan dengan icon Merge Signals, seperti ditunjukkan pada gambar berikut (gunakan tool Searchdi palet Functionsuntuk mengambil
iconMerge Signals):

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

6/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Klik di sini untuk mendownload program di atas

Karena kedua data memiliki satuan yang berbeda di sumbu Y, yaitu yang satu adalah tegangan (V) dan yang kedua adalah frekuensi (Hz), maka
sebaiknya grafik untuk kedua data tersebut dipisah. Untuk memisah kedua data ke dalam grafik yang berbeda namun dengan sumbu waktu yang
sama, lakukan cara berikut: di jendela Front Panel, tarik kotak Plot Legend ke atas, sehingga muncul 2 Plot (Plot 0 dan Plot 1) seperti
ditunjukkan pada gambar berikut:

Kemudian klik kanan pada kotakWaveform Chart, dan pilihStack Plots, maka kotakWaveform Chartakan memiliki 2 kotak grafik seperti
gambar berikut:

Karena nilai data pertama adalah nilai ADC 10 bit, maka untuk menghasilkan nilai tegangan dalam satuanvolt, sisipkan perhitungandata x 5
/1023, dan ubah label iconnumbermenjadiTeg (V)dan label iconnumber2menjadiFrek (Hz)seperti gambar berikut:

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

7/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Oya, sesuai dengan namanya, yaitu alat pemantau kecepatan angin, maka perlu tambahan sebuah grafik lagi untuk menampilkan data
kecepatan angin. Mengikuti sumber di sini:http://www.scientificamerican.com/article/bringsciencehomewindspeed/
(http://www.scientificamerican.com/article/bringsciencehomewindspeed/), menghitung kecepatan angin dapat dilakukan dengan
menghitung jumlah putaran perdetik dikalikan dengan keliling lingkaran balingbaling alat (dalam meter), seperti ditunjukkan dalam gambar
berikut:

Perbaiki tampilan di jendelaFront Panelagar dapat menampilkan grafik kecepatan angin, seperti gambar berikut. Munculkan jugaGraph
Palette dengan mengklik kanan kotak grafik, kemudian pilihVisible Itemsdan pilihGraph Palette .Graph Palette ini digunakan untuk
mengatur skala grafik secara otomatis.

Klik di sini untuk mendownload program di atas

Berikut video hasil program di atas.

3. Sampailah kita pada bagian ketiga, MENYIMPAN DATA, berikut langkah-langkahnya:

Ambil iconWrite to Measurement File , dari paletFunctionsdi kategoriProgramming, di kategoriFile I/O, dan hubungkan kaki
inputSignalsicon ini dengan garis data ke iconWaveform Chart, seperti ditunjukkan pada gambar berikut:

Klik 2 kali iconWrite to Measurement File , maka akan muncul jendela konfigurasi berikut ini. Dengan jendela konfigurasi ini, pembaca dapat
mengatur lokasi penyimpanan data, cara penyimpanannya, format data, kepala baris (header), dan kolom waktu serta tanda pemisah (koma

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

8/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

atau tab) seperti ditunjukkan pada gambar berikut:

Perhatikan bahwa setiap kali program dijalankan, apabila kotak diameter tidak diisi, maka nilai kecepatan angin akan bernilai 0. Supaya nilai
diameter terisi nilai default, klik kanan pada iconDiameter, di jendelaBlock Diagram, pilihCreate Local Variable , dan tempatkan iconLocal
Variable tersebut di luarWhile Loop, kemudian isi nilainya dengan nilai diameter alat, yaitu 0.11 m. Berikut Front Panel dan Block Diagram
program tampilan grafik dan penyimpanan datanya:

Klik di sini untuk mendownload program di atas

Pembaca dapat memperbaiki tampilan dengan menambahkanDecorationsdi jendela Front Panel, di paletControls, di kategoriModern.
Pembaca juga dapat mengubah tampilan tombol, kotak teks dan grafik dengan fitur Silver, seperti ditunjukkan dalam gambar berikut:

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

9/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Klik di sini untuk mendownload program di atas

Berikut video hasil program dengan tampilan yang baru:

4. Akhirnya kita sampai juga pada bagian terakhir,MEMBUAT APLIKASI EXE. Pembuatan aplikasi
EXE ini sangat mudah,berikut langkah-langkahnya:
Buka MenuToolsdan pilihBuild Application (EXE) from VI..., seperti gambar berikut:

Maka akan muncul kotak dialog yang menunjukkan lokasi file projek, klikContinue .

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

10/11

11/25/2016

BelajarLabView:PembuatanTampilanGrafikdenganLabVIEW|Cronyoz.NETEverythingAboutKnowledge

Muncul jendela pengaturan file EXE yang dibuat. GantiTarget Filename dengan nama yang diinginkan, kemudian klik tombolBuild.

Tunggu hingga proses selesai, maka file EXE telah dihasilkan.

Klik disini untuk mendownload program EXE

Sampai di sini, penggunaan LabVIEW untuk menampilkan grafik dan pembuatan aplikasi EXEnya. Aplikasi yang telah dibuat di Tips 1 hingga Tips 3 ini
sering disebut sebagai alat AKUISISI DATA. Tips berikutnya akan mendemokan pembuatan alat DATALOGGER sederhana. Selamat mengikuti.
Wassalamu'alaikum Wr.Wb
**Sumber :http://5menitbelajarlabview.blogspot.co.id/

POSKAN KOMENTAR
Giri Wahyu Pambudi (https://www.blogger.com/prole/05908159165456856225)
10:59 AM, Juni 14, 2016 (http://www.cronyoz.net/2016/03/belajar-labview-pembuatan-tampilan.html?
showComment=1465876771910#c5330175305068859258)
cek
Balas

http://www.cronyoz.net/2016/03/belajarlabviewpembuatantampilan.html

11/11