Home / Pemrograman / C# / Belajar C# Cara Menampilkan Grafik Dengan PlotLab

Belajar C# Cara Menampilkan Grafik Dengan PlotLab

Belajar C# – Menampilkan Grafik

Kali ini Saya akan menjelaskan bagaimana caranya untuk menampilkan sebuah grafik pada aplikasi. Tutorial kali ini menggunakan bahasa pemrograman C# dan .NET component yang bernama PlotLab. Saya harap Anda sudah membaca tutorial Saya sebelumnya tentang PlotLab dan InstrumentLab disini https://blognyaeko.wordpress.com/2012/07/19/plotlab-dan-instrumentlab-net-component-untuk-instrumentasi-elektronika/ . Grafik merupakan tool yang sangat penting pada sebuah aplikasi, apalagi kalau Anda bermain dengan interfacing hardware, selain itu grafik biasanya banyak digunakan untuk menampilkan respon sistem yang dikontrol dengan kontroler tertentu contohnya PID, Fuzzy, dll. Nah kali ini kita akan mencoba membuat aplikasi yang menampilkan grafik sederhana, dimana nilai dari grafik tersebut diambil dari data random dari komputer. Sebelum melanjutkan membaca tutorial ini, pastikan dulu di komputer Anda telah terinstal PlotLab. Selanjutnya kita akan memulai dengan membuat project baru. Seperti biasa, tak ada yang berbeda pada saat membuat project baru. Nah setelah selesai, yang pertama kita lakukan adalah mengimport .NET component (PlotLab) ke project kita. Caranya klik pada Project kemudian Add Reference

Belajar C#
Belajar C#

Kemudian piliih Browse dan masukkan file dll yang ada di lokasi C:Program FilesLabPacksDotNETBin4.0 atau lokasi tempat Anda menginstall PlotLab

Belajar C#
Belajar C#

Setelah selesai, pekerjaan kita selanjutnya adalah memasukkan component grafik PlotLab ke bagian Toolbox agar dapat kita drag n drop ke design GUI. Klik kanan pada toolbox kemudian pilih Choose Items

Belajar C#
Belajar C#

Cari Namespace yang bernama Mitov.PlotLab , kemudian beri centang semuanya

Belajar C#
Belajar C#

Lalu klik OK, dan sekarang lihatlah pada bagian toolbox Anda. Component grafik akan muncul di toolbox Anda.

Belajar C#
Belajar C#

Untuk menggunakan di desain GUI Anda, cukup drag n drop Scope-nya. Kali ini yang akan kita coba adalah Scope. Anda dapat meletakkan ke design GUI Anda. Setelah selesai, kemudian klik kanan pada bagian Scope Anda yang di design form. Klik Edit Channels dan Anda bisa menambahkan Channel dengan mengklik Add.

Belajar C#
Belajar C#
Belajar C#
Belajar C#

OK, saat ini design GUI sudah selesai dan siap digunakan. Saatnya kita memasukkan programnya. Sebelumnya Anda harus menambahkan component timer. Nantinya akan kita gunakan untuk mengupdate grafik. Interval timer yang Saya gunakan adalah 100.

Nah sekarang kita intip dulu program utamanya

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace ContohPlotLab
{
public partial class Form1 : Form
{

public Form1()
{
InitializeComponent();
}

private void Form1_Load(object sender, EventArgs e)
{
timer1.Enabled = true;
}
Random random = new Random(500);
private void timer1_Tick(object sender, EventArgs e)
{
double[] garis1, garis2;
garis1 = new double[100];
garis2 = new double[100];

for(int i=0; i<100; i++)
{
garis1[i] = random.NextDouble();
garis2[i] = random.NextDouble();
}
scope1.Channels[0].Data.SetYData(garis1);
scope1.Channels[1].Data.SetYData(garis2);
}
}
}

Cukup simple sekali, setiap timer tick maka program akan menyiapkan data random sebanyak 100 buah dan data tersebut langsung di plot ke grafik. Hasilnya dapat Anda lihat seperti gambar di bawah ini

2012-11-01_093215

Sourcecode selengkapnya dari tutorial kali ini dapat Anda download disini http://www.mediafire.com/?1in97leuo48mves

About Eko Rudiawan

Seorang lelaki yang punya ketertarikan dengan dunia elektronika dan robot yang saat ini sedang serius belajar tentang dunia bisnis dan internet marketing. My dream to be success technopreneur

2 comments

  1. sourcecode nya ga bisa d download boss

Leave a Reply

Your email address will not be published. Required fields are marked *

seven − one =