LAPORAN PEMROGRAMAN BASIS DATA

JOB 9
Chart And Reporting Tabel Kehadiran, Nilai, dan Beasiswa

Disusun oleh :
Nama : Bagusti Muspratama
NIM : 3.34.14.0.04

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI SEMARANG
2015

Chart And Reporting Tabel Kehadiran, Nilai, dan Beasiswa

I.

Tujuan Instruksional Khusus

Setelah menyelesaikan praktikum ini mahasiswa dapat :
1. Memahami dan menggunakan kode program untuk menampilkan dan
2.
3.
4.
5.
6.

II.

memasukkan data dalam bentuk chart.

Memahami dan menggunakan kode program untuk membuat chart dengan VB.
Memahami cara untuk memasukan database Ms Access ke dalam chart.
Memahami Crystal Report pada VB.NET
Menghubungkan Crystal Report dengan Database
Membuat aplikasi laporan menggunakan Crystal Report

Dasar Teori
Chart/Grafik
Grafik adalah merupakan visualisasi table. Table yang berupa angka-angka
yang dapat disajikan / ditampilkan ke dalam bentuk gambar.
Grafik sering juga disebut sebagai diagram, bagan, mauoun chart. Pada
dasarnya grafik berfungsi memberikan penjelasan kepada para pembaca grafik
atau orang yang membutuhkan data. Grafik itu sendiri bisa memudahkan pembaca
untuk mengetahui dan membaca data tanpa menggunakan kata-kata yang berteletele karena grafik menyajikan data dam bentuk angka dalam sebuah lembar kerja
dalam bentuk visualisasi grafik.
Jenis grafik, ada beberapa macam grafik diantaranya adalah
1. Grafik batang (histogram)
Dipakai untuk menekankan perbedaan tingkat nilai dan beberapa aspek
contohnya grafik Penyesuaian barang.
2. Grafik garis
Dipakai untuk menggambarkan perkembangan / perubahan dari waktu ke
waktu contohnya grafik kesehatan anak
3. Peta dan Denah
Peta adalah penyajian visual tentang suatu wilayah dalam bentuk gambar
Denah adalah penyajian visual suatu tempat / ruangan dalam bentuk gambar.
4. Grafik lingkaran
Merupakan grafik yang menyatakan perbandingan dengan gambar lingkaran.

III.

Alat dan Bahan

1. PC Processor minimal Pentium IV, RAM minimal 512 MB
2. Microsoft Visual Studio 2013 Professional atau versi di bawahnya
2

3. Microsoft Access 2013

IV.

Langkah Kerja/Percobaan
Pembuatan Form
Melakukan CHART pada Tabel Transaksi Beasiwa, Kehadiran dan Nilai.
Berikut Komponen Yang diperlukan dalam Form :
1. CHART
Properties
Label
ComboBox

Name
IDLabel , Label2,Label3,Label4
ComboBox1
ComboBox2

Button
Chart

BtnBeasiswa,BtnNilai,BtnKehadiran,GO.
Chart1

Tampilan Form CHART

Gambar 1.1 Form Chart

I.1Melakukan Coding Pada Form CHART

1. CHART

Import Library yang dibutuhkan karena kita menggunakan Access

maka menggunakan Data Provider dari OLE DB serta IO
Imports System.Windows.Forms.DataVisualization.Charting
Imports System.Data
Imports System.Data.OleDb

Deklarasi variable yang dibutuhkan antara lain variable untuk

eksekusi command query dan koneksi , seperti berikut :
Dim Koneksi AsOleDbConnection
Dim Kueri, X, Y AsString
Dim Tabel AsNewDataTable
Dim Source = "Provider=Microsoft.ACE.OLEDB.12.0; Data Source=
System.Environment.CurrentDirectory & "\Akademik.accdb"
Public DR AsOleDbDataReader
Public Adapter AsOleDbDataAdapter

Public DS AsDataSet

Buat Koneksi dan Subroutine yang diperlukan sebagai berikut

Koneksi = NewOleDbConnection(Source)
If Koneksi.State = ConnectionState.Closed Then
Koneksi.Open()
EndIf
SetChart()
VisibleOFF()
Sub SetCmbBoxProdi()
ComboBox1.Items.Add("T.Informatika")
ComboBox1.Items.Add("T.Jarkom-D3")
ComboBox1.Items.Add("T.Jarkom-D4")
ComboBox1.Items.Add("T.Listrik")
ComboBox1.Items.Add("T.Elektronika")
ComboBox1.Text = " - Pilih Prodi -"
EndSub
Sub BrowsingMK()
Kueri = "Select Kode_Mk,Nama_Mk from Master_MK"
LoadDataKueri()
Dim DT AsDataTable = DS.Tables("Data")
ComboBox.DataSource = DT
ComboBox.ValueMember = "Kode_Mk"
ComboBox.DisplayMember = "Nama_Mk"
EndSub
Sub BrowsingBeasiswa()
Kueri = "Select Kode_Bs,Nama_Bs from Master_Beasiswa"
LoadDataKueri()
Dim DT AsDataTable = DS.Tables("Data")
ComboBox.DataSource = DT
ComboBox.ValueMember = "Kode_Bs"
ComboBox.DisplayMember = "Nama_Bs"
EndSub
Sub BrowsingKelas()
Kueri = "Select Distinct Kelas From Kelas"
LoadDataKueri()
Dim DT AsDataTable = DS.Tables("Data")
ComboBox.DataSource = DT
ComboBox.ValueMember = "Kelas"
ComboBox.DisplayMember = "Kelas"
EndSub

Sub Fungsi MenentukanProdi() dan mencari data beasiswa ,

kehadiran dan nilai untuk ditampilkan dalam chart
Sub CariProdi()
If ComboBox1.SelectedItem = "T.Informatika"Then
X = "IK"
Y = "T.INFORMATIKA D3"

ElseIf ComboBox1.SelectedItem = "T.Listrik"Then

X = "LT"
Y = "T.LISTRIK D3"
ElseIf ComboBox1.SelectedItem = "T.Jarkom-D3"Then
X = "JRK"
Y = "T.JARKOM D3"
ElseIf ComboBox1.SelectedItem = "T.Jarkom-D4"Then
X = "JRKII"
Y = "T.JARKOM D4"
ElseIf ComboBox1.SelectedItem = "T.Elektronika"Then
X = "EK"
Y = "T.ELEKTRONIKA D3"
EndIf
EndSub
Sub DataBeasiswa()
Kueri = "Select COUNT(*) As Jumlah ,mb.Nama_Bs from
((Beasiswa b RIGHT JOIN Kelas k ON k.NIM = b.NIM) LEFT JOIN
Master_Beasiswa mb ON mb.Kode_Bs=b.Kode_Bs) Where
b.Kode_Bs='"& ComboBox.SelectedValue &"' And k.Kelas Like '"& X
&"%' GROUP BY mb.Nama_Bs"
LoadDataKueri()
Chart1.DataSource = DS.Tables("Data")
Chart1.Series("X").XValueMember = "Nama_Bs"
Chart1.Series("X").YValueMembers = "Jumlah"
EndSub
Sub DataNilai()
Kueri = "Select N1,N2,N3, NIM from Nilai Where Kode_Mk='"&
ComboBox.SelectedValue &"'"
LoadDataKueri()
Chart1.DataSource = DS.Tables("Data")
Chart1.Series("X").XValueMember = "NIM"
Chart1.Series("Y").XValueMember = "NIM"
Chart1.Series("Z").XValueMember = "NIM"
Chart1.Series("X").YValueMembers = "N1"
Chart1.Series("Y").YValueMembers = "N2"
Chart1.Series("Z").YValueMembers = "N3"
EndSub
Sub DataKehadiran()
Kueri = "Select mk.Nama,mk.Ijin,mk.Sakit,mk.Alpha from
Kehadiran mk LEFT JOIN Kelas k ON k.NIM=mk.NIM Where k.Kelas='"&
ComboBox.SelectedValue &"'"
LoadDataKueri()
Chart1.DataSource = DS.Tables("Data")
Chart1.Series("X").XValueMember = "Nama"
Chart1.Series("Y").XValueMember = "Nama"
Chart1.Series("Z").XValueMember = "Nama"
Chart1.Series("X").YValueMembers = "Ijin"
Chart1.Series("Y").YValueMembers = "Sakit"
Chart1.Series("Z").YValueMembers = "Alpha"
EndSub

Buat Blok Kode Program untuk menghias tampilan per button

Sub SetTampilanChartBeasiswa()
SetChart()

Chart1.Series.Add("X")
Chart1.Series("X").LegendText = ComboBox.Text
Chart1.ChartAreas("ChartArea1").AxisX.Title = "Jenis Beasiswa"
Chart1.ChartAreas("ChartArea1").AxisY.Title = "Per Prodi - "& Y &""
Chart1.Visible = True
EndSub
Sub SetTampilanChartNilai()
SetChart()
Chart1.Visible = True
Chart1.Series.Add("X")
Chart1.Series.Add("Y")
Chart1.Series.Add("Z")
Chart1.ChartAreas("ChartArea1").AxisX.Title = "NIM"
Chart1.ChartAreas("ChartArea1").AxisY.Title = "Nilai"
EndSub
Sub SetTampilanChartKehadiran()
SetChart()
Chart1.Visible = True
Chart1.Series.Add("X")
Chart1.Series.Add("Y")
Chart1.Series.Add("Z")
Chart1.Series("X").LegendText = "Ijin"
Chart1.Series("Y").LegendText = "Sakit"
Chart1.Series("Z").LegendText = "Alpha"
Chart1.ChartAreas("ChartArea1").AxisX.Title = "Nama"
Chart1.ChartAreas("ChartArea1").AxisY.Title = "Jumlah Kehadiran
Mahasiswa"
EndSub
Sub SetChart()
Chart1.Series.Clear()
Chart1.Legends("Legend1").Title = "Keterangan"
EndSub

Buat Blok Kode Program dalam per button yaitu behasiswa , nilai ,
kehadiran dan go
PrivateSub Go_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Go.Click
If BtnBeasiswa.BackColor = SystemColors.ActiveCaption Then
BtnBeasiswa.BackColor = SystemColors.ButtonFace
SetTampilanChartBeasiswa()
ComboBox1.Items.Clear()
DataBeasiswa()
ComboBox.DataSource = Nothing
ElseIf BtnNilai.BackColor = SystemColors.ActiveCaption Then
BtnNilai.BackColor = SystemColors.ButtonFace
SetTampilanChartNilai()
DataNilai()
ComboBox.DataSource = Nothing
ElseIf BtnKehadiran.BackColor = SystemColors.ActiveCaption Then
BtnKehadiran.BackColor = SystemColors.ButtonFace
SetTampilanChartKehadiran()
DataKehadiran()
ComboBox.DataSource = Nothing

EndIf
EndSub
PrivateSub BtnBeasiswa_Click(ByVal sender As System.Object, ByVal e
As System.EventArgs) Handles BtnBeasiswa.Click
BtnBeasiswa.BackColor = SystemColors.ActiveCaption
BtnNilai.BackColor = SystemColors.ButtonFace
BtnKehadiran.BackColor = SystemColors.ButtonFace
BrowsingBeasiswa()
SetCmbBoxProdi()
VisibleON()
Label1.Text = "Jenis Beasiswa : "
EndSub
PrivateSub BtnNilai_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnNilai.Click
BtnNilai.BackColor = SystemColors.ActiveCaption
BtnBeasiswa.BackColor = SystemColors.ButtonFace
BtnKehadiran.BackColor = SystemColors.ButtonFace
BrowsingMK()
VisibleON()
CustomizeON()
ComboBox1.Items.Clear()
Label1.Text = "
Mata Kuliah : "
EndSub
PrivateSub BtnKehadiran_Click(ByVal sender As System.Object, ByVal e
As System.EventArgs) Handles BtnKehadiran.Click
BtnKehadiran.BackColor = SystemColors.ActiveCaption
BtnBeasiswa.BackColor = SystemColors.ButtonFace
BtnNilai.BackColor = SystemColors.ButtonFace
VisibleON()
BrowsingKelas()
ComboBox1.Items.Clear()
Label1.Text = "
Kelas : "
EndSub
PrivateSub ComboBox1_SelectedIndexChanged(ByVal sender As
System.Object, ByVal e As System.EventArgs) Handles
ComboBox1.SelectedIndexChanged
CariProdi()
ComboBox1.Visible = False
EndSub
PrivateSub Button1_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Button1.Click
Chart1.Palette = ChartColorPalette.EarthTones
EndSub
PrivateSub Button2_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Button2.Click
Chart1.Palette = ChartColorPalette.Excel
EndSub
PrivateSub Button3_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Button3.Click
Chart1.Palette = ChartColorPalette.SemiTransparent
EndSub

I.2Crystal Report
Langkah :
Klikk Add New Item

Reporting/CrystalReport

Beri Nama CrystalReport2.rpt

Koneksi kan dengan Database OLE DB - ACE.12 pada

Database Expert/New Connection

V.

Drag Data ke Tampilan Report

Lembar Kerja
N
o
1

Praktik
Form Chart

Hasil Program
Beasiswa

Kehadiran

Nilai
2

Form Report

Beasiswa

Nilai
Kehadiran

VI.

Pertanyaan dan Tugas

1. Mengapa diperlukan visualisasi data dalam bentuk chart?
Jawaban
Fungsi visualisasi data adalah untuk mengkomunikasikan informasi secara
jelas dan efisien kepada pengguna lewat grafik informasi yang dipilih, seperti
tabel dan grafik/chart. Visualisasi yang efektif membantu pengguna dalam
menganalisa dan penalaran tentang data dan bukti. Ia membuat data yang
10

kompleks bisa diakses, dipahami dan berguna. Pengguna bisa melakukan

pekerjaan analisis tertentu, seperti melakukan pembandingan atau memahami
kausalitas, dan prinsip perancangan dari grafik (contohnya, memperlihatkan
perbandingan atau kausalitas) mengikuti pekerjaan tersebut.
2. Mengapa diperlukan visualisasi data dalam bentuk Report?
Jawaban
Visualisasi data dalam bentuk report juga diperlukan karena dengan
menampilkan data dalam bentuk report kita dapat melihat data secara lengkap
dan detail dengan begitu akan memudahkan pengguna untuk mengetahui
informasi dari suatu kumpulan data.
3. Buatlah chart dengan cara coding dengan nilai-nilai yang berasal dari variabel
array.

Hasil

11

Coding
Imports System.Windows.Forms.DataVisualization.Charting
Imports System.Data
Imports System.Data.OleDb
Public Class Form1
Dim X(12) As Integer
Dim Y(12) As Integer
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
setChart()
End Sub
Sub setChart()
Chart1.Titles.Add("GRAFIK PRODUKSI TELUR AYAM")
Chart1.Titles.Add("'Yondei Farm'")
Chart1.Titles.Add("Tahun 2014")
Chart1.Series.Add("Telur")
Chart1.Series("Telur").ChartType = SeriesChartType.Column
Chart1.ChartAreas("ChartArea1").AxisX.Title = "Bulan"
Chart1.ChartAreas("ChartArea1").AxisY.Title = "Jumlah Produksi (Butir)"
X = New Integer() {1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12}
Y = New Integer() {500, 600, 625, 555, 575, 600, 650, 700, 800, 775, 725, 675}
For i As Integer = 0 To 11
Chart1.Series("Telur").Points.AddXY(X(i), Y(i))
Next
End Sub
End Class

VII.

Kesimpulan

Berdasarkan praktikum yang telah dilakukan, dapat diambil kesimpulan berikut :

1. Saya dapat memahami dan menggunakan kode program untuk menampilkan dan
memasukkan data dalam bentuk chart.
2. Saya dapat memahami dan menggunakan kode program untuk membuat chart dengan VB.
Untuk membuat chart dengan VB, beberapa elemen yang perlu kita atur di antaranya
adalah series, axis dan judulnya, tipe chart dan judul chart bila memang diinginkan.
3. Untuk memasukkan database MS Access ke dalam chart, kita perlu memastikan bahwa
koneksi pada database MS Access telah terbangun. Lalu dengan menggunakan query

12

SELECT kita ambil data yang diperlukan, ditampung pada sebuah tabel virtual dan
ditampilkan.
4. Crystal Report pada VB.NET adalah sebuah program yang dapat digunakan untuk
membuat dan menterjemahkan informasi yang terkandung pada data ke dalam bentuk
laporan.
5. Crystal Report dihubungkan dengan database menggunakan Database Expert. Setelah kita
membangun koneksi dengan database tersebut lalu kita memilih tabel yang diperlukan
untuk membuat laporan.
6. Saya dapat membuat aplikasi laporan menggunakan Crystal Report.
-

13