Tutorial Membut Report Menggunakan Standalone Telerik Report Designer

Standalone Telerik Report Designer adalah sebuah aplikasi yang memungkinkan pengguna untuk membuat laporan dan tau mengeditnya. Standalone Telerik Report Designer salah satu tool windows yang didukung oleh Telerik Report yang menggunakan standar UI terbaru untuk mempermudah pengguna dalam membuat suatu laporan. Menganalisa data, mengirim, dan berbagi dokumen laporan. The standalone Report Designer merupakan bagian dari paket Telerik Reporting. Merupakan file .EXE tunggal, yang menyederhanakan ditribusi, dan tidak memerlukan instalasi. Karna berdiri sendiri aplikasi Standalone Telerik Report Designer ini tidak memerlukan visual studio untuk bisa membuat laporan.

Sekarang saya akan berbagi bagaimana cara membuat laporan sederhana menggunakan Standalone report designer. Disini saya menggunakan Standalone Telerik Report Designer Versi Q3 2014.

Disini saya menggunakan SQL server sebagai data connection, dan Adventurework2012 sebagai database yang akan dipakai. Contoh pada report yang akan saya buat adalah saya akan menampilkan data pelanggan, nama barang yang dibeli, harga barang, jumlah dan subtotal harga.

b

Gambar diatas adalah tampilan awal ketika kita membuka Standalone telerik report, dan akan membuat report pertama anda. Silahkan klik New Report untuk memulai

a

Kemudian pilih template yang telah tersedia, disini sebagai contoh saya akan pilih template Blank Report Dan berikut adalah bagian-bagian yang terdapat dari Standalone report designer. Dan saya akan menamai dengan Latihan1.tdrx, lalu save

3

Ketika Laporan Telerik baru ditambahkan ke proyek , itu awalnya dibagi menjadi tiga bagian – Page Header , Detil dan Page Footer

4

  • Page Header

Berisi tentang teks yang tampil pada setiap permulaan laporan, seperti judul laporan, nama perusahaan atau nama database.

  • Detail

Bagian ini dicetak sekali untuk setiap baris dalam sumber data . Ini adalah dimana Anda menempatkan item laporan utama.

  • Page Footer

Bagian ini dicetak pada akhir setiap halaman . Gunakan halaman footer untuk mencetak nomor halaman atau informasi per – halaman . Bagian ini dan item yang diproses oleh ekstensi render sesuai setelah data laporan telah diproses . Oleh karena itu , implikasi yang sama terdaftar untuk bagian Header Halaman berlaku untuk bagian halaman Footer juga.

Sekarang kita mulai untuk membuat laporan dengan terlebih dahulu kita harus melakukan connection data ke database, karna disini database yang saya pakai adalah SQL server maka saya pilih SQL Data Source. Klik menu Data kemudian pilih SQL Data source

5

Setelah itu akan muncul kotak dialog untuk memilih nama database yang akan dipakai, disini sebagai contoh kita akan menggunakan database yang sudah tersedia sebelumnya di local saya yaitu Adventurework2012

6

klik next, dan akan muncul kotak dialog memasukan statement atau sintak SQL untuk menampilkan data yang akan ditampilkan pada report atau bisa juga dapat langsung dapat memilih table mana saja yang akan digunakan dengan cara klik Query builder seperti pada gambar

7

8

Setelah statement SQL sudah dimasukan, klik finish.

Sekarang saya mulai untuk mengisi Page Header, untuk menampilkan nama perusahaan, logo dan judul report. Untuk melakukannya tinggal klik insert, kemudian masukan fungsi TextBox ke Page Header, caranya tinggal klik icon TextBox pada toolbar

9

Untuk bisa menyisipkan teks pada TextBox kita cukup double klik pada TextBox dan kemudian masukan teks, misal

10

Sekarang kita akan coba masukan logo perusahaan atau intansi lain, ntuk menyisipkan gambar pada report pada toolbar ada menu fungsi PictureBox double klik pada icon PictureBox hingga PictureBox telah berada dalam section report seperti pada gambar

11

Setelah itu, masukan gambar yang akan ditampilkan di report kedalam PictureBox dengan cara pada samping kanan ada menu Properties

12

Pada fungsi Value, klik pada kotak lalu akan muncul perintah agar memasukan gambar yang ada di komputer anda

13

Pilih gambar kemudian klik Open, setelah gambar sudah ada maka atur posisi gambar agar sesuai dengan ukuran PictureBox yang ada dengan cara masih di menu Properties ada fungsi Sizing, dan pilih fungsi yang sesuai agar gambar dapat terlihat bagus, dan disini saya memilih ScaleProportional

14

Setelah itu kita akan mengisi Detail untuk menampilkan record dari database, dengan cara mendrag field yang tersedia pada menu Data Explorer

15

16

Atur posisi field dengan cara mendrag filed kekiri atau kekanan sesuai dengan posisi yang diinginkan dana tau bias juga menggunakan fungsi arah pada keyboard.

Sekarang kita akan memberikan nomor halaman dan jumlah halaman pada report di Page Footer report, dengan cara masukan TextBox kedalam Page Report, lalu klik kanan pada TextBox yang telah ada didalam Page Footer lalu pilih dan klik Expression

17

Setelah  muncul kotak dialog dari Expression pilih Global Object kemudian pilih dan double klik Page Number untuk Nomor halaman dan atau Page Account untuk menampilkan jumlah halaman, atau juga bisa menggabungkan keduanya

18

Setelah semua proses selesai dilakukan, kita bias lihat hasil yang akan tampil pada report  seperti apa dengan klik Preview pada toolbar di menu Home

19

Sebaiknya pada setiap proses yang di lakukan di preview supaya terlihat dari mulai posisi penempatan TextBox yang kurang pas atau juga data ada yang masih belum ditampilkan, untuk kembali dari preview anda tinggal klik Design pada toolbar

20

Dari semua proses yang tadi dilakukan berikut adalah hasil dari report yang tadi dibuat

21

Demikian sedikit ilmu tentang bagaimana membuat report sederhana menggunakan Standalone Report Telerik yang bias saya bagi kepada pembaca sekalian, masih banyak sekali hal hal yang belum dibahas disini dan mungkin akan saya bahas pada kesempatan yang lain, mohon maaf apabila masih banyak sekali kesalahan dalam penulisan atau kurang dapat dimengerti dalam cara penyampaian saya mohon maaf, atas perhatiannya saya ucapkan terimakasih.

 

Leave a Reply