Catatan Robbi: code igniter

Home » code igniter

Showing posts with label code igniter. Show all posts

Tuesday, 12 April 2016

Membuat fungsi login dengan postgresql, code igniter, bootstrap dan jQuery ajax part 2

Artikel ini merupakan lanjutan dari artikel sebelumnya Membuat fungsi login dengan postgresql, code igniter, bootstrap dan jQuery ajax . So kalo anda belum baca artikel sebelumnya silahkan tutup dulu halaman ini dan baca yang part 1-nya.
Sebelumnya kita telah menguji koneksi postgreSQL ke server Code Igniter (baca: CI), sekarang pada tabel users tekan keyboard f12 untuk masuk ke SQL editor dan input dengan query daibawah ini:

Execute query tersebut dengan menekan f9 atau klik icon play berwarna hijau. Dengan itu kita sudah memiliki satu record user yang akan digunakan untuk login.
Sekarang kita buat beberapa controller yang mendukung sistem ini, sebelumnya kita buka file routes.php di folder config CI dan rubah:

$route['default_controller'] = 'welcome'; menjadi $route['default_controller'] = 'dashboard';

Sekarang buat 1 buah controller (folder kerja/application/controllers) dengan nama Dashboard.php yang berisi:

kemudian buat controller Login.php dengan isi:

setelah itu buat view(folder kerja/application/views) dengan nama login.php, dan berisi:

<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <title>Login</title>
  
  <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css" />
 </head>
 <body>
  <div class="container" style="margin-top: 100px;">
   <div class="row">
    <div class="col-md-4 col-md-offset-4">
     <div class="panel panel-primary">
      <div class="panel-heading">
       <h3 style="text-align: center;">
User Login</h3>
</div>
<div class="panel-body">
       <form name="formLogin">
        <div class="form-group">
         <label for="log_username">Username</label>
         <input type="text" class="form-control" name="log_username" id="log_username" />
        </div>
<div class="form-group">
         <label for="log_password">Password</label>
         <input type="password" class="form-control" name="log_password" id="log_password" />
        </div>
<button type="submit" class="btn btn-primary form-control"> Login </button>
       </form>
</div>
</div>
</div>
</div>
</div>
<script src="assets/dev/js/jquery-1.12.0.min.js"></script>
  <script src="assets/dev/js/app.login.js"></script>
 </body>
</html>

sampai sini kita sudah punya tampilan login, coba cek di web browser anda, beginilah seharusnya penampakannya

Sekarang buat file bernama app.login.js dan simpan di folder assets/dev/js/
sampai sini dulu pertemuan kita, di part selanjutnya mungkin akan menjadi part terakhir. see u in the next part (^_^)

Sunday, 10 April 2016

Membuat fungsi login dengan postgresql, code igniter, bootstrap dan jQuery ajax

Login merupakan fungsi penting yang harus dibuat untuk develop aplikasi server-side agar sistem dapat memverifikasi pengguna yang memang memiliki akses untuk masuk ke sistem tersebut. Pada artikel ini saya akan menulis cara mengenai membuat fungsi login dengan perlengkapan seperti yang ada dijudul.

Sesuai dengan judulnya sebelum memulai kita memerlukan perlengkapan tempur seperti diatas:

Code igniter dapat diunduh disini code igniter download
bootstrap download disini http://getbootstrap.com/
jquery https://jquery.com/download/
postgresql http://www.postgresql.org/download/

Setelah semua itu siap untuk instalasi code igniter untuk yang baru pertama kali mungkin artikel saya sebelumnya dapat membantu membuat folder kerja dengan code igniter, sedangkan dalam kasus ini saya menggunakan postgresql manager untuk mengelola database dapat juga dilihat diartikel sebelumnya Membuat database di postgresql menggunakan EMS SQL Manage for PostgreSQL (diasumsikan database juga telah dibuat: caranya ada di artikel tersebut).
Langkah selanjutnya copy hasil extract file bootstrap yang sudah di download ke folder kerja kita begitu juga dengan jquery.js yang telah didownload.
untuk membuatnya lebih rapi struktur folder saya seperti ini

=> folder kerja
==> file code igniter (folder application, system, index.php)
==> assets
===> bootstrap (folder css, fonts, js)
===> dev (foldder js) //file jquery.js ditaruh ddalam folder ini
Setelah itu untuk membuat url lebih user-friendly kita hilangkan index.php dalam struktur urlnya, caranya dapat dilihat di artikel ini Menghilangkan index.php dari Url
Oke, saya pikir persiapannya sudah cukup, sekarang saatnya turn back crime :D

Pertama kita buat tabel untuk menghandle urusan login buka SQL Lite manager, double klik database yang telah dibuat dropdown schemas -> public dan klik kanan pada table pilih new table

kemudian isikan nama tabel dan pilih tab menu fields seperti gambar dibawah ini:

kemudian buat fields sperti gambar dibawah dan click compile (icon bergambar petir)

setelah selesai membuat tabel sekarang kita buka folder kerja/application/config/database.php untuk konfigurasi koneksi code igniter dengan postgresql.

sekarang load library database, buka file di folder kerja/application/config/autoload.php

sekarang coba akses folder kerja di web browser kalo koneksi berhasil maka akan tampil

kalo mengalami Fatal error: Call to undefined function pg_connect() seperti ini coba lihat artikel saya sebelumnya Mengatasi Call to undefined function pg_connect() .
Wah gak terasa sudah sepanjang ini, untuk sesi ini mungkin cukup sekian dan akan dilanjut di part 2 :D.

Wednesday, 23 March 2016

Menghilangkan index.php dari Urls

Pada artikel kali ini saya akan menulis mengenai cara menghilanglan index.php dari urls. masih ingat tutorial sebelumnya Membuat folder kerja dengan code igniter, disitu url yang kita akses adalah localhost/nama_folder_kerja/index.php/welcome. Terlalu panjang bukan? tentunya agar lebih user-friendly itu dapat dibuat menjadi localhost/nama_folder_kerja/welcome.
Caranya adalah dengan membuat file .htaccess dan simpan file sejajar dengan file index.php di folder kerja. dan pada .htaccess isikan baris code ini:

kalau sudah coba akses kembali controller welcome tanpa menggunakan index.php.
Trust me, it's work (^_^)

Saturday, 12 March 2016

Membuat Folder Kerja dengan Code Igniter

Bagi sobat blogger dan pengembang web application dengan php native yang mau bermigrasi ke Object Oriented Programming dan menggunakan Code Igniter mungkin artikel ini dapat membantu.
Diasumsikan bahwa di komputer lokal telah tersedia web server seperti Apache, disini saya menggunakan Xampp sebagai tools yang telah mempackage hal tersebut didalamnya.
pertama-tama tentu kita harus menyediakan folder framework Code Igniternya yang dapat diunduh di:
Situs resmi code igniter
Saat tulisan ini dibuat versi terakhir adalah 3.0.5, unduh Code Igniter (CI) kemudian extract file.
akan ada beberapa file dan folder yang tersedia disana.
file dan folder yang digunakan untuk pengembangan adalah:
folder application: tempat dimana kita dapat memanipulasi file sesuai dengan kebutuhan kita
folder system: tempat dimana framework code igniter (saran: jangan merubah apapun disini terkecuali sudah paham betul dengan struktur CI)
file index.php: file yang tentunya harus ada karena file tersebut yang pertama di eksekusi
Pindahkan 3 item tersebut ditempat folder kerja web server, dalam kasus saya E:/xampp/htdocs/folder_anda
setelah dipindahkan jalankan apache dan coba akses folder kerja di browser kesayangan anda.

Kalau anda menemui tampilan tersebut berarti CodeIgniter sudah siap untuk digunakan.
Hal yang pertama diakses adalah Controller Welcome, pengaturannya dapat dilihat di folder_kerja/application/config/routes.php
sekian dulu artikel ini semoga dapat menjadi manfaat bagi orang lain (^_^), kalau ada yang mau ditanyakan silahkan isi form komentar

Friday, 11 March 2016

Mengatasi Call to undefined function pg_connect()

Dalam masalah ini saya menggunakan tools xampp dan mencoba koneksi ke postgresql driver.
kalau masih dalam settingan default dan anda mencoba untuk mengakses halaman anda di localhost, tentunya anda akan menemukan permalahan ini:

Fatal error: Call to undefined function pg_connect()

Masalah ini disebabkan karena library pg (baca: postgre) belum ditemukan oleh server lokal, untuk itu perlu tambahan konfigurasi untuk mengaktifkannya.
Langkah pertama cari file php.ini.

karena saya menggunakan xampp dan saya menginstallnya di partisi E:/, maka file tersebut berada di: E:/xampp/php/
cari baris kode yang berisi extension=php_pdo_pgsql.dll atau extension=php_pgsql.dll dan hilangkan tanda ';' agar kode terexecute. [*note: anda dapat googling mengenai perbedaan pdo dan non-pdo]
restart apache, dan coba kemudian akses kembali folder kerja anda.
Seharusnya langkah itu sudah selesai, tetapi kalau saat start apache kalian menemukan masalah seperti diatas, maka ada 1 step tambahan kembali. [*note: error tersebut terjadi karena library postgre belum ada di apache.
Cari file libpq.dll, pada kasus saya itu berada di E:/xampp/php/
terakhir letakkan di E:/xampp/apache/bin

Coba restart kembali apache dan akses folder kerja anda. Semoga membantu (^_^)

Pages