[share] Beberapa Cara Untuk Optimasi Website

bismillahirrahmanirrahim.

jika kita mempunyai website / blog pasti ada keinginan keras untuk supaya blog / website kita bisa cepat dikenal orang banyak.

beberapa cara ini bisa anda lakukan diantaranya:

  1. memanfaatkan googlewebaster, ini bisa didapat setelah anda masuk ke dashboard googlewebmaster, disitu kita mendapatkan sebuah file , supaya website kita terindex oleh google.
  2. memanfaatkan analitic dari sebuah website, seperti contoh google analytic, facebook analytic, atau website penyedia sejenisnya. supaya kita bisa mengetahui berapa pengunjung tiap harinya.
  3. gunakan sosial media agar bisa tersebar luas di internet, seperti yang sudah kita ketahui, facebook, twitter, g+, linkedin, whatup ,IG dll.
  4. memanfaatkan meta-data dari code website kita, semisal kita menggunakan php dan html , bisa di pakai antara <head>meta-data</head>. seperti contoh copyright website, nama, dan identitas web lainnya.
  5. menggunakan .htaccess untuk seo friendly [url friendly]. agar mudah di share dan dibaca oleh kalayak banyak.
  6. jangan lupa menulis judul website/ artikel sesuai keadaan sekarang dan meramu content supaya orang jadi tertarik melihat web/blog kita.
  7. usahakan blog/website kita sudah responsive terhadap device yang ada seperti android iphone black barry dll.
  8. menghindari code – code berat dalam html, seperti penggunaan jquery berlebihan, penggunaan <div> yang berlebihan atau code code yang kurang berguna.
  9. Mendaftarkan di google map supaya mudah di akses

diatas adalah cara umum yang dimanfaatkan oleh programmer. ada juga beberapa tambahan dari penulis sesuai dengan pengalaman penulis sendiri, diantaranya:

  1. memanfaatnya cache untuk website kita, biasanya jika programmer sudah menggunakan framework sudah otomatis disediakan oleh framworknya, seperti CI, YII, LARAVEL, CAKE, ZEND
  2. memilih jenis server yang sudah teruji atau dengan testimonial bagus, diantaranya digitalocean, cloudkilat, rumah hosting dll.
  3. menggunakan database seperti coughDB atau MongoDB supaya data yang ditampilkan lebih ringan, dengan istilah lainnya RESTFULL API
  4. Jangan lupa menggunakan https.

Sekian , Semoga Bermanfaat πŸ™‚

Advertisements

[trick] Text to Speech dengan responsivevoice.js ala google translate

Kali ini saya membagikan pengalaman saya dengan text ke suara dengan javascript. dulu saya mencoba dengan berbagai cara , dengan plugin flash terus google speach dll, seiring waktu berjalan sekarang makin banyak kemudahan untuk menterjemahkan text ke suara , salah satu caranya dengan responsivevoice.js

berikut kodenya:


<!DOCTYPE html>
<html>
<head>
<title>speak text to speech with Resvonsive Voice</title>
<script src='https://code.responsivevoice.org/responsivevoice.js'></script>
<script type="text/javascript">
function play (){
responsiveVoice.speak(
"Hallo Nama Saya RIfqi.",
"Indonesian Female",
{
pitch: 1,
rate: 1,
volume: 1
}
);
}

function stop (){
responsiveVoice.cancel();
}

function pause (){
responsiveVoice.pause();
}

function resume (){
responsiveVoice.resume();
}
</script>
</head>
<body>
<button onclick="play();">Play</button>
<button onclick="stop();">Stop</button>
<button onclick="pause();">Pause</button>
<button onclick="resume();">Resume</button>
</body>
</html>

catatan: gunakan langsung pada hostingan / vps anda karena akan berjalan dengan baik kalau live online.

semoga bermanfat πŸ™‚

[trick] Menerapkan Fitur Payment Gateway dengan PHP LARAVEL

Mungkin kita pernah berfikir ,

bagaimana sie untuk penerapatan payment gateway?

bagaimana caranya integrasi antara program kita dengan rekening bank kita.?Β  nah disini saya akan coba menjelaskan konsep penerapannya.

pertama,

anda membuat akun di mitrands.com nya lalu bisaΒ  menerepakkannya.

anda bisa baca documentasi untuk penerapan di laravel:https://docs.midtrans.com/en/welcome/index.html

yang perlu anda perhatikan adalah gambar di bawah ini untuk penerapannya di laravel.

 

 

di snap api itulah kita akan bisa menerapkannya. untuk code sudah tersedia juga di github gratis:

Kedua

codenya sbb:

https://github.com/harrypujianto/Veritrans-Laravel5#snap

Ketiga

settingan dashboard

selanjutnya setelah anda menerapkan kode tersebut anda juga di minta untuk memasukkan access key, untuk mendapatkan accesskey anda mesti login di dashboard mitrandsnya kira-kira seperti ini:

disini ada dua kategori, yaitu dev [mode] dan production, pastikan code anda sudah berjalan dengan benar sebelum menerapkannya karena ini berhubungan dengan payment.

kalau anda berhasil tampilannya akan seperti ini :

dan uang anda akan masuk ke bank yang dituju dengan sample berikut:

selesai , jika ada yang bingung silahkan komen dibawah πŸ™‚

 

[Trik] berbagai fitur email pada library laravel

Kali ini kita akan berbagi ilmu tentang beberapa tentang email pada library laravel, karena sebernarnya saya pengguna laravel.

diantara library mail nya adalah sbb:

  1. sendgrid mail.
  2. zoho mail.
  3. redis mail. [biasanya bawaan dari laravel]
  4. mail chimp, mail jet, new relic dll

disini saya akan menerapkan sendgrid laraval.

cara penerapan nya cukup mudah, pertama anda buat account di sendgrid bisa lewat link berikut klik

yang terpenting anda mempunyai akun di sana terlebih dahulu dan pilih bagian sendgrid email api, anda akan dapatkan info seperti berikut:

MAIL_DRIVER=smtp
MAIL_HOST=smtp.sendgrid.net
MAIL_PORT=587
MAIL_USERNAME=username_sendgrid
MAIL_PASSWORD=password_email
MAIL_ENCRYPTION=TLS

anda masukkan ke .env laravel anda code yang di bold diatas.

kemudian di bagian controller anda tinggal menggunakan [ use MAIL ] di bawah namespace dari controllernya.

selanjutnya tinggal input code email dari laravel seperti di bawah ini:


$user = array(
'email'=> 'email tujuan',
'name'=> 'nama tujuan'
);

$data = array(
'email'=>'data email yang akan dikirim',
'name'=> 'data nama yang akan dikirim'
);

Mail::send('nama_folder.nama_file_php',$datas , function($message) use ($users){
$message->to($users['email'],$users['name'])->subject('Isi Subject');

SEMOGA BERMANFAAT πŸ™‚

[Trik] berbagai SMS API dengan PHP dan MYSQL

Sudah Cukup Lama tidak menulis lagi di blog di karena kan kesibukan dan hal penting lainnya.

sudah banyak keinginan untuk menulis lagi di blog TOPIDESTA.

Sekarang saya coba berbagi ilmu tentang sms api dengan PHP.

beberapa contoh di internet diantaranya adalah:

  1. nexmo sms API.
  2. twilio sms API
  3. sinch sms API
  4. facebook SMS API
  5. zenziva sms API
  6. dll

kalau penulis biasanya menggunakan zenziva sms API dan facebook sms API. karena lebih mudah dan cocok untuk pemula, tapi untuk beberapa perusahaan besar sudah memiliki API sendiri.

contoh code dari zenziva:


$hp = $_POST['no_hp'];

$userkey = "key_anda"; // ini didapat setelah kita mendaftar di websitenya, posisinya di API setting.
$passkey = "pass_anda";
$nohp = $hp;
$message = rand(0000,9999);
$url = "https://reguler.zenziva.net/apps/smsapi.php";
$curlHandle = curl_init();
curl_setopt($curlHandle, CURLOPT_URL, $url);
curl_setopt($curlHandle, CURLOPT_POSTFIELDS, 'userkey='.$userkey.'&passkey='.$passkey.'&nohp='.$nohp.'&pesan='.urlencode($message));
curl_setopt($curlHandle, CURLOPT_HEADER, 0);
curl_setopt($curlHandle, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curlHandle, CURLOPT_SSL_VERIFYHOST, 2);
curl_setopt($curlHandle, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($curlHandle, CURLOPT_TIMEOUT,30);
curl_setopt($curlHandle, CURLOPT_POST, 1);
$results = curl_exec($curlHandle);
curl_close($curlHandle);

contoh diatas kita bisa pakai untuk validasi no hp seperti web kelas atas, atau pun bisa untuk promo-promo tertentu.

dari code diatas anda akan mendapatkan sms kode dari rand(00000,99999) yang kita buat tadi.

selamat mencoba , πŸ™‚

[trick] Load CSS dan JS di Github

Bismillah…

Trick ini digunakan untuk menghemat bandwith dan meload data js/ css berdasarkan server terdekat, tanpa langsung ke hosting kita, yang mengakibatkan ‘high load trafic‘ dengan memanfaatkan github kita bisa menambahkan kecepatan dan kehematan sekitar 25% lebih, berdasarakn web tools pingdoms.

https://tools.pingdom.com/

Caranya?

  1. Siapkan File CSS/ JS.
  2. Buat akun github, upload file CSS/ JS yang sudah siap.
  3. Copy file URL dari github, baik css/ js.
  4. Paste file URL ke rawgit
  5. Selesai

Simple kan!?nah, ternyata ada kelebihan dan kekurangannya…

Kekurangan:

  1. Data menjadi public jika diset jadi public (free version).
  2. Setiap perubahan content file, harus men-generate ulang ke rawgithub
  3. Sourcecode HTML bisa dipakai orang lain.

Pasti ada kelebihan:

  1. Load trafic hosting kecil.
  2. Load data website cepat
  3. Kita fokus ke content data.
  4. dll

Itu aja sih yang gw tahu, dan sepengalaman ajah…

Have A Nice Day!

Credit:

  1. Github.com
  2. RawGit.com
  3. Tools.pingdom.com