SEO mudah

Membuat Konversi Suhu Dengan Javascript Dan Bootstrap

Membuat Konversi Suhu Dengan Javascript Dan Bootstrap , Dengan bantuan Javascript kita akan membuat Konversi Suhu dinamis dengan html dan . selain akan lebih indah dilihat, tampilan dari html akan lebih menarik karena tampilan akan di buat rapih dengan Bootstrap.

Langkah awal kita perlu menginstall library bootstrap pada html yaitu dengan mendownload file bootstrap , bisa di download di sini .

Atau bisa juga langsung download template Binary Admin nya disini

Letakkan file bootstrap tadi dalam 1 folder ,

5 Framework PHP Terbaik 2018

Wafik ulinnuha 16:03 Add Comment

Wafik ulinnuha

5 Framework PHP Terbaik 2018

PHP merupakan bahasa yang paling popular diantara server slide Scripting lainnya , penggunaannya yang mudah dan banyaknya komunitas menjadi alasan para pengembangan Website untuk menggunakan PHP , perkembangan teknologi yang menyebabkan semakin banyaknya kebutuhan akan website sehingga menuntut para Developer untuk mengerjakan suatu project dengan cepat dan memiliki performa tinggi. Oleh karenanya di buntuhkan framework PHP yang memudahkan developer untuk mengembangkan aplikasi dan website dengan mengurangi waktu pembuatan .

Kenapa memilih Framework PHP ?

Framework menawarkan beberapa kelebihan yang dapat membantu kinerja developer untuk memudahkan dalam membuat website , serta framework sendiri telah di sediakan beberapa fitur seperti widget dan plugin bawaan suatu framework.

Beberapa kelebihan Framework PHP :

- Mempercepat pengerjaan suatu website
-

- Terhindar dari masalah kemaan sepele

- Mempromosikan website modern serta tool pemrograman berbasis Object

1. Laravel 5

Adalah Framework Yang pertama kali rilis pada tahun 2011 , yang berada di bawah MIT Lisensi . Bagi para developers WEB pastinya akrab dengan framework yang satu ini ,penggunaanya yang mudah menggunakan konsep MVC (Model View Control ) membuatnya menjadi Framework PHP Terbaik dan terpopuler dari tahun ke tahun. Laravel sudah di bundle bersama dengan Bootstrap sehingga memudahkan untuk mendesain Website menjadi lebih menarik.

Support yang baik dari pengembang framework dan banyaknya komunitas menjadi alasan bagi para develepers memilih laravel

Versi terbaru dari Framework PHP ini yaitu Laravel 5 , merupakan pengembangan dari versi sebelumnya yaitu Laravel 4.2 .

Untuk Cara Instalasi Laravel 5 bisa dilihat di sini ( versi Indonesia )

2. Yii 2

Yii 2 Adalah Framework PHP yang berperforma tinggi , pertama kali rilis pada 3 Desember 2008 dan versi terbaru pada 1 Maret 2015 . Yii berada di bawah New BSD Lisensi , yang di kembangankan oleh programmer Qiang Sue . Konsep yang di tawarkan pada Framework Yii 2 terbilang cukup banyak seperti Model,View,Controll (MVC) , Object Reational Mapping (ORM) , serta Data Access Object (DAO) , serta dukungan library yang memudahkan untuk mendesign Website . Versi Php yang di perlukan yaitu PHP 5.4 ke atas .

Versi Terbaru dari Yii Framework dapat di download di sini pada situs resmi yiiframework.com

3. CodeIgniter 3

Framework PHP yang di kembangan oleh British Coloumbia namun sekarang sudah di akuisi oleh Elis Lab . CodeIgniter rilis pertama pada tahun 2006 , merupakan framework php legendaris . Mudah di gunakan , performa cepat , serta dokumentasi yang cepat . karena itulah Codeigniter merupakan framework Php yang cocok bagi pemula. Banyak Website yang dibuat dengan Codeigniter karena mudah penggunaanya , Cirikhas dari Codeigniter yaitu adanya index.php pada url website .

Versi terbaru dari Framework Codeigniter yaitu versi Codeigniter 3 , dapat di download disini .

Dokumentasi lengkap codeigniter dapat di baca pada situs remsi nya https://www.codeigniter.com/user_guide/

4. Cake PHP

Framework PHP yang di kembangan oleh Cake Software Foundation , Salah satu Framework PHP yang memanjakan para developers dengan berbagai fitur-fitur menarik yang ada. Dengan tujuan untuk mengurangi waktu membuat fitur dasar. Hal ini menarik bagi para Developers untuk mengerjakan project ketika deadline waktu yang mepet

Fitur fitur yang di sediakan oleh Cake php antara lain :

· Otomatisasi pembuatan code (code generation).

· Arsitektur MVC.

· Request dispatcher dengan URL yang kustom, rapih dan adanya rute.

· Validasi data yang terintegrasi.

Cake PHP kompatibel dengan versi PHP 4 ke atas, untuk versi terbaru dari Cake PHP dapat di download di sini atau pada website resminya di www.cakephp.org

5. Phalcon

Framework yang terbilang baru ,karena baru meraih stable pada 6 juni 2014 . Di banding Framework lainnya memang cukup muda , namun soal performa Phalcon sangat memuaskan. Berdasarkan survei yang pernah di lakukan Phalcon menempati urutan pertama Framework tercepat mengalahkan para pendahulunya seperti Codeigniter 3 dan Laravel 5. Sehingga di juluki The Fastest PHP Framework . Perlu di ketahui phalcon sendiri di buat dalam Bahasa C, C++ dan PHP , atau bisa di bilang PHP C extension . Sama seperti Framework PHP lainnya Phalcon menawarkan fitur MVC ( model , View , Control ) yang mengurangi penggunaan data sehingga lebih maksimal , serta beberapa fitur lainya seperti :

· Universal auto loader

· Manajemen asset

· Keamaan

· Translate

· Caching

Situs resmi dari Phalcon www.phalconphp.com

Membuat chekout Keranjang belanja dengan Jquery

Wafik ulinnuha 13:00 3 Comments

Wafik ulinnuha

Membuat chekout Keranjang belanja dengan Jquery
Hi Bloggers ,

Selamat siang sahabat mudah-loh , kali ini kita akan mencoba Membuat chekout Keranjang belanja dengan Jquery
Pastinya sahabat sudah pada tahu ya tentang jquery ini , jika belum baca tutorial
cara-membuat-hitung-mundur-dengan-jquery
Konsepnya mudah ko , engga terlalu ribet

Langsung Saja Kita ke kodingnya
Silahkan copy kode di bawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://www.tutorialspoint.com/jquery/src/checkout/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://www.tutorialspoint.com/jquery/src/checkout/jquery.livequery.js"></script>
<link href="http://www.tutorialspoint.com/jquery/src/checkout/css.css" rel="stylesheet" />
<script type="text/javascript">

$(document).ready(function() {
 
 var Arrays=new Array();
 
 $('#wrap li').mousemove(function(){
  
  var position = $(this).position();
  
  $('#cart').stop().animate({
                         
    left   : position.left+'px',
    
   },250,function(){
   
  });   
 }).mouseout(function(){
  
 }); 
 
 $('#wrap li').click(function(){
  
  var thisID = $(this).attr('id');
  
  var itemname  = $(this).find('div .name').html();
  var itemprice = $(this).find('div .price').html();
   
  if(include(Arrays,thisID))
  {
   var price   = $('#each-'+thisID).children(".shopp-price").find('em').html();
   var quantity = $('#each-'+thisID).children(".shopp-quantity").html();
   quantity = parseInt(quantity)+parseInt(1);
   
   var total = parseInt(itemprice)*parseInt(quantity);
   
   $('#each-'+thisID).children(".shopp-price").find('em').html(total);
   $('#each-'+thisID).children(".shopp-quantity").html(quantity);
   
   var prev_charges = $('.cart-total span').html();
   prev_charges = parseInt(prev_charges)-parseInt(price);
   
   prev_charges = parseInt(prev_charges)+parseInt(total);
   $('.cart-total span').html(prev_charges);
   
   $('#total-hidden-charges').val(prev_charges);
  }
  else
  {
   Arrays.push(thisID);
   
   var prev_charges = $('.cart-total span').html();
   prev_charges = parseInt(prev_charges)+parseInt(itemprice);
   
   $('.cart-total span').html(prev_charges);
   $('#total-hidden-charges').val(prev_charges);
   
   $('#left_bar .cart-info').append('<div class="shopp" id="each-'+thisID+'"><div class="label">'+itemname+'</div><div class="shopp-price"> $<em>'+itemprice+'</em></div><span class="shopp-quantity">1</span><img src="remove.png" class="remove" /><br class="all" /></div>');
   
   $('#cart').css({'-webkit-transform' : 'rotate(20deg)','-moz-transform' : 'rotate(20deg)' });
  }
  
  setTimeout('angle()',200);
 }); 
 
 
 $('.remove').livequery('click', function() {
  
  var deduct = $(this).parent().children(".shopp-price").find('em').html();
  var prev_charges = $('.cart-total span').html();
  
  var thisID = $(this).parent().attr('id').replace('each-','');
  
  var pos = getpos(Arrays,thisID);
  Arrays.splice(pos,1,"0")
  
  prev_charges = parseInt(prev_charges)-parseInt(deduct);
  $('.cart-total span').html(prev_charges);
  $('#total-hidden-charges').val(prev_charges);
  $(this).parent().remove();
  
 }); 
 
 $('#Submit').livequery('click', function() {
  
  var totalCharge = $('#total-hidden-charges').val();
  
  $('#left_bar').html('Total Charges: $'+totalCharge);
  
  return false;
  
 }); 
 
});

function include(arr, obj) {
  for(var i=0; i<arr.length; i++) {
    if (arr[i] == obj) return true;
  }
}
function getpos(arr, obj) {
  for(var i=0; i<arr.length; i++) {
    if (arr[i] == obj) return i;
  }
}
function angle(){$('#cart').css({'-webkit-transform' : 'rotate(0deg)','-moz-transform' : 'rotate(0deg)' });}

</script>
</head>

<body>

<div align="left">
 
 <div id="wrap" align="left">
  
  <ul>
   <li id="1">
    <img src="a1.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn Java: Price</span>: $<span class="price">800</span> </div>
   </li>
   <li id="2">
    <img src="5.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn HTML </span>: $<span class="price">500 </span></div>
   </li>
   <li id="3">
    <img src="1.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn Android </span>: $<span class="price">450</span></div>
   </li>
   
   <li id="4">
    <img src="6.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn SVG </span>: $<span class="price">1200 </span></div>
   </li>
   <li id="5">
    <img src="7.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div> <span class="name">Learn Bootstrap</span>: $<span class="price">65</span></div>
   </li>
   
   <li id="6">
    <img src="5.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn HTML</span>: $<span class="price">800</span> </div>
   </li>
   
   <li id="7">
    <img src="7.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name"> Learn Bootstrap </span>: $<span class="price">45</span></div>
   </li>
   <li id="8">
    <img src="6.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn SVG</span>: $<span class="price">900 </span></div>
   </li>
   
   <li id="9">
    <img src="8.png" class="items" height="100" alt="" />
    
    <br clear="all" />
    <div><span class="name">Learn Angular Js </span>: $<span class="price">20</span></div>
   </li>
   
  </ul>
  
  <br clear="all" />
  
  
 
 </div>
 
 <div id="left_bar"> 
  
  <form action="#" id="cart_form" name="cart_form">
  
  <div class="cart-info"></div>
  
  <div class="cart-total">
  
   <b>Total Charges:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b> $<span>0</span>
   
   <input type="hidden" name="total-hidden-charges" id="total-hidden-charges" value="0" />
  </div>
  
  <button type="submit" id="Submit">CheckOut</button>
  
  </form>
  
 </div> 
  
  
 
</div>



</body>
</html>

Baca juga artikel tentang membuat-option-tanpa-klik-submit-dengan Jquery

Maka hasilnya akan seperti ini ,
Script dan CSS diatas anda dapat download , karena masih online .
anda dapat mendownload scriptnya di link diatas .

Maka hasil dari gambar tersebut seperti ini

Ketika Gambar di klik maka Total Change akan bertambah

Dan Ketika tombol Trash ( Sampah ) di klik maka hasilnya akan berkurang

Sekian tutorial Membuat chekout Keranjang belanja dengan Jquery , semoga dapat membantu .
Bagian tutorial ini agar bertambah ilmu kita :)

Wassalamu'alaikum Wr.Wb

Cara membuka file PDF yang terkunci (SECURED)

Tips Tips And Trik

Wafik ulinnuha 11:30 Add Comment

Wafik ulinnuha

Cara membuka file PDF yang terkunci (SECURED) .

Pernahkah anda pernah menjumpai file pdf yang tidak dapat di copy ataupun di print ? . Bagi yang pernah , pastinya awalnya kebingungan ( Saya pun awalnya juga mengalami ) :D . Nah hal itu dapat di karenakan file PDF terkunci . File tersebut sengaja di kunci oleh pembuatnya , mungkin dengan tujuan agar file tersebut tidak dapat di edit ataupun di tulis ulang. Mungkin bisa saja kita tulis ulang , iya kalo isinya cuma beberapa baris , nah kalau sampai 100 baris ? pasti cape lah kalau nulis lagi . Apalagi kalau isinya itu tutorial Code Pemrograman , Males pasti kalau nulis lagi.

Baca juga cara-mengubah-konvert-file-pdf-ke Word Tanpa Software

Nah di kali ini kita akan coba Cara membuka file PDF yang terkunci (SECURED) .