Minggu, 28 April 2013

DOWNLOAD MASTER SAP IDES 7.20 DEMO VERSION

Ingin belajar SAP tapi tidak punya IDES nya...???
Kami Menyediakan IDES. 7.20 Demo version...??? 

untuk belajar....,?? 
jika tertarik  sms aja ke 081231596009 atau inbox fb (dikirim via POS) berikut screenshotnya..







Rabu, 24 April 2013

PHP direct printing to DOT MATRIX printer

Direct printing is still the mainstay for print-scoring affair, especially for programs / POS applications. Because this application requires speed in doing print document .

Sewaktu bermigrasi ke pemrograman  berbasis Web yang paling saya takutkan adalah mendapat project yang mengharuskan  mencetak dalam bentuk STRUK. ternyata benar saya mendapat project  program SPP di salah satu sekolah yang mengharuskan mencetak kedalam struk. Awalnya saya membuatnya dengan Fpdf tetapi ternyata hasil print  jadi kacau dan tidak bisa dibaca.
dan  akhirnya bisa juga mencetak  langung ke printer dari scrip PHP.Ada beberapa tahan supaya kita bisa cetak langsung ke printer. 
1. Sharing dahulu printernya
    misal nama printer LX-300 kemudian sharing dengan nama EPSONLX.
2. Catat IP Address komputer yang terhubung ke printer 
3. Buat perintah seperti dibawah ini  dan simpan di web server misal dengan nama cetak.php:

<?php $tmpdir = sys_get_temp_dir(); # ambil direktori temporary untuk simpan file. $file = tempnam($tmpdir, 'ctk'); # nama file temporary yang akan dicetak $handle = fopen($file, 'w'); $condensed = Chr(27) . Chr(33) . Chr(4); $bold1 = Chr(27) . Chr(69); $bold0 = Chr(27) . Chr(70); $initialized = chr(27).chr(64); $condensed1 = chr(15); $condensed0 = chr(18); $Data = $initialized; $Data .= $condensed1; $Data .= "==========================\n"; $Data .= "| ".$bold1."COBA CETAK".$bold0." |\n"; $Data .= "==========================\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "We Love PHP Indonesia\n"; $Data .= "--------------------------\n"; fwrite($handle, $Data); fclose($handle); copy($file, "//192.168.1.1/EPSONLX"); # Lakukan cetak unlink($file); ?>

4. Coba panggil file php dari browser, maka printer akan langsung mencetak.dan berhenti  ketika script selesai di cetak. Hal ini berbeda jika kita mengunakan pdf yang  akan terus  menggulung kertas  sampai satu lembar.
KETERANGAN PROGRAM:
- mula-mula membuat file temporary
- mengisi file dangan $data.
- copy $data ke alamat printer yang di sharing untuk di cetak

Kamis, 11 April 2013

DROPDOWN DENGAN CSS

Pertama kita harus buat struktur HTML untuk menu CSS . dengan menggunakan HTML5 untuk membuat menu dan tag  <nav> sebagai elemen , kemudian tambahkan link navigasi utama dalam daftar menu sederhana.

Struktur HTML

Buat HTML dan simpan dengan nama Index.html

<html>
<head>
<title>Coba Menu by Jazuli</title>
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Kursus</a>
<ul>
<li><a href="#">Photoshop</a></li>
 <li><a href="#">Illustrator</a></li>
<li><a href="#">Web Design</a>
 <ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Artikel</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Pengalaman</a></li>
</ul>
</li>
<li><a href="#">Contac Us</a></li><li><a href="#"></a></li>
</ul>
</nav>
</body>
</html>

Tampilan sebelum dibuat css.



CSS Style

Selanjutnya buat css nya , simpan dengan nama style.css

nav ul ul {
display: none;
}

nav ul li:hover > ul {
display: block;
}


nav ul {
background: #efefef; 
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 10px;  
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}



nav ul li {
float: left;
}
nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block; padding: 25px 40px;
color: #757575; text-decoration: none;
}



nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none; 
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #4b545f;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}


Tampilan setelah selesai..
Untuk merubah warna dan ukuran silahkan di edit di css nya.

Lihat DEMO Download Source