Archive

Posts Tagged ‘CSS’

Membuat Laporan(Report) dg FPDF, Html2FPDF & Html2PDF

29 December 2010 18 comments

Apa itu fpdf, html2fpdf & html2pdf?

Secara umum fpdf, html2fpdf, dan html2pdf adalah library dari PHP untuk membuat file PDF. hal ini sangat berguna jika kita membangun sistem reporting. PDF(Portable Document File) merupakan file yang bisa di baca di semua OS. jadi inilah alasannya kenapa memakai PDF untuk reporting.

Gak usah banyak cas-cis-cus langsung aja saya berikan contoh dari ke-3 library di atas.

1. FPDF


<?php
 include 'fpdf.php' ;
 mysql_connect('localhost','root','');
 mysql_select_db('dbrutan');
 $bulan = $_POST['bln'];
 $tahun = $_POST['thn'];
 $sql = "SELECT * FROM napi a JOIN dtpenghuni b ON a.id_penghuni = b.id_penghuni WHERE status = 'Bebas' AND EXTRACT(MONTH FROM tgl_bebas)= '$bulan' AND EXTRACT(YEAR FROM tgl_bebas)= '$tahun' ORDER BY id_napi DESC";

$qry=mysql_query($sql) or die (mysql_error());
 define('FPDF_FONTPATH','font/');

$pdf=new FPDF('L','mm','A4');
 $pdf->Open();
 $pdf->SetAutoPageBreak(false);
 $pdf->AddPage();
 $pdf->SetFont('Arial','B',12);
 $pdf->Cell(100,6,'KEMENTERIAN HUKUM DAN HAM RI',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'KANTOR WILAYAH JAWA TIMUR',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'RUMAH TAHANAN NEGARA BANGKALAN',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'JL. PERTEMPURAN NO.21 BANGKALAN',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'TELEPON : (031)3095014',0,0,'C');
 $pdf->Ln();
 $pdf->Text(160,25,'DAFTAR : Narapidana yang telah dilepaskan/dibebaskan',0);
 $pdf->Ln();
 $pdf->Text(181,31,"dari Rumah Tahanan Negara Bangkalan",0);
 $pdf->Ln();
 $bln = date("F", mktime(0, "$bulan"));
 $pdf->Text(181,37,"Dalam bulan $bln $tahun",0);

$y_axis_initial = 45;
 $pdf->SetFont('Arial','',10);
 $pdf->setFillColor(222,222,222);
 $pdf->SetY($y_axis_initial);
 $pdf->SetX(10);
 //Header tabel halaman 1
 $pdf->CELL(10,6,'NO',1,0,'C',1);
 $pdf->Cell(40,6,'NAMA',1,0,'C',1);
 $pdf->Cell(15,6,'GOL',1,0,'C',1);
 $pdf->Cell(15,6,'P/W',1,0,'C',1);
 $pdf->Cell(15,6,'UMUR',1,0,'C',1);
 $pdf->Cell(37,6,'PUTUSAN DARI',1,0,'C',1);
 $pdf->Cell(25,6,'PERKARA',1,0,'C',1);
 $pdf->Cell(30,6,'ASAL PENYIDIK',1,0,'C',1);
 $pdf->Cell(30,6,'TGL BEBAS',1,0,'C',1);
 $pdf->Cell(40,6,'ALAMAT',1,0,'C',1);
 $pdf->Cell(25,6,'KET PIDANA',1,0,'C',1);
 $pdf->Ln();
 $max=25;//max baris perhalaman
 $i=0;
 $no=0;
 $row_height = 6;//tinggi tiap2 cell/baris
 $y_axis = $y_axis + $row_height;
 $date = date("Y-m-d");

while($row = mysql_fetch_array($qry))
 {
 $no++;
 $selisih = strtotime($date) -  strtotime($row[tgl_lahir]);
 $umur = intval($selisih/(60*60*24)/365);
 if ($i == $max){               //jika $i=25 maka buat header baru seperti di atas
 $pdf->AddPage();
 $pdf->SetY(10);
 $pdf->SetX(10);
 $pdf->CELL(10,6,'NO',1,0,'C',1);
 $pdf->Cell(40,6,'NAMA',1,0,'C',1);
 $pdf->Cell(15,6,'GOL',1,0,'C',1);
 $pdf->Cell(15,6,'P/W',1,0,'C',1);
 $pdf->Cell(15,6,'UMUR',1,0,'C',1);
 $pdf->Cell(37,6,'PUTUSAN DARI',1,0,'C',1);
 $pdf->Cell(25,6,'PERKARA',1,0,'C',1);
 $pdf->Cell(30,6,'ASAL PENYIDIK',1,0,'C',1);
 $pdf->Cell(30,6,'TGL BEBAS',1,0,'C',1);
 $pdf->Cell(40,6,'ALAMAT',1,0,'C',1);
 $pdf->Cell(25,6,'KET PIDANA',1,0,'C',1);

$pdf->SetY(10);
 $pdf->SetX(25);
 $y_axis = $y_axis + $row_height;
 $i=0;
 $pdf->Ln();
 }
 //tampilkan data daari database
 $pdf->Cell(10,6,$no,1);
 $pdf->Cell(40,6,$row[nama],1);
 $pdf->Cell(15,6,$row[jenis_napi],1);
 $pdf->Cell(15,6,$row[jk],1);
 $pdf->Cell(15,6,$umur,1);
 $pdf->Cell(37,6,$row[srt_putusan],1);
 $pdf->Cell(25,6,$row[pasal],1);
 $pdf->Cell(30,6,$row[asal_penyidik],1);
 $pdf->Cell(30,6,$row[tgl_bebas],1);
 $pdf->Cell(40,6,$row[alamat],1);
 $pdf->Cell(25,6,'',1);
 $pdf->Ln();
 $i++;
 }

//buat footer
 $now = date("d F Y");
 $pdf->Ln(10);
 $pdf->SetFont('Arial','B',12);
 $pdf->Cell(400,6,"Bangkalan, Tgl  $now",0,0,'C');
 $pdf->Ln();
 $pdf->Cell(404,6,"Kepala Rutan Bangkalan",0,0,'C');
 $pdf->Ln(30);
 $pdf->SetFont('Arial','U',12);
 $pdf->Cell(404,6,"BAMBANG HARYANTO,Bc.IP.SH.M.Hum",0,0,'C');
 $pdf->Ln();
 $pdf->SetFont('Arial','',12);
 $pdf->Cell(404,6,"NIP. 19661018 1992 03 1001",0,0,'C');
 $pdf->Ln();
 $pdf->Output('Napi_bebas_'.date("F Y").'.pdf', 'I');
 ?>

Jika ada yang kurang atau menambahkan silahkan comment

Read more…

Praktikum Pemrograman Web Modul 8

14 December 2010 2 comments

Untuk tugas tambahan Prak. Pem Web Mod 8
Buatlah grafik seperti di bwah ini, dengan ketentuan:
a. Jumlah item(A,B,C,..) bisa diinputkan/tidak konstan
b. Nilai/value dari masing-masing item juga bisa diinputkan
c. Tentukan Lowest value dan Heightest value dari item2 tersebut
c. Warna bebas, yang pentin tidak ada warna yang sama dari tiap-tiap item
d. Tampilan lebih bagus lebih baik

html dan css

html dan css

Tips : Gunakan Table agar setiap kolom nilai item rata(cuma tips aja).
Gunakan prompt di javascript
Demo terakhir kamis malam jam 7
Note: Tugas Akhir Praktikum Pem WEB setiap praktikaan membuat website pribadi. Sebaiknya disiapkan dari sekarang karena website pribadi ini harus memenuhi semua yang ada di modul 1-13.

Kritik, saran dan omelan langsung komen di home page ini(tidak mempengaruhi nilai.hehe)

Good Luck..!!

Best Regards

Categories: Pemrograman Web Tags: , , ,

Praktikum Pemrogrman Web Modul 7

6 December 2010 Leave a comment

Buat program dengan javascript,
INPUT = jumlah baris(menggunakan prompt) Max inputan 10, jika diinputkan angka lebih besar dari 10 dan lebih kecil sama dengan 0 maka muncul pesan error
OUTPUT =
1
12
123
1234
12345
123456
1234567
12345678
123456789
12345678910 *)
(*Untuk Praktikan Wanita)

12345678910
2345678910
345678910
45678910
5678910
678910
78910
8910
910
10 **)

(** Untuk Praktikan Pria)

GOOD LUCK…!!

Categories: Pemrograman Web Tags: , ,

Praktikum Pemrogrman Web part2

20 October 2010 Leave a comment

Bagi teman2 yang mengalami kesulitan pada tugas tambahan (membuat frame), silahkan downloaad disini

Tugas Tambahan Untuk Modul 3:

Buat webpage seperti di bawah ini:

Webpage Terdiri dari Header, Footer, Left Menu dan Content/isi. (Gunakan Frame)

Left Menu : Link berwana biru, font verdana, dll

jika pointer di arahkan ke link tuliasan berganti warna merah, font arial, dll

Header : Gambar atau Text

Footer:Gambar atau Text

Content/Isi: form untuk registrasi, textfield untuk alamat tingginya 30px, textarea pada komentar diberi background image, tulisan harus berwarna.

Note: Lebih variatif maka nilai anda lebih bagus..

Categories: Pemrograman Web Tags: , ,

Praktikum Pemrograman Web

7 October 2010 Leave a comment



Format Lapres:

BAB I : PENDAHULUAN
A. Latar Belakang
B. Tujuan
BAB II: DASAR TEORI
BAB III: TUGAS PENDAHULUAN
BAB IV: IMPLEMENTASI
BAB V : TUGAS DAN PERTANYAAN
BAB VI : PENUTUP
A. Kesimpulan
B. Saran




Note:

1. TUGAS TAMBAHAN MODUL I :

CARI TAG-TAG HTML UNTUK PEMFORMATAN TEKS(MINIMAL 20 TAG) BESERTA ELEMEN DAN ATRIBUTNYA. DAN BERIKAN CONTOHNYA!

Contoh :

2. TUGAS TAMBAHAN MODUL 2 :

a. Buat form dan masukkan tag2 yang ada  di form. form tersebut berada di dalam tabel. contoh:

b. Buat 8 contoh frame(ada 8 file html)  seperti di bawah ini:


Categories: Pemrograman Web Tags: ,
%d bloggers like this: