Halo sobat, kembali kita lanjut dalam pembahasan codeigniter pada artikel kali ini, bagi sobat yang belum baca artikel awal mengenai codeigniter bisa di baca pada link berikut sebab ini merupakan artikel lanjutan agar dalam implementasi scriptnya tidak bingung.

Memulai Project CodeIgniter
Memulai Project CodeIgniter : Part 2
Memulai Project CodeIgniter : Part 3 Menghilangkan Index.php

Nah apa itu user agent? User Agent adalah salah satu library yang disediakan oleh codeigniter untuk memberikan informasi user yang mengakses aplikasi atau website yang kita bangun seperti informasi browser, ip, platform dan sistem operas yang digunakan user yang mengakases.

Tanpa berlama-lama mari kita mulai
pertama pada tambahkan sebuah controller pada project kita beri nama Auser.php dan buat seperti dibawah.

<?php
if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Auser extends CI_Controller{

 function __construct(){
  parent::__construct();  
  $this->load->library('user_agent');

 }

 function index(){
  if ($this->agent->is_browser()){
   $agent = $this->agent->browser().' '.$this->agent->version();
  }elseif ($this->agent->is_mobile()){
   $agent = $this->agent->mobile();
  }else{
   $agent = 'Data user gagal di dapatkan';
  }

  echo "Di akses dari : <br/>";
  echo "Browser = ". $agent . "<br/>"; //browser
  echo "Sistem Operasi = " . $this->agent->platform() ."<br/>"; 
  // Informasi Platform  seperti Windows, Linux, Mac, dll
  echo "IP = " . $this->input->ip_address(); 
  //ip hanya muncul pada hosting
 }
}
/* End of file Auser.php */
/* gtech labs
/* Location: ./application/controllers/Auser.php */

 

Penjelasannya
- pada construct nya kita insert kan load library user_agent
- kemudian pada halaman awalnya ( function index()) kita deklasikan varibel untuk menampilkan informasi yang kita ingin seperti browser nya, Os dan IP
- pada contoller diatas kita tidak menggunakan view, dan langsung kita echo kan pada controller hasilnya.

Berikut outputnya jika jalankan di browser

dan library user_agen dapat kita modifikasi dan tingkat untuk menampilkan statistik website

Demikian artikel kali semoga bermanfaat, tetap ikuti artikel mengenai codeigniter pada blog ini
Terimakasih.

Kembali melanjutkan tutorial mengenai memulai Project baru pada CodeIgniter kali ini kita akan membahas mengenai index.php yang ada pada url bar browser saat kita akses url project kita. Bagi yang belum membaca Part 1 dan Part 2 Memulai project codeigniter bisa baca pada link dibawah

Memulai Project CodeIgniter
Memulai Project CodeIgniter : Part 2


Jika belum paham maksud dari judul artikel ini, berikut gambar

nah pada gambar terlihat kita harus menambahkan index.php sebelum nama contoller chello agar hasilnya muncul. Jika controller kita panggil tanpa index.php maka akan muncul tulisan "object not found" nah kita akan bahas agar controller bisa dipanggil tanpa harus mengikutkan index.php

Pertama buka file config.php pada folder application/config dan edit pada bagian seperti dibawah
pada baris

$config['index_page'] ='index.php';

ubah nilai menjadi kosong

$config['index_page'] ='';

Kemudian tambahkan sebuah file .htaccess pada root folder aplikasi kita dan silakan buat seperti berikut

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

Dan ketika kita jalankan di browser

Nah sekian untuk artikel kali, tetap ikuti tutorial tentang codeigniter di blog ini 

Berjumpa kembali di Blog saya, kali saya akan share sedikit mengenai timestamp format time pada mysql. Kita ketahui bersama bahwa time merupakan fungsi di php yang mengenerated tanggal waktu menjadi integer. Baik kita akan membahasnya selamat membaca dan mencoba.

Coba jalan sintax berikut di console mysql

SELECT from_unixtime(unix_timestamp()); 

output dari perintah diatas adalah :

SELECT from_unixtime(unix_timestamp())
----------------------------------------------------
2014-09-05 02:15:43            

SELECT from_unixtime(field_timestamp) from tbl_name ;

dan sintak diatas untuk sebuah timestamp yang ada pada tabel di database.

1. Mengekstrak hanya tanggal dari timestamp yang ada di mysql

sebuah trik sebelum kita masuk ke table mysql format standarnya adalah DATE(FROM_UNIXTIME(timestamp)). Baik sekarang mari kita masukkan ke sebuah sintak menggunakan table di database.

SELECT DATE( FROM_UNIXTIME( unix_timestamp() ) )

SELECT DATE( FROM_UNIXTIME( logintime ) ) from tbllogin;

Maka output dari sintak diatas adalah sebagai berikut

2014-09-05

2. Mengekstrak hanya waktu dari timestamp yang ada di mysql

Perintah dasar untuk menampilkannya adalah TIME(FROM_UNIXTIME(timestamp)) . Kembali kita coba di mysql maka sintak nya adalah

SELECT TIME(FROM_UNIXTIME(unix_timestamp()))

dan jika ingin coba hanya ingin menampilkan jam

SELECT HOUR(FROM_UNIXTIME(unix_timestamp()))

3. Fungsi DATE_FORMAT() di mysql

Syntax:
DATE_FORMAT(date,format)

Sintak diatas akan menkonversi format date sesuai dengan keinginan kita. Mari kita coba

SELECT DATE_FORMAT(FROM_UNIXTIME(unix_timestamp()),'%H:%i:%s');

maka output diatas akan muncul hanya jam menit dan detik seperti dibawah

02:45:12

SELECT DATE_FORMAT(FROM_UNIXTIME(unix_timestamp()),'%d:%m:%Y');

output sintak diatas akan menampilkan tanggal bulan dan tahun

05-09-2014


Sekian tulisan kali ini, semoga bermanfaat :)

Salam koding, pada kesempatan ini saya akan share sebuah fungsi untuk memperindah penampilan nilai pada sebuah variabel, dimana format nya harus dikonversi pada sebuah format rupiah. Fungsi ini digunakan untuk mengkonversi angka dalam bentuk integer maupun pecahan ke format mata uang rupiah.

Baik kita mulai

1. Pertama dengan fungsi number_format

<?php
function rupiah($nilai, $pecahan = 0) {
    return number_format($nilai, $pecahan, ',', '.');
}
 
// konversi sederhana
echo rupiah(500000); // akan tampil 500.000
echo "";
 
// konversi dengan nilai pecahan
// 2 menandakan dua digit dibelakang koma
echo rupiah(500000, 2) // akan tampil 500.000,00
?>

2. Dengan fungsi strlen

<?php
function rupiah2($harga)
{
 $a=(string)$harga; //membuat $harga menjadi string
 $len=strlen($a); //menghitung panjang string $a
 
 if ( $len <=18 )
 {
  $ratril=$len-3-1;
  $ramil=$len-6-1;
  $rajut=$len-9-1; //untuk mengecek apakah ada nilai ratusan juta (9angka dari belakang)
  $juta=$len-12-1; //untuk mengecek apakah ada nilai jutaan (6angka belakang)
  $ribu=$len-15-1; //untuk mengecek apakah ada nilai ribuan (3angka belakang)
  
  $angka='';
  for ($i=0;$i<$len;$i++)
  {
   if ( $i == $ratril )
   {
    $angka=$angka.$a[$i].".";
   }
   else if ($i == $ramil )
   {
    $angka=$angka.$a[$i].".";
   }
   else if ( $i == $rajut )
   {
    $angka=$angka.$a[$i]."."; //meletakkan tanda titik setelah 3angka dari depan
   }
   else if ( $i == $juta )
   {
    $angka=$angka.$a[$i]."."; //meletakkan tanda titik setelah 6angka dari depan
   }
   else if ( $i == $ribu )
   {
    $angka=$angka.$a[$i]."."; //meletakkan tanda titik setelah 9angka dari depan
   }
   else
   {
    $angka=$angka.$a[$i];
   }
  }
 }

 echo "Rp. ". $angka.",-";
}

// dan ketika buat sebuah variabel interger
$nilai ='300000';
print rupiah2($nilai);
//akan menghasilankan Rp. 300.000,-

?>
 

Jadi ada dua buah fungsi yg saya gunakan pada kesempatan ini tergantung mana pilihan kita.

Sekian dan terimakasih semoga bermanfaat

Download

Baik kita lanjut kembali project pertama kita sebelumnya, jika belum baca tutorial sebelumnya bisa agan baca disini Memulai Project Pertama di Framework CodeIgniter

setelah kita membahas ketiga folder yang terdapat di folder project pertama tadi, berikut penjelasan direktori-direktori utama yang akan sering kita gunakan pada folder /ci-projectpertama/application/

Config, berisi file-file yang terkait konfigurasi dasar aplikasi. seperti konfigurasi database, routes, autolod dan masi banyak lagi

Controllers, berisi file-file controller dari aplikasi yang dibangun. Simpan seluruh file controller aplikasi pada folder ini.

Core, jika ingin memperluas class-class inti CodeIgniter, maka simpan file class yang Anda kembangkan tersebut pada direktori ini.

Helpers, berisi file-file helper yang agan buat sendiri, seperti fungsi-fungsi dan lain lain

Libraries, berisi file-file library yang agan buat sendiri.

Logs, tergantung pada settingan di config.php pada folder config, jika error log pada config diaktifkan maka file error log akan tersimpan pada direktori ini.

Models, berisi file-file model dari aplikasi yang dibangun. simpan seluruh file model aplikasi pada folder ini.

Views, berisi file-file view dari aplikasi yang dibangun. simpan seluruh file view aplikasi pada folder ini.



Nah setelah kita sudah mengerti tentang fungsi setiap folder maka kita lanjutkan ke project kita sesuai dengan judul yaitu project pertama, baik pada kesempatan ini kita akan membuat hello word sebagai project awal. Untuk sementara kita belum menggunakan MVC hanya VC karna masi tahap awal

Pertama kita buat sebuah file controller kita buat saja nama chello.php jadi kita simpan folder tersebut di folder application/controller/chello.php, saya buat c diawal agar mempermudah kita bahwa itu adalah file controller begitu kira-kira, buat code seperti dibawah ini :

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Chello extends CI_Controller {

 public function index()
 {
  $this->load->view('vhello');
 }
}

/* End of file chello.php */
/* gtech labs
/* Location: ./application/controllers/chello.php */

di source code diatas dapat kita lihat bahwa baris 2 merupakan code standar dari codeigniter, pada baris 4 dimulai dengan nama class controller Chello penulisan harus kapital pada awal dan dilanjutkan dengan huruf kecil, pada baris 6-9 merupakan index nya ketika memanggail controller nya maka yang terload pertama adalah pada bagian ini yang dimana isinya adalah meload view vhello.

selanjutnya kita buat tampilan view hello dimana kita buat nama filenya adalah vhello.php, dan file ini kita simpan di application/views/vhello.php buat code nya seperti dibawah ini

<!DOCTYPE html>
<html>
<head>
  <title>Project Pertama CodeIgniter : Hello!!</title>
</head>
<body>
<h1>Project Pertama CodeIgniter</h1>
<p>Codeigniter adalah framework populer dan saya suka menggunakan MVC</p>
<p>Belajar codeigniter itu sangak asyik</p>
</body>
</html>

code diatas standar html biasa dan bisa agan modifikasi sesuai dengan keinginan agan. Dan untuk ngetes berhasil project ini kita jalankan dibrowser dengan mengetikan  nama host -> folder -> index.php -> nama class controller, atau seperti ini http://localhost/ci-projectpertama/index.php/chello dan eng ing eng.... muncul seperti dibawah project kita berhasil hehehe

Gambar tampilan hasil di browser

Bagaimana cukup mudah bukan, saya harap demikian.

Demikian tutorial membuat project pertama di codeigniter, tetap ikuti tutorial mengenai codeigniter di laman saya.

Terimakasih. :D

Apakah anda pernah mendengar Bootstrap? baik kali ini saya akan membahas kurang lebih sedikit dari banyak penjelasan tentang twitter bootstrap. Bagi web desain yang mengikuti perkembangan dunia program tentunya bootstap sudah pasti femiliar dan menjadi salah satu senjata dalam pengembangan web desainnya.

Apa itu Bootstrap

Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website (Wikipedia). Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.

Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

Dengan kata lain twitter bootstrap bisa juga kita sebut framework untuk css.

Sejarah Twitter Bootstrap

Awalnya dibuat oleh seorang desainer dan pengembang di Twitter, Bootstrap telah menjadi salah satu front-end framework yang paling populer dan merupakan proyek open source di dunia. Bootstrap diciptakan di Twitter pada pertengahan 2010 oleh @mdo dan @fat. Sebelum menjadi kerangka kerja open-source, Bootstrap dikenal sebagai Twitter Blueprint. Mendistribusikan lebih dari 350 juta tweet per hari, Twitter berkembang dari sekedar suatu layanan pesan yang biasa.

Platform ini awalnya dikembangkan pada ajang Hackweek, sebuah perhelatan developer yang diadakan Twitter. Standarisasi platform tersebut sudah disempurnakan sejak saat itu. Selama bertahun-tahun seiring dengan kemampuannya dalam hal analisa data real time, perusahaan tersebut juga telah mencapai pengalaman yang luar biasa dalam hal perancangan web. Pengalaman tersebut kini telah dikumpulkan dalam suatu pengembangan antar muka yang dikonsolidasikan dan dipublikasikan dalam bentuk Bootstrap.

Bootstrap digambarkan sebagai CSS sederhana namun dibangun dengan pre-processor yang menyediakan lebih banyak daya dan fleksibilitas ketimbang CSS standar. Awalnya dirilis pada Jumat, 19 Agustus, 2011, dan sudah memiliki lebih dari 20 produk release termasuk yang terbesar adalah versi -2 dan versi-3. Hadirnya Bootstrap 2, maka fungsionalitas responsif terhadap seluruh kerangka sebagai stylesheet opsional telah di tambahkan dan pada Bootstrap 3, maka responsif secara default telah ditambahkan untuk pendekatan pertamanya terhadap ponsel.

Kelebihan atau keunggulan Bootstrap

• Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal memanggilnya dalam theme.
• Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.
• Template yang menggunakan Bootstrap lebih ringan.
• Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.
• Banyak template bootstrap gratis
• Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.

Kekurangan atau kelemahan bootstrap

Salah satu kemampuan bootstrap adalah minim gambar karena memanfaatkan CSS3, disaat itu adalah keunggulan css3 namun disisi itu pula kekurangan dari bootstrap, CSS3 yang dikembangkan twitter dan yang lain.

Jika ada berminat langsung aja kunjungi laman twitter bootstrap yaitu http://getbootstrap.com saya yakin anda berminat mempelajarinya, website ini juga menggunakan template bootstrap dan sedikit modifikasi di css nya. Anda bisa mendownload code source di menu download

Struktur awal bootstrap

Setelah kita download kita extract file zip nya maka kita akan mendapat struktur file download boostrap seperti berikut :

Demikian sedikit ulasan tentang framework css twitter bootstrap semoga bermanfaat. Kujungi terus laman ini untuk artikel-artikel tentang twitter bootstrap lainnya.

Terimakasih :D

Sumber Referensi : 
http://getbootstrap.com/

Pada artikel sebelumnya kita sudah membahas mengenai Framework CodeIgniter jika belum dibaca silakan ke link berikut (Pengenalan Framework CodeIgniter) pada artikel tersebut kita sudah bahas mengenai fiturnya. Nah pada artikel kali ini kita akan memulai membangun sebuah project menggunakan CodeIgniter (CI)

Persiapan
1. Download terlebih dahulu file bundling CI bisa didownload dari laman resminya untuk versi terbari di https://www.codeigniter.com atau bisa juga download dari file gdrive saya versi 3.1.4 disini
2. PC/Laptop sudah harus terinstal Host Server seperti XAMPP, WAMP, APPSERV atau yang lainnya
3. Editor Text bisa gunakan bawaan dari OS atau didownload sesuai yang teman2 biasa gunakan


Baik setelah didownload extrak file tersebut dan buat dalam sebuah folder di root host kita. Kebeteluan saya menggunakan wampp jadi saya tempatkan di folder www/ dan foldernya adalah ..../www/ci-projectpertama/ dan kita jangan melakukan settingan apa-apa dulu, bisa dilihat seperti gambar dibawah ini

Gambar folder ci-projectpertama

Gambar isi folder ci-projectpertama

dan ketika kita jalankan dibrowser maka akan muncul tampilan seperti dibawah ini

Gambar tampilan awal ketika kita akses di browser

Pada folder ci-projectpermata/ terdapat 3 folder  dan satu file

1. application : tempat kerja kita yang berisi semua komponen yang akan kita bangun nantinya, dan kita akan lebih banyak bekerja di folder ini
2. system : berisi file-file inti dari codeigniter, dan kita gak usah mengutak atik pada bagian ini
3. user_guide : berisi file dokumentasi cara memulai dan penggunaan dari codeigniter
4. index.php : adalah file akses utama codeigniter

Baik kita bahas lebih lanjut folder application yang akan banyak kita akses.

bersambung