{"id":364,"date":"2016-09-19T08:26:54","date_gmt":"2016-09-19T08:26:54","guid":{"rendered":"http:\/\/prajasa.com\/?p=364"},"modified":"2016-09-19T09:14:04","modified_gmt":"2016-09-19T09:14:04","slug":"memodelkan-data-untuk-form-membuat-web-login-dengan-codeigniter","status":"publish","type":"post","link":"https:\/\/prajasa.com\/?p=364","title":{"rendered":"Memodelkan Data untuk Form (membuat Web Login) Dengan CodeIgniter"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-374\" src=\"http:\/\/prajasa.com\/wp-content\/uploads\/2016\/09\/codeigniter.png\" alt=\"codeigniter\" width=\"300\" height=\"300\" srcset=\"https:\/\/prajasa.com\/wp-content\/uploads\/2016\/09\/codeigniter.png 300w, https:\/\/prajasa.com\/wp-content\/uploads\/2016\/09\/codeigniter-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>Pada Artikel Kali ini kita akan Web Login, seperti yang kalian tahu &#8220;Login&#8221; adalah halaman untuk memasukkan Username atau Id (akun) di sertai Password untuk di lanjutkan ke halaman web selanjutnya , tanpa adanya Username dan Password kalian tidak dapat masuk jika membuka web kemudian diharuskan untuk mengisi Username dan password, dalam kesempatan kali ini kita akan belajar membuat halaman Web Login ( bukan membuat akun untuk bisa Login).<\/p>\n<p>Dalam CodeIgniter\u00a0<em>model<\/em> merupakan suatu kelas yang dapat memodelkan atau merepresentasikan tipe data apa saja yang digunakan oleh aplikasi. Dengan demikian, model juga dapat digunakan untuk memodelkan\u00a0<em>form<\/em>. Tampilan\u00a0<em>form<\/em> tersebut dapat kita definisikan sebagai kelas\u00a0<em>model<\/em>. Di bagian ini kita akan membuat\u00a0<em>model<\/em> untuk\u00a0<em>form<\/em>\u00a0<em>login<\/em> sederhana yang belum melibatkan penggunaan tabel di database.<\/p>\n<p><strong>File<\/strong> application\\models\\User_model.php :<\/p>\n<p><em><strong>(jika belum ada file nya silahkan bikin dan simpan sesuai direktori di Atas harus sesuai dengan jenis file dan di save di folder yang sesuai dengan file nya)<\/strong><\/em><\/p>\n<pre>&lt;?php\r\nclass User_model extends CI_Model {\r\n   public $username;\r\n   public $password;\r\n\r\n   \/\/ array untuk menyimpan label dari masing-masing atribut\r\n   public $labels == [];\r\n\r\n   \/\/ konstruktor model\r\n   public function __construct() {\r\n      parent::__construct();\r\n      $this-&gt;labels = $this-&gt;attribute_labels();\r\n   }\r\n\r\n   \/\/ metode untuk otentikasi user\r\n   public function authenticate() {\r\n      if (isset($this-&gt;username) &amp;&amp; isset($this-&gt;password)) {\r\n         ($this-&gt;username === 'demo' &amp;&amp; $this-&gt;password === 'demo')\r\n{\r\n            return TRUE;\r\n         } else {\r\n            return FALSE;\r\n         }\r\n      } else {\r\n         return FALSE;\r\n      }\r\n   }\r\n\r\n   \/\/ metode untuk menentukan label dari masing-masing atribut\r\n   public function attribute_labels() {\r\n      return [\r\n         'username'=&gt;'Username:',\r\n         'password'=&gt;'Password:'\r\n      ];\r\n   }\r\n}\r\n\r\n<\/pre>\n<p>Seperti yang kalian tahu username dan passwordnya adalah &#8220;demo&#8221; karena ini masih contoh, kalau ingin menggantinya silahkan\u00a0ganti nama demo dengan yang kalian inginkan seperti ini<\/p>\n<pre>         if ($this-&gt;username === 'demo' &amp;&amp; $this-&gt;password === 'demo')\r\n\r\n<\/pre>\n<p>(<strong>carilah kode itu di file User_model.php di baris &#8220;18&#8221;<\/strong>)<\/p>\n<p><strong>File<\/strong> application\\controllers\\Login.php :<\/p>\n<pre>&lt;?php\r\nclass Login extends CI_Controller {\r\n   public function index() {\r\n      $this-&gt;load-&gt;model('User_model');\r\n      $model = $this-&gt;user_model;\r\n\r\n      if (isset ($_POST['btnSubmit'])) {\r\n         \/\/ mengisi nilai ke dalam atribut model\r\n         $model-&gt;username = $_POST['username'];\r\n         $model-&gt;password = $_POST['password'];\r\n\r\n         if ($model-&gt;authenticate()) {\r\n            $this-&gt;load-&gt;view('login_success_view');\r\n         } else {\r\n            $this-&gt;load-&gt;view('login_error_view');\r\n         }\r\n      } else {\r\n         $this-&gt;load-&gt;view(login_form_view', ['model'=&gt;$model]);\r\n      }\r\n   }\r\n}\r\n\r\n<\/pre>\n<p><strong>File<\/strong> application\\views\\login_form_view.php :<\/p>\n<pre>&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;Demo Model&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h2&gt;Login&lt;\/h2&gt;\r\n\r\n&lt;form action=\"http:\/\/localhost\/ci\/index.php\/login\" method=\"post\"&gt;\r\n&lt;?php echo $model-&gt;labels['username']; ?&gt;&lt;br \/&gt;\r\n&lt;input type=\"text\" name=\"username\" \/&gt;&lt;br \/&gt;&lt;br \/&gt;\r\n&lt;?php echo $model-&gt;labels['password']; ?&gt;&lt;br \/&gt;\r\n&lt;input type=\"password\" name=\"password\" \/&gt;&lt;br \/&gt;&lt;br \/&gt;\r\n&lt;input type=\"submit\" name=\"btnSubmit\" value=\"Login\" \/&gt;\r\n&lt;\/form&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n<p><strong>File<\/strong> application\\views\\login_success_view.php :<\/p>\n<pre>&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;Ddemo Model&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h2&gt; Login Sukses&lt;\/h2&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n<p><strong>File\u00a0<\/strong>application\\views\\login_error_view.php :<\/p>\n<pre>&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;Demo Model&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h2&gt;Login Gagal&lt;\/h2&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n<p>jalankan dengan menggunakan URI : http\/\/localhost\/ci\/index.php\/login<\/p>\n<p>hasilnya seperti halaman web login biasanya tapi yang kita pelajari ini bentuknya sederhana. ketika kalian menulis username dan password default (demo) ketika kalian Enter maka akan muncul tulisan &#8220;Login Sukses&#8221;, kalau username dan password tidak sesuai maka akan muncul tulisan &#8220;Login Gagal&#8221;<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"slide-text-bg2\"><span>Pada Artikel Kali ini kita akan Web Login, seperti yang kalian tahu &#8220;Login&#8221; adalah halaman untuk memasukkan Username atau Id (akun) di sertai P<\/span><\/div>\n<div class=\"slide-btn-area-sm\"><a href=\"https:\/\/prajasa.com\/?p=364\" class=\"slide-btn-sm\">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":[84,85,81,86,82,83],"_links":{"self":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/364"}],"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=364"}],"version-history":[{"count":2,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/364\/revisions"}],"predecessor-version":[{"id":375,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/364\/revisions\/375"}],"wp:attachment":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}