LAPORAN WORKSHOP SISTEM ANTARMUKA

Novanna Rahma Zani – 1103181047

PRAKTIKUM 9
Judul : Lab9 – Data logger
Tanggal : 24 Mei 2020

TUJUAN
Mahasiswa dapat melakukan penyimpanan data yang diterima secara lokal ke dalam file
teks.

PENDAHULUAN
Untuk keperluan analisa lebih lanjut atau melihat history data beberapa waktu yang lalu,
data yang diterima dapat disimpan secara lokal dengan cara merekam data tersebut ke dalam file.
Untuk data yang tidak terlalu kompleks, file yang digunakan dapat berupa file text. Sedangkan
untuk data yang kompleks, anda dapat menggunakan file CSV ataupun file database yang lain.
Pada praktikum ini anda akan mencoba untuk merekam paket data yang diterima dari simulator
mikrokontroler ke dalam sebuah file text.

PERALATAN
1. Satu unit komputer dengan Visual Studio 2012 dan aplikasi com0com
2. Aplikasi simulator sebagai pengganti mikrokontroler

PROSEDUR
1. Menjalankan Visual Studio 2012 lalu memilih menu File → New → Project. Buatlah
project baru menggunakan Windows Form App. Mengatur nama dan lokasi.
2. Dengan menggunakan Toolbox, tambahkan textBox, label, dan button seperti pada
Gambar 1. Klik pada textbox, klik tanda segitiga, pilih opsi MultiLine, kemudian
mengatur ukuran textbox.

Gambar 1. Tampilan form

 Novanna Rahma Zani - 1103181047

3. Klik ganda pada button “Pilih folder” dan mengetikkan kode program berikut.
private void button2_Click(object sender, EventArgs e)
{
folderDlg.ShowNewFolderButton = true;
DialogResult result = folderDlg.ShowDialog();
if (result == DialogResult.OK)
label2.Text = folderDlg.SelectedPath;
}

4. Menambahkan namespace berikut pada program.

using System.IO;

5. Menambahkan variable berikut pada program agar dapat diakses di dalam class.
private FolderBrowserDialog folderDlg = new FolderBrowserDialog();

6. Menambahkan baris program berikut pada fungsi public Form1().

public Form1()
{
InitializeComponent();
label2.Text = folderDlg.SelectedPath;
}

7. Klik ganda pada button “Simpan ke file” dan mengetikkan kode program berikut.
private void button1_Click(object sender, EventArgs e)
{
TextWriter txt = new StreamWriter(label2.Text + "data.txt");
txt.WriteLine(textBox1.Text);
txt.Close();
}
8. Menjalankan aplikasi dengan memilih menu Debug → Start Debugging. Ketiklah sebuah
atau beberapa kalimat pada textbox kemudian klik tombol Simpan ke file. Jika tombol
Pilih folder belum anda gunakan maka file text bernama “data.txt” akan tersimpan pada
direktori yang sama dengan program yaitu pada direktori “bin\Debug\”. Bukalah file text
“data.txt” dan amatiisinya.
9. Perhatikan bahwa isi file yang dihasilkan akan tertumpuk (overwrite) dengan yang baru.
Agar isi file dapat ditambahkan dengan data baru maka tambahkan opsi boolean true pada
instruksi StreamWriter. Tambahkan opsi true pada baris berikut. Kemudian jalankan
program dan amati hasilnya.
TextWriter txt = new StreamWriter(label2.Text + "data.txt", true);
 Novanna Rahma Zani - 1103181047

DATA PERCOBAAN
Hasil percobaan prosedur :
1. Membuat Tampilan Form

Gambar 2. Tampilan Form

Gambar 3. Hasil percobaan program

2. Program lengkap :
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.IO;
 Novanna Rahma Zani - 1103181047

namespace Lab9_gui
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
label1.Text = folderDlg.SelectedPath;
}

private void button2_Click(object sender, EventArgs e)

{
folderDlg.ShowNewFolderButton = true;
DialogResult result = folderDlg.ShowDialog();
if (result == DialogResult.OK)
label1.Text = folderDlg.SelectedPath;
}

private FolderBrowserDialog folderDlg = new FolderBrowserDialog();

private void button1_Click(object sender, EventArgs e)

{
TextWriter txt = new StreamWriter(label1.Text + "data.txt", true);
//TextWriter txt = new StreamWriter(label1.Text + "data.txt");
txt.WriteLine(textBox1.Text);
txt.Close();

}
}
}
 Novanna Rahma Zani - 1103181047

TUGAS
Anda telah mencoba teknik merekam data text kedalam file text. Tugas anda adalah
gunakan simulator mikrokontroler untuk mengirimkan data ke aplikasi anda kemudian simpan
paket data yang diterima ke dalam file.
Jawab :
Perancangan Aplikasi
Pada bagian ini, akan dijelaskan prosedur perancangan serta penjelasan program pada
GUI.
1. Membuka Visual Studio 2012 lalu membuka project Lab 6 yaitu aplikasi yang
menerima data dari simulator mikro seperti pada Gambar 3.1 .

Gambar 3.1 Tampilan Aplikasi Lab 6

2. Menambahkan komponen button untuk pilih folder dan simpan seperti Gambar 3.2

Gambar 3.2 Tampilan Aplikasi Lab 6 dengan tambahan button

sesuai dengan tugas Lab 9
 Novanna Rahma Zani - 1103181047

3. Menjalankan simulator mikrokontroller dan mengkoneksikan dengan aplikasi

4. Melakukan streaming data, didapatkan hasil seperti Gambar 3.3
Novanna Rahma Zani - 1103181047

(b)
(c)
 Novanna Rahma Zani - 1103181047

(a)
Gambar 3.3 (a) Tampilan simulasi (b) Hasil Data yang tersimpan ketika overwrite
(c) Hasil Data yang tersimpan dengan data baru setelahnya
Dengan perbedaan program :
(b) TextWriter txt = new StreamWriter(label9.Text + "dataLAB6.txt");
(c) TextWriter txt = new StreamWriter(label9.Text + "dataTRUE.txt", true);

ANALISA
- Pada percobaan mengikuti prosedur, terdapat program dengan penjelasan berikut :
 using System.IO;
Penambahan namespace tersebut diperlukan untuk mendeklarasikan TextWriter dan
SteamWriter yang program ini digunakan saat user klik button Simpan.
 TextWriter txt = new StreamWriter(label1.Text + "data.txt", true);
Variabel txt diawali oleh TextWriter yang merupakan input dari textBox1, kemudian
diperbarui dengan new StreamWriter yang merupakan implementasi dari TextWriter.
 txt.WriteLine(textBox1.Text);
Variabel txt akan ditulis secara berurut yang berasal dari textBox1.Text

 folderDlg.ShowNewFolderButton = true;
DialogResult result = folderDlg.ShowDialog();
if (result == DialogResult.OK)
label1.Text = folderDlg.SelectedPath;
Program diatas merupakan program yang dijalankan ketika user meng-klik button
pilih folder. Ketika button di klik, aplikasi akan menampilkan folderDlg lalu User
memilih folder dan label 1 akan menampilkan folder yang dipilih dalam text.

- Pada tugas, digunakan aplikasi Lab 6 dengan tambahan button dan program seperti Lab 9
Dari percobaan tugas ini, dengan menggunakan program :
(b) TextWriter txt = new StreamWriter(label9.Text + "dataLAB6.txt");
Tampak seperti Gambar 3.3(b) file dataLAB6.txt hanya menyimpan satu line data,
sekalipun tombol simpan di klik berulang-ulang kali.
(c) TextWriter txt = new StreamWriter(label9.Text + "dataTRUE.txt", true);
 Novanna Rahma Zani - 1103181047

Lain halnya dengan penambahan true seperti program diatas, file dataTRUE.txt akan
menyimpan data setiap user klik tombol simpan. Dan tersimpan secara realtime.