KangJaz.com

Tempat Tips, Tutorial dan Source Code dari seorang newbie

Source Code Toko Online dengan CodeIgniter Free

17 Agustus 2017 | Kategori : Source Code

Source Code Toko Online dengan CodeIgniter Free - Kali ini saya akan berbagi source code Toko Online dengan CodeIgniter gratis nih untuk sobat semua. Namun sebelum itu, berhubung hari ini tanggal 17 Agustus, saya mengucapkan selamat hari kemerdekaan RI yang ke 72 ya sobat semua.

Source Code Olshopku Versi Terbaru ada disini

Aplikasi Toko Online ini sendiri mempunyai dua bagian ya sob, yaitu : halaman untuk pembeli / user atau biasa disebut Front-end dan juga halaman untuk administrator atau halaman Back-end. Untuk tampilan halaman backend sendiri, saya membuatnya menggunakan template Admin LTE versi Gentelella.

Selain itu, Olshop ini juga sudah tersedia fitur penghitung ongkos kirim yang memanfaatkan layanan API dari RajaOngkir. Untuk itu bagi sobat ingin menggunakan aplikasi ini, silahkan membuat akun RajaOngkir terlebih dahulu agar bisa mendapatkan API Key-nya.

Selain fitur ongkos kirim, toko online ini juga menyediakan beberapa fitur lain loh sob, diantaranya :

  • Fitur Reset Password yang akan mengirimkan tautan untuk mereset password User maupun Admin melalui E-mail sehingga memudahkan mereka jika mereka lupa dengan kata sandinya,
  • Fitur checkout yang telah memanfaatkan API RajaOngkir untuk proses penghitungan biaya total belanja beserta ongkos kirimnya
  • Adanya fitur history transaksi sehingga user bisa mmelihat barang apa saja yang pernah mereka beli
  • dan masih banyak lagi tentunya

Aplikasi olshop ini sendiri saya buat menggunakan FrameWork CodeIgniter versi 3.1.0 kemudian untuk CSS Front-End nya saya menggunakan FrameWork Materialize CSS agar memudahkan sobat untuk mengcustom tampilan toko online ini. Untuk tampilan dari Aplikasi Olshop ini bisa sobat lihat pada gambar di bawah ini :

molshop.jpg

Halaman depan Toko Online


checkout_olshopku.jpg

Halaman Checkout Toko Online


dashboard-olshopku.jpg

Dashboard Admin Olshop

Ada beberapa hal yang perlu sobat konfigurasi sebelum menggukanan Aplikasi Toko Online ini, diantaranya sebagai berikut :

1. Database

Yang pertama, pastikan sobat telah membuat dan juga mengimport database yang sudah saya sediakan pada source code ini, selanjutnya silahkan sobat buka file database.php yang ada di dalam folder application/config/ kemudian silahkan sobat cari script berikut ini :

'database' => 'master_olshopku'

silahkan sobat ganti master_olshopku dengan nama database yang sudah sobat buat tadi.

2. API Key

Konfigurasi yang kedua tentu saja untuk API Key dari RajaOngkir. Setelah sobat mendafar di rajaongkir.com, nantinya sobat akan mendapat sebuah kode acak. Nah, kode itu merupakan API Key milik sobat. Masukkan kode tersebut ke file Checkout.php yang ada di folder application/controllers/ kemudian silahkan sobat cari script berikut :

"key : Your API KEY"

kemudian silahkan sobat mengganti kalimat Your API KEY dengan kode API yang sobat miliki. Kemudian silahkan konfigurasi juga file prov.php yang ada pada folder application/views/, cari script seperti yang saya sebutkan di atas tadi dan silahkan ganti dengan kode API yang sobat miliki.

3. Alamat Asal Pengiriman

Yang ketiga adalah mengubah alamat asal pengiriman. Untuk mengubah alamat asal pengirimannya, silahkan sobat masuk ke menu checkout (klik icon keranjang) kemudian silahkan sobat pilih provinsi tempat tinggal sobat. Nanti akan muncul daftar kotanya. Nah, silahkan sobat lakukan inspect element pada form kota tersebut untuk mengetahui id kota tempat tinggal sobat, kemudian silahkan copy id tersebut, lalu silahkan sobat buka file Checkout.php yang ada pada folder application/controllers/ dan silahkan sobat cari script di bawah ini :

$asal = 305

ganti id 305 dengan id kota yang sudah sobat copy tadi.

4. Email

Yang terakhir adalah melakukan konfigurasi untuk email-nya, silahkan sobat buat sebuah akun gmail dan kemudian silahkan sobat cari script email@example yang ada pada file Lost_admin.php, Lost_user.php, dan juga Checkout.php yang ada pada folder application/controllers/ kemudian silahkan ganti dengan alamat email milik sobat, dan juga jangan lupa untuk memasukkan password emailnya ya. Jika sudah pastikan juga pengaturan gmail nya, silahkan sobat masuk ke link : myaccount.google.com/security kemudian silahkan sobat cari Allow less secure apps jika statusnya masih OFF silahkan sobat ubah menjadi ON terlebih dahulu.

Saya rasa cukup itu yang perlu sobat konfigurasi.Nah, bagi sobat yang ingin mendapatkan source code aplikasinya, silahkan klik link di bawah ini :

note : source code ini masih menggunakan CI versi 3.1.0, Jika sobat memakai xampp versi 7 keatas, silahkan sobat upgrade CI ke versi diatas 3.1.0. Harap lapor jika link Error.. Terima kasih.