Minggu, 24 Februari 2013

Dasar Pembuatan Front-End dan Back-End Application Menggunakan CodeIgniter

Kali ini saya ingin menulis artikel tentang CodeIgniter alias CI. Beberapa saat lalu saya membuat sebuah aplikasi yang mempunyai fitur administator dan juga public content. Saya cuma ingin berbagi bagaimana saya membuatnya dengan CI. Pengalaman saya ini mungkin  berbeda dengan teman-teman developer lain, tapi kita lihat dulu.

  1. Pertama yang akan kita lakukan adalah membuat public controller terlebih dahulu.

  2. Apa itu public controller? Public controller adalah base controller yang digunakan untuk membuat halaman public. Tidak ada special dalam hal ini, kita cuma menggunakan file index.php CI yang terletak pada direktori CI. Berarti dalam tahap ini tidak ada yang berubah. :')
  3. Kemudian, Membuat Controller Admin

  4. Caranya adalah dengan membuat direktori baru di direktori utama CI, ambil contoh kita beri nama folder app_admin.
    Folder tersebut yang nantinya akan menjadi tujuan ketika admin sudah login. Di dalam direktori tersebut kita isi dengan :
    a. file index.php dengan mangcopy file index.php di direktory utama.
    b. folder application, kita copy-kan dari direktory utama juga.
    c. file .htaccess untuk menghilangkan index.php di url browser.
    Kemudian, kita setting sebagai berikut :
    a. Di file index.php yang baru kita edit pada baris 
    $system_path = 'system';
    diedit, menjadi
    $system_path = '../system';

    b. Pada folder application yang baru, kita buat base controller untuk admin. Kita bikin library controller baru untuk meng-override base controller CI. Caranya, buat class :  misal Adm_Controller.php, yang isinya :
    <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

    class Adm_Controller extends CI_Controller 
    {

    public function __construct()
    {
            parent::__construct();
            $this->load->library('Lib_Auth');
            if (!$this->lib_auth->is_logged())
            {
            show_error('whooops, Anda dilarang masuk.');
            }
            //intinya memberitahu kalau itu cuma buat admin.  
    }
    kemudian simpan pada direktory /app_admin/application/core/Adm_Controller.php. 
    Tidak lupa kita edit pada file config.php di /app_admin/application/config/config.php,
    di bagian
    $config['subclass_prefix'] = 'My_';
    menjadi
    $config['subclass_prefix'] = 'Adm_';
    atau terserah Anda sesuai dengan prefix yang tadi saya gunakan yaitu Adm_.


    Dengan begitu, maka setiap controller baru di folder /app_admin/application/controller/ harus meng-extends Adm_Controller di atas sehingga cuma bisa diakses oleh user admin.
    ?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

    class MyTools extends Adm_Controller {
    public function __construct()
    {
    parent::__construct();
    //other constuctor code
    }

    c. Atur .htaccess (optional) sehingga URL Anda terlihat lebih cantik. Kode untuk file .htaccess kurang lebih seperti berikut :
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /app_admin/
    RewriteCond %{REQUEST_URI} ^system.*
    RewriteRule ^(.*)$ /index.php/$1 [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php/$1 [L]
    </IfModule>
    Sebagai tambahan, anda buat controller : login.php di folder application public dan jika login berhasil. langsung route ke /app_admin/index.php atau cukup dengan http://app_url/app_admin/ saja dan user akan dibawa ke controller welcome.php di dalam folder /app_admin/controller/ dan tinggal kita atur settingan lainnya di folder confignya.

    Kesimpulan :
    a. Dengan CI, kita bisa membuat banyak application (nama berbeda-beda) dengan cuma pakai satu folder system.
    b. Semua application tersebut tergantung pada file index.php dan file index.php itu pun bisa diganti dan dipindah lokasinya yang penting di dalamnya diatur tentang dimana Anda meletakkan folder system dan folder applicationnya.

    Bahan Bacaan :
    http://philsturgeon.co.uk/blog/2010/02/CodeIgniter-base-Classes-Keeping-it-DRY (Pembahasan HMVC oleh si-empunya CI)
    http://ellislab.com/codeigniter/user-guide/installation/index.html (Dan tentu saja user_guide CI.)



Rabu, 09 Mei 2012

Cara Install ZenCoding di Sublime Text 2

Pas Siddarth memuat artikel tentang Plugin ZenCoding di Sublime Text 2 (http://net.tutsplus.com/tutorials/tools-and-tips/essential-sublime-text-2-plugins-and-extensions/), saya jadi penasaran. Setelah googling, ketemu deh cara buat install ZenCoding di Sublime Text 2.
Yang belum tahu Zen Coding dan cara makenya, bisa parkir di sini

Langsung saja!.

  1. Buka Sublimenya.
  2. Install Sublime Package Control dari Will Bond.
    Caranya : Masuk ke console Sublime Text 2. Pake shortcut <Ctrl + ` (tanda petik di atas tombol TAB) >. Copy kan code di bawah ini :
    import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
    kemudian tekan Enter dan Setelah selesai, restart Sublimenya.
  3. Buka Command Pallet  <Ctrl + Shift + P> atau Tools > Command Pallet. Ketikan : "install package" kemudian tekan enter.
  4. Dari daftar package yang muncul, ketik ZenCoding kemudian Enter.
  5. Selesai.


Kamis, 19 April 2012

Perkembangan HTML


HTML atau kepanjangan dari Hyper Text Markup Language adalah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet(Mozilla, Opera, Safari, Internet explorer, dll). HTML dikembangkan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Dalam membuat website, hal yang perlu anda kuasai adalah mengerti akan bahasa pemrograman HTML agar bisa terbentuk website yang bisa dihubungkan dengan Internet.

Internet itu sendiri merupakan jaringan global yang menghubungkan network satu dengan network lainnya di seluruh dunia. Pada dasarnya HTML adalah dokumen ASCII atau teks biasa, tapi tidak tergantung pada suatu sistem operasi tertentu.

HTML sendiri dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. 

Berikut adalah Sejarah Perkembangan HTML:

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTMl versi 2.0 (rilis pada 14 Januari 1996)
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0 (rilis pada 18 Desember 1997)

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2

HTML versi 4.0 (rilis pada 24 Desember 1999)
HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.

HTML versi 5.0 (masih dalam pengembangan)
HTML versi 5.0 ini masih dikerjakan/dikembangkan mulai 4 Maret 2010 kemaren oleh W3C(World Wide Web Consortium),W3C sendiri adalah sebuah Organisasi yang menangani pengembangan web standar.


sepp.. sepp.. sepp.. moga makin menambah pengetahuan kita tentang bahasa pemprograman.. :nyanyi 

sumber : gudangmateri.com

Rabu, 11 April 2012

jQuery Form (simple)

.:: Tugas Web 4M51 | FORM ::.
* Jenis permohonan Anda
Isikan nomor Pendaftaran
Isikan Nomor KTP Anda
Isikan Nama Lengkap Anda
Isikan Alamat Lengkap Anda
Isikan Nomor Telepon / Handphone yg bisa dihubungi
Isikan Nama Perusahaan Anda
Pilih sesuai jenis Perusahaan Anda
Pilih sesuai Status Perusahaan Anda
Isi Alamat Perusahaan Anda
Isikan nomor Telp Perusahaan Anda
* Pilih Jenis Layanan yang Anda butuhkan
Isikan Alamat Lokasinya
Tambahkan Beberapa Keterangan
[yyyy-mm-dd] * Isikan Tanggal Penerimaan Berkas
[yyyy-mm-dd] * Isikan Tanggal Survei Lokasi
[yyyy-mm-dd] * Isikan Tanggal Selesai Proses
* Nama Petugas yang melakukan Pemeriksaan
* Tidak diperbolehkan kosong!

Sabtu, 24 Maret 2012

Selasa, 20 Maret 2012

Rabu, 22 Februari 2012

Gumroad - Cuma dengan link, Anda bisa Jual Apa saja


Saya menemukan sebuah artikel tentang penemu Aplikasi Gumroad yang ditulis oleh Robert Scoble.

Gumroad, apa itu?
Gumroad adalah web apps yang membuat link referensi menuju produk yang Anda jual. Di sini, kita bisa jual apa saja? Music, game, code, design, blog, apa saja. Sangat sederhana!

Yang menarik adalah, gumroad ini dibuat oleh pemuda 19 tahun bernama Sahil Lavingia

Dan menurut banyak artikel di internet, gumroad akan menjadi perusahaan billion dollar berikutnya seperti ditulis oleh http://www.startupproject.org/2011/04/gumroad/.

Menarik bukan? Membuat billion dollar dari ide sederhana.

Ada satu pesan dari seorang teman :
"buatlah produk yang sederhana dan bernilai internasional."