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:
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 (^_^)

Fix Account Picture Error di windows 10

Menambahkan picture account merupakan pilihan yang biasa orang akan lakukan ketika telah menginstall sistem operasi windows. Bagi anda yang baru menggunakan Windows 10 dan mendapatkan masalah seperti gambar dibawah ini, saya akan menjelaskan bagaimana cara memperbaiki permasalahan tersebut.
Hal pertama yang perlu diperhatikan adalah pastikan windows 10 anda sudah teraktivasi, kalo belum aktivasi terlebih dahulu windows anda.
Kedua buat system restore point terlebih dahulu untuk berjaga-jaga jika ada hal yang tidak diinginkan.
sekarang buka windows explorer, dan pada adress bar ketik C:\ProgramData\Microsoft\Windows dan enter kemudian cari folder bernama SystemData

rename file tersebut contohnya menjadi SystemData.Old (note: anda membutuhkan akses administrator untuk memodifikasi folder).
Setelah itu restart PC dan coba ubah picture account kembali.

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:
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.

Saturday 9 April 2016

Membuat database di postgresql menggunakan EMS SQL Manage for PostgreSQL

Membuat database dapat dilakukan dengan command tentunya ini membutuhkan kemampuan lebih untuk melakukannya, untuk mempermudah dalam pengelolaan database terdapat aplikasi yang menyediakan graphic user inteface untuk database administrator agar mempermudah kita dalam melakukan pengolahan database. Pengembang aplikasi menyediakan database administrator sesuai dengan database driver yang digunakan salah satunya EMS SQL Manager for PostgreSQL.
Sebelum membuat dengan SQL manager tentunya harus mengunduh EMS SQL manager disini. setelah selesai mendownload lakukan penginstalan seperti biasa.
Setelah selesai buka aplikasi SQL ManagerLite for PostgreSQL dan kita dapat memulai artikel ini sesuai dengan judulnya. :D
halaman awalnya dapat dilihat seperti gambar diatas, untuk membuat database baru klik icon seperti yang dilingkari merah.
ketik nama database sesuai dengan kebutuhan, jangan lupa centang register after creating (kalo tidak database tidak akan tampil).
host name isikan dengan localhost jika anda ingin membuat di komputer lokal, port defaultnya 5432, username default: postgres, password sesuai yang anda input saat penginstallan. setelah itu klik next.
gambar diatas satu ini sifatnya optional, anda bisa mengosongkan semuanya dan next, jika encoding dikosongkan SQL Manager akan memberi peringatan agar lebih baik menggunakan encoding dan jika owner dikosongkan maka akan otomatis terset default yaitu postgres.

klik run dan tampilan terakhirnya merupakan preview pengaturan anda pilih ok saat tampilan preview tersebut muncul.
Selesai, sekarang lihat disidebar database yang baru kita buat telah tersedia.
jika ada pertanyaan terkait artikel ini atau mengenai postgre dapat ditanyakan di form komentar :D