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…

Advertisements

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: ,

Tugas Web Engineering II

1 October 2010 Leave a comment

Jelaskan tentang non-linear disorientation dan cognitive overload yang terkait dengan hypertext dari aplikasi web!

Jawaban

  1. Non-Linear  merujuk kepada kondisi dimana saat pengguna tidak dapat kembali menuju informasi yang sebelumnya ia akses.
  2. disorientation merujuk kepada kondisi dimana saat seorang pengguna berada pada dokumen tertentu, ia sudah tidak mengerti lagi sedang berada dimana.
  3. cognitive overload merujuk kepada kondisi dimana saat pengguna tidak dapat mengingat sejauh mana ia telah membaca atau pokok-pokok utama yang telah terbaca. Sehingga seolah-olah pengguna benar-benar merasa tersesat saat berada pada dokumen tersebut.

Cara Menagatasi Lost in Hypertext

Penyediaan overview diagram (sitemap) dan sarana navigasi yang memadai

Overview diagrams atau sitemaps yang memvisualisasikan struktur dan isi dari ruang informasi dan menginformasikan user pada titik mana dia berada, informasi lain yang mungkin relevan serta bagaimana mengaksesnya dapat menjadi tool yang sangat berguna sebagai bantuan orientasi dan navigasi untuk mencegah user mengalami disorientasi yang berujung pada fenomena LiH.

Mengurangi space informasi

Membatasi space untuk menyajikan informasi, dan hanya menyediakan informasi relevan yang dibutuhkan oleh user adalah metode yang sangat lazim digunakan untuk mencegah fenomena LiH. User hanya diberikan rangkuman atau fragment dari sebuah dokumen sesuai dengan tujuannya pada saat bersangkutan.

Konsep Adaptive Hypermedia

Konsep AH mengusung bahwa hyperlink antar dokumen tidak mesti bersifat statis. Permasalahan dengan static hyperlink adalah, ia “membatasi” pilihan navigasi user dan tidak memperhitungkan apa saja yang telah dilihat user sebelum sampai ke titik tertentu serta tidak memperhatikan jenis presentasi apa yang cocok bagi user bersangkutan. Dalam kasus tertentu kekurangan tersebut dapat membawa user terkena permasalahan LiH. Dengan AH, user, baik environment yang ia gunakan maupun perilakunya dijadikan sebagai faktor yang diperhitungkan untuk menciptakan hyperlink antar dokumen/media.

Memberikan petunjuk saat user mulai “tersesat”

Pendekatan ini melibatkan semacam intelligence system yang dapat mendeteksi saat user mengakses informasi yang kemungkinan besar tidak relevan dengan pattern akses mereka sebelumnya.

    Categories: Web Engineering Tags: ,

    Tugas Web Engineering I

    1 October 2010 1 comment

    1. Jelaskan tentang software engineering!
    2. Jelaskan tentang Agile Software Development!
    3. Jelaskan tentang Extreme Software Development!

    Jawab

    1. Rekayasa perangkat lunak (RPL, atau dalam bahasa Inggris: Software Engineering atau SE) adalah satu bidang profesi yang mendalami cara-cara pengembangan perangkat lunak termasuk pembuatan, pemeliharaan, manajemen organisasi pengembanganan perangkat lunak dan manajemen kualitas.

    Menurut Fritz Badar, software engineering adalah disiplin ilmu yang menerapkan prinsip- prinsip engineering agar mendapatkan software yang ekonomis yang dapat dipercaya dan bekerja lebih efisien pada mesin yang sebenarnya.

    2. Kata Agile berarti bersifat cepat, ringan, bebas bergerak, waspada. Konsep Agile Software Development dicetuskan oleh Kent Beck dan 16 rekannya. Dalam Agile Software Development interaksi dan personel lebih penting dari pada proses dan alat, software yang berfungsi lebih penting daripada dokumentasi yang lengkap, kolaborasi dengan klien lebih penting dari pada negosiasi kontrak, dan sikap tanggap terhadap perubahan lebih penting daripada mengikuti rencana.

    Salah satu ciri dari Agile Software Development adalah tim yang tanggap terhadap perubahan. Mengapa? Karena perubahan adalah hal yang utama dalam pembangunan software: perubahan kebutuhan software, perubahan anggota tim, perubahan teknologi dll. Selain itu Agile Software Development juga melihat pentingnya komunikasi antara anggota tim, antara orang-orang teknis dan businessmen, antara developer dan managernya. Ciri lain adalah klien menjadi bagian dari tim pembangun software.

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