Selasa, 16 Juni 2015
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial primasaja.com kali ini admin akan membuat design button seperti button bootstrap dengan kode variabel kata bahasa indonesia untuk mempermudah pembuat website dalam memanggil style bootstrap button dengan bahasa indonesia di bootstrap button berwarna merah ini dapat dipanggil atau dipakai dengan memanggail .btn-danger sekarang kita akan bereksperiment dengan memanggil dengan variabel tombol-merah-bootstrap berikut langkah - langkahnya
1. buat file dengan format HTML, ataupun PHP terserah anda
2. di antara <head></head> buat script seperti berikut
<style>
.tombol-merah-bootrap {
color: #fff; /*warna huruf*/
background-color: #d9534f; /*warna merah*/
border-color: #d43f3a; /*warna garis tepi*/
display: inline-block; /*pengaturan display penempatan button */
padding: 6px 12px; /*pengaturan penempatan text didalam button*/
margin-bottom: 0; /*pengaturan lokasi button*/
font-size: 14px; /*ukuran huruf*/
line-height: 1.42857143; /*line ketinggian*/
text-align: center; /*penempatan teks ditengah button*/
white-space: nowrap;
vertical-align: middle; /*pengaturan text posisi tengah dari sisi vertikal*/
-ms-touch-action: manipulation;
touch-action: manipulation; /*ketika button tersentuh*/
cursor: pointer;/*pointer kursor*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
</style>
2. lalu panggil button di bagian <body> panggil disini </body> dengan menggunakan Button Class seperti diberikut :
1. Untuk HTML
<div > <button class="tombol-merah-bootstrap"> Tutorial primasaja.com</button> </div>
2. Untuk Framework
$buttoncddaftar = array('class' => 'tombol-merah-bootstrap',
'value' => 'Tutorial Primasaja.com',
);
echo "<p>";
echo form_submit($buttoncddaftar);
echo "</p>";
sekian tutorial singkat dari saya tunggu tutorial berikutnya
Selasa, 09 Juni 2015
Tutorial Codeigniter Membuat Keranjang Belanja [ END ]
Tutorial Codeigniter Membuat Keranjang Belanja [ END ]
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
tutorial kali ini akan membahas mengenai " Tutorial Codeigniter Membuat Keranjang Belanja [ END ] ". ya ini adalah terakhir tapi bukan akhir segalanya tapi akhir dari episode membuat keranjang belanja lanjutan yang kemarin jika anda belum melihat tutorial nya klik link dibawah ini
setelah tutorial sebelumnya telah dibuat dan dimengerti fungsi dari fungsi - fungsi cart atau keranjang belanja sekarang kita akan mulai membuatnya dengan hasil seperti ini
bagaimana ? penasaran ? ikuti langkah - langkah dibawah ini dengan seksama ingat step by step jangan ada yang diloncat nanti error :v.
1. Mempersiapkan database keranjang belanja
hal pertama yang dilakukan adalah buat dahulu tabel untuk menampung nilai yang akan ditampilkan di view nanti. buat struktur tabel seperti dibawah ini
2. Membuat Controller Keranjang Belanja
setelah membuat database lalu buat sebuah kontroller dalam contoh tutorial saya, saya membuat kontroller bernama belanjaprimasaja lalu tuliskan code seperti dibawah ini
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Belanjaprimasaja extends CI_Controller {
public function index()
{
$this->load->model('produk_model');
$data['produks'] = $this->produk_model->ambil_semua();
$this->load->view('produk_V', $data);
}
}
code diatas dapat diuraikan sebagai berikut
- $this->load->model('produk_model'); = mengambil produk_model.php
- $data['produks'] = $this->produk_model->ambil_semua(); = mengambil fungsi ambil_semua() dari produk_model ( akan dibuat di tahap selanjutnya )
- $this->load->view('produk_V', $data); = meload tampilan dengan nama file produk_V
3. Membuat Model Keranjang Belanja
seperti controller yang sudah anda buat lalu buat model produk_model.php dan buat fungsi ambil_semua() berikut code nya
<?php
class Produk_model extends CI_Model{
function ambil_semua(){
$results = $this->db->get('produk')->result();
foreach ($results as $result) {
if ($result->option_values) {
$result->option_values = explode(',',$result->option_values);
}
}
return $results;
}
}
4. Membuat View Keranjang Belanja
jika anda telah membuat model dan kontroller selanjutnya buat view untuk penampilannya berikut code yang sudah saya buat beserta CSS untuk design websitenya
<html>
<head>
<title>belanja </title>
<style type="text/css">
thead{
background-color: coral;
}
tbody{
background-color: aliceblue;
}
td {border: 2px solid #dddddd;
text-align: center;
}
tr {border: 2px solid #dddddd;
text-align: center;
}
.cart-info table {
width: 80%;
margin-bottom: 20px;
border-collapse: collapse;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
background-color: #FFF;
}
.table-bordered {
border: 1px solid #FA0000;
}
.table {
width: 100%;
margin-bottom: 20px;
}
table {
max-width: 80%;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font: :13px arial;
}
#produks {
text-align: center;float: left;
}
#produks ul{
list-style-type: none; margin: 0px;
}
#produks li{
width: 150px;padding: 4px;margin: 8px;
border: 2px solid #000; background-color: #eee;
-moz-border-radius: 4px; -webkit-border-radius:4px;
}
#produks .name {
font-size: 15px; margin:5px;
}
#produks .price{
margin: 5px;
}
#produks .option {
margin: 5px;
}
</style>
</head>
<body>
<div id="produks">
<ul>
<?php foreach ($produks as $produk): ?>
<li>
<?php echo form_open('belanjaprimasaja/tambah');?>
<div class="name"><?php echo $produk->name; ?></div>
<div class="thumb">
<?php echo img(array(
'src' => 'images/' .$produk->image,
'class' => 'thumb',
'alt' => $produk->name
));?>
</div>
<div class="price"> Rp <?php echo $produk->price; ?></div>
<div class="option">
<?php if ($produk->option_name): ?>
<?php echo form_label($produk->option_name, 'option_'. $produk->id); ?>
<?php echo form_dropdown(
$produk->option_name,
$produk->option_values,
Null,
'id="option_'. $produk->id. '"'
);
?>
<?php endif;?>
</div>
<?php echo form_hidden('id', $produk->id);?>
<?php echo form_submit('action', 'Masukkan Keranjang');?>
<?php echo form_close(); ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($cart = $this->cart->contents()):?>
<div id="cart">
<?php print_r($cart);?>
</div>
<?php endif;?>
<table class="table table-striped table-bordered">
<caption><h1>shopping cart primasaja.com</h1></caption>
<thead>
<tr>
<th>nama barang</th>
<th>pilihan</th>
<th>Harga</th>
</tr>
</thead>
<?php foreach ($cart as $item): ?>
<tr>
<td><?php echo $item['name'];?></td>
<td>
<?php if($this->cart->has_options($item['rowid'])){
foreach ($this->cart->product_options($item['rowid'])as $option => $value)
echo $option . ": <em>" . $value . "</em>";
}?>
</td>
<td>Rp<?php echo $item['subtotal'];?></td>
<td class="hapus"><?php echo anchor('belanjaprimasaja/hapus/'.$item['rowid'],'X');?>
</td>
</tr>
<?php endforeach;?>
<tr class="total">
<td colspan="2"><strong>Total</strong></td>
<td>Rp<?php echo $this->cart->total();?></td>
</tr>
</table>
</body>
</html>
<head>
<title>belanja </title>
<style type="text/css">
thead{
background-color: coral;
}
tbody{
background-color: aliceblue;
}
td {border: 2px solid #dddddd;
text-align: center;
}
tr {border: 2px solid #dddddd;
text-align: center;
}
.cart-info table {
width: 80%;
margin-bottom: 20px;
border-collapse: collapse;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
background-color: #FFF;
}
.table-bordered {
border: 1px solid #FA0000;
}
.table {
width: 100%;
margin-bottom: 20px;
}
table {
max-width: 80%;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font: :13px arial;
}
#produks {
text-align: center;float: left;
}
#produks ul{
list-style-type: none; margin: 0px;
}
#produks li{
width: 150px;padding: 4px;margin: 8px;
border: 2px solid #000; background-color: #eee;
-moz-border-radius: 4px; -webkit-border-radius:4px;
}
#produks .name {
font-size: 15px; margin:5px;
}
#produks .price{
margin: 5px;
}
#produks .option {
margin: 5px;
}
</style>
</head>
<body>
<div id="produks">
<ul>
<?php foreach ($produks as $produk): ?>
<li>
<?php echo form_open('belanjaprimasaja/tambah');?>
<div class="name"><?php echo $produk->name; ?></div>
<div class="thumb">
<?php echo img(array(
'src' => 'images/' .$produk->image,
'class' => 'thumb',
'alt' => $produk->name
));?>
</div>
<div class="price"> Rp <?php echo $produk->price; ?></div>
<div class="option">
<?php if ($produk->option_name): ?>
<?php echo form_label($produk->option_name, 'option_'. $produk->id); ?>
<?php echo form_dropdown(
$produk->option_name,
$produk->option_values,
Null,
'id="option_'. $produk->id. '"'
);
?>
<?php endif;?>
</div>
<?php echo form_hidden('id', $produk->id);?>
<?php echo form_submit('action', 'Masukkan Keranjang');?>
<?php echo form_close(); ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($cart = $this->cart->contents()):?>
<div id="cart">
<?php print_r($cart);?>
</div>
<?php endif;?>
<table class="table table-striped table-bordered">
<caption><h1>shopping cart primasaja.com</h1></caption>
<thead>
<tr>
<th>nama barang</th>
<th>pilihan</th>
<th>Harga</th>
</tr>
</thead>
<?php foreach ($cart as $item): ?>
<tr>
<td><?php echo $item['name'];?></td>
<td>
<?php if($this->cart->has_options($item['rowid'])){
foreach ($this->cart->product_options($item['rowid'])as $option => $value)
echo $option . ": <em>" . $value . "</em>";
}?>
</td>
<td>Rp<?php echo $item['subtotal'];?></td>
<td class="hapus"><?php echo anchor('belanjaprimasaja/hapus/'.$item['rowid'],'X');?>
</td>
</tr>
<?php endforeach;?>
<tr class="total">
<td colspan="2"><strong>Total</strong></td>
<td>Rp<?php echo $this->cart->total();?></td>
</tr>
</table>
</body>
</html>
5. Membuat Fungsi Tambah Untuk Tombol Masukkan Keranjang
coba anda klik tombol masukkan keranjang belum akan bekerja sebelum anda membuat fungsi tambah() seperti contoh code saya dibawah ini
function tambah(){
$this->load->model('produk_model');
$produk = $this->produk_model->ambil($this->input->post('id'));
$insert = array(
'id' => $this->input->post('id'),
'qty' => 1,
'price' => $produk->price,
'name' => $produk->name
);
if ($produk->option_name) {
$insert['options'] = array(
$produk->option_name =>$produk->option_values[$this->input->post($produk->option_name)]
);
}
$this->cart->insert($insert);
redirect('Belanjaprimasaja');
}
5. Kembali Ke Kontroller Membuat Dropdown Dari Database
seperti yang sudah di buat pada tabel yang dibuat pertama kali kita akan menampilkan data option_values yang tersimpan di database ke sebuah dropdown menu dengan menggunakan fungsi ambil($id) dari urutan id di database
function ambil($id) {
$results =$this->db->get_where('produk', array('id' => $id))->result();
$result = $results[0];
if ($result->option_values) {
$result->option_values = explode(',', $result->option_values);
}
return $result;
}
5. Membuat Fungsi Hapus untuk menghapus data Keranjang Belanja
ketika mengklik X masih error jika belum di buat fungsi hapus di kontroller yang sudah di panggil di view berikut code untuk membuat fungsi hapus data keranjang belanja
function hapus($rowid){
$this->cart->update(array(
'rowid' => $rowid,
'qty' => 0
));
redirect ('Belanjaprimasaja');
}
}
jika sudah cek hasilnya jika anda mengalami error silahkan berkomentar dibawah okey :D
Hasil :
Note : jika untuk menghilangkan tulisan diatas shopping cart hapus aja code print_r
Sabtu, 06 Juni 2015
Tutorial Codeigniter Membuat Keranjang Belanja Part 2
Tutorial Codeigniter Membuat Keranjang Belanja Part 2
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial ini akan membahas mengenai " Tutorial Codeigniter Membuat Keranjang Belanja Part 2 " yang berarti pembahasan ini melanjutkan pembahasan sebelumnya mengenai di Part 1. Sebelumnya kita telah membuat sebuah function yang berfungsi untuk menampilkan data dan fungsi penambahan nilai untuk datanya. selanjutnya kita akan membuat penambahan kedua, update, total, remove, hapussemua.
Membuat fungsi tambah ke 2
sama persis dengan pembuatan fungsi pertama pada tutorial sebelumnya cuma isi valuenya saja yang diganti dan nama fungsi nya di ganti add2 berikut contohnya
function add2()
{
$data = array(
'id' => '12',
'name' => 'baju',
'qty' => 2,
'price' => 15000,
'option' => array('size' => 'L')
);
$this->cart->insert($data);
echo "panggil add2()";
}
Membuat fungsi update
penggunaan library cart pada framework codeigniter untuk mengupdate data barang menggunakan $this->cart->update dan masukkan data baris yang akan dirubah bisa dilihat dari fungsi show copy di rowid dan rubah isi data qty menjadi 1
function update()
{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '1',
);
$this->cart->update($data);
echo "manggil update()";
}
hasil :
Membuat fungsi total
selanjutnya didalam keranjang pastikan ada total databarang dengan menjumlahkan total harga per produknya dengan framework codeigniter semua dapat dibuat dengan sederhana yaitu dengan code seperti ini $this->cart->total();
function total(){
echo $this->cart->total();
}
echo $this->cart->total();
}
hasil :
Membuat fungsi hapus
Jika ingin mereset data yang sudah dibeli dapat menggunakan $this->cart->update dengan fungsi ini Anda dapat menghapus jumlah data yang sudah dipesan
function hapus()
{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '0',
);
$this->cart->update($data);
echo "menghapus data()";
}
hasil :{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '0',
);
$this->cart->update($data);
echo "menghapus data()";
}
Membuat fungsi hapussemua
jika ingin menghapus semua data yang sudah dipesan dapat menggunakan destroy untuk menghapus sesion data yang sudah dimasukkan
function hapussemua(){
$this->cart->destroy();
echo "penghapusan semua";
}
hasil :$this->cart->destroy();
echo "penghapusan semua";
}
selanjutnya akan dibuat dengan menggunakan database yuk lanjut dengan klik disini
Tutorial Codeigniter Membuat Keranjang Belanja Part 1
Tutorial Codeigniter Membuat Keranjang Belanja Part 1
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
Bicara masalah website mungkin Anda pasti pernah merasakan berada disebuah website yang menampilkan data isi website yang lamakan? apalagi di Indonesia yang kecepatan jaringannya cukup lambat dibandingkan dengan luar negri sekarang ini. dan karena itu saran yang saya gunakan yaitu penggunaan framework Codeigniter seperti penjelasan saya di "Pengenalan Framework Codeigniter Dan Kenapa Memilih Framework Ini" framework ini memberikan kemudahan pembuatan kerjasama tim maupun individu dan juga kecepatan akses yang akan sangat - sangat lebih cepat dibandingkan PHP biasa.
Seperti sesuai tema kali ini yaitu "Tutorial Codeigniter Membuat Keranjang Belanja Part 1" pembahasan kali ini akan membuat fitur keranjang belanja di codeigniter, apakah anda tau cara membuat keranjang belanja seperti di website - website yang menjual barang - barang produk dagangannya? jika Anda penasaran bagaimana sih cara membuatnya? pusing dengan logika pembuatan codenya? yu kita buat shopping cart sederhana tutorial ini akan dibuat dengan sesederhana mungkin untuk mempermudah penyerapan sehingga kalian sampe bilang OHHH gitu to caranya.>:D
1. Download dahulu framework codeigniter disini
2. sebelum mulai melakukan coding inti anda harus setting terlebih dahulu configurasi framework di autoload dan di database. dengan mengakses C:\xampp\htdocs\namafoldercodeigniter\application\config\database.php dan C:\xampp\htdocs\center\application\config\autoload.php
3. pada file autoload cari $autoload['libraries'] dan isikan seperti ini = array('database','session','cart') dan cari $autoload['helper'] dan tambahkan sehingga seperti ini = array('form','url', 'security', 'html');
4. lalu pada file database setting database seperti ini
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda',
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Cart_test extends CI_Controller {
//cart dari library di autoload
function add()
{
$data = array(
'id' => '42',
'name' => 'celana',
'qty' => 5,
'price' => 250000,
'option' => array('size' => 'medium')
);
$this->cart->insert($data);
echo "add() called";
}
function show(){
$cart = $this->cart->contents();
echo "<pre>";
print_r($cart);
}
}
lalu akses http://localhost/center/cart_test/show untuk melihat hasil outputnya apa ada error atau tidak berikut gambaran hasil output
7. selanjutnya tunggu ada iklan yang mau lewat dulu :D kita bahas di Part II ya klik disini
Senin, 01 Juni 2015
Teknik Codeigniter 3 Cara Mengirim Email Dari Gmail
Teknik Codeigniter 3 Cara Mengirim Email Dari Gmail
Jaka Prima Maulanaprimasaja.com - apakah anda sedang membuat fitur pengiriman email menggunakan gmail?, penggunaan email anda untuk dikirimkan ke pengguna email lain dari gmail, yahoo, dll?, maka anda akan dapat melakukannya dengan framework codeigniter ini dengan mudah dengan mengikuti tutorial ini dijamin keberhasilan 100% langsung saja berikut step by step melakukannya
1. buat kontroller emailprimasaja.php dan masukkan kode seperti dibawah ini
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Emailprimasaja extends CI_Controller {
public function index()
{
$this->load->helper('form'); //memasukkan library helper form
$this->load->view('tampilan_pengiriman'); //memasukkan tampilan view tampilan_pengiriman.php
}
class Emailprimasaja extends CI_Controller {
public function index()
{
$this->load->helper('form'); //memasukkan library helper form
$this->load->view('tampilan_pengiriman'); //memasukkan tampilan view tampilan_pengiriman.php
}
2. lalu buat view sesuai statement yang ada di kontroller yaitu tampilan_pengiriman
<html>
<head>
<title>Tutorial CI: Mengirim Email</title>
</head>
<body>
<center><h1>Tutorial primasaja.com</h1></center>
<h2>Fitur pengiriman pesan ke email</h2>
<table>
<?php echo form_open_multipart('emailprimasaja/prosespengiriman'); ?>
<tbody>
<tr>
<td>Ke</td>
<td><input type="email" name="to"></td>
</tr>
<tr>
<td>Dari</td>
<td><input type="email" name="from"></td>
</tr>
<tr>
<td>Subject / judul</td>
<td><input type="text" name="subject"></td>
</tr>
<tr>
<td>Isi Pesan</td>
<td><textarea name="isi"></textarea></td>
</tr>
<td></td>
<td><input type="submit" value="Kirim"></td>
</tr>
</tbody>
<?php echo form_close();?>
</table></body>
</html>
3. kembali ke file yang ada dikontroller emailprimasaja.php tadi lalu tambahkan function baru dalam contoh saya membuat function prosespengiriman sintak dibawah ini di bawah
public function prosespengiriman()
{
$this->load->helper(array('form', 'url'));
$this->load->library('email');
//konfigurasi email
$config = array();
$config['charset'] = 'utf-8';
$config['useragent'] = 'Codeigniter'; //bebas sesuai keinginan kamu
$config['protocol']= "smtp";
$config['mailtype']= "html";
$config['smtp_host']= "ssl://smtp.gmail.com";
$config['smtp_port']= "465";
$config['smtp_timeout']= "5";
$config['smtp_user']= "emailanda"; //isi dengan email anda
$config['smtp_pass']= "..............."; // isi dengan password dari email anda
$config['crlf']="\r\n";
$config['newline']="\r\n";
$config['wordwrap'] = TRUE;
//memanggil library email dan set konfigurasi untuk pengiriman email
$this->email->initialize($config);
//konfigurasi pengiriman kotak di view ke pengiriman email di gmail
$this->email->from($this->input->post('from'));
$this->email->to($this->input->post('to'));
$this->email->subject($this->input->post('subject'));
$this->email->message($this->input->post('isi'));
//proses uploads
$this->upload->initialize(array(
"upload_path" => "./uploads/",
"allowed_types" => "*"
));
// pernyataan jika pengiriman berhasil atau tidak
if($this->email->send())
{
echo "tutorial pengiriman email primasaja.com berhasil";
}else
{
echo "tutorial pengiriman email primasaja.com gagal";
}
}
}
Catatan : untuk dapat berhasil dalam fitur ini anda harus masuk kesini https://www.google.com/settings/security/lesssecureapps lalu pilih aktifkan karena jika tidak gmail akan memblokir pengiriman anda.{
$this->load->helper(array('form', 'url'));
$this->load->library('email');
//konfigurasi email
$config = array();
$config['charset'] = 'utf-8';
$config['useragent'] = 'Codeigniter'; //bebas sesuai keinginan kamu
$config['protocol']= "smtp";
$config['mailtype']= "html";
$config['smtp_host']= "ssl://smtp.gmail.com";
$config['smtp_port']= "465";
$config['smtp_timeout']= "5";
$config['smtp_user']= "emailanda"; //isi dengan email anda
$config['smtp_pass']= "..............."; // isi dengan password dari email anda
$config['crlf']="\r\n";
$config['newline']="\r\n";
$config['wordwrap'] = TRUE;
//memanggil library email dan set konfigurasi untuk pengiriman email
$this->email->initialize($config);
//konfigurasi pengiriman kotak di view ke pengiriman email di gmail
$this->email->from($this->input->post('from'));
$this->email->to($this->input->post('to'));
$this->email->subject($this->input->post('subject'));
$this->email->message($this->input->post('isi'));
//proses uploads
$this->upload->initialize(array(
"upload_path" => "./uploads/",
"allowed_types" => "*"
));
// pernyataan jika pengiriman berhasil atau tidak
if($this->email->send())
{
echo "tutorial pengiriman email primasaja.com berhasil";
}else
{
echo "tutorial pengiriman email primasaja.com gagal";
}
}
}
4. silahkan anda mulai mencoba fitur email yang sudah dibuat jika berhasil akan seperti gambar dibawah ini, pengiriman saya masukkan dengan judul Test Judul Primasaja.com
Langganan:
Postingan
(
Atom
)