Membuat Website Dengan CodeIgniter : Instalasi dan Pemasangan Template

Sebelum ingin membangun atau membuat website dengan CodeIgniter, Anda harus paham dulu Apa Itu CodeIgniter (CI) ?, karena memang ada beberapa teori kecil yang harus Anda pahami terutama masalah MVC (Model, View, Controller)

Dalam tutorial pembuatan website menggunakan CodeIginiter Saya tidak akan menjelaskan lagi masalah Web Server, Apache, PHP, MySQL dll, intinya Anda harus memahami hal – hal yang berkitan dengan Web Server dan dasar – dasar tentang Web Programming terlebih dahulu sebelum mempelajari cara membuat website menggunakan CodeIgniter

Instalasi CodeIgniter
  1.  Download CodeIgniter dari halaman/website resminya 
  2. Versi yang CI yang saya gunakan adalah 3.1.2 
  3. Extract folder CI ke folder htdocs 
  4. Bila CI diakses melalui web browser makan nanti akan terlihat halaman berikut

    CodeIgniter berhasil terinstal
  5. Bila muncul pesan diatas, maka itu artinya CodeIgniter sudah berhasil terinstal
Pemasangan Template
 
Supaya lebih mudah, dan cepat Anda bisa download templatenya dari internet, template bisa bebas tapi supaya seragam dengan tutorial yang Saya jelaskan, Saya rekomendasikan Anda untuk menggunakan template bootstrap yaitu startbootstrap clean blog gh pages, silahkan cari dan download dari internet
  1. Masuk ke Folder htdocs CodeIginiter dan buat folder assets 
  2. Sekarang buka folder template  startbootstrap-clean-blog-gh-pages 
  3. Dalam folder tersebut nanti terdapat folder, CSS, IMG, JS, LESS, MAIL, dan VENDOR, copy semua folder tersebut ke folder ASSETS CodeIginiter yang telah dibuat sebelumnya 
  4. Selanjutnya masih dalam folder startbootstrap-clean-blog-gh-pages, rename file index.html menjadi index.php 
  5. Copy file index.php ke folder CodeIgniter yaitu di application/views 
  6. Selanjutnya atur url supaya sesuai dengan localhost pada file config.php di folder application\config\, misal disini file confignya saya atur menjadi http://localhost/CI 
    mengatur config
  7. Selanjutnya atur bagian file Welcome.php pada folder application\contoroller\ supaya file index.php yang terdapat di folder view diakses

    mengatur file welcome.php
  8. Bila sudah diatur ke index, maka website CodeIginiter akan terlihat seperti gambar dibawah ini

    website sudah tampil namun masih acak - acakan
  9. Tampilan diatas masih tidak beraturan, karena file CSS, JS dan lain – lain belu terload 
  10.  Atur file index.php template dan lakukan load file yang ada dalam folder ASSETS 
  11.  Anda bisa menggunakan syntax/perintah  <?php echo base_url();?>assets pada setiap url supaya mengarah ke path yang benar 
    menambahkan base url
  12. Proses selanjutnya adalah file autoload.php di folder application\config dan mengatur bagian helper dengan menambahkan url $autoload [‘helper’] = array('url')

    autoload helper CI
  13. Bila berhasil nanti website CI akan terlihat seperti pada gambar dibawah ini

    website CI berhasil terinstal
Pada proses ini website CodeIginiter belum jadi sepenuhnya, masih banyak yang perlu di konfigurasi.

Artikel lanjutannya : Membuat Website Dengan CodeIgniter : Membuat File Librari Template

2 Responses to "Membuat Website Dengan CodeIgniter : Instalasi dan Pemasangan Template"

  1. Muhammad Adam Hussein, S.PdJanuary 1, 2017 at 3:38 PM

    Keren juga ya hasilnya berrti bagus buat landing page.

    ReplyDelete
  2. Saya ingin Bikinin landing page Tapi Pake codeignitere
    Wa +62896 1820 9000

    ReplyDelete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi DataMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasimahjong online menghadirkan nuansa klasik dalam budaya internetsisi visual mahjong online jadi bahan ulas media digitalmahjong online dan pergeseran selera pengguna gamemengenal identitas grafis di balik mahjong onlinemahjong online terlihat dari sudut pandang desain interaktifkomunitas internet membahas popularitas mahjong onlinemahjong online menggabungkan simbol lama dan gaya barucatatan media menelusuri fenomena mahjong onlinemahjong online dalam perbincangan industri hiburan digitalketika mahjong online menjadi objek observasi budaya internetpg soft menghadirkan identitas visual bernuansa asiamengenal pg soft dari sisi desain game digitalindustri game online mencermati karya pg softpg soft dan perkembangan animasi dalam permainan mobiledi balik simbol pg soft ada konsep desain yang khasmedia digital menyoroti karakter permainan pg softperjalanan pg soft dalam persaingan industri gamefitur interaktif menjadi bahasan dalam game pg softpg soft dalam sorotan tren hiburan berbasis mobilemembaca popularitas pg soft melalui perspektif desainmahjong wins membawa identitas visual yang berbeda ke layar digitalsimbol klasik menemukan konteks baru melalui mahjong winsperjalanan mahjong wins terlihat dari perubahan desain game modernmahjong wins dalam catatan perkembangan hiburan berbasis teknologigaya visual menjadi salah satu ciri yang menarik dari mahjong winsketika konsep tradisional bertemu format digital mahjong winsmahjong wins dan pergeseran selera pada game bernuansa klasikperspektif baru muncul dari tampilan interaktif mahjong winsruang game digital mengenal karakter berbeda dari mahjong winsmahjong wins mengikuti perubahan wajah permainan di era teknologiai kasino online dan perdebatan teknologi prediksi digitalkecerdasan buatan menelaah perubahan industri kasino onlinekasino online dalam sorotan otomatisasi dan analisis datamengenal batas penggunaan ai pada kasino digitalteknologi ai membuka diskusi baru seputar game kasinoantara algoritma dan peluang dalam kasino onlineai kasino digital dari perspektif etika dan keamananmembaca fenomena kasino online melalui analisis komputasibenarkah ai bisa memprediksi hasil kasino onlinemasa depan kasino digital di tengah perkembangan aitren mahjong bergerak dari simbol klasik ke visual modernmahjong digital dan munculnya gaya ilustrasi barumengapa tema mahjong kembali menarik perhatian publiktren mahjong dalam catatan komunitas hiburan internetdesain mobile memberi arah baru pada tema mahjongmahjong dan pertemuan budaya tradisional dengan teknologimembaca popularitas mahjong lewat perubahan estetika gamemedia digital mengamati pergeseran tren permainan mahjongsimbol bersejarah menjadi inspirasi tren mahjong modernfenomena mahjong dan kreativitas dalam budaya digitalmahjong ways dan sweet bonanza dalam tren game digitalfortune tiger dan gates of olympus jadi bahasan komunitas gamemahjong ways 2 dan starlight princess dari sisi visualfortune ox dan big bass bonanza dalam ulasan game onlinemahjong wins dan wild west gold mengusung tema berbedafortune rabbit dan sugar rush dalam dunia game mobilemahjong treasure dan sweet bonanza menarik perhatian pengamatfortune mouse dan gates of gatot kaca dengan identitas unikmahjong cash dan the dog house dalam perbandingan desainfortune dragon dan joker jewels dari perspektif animasiqris pg soft dan arah baru transaksi game digitalmengenal peran qris pada pembayaran layanan gamepg soft dalam pembahasan sistem pembayaran elektroniktransaksi digital pg soft dilihat dari sisi keamanantren qris dan perubahan ekosistem game onlinesebelum memindai qris pahami verifikasi pembayaranpembayaran qris dan identitas layanan game pg softcatatan digital mengenai qris dalam industri gamememahami batas keamanan transaksi qris pg softqris dan pg soft dalam lanskap hiburan interaktifmahjong online dan pembayaran qris dalam sorotan digitalmembahas qris di tengah tren mahjong onlinesistem pembayaran elektronik pada layanan mahjong onlineqris mahjong online dan pentingnya konfirmasi transaksiperubahan metode bayar dalam ekosistem mahjong digitalmenelusuri kaitan mahjong online dengan teknologi qriskeamanan transaksi qris saat mengakses layanan gamemahjong online dilihat dari perspektif pembayaran modernapa yang perlu diketahui soal qris mahjong onlinepembayaran qris dan literasi digital pengguna mahjongalgoritma mahjong dan logika di balik game digitalmembaca peran sistem acak dalam permainan mahjongmahjong digital dalam tinjauan peluang dan probabilitasmitos pola algoritma mahjong yang perlu dipahamicara kerja rng dalam permainan mahjong onlineanalisis data bukan jaminan hasil game mahjongalgoritma game dan batas prediksi hasil permainanmemahami statistik di balik sistem mahjong digitalpola visual mahjong dan perbedaan dengan peluangteknologi permainan mahjong dari sisi logika komputasiai mahjong online dan perkembangan teknologi interaktifkecerdasan buatan menjadi topik baru dalam game mahjongmahjong online dalam analisis teknologi ai terkinimenelaah penggunaan ai pada permainan berbasis digitalai dan perubahan pengalaman pengguna mahjong onlinebisakah ai memprediksi hasil mahjong onlinemahjong digital dan batas kemampuan analisis kecerdasan buatanteknologi ai mengubah cara game online dikajimengenal data dan pembelajaran mesin dalam game mahjongai mahjong online antara analisis data dan mitos prediksi