Tutorial Pemrograman

Tutorial Membuat Toko Online Menggunakan Codeigniter: Register dan Login Member [Bagian 2]

Register atau Sign Up digunakan untuk mendaftarkan diri (menjadi member) dengan melakukan pendaftaran melalui registrasi dengan mengisi biodata. Sedangkan login atau Sign in adalah proses untuk masuk ke dalam sebuah layanan online yang biasanya berisi username dan password.

Kedua hal tersebut sudah seperti pasangan yang serasi di dalam sistem layanan online, khususnya website. Dalam kasus pembuatan website toko online, tentu dengan hadirnya kedua proses ini sangat dibutukan ketika seorang customer harus mendaftar menjadi member di toko tersebut untuk bisa melanjutkan tahap selanjutnya, yaitu pengiriman dan pembayaran barang.

Baca Juga:

Sesuai janji penulis yaitu akan melanjutkan pembuatan website toko online ke tahap selanjutnya mengenai pembuatan register dan login.

PEMBUATAN REGISTER DAN LOGIN

1. Membuat table users di dalam database toko.

Logika Program:

  • Table users ini berguna untuk menyimpan data member maupun admin di website toko online. Struktur dari table ini terdiri atas field id (primary key), username, email, password dan group.

Berikut ini tampilan struktur dari table users.

table users

2.  Membuat file Regis.php di dalam folder C:\xampp\htdocs\toko-online\application\controllers.

Logika Program:

  • public function index berfungsi untuk mendefinisikan field dari table users supaya dapat masuk ketika di-input kedalam table tersebut. Selain itu juga berguna untuk memanggil model_regis dengan nama function tambah untuk menambahkan member baru dari website toko online.
  • public function member berfungsi untuk menampilan file form_login.php yang terdapat di folder views.
  • public function tambah berfungsi ketika user telah selesai mengisi biodata diri di menu register, maka mereka dapat kembali ke menu login untuk masuk ke dashboard member dan melanjutkan proses belanja online.

3. Membuat file Model_regis.php di dalam folder C:\xampp\htdocs\toko-online\application\models.

Logika Program:

  • public function index tambah berfungsi untuk membuat data array untuk menyimpan nilai ketika user meng-input biodata diri seperti username, email, password dan group. Setelah itu menambahkan data yang di-input kedalam table users.

4. Membuat file form_regis.php di dalam folder C:\xampp\htdocs\toko-online\application\views.

Nah, untuk melihat tampilan dari menu register ini, pembaca dapat mengetikan URL http://localhost/toko-online/index.php/regis. Berikut ini tampilan dari register:

menu register dalam pembuatan toko online

5. Membuat file Login.php di dalam folder C:\xampp\htdocs\toko-online\application\controllers.

Logika Program:

  • public function index berfungsi untuk membuat form validasi pada saat proses login. Serta menampilkan file login.php yang terdapat pada folder view. Di dalam function ini berguna untuk memberi aturan login dengan memasukan username dan password untuk masuk  ke dashboard member. Hadirnya potongan program ini juga dapat mengatur session yang masuk untuk menentukan member ataupun admin dengan field group. Caranya dengan menggunakan kondisi seperti ini: Jika group bernilai 1 maka dinyatakan admin, sedangkan jika group bernilai 2 maka dinyatakan member.
  • public function logout berfungsi untuk keluar dari dashboard member ataupun admin dan akan kembali ke halaman utama.

6. Membuat file Model_users di dalam folder C:\xampp\htdocs\toko-online\application\models.

Logika Program:

  • public function check_credential berfungsi untuk mengecek proses login dengan mencocokan data username dan password. Jika data valid maka proses login berhasil dan dapat masuk ke menu selanjutnya.

7. Membuat file form_login.php di dalam folder C:\xampp\htdocs\toko-online\application\views.

Setelah terbentuk file diatas, pembaca dapat melakukan tahap uji coba dengan cara mengetikan URL http://localhost/toko-online/index.php/login. Berikut ini tampilan form login tersebut.

Menu login pada pembuatan toko online

Pada proses login juga sistem telah dapat menentukan user yang masuk dengan cara mengetahui data tersebut di dalam field group. Jika record bernilai 1 maka dinyatakan sebagai admin, sedangkan jika bernilai 2 dinyatakan sebagai member. 

Ini artinya secara tidak langsung, penulis telah memberikan materi multi-level untuk proses login ini. Tahap selanjutnya adalah proses pembuatan dashboard member. Jadi ketika sistem telah mengetahui jika group bernilai 2, maka sistem akan langsung mengarahkan ke dashboard member untuk order barang.

Maka dari itu, ikuti terus proses pembuatan website toko online ini ya, sahabat setia inwepo. 😀

DOWNLOAD

Table users.sql

Regis.php (Controllers)

Login.php (Controllers)

Model_regis.php (Models)

Model_users.php (Models)

Form_Regis.php (Views)

Form_Login.php (Views)



Hello, I’m a UI/UX Designer & Front End Developer from Jakarta, Indonesia. I hold a Bachelor of Informatics Engineering from Gunadarma University.



Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk menyelesaikan masalahnya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Copyright © 2017 Inwepo. Server by GoCloud

To Top