{"id":298,"date":"2016-09-17T02:55:31","date_gmt":"2016-09-17T02:55:31","guid":{"rendered":"http:\/\/prajasa.com\/?p=298"},"modified":"2016-09-19T09:14:36","modified_gmt":"2016-09-19T09:14:36","slug":"cara-membuat-web-sederhana-dengan-codeigniter-bagian-1","status":"publish","type":"post","link":"https:\/\/prajasa.com\/?p=298","title":{"rendered":"Cara membuat Web sederhana dengan CodeIgniter bagian 1"},"content":{"rendered":"

Dalam Artikel kali ini, kita akan membahas cara membuat halaman Web sederhana dengan CodeIgniter. Sebelum membuat Web kita harus memiliki sebuah software<\/em>\u00a0untuk membuatnya. dan biasanya software<\/i>\u00a0tersebut terdiri dari Apache HTTP Server, MySQL, PHP, dan Perl. software tersebut banyak dan harus instal satu-persatu, biar tidak memakan waktu yang lama ada sebuah\u00a0software<\/em> yang membungkus semua software tersebut ke dalam satu software nama nya adalah XAMPP. kita dapat membuat halaman web dengan sangat mudah, tanpa harus dilakukan secara terpisah (sendiri-sendiri)<\/p>\n

berikut langkah-langkah dari proses instalasi XAMPP :<\/p>\n

    \n
  1. jalankan\u00a0file\u00a0<\/em>xampp(versi)Installer.exe (terserah versi yg kalian punya)\"xampp-1\"<\/li>\n
  2. Klik\u00a0Next\u00a0<\/strong>untuk melanjutkan proses instalasi<\/li>\n
  3. Pilih software yang ingin Anda pasang, untuk contoh ini, Next<\/strong> \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0\"xampp-2\"<\/li>\n
  4. Tentukan tujuan isntallasi XAMPP, untuk contoh ini biarkan lokasi penyimpanan di ( C:\\xampp ), Next<\/strong>\"xampp-3\"<\/li>\n
  5. Jika muncul gambar seperti dibawah ini, hilangkan tanda Check, kemudian\u00a0Next<\/strong>\"xampp-4\"<\/li>\n
  6. Tunggu proses Instalasi selesai, jika gambar proses beda dengan yg di instal, biarkan itu hanya beda versi\"xampp-5\"<\/li>\n
  7. Klik\u00a0Finish\u00a0<\/strong>untuk mengakhiri proses installasi \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\"xampp-6\"<\/li>\n
  8. Setelah proses instalasi selesai, yang adna perlu jalankan adalah\u00a0service<\/em> Apache dan MySQL\"xampp-7\"<\/li>\n
  9. Klik tombol\u00a0Start<\/strong> pada Apache dan MySQL<\/li>\n<\/ol>\n

    Instalasi CodeIgniter<\/h2>\n

    Framework\u00a0<\/em>CodeIgniter dapat di unduh (download) dari situs resminya : www.CodeIgniter.com. Instalasi CodeIgniter sangat sederhana dan mudah dilakukan. Anda hanya perlu mengextrak file paket\u00a0framework<\/em> yang di unduh ke direktori C: \\xampp\\htdocs. Agar mudah di baca, kalian dapat mengubah direktori hasil extrak tersebut dengan nama yang lebih pendek, misalnya dari “CodeIgniter” menjadi “ci”.<\/p>\n

    Untuk memeriksa apakah CodeIgniter sudah terpasang dengan benar atau belum, Anda dapat menjalankan\u00a0web browser<\/em>, lalu tuliskan alamat berikut :<\/p>\n

    http:\/\/localhost\/ci\/<\/p>\n

    jika semua berjalan dengan baik, seharusnya kalian mendapatkan tampilan seperti berikut :\"test\"<\/p>\n

    Setelah semua terpasang, kita menuju langkah selanjutnya yaitu membuat Halaman web sederhana bertuliskan “Hello World!”<\/strong><\/p>\n

    Versi 1 : di sini kita hanya menggunakan Controller<\/strong><\/h3>\n

    (untuk versi 2,3, dan 4 dapat di baca di artikel berikutnya)<\/span><\/em><\/strong><\/p>\n

    Dalam aplikasi yang menggunakan pola desain MVC,\u00a0controller\u00a0<\/em>merupakan komponen utama yang berperan sebagai pemroses permintaan dari user. suatu aplikasi berbasis MVC bisa saja dibuat tanpa menggunakan komponen model dan view, tapi tidak mungkin tanpa menggunakan controller<\/p>\n

    Untuk memulainya, jalankan aplikasi Text Editor (Notepad, Notpad++, atau yang lainnya) lalu tulis kode berikut :<\/p>\n

    <?php<\/span>\r\nclass Hello Extends CI_Controller {<\/span>\r\n   public function index() {<\/span>\r\n      echo \"<h2>Hello World<\/h2>\";<\/span>\r\n   }<\/span>\r\n}\r\n<\/span><\/pre>\n
    setelah itu simpan\u00a0file<\/em> tersebut dengan nama Hello.php dan tempatkan di dalam direktori berikut :<\/span><\/p>\n
    C: \\xampp\\htdocs\\ci\\application\\controllers<\/p>\n
    Catatan:<\/strong><\/em><\/h4>\n
    Semua\u00a0file controller\u00a0<\/em> yang kalian buat harus di simpan di dalam direktori di atas.<\/p>\n
    Metode Index()<\/span> di dalam kelas Hello<\/span> mempresentasikan aksi\u00a0default<\/em> yang akan dieksekusi ketika\u00a0controller<\/em>\u00a0hello<\/span> di panggil tanpa menyertakan nama aksi<\/p>\n
     <\/p>\n
     <\/p>\n
    setelah tersimpan, kalian dapat menjalankan\u00a0controller<\/em> di atas dengan menuliskan URI berikut :<\/p>\n
    http:\/\/localhost\/ci\/index.php\/hello<\/p>\n
    dan hasil nya akan seperti ini :<\/p>\n
    \"ci_helloworld_1\"<\/p>\n
     <\/p>\n
    <\/h4>\n","protected":false},"excerpt":{"rendered":"
    Dalam Artikel kali ini, kita akan membahas cara membuat halaman Web sederhana dengan CodeIgniter. Sebelum membuat Web kita harus memiliki sebuah software\u00a0<\/span><\/div>\n
    Read More<\/a><\/div>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/298"}],"collection":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=298"}],"version-history":[{"count":2,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/298\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/298\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}