Dalam aplikasi berbasis web ataupun desktop yang berhubungan dengan databse pasti kita diminta untuk membuat modul laporan.terdapat banyak format yang dapat kita pilih dalam pembuatan laporan aplikasi berbasis web,bisa dengan html (dan css), CSV, excel dll. tapi pada tutorial kali ini kita akan memanfaatkan sebuah library php(fpdf) untuk membuat laporan tersebut. yang nantinya format laporannya berbentuk PDF(potable document format).dan adapun langkah-langkahnya download FPDF disini kemudian buat direktori baru di derektori root(htdocs) dengan nama COBA_FPDF. Karena saya menggunakan XAMPP maka direktori htdocs ada di C:\xampp\htdocs .setelah itu Extract FPDF-nya di derektori COBA_FPDF.

Selanjutnya kita akan memmbuat databasenya, sebagai contoh kita akan membuat database mahasiswa. kalo pada artikle-artikle sebelumnya adalam pembuatan databsenya kita menggunakan sql editor seperti MySQL-Front atau phpMyadmin, maka pada tutoy kali ini kita akan mencoba membuat databasenya menggunajkan CMD(Command Prompt).tapi sebelum kita menuliskan perintah2 sql di Command Prompt, pastikan dulu bahwa sql dan aphace-nya sudah ranning.dan karena saya menggunakan XAMPP, jadi untuk mengetahi aapakan sql-nya sudah ranning atau belum gunakan XAMPP Control Panel.jelasnya seperti gambar di bawah ini :

Kemudian tuliskan perintah di bawah ini di Command Prompt, untuk masuk ke direktori mysql :

cd \xampp\mysql\bin (enter) dan untuk masuk ke mysql gunakan perintah ini mysql -u root –p (enter)

maka kita akan dimitai untuk memasukkan password,masukkan password mysqlnya jika ada.dan jika mysqlnya tidak ada passwordnya langsung saja tekan enter.dan kalau anda berhasil masuk, maka akan

ada pesan seperti ini ”Welcome to the MySQL monitor” . dan untuk membuat databasenya gunakan perintah sql di bawah ini :

CREATE DATABASE mahasiswa;

USE mahasiswa;

CREATE TABLE `data_mahasiswa`(

`nim` varchar(12) NOT NULL,

`nama` varchar(100) collate latin1_general_ci NOT NULL,

`alamat` varchar(100) collate latin1_general_ci NOT NULL,

PRIMARY KEY (`nim`)

);

INSERT INTO `data_mahasiswa` (`nim`, `nama`, `alamat`) VALUES

('0612502526', 'faiz fadli','jl ulujamixxxxxx'),

('0614500569', 'Fitri Meiyanti','jl prnyelxxxxxx tomangxxxxxx');

Gunakan perintah ” SELECT * FROM data_mahasiswa; ” untuk menampilkan data yang sudah di masukkan ke database.

Database sudah dibuat, selanjutnya kita buat satu file dengan nama index.php dan save di direktori COBA_FPDF.kopi paste codedi bawah ini ke index.php :

1

2 $host ="localhost";

3 $user="root";

4 $password="";

5 $database="mahasiswa";

6 mysql_connect($host,$user,$password) or die("Koneksi server gagal");

7 mysql_select_db($database);

8

9 //Queri untuk Menampilkan data

10 $query ="SELECT * FROM data_mahasiswa";

11 $db_query = mysql_query($query) or die("Query gagal");

12 //Variabel untuk iterasi

13 $i = 0;

14 //Mengambil nilai dari query database

15 while($data=mysql_fetch_row($db_query))

16 {

17 $cell[$i][0] = $data[0];

18 $cell[$i][1] = $data[1];

19 $cell[$i][2] = $data[2];

20 $i++;

21 }

22 require('fpdf.php');

23

24 class PDF extends FPDF

25 {

26 //Fungsi Untuk Membuat Header

27 function Header()

28 {

29 //Pilih font Arial bold 15

30 $this->SetFont('Arial','B',15);

31 //Geser ke kanan

32 $this->Cell(80);

33 //Judul dalam bingkai

34 $this->Cell(30,10,'Title',1,0,'C');

35 //Ganti baris

36 $this->Ln(1);

37 }

38

39 //Fungsi Untuk Membuat Footer

40 function Footer()

41 {

42 //Position at 1.5 cm from bottom

43 $this->SetY(-15);

44 //Arial italic 8

45 $this->SetFont('Arial','I',8);

46 //Page number

47 $this->Cell(0,10,'Halaman ke : '.$this->PageNo(),0,0,'C');

48 }

49 }

50

51 $pdf = new PDF('P','cm','A4');

52 $pdf->Open();

53 $pdf->AddPage();

54 $pdf->SetFont("Arial","B",12);

55 $pdf->Cell(16,1,'Laporan Data Mahasiswa','LRTB',0,'C');

56 $pdf->Ln();

57 $pdf->Cell(1,1,'No','LRTB',0,'C');

58 $pdf->Cell(3,1,'NIM','LRTB',0,'C');

59 $pdf->Cell(6,1,'NAMA','LRTB',0,'C');

60 $pdf->Cell(6,1,'ALAMAt','LRTB',0,'C');

61 $pdf->Ln();

62

63 $pdf->SetFont('Times','',10);

64 for($j=0;$j<$i;$j++)

65 {

66 //menampilkan data dari hasil query database

67 $pdf->Cell(1,1,$j+1,'LBTR',0,'C');

68 $pdf->Cell(3,1,$cell[$j][0],'LBTR',0,'C');

69 $pdf->Cell(6,1,$cell[$j][1],'LBTR',0,'C');

70 $pdf->Cell(6,1,$cell[$j][2],'LBTR',0,'C');

71 $pdf->Ln();

72 }

73 //menampilkan output berupa halaman PDF

74 $pdf->Output();

75 ?>

Penjelasan Dari Code di Atas

Ø function Footer()Metode ini digunakan untuk menampilkan footer. Metode ini dipanggil secara otomatis oleh AddPage()

Ø function Header()Metode ini digunakan untuk menampilkan header. Metode ini dipanggil secara otomatis oleh AddPage() dan tidak disarankan untuk dipanggil langsung dalam aplikasi. Implementasi metode ini dalam FPDF adalah kosong, jadi Anda harus membuat sub class dan menimpanya untuk mendapatkan hasil sesuai keinginan.

Ø AddPage();Menambahkan halaman baru ke dalam dokumen. Jika halaman sudah ada, maka metode Footer() dipanggil terlebih dahulu untuk menampilkan footer. Kemudian halaman ditambahkan, posisi sekarang diset ke kiri atas sesuai margin kiri dan margin atas, dan Header() dipanggil untuk menampilkan header.

Ø SetFont('Arial','I',8);

SetFont('font family(arial,tahoma,dll)','font style(B,I,U)',Ukuran Font);

Mengeset font yang digunakan untuk menampilkan teks. Anda harus memanggil metode ini minimal sekali sebelum menampilkan teks atau dokumen yang dibuat dianggap tidak valid.

style

B = Bold
I = italic
U = underline

Family

Courier
Helvetica atau Arial
Times
Symbol(simbol) dan lain-lain.

Ø Ln(1); Ln([float h]) Ganti baris. Nilai absis menjadi sama dengan margin kiri dan ordinat berubah dan ditambah dengan nilai yang diberikan sebagai parameter.

Ø Cell(1,1,'No','LRTB',0,'C');

Cell(float w [, float h [, string txt [, mixed border [, int ln [, string align [, boolean fill [, mixed link]]]]]]])

Membuat sel (area berbentuk kotak) dengan pilihan garis pembatas (border), warna latar (background) dan teks. Pojok kiri atas sel menunjukkan posisi sekarang. Teks dapat diatur perataannya. Setelah metode ini dipanggil, posisi sekarang berpindah ke kanan atau ke baris berikutnya. Anda juga bisa memberikan/memasukkan link ke dalam teks.
Jika perpindahan halaman otomatis aktif dan sel melewati batas, maka perpindahan halaman akan dilakukan terlebih dahulu sebelum menampilkan sel.)

Parameter

w = Lebar sel. Jika nilainya 0, sel akan melebar ke margin kanan.

h = Tinggi sel. Nilai default: 0.

txt = Teks yang akan ditampilkan. Nilai default: teks kosong.

border = Menunjukkan apakah pembatas sel (bingkai) akan ditampilkan atau tidak.

Nilainya adalah:

· 0 : tidak menampilkan pembatas

· 1 : menampilkan pembatas

atau string dengan karakter berikut (urutan bebas):

· L : kiri

· T : atas

· R : kanan

· B : bawah

Nilai default: 0.

Ø PageNo() Mengembalikan nomor halaman sekarang.

Untuk Melihat hasil dari kode di atas tuliskan : localhost/COBA_FPDF/ di browser kesayangan anda dan ini hasilnya :

Download Source code-nya disini

Pada artikle kali ini saya akan membahas cara menginstal wordpress menggunakan fasilitas fantastico di cPanel Webhosting, sebelum kita mulai menginstall baiknya kita tau apa itu cpanel??apa itu fantastico??

cPanel ialah : merupakan aplikasi berbasis web untuk melakukan pengelolaan situs dengan sangat mudah. Fasilitas cPanel meliputi namun tidak terbatas kepada; pengelolaan Account FTP, pengelolaan Account E-mail, pengelolaan database, pengelolaan file (file manager), pengelolaan keamanan situs, pengelolaan pencatatan statistik situs, pengelolaan backup dan pengelolaan subdomain.

Fantastico adalah sebuah sistem yang di desain untuk memudahkan menginstall script-script yang populer saat ini. Fantastico sudah terintegrasi dengan control panel (cPanel) dan anda bisa menginstall nya dengan hanya beberapa klik tombol saja.

dan gambar di bawah ini adalah interface Cpanel:

Ada Beberapa cara untuk mengakses cpanel seperti :

1. http://yourdomainname.com/cpanel
2. http://yourdomainname.com:2082
3. http://cpanel.servername.com

Fantastico dapat di aksess dibagian "Software And Servise" Jelasnya seperti gambar di bawah ini :

Dan untuk mengintall wordpressnya klick aja Icon “Fantastico De Luxe” akan muncul halaman



Kemudian cklic saja Link “Wordpress” di menu sebelah kiri akan tampil halaman seperti gambar di bawah ini



Kemudian pilih saja “New Instalation” akan muncul halaman Install Wordpress

Penjelasan :

1. Pilih “install on domain” dan kosongkan “Install in derectori” jika anda ingin menginstall wordpress di domain/sub domain, Isi “Install in derectori” dengan nama derectori yang sebelumnya sudah anda buat jika anda ingin menginstal wordpress di di derectori yang sudah anda buat.

2. isi “Admin acsess data” dengan username dan password sesuai dengan keinginan anda sebagi username dan password wordpress anda.

3. klick tombol install wordpress. SELESAI………………

Pada Tutorial kali ini saya akan menjelaskan cara mengganti skin Form vb.net menjadi tampilan vista atau mac os dll,dan untuk menggantinya kita perlu menambahkan sebuah file dll ke project vb.net kita. Dan untuk mendapatkan file dll-nya teman-teman dapat men-dowloadnya di sini
Cara menambahkan file dll :

1. klik kanan pada salah satu tab yang ada di BoolBox.kemudia pilih menu
   ”add Tab”
   


2. Kemudian kasih nama sesuai dengan keinginan teman-teman kemudian klik Enter
   


3. Selanjudnya klick kanan pada tab yang sudah kita buat tadi kemudian pilih ”Chose item” akan muncul cendela ”Chose toolbox item”
   
   

Kemudian klick tombol Browse dan cari dimana teman-teman meletakkan file dll nya kemudian klick Ok.
Dan jika berhasill maka aka ada control AquaSkin dan vistaSkin di toolbox .







Cara Menggnakannya :
Klick dua kali atau Drug saja control tersebut ke form vb.netnya

NOTE:
File dll di atas merupakan versi trialnya hanya bisa digunakan selama 30 hari, untuk mendapatkan versi fullnya cari saja crackannya di google. ;-)

Hasilnya :



















Selamat Mencoba………….dan selamat menikmati visualisasi form vb.net anda yang lebih Menarik ;-) diterbitkan oleh :http://sourcecodeonline.blogspot.com

Sangat tidak dipungkiri pada sebuah aplikasi web ataupun desktop yang berhubungan dengan database kita harus membuat laporan yang di generate dari database, ada banyak metode dan cara untukmenampilkan laporan tersebut, bisa dengan table dan css atau menggunakan libarari yang banyak tersedia semacam fpdf dll, trus gimana kalo laporan haru sberbentuk grafik ?? Hmmm…... gak usah bingung dan kuatir…^_^ , karna kita akan membahas hal tersebut,dan untuk membuatnya cukup mudah karna kita akan menggunakan php dan jpgraph(sebuah libarariy grafik yang ber-orientasi objek”oop”), dan dengan jpgraph akan sangat mudah untuk menampilkan data dalam beragam mode seperti pie, chart, blok, ataupun diagram batang. Anda dapat mendownload jgraphnya di : http://www.aditus.nu/jpgraph/jpdownload.php

Oklah…. gak usah basa basi lagi sekarang saya akan menununjukkan contohnya, dan pada contoh kali ini saya akan menampilkan laporan nilai rata-rata pelajar.ok sekarang kita buat dulu databasenya…..,buka sql-Editor anda dan mulailah membuat database dengan nama “nilai_santri” dan adapun fild tabelnya sebagai berikut :

Table santri

Fild	type
nis	Varchar(15),primary key
nama	Varchar(100)

Table matapelajaran

Fild	type
kd_matpel	Varchar(15),primary key
matpel	Varchar(30)
nilai	Int(11)
nis	Varchar(15),primary key

Kemudian isi dengan data2 sebagai berikut(hanya sekedar contoh):

Table santri

Table matapelajaran

Dan jika teman2 gak mau report Membuat database gunakan saja query di bawah ini untuk Membuat databasenya ^-^.

Querynya Sebagai berikut :

CREATE DATABASE nilai_santri;

USE nilai_santri;

CREATE TABLE `santri` (

`nis` varchar(15) collate latin1_general_ci NOT NULL,

`nama` varchar(100),

PRIMARY KEY (`nis`)

);

CREATE TABLE `matapelajaran` (

`kd_matpel` varchar(15) collate latin1_general_ci NOT NULL,

`matpel` varchar(30) collate latin1_general_ci NOT NULL,

`nilai` int(11) collate latin1_general_ci NOT NULL,

`nis` varchar(15) collate latin1_general_ci NOT NULL,

PRIMARY KEY (`kd_matpel`,`nis`)

);

INSERT INTO `matapelajaran` (`kd_matpel`, `matpel`, `nilai`, `nis`) VALUES

('PG0010', 'B.arab', 100, '0612502526'),

('PG0011', 'B.Inggris', 90, '0612502526'),

('PG0012', 'Kitab Kuning', 100, '0612502526'),

('PG0010', 'Barab', 100, '0614500569'),

('PG0011', 'B.inggris', 100, '0614500569'),

('PG0012', 'Kitab Kuning', 100, '0614500569'),

('PG0010', 'B.arab', 50, '0612500496'),

('PG0011', 'B.inggris', 50, '0612500496'),

('PG0012', 'Kitab Kuning', 50, '0612500496'),

('PG0010', 'B.arab', 100, '0614500692'),

('PG0011', 'B.inggris', 50, '0614500692'),

('PG0012', 'Kitab Kuning', 90, '0614500692');

INSERT INTO `santri` (`nis`, `nama`) VALUES

('0612502526', 'faiz fadli'),

('0614500569', 'Fitri Meiyanti'),

('0612500496', 'Reky arisenta'),

('0614500692', 'veni');

Ok sekarang buka Notepad atau dreamweaver teman-teman dan mulai membuat satu buah file dengan nama “index.php” kemudian simpan dalam satu derektori dimana teman-teman meletakkan file-file jgraph-nya. dan pastekan script di bawah ini di dalam tersebut:

include ("jpgraph-1.27/src/jpgraph.php");

include ("jpgraph-1.27/src/jpgraph_bar.php");

$db = mysql_connect("localhost", "root","") or die(mysql_error());

mysql_select_db("nilai_santri ",$db) or die(mysql_error());

$sql =mysql_query("SELECT

`santri`.`nama`,

SUM(`matapelajaran`.`nilai`),

count(*)

FROM

`matapelajaran` INNER JOIN

`santri` ON `santri`.`nis` = `matapelajaran`.`nis`

GROUP BY nama") or die(mysql_error());

while($row = mysql_fetch_array($sql))

{

$nama[] = $row[0];

$hasil_SUM = $row[1];

$jumlah_baria = $row[2] ;

$hasil[] = $hasil_SUM/$jumlah_baria;

}

$graph = new Graph(500,350,"auto");

$graph->title->Set("Data Nilai santri");

$graph->SetScale("textint");

$graph->img->SetMargin(50,30,50,50);

//$graph->AdjBackgroundImage(0.4,0.7,-1); //setting BG type

$graph->SetBackgroundImage("background.jpg",BGIMG_FILLFRAME);//adding image

$graph->SetShadow();

$graph->xaxis->SetTickLabels($nama);

$bplot = new BarPlot($hasil);

//$bplot->SetFillColor("pink"); // Fill color

$bplot->SetFillGradient("pink","white",GRAD_RIGHT_REFLECTION);

$bplot->value->Show();

$bplot->value->SetFont(FF_ARIAL,FS_BOLD);

$bplot->value->SetAngle(45);

$bplot->value->SetColor("blue","navy");

$graph->Add($bplot);

$graph->Stroke();

?>

Penjelasan dari kode di atas:

Fungsi “ SUM(`matapelajaran`.`nilai`),” Untuk Menjumlahkan data yang berupa ineteger atau double di database.

Fungsi “ count(*) ”Untuk menghitung jumlah baris yang ada di database.

Kode Ini “ $hasil[] = $hasil_SUM/$jumlah_baria; ” untuk menghitung nilai rata2.

$graph = new Graph(500,350,"auto"); Untuk Menentukan lebar dan tinggi tampilan grafiknya.

$graph->SetShadow(); Untuk Membuat Effek bayangan pada grafik.

$bplot->SetFillColor("pink"); Untuk ngasih warna pada batang grafik.

$bplot->SetFillGradient("pink","white",GRAD_RIGHT_REFLECTION); Untuk ngasih effek gradiend pada batang grafik.

$graph->title->Set("Data Nilai santri"); Untuk Membuat label pata title grafik.

Hmmm…….saya rasa cukup di sini saja penjelasannya …… selanjutnya teman-teman bisa mencoba sendiri…ok deh selamat mencoba…..dan hasilnya akan tampak seperti bambar di bawah ini :

Referensi : http://ilmukomputer.org ,

http://www.aditus.nu/JPGraph. , http://www.klikkanan.com

Diterbitkan Oleh : http://sourcecodeonline.blogspot.com

Bagi temen2 yang masih bigung gimana caranya meng-online-kan wordpress yang telah temen2 edit di computer local ke webhosting. Gak usah bigung lagi, download aja E-booknya di sini

pada hari selasa kemaren tepatnya tanggal 5 mei 2009 ,tanpa sengaja saya masuk kekelas KU(kelas unggulan)karna saya pikir kelas itu tidak berlangsung perkuliahan,ternyata setelah 2 menit duduk didepan komputer ada seorang dosen pak ahchmatim masuk. pengen keluar tapi sudah terlanjur PW. saya pikir dari pada keluyuran diluar kelas, dan nongrong gak jelas, akhirnya saya putuskan untuk ikut kelas pak ahchmatim saja.ternyata keputusan saya membuahkan ilmu baru(Membuat datetimepiker pada aplikasi web dengan jQuery).Kemudian saya kalaborasikan saja dengan PHP dan MYSQL hasilnya dapat di download disini