Maful Prayoga

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDAAaERt7LhnIUn9MJArTQ8h2kLJVAhVSempGXg0AtpU5Am6hCZtYxkkwhNgVO0dN2AY4rnRkRJI7_u6p4DA_N9MYzwUHnCoTI6KArokCyN7iGz9aws3cfZ66sRmGc2ZCix9iOSDR_Is0/s1600/ecom1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDAAaERt7LhnIUn9MJArTQ8h2kLJVAhVSempGXg0AtpU5Am6hCZtYxkkwhNgVO0dN2AY4rnRkRJI7_u6p4DA_N9MYzwUHnCoTI6KArokCyN7iGz9aws3cfZ66sRmGc2ZCix9iOSDR_Is0/s320/ecom1.png" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Haii</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Selamat berjumpa kembali, sekarang saya akan membagikan GRATIS source code toko online/ eCommerce dengan model bisnis consumer-to-consumer(C2) layaknya Bukalapak.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Daftar Konten</b></span><br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="#intro">Intro</a></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="#deskripsi">Deskripsi</a></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="#faq">FAQ</a></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="#screenshot">Screenshot</a></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="#download">Download</a></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="#penutup">Penutup</a></span></li>
</ul>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span id="intro" style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;">Intro</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">eCommerce adalah situs jual beli online yang bisa mempermudah seseorang untuk membeli peralatan pribadi maupun kelompok secara online. Di Indonesia sudah ada banyak sekali toko online seperti Tokopedia, Bukalapak, Matahari Mall, Lazada, Elevenia dll.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;" id="deskripsi">Deskripsi</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Toko online yang akan saya bagikan ini adalah toko online yang sudah mempunyai fitur seperti</span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Jual Barang</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Beli Barang</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Keranjang</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Kategori</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Profil</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Masuk</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Daftar</span></li>
</ul>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Toko online ini saya tempatkan di github agar teman-teman bisa berkolaborasi atau berkontribusi terhadap pengembangan toko online ini.</span></div>
<div>
<br /></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Toko online ini dibuat menggunakan:</span></div>
<div>
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Framework CodeIgniter (https://codeigniter.com/)</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Semantic UI (http://semantic-ui.com/)</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">jQuery (https://jquery.com/)</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">CodeIgniter Modular Extension HMVC (https://bitbucket.org/wiredesignz/codeigniter-modular-extensions-hmvc)</span></li>
</ul>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;" id="faq">Pertanyaan dan Jawaban</span></div>
</div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>1. Apa itu Framework CodeIgniter</b></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jawaban: CodeIgniter adalah framework php yang bersifat open source dan mempunyai metode MVC (Model View Controller)</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>2. Mengapa menggunakan CodeIgniter ?</b></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jawaban: Karena pada saat itu saya baru menguasai pada Framework CodeIgniter dan tentunya menurut saya mudah, cepat, dan banyak komunitas serta dokumentasi yang jelas. Teman-teman bisa mengakses CodeIgniter di </span><span style="font-family: "arial" , "helvetica" , sans-serif;">https://codeigniter.com/ dan silahkan membaca User Guide untuk panduan lengkap menggunakan CodeIgniter.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Baca Juga : <a href="http://mafulprayogaarnandi.blogspot.com/2015/04/aplikasi-inventory-barang-codeigniter.html" target="_blank">Aplikasi Inventory Barang dengan CodeIgniter</a></span></blockquote>
</div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>3. Apa itu Semantic UI ?</b></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jawaban: Semantic UI adalah sebuah framework CSS yang bersifat open source dan digunakan untuk pengembangan web sebagai User Interface.</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>4. Mengapa menggunakan Semantic UI ?</b></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jawaban: Karena, ketika saya melihat beberapa framework css dan saya menemukan hal baru yang berguna untuk saya pelajari, dan saya menemukan Semantic UI. Dengan dokumentasi dan contoh kode yang jelas serta melihat beberapa komponen yang ada dalam Semantic UI bagus maka saya memutuskan untuk menggunakan Semantic UI sebagai User Interface dari toko online ini.</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>5. Dimana saya dapat mendownload Toko Online ini ?</b></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jawaban: Teman-teman bisa mendownload toko online ini secara <b>GRATIS</b>. Artinya teman-teman boleh menggunakan toko online ini sebagai referensi belajar. Silahkan cek akhir artikel ini untuk mendapatkan link download.</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>6. Bagaimana cara install Toko Online ini ?</b></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jawaban: Jika teman-teman belum tahu cara menginstallnya, pada tutorial selanjutnya saya akan membagikan tutorial step by step secara detail.</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;" id="screenshot">Screenshot Toko Online</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jika teman-teman ingin melihat terlebih dahulu seperti apa tampilan dari toko online ini, silahkan lihat gambar dibawah ini</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDAAaERt7LhnIUn9MJArTQ8h2kLJVAhVSempGXg0AtpU5Am6hCZtYxkkwhNgVO0dN2AY4rnRkRJI7_u6p4DA_N9MYzwUHnCoTI6KArokCyN7iGz9aws3cfZ66sRmGc2ZCix9iOSDR_Is0/s1600/ecom1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan awal Toko Online" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDAAaERt7LhnIUn9MJArTQ8h2kLJVAhVSempGXg0AtpU5Am6hCZtYxkkwhNgVO0dN2AY4rnRkRJI7_u6p4DA_N9MYzwUHnCoTI6KArokCyN7iGz9aws3cfZ66sRmGc2ZCix9iOSDR_Is0/s320/ecom1.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan awal (sebelum masuk)</td></tr>
</tbody></table>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjW45kQiEkWwObid50lv9-58jDEg4TyoS8WLVP2o8RKedpyhEe4E6S4O8rqxBeO0h3pGd2-gibkjAZwQ4krmNDsrDqVpEav7PcgYFEcSkk1dkeQACQY6nwM4kVEC5N30ndpAadft8OFjQ/s1600/ecom4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan awal sudah masuk" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjW45kQiEkWwObid50lv9-58jDEg4TyoS8WLVP2o8RKedpyhEe4E6S4O8rqxBeO0h3pGd2-gibkjAZwQ4krmNDsrDqVpEav7PcgYFEcSkk1dkeQACQY6nwM4kVEC5N30ndpAadft8OFjQ/s320/ecom4.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan awal (sudah masuk)</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5udEzQpGNx2LrQ2I6qjRsVDJf6E-crKskEDTV960uOrO6LpyhJ-5OmFvwSH04_I1ljlNwBmcGYfVXdMQRD4omk0dDg-qMUlwSzVBoEG2uDCNaweJiutr7yBfVs1oRFpxa8AtG4j0_rbY/s1600/ecom5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan deskripsi barang" border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5udEzQpGNx2LrQ2I6qjRsVDJf6E-crKskEDTV960uOrO6LpyhJ-5OmFvwSH04_I1ljlNwBmcGYfVXdMQRD4omk0dDg-qMUlwSzVBoEG2uDCNaweJiutr7yBfVs1oRFpxa8AtG4j0_rbY/s320/ecom5.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan deskripsi barang</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM0o7XADLRAr0QZGxED-UWnEtfABk6L0-xOr6WbDVk_y0-MCkcyYJaMUj3R8I1eMlXLpW7CRIQ0J7zASG-l3FB82XFcptfCuWE-qJLqUDjP69SJW4XnNRarWrssYRIHqW9bzh1uAvrztk/s1600/ecom9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan keranjang belanja" border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM0o7XADLRAr0QZGxED-UWnEtfABk6L0-xOr6WbDVk_y0-MCkcyYJaMUj3R8I1eMlXLpW7CRIQ0J7zASG-l3FB82XFcptfCuWE-qJLqUDjP69SJW4XnNRarWrssYRIHqW9bzh1uAvrztk/s320/ecom9.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan keranjang belanja</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyCEN9o14nqDjlHSTnnJHsPiwACmuEDA2IIJiwOMPq5S5xrhbfIWEf_8dOJNF9XXjf0XJ0FQBco8dLxKjRUpfbYfU3GSc3jRMtvWOayhnVWI3linrsGFN5pWe6sm9aAObENEa3rUhiTEU/s1600/ecom2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan halaman Login" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyCEN9o14nqDjlHSTnnJHsPiwACmuEDA2IIJiwOMPq5S5xrhbfIWEf_8dOJNF9XXjf0XJ0FQBco8dLxKjRUpfbYfU3GSc3jRMtvWOayhnVWI3linrsGFN5pWe6sm9aAObENEa3rUhiTEU/s320/ecom2.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan halaman Login</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_7PbgRSX_3AozTy9p2qkYXmZh7DA4YschKiqVqPla9yDUC0a_AxZmdnaOJO3YyOApiOlL3P-PHtU7YhNs-ZhsD6eWKaOP3lrQPbO7UFmDQnRNB_c5EhQOpgRsDq1jPvzh5nW3GmwgQY/s1600/ecom3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan halaman Register" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_7PbgRSX_3AozTy9p2qkYXmZh7DA4YschKiqVqPla9yDUC0a_AxZmdnaOJO3YyOApiOlL3P-PHtU7YhNs-ZhsD6eWKaOP3lrQPbO7UFmDQnRNB_c5EhQOpgRsDq1jPvzh5nW3GmwgQY/s320/ecom3.png" title="" width="276" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan halaman Register</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicfNrtT3EKYnJXwfgY_sWxFZwsOAF7iMTGTRPNFOhCKqbGrJoAfkmqkHRSAIQqxxTUcsPYZ1poW6WEWKubXRw2h2hMyHy8eIHM8Nn0ohBrlKKRRc3OaxXQFp6UhJq4FBA2L_PNAjZsNE/s1600/ecom7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan Proses Jual Barang" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicfNrtT3EKYnJXwfgY_sWxFZwsOAF7iMTGTRPNFOhCKqbGrJoAfkmqkHRSAIQqxxTUcsPYZ1poW6WEWKubXRw2h2hMyHy8eIHM8Nn0ohBrlKKRRc3OaxXQFp6UhJq4FBA2L_PNAjZsNE/s320/ecom7.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan Proses Jual Barang</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKB8hDUl2D9I_Q_mg5W-OHbLvO2L5o_jsF9pdE0jeK_dqq_sKLfzgT7mxKM7TLU8CrodvldqErT993VqflFKCcves5ZghGjB-MahUoD3STvjDEO9wHOc_GZbnVF7Lp54wbQeocUazBJSM/s1600/ecom6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tampilan Data Barang" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKB8hDUl2D9I_Q_mg5W-OHbLvO2L5o_jsF9pdE0jeK_dqq_sKLfzgT7mxKM7TLU8CrodvldqErT993VqflFKCcves5ZghGjB-MahUoD3STvjDEO9wHOc_GZbnVF7Lp54wbQeocUazBJSM/s320/ecom6.png" title="" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan Data Barang</td></tr>
</tbody></table>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Demikian beberapa screenshot tampilan dari Toko Online ini.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;" id="download">Download</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Dimana saya bisa mendownload toko online ini?</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Untuk mendownload toko online ini, klik link download dibawah atau jika teman-teman sudah terbiasa dengan GIT, bisa <b>Fork Repository </b>dan melakukan perintah <b>git clone </b>untuk mendownload web ini.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Direct Link</b></span></div>
<br />
<ul class="kotak-demo-download">

<li><a class="download" href="https://github.com/maful/ecom/archive/master.zip" target="_blank"><i class="icon-cloud-download"></i>Download</a></li>
</ul>
<br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;" id="penutup">Penutup</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Sekian artikel dari Download Source Code Toko Online dengan CodeIgniter semoga bermanfaat untuk teman-teman dan juga bisa menambah ilmu saya.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Jika teman-teman membutuhkan jasa atau bantuan saya, jangan ragu silahkan kontak saya di bawah ini:</span><br />
<blockquote class="tr_bq">
<span style="font-family: "arial" , "helvetica" , sans-serif;">BBM : 54D7AED3<br />WA/ SMS : 085726276148<br />Email : <a href="mailto:mafulprayoga@gmail.com">mafulprayoga@gmail.com</a></span></blockquote>

Download Source Code Toko Online dengan CodeIgniter

Haii Selamat berjumpa kembali, sekarang saya akan membagikan GRATIS source code toko online/ eCommerce dengan model bisnis consumer-to-co...

Maful Prayoga

Baru!! Download Source Code Toko Online CodeIgniter - See More.

Download Source Code Toko Online dengan CodeIgniter

Entri Populer

Blog Archive