May 292017
 

Assalamu’alaikum wr wb

Terkadang saat kita membuat aplikasi yang melakukan request ke server dan kita perlu tau apakah proses tersebut sudah selesai atau belum. Banyak cara yang bisa digunakan. tetapi biasanya dilakukan untuk tiap proses yang ada, kali ini kita akan membuat script dengan menggunakan angularjs yang berfungis untuk mendetksi semua proses http sehingga kita cukup buat semua program kita.

Pertama masukkan factory function pada aplikasi kita.

Code :

Lalu tambahkan pada tiap directive yang digunakan misalkan pada controller

 

 

Dengan script di atas kita dapat membuat loading page atau yang lain. silakan kembangkan semoga bermanfaat.

Inspirasi : https://stackoverflow.com/questions/23361883/angular-js-detect-when-all-http-have-finished

Wassalamu’alaikum wr.wb

Oct 042016
 

Convert doc to pdf with php and libreoffice

Assalamu’alaikum wr wb

Bagaimana cara convert dari ms word atau doc ke pdf dengan menggunakan php, saya sempat browsing dan mencari tutorial barang kali ada library yang sudah siap untuk melakukan proses tersebut, banyak tutorial mulai dari menggunakan zend framework dan phpdocx yang prosesnya juga membutuhkan ketelitian untuk mencoba.

Akhirnya saya berfikir bagaiman kalau tidak menggunakan library php tetapi menggunakan pihak lain yang di execute oleh php.  akhirnya pilihan jatuh pada libreoffice yang notabene gratis. mulalilah berjalan – jalan di google untuk mencari tutorial cara convert dengan libreoffice.

Langsung saja, karena os saya menggunakan centos maka perintahnya seperti berikut

Pertama kita install libreoffice mode tersembunyi dan libreoffice witer.

Setelah itu tinggal buat script php untuk execute libreoffice untuk melakukan convert ke pdf.

Simpan file ke dengan nama convert.php dalam folder /var/www/html/ lalu execute perintah lewat browser kamu.

Maka akan tercipta file dalam /var/www/html sesuai dengan nama file asli dengan ext .pdf

Selamat mencoba semoga membantu

Wassalamu’alaikum wr. wb

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

May 092016
 

Upload FIle with delphi and php

Assalamu’ alaikum wr wb

Upload File

Sekarang kita akan membahas sedikit aplikasi kecil untuk proses upload file dengan menggunakan delphi 7 sebagai client side nya dan php sebagai server side nya.

langsung saja buat form seperti pada gambar di atas.

lalu tulis stricpt di bawah ini :


unit UploadFile;

interface

uses
Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
Dialogs, StdCtrls, IdMultipartFormData, IdHTTP, HTTPApp, ExtCtrls,
OleCtrls, SHDocVw;

type
TForm1 = class(TForm)
OpenDialog1: TOpenDialog;
Panel1: TPanel;
Button2: TButton;
Button1: TButton;
Edit1: TEdit;
WebBrowser1: TWebBrowser;
ComboBox1: TComboBox;
Edit2: TEdit;
procedure Button2Click(Sender: TObject);
procedure Button1Click(Sender: TObject);
private
{ Private declarations }
public
{ Public declarations }
end;

var
Form1: TForm1;

implementation

{$R *.dfm}

procedure TForm1.Button2Click(Sender: TObject);
begin
if OpenDialog1.Execute then
Edit1.Text := OpenDialog1.FileName;
//OpenDialog1.Free;
end;

procedure TForm1.Button1Click(Sender: TObject);
var
Stream: TStringStream;
Params: TIdMultipartFormDataStream;
HTTP: TIdHTTP;
url : String;
begin
{
Gambar
Excel
Word
Pdf
Other
}
Case ComboBox1.ItemIndex Of
0 : Begin
url := 'images';
end;
1 : begin
url := 'xls';
end;
2 : begin
url := 'doc';
end;
3 : begin
url := 'pdf';
end;
4 : begin
url := 'other';
end;
end;
Stream := TStringStream.Create('');
try
Params := TIdMultipartFormDataStream.Create;
try
Params.AddFile('fileToUpload', Edit1.Text ,'application/octet-stream');
try
HTTP := TIdHTTP.Create(Self);
HTTP.Post(Edit2.Text + '/upload_' + url + '.php', Params, Stream);
WebBrowser1.Navigate(Edit2.Text + '/upload-' + url);
//WebBrowser1.Refresh;
except
on E: Exception do
ShowMessage('Error encountered during POST: ' + E.Message);
end;
ShowMessage(Stream.DataString);
finally
Params.Free;
end;
finally
Stream.Free;
HTTP.Destroy;
end;
end;

end.

Lalu buat program di sisi server untuk menerima file yang di upload oleh delphi.

berikut source codenya :


<?php
$target_dir = "upload-other/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if($check !== false) {
echo "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;
} else {
echo "File is not an image.";
$uploadOk = 0;
}
}
// Check if file already exists
if(file_exists($target_file)) {
unlink( $target_file);
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
} else {

if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
} else {
echo "Sorry, there was an error uploading your file.";
}
}
?>

simpan dengan nama : upload.php

Wassalamu’alaikum wr wb

Feb 142016
 

php convert base64 to image

Assalamu’alaikum wr wb

Bagaimana cara convert base64 menjadi file gambar, itu yang sering saya pikirkan beberapa hari ini. berikut akan saya bagikan cara convert dengan menggunakan php.

function base64_to_jpeg($base64_string, $output_file) {
        $ifp = fopen($output_file, "wb");
        $data = explode(',', $base64_string);
        if(count($data)>0){
            fwrite($ifp, base64_decode($data[1]));
        }else{
            fwrite($ifp, base64_decode($data[0]));
        }
        fclose($ifp);
        return $output_file;
}

Itu source yang bisa dipakai untuk menggunakannya seperti contoh di abah ini

base64_to_jpeg($_POST[‘string_base64’], ‘file.jpg’ )

Silakan dimanfaatkan sesuai dengan kebutuhan, semoga membantu.

Wassalamu’alaikum wr wb

Jan 222016
 

Text Event Focus AngularJs

Assalamu’alaikum wr wb

Setelah beberapa saat tidak menulis artikel dan kemaren sekedar copas dari website lain, kali ini saya akan berbagi tutorial tentang AngularJs, Bagaimana cara membuat directive pada angularjs yang tujuannya saat kita menekan tombol pada keybord akan membuat text langsung berpindah ke text selanjutnya.

Biasanya perintah ini kalau dalam pemrograman visual kita akan menambahkan event onKeyPress pada object textbox, sekarang kita akan membuat sebuah Text Object pada input text.

Berikut adalah source yang dapat kita pakai.

var doeventInput = angular.module('deFocus', []);
doeventInput.directive('deFocus', function () {
 return {
 restrict: 'A',
 link: function(scope, elem, attrs) {
 var frm = angular.element('.form-horizontal');
 elem.bind('keyup', function (e) {
 var atoms = frm.find('input, select');
 toAtom = null;
 for (var i = atoms.length - 1; i &gt;= 0; i--) {
 if (atoms[i] === e.target) {
 //console.log(elem[0].localName);

 if (e.keyCode === 38 &amp;&amp; elem[0].localName != 'select') {
 toAtom = atoms[i - 1];
 break;
 /*} else if (e.keyCode === 40 &amp;&amp; elem[0].localName != 'select') {
 toAtom = atoms[i + 1];
 break;*/
 } else if (e.keyCode === 13) { //Enter
 toAtom = atoms[i + 1];
 break;
 } /*else if (e.keyCode === 9) { //Tab
 toAtom = atoms[i + 1];
 break;
 }*/
 }
 }

 if (toAtom) toAtom.focus();
 return false;
 
 });
 }
 }
});

Untuk penggunaaannay yang pertama tambahkan source dalam app kamu

var app = angular.module(‘NamaApp’,[‘deFocus’]);

Untuk menggunakan dalam object input text dapat melihat contoh

<input de-focus required type=”text”   ng-model=”model”>

Selamat mencoba

Wassalamu’alaikum wr wb

Apr 302015
 

Multi Application on Codeigniter

Assalamu’ alaikum wr wb

Kabar gembira dari codeigniter versi 3 yang ada versi terdahulu kita agak kerepotan saat ingin membuat aplikasi yang membutuhkan beberapa plikasi didalanya kita harus membuat beberpa sub aplikasi yang mungkin akan membuat kita sedikit repot seperti yang pernah saya bahas Multi app with CodeIgniter. Pada codeigniter versi 3 telah menyediakan kemudahan yaitu dengan memperbolehkan kota untuk mebuat subfolder dalam controller.

contoh

application/controllers/subfolder/Namacontroller.php

maka kita dapat memanggilnya dengan

http://webserver/index.php/subfolder/namacontroller/function

Bagaiaman lebih mudah kan. selamat berexploreasi

sumber : Codeigniter [Organizing Your Controllers into Sub-directories]

Wassalamu’alaikum wr wb

Feb 012015
 

Assalamu’ alaikum wr wb

CodeIgniter 3.0 Release Candidate

Setelah sekian lama menunggu bagi para pecinta codeigniter ada kabar baru pada tanggal 26-01-2015 kemaren tentang dirilisnya CodeIgniter ver3, walaupun masih Release Candidate.

Untuk masuk ke forum silakan masuk ke sini : http://forum.codeigniter.com/thread-890.html

Untuk manual migrasi dari versi 2 silakan masuk di sini : http://www.codeigniter.com/userguide3/installation/upgrade_300.html

Sekian infonya semoga bermanfaat.

Wassalamu’alaikum wr wb