Belva Tekindo

Cara Menggunakan Fitur Hook pada CodeIgniter

2013-04-01T13:30:00.000+07:00

Fitur hook yang disediakan pada CodeIgniter sebenarnya memungkinkan kita untuk sedikit melakukan hack pada proses yang berjalan pada aplikasi yang kita buat, tanpa harus mengubah skrip pada file inti CodeIgniter. Misalnya saja, kita ingin membuat sebuah log untuk menyimpan data URL apa saja yang diakses oleh pengguna, mendata setiap pengunjung yang mengakses halaman, dll. Dalam kasus dibawah ini kita akan menggunakan fitur hook untuk mengatur konfigurasi aplikasi berdasarkan konfigurasi yang kita simpan di database.

Langkah-langkahnya adalah sebagai berikut:

Membuat tabel app_config untuk menyimpan konfigurasi aplikasi kita

CREATE TABLE IF NOT EXISTS `app_config` (
  `key` varchar(255) NOT NULL,
  `value` varchar(255) NOT NULL,
  PRIMARY KEY (`key`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Memasukkan data konfigurasi awal kedalam tabel yang telah kita buat

INSERT INTO `app_config` (`key`, `value`) VALUES
  ('address', 'Griya Wilis Indah'),
  ('company', 'Belva Tekindo'),
  ('email', ''),
  ('fax', ''),
  ('language', 'indonesia'),
  ('phone', ''),
  ('timezone', 'Asia/Bangkok'),
  ('version', '1.0');

Membuat file application/models/m_appconfig.php untuk mengakses tabel yang telah kita buat

<?php
class M_appconfig extends CI_Model
{	
	function get_all()
	{
		$this->db->from('app_config');
		$this->db->order_by("key", "asc");
		return $this->db->get();		
	}
}

/* End of file m_appconfig.php */
/* Location: ./application/models/m_appconfig.php */

Menambahkan model M_appconfig pada file application/config/autoload.php agar di load otomatis
```
$autoload['model'] = array('M_appconfig');
```

Membuat file application/hooks/load_config.php

<?php
function load_config()
{
	$CI =& get_instance();
	
	//Memuat konfigurasi dari database kefalam konfigurasi global CI
	foreach($CI->M_appconfig->get_all()->result() as $app_config)
	{
		$CI->config->set_item($app_config->key,$app_config->value);
	}
	
	//Set konfigurasi timezone CI dengan konfigurasi dari database
	if ($CI->config->item('timezone'))
	{
		date_default_timezone_set($CI->config->item('timezone'));
	}	
}

/* End of file load_config.php */
/* Location: ./application/hooks/load_config.php */

Mengaktifkan fitur ini pada file application/config/config.php seperti berikut:
```
$config['enable_hooks'] = TRUE ;
```

Mendefinisikan hook yang akan digunakan pada saat aplikasi kita dijalankan. Buka file application/config/hooks.php untuk menambah hook baru.

$hook['post_controller_constructor'] = array(
                                'class'    => '',
                                'function' => 'load_config',
                                'filename' => 'load_config.php',
                                'filepath' => 'hooks'
                                );

Berikut ini merupakan hal yang harus diperhatikan dalam pembuatan hook. Yaitu poin dimana hook akan dijalankan. Terdapat tujuh poin dimana hook akan kita tempatkan, pada contoh diatas hook ditempatkan pada poin post_controller_constructor. Berikut penjelasan ketujuh poin tersebut.

pre_system
Kelas dan metode hook kita akan dijalankan sebelum sistem dieksekusi. Berdasar dokumentasi CodeIgniter, hanya kelas Benchmark dan Hook yang dijalankan pada poin ini.
pre_controller
Kelas dan metode hook akan dijalankan sebelum controller kita dipanggil. Semua base class, routing dan security sudah dipanggil pada poin ini.
post_controller_constructor
Akan dipanggil ketika konstruktor controller dijalankan, tapi sebelum metode controller dipanggil.
post_controller
Akan dipanggil ketika controller sudah benar-benar dijalankan.
display_override
Memungkinkan kita untuk menentukan metodologi display sesuai dengan keinginan kita.
cache_override
Mengijinkan kita untuk menampilkan mekanisme cache sesuai dengan keinginan kita.
post_system
Dijalankan ketika halaman berhasil dikirim ke browser.

Validasi Form Menggunakan jQuery Validation Plugin

2013-03-31T05:01:00.002+07:00

jQuery Validation adalah sebuah plugin jQuery yang berfungsi untuk mempermudah validasi form client-side. Cara penggunaannya adalah dengan memanggil script jquery dan jquery-validate di dlm kode html anda (biasanya diletakkan di bagian head):
Mari kita mulai dengan contoh sederhana. Klik disini untuk melihat demo. Bentuk demonstrasi tersebut berisi empat bidang: nama, e-mail, komentar dan URL. Seperti yang Anda lihat, pertama tiga bidang yang diperlukan, sedangkan bidang URL adalah opsional. Jika Anda mengirimkan formulir tanpa mengisi kolom yang diperlukan, Anda akan menerima pesan kesalahan.

Berikut adalah kode yang digunakan untuk bentuk dalam demonstrasi di atas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
  <title>Simple Form Validation</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#form1").validate({
        rules: {
          name: "required",// simple rule, converted to {required:true}
          email: {// compound rule
          required: true,
          email: true
        },
        url: {
          url: true
        },
        comment: {
          required: true
        }
        },
        messages: {
          comment: "Please enter a comment."
        }
      });
    });
  </script>
  <style type="text/css">
    * { font-family: Verdana; font-size: 11px; line-height: 14px; }
    .submit { margin-left: 125px; margin-top: 10px;}
    .label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; }
    .form-row { padding: 5px 0; clear: both; width: 700px; }
    label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; }
    input[type=text], textarea { width: 250px; float: left; }
    textarea { height: 50px; }
  </style>
  </head>
  <body>
    <form id="form1" method="post" action="">
      <div class="form-row"><span class="label">Name *</span><input type="text" name="name" /></div>
      <div class="form-row"><span class="label">E-Mail *</span><input type="text" name="email" /></div>
      <div class="form-row"><span class="label">URL</span><input type="text" name="url" /></div>
      <div class="form-row"><span class="label">Your comment *</span><textarea name="comment" ></textarea></div>
      <div class="form-row"><input class="submit" type="submit" value="Submit"></div>
    </form>
  </body>
</html>

Kode tersebut diatas cukup mudah dan tidak perlu banyak penjelasan. Namun, ada beberapa poin penting yang harus di perhatian yaitu:

Harus selalu menyertakan pustaka jQuery dan plugin validasi bassistance, di bagian head.
Selalu menetapkan atribut id dari bentuk dan atribut name semua field yang ingin divalidasi.

Selanjutnya kita lihat fungsi validate() secara rinci.

$(document).ready(function() {
  $("#form1").validate({
    rules: {
      name: "required",    // simple rule, converted to {required: true}
      email: {             // compound rule
      required: true,
      email: true
      },
      url: {
        url: true
      },
      comment: {
        required: true
      }
    },
    messages: {
      comment: "Please enter a comment."
    }
  });
});

Yang kita lakukan adalah menginisialisasi form validasi menggunakan fungsi validate(). Ada beberapa parameter yang bisa kita gunakan. Dalam contoh di atas, kita hanya menggunakan dua diantaranya, untuk melihat daftar pilihan fungsi validate() silahkan klik di sini.

Dua parameter kita digunakan adalah:

rules: memungkinkan Anda untuk menentukan field yang akan divalidasi. Dalam kasus ini, kita memvalidasi nama, email, url dan komentar. Untuk setiap field, kita bisa menentukan bahwa data diperlukan untuk suatu field (required: true). Kita bisa pula menentukan bahwa suatu data adalah berupa alamat e-mail yang valid, URL yang valid, dll.
messages: memungkinkan Anda untuk menentukan pesan kesalahan untuk field tertentu (seperti kolom komentar dalam contoh di atas). Jika Anda tidak menentukannya, maka pesan default yang akan ditampilkan "this field is required".

Submit Form Dengan Ajax Menggunakan jQuery

2013-03-31T02:08:00.000+07:00

Pada website biasa ketika kita mengklik suatu tombol/link tertentu maka browser akan melakukan refresh dimana document HTML akan di baca dari awal dan layar browser akan menjadi blank sesaat, karena pada saat itu browser sedang meminta/merequest data dari web server. Hal ini tentu membuat aplikasi website menjadi kurang interaktif dan responsif. Ajax digunakan untuk memecahkan masalah tersebut, Ajax membuat aplikasi website menjadi lebih interaktif dan responsif serta memiliki kecepatan dalam memproses request ke server. Salah satu kelebihan menggunakan form berbasis Ajax dibandingkan form konvensional adalah yaitu kita tidak perlu meninggalkan form selama form dikirimkan/diproses.

Berikut ini akan di dijelaskan bagaimana cara membuat submit form dengan Ajax menggunakan jQuery Versi 1.2.3, kita menggunakan dua buah file, yang pertama adalah file ajaxform.html untuk menampilkan form-nya, dan file proses.php untuk memproses data yang dikirimkan dan menampilkan hasilnya.

Script pada file ajaxform.html nya adalah sbb:

<!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>
<title>AJAX Form</title>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js' type='text/javascript'/>
<script type="text/javascript">
$(document).ready(function() {

 $().ajaxStart(function() {
  $('#loading').show();
  $('#result').hide();
 }).ajaxStop(function() {
  $('#loading').hide();
  $('#result').fadeIn('slow');
 });

 $('#myForm').submit(function() {
  $.ajax({
   type: 'POST',
   url: $(this).attr('action'),
   data: $(this).serialize(),
   success: function(data) {
    $('#result').html(data);
   }
  })
  return false;
 });
})
</script>
<style type="text/css">
body, table, input, select, textarea { font: 11px/20px Verdana, sans-serif; }
h4 { font-size: 18px; }
input { padding: 3px; border: 1px solid #999; }
td { padding: 5px; }
#result { background-color: #F0FFED; border: 1px solid #215800; padding: 10px; width: 400px; margin-bottom: 20px; }
</style>
</head>
<body>
<h4>AJAX Form</h4>
<div id="loading" style="display:none;"><img src="loading.gif" alt="loading..." /></div>
<div id="result" style="display:none;"></div>
<form id="myForm" method="post" action="proses.php">
 <table>
  <tr>
   <td width="100">NIM</td>
   <td>
    <input name="nim" size="30" type="text" />
   </td>
  </tr>
  <tr>
   <td>Nama</td>
   <td>
    <input name="nama" size="40" type="text" />
   </td>
  </tr>
  <tr>
   <td>Tempat Lahir</td>
   <td>
    <input name="tempat_lahir" size="40" type="text" />
   </td>
  </tr>
  <tr>
   <td>Tanggal Lahir</td>

   <td>
    <input name="tgl_lahir" size="40" type="text" />
   </td>
  </tr>
  <tr>
   <td>Alamat</td>
   <td>
    <input name="alamat" size="60" type="text" />
   </td>
  </tr>
  <tr>
   <td>No. Telp</td>
   <td>
    <input name="no_telp" size="30" type="text" />
   </td>
  </tr>
  <tr>
   <td>No. HP</td>
   <td>
    <input name="no_hp" size="30" type="text" />
   </td>
  </tr>
  <tr>
   <td>E-mail</td>
   <td>
    <input name="email" id="email" size="30" type="text" />
   </td>
  </tr>
  <tr>
   <td></td>
   <td>
    <input type="submit" value="Submit" />
    <input type="reset" value="Reset" />
   </td>
  </tr>
 </table>
</form>
</body>
</html>

Untuk mengimplementasikan Ajax, pada file form.html ini kita gunakan fungsi ajax () pada jQuery. Fungsi ini memiliki sebuah argumen yaitu berupa object (pasangan key/value), dan yang akan kita gunakan di antaranya adalah sbb:

type: jenis request yang dipakai, bisa 'POST' atau 'GET'
url: url yang akan digunakan untuk memproses data. karena pada form sudah terdapat nilai action (proses.php) maka saya tinggal mengambil nilai dari action tsb menggunakan $(this).attr('action')
data: data yang dikirimkan, dalam format querystring. untuk menghasilkan querystring dari form, saya menggunakan fungsi serialize()
success: fungsi yang akan dijalankan jika request berhasil, dengan sebuah argumen berupa data yang dikembalikan dari server, dalam hal ini adalah hasil output dari file proses.php (hasil output ini akan saya tampilkan ke dalam sebuah div dengan id="result" )

Sedangkan file proses.php yang akan memproses data yang dikirimkan, isinya adalah sbb:

<?php
//validasi
if (trim($_POST['nim']) == '') {
 $error[] = '- NIM harus diisi';
}
if (trim($_POST['nama']) == '') {
 $error[] = '- Nama harus diisi';
}
if (trim($_POST['tempat_lahir']) == '') {
 $error[] = '- Tempat Lahir harus diisi';
}
//dan seterusnya
 
if (isset($error)) {
 echo '<b>Error</b>: <br />'.implode('<br />', $error);
} else {
 /*
 jika data mau dimasukkan ke database,
 maka perintah SQL INSERT bisa ditulis di sini
 */
 
 $data = '';
 foreach ($_POST as $k => $v) {
  $data .= "$k : $v<br />";
 }
 echo '<b>Form berhasil disubmit. Berikut ini data anda:</b>';
 echo '<br />';
 echo $data;
}
die();
?>

Setelah file proses.php ini berhasil dijalankan maka hasil outputnya akan ditampilkan pada element div yang berada pada file ajaxform.html

Menghilangkan index.php pada URL CodeIgniter

2013-03-30T23:39:00.001+07:00

Secara default url CI adalah seperti berikut ini

http://localhost/NamaAplikasi/index.php/NamaController

Caranya:

Buat file dengan nama .htaccess di www root Anda.

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

Buka file config.php, set

$config['index_page'] = ''

Master dan Slave pada Harddisk

2013-03-29T22:42:00.002+07:00

Pada dasarnya master dan slave pada harddisk sama saja, hanya saja yang membedakan adalah prioritas utama pembacaan data harddisk oleh bios. Jadi apabila anda memiliki dua harddisk, yang ke-1 harddisk anda berisi OS dan yang ke-2 berupa data, maka harddisk yang ke-1 jadikan master dan yang ke-2 jadikan slave.

Cara menyetting master dan slave pada harddisk dapat kita lakukan melalui pemasangan jumper, apabila harddisk bertipe IDE/ATA, sedangkan untuk harddisk SATA melalui pemasangan kabel data konektor SATA pada motherboard.

Cara Penyetingan Master dan Slave Pada Harddisk IDE/ATA

Pada HDD ATA dalam pengaturan Master dan Slave sangat mudah. Hanya dengan mengganti jumper pada HDD-nya. Dan keterangan penempatan jumper itu pun selalu ada pada HDD-nya. Misalnya seperti gambar dibawah ini. Ini adalah salah satu contoh penyetingan jumper pada HDD IDE/ATA untuk menentukan Master atau Slave.

Cara Penyetingan Master dan Slave Pada Harddisk SATA

Berbeda dengan harddisk SATA, dalam SATA konsep Master-Slave seperti yang biasa ditemukan pada IDE/ATA sudah dihilangkan karena setiap device yang terhubung melalui SATA memiliki satu channel/port khusus. Setting untuk mengubah drive sata menjadi slave bisa kita lakukan dengan menempatkan kabel SATA pada motherboard. Pada gambar dibawah ini dapat kita lihat terdapat perbedaan warna pada port SATA pada motherboard, dan perbedaan warna inilah yang membedakan antara Master dan Slave. Misalnya port yang berwarna hitam yaitu port 1 dan 2 adalah Master sedangkan port yang berwarna merah yaitu port 3 dan 4 yaitu slave. Keterangan ini tergantung pada tiap-tiap motherboard dan biasanya pada motherboardnya terdapat keterangan mana yang master dan yang slave.

Membuat Partisi dan Memformat Harddisk

2013-03-29T14:22:00.001+07:00

Master atau Slave

Hardisk adalah sebuah device (hardware) komputer yang sangat penting karena operating sistem dan program-program berada dalam hardisk. Ada dua jenis hardisk yang sering dipakai yaitu ATA dan SATA. Ciri hardisk ATA adalah menggunakan kebel data bernama IDE. Sedangkan SATA menggunakan kabel data bernama SATA.
Keberadaan hardisk di komputer dibagai menjadi tiga kategori yaitu:

Hardisk Location (Lokasi hardisk)
Hardisk Position (Posisi hardisk)
Hardisk Patition (Partisi hardisk)

Hardisk Location ditentukan oleh keberadaan hardisk tersebut yang terhubung pada motherboard berupa Primary atau Secondary.
Hardisk Position ditentukan oleh keberadaan hardisk tersebut yang terhubung pada motherboard berupa Master atau Slave.
Hardisk Partition ditentukan oleh pembagian dalam hardisk tersebut.

Struktur Partisi Harddisk

Bagi pengguna Windows, Kebanyakan orang (khususnya pemula) akan lebih mengenal C atau D dibandingkan dengan Partisi Primary atau Extended. Padahal sebenarnya bukan itu yang disebut partisi. Tulisan C, D atau E dst disebut sebagai drive Letter atau symbol untuk kemudahan operasional partisi.

Struktur data dalam Master Boot Record

Struktur hard disk dalam skema partisi Master Boot Record

Di dalam Master Boot Record, terdapat sebuah tabel partisi yang menjelaskan di mana partisi-partisi diletakkan di dalam hard disk. Skema partisi ini hanya terdapat di dalam sistem Intel x86, dan diimplementasikan dalam system BIOS sistem tersebut.
Dalam skema partisi ini, partisi terbagi menjadi tiga buah jenis, yakni

Primary Partition atau partisi utama, yakni partisi yang dapat digunakan untuk melakukan proses booting sistem operasi dan menyimpan data pengguna. Jumlahnya hanya empat buah saja dalam satu hard disk. Jika terdapat sebuah partisi tambahan, maka jumlahnya akan berkurang menjadi tiga buah partisi utama.
Extended Partition atau partisi tambahan, yakni partisi yang dapat menampung beberapa partisi logis. Partisi ini sebenarnya merupakan salah satu jenis dari partisi utama. Jumlahnya hanya boleh satu buah saja.
Logical Partition atau partisi logis, yakni partisi yang tidak dapat digunakan untuk melakukan proses booting sistem operasi, dan hanya dapat menyimpan data pengguna. Jumlahnya tidak dibatasi, artinya dalam satu hard disk boleh terdapat banyak logical partition yang menginduk kepada satu buah partisi tambahan.

Membuat Partisi Harddisk

Membuat partisi hardisk memang merupakan salah satu hal yang sangat diperlukan untuk membagi harddisk yang mempunyai kapasitas besar. Idealnya dalam membagi partisi harddisk tersebut dibagi menjadi dua partisi yakni Primary Partisi (Driver C) dan Logical Partisi (Driver D) sehingga nantinya Anda dapat menetapkan dimana sistem operasi dan software aplikasi lainnya akan diinstall dalam sebuah drive tertentu. Membagi partisi akan sangat membantu Anda untuk melindungi file penting untuk menghindari kegagalan booting sistem operasi atau ketika ia terinfeksi oleh virus.

Paket Kursus Pemrograman PHP dan MySQL

2013-03-26T22:28:00.000+07:00

PHP adalah salah satu server side scripting (berjalan pada sisi server) yang populer saat ini. Selain dapat digunakan untuk berbagai sistem operasi, koneksi database yang sangat mudah, dan gratis menyebabkan PHP banyak digunakan. MySQL adalah salah satu jenis database server yang banyak digunakan dan sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses database yang terbagi menjadi tiga bagian, yaitu DDL, DML dan DCL. Selain itu, MySQL bersifat free (tidak perlu membayar untuk menggunakannya).

Dalam pelatihan ini peserta akan mempelajari bagaimana membangun aplikasi berbasis web dengan menggunakan PHP dan MySQL sebagai databasenya.

Materi Pelatihan

PHP Basics
Flow Control
Array
PHP & HTML Forms
String Manipulation
Functions
Database Fundamentals
Selecting Data
Subqueries, Joins & Unions
Inserting, Updating & Deleting Records
Managing Data With MySQL
Regular Expressions
Session Control
Sending E-Mail With PHP
Final Project: Membangun web berbasis PHP

Waktu

12 Sesi x @ 90 Menit

Biaya

Reguler Rp.400.000,- (3 orang)
Private Rp.750.000,-

Paket Kursus Pemrograman Delphi

2013-03-26T22:12:00.000+07:00

Delphi adalah sebuah bahasa pemrograman yang bersipat Objek (Object Oriented Programming) artinya adalah sebuah program yang mempunyai objek-objek tertentu dalam pemrograman nya. Selain itu Delphi adalah sebuah program yang bersifat visual artinya mempunyai tampilan grafik-grafik yang mudah dimengerti oleh pemula sekalipun (Graphical user Interface). Dengan Delphi Anda bisa membuat program-program dengan tampilan yang menawan, Delphi hanya bisa bekerja di bawah System Microsoft Windows sedangkan untuk system yang lain seperti Linux atau Unix Delphi mempunyai saudara kembarnya yang bisa bekerja pada system tersebut yaitu KYLIX.
Membuat aplikasi dengan menggunakan Delphi mempermudah pemakai untuk membuat berinteraksi dengan berbagai macam database yang ada. Delphi sangat mudah digunakan untuk membuat aplikasi-aplikasi yang terhubung dengan database. Pada pelatihan ini peserta akan diajarkan bagaimana mengakses data pada database, mengoptimalkan pengolahan data menggunakan database, serta diajarkan bagaimana membuat laporan menggunakan Crystal Report.

Materi Pelatihan

Pengenalan Delphi 7
Menggunakan Form
Variabel, Konstanta, Tipe Data, & Operator
Struktur Keputusan & Perulangan
Bekerja dengan menu, Toolbar, & MDIForm
Menggunakan Modul, Procedure, & Error Handler
Pemrograman Database
Pembuatan laporan dengan Crystal Report
Membuat program aplikasi dengan Delphi 7

Waktu

12 Sesi x @ 90 Menit

Biaya

Reguler Rp.400.000,- (3 orang)
Private Rp.750.000,-

Paket Kursus Desain Web dengan Framework

2013-03-26T21:53:00.002+07:00

Waktu

12 Sesi x @ 90 Menit

Biaya

Reguler Rp.400.000,- (3 orang)
Private Rp.750.000,-

Paket Kursus Desain Web dengan CMS

2013-03-26T21:41:00.002+07:00

Dalam pelatihan ini Anda akan dipandu membuat website menggunakan Content Management System (CMS) seperti: Joomla, Mambo, WordPress dan Drupal. Pelatihan menggunakan metode penjabaran tahap demi tahap disertai latihan dan praktek langsung membangun website. Setelah mengikuti pelatihan ini Anda akan mampu membuat sebuah website atau webstore dalam waktu singkat tanpa harus belajar programming web.

Materi Pelatihan

Mengenal CMS (Joomla, Mambo, WordPress dan Drupal)
Instalasi Web Server Lokal
Instalasi CMS (Joomla, Mambo, WordPress dan Drupal)
Instalasi dan Modifikasi Template
Management Content & Section
Membuat & Mengelola Forum
Membuat & Mengelola Newsletter
Mengelola Halaman Contact
Membuat Digital Visitor Counter
Membuat Guestbook
Mengelola Polling
Backup Data Web
Back-up Database
Mendaftar ke Web Hosting
Upload web ke Web Hosting
Publikasi Web
Security CMS (Joomla, Mambo, WordPress dan Drupal)
Search Engine Optimization (SEO)

Waktu

10 Sesi x @ 90 Menit

Biaya

Reguler Rp.250.000,- (3 orang)
Private Rp.450.000,-

Paket Kursus Desain Web Basic

2013-03-26T21:26:00.000+07:00

Paket Kursus ini secara khusus mempelajari pembuatan sebuah website dengan desain statis maupun interaktif secara mudah menggunakan program HTML, Javascript, CSS, Dreamweaver, Photoshop dan Flash.

Target pelatihan adalah peserta mampu membuat sebuah website dengan desain menarik dilengkapi kemampuan mengelola image dan pembuatan animasi flash banner. Dengan mengikuti pelatihan ini Anda dijamin sudah dapat membuat website sendiri dan langsung dapat digunakan setelah selesai belajar.

Materi Pelatihan:

HTML
- HTML Dasar
  Struktur dokumen HTML(Tag, Element, Attribute), Element html, Element head, Element title, Element body
- HTML Format Teks
  Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)
- HTML DAFTAR URUTAN
  Element OL(ordered list), Element UL(unordered list), Element LI(list item)
- HTML TABEL
  Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)
- HTML GAMBAR
  Element IMG
- HTML HYPERLINK
  Element A
- HTML FORM
  Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA
- HTML FRAME
  Element FRAMESET, Element FRAME, Element NOFRAMES
Javascript dan CSS
Mendesain tampilan website dengan Photoshop
Melayout Web & Scripting dengan Dreamweaver
Membuat Animasi Web dengan Flash
FTP/Upload file

Waktu

12 Sesi x @ 90 Menit

Biaya

Reguler Rp.250.000,- (3 orang)
Private Rp.450.000,-

Paket Kursus Desain Grafis

2013-03-26T20:56:00.000+07:00

Kursus yang akan membawa Anda untuk menjadi Designer Grafis profesional bagi mereka yang ingin mempelajari proses desain dan produksi berbagai publikasi. Proses belajar desain, Desain Grafis dimulai dari teori seni dan desain, prinsip-prinsip warna, penataan prinsip elemen dalam desain (Komposisi), format teks (Typo Grafis) untuk sebagai dasar bagi pengembangan Desain Grafis, tata letak halaman (Page Layout) dengan menggunakan program Adobe Photoshop, CorelDraw/Freehand.

Dengan menguasai program aplikasi desain grafis maka peserta akan dapat mendesain berbagai macam publikasi cetak seperti pembuatan logo, pamflet, broshur, poster, buku, tata letak/lay-out majalah, tabloid, pengeditan image/photo, desain iklan, undangan, cover majalah, label, dan lain-lain.

Target pelatihan adalah peserta menguasai dengan baik pembuatan desain dan editing image untuk berbagai keperluan publikasi. Lulusan program ini banyak dibutuhkan dan dicari oleh perusahaan desain, penerbitan, percetakan dan advertising/reklame.

Materi Pelatihan

Corel Draw X4
Photoshop
Editing Image
Desain Logo
Desain Brosur
dan Lain-Lain

Waktu

12 Sesi x @ 90 Menit

Biaya

Reguler Rp.250.000,- (3 orang)
Private Rp.450.000,-

Paket Kursus 3Ds Max

2013-03-26T20:50:00.000+07:00

Software yang sekarang banyak dipergunakan di industri game ini memiliki banyak kelebihan dan kemudahan untuk dipelajari. Kecanggihan berbagai efek di dalamnya, seperti pencahayaan yang natural dapat menghasilkan image dengan kualitas foto realistik. Banyak dibutuhkan oleh Arsitek, Desainer Interior, Visualiser untuk berbagai kebutuhan.

Bekerja dengan 3D Studio MAX ibaratnya kita berada dalam dunia 3 Dimensi virtual. Kita harus membuat dan memanipulasi objek dalam arah dan besaran 3 Dimensi. Namun, dengan bantuan puluhan modifier, kita dapat mengubah objek yang kita buat sehingga menjadi bentuk-bentuk seperti yang kita inginkan.

Waktu

10 Sesi x @ 90 Menit

Biaya

Reguler Rp.350.000,- (3 orang)
Private Rp.650.000,-

Paket Kursus AutoCAD 2D dan 3D

2013-03-26T14:19:00.000+07:00

AutoCAD adalah nama yang tak asing untuk pekerjaan drafting di bidang teknik. Software ini telah lama dikenal sebagai jagonya menggambar teknik. Arsitek dan kontraktor bangunan adalah dua bidang pekerjaan yang kerap menggunakan AutoCAD sebagai alat bantu gambar, menggantikan meja gambar dan mesin gambar yang kini sudah mulai jarang dipakai. Bidang-bidang lain yang biasa menggunakan AutoCAD adalah Teknik Mesin, Mekanikal & Elektrikal, Desain Interior, Desain Produk, dll. AutoCAD 3D juga penting untuk memvisualisasikan gambar / rancangan secara teknis.

AutoCAD telah mengalami perjalanan panjang sejak masih berjalan di lingkungan DOS. Interface dan perintah-perintahnya yang relatif tidak banyak berubah membuat nyaman para pemakainya sehingga dapat mengikuti versi yang lebih baru tanpa mengalami kesulitan. Namun, pada tahun-tahun terakhir ini AutoCAD dirancang dengan interface yang cukup berbeda.
Menguasai AutoCAD adalah suatu tuntutan yang dibutuhkan oleh dunia kerja di bidang teknik.

Waktu

10 Sesi x @ 90 Menit

Biaya

Reguler Rp.350.000,- (minimal 3 orang)
Private Rp.650.000,-

Format Tampilan Teks di HTML

2013-03-23T07:52:00.000+07:00

Format Tampilan Teks di HTML digunakan untuk membuat teks yang ada dalam dokumen HTML menjadi kelihatan berbeda, menarik dan dapat memberikan kemudahan dalam menuliskan teks yang berupa rumus-rumus atau lambang dari suatu disiplin ilmu. Ada banyak sekali format tampilan teks di HTML, namun diantara sekian banyak format-format itu beberapa diantaranya ada yang menjadi dasar dalam penulisan sebuah teks baik teks dalam bentuk artikel, postingan, atau dokumen HTML lainnya. Dan berikut ini adalah format tampilan teks HTML yang paling mendasar, simple, mudah, dan sering digunakan dalam memodifikasi tampilan teks :

Struktur Dasar Dokumen HTML

2013-03-23T03:55:00.000+07:00

HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan merupakan bahasa pemrograman, melainkan suatu markup language (bahasa markah). HTML menggunakan markup tags atau biasa disebut HTML tags untuk mendeskripsikan halaman web. Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.

Struktur dasar dokumen HTML adalah sebagai berikut:

<html>
  <head>
    <title>Disini Judul Dokumen</title>
  </head>
  <body>
    Disini Body Dokumen
  </body>
</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka (start tag/opening tag) dan tag penutup (end tag/closing tag). Pada tag penutup ditambahkan karakter "/" setelah karakter "<", sebagai contoh <body> ini adalah tag pembuka, dan </body> ini adalah tag penutup.

b. Element
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML/HTML elements. Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.

Start tag *	Isi Elemen	End tag *
<p>	This is a paragraph	</p>
<a href="google.com" >	This is a link	</a>
<br />

Sintaks elemen HTML mempunyai ciri sebagai berikut:

Elemen HTML dimulai dengan start tag/opening tag
Elemen HTML diakhiri dengan end tag/closing tag
Isi Elemen/element content adalah semua yang terdapat diantara start tag dan end tag
Beberapa elemen HTML tidak memiliki isi atau konten
Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
Sebagian besar elemen HTML dapat diberi atribut tertentu

Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi/konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.

Contoh dokumen HTML:

<html>
  <head>
    <title>Disini Judul Dokumen</title>
  </head>
  <body>
    Disini Body Dokumen
  </body>
</html>

Pada contoh diatas terdapat 4 buah elemen. Elemen-elemen tersebut adalah:

Elemen <title>. Elemen ini mendefinisikan suatu konten yaitu sebuah title pada dokumen HTML. Elemen ini dimulai dengan start tag <title> dan diakhiri dengan end tag </title>. Isi atau konten dari elemen ini adalah: Disini Judul Dokumen

<title>Disini Judul Dokumen</title>

Elemen <head>. Elemen ini mendefinisikan head/kepala dokumen HTML. Bagian ini berisi informasi umum tentang dokumen HTML. Informasi yang disediakan dalam elemen ini tidak ditampilkan di halaman web tetapi memberikan informasi kepada browser atau mesin pencari. Elemen ini dimulai dengan start tag <head> dan diakhiri dengan end tag </head>. Isi atau konten dari elemen ini adalah: elemen title (yang sudah dijelaskan diatas).

<head>
  <title>Disini Judul Dokumen</title>
</head>

Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body/tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah: Disini Body Dokumen

<body>
  Disini Body Dokumen
</body>

Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen head dan elemen body (yang sudah dijelaskan diatas).

<html>
  <head>
    <title>Disini Judul Dokumen</title>
  </head>
  <body>
    Disini Body Dokumen
  </body> 
</html>

Elemen HTML yang tidak memiliki konten atau isi disebut empty element/elemen kosong. Elemen dapat ditutup pada awal tag. adalah contoh elemen kosong yang tidak memerlukan end tag. bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti . Walaupun terbukti berjalan baik disemua browser, menulis akan lebih baik.

Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:

<p>Paragraf pertama</p>
<p>Paragraf kedua

Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimbulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen.

c. Attribute
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag/start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name="value".

Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

<a href="http://www.belvatekindo.blogspot.com/">Belva Tekindo</a>

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Belva Tekindo adalah value atau nilai atribut.

Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:

Atribut	Nilai	Keterangan
class	class_rule atau style_rule	Kelas elemen
id	id_name	Nomor unik suatu elemen
style	style_definition	Definisi gaya atau style
title	tooltip_text	Tulisan yang akan tertampil pada tool tip

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik ("…"). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperbolehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain.

Contoh :
name='Belva "Tekindo" Madiun'

Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.

Install Driver Melalui Device Manager (Windows XP dan Windows 7)

2013-03-22T23:48:00.001+07:00

Sebagian orang mungkin ada yang belum mengetahui atau bingung dengan cara menginstal driver setelah mengunduh driver dari internet, karena file driver yang diunduh berekstensi *.zip/*.rar/*.7z bukan *.exe dan ditambah dengan tidak adanya file “Setup.exe” atau “Install.exe” yang biasanya dipergunakan untuk menginstal driver atau aplikasi. File-file driver yang berekstensi *.zip/*.rar/*.7z dapat diinstal melalui Device Manager setelah di-extract dan hal pertama yang harus diperhatikan setelah file driver di-extract adalah keberadaan file yang berekstensi *.inf.

Cara Install Windows XP

2013-03-22T17:58:00.000+07:00

Windows XP adalah jajaran sistem operasi berbasis grafis yang dibuat oleh Microsoft untuk digunakan pada komputer pribadi, yang mencakup komputer rumah dan desktop bisnis, laptop, dan pusat media (Media Center). Nama "XP" adalah kependekan dari "Experience". Windows XP merupakan penerus Windows 2000 Professional dan Windows Me, dan merupakan versi sistem operasi Windows pertama yang berorientasi konsumen yang dibangun di atas kernel dan arsitektur Windows NT.

Windows XP tersedia dalam berbagai macam edisi. Edisi yang paling umum dari sistem operasi Windows XP adalah Windows XP Home Edition, yang ditargetkan untuk pengguna rumahan, dan juga Windows XP Professional, yang menawarkan fitur-fitur tambahan seperti dukungan untuk domain Windows Server dan dua prosesor fisik, dan ditargetkan di pasar power user, bisnis dan perusahaan klien. Sementara itu, Windows XP Media Center Edition memiliki fitur multimedia tambahan yang menawarkan kemampuan untuk merekam dan menonton acara TV, melihat film DVD, dan mendengarkan musik. Ada lagi Windows XP Tablet PC Edition didesain khusus untuk platform PC Tablet, yakni sebuah komputer pribadi yang menggunakan stylus. Windows XP akhirnya dirilis untuk dua arsitektur tambahan selain tentunya Intel i386, yang disebut dengan Windows XP 64-bit Edition untuk prosesor berarsitektur IA-64 (Itanium) dan Windows XP Professional x64 Edition untuk prosesor berarsitektur x86-64. Ada juga Windows XP Embedded, sebuah versi Windows XP Professional yang dikurangi segala fiturnya di sana sini untuk pasar tertentu, dan Windows XP Starter Edition yang dijual di beberapa negara berkembang. Pada pertengahan 2009, sebuah pabrik pertama mengungkapkan bahwa mereka memiliki sebuah telepon selular berbasis sistem operasi Windows XP.

Berikut ini akan dijelaskan bagaimana cara install Windows XP. Pertama-tama Anda harus sudah menyiapkan kepingan CD Windows XP. Dan pastikan komputer atau PC Anda memiliki Hardware CD/DVD Drive. Berikut ini langkah-langkahnya:

Ubah Boot Priority yang ada di BIOS pada komputer dengan cara Menekan Delete, Esc, F1, atau F2 (tergantung jenis motherboard) pada keyboard saat komputer baru dinyalakan. Pada BIOS SetUp, cari menu yang berhubungan dengan Boot Priority dan jadikan CDROM atau DVDROM sebagai urutan pertama dan Harsdisk/HDD urutan keduanya, save dan restart (setiap komputer kadang berbeda tipe BIOS dan menunya, tapi yang penting jandikan CDROM di urutan pertama). Simpan perubahan konfigurasi BIOS.
Tunggu sampai ada tulisan Press any key to boot from CD... (pastikan kepingan CD Windows XP sudah dimasukkan kedalam CDROM atau DVDROM, kalau belum silahkan masukkan CD dan restart komputer), tekan sembarang tombol untuk melanjutkan booting dari CD.

Apabila hardisk yang terpasang belum terpartisi, maka akan langsung muncul seperti gambar berikut ini.
Setelah muncul Windows Setup, tunggu karena pada saat ini file-file dari CD sedang di load ke komputer.
Ada tiga pilihan Instalasi, Enter untuk menginstal Windows XP, "R" untuk Repair Windows XP yang sebelumnya sudah terinstal, dan F3 untuk keluar dari proses istalasi. Karena kita akan meng-install Windows XP tekan Enter untuk melanjutkan.
Akan ada Windows XP Licensing Agrement, tekan F8 untuk menyetujui ketentuannya.
Selanjutnya adalah proses Pastisi Harddisk, berhati-hatilah pada tahap ini karena kesalahan dalam membuat partisi dapat berakibat hilangnya data dari hardisk Anda. Apabila hardisk sudah ada partisinya dan Anda yakin tidak ada data yang perlu diselamatkan, hapuslah semua partisi yang ada tersebut dengan menekan D (Delete Partition). Setelah tidak ada partisi dalam hardisk (Unpartitioned space) Tekanlah Enter untuk langsung menginstall tanpa membuat partisi, atau apabila ingin membuat partisi terlebih dahulu tekan C (Create Partition).
Setelah menekan C (Create Partition) akan muncul halaman seperti tampak pada gambar di bawah ini. Dalam kasus ini kita akan membagi hardisk menjadi 2 partisi, partisi pertama sebesar 50% dari total kapasitas hardisk untuk System dan sisanya untuk Data. Caranya adalah kalikan total kapasitas hardisk (perhatikan tanda panah pada gambar dibawah ini) dengan 50%. 16379 x 0.5 = 8189. Ketikkan 8189 pada field Create partition of size (in MB). Kemudian tekan Enter untuk membuat partisi.
Hasil pembuatan partisi akan tampak seperti pada gambar di bawah ini.
Arahkan field tersorot pada field Unpartitioned space lalu tekan C (Create Partition) untuk membuat partisi berikutnya. Langsung tekan Enter untuk membuat semua space tersisa menjadi partisi kedua.
Setelah 2 partisi berhasil kita buat, langkah selanjutnya adalah memilih di partisi mana Windows XP akan di install. Kita pilih Partition1 lalu tekan Enter.
Langkah berikutnya adalah men-format partisi, ada 4 pilihan disini: Format partisi dengan file system NTFS secara cepat, Format partisi dengan file system FAT secara cepat, Format partisi dengan file system NTFS, dan Format partisi dengan file system FAT. Kita pilih saja Format partisi dengan file system NTFS secara default lalu tekan Enter untuk melanjutkan.
Tunggu hingga proses format selesai.
Silahkan tunggu sampai Setup memeriksa disk Anda. Ini mungkin akan memakan waktu beberapa menit tergantung pada ukuran disk.
Silahkan tunggu sampai Setup menyalin file ke folder instalasi Windows. Ini mungkin memakan waktu beberapa menit untuk menyelesaikannya.
Sebagian dari Setup telah selesai dengan sukses. Untuk me-restart komputer Anda, tekan ENTER. Setelah komputer Anda restart, Setup akan berlanjut.
Ketika restart, pastikan komputer Anda booting dari hardisk, lalu akan muncul start up logo Windows.
Berikutnya adalah proses instalasi devices berbasis grafik seperti gambar dibawah ini.
Klik tombol Next untuk langsung melanjutkan, atau klik tombol Customize untuk memilih regional dan bahasa seperti yang kita inginkan.
Pilih Standarts and Formats dan Location menjadi Indonesian.
Masukkan nama dan organisasi Anda kemudian Next.
Masukkan kode Product Key (ada pada CD case) kemudian klik tombol Next.
Edit nama komputer dan Password administrator, kemudian klik Next.
Sesuaikan Date & Time dan ubah Time Zone menjadi (GMT+07:00) Bangkok, Hanoi, Jakarta.
Tunggu, sedang proses instalasi jaringan
Konfigurasi jaringan, pilih Typical Settings saja kemudian klik Next.
Langsung klik Next
Proses install Windows dilanjutkan, masih butuh waktu beberapa lama.
Untuk memperbaiki penampilan dari elemen visual, Windows secara otomatis akan menyesuaikan resolusi layar Anda.Klik OK.
Windows telah menyesuaikan resolusi layar Anda. Jika Anda dapat membaca teks ini, klik OK untuk melanjutka.
Silahkan tunggu.
Welcome screen
Selamat, Anda telah berhasil meng-install Windows XP. Gambar dibawah ini adalah Tampilan Desktop Windows XP.

Langkah selanjutnya adalah meng-install driver hardware dan software aplikasi pendukung.

Instalasi dan Konfigurasi CodeIgniter

2013-03-22T13:08:00.003+07:00

CodeIgniter adalah aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. CodeIgniter dirilis pertama kali pada 28 Februari 2006. Pada saat tulisan ini di buat, CodeIgniter telah mencapai pada Versi 2.1.3.

Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa lebih mempermudah dan mempercepat pekerjaan seorang programer, tanpa harus membuat fungsi atau class dari awal.

Ada beberapa alasan mengapa menggunakan Framework:

Mempercepat dan mempermudah pembangunan sebuah aplikasi web.
Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada)
Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, error handling, dll
Lebih bebas dalam pengembangan jika dibandingkan CMS

Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :

View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

Dengan menggunakan prinsip MVC suatu aplikasi dapat dikembangkan sesuai dengan kemampuan developernya, yaitu programmer yang menangani bagian model dan controller, sedangkan designer yang menangani bagian view, sehingga penggunaan arsitektur MVC dapat meningkatkan maintanability dan organisasi kode. Walaupun demikian dibutuhkan komunikasi yang baik antara programmer dan designer dalam menangani variabel-variabel yang akan ditampilkan.

Ada beberapa kelebihan CodeIgniter (CI) dibandingkan dengan Framework PHP lain,

Performa sangat cepat : salah satu alasan tidak menggunakan framework adalah karena eksekusinya yang lebih lambat daripada PHP from the scracth, tapi Codeigniter sangat cepat bahkan mungkin bisa dibilang codeigniter merupakan framework yang paling cepat dibanding framework yang lain.
Konfigurasi yang sangat minim (nearly zero configuration) : tentu saja untuk menyesuaikan dengan database dan keleluasaan routing tetap diizinkan melakukan konfigurasi dengan mengubah beberapa file konfigurasi seperti database.php atau autoload.php, namun untuk menggunakan codeigniter dengan setting standard, anda hanya perlu merubah sedikit saja file pada folder config.
Banyak komunitas: dengan banyaknya komunitas CI ini, memudahkan kita untuk berinteraksi dengan yang lain, baik itu bertanya atau teknologi terbaru.
Dokumentasi yang sangat lengkap : Setiap paket instalasi codeigniter sudah disertai user guide yang sangat bagus dan lengkap untuk dijadikan permulaan, bahasanya pun mudah dipahami.
Dan banyak lagi yang lainnya.

Pada artikel kali ini kita akan membahas tentang cara instalasi dan konfigurasi Codeigniter pada server lokal. Sebelum menginstall Codeigniter pastikan server lokal anda telah berjalan dengan baik. Dalam hal ini penulis menggunakan xampp sebagai server lokal. Berikut adalah langkah-langkahnya :

Download Codeigniter di situs ini www.codeigniter.com.

Buat sebuah folder di dalam folder server lokal anda (jika menggunakan xampp folder diletakkan didalam folder htdocs, jika menggunakan yang lain silakan disesuaikan), beri nama folder tersebut misalnya codeigniter. Kemudian ekstrak file Codeigniter yang telah di download ke dalam folder yang telah kita buat tadi.

Sekarang bukalah browser kesayangan anda dan jalankan CodeIgniter dengan mengetikkan http://localhost/codeigniter (sesuaikan dengan nama folder yang anda buat). Jika proses instalasi berhasil maka akan muncul halaman Welcome to CodeIgniter seperti berikut ini.

Langkah selanjutnya adalah melakukan beberapa konfigurasi pada file CodeIgniter anda. Buka file config.php yang ada di dalam folder application/config. Pada bagian $config[‘base_url’] berfungsi untuk menentukan alamat URL utama pada aplikasi. Anda dapat mengisikannya dengan localhost/codeigniter (sesuaikan nama folder seperti pada saat mengupload file CI ke server). Namun, pada CodeIgniter versi–versi terbaru (2.0 keatas) anda juga dapat mengosongkan saja bagian ini. Codeigniter akan secara otomatis mendeteksi base url aplikasi anda.
```
|--------------------------------------------------------------------------
| Base Site URL
|--------------------------------------------------------------------------
|
| URL to your CodeIgniter root. Typically this will be your base URL,
| WITH a trailing slash:
|
| http://example.com/
|
| If this is not set then CodeIgniter will guess the protocol, domain and
| path to your installation.
|
*/
$config['base_url'] = '';
```

Selanjutnya buka file database.php pada folder application/config. File ini berfungsi untuk mengatur koneksi database pada aplikasi anda. Pada CodeIgniter, anda tidak perlu menuliskan script program dari awal dan memanggilnya berulang-ulang untuk melakukan koneksi database.

$active_group = 'default';
$active_record = TRUE;

$db['default']['hostname'] = 'localhost';
$db['default']['username'] = '';
$db['default']['password'] = '';
$db['default']['database'] = '';
$db['default']['dbdriver'] = 'mysql';
$db['default']['dbprefix'] = '';
$db['default']['pconnect'] = TRUE;
$db['default']['db_debug'] = TRUE;
$db['default']['cache_on'] = FALSE;
$db['default']['cachedir'] = '';
$db['default']['char_set'] = 'utf8';
$db['default']['dbcollat'] = 'utf8_general_ci';
$db['default']['swap_pre'] = '';
$db['default']['autoinit'] = TRUE;
$db['default']['stricton'] = FALSE;

$db['default']['username'] = '';
Isikan dengan nama user database anda
$db['default']['password'] = '';
Isikan dengan password database anda
$db['default']['database'] = '';
Isikan dengan nama database anda
$db['default']['dbdriver'] = 'mysql';
Isikan dengan driver database yang akan anda gunakan

Selanjutnya buka file routes.php pada folder application/config. Kemudian pada bagian $route['default_controller'] anda dapat mengisikannya dengan file controller yang akan dijalankan secara default. Secara default akan bernilai welcome, yang berarti saat aplikasi pertama kali dijalankan (saat anda mengetikkan localhost/nama_folder_ci pada browser) maka aplikasi akan menjalankan file controller bernama welcome.php
```
$route['default_controller'] = "welcome";
$route['404_override'] = '';
```

Sebenarnya masih banyak file-file konfigurasi lainnya untuk lebih memudahkan anda dalam mendevelop sebuah aplikasi berbasis web. Namun penjelasan-penjelasan tersebut diatas adalah konfigurasi dasar yang paling umum.

Sistem Informasi Manajemen Sekolah

2013-03-22T09:49:00.000+07:00

Sekolah adalah suatu instansi yang bergerak dalam bidang pelayanan pendidikan kepada siswa. Saat ini, masih banyak sekolah yang belum menerapkan dan memanfaatkan keberadaan teknologi informasi terintegrasi guna mendukung aktifitas kerja sehari-hari, sehingga sebagian besar aktifitas operasional pelayanan pendidikan masih dilakukan secara manual, baik aktifitas manajemen pelayanan pendidikan maupun aktifitas manajemen akuntansi keuangan.

Seiring dengan perjalanan kegiatan operasional sekolah, masih banyak sekali dijumpai kendala yang menimbulkan permasalahan yang mengganggu aktifitas sehari-hari, karena sebagian aktifitas masih dilakukan secara manual. Hal ini tentunya akan mempersulit dan memperlambat pegawai/guru di sekolah untuk melayani siswa, baik yang akan melakukan presensi/kehadiran siswa, data akademik siswa, transaksi keuangan sekolah, dan proses yang ada di sekolah yang diperuntukkan bagi siswa.

Dibutuhkan solusi untuk mengatasi permasalahan tersebut diatas, salah satunya adalah Sistem Informasi Manajemen (SIM) Sekolah. Sistem Informasi Manajemen Sekolah ini dirancang sebagai alat pemrosesan data sekolah berupa perangkat lunak berbasiskan web untuk menunjang seluruh kegiatan sekolah yang mempunyai tujuan-tujuan sebagai berikut :

Tersedianya Informasi utk mendukung perencanaan dan pengambilan keputusan bagi kepentingan sekolah ke depan
Tersedianya layanan informasi bagi komunitas sekolah seperti guru, siswa, staf, pimpinan, orang tua, alumni dan masyarakat pada umumnya
Memberikan nilai tambah bagi profil sekolah sehingga bisa meningkatkan daya saing yang lebih baik
Membantu dalam proses pengadministrasian aktifitas operasional sekolah
Meningkatkan pengawasan administrasi yang lebih baik

Tujuan-tujuan diatas sesuai dengan perkembangan yang dinamis bagi keperluan pengembangan sekolah di masa datang yaitu fleksibilitas, akuntabilitas dan transparansi sehingga sekolah diharapkan tidak akan ketinggalan jaman dalam mempersiapkan anak didiknya menghadapi era global yang sudah berjalan dengan sangat cepat ini. Dalam pengembangan SIM Sekolah, aplikasi berbasis web ini memiliki keunggulan-keunggulan diantaranya :

Berbahasa Indonesia, hal ini untuk memudahkan pengguna dalam mengoperasionalkan SIM Sekolah ini
Dikembangkan dalam sistem yang modular sekaligus terintegrasi. Modular artinya setiap modul bisa berdiri sendiri, sehingga user dapat memilih modul-modul yang diinginkannya sesuai dengan budget. Pada saat yang bersamaan modul-modul tersebut bisa saling berinteraksi bila user membeli dua atau lebih modul (sistem otomatis menjadi terintegrasi).
Jumlah pengguna tidak dibatasi, karena sistemnya menggunakan basis web sehingga siapa saja yang terhubung ke jaringan server Sistem Informasi Manajemen Sekolah bisa mengakses melalui browser
Dibangun dengan teknologi web berbasiskan AJAX. Dengan teknologi AJAX resource (bandwith) yang diperlukan lebih lebih kecil sehingga kemampuan untuk diakses jauh lebih baik
Dibangun dengan desain keamanan yang optimum untuk menjamin bahwa aplikasi diakses oleh user yang berwenang. Setiap user dipetakan pada role tertentu dan hanya bisa mengakses halaman-halaman tertentu saja. Halaman-halaman yang bisa diakses bisa dikonfigurasi sesuai kehendak user
Memberikan solusi dalam satu kesatuan sistem secara keseluruhan sehingga meningkatkan efisiensi operasional dan menghasilkan informasi dan laporan yang komprehensif (Front desk – Back End)
Dirancang dengan arsitektur yang difungsikan untuk pengaksesan data dan transaksi dengan kapasitas besar yang meliputi business rules, user level, security dan metodologi programming
Kemampuan menyimpan data dan skalabilitas dapat ditingkatkan dan dikembangkan sesuai dengan teknologi
Memiliki fitur backup database secara manual dan otomatis sehingga keamanan data bisa lebih terjamin, dan restore database untuk perbaikan data secara otomatis jika terjadi kerusakan database sehingga meminimalkan ketergantungan dengan vendor

Dari tujuan dan keunggulan yang dicanangkan diatas, ada 8 sub-sistem yang semuanya akan terintegrasi saat dioperasionalkan, yaitu :

Sistem Informasi Profil (Portal Sekolah) : yang nantinya akan berisi Profil Sekolah, Visi, Misi, Fasilitas, program-program, Berita/Artikel, kegiatan/agenda, informasi kesiswaan, forum, galeri foto, dan buku tamu.
Sistem Informasi Personalia : yang berisi Data Guru dan Staf untuk mengelola informasi penting tentang tenaga pengajar maupun staf yang terdaftar di sekolah, seperti biodata, pangkat, jabatan, alamat, status bekerja, jam kerja, riwayat pendidikan, riwayat karir, riwayat pelatihan, tingkat kehadiran, info gaji dan lain-lain
Sistem Informasi Sarana dan Prasarana : berisi mengenai Manajemen Aset sekolah mulai dari penomoran aset, lokasi aset, penggunaan aset dan jumlah aset
Sistem Informasi Keuangan : akan berisi data pembayaran biaya pendidikan siswa, seperti SPP, uang pembangunan, dan biaya-biaya lain. Data pembayaran tersebut akan ditampilkan dalam format laporan yang akan memudahkan pihak sekolah dalam melakukan pemeriksaan dan evaluasi, seperti :
- Laporan siswa yang belum melakukan pembayaran
- Laporan siswa yang sudah melakukan pembayaran
- Laporan-laporan yang berkenaan dengan honor guru/karyawan
Sistem Informasi Siswa: akan berisi data Penerimaan Siswa Baru, Biodata siswa, Pengelolaan Kenaikan Kelas Siswa (manual maupun otomatis), Pengelolaan Kelulusan/Alumni, Pencetakan Kartu Siswa, dan Pengelolaan Kedisiplinan Siswa
Sistem Informasi Akademik : berisi Pengelolaan Kurikulum, Penjadwalan Satuan Pengajaran, Pengelolaan Nilai Akademik Siswa dan Laporan Hasil Studi Siswa, dan Presensi Siswa dalam kegiatan PBM
Sistem Informasi Perpustakaan : berisi Pengelolaan buku, Pengelolaan anggota, Transaksi peminjaman dan pengembalian buku, dan Manajemen Arsip Digital
Sistem E-Learning : berisi Proses pendidikan menggunakan sistem online maupun intranet bagi siswa dan guru berupa modul sekolah, tanya-jawab, kuis online, maupun tugas-tugas.

Fitur yang tersedia adalah:

Master Data
- Identitas Sekolah
- Jenis Kelas
- Agama
- Tahun Pelajaran
- Kelompok Pembayaran
- Point Pelanggaran
- Extrakurikuler
- Jabatan
- Jenis Absensi
- Jenis Pengeluaran Sekolah
- Mapel
- Tahun Aktif
- Setting Bayar
- Setting Wali Kelas
- Setting Pembayaran
- Setting Guru
- Setting User
Input Data
- Input data siswa
- Input Guru dan Karyawan
- Input Absensi
- Input Absensi Manual
- Cetak Absensi
- Impor data Siswa
Adminsitrasi
- Buku Induk Siswa
- Buku Induk Alumni
- Kelas Siswa
- Pembayaran SPP
- Pengeluaran Sekolah
- Mutasi Siswa
- Proses naik kelas
- Proses lulus siswa
Perpustakaan
- Pengunjung perpus
- Peminjam buku
- Pengembalian buku
- Top buku dan siswa
- Kategori buku
- Laporan Grafik
- Input buku
- Laporan Tabel
- Jurnal Perpus
Pembukuan
- Buku Pembantu Bank
- Buku Pembantu Pajak
- Buku Pembantu Tunai
- Buku Khusus Pajak
Nilai Siswa
- Isi Tugas Siswa
- KKM
- Daftar Nilai Akhir
- Nilai Harian
- Cetak Rapot
BK ( Bimbingan Konseling)
- Buku Pelanggaran siswa
- Buku Konseling Siswa

Cara Membuat Readmore Otomatis di Blogspot Menggunakan Javascript

2013-03-21T16:35:00.002+07:00

Rasanya kurang menarik apabila dalam halaman utama (Home/Beranda) sebuah Blog berisi postingan utuh yang panjang, ini karena akan menyita ruang halaman utama yang seharusnya menggambarkan sebagian besar dari postingan kita. Untuk itu perlu adanya pemenggalan postingan agar halaman utama blog kita menjadi lebih menarik. Salah satu cara untuk membuat pemenggalan postingan (Readmore) yang bisa dilakukan secara otomatis adalah dengan menggunakan Javascript.

Cara kerja dari script ini adalah membuang tag html, mengambil beberapa huruf saja, menambahkan image serta menambahkan hyperlink yang mengarahkan pada postingan yang sebenarnya.

Fungsi dari pemasangan Readmore:

Menghemat Ruang pada tampilan halaman utama sebuah website.
Menjadi Lebih Elegant dan Interaktif.
Membuat pengunjung membaca artikel tersebut hingga selesai.
Menambah pageviews artikel yang dibaca oleh pengunjung.
Menambah Link Anchor terhadap keyword judul.

<script type='text/javascript'>
 summary_noimg = 550;
 summary_img = 450;
 img_thumb_height = 150;
 img_thumb_width = 200; 
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>

Cara Upload File ke Google Code

2013-03-20T22:39:00.000+07:00

Google Code adalah salah satu produk dari Google yang berfungsi untuk menyimpan file kecil. Google Code biasa digunakan oleh para desainer blogger untuk menyimpan file-file javascript. Bagaimana cara upload file ke Google Code? Berikut ini adalah penjelasannya:

Kita kunjungi alamat http://code.google.com/hosting/ maka akan tampak tampilan seperti gambar di bawah ini.

Selanjutnya kita klik pada bagian Sign in to create a project, masuk menggunakan akun gmail kita. Selanjutnya muncul halaman seperti di bawah ini.

Selanjutnya kita klik pada bagian Create a new project, kemudian akan muncul form seperti di bawah ini.

Isilah semua kolom yang tersedia dan biarkan kosong pada bagian Project label(s). dan untuk mengisi Version Control System pilih Mercurial dan untuk Source Code License pilih GNU GPL V3 lalu klik Create Project. Selanjutnya muncul tampilan seperti ini.

Selanjutnya klik tab Download untuk mulai upload file, kemudian klik tombol New download, maka halaman seperti berikut ini.

Selanjutnya kita isi kolom seperti pada gambar di atas dan pilih Browse untuk memilih file yang akan kita upload, kemudian klik tombol Submit File. Jika sudah ada beberapa file yang telah kita upload maka tampilannya akan seperti gambar di bawah ini:

Langkah selanjutnya klik salah satu file yang akan kita ambil link downloadnya misalkan file jquery.prettyPhoto.js maka akan muncul halaman seperti gambar dibawah ini. Klik kanan kemudian pilih Copy Link Location.

Setelah kita paste maka hasilnya adalah https://belvatekindo.googlecode.com/files/jquery.prettyPhoto.js

Paket Kursus Teknisi Komputer

2013-03-17T06:00:00.000+07:00

Kursus ini secara khusus mempelajari Hardware dan Software sebuah komputer. Target kursus ini peserta mampu merakit komputer, mengatasi kerusakan komputer, dan troubleshooting.
Dengan mengikuti pelatihan ini peserta dapat memiliki kemampuan:

Memahami Konsep Dasar tentang perangkat lunak (Software) & perangkat keras (Hardware) Komputer.
Memahami prosedur dan proses Installasi komponen peralatan hardware & software pada PC.
Dapat mengenali berbagai jenis Motherboard, Prosesor, Memory, Harddisk, dan Operating System yang digunakan.
Merakit dan memperbaiki periferal komputer dengan konsep stand alone maupun jaringan.
Dapat melakukan Installasi & konfigurasi Operating System sesuai dengan kebutuhan.
Dapat mendiagnosa dan mengatasi kesalahan-kesalahan yang sering terjadi pada sistem komputer PC, baik secara hardware maupun software serta solusinya.

Materi Pelatihan

Mengenal Bagian dan Komponen Komputer: Mainboard, Processor, Harddisk, RAM, dll
Persiapan Perakitan Komputer: memilih Casing, Mainboard, Memori, Processor, Kartu Grafik (VGA), dll
Membuat Partisi dan Memformat Harddisk
Menginstal Sistem Operasi Windows XP, Windows 7 dan Program Aplikasi Standar
Instalasi Drivers Mainboard, dll
Instal Ulang Windows Tanpa Driver
Troubleshooting pada Mainboard, Processor, RAM, Hardisk, Windows XP/7
Antivirus dan update, recovery file terkena virus
Basmi Virus TANPA ANTIVIRUS
Backup data dari komputer yang tidak mau masuk windows (Gagal System)
Instal Windows tercepat +/- 5 Menit, Backup System
Instal ulang Windows XP/7 pakai Flashdisk (Membuat Bootable Flashdisk)
LIVE CD
Membackup Password Windows 7
Modifikasi tampilan Windows
Teknik menjebol password / proteksi Windows Xp dan Windows 7
Teknik menjebol DeepFreeze
Memproteksi system, Folder dan Partisi
Menjadikan LAPTOP sebagai HOTSPOT Area
Jaringan Komputer dasar
Menghitung biaya perakitan komputer dan usaha jual beli/servis komputer

Waktu

12 Sesi x @ 90 Menit

Biaya

Reguler Rp.350.000,- (3 orang)
Private Rp.650.000,-

Paket Kursus Internet untuk Pemula

2013-03-17T04:44:00.000+07:00

Pelatihan dasar penggunaan Internet, dikhususkan untuk mereka yang belum mahir menggunakan aplikasi internet.

Materi Pelatihan

Browsing
Chatting: Yahoo Messenger, MSN, GTalk
Email: yahoo, gmail
Searching: Google, Yahoo
Blogging: Blogspot, Wordpress
Online Community: Facebook, Twitter
Mailing list: Yahoogroups

Waktu

8 Sesi x @ 90 Menit

Biaya

Reguler Rp.150.000,- (3 orang)
Private Rp.250.000,-

Persiapan Perakitan Komputer

2013-03-17T01:20:00.001+07:00

Dalam perakitan sebuah komputer, diperlukan persiapan yang cukup, terutama peralatan yang digunakan serta software yang hendak diinstall. Di bawah ini adalah beberapa peralatan dan bahan yang harus disiapkan dalam merakit sebuah PC.

Persiapan Alat

Tidak terlalu banyak alat yang dibutuhkan dalam perakitan sebuah PC. Diantaranya adalah:

Obeng Plus (+)
Obeng Minus (-)
Tang Lancip (Capit Buaya)
Multimeter/Multitester (Untuk pengukuran tegangan)
Pinset (Untuk pencabut jumper)
Gelang Anti Statik

Persiapan Bahan

Bahan yang diperlukan adalah:
- Satu unit komputer yang terdiri dari :
      -Monitor
      -CPU
      -Casing ATX
      -Motherboard

      -Processor

      -Memori

      -Hard Disk

      -VGA Card

      -CDROM

      -LAN Card
      -Keyboard dan Mouse PS/2

CD Instalasi, yang terdiri dari :

   - CD Windows
     - CD Driver
     - CD Master Aplikasi