Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

download Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

of 17

Transcript of Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    1/17

    Visual Basic dapat digunakan untuk aplikasi akuisisi data dengan database dan chart, absen,menerima dan mengirim data, yang semuanya terhubung dengan port serial. Sebelummengembangkan aplikasi lebih jauh, sekarang saya akan memberikan tutorial caramenampilkan data yang diterima pada port serial dengan Visual Basic.

    Data dikirimkan melalui mikrokontroler ke port serial komputer melalui IC MA!"! yangber#ungsi sebagai pengubah le$el tegangan %%& dari mikrokontroler menjadi le$el tegangan'S!"! pada port serial komputer, dan sebaliknya untuk mengubah dari tegangan 'S!"!menjadi tegangan %%& mikrokontroler. 'angkaiannya seperti ini(

    )ntuk pemrograman mikrokontroler saya menggunakan Bascom AV', untuk mengirimkan

    data serial perintahnya adalah print, jika menggunakan CodeVision perintahnya adalah print#.*al paling penting yang harus diperhatikan pada komunikasi serial ini adalah besarnya Baud'ate yang digunakan, biasanya adalah +-- bps.&isting program dengan Bascom AV' yang akan ditampilkan pada Visual Basic ini sbb(

    '======================================='Tes Port Serial'Wahyu Rahmaniar'Technologination'=======================================

    $regfile = "m32def.dat"$crystal = 11!2$#aud =

    %oPrint "Tes Port Serial"Wait 1Print "&y Technologination"Wait 1Print "Wahyu Rahmaniar"Wait 1oo(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    2/17

    Sebelum dicoba ke Visual Basic, jika rangkaian sudah siap maka kita ujicoba terlebih dahuluke *yperterminal. Buka Start / All 0rograms / Accessories / Communications /*yper%erminal. Maka akan tampil seperti ini(

    Beri nama bebas, misalnya 1Serial1.%etapi jika pada komputer Anda *yper%erminal baru pertama kali digunakan, maka yangakan muncul adalah #orm pengaturan *yper%erminal, kemudian isi Country2region dan Areacode bebas.Selanjutnya setelah klik 34, tampil pengaturan koneksi sbb(

    0ilih C3M 0ort atau Connect using yang digunakan, jika menggunakan DB+ biasa C3M5atau C3M!, dan jika menggunakan kabel kon$erter DB+ to )SB maka cek port yangdigunakan pada De$ice Manager.Setelah itu klik 34, maka akan tampil #orm pengaturan C3M 0roperties(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    3/17

    Isi pengaturan sesuai dengan gambar diatas, yaitu Bits per second atau Baud rate +--, Databits 6, 0arity 7one, Stop Bits 5, dan 8lo9 control 7one.4lik Apply atau 34, jika koneksi sudah benar maka akan ditampilkan data yang dikirimkandari mikrokontroler sbb(

    4oneksi port serial sudah beres, selanjutnya kita buat tampilan Visual Basic nya, bukaso#t9are Visual Basic, dan pilih Standar :: kemudian 3pen, maka akan tampil #orm utama

    VB seperti ini(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    4/17

    4emudian letakkan satu &abel, dua ComboBo;, satu %e;tBo;, dua CommandButton, dansatu %imer pada 8orm5 tsb.

    0ada Visual Basic ini, untuk mengakses port serial dengan menggunakan MSC3MM yangdapat ditambahkan dengan cara, klik kanan pada %oolBar dan pilih Components(

    4emudian cari Microso#t Comm Control , dan klik Apply(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    5/17

    dan tambahkan MsComm tersebut pada 8orm5(

    4emudian susun semua komponen pada 8orm5 tersebut menjadi seperti ini(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    6/17

    &akukan pengaturan pada properties sbb(

    )ntuk mengubah 9arna background, klik pada 8orm5 dan pilih 0roperties /BackColor.)ntuk mengganti tulisan ganti Caption, misalnya menjadi %es 0ort Serial.

    0ada properties &abel, isi tulisan Caption menjadi %es 0ort Serial, Alignment / Centre,BackStyle / -%ransparent. 0ada tampilan ini saya menggunakan 8ont / MS Sans Seri#/ regular / 5

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    7/17

    4lik pada bagian dalam 8orm yang ber9arna, sehingga muncul tulisan sbb(

    4emudian isikan dengan listing program berikut(

    Pri)ate Su# *orm+oad,-With om#o1 ./dd0tem "1" ./dd0tem "2" ./dd0tem "3" ./dd0tem ""

    ./dd0tem "!" ./dd0tem "" ./dd0tem "4" ./dd0tem "5" ./dd0tem ""6nd With

    With om#o2 ./dd0tem "2" ./dd0tem "5" ./dd0tem ""

    ./dd0tem "12" ./dd0tem "35"

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    8/17

    ./dd0tem "!"6nd With

    Timer1.6na#led = *alsecmdonnect.6na#led = True

    cmd%isconnect.6na#led = *alse

    6nd Su#

    0rogram diatas berarti akan dijalankan ketika #orm di load, atau ketika program VB %es 0ortSerial ini dibuka.

    4lik pada cmdConnect sehingga muncul tulisan sbb(

    dan ketikkan listing program sbb(

    Pri)ate Su# cmdonnect+lic7,-%im (ort /s 0ntegern 6rror 8oTo errcodeSelect ase om#o1.ist0nde9ase :1 (ort = 1

    ase (ort = 1ase 1 (ort = 2ase 2 (ort = 3ase 3 (ort = ase (ort = !ase !

    (ort = ase (ort = 4ase 4 (ort = 5ase 5 (ort = 6nd Select0f Somm1.Port(en = *alse Then Somm1.ommPort = (ort Somm1.RThreshold = 1

    Somm1.0n(uten = Somm1.Settings = om#o2.ist,om#o2.ist0nde9- ;

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    9/17

    "

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    10/17

    0f Somm1.Port(en = True Then Somm1.Port(en = *alse6nd 0fcmdonnect.6na#led = Truecmd%isconnect.6na#led = *alse

    6nd Su#

    ?ika port serial terputus, maka cmdConnect enabled, cmdDisconnect disabled, dan %imer5non akti#.

    4lik pada MsComm5 dan ketikkan listing program sbb(

    Pri)ate Su# Somm1+nomm,-%im #uffer /s String%im tem( /s String

    #uffer = Somm1.0n(ut0f #uffer AB "" ThenWith Te9t1 .SelStart = en,.Te9t- .SelTe9t = #uffer6nd With6nd 0f

    6nd Su#

    Bu##er merupakan $ariabel yang akan menerima data dari port serial atau MsComm5.Input,jika data tidak kosong atau 11, maka pada %e;tbo;5 ditambahkan baris setiap menerima data.

    4lik pada %imer dan ketikkan listing program sbb(

    Pri)ate Su# Timer1+Timer,-Somm1+nomm6nd Su#

    yang berarti akan memanggil sub program MsComm1_OnComm sebagaipengambilan data serial, setiap interval waktu timer, yaitu 1 detik.Pengaturan interval waktu pengambilan data ini bisa dilakukan denganprogram VB dengan timer seperti ini, tetapi bisa juga tidak menggunakantimer dan menerima interval waktu yang suda diatur padamikrokontroler.

    !ika tidak ingin menggunakan "imer dari VB, alias "imer sesuai dengandata pengiriman mikrokontroler, maka sub program "imer tidak perludipakai.

    #ekarang, program antarmuka untuk menampilkan data port serial sudaselesai, jangan lupa di save. $emudian lakukan uji%oba, ingat saat uji%oba

    jangan mengakti&kan 'yper"erminal, karena port serial tidak bisa dipakaibersamaan.

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    11/17

    !alankan program, pili COM yang digunakan, misalnya COM1, lalu Baudrate sesuai dengan program Bas%om (V) diatas adala *+, dan klikConne%t.Maka akan tampil data yang dikirimkan dari mikrokontroler tsb sbb-

    ?ika menerima data dari mikrokontroler ke Visual Basic sudah dimengerti, sekarang kita cobauntuk mengirim data dari $isual basic ke mikrokontroler.

    %ambahkan dua buah CommandButton beri nama cmd%es =caption 14on#irmas1> dancmd4irim =caption 14irim1>, dan satu %e;tBo; dengan nama t;tdata, seperti ini(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    12/17

    %ambahkan program berikut pada 0ri$ate Sub 8orm&oad=>(

    [email protected]#led = *alsecmd%es.:nabled 8alse

    dan tambakan program berikut pada Private #ub %mdConne%t_Cli%k/[email protected]#led = True

    cmd%es.:nabled %rue

    $lik pada %md"es dan ketikkan-Pri)ate Su# cmdTes+lic7,-

    MSComm5.3utput 11 Chr=5">:nd Sub

    yang berarti, VB akan mengirimkan karakter 00 atau 2 besar melalui portserial.

    $lik pada %md$irim dan ketikkan-Pri)ate Su# cmd@irim+lic7,-

    MSComm5.3utput t;tdata.%e;t Chr=5">Somm1+nomm

    :nd Subyang berarti VB akan mengirimkan tulisan pada %e;tBo; t;tdata melalui port serial.

    0rogram Bascom AV' nya diubah menjadi seperti ini('=======================================

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    13/17

    'Tes Port Serial'Wahyu Rahmaniar'Technologination'=======================================

    $regfile = "m32def.dat"$crystal = 11!2$#aud =

    %im har /s String C 1

    ulai>%ohar = 0n7ey,- 0f har = "D" Then Print "Res(on @"

    8osu# Terima+data 6lse Print "Tes Port Serial" Wait 1 Print "&y Technologination" Wait 1 Print "Wahyu Rahmaniar" Wait 1 6nd 0foo(

    Terima+data>%ohar = 0n7ey,-0n(ut har oechoPrint "%ata yang di7irim> " E har

    0f har = "D" Then8oto ulai6nd 0foo(

    ?ika kita mengklik button 4on#irmasi pada VB maka akan dikirimkan karakter 11, danditerima oleh bascom dengan perintah inkey=>, jika bascom menerima 11 makamikrokontroler akan mengirimkan tulisan 1'espon 341 ke VB, jika VB menampilkan1'espon 341 juga maka data pada %e;tBo; t;tdata dapat diisi kemudian klik button 4irim.Data tsb diterima oleh mikrokontroler dan dikirimkan kembali ke port serial dengan tulisan1Data yang dikirimkan( 1 =t;tdata>.

    )ntuk kembali ke program a9al menerima data dari mikrokontroler, klik kembali button4on#irmasi. *asilnya sbb(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    14/17

    data yang dikirim adalah 1ayuchan1, kemudian diterima kembali oleh VB menjadi( 1Data

    yang diterima( ayuchan1.

    Source code program Bascom AV' dan Visual Basic ini dapat dido9nload disini.

    %ambahan, cara untuk menampilkan data per te;tbo; dari tiga parameter.Caranya, tambahkan sebuah te;tbo; dengan nama %e;t!.te;t. 4emudian di copy dan paste

    pada #orm, jika ada peringatan("You already have a control name "Text2". Do you want to create a control array?"

    maka pilih yes, dan setiap copy dari %e;t! menjadi nilai array berurutan, perhatikan0roperties / Inde;.

    Biasanya array dimulai dari nilai -, ambil %e;t!.%e;t dengan nilai array 5 sampai ",kemudian susun seperti ini(

    http://www.ziddu.com/download/15536875/vbserial.zip.htmlhttp://www.ziddu.com/download/15536875/vbserial.zip.html
  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    15/17

    0ada %e;t!.%e;t ini #ont yang saya gunakan sama seperti pada %e;t5.%e;t, yaitu %erminal /regular / 5 menjadi(

    Pri)ate Su# Somm1+nomm,-%im #uffer /s String%im tem( /s String

    %im (isah,- /s String%im i /s 0nteger

    0f Somm1.omm6)ent = com6)Recei)e Then #uffer = Somm1.0n(ut (isah = S(lit,#uffer< hr$,13--n 6rror Resume e9t0f #uffer AB " " ThenWith Te9t1 .SelStart = en,.Te9t- .SelTe9t = #uffer

    6nd With*or i = 1 To 3

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    16/17

    0f i A Then Te9t2,i-.Te9t = Str,(isah,i-- 6nd 0f e9t i 6lse

    #uffer = " " 6nd 0f6nd 0f6nd Su#

    Split ber#ungsi sebagai pemisah data berdasarkan suatu karakter tertentu, contoh diatasdipisahkan jika ada chr=5"> atau enter, dan setiap data yang dipisahkan menjadi satu dataarray, yang kemudian ditempatkan pada array %e;t!.%e;t.

    0ada bagian ini ( Te9t2,i-.Te9t = Str,(isah,i--< jika datanya string, ubah

    menjadi string =CS%'>, jika double sebaiknya ubah menjadi double =CDB&>, karena akan

    mempengaruhi penyimpanan data yang nanti akan dijelaskan pada postingan berikutnya.

    0ada program bascom, untuk pengiriman datanya diubah menjadi(Print "Tes Port Serial"Print "&y Technologination"Print "Wahyu Rahmaniar"

    Data dikirimkan tanpa delay, agar ditampilkan pada masingmasing array %e;t!.%e;t secaraberurutan. Data dikirimkan setiap enter atau chr=5"> alias dipisahkan dengan enter atauchr=5">.

    *asilnya seperti ini(

  • 7/24/2019 Visual Basic Dapat Digunakan Untuk Aplikasi Akuisisi Data Dengan Database Dan Chart

    17/17