Showing posts with label Tutorial Elektronika. Show all posts
Showing posts with label Tutorial Elektronika. Show all posts

Saturday 13 June 2015

tutorial C# : chat Ehernet


Hai sobat jufrikablog kali ini kembali jufrikablog akan membagikan sebuah latihan khusus bagi kamu yang sedang mencari tutorial pemrograman c# , ya kali ini kita akan bicara tentang komunikasi ethernet

Komunikasi ethernet itu sekilas info adalah salah satu jenis komunikasi yang paling sering ditemui, bisa digunakan untuk komunikasi antar PC, PC dengan mikrokontroller, PC dengan PLC, PLC dengan PLC dll . misal nya saja menggunakan RJ 45. ada juga yang nirkabel dengan menggunakan wireless router . nah kali ini kita akan mencoba menbuat sebuah aplikasi chatting teks sederhana menggunakan protocol UDP.
pertama sobat harus memiliki software pemrograman berbasis c#  contoh visual studio atau microsoft visual c# atau sharpdevelop.
kedua sobat desain form seperti ini
 ketiga kita deklarasikan using using nya :D , pada bagian tersebut kita tambahkan :
using System.Net;
using System.Net.Sockets;
using System.Threading;

fungsinya memanggil library yang akan dipakai sebagai jalur untuk mengakses beberapa fungsi yang diperlukan seperti penggunaan thread, akses port.

 keempat deklarasian fungsi AddMessage yang bertipe delegate void, delegate disini digunakan karena adanya pengaksesan sebuah tool (richTextBox) pada 2 buah event yang berbeda.
delegate void AddMessage(stringmessage);

kemudian deklarasikan juga variabel “port” yang mana nantinya nilai variabel ini digunakan sebagai port yang akan digunakan aplikasi untuk mengirimkan dan menerima data. juga
variabel “broadcastAddress” yang mana nantinya variabel ini digunakan untuk mendefinisikan alamat IP tujuan
int port = 11000;
const string broadcastAddress = "192.168.0.255";
nah  selanjutnya tulis program lengkapnya sebagai berikut sob :)
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;
using System.Net;
using System.Net.Sockets;
using System.Threading;
namespace PeerToPeerChat
{
    public partial class ChatForm : Form
    {
        delegate void AddMessage(stringmessage);
        
        string userName;
        
       int port = 11000;
           const string broadcastAddress = "192.168.0.255";
        UdpClient receivingClient = new UdpClient(11000);
           UdpClientsendingClient;
        
           ThreadreceivingThread;
        public ChatForm()
        {
            InitializeComponent();
            this.Load += new EventHandler(ChatForm_Load);
            btnSend.Click += new EventHandler(btnSend_Click);
        }
        private voidChatForm_Load(object sender, EventArgs e)
        {
               tbSend.Focus();
               InitializeSender();
               InitializeReceiver();
           }
        
       private voidInitializeSender()
       {
           sendingClient = newUdpClient(broadcastAddress, port);
           sendingClient.EnableBroadcast = true;
       }
        
       private voidInitializeReceiver()
       {     
           ThreadStartstart = new ThreadStart(Receiver);
           receivingThread = newThread(start);
           receivingThread.IsBackground = true;
           receivingThread.Start();
    }
    private voidbtnSend_Click(object sender, EventArgs e)
    {
        tbSend.Text = tbSend.Text.TrimEnd();
        
           if (!string.IsNullOrEmpty(tbSend.Text))
           {
               stringtoSend = "<" + Environment.MachineName + "> : " + tbSend.Text;
               byte[] data = Encoding.ASCII.GetBytes(toSend);
               sendingClient.Send(data, data.Length);
               tbSend.Text = "";
           }
        
           tbSend.Focus();
    }
    private voidReceiver() {
           IPEndPoint endPoint = newIPEndPoint(IPAddress.Any, port);
           AddMessagemessageDelegate = MessageReceived;
        
           while (true)
           {
               byte[] data = receivingClient.Receive(ref endPoint);
               stringmessage = Encoding.ASCII.GetString(data);
               Invoke(messageDelegate, message);
            System.Console.Beep(1500, 300);
           }
       }
        
       private voidMessageReceived(string message)
       {
           rtbChat.Text += message + "\n";
       }
  }
}

Monday 18 May 2015

Menghidupkan 3 Buah Lampu Arduino dengan Compiler C#


Hai sobat jurikablog sebenarnya pengiriman data melalui serial port sangat sederhana, cukup menggunakan method Write dengan parameter berupa string yang ingin dikirim. disini jufrikablog mencontohkan jika sobat ingin membuat program compile untuk mematikan dan menghidupkan lampu pada arduino dengan simple


1. Alat dan bahan
    3 Buah software : arduino simulator / memakai proteus isis , virtual port setting , dan sharpdevelop atau visual studio c#
2. buat program compiler nya dengan design yang akan jadi seperti ini (komponen : button , serialport, timer, label, textbox)


3. lalu masukan program ini ke tombol send
    serialPort1.Write(textBox1.text);
4.dan pada button on  setting seperti ini (contoh pada button on untuk lampu led 1 memakai karakter 'a')
   Button2.Enabled = false;
   Button5.Enabled = true;
   serialPort.Write('a'); // lihat karakter a di arduino untuk menghidupkan lampu led a
dan pada button off kebalikannya (false dan truenya) dan sesuaikan pembacaan karaternya
  
5. pada void main formnya kita setting serial port open terlebih dahulu
    serialPort1.Open();
6. atur timer menjadi 500 ms dan ubah dari false jadi true
 
dan juga pada serialport atur com yang akan digunakan (misal com1)

7. pada program arduino buat seperti ini
int LEDA=13;
int LEDB=12;
int LEDC=8;


void setup()
{
 Serial.begin(9600);
 pinMode(LEDA,OUTPUT);
 pinMode(LEDB,OUTPUT);
 pinMode(LEDC,OUTPUT);

}

void loop()
{
 if (Serial.available())
{
  char inChar = (char)Serial.read();
  if(inChar=='a')digitalWrite(LEDA,1);
  else if (inChar=='b')digitalWrite(LEDB,1);
  else if (inChar=='c')digitalWrite(LEDC,1);
  else if (inChar=='d')digitalWrite(LEDA,0);
  else if (inChar=='e')digitalWrite(LEDB,0);
  else if (inChar=='f')digitalWrite(LEDC,0);
  else {
    digitalWrite(LEDA,0);
    digitalWrite(LEDB,0);
    digitalWrite(LEDC,0);
  }
}

}

8. Masukan program tersebut ke dalam rangkaian arduino tadi dengan cara seperti digambar
9. Setelah sukses setting com nya di db 9 nya (contoh com 3) dan baud rate 9600
10. lalu jalankan program di c# dan simulasi arduino nya cek video berikut sob :D
note : untuk menghubungkan virtual port bisa di setting dengan software virtual port bisa download disini

Thursday 2 April 2015

Cara Membuat Program Parsing Data Di C#



Hai sobat jufrikablog, tahukah sobat bahwa ketika kita melakukan pencarian di internet misal di google.com banyak perukaran data yang terjadi , dan data data tersebut harus di pilah pilih mana yang berisi port , destianation , isi datanya dan lainya . nah kali ini kita akan mempelajari sebenarnya bagaimana cara memilah milih data tersebut di program c#

Sedikit teorinya sob
Strings adalah kumpulan karakter yang dianggap sebagai satu buah unit tersendiri. Karakter ini dapat berupa huruf besar, huruf kecil, angka maupun karakter spesial seperti +, &, $, # dll. String adalah object dari class String di namespace System. Kita menuliskan string biasanya diletakkan dalam tanda petik. 
"Ini adalah string!"

beberapa method yang dapat digunakan di string
Insert(index, string) 
Remove(index, count)
ToUpper
ToLower
IndexOf(string);
IndexOf(string, int)
LastIndexOf(string);
LastIndexOf(string, int);
Substring(indeks_awal, indeks_akhir);

nah langsung saja kita ke latihannya
  1. masukan beberapa komponen berikut di windows appication
  2. buat programnya seperti ini
    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;
    using System.Windows.Forms;

    namespace JD_Parse_Data
    {
      
        public partial class MainForm : Form
        {
          
            string dataMasuk;
            int awalIndex;
            int akirIndex;
            int awalLenght;
            int akirLenght;
            int sourceport;
            int destinationport;
            int HLEN;
            int data;
            int CRC;
            int trailer;
            public MainForm()
            {
              
                InitializeComponent();
              
              
            }
            void Button1Click(object sender, System.EventArgs e)
            {
                //Contoh Format Data :
                //*&(ikh)(abcde304900015halo apa kabar?okeh5986edcbaio test*0iou
                dataMasuk  =textBox1.Text; // ini isi dari textbox1 masuk ke datamasuk
                awalIndex  = dataMasuk.IndexOf("abcde"); // dimana awal index di tandai dengan abcde (string)
                awalLenght = "abcde".Length; // panjangnya abcde masuk ke awal lenght (integer)
                akirIndex  = dataMasuk.IndexOf("edcba"); // dimana awal index di tandai dengan dacba (string)
                akirLenght = "edcba".Length; // panjangnya edcba masuk ke awal lenght (integer)
                sourceport = awalIndex + awalLenght;
                destinationport = sourceport + 2;
                HLEN = destinationport + 2;
                data = HLEN + 5;
                trailer = data + 15;
                CRC = trailer + 4;

                terima.Text = dataMasuk.Substring(awalIndex, akirIndex + akirLenght - awalIndex);
                source.Text = dataMasuk.Substring(sourceport, 2);
                destination.Text = dataMasuk.Substring(destinationport, 2);
                datanya.Text = dataMasuk.Substring(data, 15);
                trailernya.Text = dataMasuk.Substring(trailer, 4);
                helen.Text = dataMasuk.Substring(HLEN, 5);
                crcnya.Text = dataMasuk.Substring(CRC, 4);          
            }
          
        }
  3.  nah setelah itu sobat compile programnya dan jalankan seperti ini
Nah ini sedikit video demonya sob


Sunday 29 March 2015

Membuat Simple Paint Di C#


Hai sobat jufrikablog disini saya akan memberikan sedikit ilmu kepada sobat semua  masih tentang menggunakan graphic di C# , yang sebelumnya kita menggunakan form sebagai media gambar kita , kini kita ganti ke panel :D

Ikuti Langkah di blog ini jika sobat ingin membuat aplikasi seperti video demo di bawah :)

Pertama ada syarat" nya yang harus di penuhi untuk bisa membuat aplikasi ini . sobat harus ada laptop /pc . punya sharpdevelop atau software sejenis , lalu like blog saya ( wkwkw -_- )


  1. Buka Program Sharpdevelop 
  2. Buka File>New>Solution>WindowsFormApplication
  3. Buat Desain Standard seperti ini Dengan menggunakan Button , GroupBox , Textbox dan Panel.
  4. Di Button Close isi ini
    Application.Exit();
  5. Di Button Erase isi ini
    this.refresh(); // untuk erase atau penghapus semua
  6. Di Pen Color karna kita ingin membuat color dari colordialog maka masukan kodingan ini
    ColorDialog dlg = new ColorDialog();
                if (dlg.ShowDialog() == DialogResult.OK);
                {
                    penaAjaib.Color = dlg.Color; // nama pena ajaib adalah warna hasil kursor kita nantinya.
                    button3.BackColor = dlg.Color; // warna button pen colornya kan di button 3 jadi warnanya ikut berubah
                }
  7. Di Button Line isi ini
                button4.BackColor = Color.Gray; // berfungsi mengubah warna button 4 saja ini animasi
                button5.BackColor = Color.Empty;
                button6.BackColor = Color.Empty;
                line = true; rectang = false; ellipse = false; pen = false;    // yang aktif hanya line   
  8. Di Button Rectangle isi ini
                button4.BackColor = Color.Empty;
                button5.BackColor = Color.Gray;
                button6.BackColor = Color.Empty;
                line = false; rectang = true; ellipse = false; pen = false;       
  9. Di Button Ellipse isi ini
               button4.BackColor = Color.Empty;
                button5.BackColor = Color.Empty;
                button6.BackColor = Color.Gray;
                line = false; rectang = false; ellipse = true; pen = false;
  10. Di panel setting seperti ini (klik panel cari lambang bertanda petir (di baca event) bagian Mouse Clik, MouseUp , MouseDown, MouseMove isi ini
    void Panel1MouseDown(object sender, MouseEventArgs e)
            {
                if (e.Button == MouseButtons.Left)
                {
                    shouldPaint = true;
                }
                X1 = e.X;
                Y1 = e.Y;
            }
    void Panel1MouseClick(object sender, MouseEventArgs e)
            {
                if (shouldPaint == true)
                {
                    X = e.X;
                    Y = e.Y;
                    X2 = e.X - X1;
                    Y2 = Y1 -e.Y;
                    if (rectang == true)
                    {
                        objGrp.DrawRectangle(penaAjaib, X1, Y1, X2, -Y2);
                    }
                    if (ellipse == true)
                    {
                        objGrp.DrawEllipse(penaAjaib, X1, Y1, X2, -Y2);
                    }
                    if (line == true)
                    {
                        objGrp.DrawLine(penaAjaib, X1, Y1, e.X, e.Y);
                    }
                    if (pen == true)
                    {
                        objGrp.DrawLine(penaAjaib, X1, Y1, e.X,e.Y);
                    }
               
            }
    void Panel1MouseUp(object sender, MouseEventArgs e)
            {
                shouldPaint = false;
                textBox1.Text = Convert.ToString(X2);
                textBox2.Text = Convert.ToString(Y2);
                XY = Math.Sqrt((X2 * X2) + (Y2 * Y2));
                textBox3.Text = Convert.ToString(XY);
            }
    Nah agar lebih jelasnya sobat lihat codingan lengkapnya disini


    Sekian Tutorial Dari jufrikablog sampai jumpa di post jufrikablog selanjutnya:)
     

Monday 23 March 2015

mengunakan Graphis dalam aplikasi windows sederhana



hai sobat jufrikablog, kali ini saya akan sedikit berbagi bagaimana cara menggunakan event graphic yang biasa kita gunakan untuk aplikais menggambar dengan paint atau sejenis lainnya . ok berikut caranya sob
sedikit teori dulu ...

Mouse adalah salah satu input komputer yang sangat penting. Mouse sangat dibutuhkan untuk berinteraksi dengan GUI aplikasi Windows. Dengan mouse, user dapat mengarahkan kursor, menge-klik maupun menge-drag sebuah object. Menekan, melepaskan tombol mouse maupun menggerakkan kursor mouse akan menghasilkan event. Pada praktikum ini kita mencoba memanfaatkan event-event mouse tersebut untuk menggambar grafik. Untuk menggambar pada form, atau object lain sebagai base menggambar, kita akan menggunakan object Graphics. Di dalam object ini terdapat beberapa method untuk menggambar text, garis, persegi panjang dan elips.

latihan nya sob ...

Untuk latihan diawal kita masih memanfaatkan form sebagai media untuk coret" graphic kita
  1. Buka dulu aplikasi nya dan buat windows form seperti biasa (File>New>Solution>WindowsAplication)
  2. Lalu  kita harus mendeklarasikan object Graphics, dan kita letakkan sebagai global.
  3. Kemudian baru kita buat instance object-nya. Untuk class Graphics, kita tidak bisa mendeklarasikan lalu langsung membuat instancenya. Karena method CreateGraphics tidak bisa digunakan langsung ketika kita mendeklarasikan Graphics. Oleh karena itu, untuk membuat instance object, kita lakukan di event FormLoad. caranya sperti di gambar
  4.  isi Form Load dengan ini
  5. Coba dahulu jalankan apakah ada error? kalau tidak kita ke langkah berikutnya :)
nah Kita mulai menggambar apabila tombol kiri mouse ditekan. Selama ini kita membuat program ketika tombol kiri mouse di-klik. Untuk menambahkan program apabila tombol kiri mouse ditekan (atau apapun selain klik), gunakan event yang ada di toolbox properties.
  1. Klik ganda pada MouseDown, maka kita akan dibawa ke source code untuk event OnMouseDown. Tambahkan program berikut:
    if (e.Button == MouseButtons.Left) //jika mouse button klik kiri di jalankan maka
    {
    jdPaint = true;  // jdpaint bernilai benar
  2.  Variabel shouldPaint adalah variabel boolean yang harus kita deklarasikan di awal sebagai variabel global agar dapat diakses oleh semua fungsi. caranya letakan ini di bawah
     private Graphics objGraphic;
  3. Kemudian agar aplikasi mulai menggambar ketika mouse kiri di klik dan mouse bergerak, maka kita harus membuat program ketika mouse bergerak. Klik ganda pada MouseMove, maka kita akan dibawa ke source code untuk event OnMouseMove. Tambahkan program berikut:
  4. Statement di atas adalah untuk menggambar elips dengan menggunakan brush berwarna biru keunguan, di koordinat event X dan event Y, tinggi elips sebesar intDiameter, lebar elips sebesar intDiameter juga alias lingkaran. Agar aplikasi berhenti menggambar ketika tombol mouse dilepas, kita harus menambahkan program di event OnMouseUp.
  5. dan coba jalankan programnya sob :D

Sunday 22 March 2015

Menggunakan Array dan Checkbox pada bahasa pemrograman C#

Hai sobat jufrikablog :D kali ini saya akan sekali lagi memberikan tutorial bagaimana menggunakan array dan checkbox di pemrograman C# langsung saja berikut latihannya sob :D

Teorinya gini sob
Array dapat digunakan untuk mengelompokkan beberapa objek yang sama, Apabila kita menggunakan banyak variabel dengan tipe data yang sama, maka lebih efisien apabila variabel tersebut kita kelompokkan ke dalam array. Di C# Untuk mengalokasikan array, kita menggunakan keyword new (Seperti pada gambar).

        Namun apabila kita langsung menginisialisasi array,kita tidak perlu menggunakan new.  (Seperti pada gambar).   

 Untuk mengetahui ukuran array, kita dapat menggunakan properties Length. untuk array di atas akan menghasilkan nilai 6.
nah ini dia latihannya sob :D
1. Buka Program SharpDevelopnya dan buat file>new>solution dan pilih windows aplication.
2. Buat desain seperti ini  :

3. Ganti Nama Seperti ini :


4. Pada Tombol hitung klik 2x dan masukan program seperti ini :


5.  Jalankan programnya dengan mengklik tombol hijau run compile exe untuk mengkompile.


cukup sekian tutorial dari jufrikablog semoga artikel ini bermanfaat bagi bangsa dan negara hahahaha

                                                                                                                                        

Wednesday 18 March 2015

Penyearah Gelombang Penuh (Full Wave Rectifier)



Hai Sobat jufrikablog :) , kali ini saya akan sedikit membahas tentang salah satu jenis penyearah gelombang , yaitu penyearah gelombang penuh ,  jenis penyearah ada 2 macam berdasarkan bentuk gelombang nya yaitu half wave and full wave. nah kali ini saya jelaskan yang full wave :D.

apa itu full wave rectifier?
secara pengertian singkat full wave rectifier adalah penyearah gelombang penuh.
Penyearah gelombang penuh dapat dibuat dengan 2 macam yaitu, menggunakan 4 diode dan 2 diode. Untuk membuat penyearah gelombang penuh dengan 4 diode menggunakan transformator non-CT seperti terlihat pada gambar berikut

Penyearah gelombang penuh dapat dibuat dengan 2 macam yaitu, menggunakan 4 diode dan 2 diode.

A. 4 DIODA
Gambar 2 Full Wave With Bridge Diode
Untuk membuat penyearah gelombang penuh dengan 4 diode(dioda bridge) menggunakan transformator non-CT seperti terlihat pada gambar diatas.
       Prinsip Kerja  penyearah gelombang penuh dengan 4 dioda yaitu
dimulai pada saat output transformator memberikan level tegangan sisi positif, maka D1, D4 pada posisi forward bias dan D2, D3 pada posisi reverse bias sehingga level tegangan sisi puncak positif tersebut akan di leawatkan melalui D1 ke D4. Kemudian pada saat output transformator memberikan level tegangan sisi puncak negatif maka D2, D4 pada posisi forward bias dan D1, D2 pada posisi reverse bias sehingan level tegangan sisi negatif tersebut dialirkan melalui D2, D4.
lebih jelas lihat simulasi di video berikut ini sob


B. 2 DIODA 
Untuk membuat penyearah gelombang penuh dengan 2 diode  menggunakan transformator CT seperti terlihat pada gambar berikut ini.
Gambar 3 Full Wave Rectifier With 2 Diode

Perbedaan Prinsip Kerja  penyearah gelombang penuh dengan 2 dioda yaitu sebagai berikut :

Pada saat tegangan input vi bernilai positif dan diinputkan pada lilitan primer dari trafo, maka rangkaian ekivalennya ditunjukkan pada gambar 4. Ada dua keluaran tegangan dari trafo CT ini pada lilitan sekundernya. Kedua keluaran ini memiliki bentuk gelombang yang sama apabila susunan polaritas dari kedua tegangannya seperti ditunjukkan pada gambar 4. Pada saat siklus tegangan positif, dioda D1 “on” dan dioda D2 “off”. Arus dapat mengalir melewati dioda D1. Sehingga tegangan output vo (atau tegangan pada resistor R) memiliki bentuk yang sama dengan tegangan inputnya.

Gambar 4
Pada saat siklus tegangan negatif, kondisi rangkaian ditunjukkan pada gambar 5. Kali ini dioda D1 “off” dan dioda D2 “on”, arus masih bisa mengalir melewati dioda D2. Dan tegangan output, yaitu tegangan pada resistor R, bernilai positif sesuai dengan polaritas vo yang telah ditentukan. Jadi, rangkaian ini memiliki fungsi yang sama dengan rangkaian penyearah gelombang penuh dengan 4 dioda.

Gambar 5

bentuk gelombangnya seperti ini



Referensi
eASYtIPS4YOU
http://elektronika-dasar.web.id/
http://elkaasik.com/



Saturday 7 March 2015

Cara Membuat Program Konversi suhu dalam bentuk form


Apabila pada artikel sebelumnya saya mengshare bagaimana cara membuat program konversi suhu dengan c# dalam bentuk layar hitam putih (console) kali ini jufrikablog akan mengshare bagaimana cara membuat program tersebut dalam bentuk sebuah windows application. Langsung saja berikut tutorialnya


1.Buka dahulu sharpdevelop nya.
2.Lalu buat form baru dengan cara klik file> new > solution dan pilih windows application
3. buat sebuah nama program . contoh konversi1
4. pindahkan tab dari source ke design untuk melihat formnya.
5. masukan beberapa label textbox dan button sesuai kebutuhan. seperti ini desainnya
  
6.Pada textbox inputan suhu besi dan fahrenheit jangan lupa masukan angka 0 untuk default nya
7.  Setelah membuat desainnya , kamu perlu membuat coding-an nya .
    Pertama kamu pahami dahulu flowchart berikut :


8.Klik dua x button START dan masukan codingan ini
     see at this >>> view
9.namun sebelumnya kamu perlu mendeklarasikan tipe tipe variabel berikut yang digunaka, karna saa ingin variablelnya bersifat public maka saya letakna di bawah ini
public partial class MainForm : Form
    {
        public double a, b, c, d, f, g, h, i; // tipenya double a,b,c,d untuk besi , dfghi untuk alumunium
   
       ....
10.nah setelah itu kita akan membuat tombol resetnya dengan codingan seperti ini >>View<<
11.setelah itu kita buat tombol panaskan dan dinginkan .
   Klik 2x tombol panaskan pada besi dan masukan kode berikut>>View<<
  Klik 2x tombol dinginkan pada besi dan masukan kode berikut>>View<<
  Klik 2x tombol panaskan pada Alumunium dan masukan kode berikut>>View<<
  Klik 3x tombol dinginkan pada Alumunium dan masukan kode berikut>>View<<

12. nah terakir untuk tombol closenya buat sperti ini
  klik dua x tombol exit dan isi
   Close();
Untuk Full Projectnya sobat bisa minta ke fasnpage saya atau datang ke saya ya hehe

Sekian dari jufrikablog semoga artikel ini bermanfaat bagi nusa & bangsa MERDEKA!!
 dan ini video demo aplikasi saya
next artikel saya akan membahsa bagaiaman membuat form startup , so stay tune at my blog