Membuat laporan format excel dengan php

Untuk membuat laporan format excel pertama kita buat dulu databasenya

kemudian buat program seperti berikut:
<?php
$namafile ="report.xls";

//fungsi penanda awal file(begin of file)excel
function xlsBOF(){
echo pack("ssssss",0x809,0x8,0x0,0x10,0x0,0x0);
return;
}

//fungsi penanda akhir file (end of file) excel
function xlsEOF(){
echo pack("ss",0xA,0x00);
return;
}

//fungsi untu menulis data (angka) ke cell excel
/*
function xlsWriteNumber($Row,$Col,$value){
  echo pack("ssss",0x203,14,$Row,$Col,0x0);
  echo pack("d",$value);
  return;
  }*/
  //fungsi untuk menulis data (text) ke cell excel
function xlsWriteLabel($Row,$Col,$value){
$L =strlen($value);
echo pack("ssssss", 0x204, 8 + $L, $Row, $Col,0x0,$L);
echo $value;
return;
}

//header file excel
header("Pragma: public");
header("Expires:0");
header("Cache-Control:must-revalidate,post-check=0, pre-check=0");
header("Content-Type:aplication/force-download");
header("Content-Type:aplication/octet-stream");
header("Content-Type:aplication/download");

//header untuk nama file
header("Content-Disposition:attacment; filename=".$namafile."");
header("Content-Transfer-Encoding: binary");

//memanggil fungsi penanda awal file
xlsBOF();
//---- membuat kolom penanda awal file excel ---//
//mengisi pada A1(baris 0 kolom 0)
xlsWriteLabel(0,0,"NO");
//mengisis cel A2 (baris ke 0 kolom ke 1
xlsWriteLabel(0,1,"Nama");
xlsWriteLabel(0,2,"alamat");
xlsWriteLabel(0,3,"kota");
//mengisi pada b1(baris 0 kolom 0)
include "koneksi.php";
$oke=mysql_query("select * from alamat");
$nobariscell =1;// nilai awal baris cell
while($data =mysql_fetch_array($oke)){
xlsWriteLabel($nobariscell,0,$data['no']);
xlsWriteLabel($nobariscell,1,$data['nama']);
xlsWriteLabel($nobariscell,2,$data['alamat']);
xlsWriteLabel($nobariscell,3,$data['kota']);
$nobariscell++;
}
xlsEOF();
exit;
?>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menampilkan data dari database

Untuk  menampilkan data dari data base kita siapkan dulu

1. Membuat database alamat:

CREATE DATABASE `alamat` ;

2. Membuat table alamat

CREATE TABLE `alamat`.`alamat` (
`no` INT( 5 ) NOT NULL ,
`nama` VARCHAR( 30 ) NOT NULL ,
`alamat` VARCHAR( 100 ) NOT NULL ,
`kota` VARCHAR( 50 ) NOT NULL ,
PRIMARY KEY ( `no` )
) ENGINE = MYISAM ;

3. memasukan data ke table

INSERT INTO `alamat`.`alamat` (`no`, `nama`, `alamat`, `kota`) VALUES ('1', 'ahmad s', 'jl,sisingamangaraja no.2', 'jogjakarta');
INSERT INTO `alamat`.`alamat` (`no`, `nama`, `alamat`, `kota`) VALUES ('2', 'siti', 'jl,sisingamangaraja no.3', 'jogjakarta');
INSERT INTO `alamat`.`alamat` (`no`, `nama`, `alamat`, `kota`) VALUES ('3', 'aisya', 'jl,sisingamangaraja no.4', 'jogjakarta');
INSERT INTO `alamat`.`alamat` (`no`, `nama`, `alamat`, `kota`) VALUES ('4', 'donii', 'jl,sisingamangaraja no.5', 'jogjakarta');

4. membuat program koneksi database save dengan nama koneksi.php

<?php
//koneksi.php
mysql_connect("localhost","root","");
mysql_select_db("alamat") or  die(mysql_error());
?>

5. buat program menampilkan data yang terlihat di bawa save dengan nama tampil.php

<?php
include "koneksi.php";
$oke=mysql_query("select * from alamat");
echo"<h3>daftar alamat</h3>";
echo"<table><tr bgcolor='#cccccc'>
                    <td>no.</td>
                   <td>nama</td>
                   <td>alamat</td>
                  <td>kota</td>
                 </tr>";
while($data=mysql_fetch_array($oke)){
echo"<tr><td bgcolor='#efefef'>$data[no]</td>
          <td bgcolor='#efefef'>$data[nama]</td>
          <td bgcolor='#efefef'>$data[alamat]</td>
          <td bgcolor='#efefef'>$data[kota]</td>
            </tr>";
}
echo"</table>";
?>                   

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

CSS Link

link dapat diberi style oleh properti-properti CSS yang CSS Link ada (misal color, font-family, background-color) tergantung kondisi link tersebut, ada empat kondisi link, yaitu:

  • a:link – normal, link yang belum dikunjungi (diklik)
  • a:visited – link yang sudah dikunjungi (sudah diklik)
  • a:hover – kondisi link ketika disorot kursor mouse
  • a:active – kondisi ketika link diklik

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

CSS font

perbedaan serif dan sans-serif (w3c school)
dalam layar komputer, font sans-serif lebih mudah dibaca ketimbang font serif.

a. font family
dalam CSS ada dua tipe untuk penamaan font family, yaitu:
  • generic family – grup font family yang terlihat mirip (seperti “Serif” atau “Monospace”)
  • font family – font family spesifik (seperti “Times New Roman” atau “Arial”)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Css- praktek1

cssreadbud - get paid to read and rate articlesJenis :internal css.
Untuk praktek silakan :
->klik start pada window anda.
->pilih All program
->terus pilih Accossories
->klik menu Notepad lihat gambar berikut


Maka akan terlihat tampilan notepad seperti yang di bawah ini:
anda juga boleh menggunakan text editor apapun, bisa juga pake notepad++
silakan : downloand notepad ++

kemudian ketikan ketikan kode berikut yang terlihat di bawah ini:


Kemuadian save, beri nama prakte1.html,
Cari file yang sudah anda save lalu klik 2 kali file tersebut.
Maka akan terllihat di browser sebagai berikut
untuk mendapatkan scriptnya silakan download di bawah ini
download

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

CSS - TEXT

a. Text color
readbud - get paid to read and rate articlesproperti ini digunakan untuk mengatur warna pada text, properti ini dapat dispesifikasikan berdasarkan:

  • nama -nama warna (dlm english), misalnya “red”
  • RGB – nilai RGB, misalnya “rgb(255,0,0)”
  • Hex – nilai heksa, misalnya “#ff0000″

contoh penggunaan:

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

b. text alignment
properti ini digunakan untuk mengatur posisi text (left, right, center, justify). Contoh penggunaannya:

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

c. text decoration
properti ini digunakan untuk memberikan atau menghilangkan dekorasi pada text, misalnya:
a {text-decoration:none;}
kode css di atas akan menghilangkan dekorasi pada link/hyperlink yang biasanya ada (garis bawah). contoh penggunaan text decoration yg lainnya:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

d. text transformation
properti ini digunakan untuk mengatur transformasi text (uppercase, lowercase, dan lainnya). Misalnya:

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

capitalize digunakan untuk mengubah text menjadi berhuruf besar untuk setiap awal kata.
e. text indentation
properti ini digunakan untuk menentukan jarak pada awal paragraf yang akan dibuat menjorok ke dalam (indentasi). Misalnya:

p {text-indent:50px;}

masih ada lagi properti text yang lainnya, seperti yang tertera pada gambar berikut:

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

CSS - background

readbud - get paid to read and rate articlesproperti CSS untuk background mendefinisikan efek background pada suatu element. properti CSS untuk background yaitu:
• background-color
• background-image
• background-repeat
• background-attachment
• background-position

background color digunakan untuk memberi background warna pada suatu element, misalnya:
body {background-color:#b0c4de;}
yang berarti seluruh halaman web berwarna #b0c4de.
contoh lain misalnya:
h1 {background-color:#6495ed;} element h1 diberi background warna #6495ed.
p {background-color:#e0ffff;} element p diberi warna #e0ffff.
div {background-color:#b0c4de;} element div diberi warna #b0c4de.
selain itu, background color dapat dispesifikasikan berdasarkan:
• nama – nama warna (dlm english), misal “red”
• RGB – nilai RGB, seperti “rgb(255,0,0)”
• Hex – nilai heksa, seperti “#ff0000″

Background Image digunakan untuk menggunakan gambar sebagai background untuk suatu element atau tampilan. secara default gambar yang dimasukkan akan diulang secara vertikal dan horizontal bila tidak ditambahkan property lainnya, contoh penulisannya:
body
{
background-image:url(‘gradient2.png’);
}

bila ingin background berulang secara vertikal saja, horizontal saja, atau tidak berulang bisa digunakan property background repeat, contoh penulisan:
body
{
background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
}

nilai properti background repeat bisa diubah menjadi repeat-x bila gambar ingin diulang secara horizontal atau repeat-y bila gambar ingin diulang secara vertikal.
gambar background juga posisinya bisa diatur dengan property background position, contohnya:
body
{
background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
background-position:right top;
}

pada contoh diatas berarti posisi gambar berada di sebelah kanan atas.
penulisan kode CSS seperti diatas tergolong boros atau “ribet”, supaya tidak ribet dalam CSS ada juga yg dikenal dengan shorthand property yaitu penulisan kode CSS cukup dengan menggunakan urutan nilai property saja sehingga tidak perlu ditulis nama property cukup nilainya saja. metode ini memiliki urutan penulisan, dalam CSS background urutan tersebut yaitu:
background color – background image – background repeat – background attachment – background posistion
contoh penulisannya yaitu:

body {
background:#ffffff url(‘img_tree.png’) no-repeat right top;
}

bila ada property yang tidak digunakan maka dibiarkan kosong saja dan diisi dengan nilai property selanjutnya sesuai urutan.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS