Membuat Konversi Suhu Dengan Javascript Dan Bootstrap

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 2017


5 Framework PHP Terbaik 2017
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 mengerjakan 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

Tugas 3 smbd


 Tugas 3 SMBD Membuat DFD
Sahabat Cara-Mudah kali ini saya akan membagikan tugas 3 smbd  Untuk memenuhi tugas mata kuliah Sistem Manajemen Basis Data . Tugas kali ini  membahas tentang analisis dan desain model proses/sistem dalam bentuk DFD (Data Flow Diagram) pada level context, level 1 dan level 2 . Software yang di gunakan adalah Easy Case 
Easy Case 32-bit Dapat di download di sini 

Berikut Adalah Contoh DFD Apotek  :


 
Level Context

Level 0

Level 1


  • Konsumen membeli obat kepada store manager dan Setelah di layani outputnya Konsumen mendapatkan struk pembelian.
  • Store manager menginput data pembelian dari konsumen.
  • Store manager juga menginput data status obat (kadaluarsa/tidak) dan data obat (stok). jika stok habis atau obat kadaluarsa maka store manager akan mengirim data pembelian obat dan faktur pengembalian kepada supplier 
  • Supplier menerima (input) laporan faktur pembelian obat dan faktur penggantian obat, dan kemudian outputnya supplier memberikan data supplier dan data pembelian obat yang tersedia sehingga barang akan dikirim
  • Regional Operasional Manager menginput data daftar harga obat yang tersedia di masing-masing apotik cabang yang sebelumnya telah dikirim oleh supplier. outputnya Regional Operasional Manager mendapatkan laporan penjualan dan laporan data supplier.

Setelah membuat DFD selanjutnya kita membuat database Apotek , Berikut adalah daftar tabel- tabel nya .
Tabel Database Apotek

Tabel di atas mungkin masih banyak kekurangan karena masih perlu di sempurnakan lagi akan menjadi sebuah sistem Apotek yang handal aman dan mudah di gunakan

Tugas1 SMBD

Soal Mata kuliah Sistem Manajemen Basis Data , Tugas 1 :

1. Temukan data sbb berikut
- NIM (Nomor Induk Mahasiswa Anda)

- Prodi Matakuliah
- Jurusan
Cermati dan kemudian buatlah analisis sedetail mungkin tentang potensi problem dalam data tersebut


2. Temukan data berikut
- NIK (No KTP diri Anda)
- Kode Propinsi se-Indonesia
- Kode Kabupaten se-Indonesia
- Kode Kecamatan se-Indonesia
- Kode Desa/Kelurahan se-Indonesia
Cermati dan kemudian buatlah analisis sedetail mungkin tentang potensi problem dalam setiap data tersebut



Link Tugas bisa di download  disini

Membuat chekout Keranjang belanja dengan Jquery

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)

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) .

Cara membuka File PDF yang terkunci ( SECURED
Cara membuka file PDF yang terkunci (SECURED)


Gambar di atas merupakan contoh file PDF yang tidak bisa di copy / Ataupun di print .
Terdapat tanda SECURED.

Cara yang saya gunakan tanpa software (Online) karena langsung dari website , Jadi anda hanya tinggal mengupload File PDF tersebut , mudah sekali bukan.

Nah langsung saja untuk membuka file pdf yang ter lock.

1.Pertama Kita kunjungi Website Small-pdf
2.Drag atau Upload File PDF yang ingin anda unlock .
Cara membuka file PDF yang terkunci (SECURED) , Bagi anda yang bingung cara membuka file PDF terkunci  anda dapat menggunakan cara ini .
Cara membuka file PDF yang terkunci (SECURED)
jjjj
3.Selanjutnya akan muncul proses upload

Cara membuka file PDF yang terkunci (SECURED)


Baca juga cara-membuat-report-file-pdf-di-php


4.Setelah selesai maka kita tinggal klik centang , dan klik Unlock Pdf .
Cara membuka file PDF yang terkunci (SECURED) , Bagi anda yang bingung cara membuka file PDF terkunci  anda dapat menggunakan cara ini .
Cara membuka file PDF yang terkunci (SECURED)

5.Tunggu sampe proses selesai maka pdf anda telah selesai di unlock . :)
Klik Download
Cara membuka file PDF yang terkunci (SECURED) , Bagi anda yang bingung cara membuka file PDF terkunci  anda dapat menggunakan cara ini .
Cara membuka file PDF yang terkunci (SECURED)


Nah Ternyata mudah kan untuk mengunlock PDF yang terkunci ,

Sekian tutorial yang kali ini ,   membuka file PDF yang terkunci (SECURED) , 
Semoga bermanfaat ,  Wassalamu'alaikum Wr,Wb .:)



Membuat Progressbar Dengan Jquery

cara mudah membuat progress bar dengan jqeury


Selamat Datang sahabat mudah , kali ini kita akan membahas Cara Membuat Progressbar Dengan Jquery .
Pasti sahabat sudah tahu tentang progressbar, tertanya mudah loh caranya membuat dengan menggunakan jquery.
Progressbar di gunakan untuk melihat bagaimana proses yang kita jalankan untuk membuka suatu dokumen , upload photo.





Langsung Saja Kita ke kodingnya
Silahkan copy kode di bawah ini
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
 
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="http://www.tutorialspoint.com/jquery/src/progressbar/jQuery-plugin-progressbar.css">
 <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 <script src="http://www.tutorialspoint.com/jquery/src/progressbar/jQuery-plugin-progressbar.js"></script>
</head>
<body>

 <div class="progress-bar position"></div>
 <div class="progress-bar position" data-percent="40" data-duration="1000" data-color="#ccc,yellow"></div>
 <div class="progress-bar position" data-percent="90" data-color="#a456b1,#12b321"></div>
 <input type="submit" value="reload">
 <script>
  $(".progress-bar").loading();
  $('input').on('click', function () {
    $(".progress-bar").loading();
  });
 </script>

</body>
</html>
 Script dan CSS diatas anda dapat download , karena masih online .

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

Sekilas penjelasan script :

Pada bagian data-percent kita dapat ganti , berapa persen data yang di ingin kan , 
Pada data-duration merupakan durasi dalam menjalankan progress tersebut .

Maka hasilnya akan terlihat seperti di bawah ini ,

s Cara Membuat Progressbar Dengan Jquery .  Pasti sahabat sudah tahu tentang progressbar, tertanya mudah loh caranya membuat dengan menggunakan jquery.  Progressbar di gunakan untuk melihat bagaimana proses yang kita jalankan untuk membuka suatu dokumen , upload photo. #jquery , #Tutorial,#javascript,#mudah#progressbar
Tutorial Membuat progressbar

Setelah di klik reload hasilnya akan seperti ini :

s Cara Membuat Progressbar Dengan Jquery .  Pasti sahabat sudah tahu tentang progressbar, tertanya mudah loh caranya membuat dengan menggunakan jquery.  Progressbar di gunakan untuk melihat bagaimana proses yang kita jalankan untuk membuka suatu dokumen , upload photo. #jquery , #Tutorial,#javascript,#mudah#progressbar
Tutorial Membuat progressbar

Baca juga artikel tentang Cara-mengambil-attribut-data-dengan jquery


Sekian tutorial Cara Membuat Progressbar Dengan Jquery , semoga dapat membantu .
Bagian tutorial ini agar bertambah ilmu kita :)
Wassalamu'alaikum Wr.Wb