Membuat git server sendiri di raspberry pi


credit pict by https://www.git-tower.com

Tentu sudah kenal dengan git dong, git adalah

free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

Git dikembangkan oleh linus torvalds yang penemu linux itu, mungkin waktu itu dia asyik2 coding eh kesulitan memonitor perubahan perubahan atau buat alternatif alternatif coding yang sangat banyak dan harus juga bekerja sama dengan banyak orang yang akhirnya riweh sendiri karena masing masing orang punya cara dan style sendiri2 didalam pemrograman akhirnya dibuatlah git.

Bagi programmer yang levelnya medium to advance  pasti rata rata sudah menggunakan tools ini untuk mempermudah dan mentrace coding codingnya apalagi untuk programmer yang bekerja dengan banyak team, tentu saja git ini sangat berguna sekali.

Kalau kita bicara tentang git sudah sangat banyak sekali git server yang gratis yang biasa digunakan untuk menaruh file file kita di internet sehingga bisa digunakan sendiri maupun bersama rekan rekan yang lain , adapun git server tersebut adalah

  1. github.com
  2. gitlab.com
  3. bitbucket
  4. dll

Nah semua tempat yang sebutkan diatas adalah gratis tapi ada tapinya untuk file file yang ditaruh disana sifatnya adalah public, sehingga semua orang bisa mengaksesnya. Lalu bagaimana supaya kita bisa membuat git server sendiri dan hanya bisa diakses oleh kita atau team kita, maka dibawah ini saya akan sharing bagaimana caranya membuat raspberry pi sebagai git server.

Pertama tama yang harus disiapkan adalah tentu saja raspberry pi, lalu pastikan raspberry pi terkoneksi dengan internet sehingga kita bisa menginstall git servernya karena kita perlu mendownload beberapa aplikasi untuk menjalankan git server tersebut.

Ok setelah semua siap maka kita perlu memastikan raspberry pi telah menggunakan update software terakhir lakukan.

sudo apt-get update && sudo apt-get install -y

Setelah selesai maka kita tinggal menginstall software git server lakukan perintah dibawah ini

sudo apt-get install wget git-core

Setelah selesai maka kita bisa menset directrory mana yang akan kita gunakan untuk menaruh file kita, bisa di dalam flashdisk atau hardisk tambahan atau kalau ngga ya cukup di taruh di home. Anggap lah kita akan menaruhnya di /home, maka lakukan langkah berikut

mkdir /home/pi/git

Setelah selesai maka ketikkan didalam folder yang tadi sudah kita buat

git init --bare

Done selesai, langkah selanjutnya tinggal mengakses folder yang sudah kita buat di raspberry kita tadi, caranya adalah kita bisa menggunakan komputer yang berbeda untuk mengetest apakah git server kita tadi sudah berhasil jalan apa tidak.

Continue reading Membuat git server sendiri di raspberry pi

Advertisements

Membuat sitemap.xml di codeigniter


xml_sitemapsMasih membahas seputar framework sejuta umat codeigniter, kali ini saya akan menulis bagaimana cara membuat sitemap.xml yang akan di buat secara otomatis menggunakan database di codeigniter.

Seperti kita ketahui bersama bahwa sitemap ini sangat berguna ketika kita ingin menambah SEO di website kita, karena mesin pencari biasanya membaca sitemap untuk mengetahui isi dari website kita.

Tanpa berbasa basi cekidot this code:

Continue reading Membuat sitemap.xml di codeigniter

Simple auto calculation for cart with jquery


Ya kali ini saya akan sharing cara membuat auto calculation jadi tinggal masukkan 2 input dan 1 perkalian, karena kebetulan sedang ada proyek kecil2an membuat perhitungan otomatis, berikut codingannya.

buat 3 input di html atau php terserah

<input type="text" id="txt1" onchange="sum();" name="" value="">

<input type="text" id="txt2" onchange="sum();" name="" value="">

<input type="text" id="txt3"  onchange="sum();" name="" value="">

<input type="text" id="txt4"   name="" value="">

 

lalu buat script seperti dibawah taruh dipaling bawah

function format2(n, currency) {
 return currency + " " + n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.");
 }

function sum() {
 var satu = document.getElementById('txt1').value;
 var dua = document.getElementById('txt2').value;
 var tiga = document.getElementById('txt3').value;
 var result = (parseInt(satu) + parseInt(dua)) * parseInt(tiga) ;

if (!isNaN(result)) {
 var hasil = format2(result,"Rp. ");
 document.getElementById('txt4').value = hasil;
 }
 }

Dah gitu aja selamat mencoba kalau sukses maka kita membuat penjumlah 2 produk di input1 dan input2 dan dikalikan dengan input3, kemudian hasilnya akan tampil di input 4.

Silahkan berimprovisasi bisa juga dibuat select seperti contoh diatas

Silahkan mencoba happy coding

Memilih paduan warna untuk web dengan cara gampang


Untuk saya yang ngga terlalu bagus memilih paduan warna untuk web biar tampil eye catching dan menarik itu gampang gampang susah, namun sekarang banyak sekali tools yang menyediakan cara gampang untuk memilih milih paduan warna dengan satu warna dasar kemudian dipadu padankan dengan tools yang satu ini.

Sebenarnya banyak sekali tools yang bisa digunakan namun menurut pengalaman saya kedua tools ini sudah sangat cukup dengan kelebihan dan kekurangannya masing masing. Tools tersebut adalah :

  1. Paletton Tools yang satu ini pasti sudah banyak digunakan oleh para designer web, dengan gui yang simple dan sangat atraktif kita bisa memilih dengan beberapa opsi pilihan warna
  2. Adobe Color Siapa yang tak kenal Adobe, adobe adalah merk ternama yang menciptakan software design grafis dan ternyata adobe juga membuat tools yang tidak kalah hebatnya dengan paletton, tapi ada satu kelebihan dari adobe color yaitu kita bisa mengupload gambar dan secara otomatis software tersebut akan memilihkan warna warna apa saja yang dominan dan cocok untuk dipadu padankan dengan gambar yang sudah kita upload
Adobe colour
Paletton

Demikian tips dari saya, sebenarnya tools ini bukan hanya cocok untuk design web, tapi juga cocok untuk semua para designer yang ingin mencari referensi warna warna apa saja yang cocok untuk dipadu padankan, selamat mencoba

Semoga bermanfaat dan Happy Coding

Simple confirmation script before delete in php


Nambah catatan lagi semoga bermanfaat buat yang lain, sebenarnya script ini sudah lama tau, script simple yang digunakan apabila kita membutuhkan konfirmasi sebelum melakukan aksi, biasanya script ini saya gunakan sebelum mendelete, contoh seperti gambar dibawah ini

cekidot this code

Function javascript

function confirmDelete()
{
   return confirm("Apakah anda yakin akan mengahpus data ini? ");
}


di linknya  ditambahkan  ini

 onclick='return confirmDelete()'

Jadinya dibawah ini kalau digunakan di link
<a href="" class="btn btn-danger btn-flat" onclick='return confirmDelete()'><i class="fa  fa-remove"></i></a>
 

Sudah gitu aja simple kan?, selamat mencoba

Mengatasi validasi required html5 di safari


Pagi ini baru ngeh karena biasanya untuk form karena males buat form validasi biasanya cuman nambahin required di tag html5 untuk memeriksa input kosong, eh pagi ini pas ngetes di safari browser bawaan mac ternyata tag required ngga jalan di safari kalau ngga percaya silahkan dicoba pasti bablas he3.

Setelah browsing browsing ternyata benar required html5 ngga jalan di safari, tapi jangan sedih  saya sudah nemuin caranya yaitu nambahin plugin polyfiller.js dan nambahin sedikit javascript maka validasinya bisa jalan kembali

Caranya seperti ini cekidot this code …

Tambahkan link ini 

https://cdnjs.cloudflare.com/ajax/libs/webshim/1.16.0/dev/polyfiller.js 
Lalu buat script seperti ini 

  
        webshim.activeLang('en');
        webshims.polyfill('forms');
        webshims.cfg.no$Switch = true;
    

Lalu di htmlnya jangan lupa tambahin required

     <input type="text" class="form-control" name="title" placeholder="Judul Artikel" required>

Dah gitu aja gampangkan silahkan coba buka lagi form webnya di safari pasti ngga akan mau disubmit apabila kosong form inputnya :D.

Silahkan dicoba, apabila kamu tidak menggunakan safari di webmu tambahan ini tidak diperlukan karena secara native chrome dan firefox sudah support required tag, kalau di internet explorer (masih ada yang pake???) ngga tau dah :D.

Membuat readmore di web


Kali ini akan sharing coding php untuk membuat readmore seperti diwordpress dan lebih canggihnya otomatis apabila sudah sampai karakter sekian dia akan otomatis membuatkan readmorenya, ini bermanfaat banget  di blog jadi artikelnya tidak terlalu panjang dan lebih rapi

cekidot this code …

$string = $artikel;
if (strlen($string) > 2000) 
{
// truncate string
$stringCut = substr($string, 0, 2000);
$string = substr($stringCut, 0, strrpos($stringCut, ' ')).'... <a href="/this/story">Read More</a>';
}
echo $string;

Script ini tidak saya buat sendiri tapi nemu he3 , script ini gampang sekali diaplikasikan tinggal menyesuaikan link untuk readmorenya saja, dengan sedikit modifikasi bisa ditambahkan bootstrap style jadinya seperti gambar diatas