Integrasi twitter bootstrap dan laravel menggunakan bower

Pada kesempatan kali ini saya akan memberikan tutorial tentang bagaimana cara mengintegrasikan Twitter Bootstrap dan Laravel menggunakan Bower. Oiya, pada kesempatan kali ini saya menggunakan environment development menggunakan Laravel Homestead pada Windows. Ok langsung saja kita mulai

Tools yang digunakan :

1. Git For Windows (download)
2. NPM for windows (download)

Langkah-Langkah:

1.Buka aplikasi gitbash

2. Install Bower dengan mengetikkan perintah “npm install -g bower”

3.Masuk ke directory root aplikasi

4. Buat file “.bowerrc” pada root directory aplikasi, dan ketik :

 

 {
    "directory": "resource/assets/vendor"
 }

5 . Masih di root directory aplikasi, buat file “bower.json”, dan isikan

{
    "name": "AppName",
    "dependencies": {
      "bootstrap": "~3.3.5",
      "jquery": "~2.1.4"
    }
}

Langkah ini digunakan untuk men-download Twitter Bootstrap dan jQuery.

6. Jalankan perintah “bower update” untuk download Twitter Bootsrap dan jquery tadi.

7. Buka file “resources/assets/sass/app.scss” dan uncomment baris pertama, sehingga menjadi :

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

8. Selanjutnya buka file “gulpfile.js” dan tambahkan pada fungsi elixir, berikut ini:

elixir(function(mix) {
var bpath = 'node_modules/bootstrap-sass/assets';
var jqueryPath = 'resource/assets/vendor/jquery';
mix.sass('app.scss')
.copy(jqueryPath + '/dist/jquery.min.js', 'public/js')
.copy(bpath + '/fonts', 'public/fonts')
.copy(bpath + '/javascripts/bootstrap.min.js', 'public/js');
});

9. Terakhir, copy file Twitter Bootsrap dan jQuery tadi ke folder “public” aplikasi, dengan menggunakan perintah “gulp” .

Yap, itu saja langkah-langkah melakukan integrasi Twitter Bootsrap (plus jQuery) menggunakan Bower.

Silahkan berikan komentar kalau ada pertanyaan dan barangkali ada kesalahan saya dalam penulisan tutorial ini 🙂

 

 

Mengatasi error “RepositorySecurityException” pada saat install Laravel 5

Bagi kalian yang mencoba meng-install  Laravel 5 di windows, mungkin mengalami error seperti pada  gambar dibawah ini saat instalasi melalui composer.

Pada keterangan, kita disuruh coba lakukan lagi perintah “composer install”, tetapi hasilnya tetap sama, error tersebut terus muncul. Pada saat kita melakukan instalasi melalui composer, maka laravel akan men-download paket-paket/atau dependency yang dibutuhkan dari packagist, nah sementara di  file composer.json kita tidak ada perintah untuk itu, lalu gimana solusinya?. gampang, tambahkan saja kode berikut pada file composer.json kita:

"repositories":{
"packagist":{"url":"https://packagist.org","type":"composer"}
}

Letakkan kode tadi pada parameter paling akhir dari file composer.json kita, dan sekarang coba jalankan lagi perintah “composer install”. Sekarang Laravel berhasil kita install 🙂

 

 

 

UNLIKE THEM

Well, I sleep in the morning and wake up when the day is about to night, when it’s come to night, I just started my life, switch the tv on, go for some things I may eat, after that, try to find something interesting to me on the net (they say cloud, nowadays).

I sometime think to change my behavior, my mother always told me how important not be sleeping in the morning, she said that I need more sun shine than I need water 😀

Ok, I think it’s time to say good night to my morning 🙂

Cara posting kode pada wordpress

Hai …

Bagi kita yang hobi bahasa pemrograman, pasti sering banget menemukan masalah tentang bahasa pemorgraman yang kita pelajari, atau juga bingung kode suatu program yang mau kita buat itu gimana?. Nah, kalo lagi bingung, kita biasanya mencari referensi dari website-website yang bertebaran di internet, kita juga kadang mencari penggalan kode (snippet) tentang source code suatu aplikasi, ketika kita sudah mendapatkan kode yang kita cari, kita bisa pakai kode snippet tadi.

Nah, kita juga bisa menerbitkan kode snippet yang kita buat sendiri loh pada saat posting sesuatu lewat blog wordpress kita ini. misalkan kita mau menampilkan kode seperti ini :

<?php

echo "this is my snippet code</br>" ;

echo "I posted it on wordpress blog";

?>

Kalau kita langsung menuliskan kode tersebut di editor kita, pasti tampilannya jelek, trus bagaimana caranya supaya tampilan kode yang kita buat menjadi lebih menarik dan sesuai?

Jadi begini, wordpress itu kan blog umum, siapa saja bisa menggunakan wordpress sebagai sarana nge-blog, oleh karena itu, kita tidak bisa membuat / meposkan source code yang berpotensi berbahaya untuk blog kita, tetapi wordpress menyediakan fungsi untuk melakukan wrapping pada kode yang akan kita tampilkan yaitu dengan menggunakan wrapper tag ini:

[ code language="bahasa kode" ]

kode kita disini

[ /code ]

( catatan : tanpa spasi 🙂 )

dimana “bahasa kode” merupakan bahasa code yang kita tampilkan. Pada contoh saya menggunakan bahasa kode php, jadi saya  tuliskan pada pembuka wrapper code tag nya adalah

[ code language="php" ]
dan tidak lupa tag untuk mengakhiri yaitu: [ /code ]

Untuk kode-kode / bahasa pemrograman yang lain juga bisa kita buat, misalnya python, javascript, java dan lain-lain.

Oke, sekian dulu posting saya mengenai cara posting kode pada blog wordpress, untuk keterangan llebih lengkap, silahkan menuju ke halaman support wordress di http://en.support.wordpress.com/code/posting-source-code/

Cek baris pada tabel menggunakan fungsi mysqli

Pada kesempatan kali ini saya akan membagikan cara melakukan cek baris (“select row”) pada tabel menggunakan fungsi mysqli pada PHP, yap, fungsi ini merupakan fungsi pengembangan (improvement) dari fungsi mysql, dan saya akan menunjukkanya dengan metode OO (Object Oriented)…!

Jadi, contoh kasusnya adalah  saya membuat script untuk cek apakah ada email dan password  pada tabel (misalkan inputan email dan password), let’s get to the steps.

1. Buat script untuk menyimpan koneksi ke database, simpan dengan nama “connect.php”

<?php
$DBServer = 'localhost';
$DBUser = 'root';
$DBPass = '';
$DBName = 'portofolio';

$conn = new mysqli($DBServer,$DBUser,$DBPass,$DBName);
/* cek koneksi */
if (mysqli_connect_errno()) {
printf("Connect failed: %s\n", mysqli_connect_error());
exit();
}
?>

2. Buat satu script lagi untuk melakuan pengecekan, simpan dengan nama seleksi.php

<?php
include_once"connect.php";

$email = $conn->real_escape_string($_POST['email']); //nilai dari email yang di kirim.

$password = md5($_POST['password']); //nilai dari password yang dikirim, gunakan fungsi md5.

$sql = "SELECT * FROM tbl_user WHERE email='$email' AND password='$password'"; //kuery seleksi

$result = $conn->query($sql); //jalankan kuery pengecekan email dan password
$num_rows = $result->num_rows; //cek apakah email dan password terdapat pada tabel.

if($num_rows > 0){ // user ditemukan
echo "User dengan '.$email.' '.$password.' ada pada tabel";
}
else{
echo "User tidak ditemukan";
}

$conn->close(); //tutup koneksi ke database.

?>

Oke, sekian dulu contoh skrip untuk melakukan cek apakah terdapat record pada suatu baris tabel yang sesuai dengan variabel/parameter2 yang dicari. itu tadi sangat simple sekali. Script tersebut bisa dikembangkan agar dapat digunakan untuk melakukan checking terhadap input yang misalnya berisi email dan password user untuk login, jadi misalkan email dan password itu sesuai, maka user tersebut bisa log-in.

Kalau ada pertanyaan, silahkan saja tanyakan 🙂

Hello

Everything will be good if you start something with “Hello”, yes this magical word is extremely useful for us to start an interaction. Let me say one more time , Hello… please enjoy my voices on the CLOUD.