Sep 212016
 

Add image with tcpdf

Assalamu’alailum wr wb

Terkadang saat kita ingin mencetak report kita memerlukan membuat header dengan logo atau mungkin memasukkan images kedalam body laporan kita. Saat kita menggunakan tcpdf biasanya diakan membutuhkan realpath / path asli lokasi image bukan url. itu yang terkadang menyebabkan gagal saat membuat report.

Bita bisa menggunakan script

Itu juga berlaku untuk css untuk mempercantik laporan kamu.

semoga dapat membantu

Wassalamu’alaikum wr wb

Sep 162016
 

Create Water Mark with tcpdf

Assalamu’ alaikum wr wb

Pengertian WaterMark berdasarkan wikipedia adalah adalah suatu cara penyembunyian atau penanaman data/informasi tertentu (baik hanya berupa catatan umum maupun rahasia) kedalam suatu data bergana lainnya, tetapi tidak diketahui kehadirannya oleh indera manusia (indera penglihatan atau indera pendengaran), dan mampu menghadapi pengolahan sinyal bergana sampai pada tahap tertentu.

Kita akan memanfaat library tcpdf untuk membuat watermark ini.  Sebelumnya download dulu lib tcpdf lewat website resminya https://tcpdf.org/ lalu panggil seperti pada source di bawah ini :

Dengan source di atas kita sudah membuat watermark dengan tulisan miring. selamat mencoba

Wassalamu’alaikum wr wb

Sep 022016
 

Asalamu’alaikum wr wb

Kita awali pembahasan kali ini dengan materi ringan tentang angularjs saya sudah pernah berbagi tentang angularjs (http://sugik.do-event.com/2013/10/angularjs-bagian-1-basics/) tapi tidak ada salahnya jika sedikit review dan ulas balik tentang framework javascript yang satu ini.

Mengapa Harus AngularJs

HTML ada lah static document yang sering kita gunakan dalam pembuatan website, tetapi dengan adanya AngularJs sebuah halaman website akan dengan mudahnya kita dapat mengulah dan mengembangkannya menjadi sebuah halaman dinamik.

Alternatif

Kenapa tidak yang lain, inilah salah satu kelebihan dan AngularJs dia sangat mudah dan simple dalam pengolahan halaman HTML.

Pengembangan dan perkembangan 

Tidak dapat dipungkiri bahwa sebuah tools digunakan sedangkan pengembang dan perkembangannnya tidak bagus maka kita akan merasa kurang yakin menggunakan nnya. Berbeda dengan AngularJs yang memang sudah dikembangkan oleh google yang kita tau siapa google ? dan didukung oleh komunitas yang pasti tidaklah sedikit.

Dari beberapa alasan diatas maka tidak ada salahnya jika kita mengembangkan aplikasi dengan kerangka dasar menggunakan AngularJs.

Untuk lebih detailnya maka silakan buka halaman websitenya di https://angularjs.org/

Semoga dapat menjadi salah satu pilihan yang membantu. terimakasih

Wassalamu’ alaikum wr wb

Dec 142012
 

Assalamu’ alaikum wr wb

CSS3 Animations

Saat membuka beberapa tutorial tentang css3 di http://www.w3schools.com/ saya menemukan sebuah totorial yang menarik dan mungkin akan dapat dikembangkan, sesuai dengan imajinasi teman – teman semua, langsung saja untuk lihat script di bawah dan silakan di coba juga semoga dapat bermanfaat.

</p>
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:myfirst 5s linear 2s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 5s linear 2s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 5s linear 2s infinite alternate;
/* Opera: */
-o-animation:myfirst 5s linear 2s infinite alternate;
}

@keyframes myfirst
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:200px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:200px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:200px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:200px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}
</style>
</head>
<body>
<p><b>Note:</b> This example does not work in Internet Explorer.</p>
<div></div>
</body>
</html>

Sumber : http://www.w3schools.com/css3/css3_animations.asp

Wassalamu’ alaikum wr wb

Jun 222010
 

Assalamu’ alaikum wr wb

Mohon maaf kepada semua cucu – cucu 😀 yang sering berkunjung ke blog saya kemaren sempat blog ini mati, maaf lupa belum perpanjang. Terimakasih kepada saudara/adik saya qu4ck yang telah banyak membantu.

Saya kemaren malam sambil sedikit ngantuk telah membuat vidio kelanjutan dari yang kemaren yaitu tutorial ExtJS dan CodeIgniter.

Download

Semoga tutorial ini dapat mebantu teman – teman semua yang lagi suka dengan ExtJS dan CodeIgniter

Wa’ alaikum wr wb

Apr 182010
 

Assalamu’ alaikum wr wb

Lama tidak menulis kali ini saya akan membahas tentang membuat multi aplikasi dalam FrameWork CodeIgniter, Sebenarnya tutorial ini sudah ada dalam manual CodeIgniter, tapi mungkin penjelasannya kita kurang paham, semoga dengan adanya tulisan ini kita dapat membuat beberapa aplikasi dalam CodeIgniter kita.

Ada dua cara yang bisa kita gunakan.

  1. Aplikasi masih dalam folder System.
  2. Aplikasi terpisah dengan folder System.

Folder masih dalam System.

Semisal kita akan membuat dua aplikasi, yang pertama bersifat public dan satunya ada yang bersifat khusus untuk admin. pertama buat dua buah folder pada folder : Continue reading »

Sep 172009
 

PopUp Menu

PopUp Menu

Pada tutorial kali ini saya akan menunjukkan bagaimana membuat popup menu pada halaman html yang kita buat, dengan adanya popup menu ini kita akan dapat membuat menu klik kana sesuai dengan keinginan kita, ada beberapa hal yang kita butuhkan dalam pembuatan popup menu ini.

  1. Library ExtJs.
  2. yang jelas ya sebuah halaman html

Untuk mematikan event clik kanan pada halaman html anda dapat menambahkan scrip pada body html kamu

<body oncontextmenu="return false;">

ok diatas telah kita buat sebuah source untuk mematikan event klik kana pada halaman html kita. selanjutnya kita akan membuat popup menunya dengan memanfaatkan library dari ExtJs. ok silakan tulis coding di bawah ini

Ext.onReady(function(){
  Ext.QuickTips.init();
  Ext.getBody().on('contextmenu', function(e){
    taskContextMenu.showAt(e.getXY());
  });
  var taskContextMenu = new Ext.menu.Menu();
  taskContextMenu.add(
    new Ext.menu.Item({text: 'HOME', id:'1',handler:  loadNewPages}),
    new Ext.menu.Separator(),
    new Ext.menu.Item({text: 'ABOUT', id:'2',handler:  loadNewPages})
  );

  function loadNewPages(node){
    if(node.id=='1'){
      window.location="#";
    }else if(node.id=='2'){
      Ext.Msg.alert('ABOUT', '<b>WELCOME<b><br>ANDA BERADA PADA EVENT ABOUT');
    }
  }

});

ok mudah kan sekarang coba klik kanan pada halaman html kamu pasti bisa deh 😀