webwoorks http://webwoorks.net developing solutions Wed, 24 Feb 2010 02:34:04 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 Cross Domain Ajax menggunakan jQuery http://webwoorks.net/2010/02/cross-domain-ajax-menggunakan-jquery/ http://webwoorks.net/2010/02/cross-domain-ajax-menggunakan-jquery/#comments Wed, 24 Feb 2010 02:34:04 +0000 ibnoe http://webwoorks.net/?p=198 cross_and_kids__1st_lesson_by_black_machineryRequest Ajax Lintas domain secara normal tidak mungkin untuk dilakukan karena masalah sekuriti. Tetapi ada beberapa teknik yang dapat digunakan menggunakan server-side proxy, flash proxy, jsonp dan Yql.

1. Server side proxy.

Ini adalah teknik yang paling sederhana. caranya adalah membuat sebuah kode disis server (php,jsp atau jsp) untuk mengambil content yang di inginkan. Jika menggunakan php, maka anda bisa memanfaatkan library curl. Setelah output dari domain lain didapatkan baru diambil ke server. Secara personal cara ini menurut saya sangat me”ribet”kan, karena kita melakukan dua kali proses yaitu ambil di sisi server lalu di passing langi ke client. Contoh pengambilan data dari domain yang berbeda:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

class Proxy extends Controller {
 
	function  Proxy()
	{
		parent::Controller();	
	}
 
     function twitter()
     {
		$this->load->library('Curl');
                $data=$this->curl->get('http://twitter.com/users/show/ibnoe.xml');
		echo json_encode($data);	
     }
}

*code menggunakan codeigniter, library curl bisa di dapatkan library curl disini

2. Flash proxy.

Cara ini adalah cara yang menggunakan flash untuk mengambil data. Cara ini mempunyai batasan yaitu domain tujuan harus mempunyai sebuah file “crossdomain.xml” yang berfungsi sebagai penanda bahwa content domain tersebut bisa diakses melalui domain yang berbeda. contoh http://twitter.com/crossdomain.xml

Jika anda tertarik ada dua library yang dapat di gunakan yaitu flXHR (ada jQuery adapter) dan CrossXHR.

3. JSONP

JSONP adalah kepanjangan dari JSON with Padding. JSONP digunakan untuk melengkapi data yang berformat JSON dengan sebuah pola penggunaan yang memungkinkan suatu halaman untuk di gunakan dari server lain. contoh Json sederhana

   {"Nama":"Ibnu Daqiqil","Id":7}

JSON diatas hanya berisi data tampa “padding”. Padding biasanya di sebut juga callback. Sebuah callback dibutuhkan karena json itu hanya sebuah format data dan tidak bisa di eksekusi secara langsung. Biasanya kita menyertakan prefix/padding pada saat memanggil

    <script type='text/javascript' src='http://domain.com/getjson?jsonp=parseResponse'>

dan hasil yang akan diterima seperti

    parseResponse({"Nama":"Ibnu Daqiqil","Id":7})

callback tersebut akan menjadi sebuah eksekusi fungsi oleh fungsi parseResponse
contoh jsonp di jQuery

$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images")
      .wrap("<a href='" + item.link + "'></a>");
  });
});

4. YQL

YQL adalah kepanjangan dari Yahoo Query Language. Simplenya YQL adalah menyuruh yahoo untuk mengambil web/api yang kita minta lalu di tampilkan dan di retrive dalam bentuk query contoh

SELECT * FROM html WHERE url="{URL}" AND xpath="*"
SELECT * FROM flickr.photos.interestingness(20)

Sudah ada pluggin yang jQuery yang memanfaatkan fitur ini untuk mengenablekan cross domain ajax

$(document).ready(function() {
   $('#container').load('http://google.com'); // SERIOUSLY!
 
   $.ajax({
      url: 'http://news.bbc.co.uk',
      type: 'GET',
      success: function(res) {
          var headline = $(res.responseText).find('a.tsh').text();
          alert(headline);
    }
});
 
  $.get('http://snipplr.com/all/language/jquery', function(res) { 
    $(res.responseText).find('.snippets li h3').each(function() { 
      var anchor = $(this).children('a:last');         
      jQuery('<li/>', { //build a li element
        html: jQuery('<a/>', { //with a A element inside it
                href: 'http://snipplr.com' + anchor.attr('href'), //set the href for the link
                text: anchor.text() //and the text
              })
      }).appendTo($('#jquery_snippets')); //append it to a list
    });
 
    $('#jquery_snippets li:first').remove(); //remove this first li ("Loading...") when done
  });
});

Random Posts

]]> http://webwoorks.net/2010/02/cross-domain-ajax-menggunakan-jquery/feed/ Library cURL Codeigniter http://webwoorks.net/2010/02/library-curl-codeigniter/ http://webwoorks.net/2010/02/library-curl-codeigniter/#comments Mon, 15 Feb 2010 10:31:18 +0000 ibnoe http://webwoorks.net/?p=188 Apa sih cURL

curl__by_marinarettacURL adalah sebuah program/library untuk mengakses file melalui sebuah url. cURL sudah support banyak protokol seperti FTP, FTPS, HTTP, HTTPS, SCP, SFTP, TFTP, TELNET, DICT, LDAP, LDAPS dan FILE. Sebenarnya cURL adalah sebuah program command line di unix, tetapi sekarang sudah di support oleh php (menjadi extension php).

Keunggulan Curl

Kenapa cURL? bukankah kita juga menggunakan perintah bawaan php seperti file, readfile, file_get_content untuk mengakses url? iya kita bisa mendapat kan content dari sebuah url dengn perintah tersebut tetapi ada batasan di error handling, header, authentication, post form, upload file.

Library Curl untuk codeigniter

Sebelum memluai penggunaan curl sebagai library codeigniter, sebaiknya kita mengenali carai penggunaan cUrl terlebih dahulu. Sebuah request curl ternisi atas 4 steo utama yaitu:

  1. Initialize: tahap inisisalisasi bertujuan membentuk sebuah curl handle menggunakan curl_init()
  2. Set Options: Mengeset opsi2 yang dibutuh kan spt header, dan paramter lainnya
  3. Execute dan Fetch Result Mengirimkan request ke server
  4. Clear curl handler dengan perintah curl_close()

untuk mempermudah penggunaan maka fungsi curl tersebut dibungkus dan dapat didownload di link berikut

Download

Contoh penggunaan library CURL

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

 
 
class Contoh extends Controller {
 
	function Contoh()
	{
		parent::Controller();	
	}
 
	function index()
	{
		$this->load->library('Curl');
		$google_login_url = "https://www.google.com/accounts/ClientLogin";
		$contact_url = 'http://www.google.com/m8/feeds/contacts/default/full?max-results=100';
		$param = array(
			"accountType" => "GOOGLE",
			"Email" => 'xibnoe',
			"Passwd" => 'PASSWORD GW',
			"service" => "cp",
			"source" => "Webwoork/1.0"
		);
 
		$out = $this->curl->post($google_login_url,$param);
                var_dump($out);
     }
 
     function google()
     {
		$this->load->library('Curl');
		echo $this->curl->get('http://google.com')
	}
}

Artikel yang berhubungan

]]> http://webwoorks.net/2010/02/library-curl-codeigniter/feed/ Dropdown menu sederhana menggunakan Jquery http://webwoorks.net/2010/02/dropdown-menu-sederhana-menggunakan-jquery/ http://webwoorks.net/2010/02/dropdown-menu-sederhana-menggunakan-jquery/#comments Wed, 10 Feb 2010 02:49:18 +0000 ibnoe http://webwoorks.net/?p=178 Untuk membuat sebuah dropdown sederhana kita tidak membutuhkan sebuah pluggin jquery yang begitu kompleks untuk membuatnya.. cukup dengan mengunakan beberapa baris script sederhana menggunakan jquery. adapun langkah yang harus di lakukan adalah

Download | Demo

1. Persiapkan struktur dan style menu dropdown

Untuk dropdown sederhana kita hanya akan menggunakan 1 level dropdown. adapun struktur html yang akan di bentuk adalah seperti berikut:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<ul id="pgmenu">
	<li>
		<a href="#" class="sub">Main menu<span>&nbsp;</span></a>
		<ul>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
			<li><a href="#">Drop Down Menu</a></li>
		</ul>
	</li>
	<li>
		<a href="#" class="sub">Import<span>&nbsp;</span></a>
		<ul>
			<li><a href="#">Slide Effect</a></li>
			<li><a href="#">Slide Effect</a></li>
			<li><a href="#">Slide Effect</a></li>
			<li><a href="#">Slide Effect</a></li>
			<li><a href="#">Slide Effect</a></li>
			<li><a href="#">Slide Effect</a></li>
		</ul>
	</li>
	<li><a href="#">Export</a></li>
	<li><a href="#">Help</a></li>
</ul>

Struktur Css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

pgmenu
	{	margin: 0;
		padding: 0
		}
 
	#pgmenu li
	{	float: left;
		list-style: none;
		font-size: 12px;
		}
 
	#pgmenu li a span{
		background:red;
		padding:2px 0 2px 6px;
		background:url("img/desc.gif") no-repeat center right;
	}
 
	#pgmenu li a
	{	display: block;
		background: #777;
		padding: 4px 12px;
		text-decoration: none;
		color: #000;
		white-space: nowrap;
		}
 
	#pgmenu li.pgmv a{
		background:  #2f6795;
		color:#d5e1ea; 
	}
 
	#pgmenu li a:hover{	
		background: #2f6795;
		color:#d5e1ea; 
		}
 
	#pgmenu li ul
	{	margin: 0;
		position: absolute;
		visibility: hidden;
		width:150px;
		padding:2px;
		background: #2f6795;
	}
 
	#pgmenu li ul li
	{	float: none;
		display: inline}
 
	#pgmenu li ul li a
	{	width: auto;
		color:#d5e1ea;
		border:none;
		background: #2f6795;}
 
	#pgmenu li ul li a:hover
	{
		background:black;
		color:#ffffff;
	}

2. Beri event pada menu tersebut

Setelah strukturnya terbentuk, baru di beri event pada menu tersebut

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

	//-- Menu variables -------------
	var timeout    = 0;
	var closetimer = 0;
	var menuItem = 0;
 
	$(document).ready(function(){
 
		//-- Page dropdown menu
		document.onclick = dropMenu_close;
 
		$('#pgmenu > li').bind('mouseover', dropMenu_open);
		$('#pgmenu > li').bind('mouseout',  dropMenu_timer);		
 
		$('#pgmenu>li>ul,#pgmenu>li>ul>li').mouseover(function(){
			var parent = $(this).parents('li');
			$(parent).addClass('pgmv');
		});
 
		$('#pgmenu>li>ul, #pgmenu>li>ul>li').mouseout(function(){
			var parent = $(this).parents('li');
			$(parent).removeClass('pgmv');
		});
 
	});
 
	function dropMenu_open()
	{  
		dropMenu_canceltimer();
		dropMenu_close();
		menuItem = $(this).find('ul').css('visibility', 'visible');
		}
 
	function dropMenu_close()
	{  
		if(menuItem) menuItem.css('visibility', 'hidden');
	}
 
	function dropMenu_timer()
	{  
		closetimer = window.setTimeout(dropMenu_close, timeout);
	}
 
	function dropMenu_canceltimer()
	{  
		if(closetimer){
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}

Random Posts

]]> http://webwoorks.net/2010/02/dropdown-menu-sederhana-menggunakan-jquery/feed/ Handling Exceptions di PHP5 http://webwoorks.net/2010/02/handling-exceptions-di-php5/ http://webwoorks.net/2010/02/handling-exceptions-di-php5/#comments Mon, 08 Feb 2010 15:16:44 +0000 ibnoe http://webwoorks.net/?p=165 Apa sih “Exception” ?

i_am_error__mario__by_thebourgymanSebuah exception adalah sebuah error yang bersifat logical ataupun berasal dari sistem yang terjadi pada waktu eksekusi script. Sebuah exception dapat di aktifkan oleh sistem ataupun oleh program itu sendiri. Exception handling adalah fitur baru yang terdapat pada PHP 5. Pada php digunakan try…catch untuk menghandle sebuah exception. Handling Exception adalah cara yang “elegan” dalam menangani kesalahan/error yang terjadi di sebuah program. Karena pada kenyataan tidak ada sebuah program yang bebas dari kesalahan. Oleh karena itu kita butuh cara yang ELEGAN untuk menangani kesalahan.

Contoh sederhana penggunaan error handling.

1
2
3
4
5
6
7
8
9

try {
   if($error) {
      throw new Exception("Error String",Error Code);
   }
}
catch(Exception $e) {
   echo "Message : " . $e->getMessage();
   echo "Code : " . $e->getCode();
}

Pada contoh diatas, terdapat dua blok utama yaitu try {} dan catch() {}. Block try{} adalah area dimana kode kita diletakkan dan itu akan di eksekusi. jika terjadi sebuah exception maka code akan segera masuk ke blok catch. Untuk mengaktifkan sebuah exception digunakan keyword throw.

Class Exception

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

class Exception {
	protected $message;
	protected $code;
	protected $file;
	protected $line;
 
	private $string;
	private $trace;
 
	public function __construct($message = null, $code = 0);
	public function __toString();
 
	final public function getCode();
	final public function getMessage();
	final public function getFile();
	final public function getLine();
	final public function getTrace();
	final public function getTraceAsString();
	final private __clone();
}

Pada struktur kelas Exception dapat kita lihat bahwa hanya dua fungsi yang dapat di override: kostruktor dan __tostring(), sedangkan method lainnya berupa final. Pada construktor terdapat dua parameter yaitu error message dan kode error. Berikut ini contoh implementasi error handling.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

class PelangganException extends Exception {
  public function __construct($message = null, $code = 0) {
    $message = "Terjadi error pada pelanggan : ".$message;
    parent::__construct($t_message, $code);
  }
}
 
 
function testException() {
 	throw new CustomerException("Cuman test",101);
 }
 
try {
	testException();
}
catch(CustomerException $e) {
	echo "Error Message : " $e->getMessage();
	echo "Error Code : " $e->getCode();
}

Random Posts

]]> http://webwoorks.net/2010/02/handling-exceptions-di-php5/feed/ jQuery-PHP Codeigniter Pluggin http://webwoorks.net/2009/08/jquery-php-codeigniter-pluggin/ http://webwoorks.net/2009/08/jquery-php-codeigniter-pluggin/#comments Sat, 15 Aug 2009 05:31:55 +0000 ibnoe http://webwoorks.net/?p=148 jquery-php jQuery-PHP adalah sebuah PHP library yang memunggkinkan kita untuk mengitegrasikan syntax jQuery di PHP. Jika menggunakan Codeigniter maka salah satu cara yang dapat kita lakukan adalah dengan menuliskan kode jquery didalam view. atau jika ingin menyimpannya sebagai variable string di controller.

Liat contoh kode dibawah ini, itu adalah controller yang dapat memanipulasi halaman web menggunakan syntax jquery di php.
Untuk demo anda bisa lihat disini

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
 * jquery_php class
 *
 * @package default
 * @author Ibnu Daqiqil Id
 **/
 
class jquery_php extends Controller 
{
 
	function __construct()
	{
		parent::__construct();
	}
 
	/**
	 * Index function
	 *
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/	
	function index()
	{
		$this->load->view('jquery_client');
	}
 
	function backend()
	{
		$this->load->plugin('jquery');
		jQuery('#home')->html(date('Y-m-d h:m:s').' - Hellow World!!');
		jQuery::getResponse();
	}
	function backend2()
	{
		$this->load->plugin('jquery');
		jQuery('#home')->html(date('Y-m-d h:m:s').' - Hellow World!!')->css('backgroundColor' , '#ff0000');
		//jQuery::evalScript("alert('aaa')");
		jQuery::addAction('click',"alert('aaa')");
		jQuery::getResponse();
	}
 
	function backend_event()
	{
		$this->load->plugin('jquery');
		jQuery('#home')->html(date('Y-m-d h:m:s').' - <a id="a" href="#"> Hellow World!!</a>')->css('backgroundColor' , '#ff0000');
 
	//	$('#loading').slideDown('fast');
 
	}
 
}
 
// END  jquery_php class
 
/* End of file jquery.php */
/* Location: /Applications/XAMPP/xamppfiles/htdocs/riset/application/controllers/jquery.php  */

Sedangkan untuk viewnya

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>jQuery PHP - Codeigniter library</title>
    <meta name="keywords" content="php, ajax, jquery, javascript" />
    <meta name="description" content="jQuery PHP library" />
    <script src="<?=base_url()?>/jquery-1.3.2.js" type="text/javascript"></script>
 
    <script src="<?=base_url()?>jquery.php.pack.js" type="text/javascript"></script>
    <script src="<?=base_url()?>jquery.form.js" type="text/javascript"></script>
	<script type="text/javascript">
 
		$(document).ready(function()
		{
	    	$(".ajax").click(function(){
			 	$.php(this.href);
				return false;
			});
 
	  	});
 
	</script>
	<style>
	.output{
		border: 1px #000 solid;
		backgound-color:#ccc;
	}
	</style>
</head>
<body>
<script language="JavaScript" type="text/javascript">
 
formAjax = function () {
    $.php(url, $('form#form').formToArray(true));
    return false;
}
</script>
<!-- start header -->
<h1>Demo Jquery Client</h1>
<a id="generate" href="<?=site_url('jquery_php/backend')?>" class="ajax">Running</a><br>
<code>
	jQuery('#home')->html(date('Y-m-d h:m:s').' - Hellow World!!');
</code>
<br>
<a id="generate" href="<?=site_url('jquery_php/backend2')?>" class="ajax">Running</a><br>
<code>
	jQuery('#home')->html(date('Y-m-d h:m:s').' - Hellow World!!')->css('backgroundColor' , '#ff0000');;
</code>
 
 
OUTPUT:
<div id="home" class="output"> &nbsp;</div>
</body>
</html>

Download Jquery-PHP Pluggin

Installasi

1. Extract file di application/plugins/
2. Load pluggin tersebut

Artikel yang berhubungan

]]> http://webwoorks.net/2009/08/jquery-php-codeigniter-pluggin/feed/ Comet menggunakan Codeigniter dan JQuery http://webwoorks.net/2009/08/comet-menggunakan-codeigniter-dan-jquery/ http://webwoorks.net/2009/08/comet-menggunakan-codeigniter-dan-jquery/#comments Fri, 07 Aug 2009 02:43:50 +0000 ibnoe http://webwoorks.net/?p=136 comet_by_gosia Comet adalah suatu teknik pengaksesan data dari webserver secara long-pooling. Artinya sebuah koneksi tidak ditutup tetapi di pool secara terus menerus. Keuntungannya load server jadi lebih ringan dan memori yang di gunakan stabil.

Berikut ini saya mencoba menggunakan codeigniter dan jquery untuk membuktikan teknik ini. riset ini belum proven. cuman coba2. hasilnya saya menemukan bahwa memori yang digunakan di sisi server relatif sama. dan ini dapat menghemat resource daripada di client melakukan pengecekan secara ajax berkala. dengan bantuan fungsi sleep untuk menjaga cpu load dan flush untuk menghilangkan buffer output. Di sisi client saya memaksa browser tidak mencache semua output yang di keluarkan. jadi kemungkinan bisa stabil di client juga.

code yang saya gunakan adalah sebagai berikut:

Buat Controller Comet.php

Buatlah controller comet.php yang berisi fungsi index dan backend. fungsi backend adalah callback yang akan kita panggil menggunakan frame. disana akan saya tampilkan waktu server dan memori yang dipake. Untuk menjaga agar memori dan cpu load tetap stabil maka saya menambahkan fungsi flush dan sleep (referensi saya)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
 * Comet class
 *
 * @package default
 * @author Ibnu Daqiqil Id
 **/
 
class Comet extends Controller 
{
 
	function __construct()
	{
		parent::__construct();
	}
 
	/**
	 * Index function
	 *
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/	
	function index()
	{
		$this->load->view('comet/comet_client');
	}
 
	function backend()
	{
 
		header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
		header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
		header("Cache-Control: no-store, no-cache, must-revalidate");
		header("Cache-Control: post-check=0, pre-check=0", false);
		header("Pragma: no-cache");
		flush();
 
		$header = $this->load->view('comet/comet_header',NULL,TRUE);
		echo $header;
		while(1) {
		  echo '<script type="text/javascript">';
		  echo 'comet_client.print("Server Time : '.date('h:i:s').'<br> Loaded Memory :'.memory_get_usage().'");';
		  echo '</script>';
		  flush();  
		  sleep(1); 
		}
 
	}
 
}
 
// END  Comet class
 
/* End of file comet.php */
/* Location: /Applications/XAMPP/xamppfiles/htdocs/CodeIgniter_1.7.1/system/application/controllers/comet.php  */

Buat Client View - comet_client.php

Pada view ini kita akan memanggil fungsi backend melalui sebuah iframe secara terus menerus, tetapi hanya menggunakan 1 koneksi.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Comet demo client</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="<?=base_url();?>/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
 
		var comet =
	   	{
			ajax   : false,
	  		iframediv    : false,
	    	start: function()
	     	{
	      		if (navigator.appVersion.indexOf("MSIE") != -1) {
 
			      comet.ajax = new ActiveXObject("htmlfile");
			      comet.ajax.open();
			      comet.ajax.write("<html>");
			      comet.ajax.write("<script>document.domain = '"+document.domain+"'");
			      comet.ajax.write("</html>");
			      comet.ajax.close();
			      comet.iframediv = comet.ajax.createElement("div");
			      comet.ajax.appendChild(comet.iframediv);
			      comet.ajax.parentWindow.comet = comet;
			      comet.iframediv.innerHTML = "<iframe id='comet_iframe_inside' src='<?=site_url('comet/backend')?>'></iframe>";
 
			    }  else {
 
			      comet.ajax = document.createElement('iframe');
			      comet.ajax.setAttribute('id',     'comet_iframe');
			      with (comet.ajax.style) {
			        left       = top   = "-100px";
			        height     = width = "1px";
			        visibility = "hidden";
			        display    = 'none';
			      }
			      comet.iframediv = document.createElement('iframe');
			      comet.iframediv.setAttribute('src', '<?=site_url('comet/backend')?>');
			      comet.ajax.appendChild(comet.iframediv);
			      document.body.appendChild(comet.ajax);
				}
			},
 
			stop: function(){
				$('#comet_iframe').html('');
			},
 
	    	print: function(param)
	     	{
	      		$("#content").html(param);
	     	}
		}
 
		$(document).ready(function()
		{
	    	$("#start").click(function(){comet.start();});
	    	$("#stop").click(function(){comet.stop();});
		});
 
	</script>
  </head>
  <body>
	<input type="button" id="start" value="Start"><input type="button" id="stop" value="Stop">
  	  <div id="content"></div>
 
 
</body>
</html>

Backend header View - comet_header.php

ini view di backend yng berfungsi untuk mengirimkan output ke parent windowsnya. Untuk backend kita jangan menggunakan fungsi bawaan view untuk menampilkan karena ci akan menyimpanya sebagai variabel dulu baru di tampilkan. jadi kita harus menampilkan langsung di controllernya.

1
2
3
4
5
6
7
8
9
10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Backend Title</title>
</head>
<body>
 
<script type="text/javascript">
  var comet_client = window.parent.comet;
</script>

Anda dapat melihat Demonya di sini

Artikel yang berhubungan

]]> http://webwoorks.net/2009/08/comet-menggunakan-codeigniter-dan-jquery/feed/ Membuat Breadcrumb Otomatis http://webwoorks.net/2009/07/membuat-breadcrumb-otomatis/ http://webwoorks.net/2009/07/membuat-breadcrumb-otomatis/#comments Sun, 05 Jul 2009 13:16:16 +0000 ibnoe http://webwoorks.net/?p=125 navigation23Breadcrumb adalah salah satu bentuk navigasi. Biasanya digunakan untuk memberitahukan user dimana posisi dia berada sekarang. Dengan adanya breadcrumb maka akan memudahkan user untuk berpindah ke top level dari current page.

Berikut ini adalah salah satu library codeigniter yang bisa di gunakan untuk membuat breadcrumb. Baik secara otomatis dan manual

Langkah 1. Buat File library Breadcrumb.php

Buatlah sebuah file Breadcrumb.php di folder applications/library yang berisi :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

<?php  if (!defined('BASEPATH')) exit('No direct script access allowed');
/**
 * Breadcrumb class
 *
 * DESCRIPTION	: Class to show breadcrumb navigation
 *
 * MODIFICATION HISTORY
 *	V1.0	2009-07-03 04:05 PM	- Ibnu Daqiqil Id  	- Created
 *		2009-07-03 02:32 PM     - Ibnu Daqiqil id	- change html element to display using <ul>
 *
 * @package 			Markeet
 * @author  			Ibnu Daqiqil Id
 *
 **/
 
class Breadcrumb
{
	protected $data = array();
 
	/**
	 * Class Constructor
	 *
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/
	function __construct() 
	{
 
	}
 
    /**
	 * add new crumb element
	 *
	 * @param  string $title The crumb title
	 * @param  string $uri Crumb url path 
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/
 
	public function add($title, $uri='') 
	{
		$this->data[] = array('title'=>$title, 'uri'=>$uri);
		return $this;
	}
 
	/**
	 * Fetch crumb data
	 *
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/
 
	public function fetch() 
	{
		return $this->data;
	}
 
	/**
	 * Reset crumb data
	 *
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/
	public function reset() 
	{
		$this->data = array();
	}
 
 
	/**
	 * Dislpay all crumb element
	 *
	 * @param  string $home_site first path title
	 * @param  string $id id of ul html
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/
	public function show($home_site ="home", $id = "crumbs"  ) 
	{
		$ci = &get_instance();
		$site = $home_site;
		$breadcrumbs = $this->data;
		$out  = '<ul id="'.$id.'">';
		if ($breadcrumbs && count($breadcrumbs) > 0) {
			$out .= '<li><a class="pathway" href="' . base_url() .'"/>'. $site . '</a></li>';
			$i=1;
			foreach ($breadcrumbs as $crumb): 
 
				if ($i != count($breadcrumbs)) {
					$out .= $sep . '<li><a class="pathway" href="' .site_url($crumb['uri']). '">'. $crumb['title'] .'</a></li>';
				} else {
					$out .= $sep . '<li class="selected">'. $crumb['title'] .'</li>';
				}
				$i++;
			endforeach;
		} else {
			$out .= '<li class="selected">' . $site . '</li>';
		}
		$out .= '</ul>';
		return $out;	
	}
 
}
 
// END  Breadcrumb class
 
/* End of file Breacrumb.php */
/* Location: /Applications/XAMPP/xamppfiles/htdocs/multishop/application/library/Breadcrumb.php  */

Langkah ke 2. Contoh Penggunaan (secara Manual)

Buatlah sebuah controller yang berisi

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
 * Contoh class
 *
 * @package default
 * @author Ibnu Daqiqil Id
 **/
 
class Contoh extends Controller 
{
 
	function __construct()
	{
		parent::__construct();
	}
 
	/**
	 * Index function
	 *
	 * @return void
	 * @author Ibnu Daqiqil Id
	 **/	
	function index()
	{
		$this->load->library('breadcrumb');
		$this->breadcrumb->add('Pages','pages')
					       ->add('Management','pages/manage')
					       ->add('Add new Page','pages/manage/add');
		$this->load->view('crumb');
	}
 
}
 
// END  Contoh class
 
/* End of file contoh.php */
/* Location: /Applications/XAMPP/xamppfiles/htdocs/multishop/application/controllers/contoh.php  */

dan sebuah view

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>Bread Crumb Example</title>
		<style type="text/css" media="screen">
		body {
			font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
			}
		ul, li {
			list-style-type:none;
			padding:0;
			margin:0;
			}		
		#crumbs {
			height:2.3em;
			border:1px solid #dedede;
			}
		#crumbs li {
			float:left;
			line-height:2.3em;
			color:#777;
			padding-left:.75em;
			}		
		#crumbs li a {
			background:url(images/crumbs.gif) no-repeat right center;
			display:block;
			padding:0 15px 0 0;
			}							
		#crumbs li a:link,
		#crumbs li a:visited {
			color:#777;
			text-decoration:none;
			}	
		a:link, a:visited,	
		#crumbs li a:hover,
		#crumbs li a:focus {
			color:#dd2c0d;
			}
		</style>
	</head>
	<body>
		<?php echo $this->breadcrumb->show() ?>
	</body>
</html>

Untuk images/crumbs.gif bisa anda download di sini

(OPTIONAL) Penggunaaan Otomatis

Jika anda ingin menggunakan breadcrumb ini secara otomatis tampa harus menambahkannya satu-satu bisa dilakukan dengan meng extend controller. Contoh

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<?php
class My_Controller extends Controller{
        /// add this function
	function _remap($func)
	{
 
		$nama_controller = get_class($this);
	        $this->load->library('breadcrumb');
		$this->breadcrumb->add(  ucwords(($nama_controller)), site_url($nama_controller));
		if (method_exists($this,$func))
		{
		    $URI =& load_class('URI');
	            if ($func!='index')
			$this->breadcrumb->add(  ucwords(($func)),site_url( $nama_controller.'/'.$func));  
			call_user_func_array(array(&$this, $func), array_slice($URI->rsegments, 2));
		}
		else
		{
		    show_404(get_class($this).'/'.$func);
		}
	  }
}

anda dapat langsung menggunakannya secara langsung tampa menambahkan satu satu seperti pada contoh sebelumnya

Artikel yang berhubungan

]]> http://webwoorks.net/2009/07/membuat-breadcrumb-otomatis/feed/ Aplikasi Multi-Tiered http://webwoorks.net/2009/06/aplikasi-multi-tiered/ http://webwoorks.net/2009/06/aplikasi-multi-tiered/#comments Fri, 19 Jun 2009 01:59:06 +0000 ibnoe http://webwoorks.net/?p=104 puzzle_by_cerebralcortexAplikasi Multi-Tiered adalah sebuah aplikasi yang memisahkan bagian-bagian dari program berdasarkan komponen, ide, atau subaplikasi menjadi sub-sub program yang terpisah tetapi masih berkolaborasi untuk menyelesaikan sebuah task. Sedangkan Tiered programming adalah sebuah teknik programming yang menjaga components, ide, atau bahasa pemograman terpisah antara satu dengan lainnya. Salah satu contoh sederhananya adalah pemisahan antara script javascript, CSS dan HTML ke bagian-bagian nya sendiri. Jika pada sebuah aplikasi, pemisahan database, logic program dan media presentasi adalah salah satu contoh aplikasi multi-tiered

Apa keuntungannya?

Keuntungannya adalah aplikasi yang kita buat lebih fleksibel terhadap perubahan, code yang di hasilkan dapat di maintain dengan mudah sehingga diharapkan dapat meningkatkan performa dari aplikasi serta perawatan aplikasi lebih rendah rendah/sedikit, dan meningkatkan reuse komponen.
ntier

Gambar diatas adalah ilustrasi dari aplikasi multitier, setiap komponen merupakan bagian terpisah dan bekerja sama untuk mencapai sebuah tujuan. Jika mempunyain interface yang sama maka perubahan di masing-masing layer tidaklah sulit dilakukan. Dengan bisnis flow yang sama kita dapat menggunakan beberapa pilihan database dan cara menampilkannya

Dalam desain aplikasi perangkat lunak, terdapat beberapa pembagian aplikasi yang ada yaitu :

  • Presentation Layer
    Ini adalah bagian dari aplikasi yang berinteraksi dengan device seperti end user terminal atau workstation..
  • Logic Layer
    Adalah bagian dari aplikasi yang memanipulasi dan mengolah data yang ditangkap dari layer lainnya. Layer ini berisi workflow dari aplikasi
  • Data Layer
    Ini adalah bagian dari aplikasi yang bersentuhan langsung dengan data. Ia hanya berfungsi sebagai media untuk menyimpan, dan mengambil data.

3tt

Artikel yang berhubungan

]]> http://webwoorks.net/2009/06/aplikasi-multi-tiered/feed/ Belajar jQuery mudah http://webwoorks.net/2009/05/belajar-jquery-mudah/ http://webwoorks.net/2009/05/belajar-jquery-mudah/#comments Sat, 30 May 2009 15:32:14 +0000 ibnoe http://webwoorks.net/?p=86 jqueryJQuery adalah sebuah framework/library JavaScript yang dapat membantu kita mempermudah dan mempercepat pengolahan DOM pada halaman web.
Dengan jQuery kita dapat membuat web lebih menarik dan interaktif dengan mudah. jQuery sudah mengautomasi pekerjaan-pekerjaan yang umum dan mempersimple code yang kompleks. Library ini sangat kecil dan mempunyai banyak pluggin yang dapat mempermudah kita.
Adapun fitur-fitur yang ditawarkan oleh jQuery adalah

  • Mempermudah akses dan manipulasi ke bagian page tertentu. jQuery menawarkan sebuah selector yang robust dan efesien untuk mengambil bagian tertentu pada dokumen yang selanjutnya bisa dimanipulasi.
  • Mempermudah perubahan tampilan dokumen. jQuery dapat mengubah tampilan CSS dengan mudah.
  • Merespon interaksi user dengan webpage. jQuery mempunyai cara yang sangat-sangat elegan untuk memasukkan sebuah even ke dalam salah satu bagian dari webpage.
  • Menambah animasi. Kita dapat memberi animasi pada webpage kita dengan jQuery
  • Mempermudah AJAX.


Baiklah mari kita mulai dengan installasi jQuery. pada tutorial ini akan dibagi menjadi lima bagian yaitu instalasi, manipulasi, event, animasi dan ajax. pada artikel ini akan di bahas mengenai instalasi dan manipulasi.

Instalasi jQuery

Pertama-tama download dulu jQuery dari websitenya http://jquery.com/. Ada dua pilihan download. Production dan development, perbedaannya adalah production digunakan di realsite sedangkan development untuk masa developmen. Versi production sudah di kompresi sehingga kode nya sudah tidak bisa dibaca lagi dan ukurannya jauh lebih kecil. Versi developmen berguna jika kita mau mendebug jQuery.

Setelah mendownload maka load-lah jquery melalui tag script (perhatikan baris ke-6). sesuaikan attribut srcnya dengan path jquery anda.

1
2
3
4
5
6
7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First JQuery</title>
<script type="text/javascript" src="jquery.js"></script>
</head>

jQuery Selector

Selector adalah fungsi utama pada jQuery. semua fungsi lainnya di jQuery dapat diakses melalui selector. Penggunaan paling dasarnya adalah mempassingkan sebuah ekspressi (biasanya ekspressi css) yang kemudian selanjutnya jQuery akan mencari elemen yang cocok. pada intinya ini adalah fungsi untuk memilih elemen-elemen pad halaman web.

fungsi selector adalah $(’ekspressi’). untuk penggunaan $() yang aman sebaiknya dilakukan setelah semua page DOM selesai terbaca semua. jadi webpagenya sudah lengkap baru script di eksekusi. kita dapat melakukannya dengan pada fungsi $(document).ready().

Adapun parameter yang bisa digunakan pada jquery adalah Id element, class element dan element itu sendiri. Selector juga bisa mengenali hirarki sebagai parameter inputnya dan bisa memfilternya langsung dari ekspressi.

*CATATAN : demo menggunakan layanan jsbin. anda bisa mengubah script html dan javascriptnya langsung, dengan mendouble click. pilih tab output untuk melihat hasilnya

contoh 1. mengubah semua div yang mempunyai p
demo : http://jsbin.com/ofaku

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

 (silakan di utak-atik demonya)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<base href="http://docs.jquery.com" /> 
<!-- Disini kita mengeload library Jquery --> 
<script src="http://code.jquery.com/jquery-1.3.js"></script> 
 
<script> 
$(document).ready(function(){ 
   // memangil semua div yang berisi p lalu ubah bordernya 
   $("div > p").css("border", "1px solid gray"); 
}); 
</script> 
</head> 
<body> 
<p>Ini adalah paragraf pertama</p>  
<div><p>Ini adalah paragraf kedua didalam div </p></div>  
 
<p>Ini adalah paragraf Ketiga</p> 
 
</body> 
</html>

contoh 2. Memasukkan tag html kedalam elemen
Demo : http://jsbin.com/ijopu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<base href="http://docs.jquery.com" /> 
<!-- Disini kita mengeload library Jquery --> 
<script src="http://code.jquery.com/jquery-1.3.js"></script> 
 
<script> 
$(document).ready(function(){ 
    //memasukkan html kedalam elemen
    $("<div><p>Saya adalah Paragraf Tabmahan</p></div>").appendTo("body") 
   // memangil semua div yang berisi p lalu ubah bordernya 
   $("div > p").css("border", "1px solid gray"); 
 
}); 
</script> 
</head> 
<body> 
<p>Ini adalah paragraf pertama</p>  
<div><p>Ini adalah paragraf kedua didalam div </p></div>  
 
<p>Ini adalah paragraf Ketiga</p> 
 
</body> 
</html>

Uji Coba
dari contoh diatas. coba kita buka halaman
lalu masukkan tambahkan kode ini satu persatu. lihat effect yang terjadi lalu pelajari fokuslah pada parameter yang ada pada fungsi $(PARAMETER) bukan fungsi diibelakangnya karena itu akan di jelaskan setelah ini.
Contoh penggunaas jsbin

1
2
3
4
5
6
7

//contoh selector menggunakan nama tag
$("div").css("border","3px solid red");
$("p").css("border","3px solid blue");
//contoh selector menggunakan nama object/element
$("#id_pertama").css("color","red");
//contoh selector menggunakan nama Kelas object
$(".merah").css("color","red");

*untuk dapat melihat perubahan script di coba satu-satu jangan langsung semua

jQuery Manipulation

Jquery Manipulation maksudnya penggunaan jquery untuk memanipulasi struktur dokumen. ada 7 kategori manipulasi yang disupport oleh jquery yaitu

  • Perubahan Content. Kita dapat merubah kontent dari sebuah object dengan dua fungsi yaitu html dan text. bedanya jika menggunakan text maka semua tag-tag html akan dituliskan sebagai mana mestinya. contoh (demo http://jsbin.com/ifoho) : 
    1
2
3
4

        $("p").click(function () {
      var htmlStr = $(this).html();
      $(this).text(htmlStr);
    });
  • Insert kedalam object. Setelah kita memilih sebuah object, kita dapat memasukkan tab html atau object kedalamnya. ada dua jenis insert yaitu append dan prepend. append menambahkan objek baru setelah value dari object tersebut, sedangkan prepend didepannya. contoh 
    1
2
3
4

    $("p").append("<strong>Hello</strong>");
$("span").appendTo("#conto"); // Objek dengan ID conto akan dimasukkan kedalam span
$("p").prepend("<b>Hello </b>");
$("span").prependTo("#conto");
  • Insert dikeluar object. Object yang akan ada tambahkan akan ada diluar masing-masing tag yang dipilih. contoh 
    1
2
3
4

    $("p").before("<strong>Hello</strong>");
$("p").after("<strong>Hello</strong>");
$("span").insertAfter("#conto");
$("span").beforeAfter("#conto");
  • Insert kesekitar object.
  • Mereplace object. Kita dapat mengganti isi dari object dengan syntax ini. contoh 
    1
2
3
4
5

     $("button").click(function () {
      $(this).replaceWith("<div>" + $(this).text() + "</div>");
    });
 
</div>
  • Menghapus object. kita dapat menhapus object tertentu. contoh 
    1
2
3
4
5
6
7
8

     $("button").click(function () {
      $("p").empty();
    });
 
   $("button").click(function () {
      $("p").remove();
    });
</div>
  • Mengopi object. Mengopi object ke tempat lain . contoh 
    1
2

    $("b").clone().prependTo("p");
</div>

Artikel yang berhubungan

]]> http://webwoorks.net/2009/05/belajar-jquery-mudah/feed/ Coding Best Practise http://webwoorks.net/2009/05/coding-best-practise/ http://webwoorks.net/2009/05/coding-best-practise/#comments Fri, 22 May 2009 00:16:19 +0000 ibnoe http://webwoorks.net/?p=68 PHP GuruCoding Best Practise adalah cara-cara coding yang efektif dan telah teruji oleh para-para ahli dan praktisi koding. Jika ingin mendapatkan hasil code yang baik maka kita sebaiknya mengikuti standar-standar berikut ini

1. Coding standar

Coding standar artinya kita harus mempunyai ketetapan-ketetapan dalam menulis code. Misal penamanaan kelas, fungsi, spacing, tab, dll. Tujuannya adalah membuat kode kita gampang dibaca dan gampang di maintain. Ada beberapa coding standar yang dapat kita gunakan diantaranya:

- Pear PHP Coding Standar http://pear.php.net/manual/en/standards.php
- Zend Coding Standar http://framework.zend.com/manual/en/coding-standard.html
Contoh Kode yang buruk

1
2
3
4
5
6
7
8

<?php
//fungsi 1
if ($syarat){
fungsi1($param_a);
if($a>4 && $r<4 || $p=3)
x('param_lagi');
}
?>
1
2
3
4
5
6
7
8
9
10

<?php
//mengambil nilai siswa
if ($is_siswa)
{
      display_siswa_info($id_siswa);
      if( ($a>4) && ($r<4) || ($p=3))
          simpan_data_siswa($data_siswa);
}
 
?>

2. Code Commenting

Code commenting adalah sebuah aktifitas memberikan komentar pada kode yang telah kita buat. manfaat yang diperoleh adalah mempermudah kita dalam membaca kode, bisa berfungsi sebagai dokumentasi.
Contoh komentar yang mengikuti standar phpdocumentor

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

/**
 * Keteangan tentang kelas
 *
 * @category   Nama kategori
 * @package    Nama Paket
 * @author      pembuat code <author@example.com>
 * @copyright  1997-2005 The PHP Group
 * @license    http://www.php.net/license/3_0.txt  PHP License 3.0
 * @version    Release: @package_version@
 */
class Foo_Bar_Baz
{
    /**
     * keterangan tentang variabel
     *
     * @var string
     */
    public $foo = 'unknown';
 
    /**
     * keterangan singkat tentang fungsi
     *
     * @param string $arg1  argumen pertama, bertipe string
     * @param int    $arg2  argumen kedua bertipe integer.
     * @return int  Hasil kembalian fungsi ini
     *               
     */
    public function fooBar($arg1, $arg2='')
    {
        // code...
        return 1;
    }
}

3. Code Reuse

Code reuse ini bermaksud untuk menggunakan kembali kode-kode yang sudah pernah kita buat di project sebelumnya. Kadang-kadang kita harus melakukan refaktoring pada kode yang telah kita buat. gunakanlah konsep DRY (dont repeat yourself).

4. Code Testing

ketika kita membuat code. biasakan untuk mengetes kode tersebut. kita juga dapat menggunakan unit test untuk menguji kode kita ini.

5. Source Control

Source control dapat berfungsi sebagai personal undo, tool kolaborasi kode jika kita bekerja di team. Inti penggunaan source control adalah melakukan tracking terhadap kode yang telah kita buat

6. Code Quality Improvement

code yang kita buat harus
- simple : Solusi yang ditawarkan harus menggunakan algoritma yang paling simple (KISS - Keep it simple stupid)
- menyelesaikan masalah : percuma jika kode yang kita buat tidak menyelesaikan masalah
- secure : kode yang kita buat harus aman
- maintainable : kode yang kita buat harus dapat di maintain/ di ubah dengan mudah
- scalable : : kode yang kita buat harus scalable, tidak peduli jumlah data yang banyak, performa tetap stabil

Artikel yang berhubungan

]]> http://webwoorks.net/2009/05/coding-best-practise/feed/