Sabtu, 26 Maret 2016

Cara menghitung nilai faktori dengan menggunakan for, while, Do- while


Assalamualaikum wr.wb..

Kali ini saya akan Membagikan cara membuat suatu program untuk menghitung Nilai faktorial dengan menggunakan For, while, Do-while pada php. Sebelumnya pc anda sudah terinstal Xampp dan Notepade++.jika anda sudah terinstal langsung saja, buat file formatnya .php pada notepade++.

  • Sebelum mengcopy scrip, silahkan buat folder C:\xampp\htdocs\faktori
  • Silahkan copy scrip 
  • Ini adalaah Faktorial menggunakan Do-While


<!DOCTYPE html>
<html>
<head>
<title>Faktorial dengan do-While</title>
</head>
<style>
body{
color:#000;
background:-webkit-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-moz-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-o-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background-attachment:fixed;
font-size:18px;
font-family: Hobo Std;
margin:0;
padding:48px;
}
h1 {
text-align:center;
}
h2 {
text-align:center;
}
</style>
<body>
<h1> Faktorial dengan do-While</h1>
<p> <h2> <marquee> =>> by : Winda Komala Astriyani <<= </marquee> </h2> </p>
<form name="frm01" method="post">
<table>
<tr>
<td>Masukkan Angka</td>
<td><input type="text" name="txtAngka" size="5"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="hasil" value="Hasil"/></td>
</tr>
</table>
<?php
error_reporting(0);
if($_POST['hasil']!=''){
            $angka=$_POST['txtAngka'];
            function faktorial($angka){
            if($angka<=1){
                        $hasil=1;
                        return $hasil;
            }elseif($angka>1){
                        $i=1;
                        do
                        {
                             $hasil=$angka * faktorial($angka-1);
                             $i=$i+1;
                        }while($i<=5);
                        return $hasil;
            }
}
         echo "Angka :".$angka."<br>";
   echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
}
?>
</form>
</body>
</html>

  • setelah sudah di copy di simpan C:\Xampp\htdocs\faktorial
  • dan akan tampil seperti di bawah ini 

  • Dan ini Faktorial menggunakan dengan menggunakan For
  • Berikut Scip jika ingin menggunakan faktorial menggunakan For

<!DOCTYPE html>
<html>
<head>
<title>Faktorial dengan for</title>
</head>
<style>
body{
color:#000;
background:-webkit-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-moz-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-o-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background-attachment:fixed;
font-size:18px;
font-family: Hobo Std;
margin:0;
padding:48px;
}
h1 {
text-align:center;
}
h2 {
text-align:center;
}
</style>
<body>
<h1> Faktorial dengan For</h1>
<p> <h2> <marquee> =>> by : Winda Komala Astriyani <<= </marquee> </h2> </p>
<br><br><br><br>
<form name="frm01" method="post">
<table>
<tr>
<td>Masukkan Angka</td>
<td><input type="text" name="txtAngka" size="5"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="hasil" value="Hasil"/></td>
</tr>
</table>
<?php
error_reporting(0);
if($_POST['hasil']!=''){
            $angka=$_POST['txtAngka'];
            function faktorial($angka){
            if($angka<=1){
                        $hasil=1;
                        return $hasil;
            }elseif($angka>1){
                        for($i=1; $i<=$angka; $i++){
                             $hasil=$angka * faktorial($angka-1);
                        }
                        return $hasil;
            }
}
         echo "Angka :".$angka."<br>";
   echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
}
?>
</form>
</body>
</html>
  • Dan ini Hasilnya 



 Ini contoh Program Faktorial dengan menggunakan While

  • Silahkan copy Scrip ini jika ingin menggunakan Faktorial While.

<<!DOCTYPE html>
<html>
<head>
<title>Faktorial dengan while</title>
</head>
<style>
body{
color:#000;
background:-webkit-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-moz-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-o-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background-attachment:fixed;
font-size:18px;
font-family: Hobo Std;
margin:0;
padding:48px;
}
h1 {
text-align:center;
}
h2 {
text-align:center;
}
</style>
<body>
<h1> Faktorial dengan While </h1>
<p> <h2> <marquee> =>> by : Winda Komala Astriyani <<= </marquee> </h2> </p>
<br><br><br><br>
<form name="frm01" method="post">
<table>
<tr>
<td>Masukkan Angka</td>
<td><input type="text" name="txtAngka" size="5"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="hasil" value="Hasil"/> </td>
</tr>
</table>
<?php
error_reporting(0);
if($_POST['hasil']!=''){
            $angka=$_POST['txtAngka'];
            function faktorial($angka){
            if($angka<=1){
                        $hasil=1;
                        return $hasil;
            }elseif($angka>1){
                        $i=1;
                        while($i<=5)
                        {
                            $i=$i+1;
                             $hasil=$angka * faktorial($angka-1);
                        }
                        return $hasil;
            }
}
         echo "Angka :".$angka."<br>";
   echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
}
?>
</form>
</body>
</html>

  • dan berikut hasil setelah di run di chrome atau Internet Explorer dengan format Localhost/faktorial.php




 Sekian dari saya, semoga bermanfaat .jangan sungkan sungkan mampir ke blog saya .
wassalamualaikum wr.wb ..

cara membuat Segitiga siku-siku menggunakan for dan while pada php


Assalamualaikum wr.wb..

kali ini saya akan berbagi ilmu sedikit cara membuat Segitiga siku-siku menggunakan for dan while pada php, Sebelumnya pc anda sudah terinstal Xampp dan Notepade++ . jika sudah terinstal langsung saja, buat file .php pada notepade++  .

  • Sebelum Mengopy Scrip, silahkan buat folder pada Data C:\Xamp\htdocs\ Segitiga
  • Silahkan copy scrip berikut :

<!DOCTYPE html>
<html>
<head>
<title>for dan while membentuk Segitiga siku-siku</title>
</head>
<style>
body{
color:#000;
background:-webkit-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-moz-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background:-o-linear-gradient(top,Cornsilk,Lightpink,Lightgray,Deepskyblue,Papayawhip,Cyan);
background-attachment:fixed;
font-size:18px;
font-family: Hobo Std;
margin:0;
padding:48px;
}
h1 {
text-align:center;
}
h2 {
text-align:center;
}
</style>
<body>
<h1> For dan While membentuk Segitiga siku- siku</h1>
<p> <h2> <marquee> =>> by : Winda Komala Astriyani <<= </marquee> </h2> </p>
<?php
echo "Tugas4WP1 <br/><br/>" ;
for ($i=1; $i <=5 ; $i++) {
  $j=1;
  while ($j <= $i) {
    $j++;
    echo $i;
  }
  echo "<br/>";
}
 ?>
 </body>
 </title>
 </html>


  • Setelah sudah di copy di notepade++ silahkan simpan  C:\Xamp\htdocs\Segitiga
  • dan di jalankan di google chrom dengan "localhost/Segitiga.php"
  • dan akan tampil


Sekian dari saya, Semoga bermanfaat ilmunya . Terimakasih :-)

Minggu, 20 Maret 2016

Tutorial membuat Kalkulator sederhana menggunakan php

Assalamualaikum Wr. Wb
Hai Kawan J

Saya akan membagikan Tutorial membuat Kalkulator sederhana menggunakan PHP dan CSS, tetapi sebelum ke tutorialnya alangkah baiknya kita mengetahui terlebih dahulu apa sih PHP? J
Sekilas dahulu mengenai apa sih KalkulatorKalkulator merupakan alat bantu hitung seperti penjumlahan, pengurangan, perkalian, dan pembagian. Kalkulator yang digunakan untuk melakukan perhitungan standar seperti diatas biasanya disebut jenis kalkulator sederhana. Sedangkan untuk melakukan perhitungan yang lebih rumit, seperti rumus matematika digunakan jenis kalkulator yang sering disebut scientific calculator.
PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.
Hubungan PHP dengan HTML
Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php3 atau .php.
PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebagai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages).
Sekarang kita coba bikin kalkulator sederhananya yuk J
Berikut Tutorial membuat Kalkulator dengan menggunakan PHP dan CSS :
1.    Langkah pertama yaitu kita sudah menginstall XAMPP dan Notepad++. Jika teman-teman bingung bagaimana cara menginstall XAMPP dan Notepad++ teman-teman bisa melihatnya dipostingan saya sebelumnya J
2.    Setelah terinstall XAMPP dan Notepad++, copy script berikut ini :
<html>
<head>
 <title>Web Kalkulator</title>
</head>
<body>
<!--
Sebagai desaign model baik warna dan bentuk menggunakan CSS
-->
<style type="text/css">
 .h1{
  font-family: Comic Sans MS;
  font-weight: bold;
  font-size: 16px;
 }
 .input{
   background-color: #ffffff;
   border: 1px solid #4B0082;
   padding: 5px;
   font: 0.2em;
   border-radius: 3px;
   color: #00000;
  
  
 }
 .hasil{
  margin-top: 20px;
  font-family: Comic Sans MS;
  font-size: 14px;
  font-weight: bold;
  background-color: #87CEFA;
 }
 .td{
  font-family: Comic Sans MS;
  color: #ffffff;
  background-color: #FF1493;
 
 }
 body{
  background-color: #FFE4C4;
 }
 .text{
   background: #dcdcdc;
   border-bottom: 1px dotted silver;
   padding: 4px;
 }
 .tabel{
   font-size: 1em;
   font-family: sans-serif;
   border: 1px solid #020000;
   background-color: #efefef;
   border-spacing: 2px;

 }
 .tombol {
   font-weight: bold;
     display: inline-block;
     *display: inline;
     padding: 4px 12px;
     margin-bottom: 0;
     *margin-left: .3em;
     font-size: 14px;
     line-height: 20px;
     color: #333333;
     text-align: center;
     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   vertical-align: middle;
   cursor: pointer;
   background-color: #f5f5f5;
   *background-color: #FF69B4;
   background-image: -moz-linear-gradient(top, #ffffff, #FF69B4);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FF69B4));
   background-image: -webkit-linear-gradient(top, #ffffff, #FF69B4);
      background-image: -o-linear-gradient(top, #ffffff, #FF69B4);
   background-image: linear-gradient(to bottom, #ffffff, #FF69B4);
   background-repeat: repeat-x;
   border: 1px solid #cccccc;
   *border: 0;
     border-color: #FF69B4 #FF69B4 #bfbfbf;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     border-bottom-color: #b3b3b3;
     -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
           border-radius: 4px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     *zoom: 1;
     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
 .tombol-aktif{
     color: #fffdfd;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #040000;
     *background-color: #040000;
     background-image: -moz-linear-gradient(top, #040000, #040000);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#040000), to(#040000));
     background-image: -webkit-linear-gradient(top, #040000, #040000);
     background-image: -o-linear-gradient(top, #040000, #040000);
     background-image: linear-gradient(to bottom, #040000, #040000);
     background-repeat: repeat-x;
     border-color: #ffffff #ffffff #ffffff;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff01c5fe', endColorstr='#ffffffff', GradientType=0);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
</style>
<!--
Perintah JavaScript untuk memberitahukan pesan warning apabila ada field yang kosong
-->
<script>
 function check(input){
  if(input.value==''){
   input.setCustomValidity('Harus diisi !! ');
  }else{
   input.setCustomValidity('');
  }
 }
</script>     
<center class="h1">--** WEB PROGRAMMING -> KALKULATOR **--</center>
<center class="h2">By Novriani Hernawati dan Winda Komala Astriyani</center> <br></br>
 <form method="post" name="form" >
  <table align="center" height='20%' width='70%' class="tabel">
   <tr>
    <td align="center" class="td"><b>Angka 1</b></td>
    <td align="center" class="td"><b>Angka 2</b></td>
    <td align="center" colspan="3" class="td"><b>Operasi</b></td>
   </tr>
   <tr>
    <td align="center"><input type="text" class="input" oninvalid="check(this)" autofocus="true" required="true" style="width: 200px"
     name="angka1" placeholder="Masukkan angka ke-1" onkeypress="return isNumber(event)"></td>
    <td align="center"><input type="text" class="input" oninvalid="check(this)"  required="true" style="width: 200px"
     name="angka2" placeholder="Masukkan angka ke-2" onkeypress="return isNumber(event)"></td>
    <td align="center" >
     <input class="tombol" class="tombol tombol-aktif" type="submit" name="kali" value="x" title="Kali">
     <input class="tombol" type="submit" name="jumlah" value="+" title="Jumlah">
     <input class="tombol" type="submit" name="bagi" value=":" title="Bagi">
     <input class="tombol" type="submit" name="kurang" value="-" title="Kurang">
      <input class="tombol" type="submit" name="mod" value="%" title="Modulus">
    </td>
    
<!--
Perintah PHP dimana sebagai operasi untuk menghitung antara "angka1" dan "angka2" yang sudah diinputkan.
Ada proses perkalian,penjumlahan,pembagian dan pengurangan -->
    <?php
    if(isset($_POST["jumlah"])){
     $hasil = $_POST["angka1"] + $_POST["angka2"];
    }else if(isset($_POST["kali"])){
     $hasil = $_POST["angka1"] * $_POST["angka2"];
    }else if(isset($_POST["bagi"])){
     $hasil = $_POST["angka1"] / $_POST["angka2"];
    }else if(isset($_POST["kurang"])){
     $hasil = $_POST["angka1"] - $_POST["angka2"];
     }else if(isset($_POST["mod"])){
      $hasil = $_POST["angka1"] % $_POST["angka2"];
     }
   
    ?> 
   </tr>
  
   <tr>
   <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   </tr>
   <tr>
   <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   </tr>
   <tr>
    <td class="hasil" colspan="3" align="center" ><input class="input" type="text" size="50" name="hasiljumlah" disabled="True"
     value='<?php echo $hasil; ?>' title="Hasil">&nbsp;<b>Hasil</b>
    </td>
   </tr>
  </table>
 </form>
</body>
</html>
#Catatan : Script diatas merupakan gabungan dari script CSS dan PHP disimpan menggunakan nama Kalkulator.php
3.    Setelah meng-copy scriptnya, simpan file tersebut di Local Disk (C) > folder XAMPP > pilih folder htdocs > buat folder baru dengan nama Tugas3_WP1 .
4.    Setelah tersimpan buka browser yang kalian biasa pakai untuk mencoba apakah pembuatan Kalkulator sederhana telah berhasil.
5.    Jika berhasil akan muncul tampilan seperti berikut :

Tampilan setelah dijalankan di browser


Tampilan melakukan perhitungan

YEY !! Sekian J Silahkan mencoba dan semoga berhasil yah J

Wassalamualaikum Wr. Wb

Jumat, 04 Maret 2016

Membuat script Html Sederhana menggunakan Notepad++


 Kali ini saya akan berbagi ilmu sedikit tentang membuat script html yang sederhana menggunakan notepad++ .

Berikut script html :
<html>
<head><title>My Profile</title>
</head>
<body background="12.jpg"> <p style="font:bold 60px Georgia ;color:purple">

<h1>
<center>
<font face="Monotype Corsiva" color="Black" fontsize="24">BIODATA</font>
<hr color="ff00b7" size="2">
<br>
<p>
<img src="logo-poltek.png"height="200" width="200"/></p>
<br>
<p align="center"color="black" fontsize="10">
<table>
<tr><td><b>Nama Lengkap</b></td><td>: Winda Komala Astriyani</td></tr>
<tr><td><b>NIM</b></td><td>: 1409005</td></td></tr>
<tr><td><b>Kelas</b></td><td>: 4A</td></td></tr>
<tr><td><b>Prodi</b></td><td>: D4-INFORMATIKA</td></td></tr>
<tr><td><b>Alamat</b></td><td>: Jl. Projosumarto.Kaladawa.Talang_Tegal</td></td></tr>
<tr><td><b>Jenis Kelamin</b></td><td>: Perempuan</td></td></tr>
<tr><td><b>E-Mail</b></td><td>: Windakomala96@gmail.com</td></td></tr>
<tr><td><b>facebook</b></td><td>: Winda komala Astriyanistriyani</td></td></tr>
</h1>
</table>
</p>
</center>
</h2>
</body>
</html>


  • Berikut hasil htm sederhana;

Selamat Mencoba atau Bisa memodifikai sesuka hati,semoga bermanfaat.Terimakasih

Kamis, 03 Maret 2016

Cara Instal Notped++6.9 dan xampp-win32-5.6.11-1-VC11 di windows

hai, kali ini saya akan berbagai ilmu sedikit . saya akan menjelaskan cara menginstal notped++ 6.9 sebenarnya sih sama seperti versi yang sebelumnya.dan saya juga akan menjelaskan cara penginstalan xampp win32-5.6.11-11-1-vc11 .berhubung saya memakai windows, maka cara penginstalan ini di peruntukan untuk yang menggunakan pc windows.


Cara Instal notped++

  1. anda harus memiliki installan notped++.


   2. setelah itu double klik pada file npp.nanti muncul jendela seperti di bawah ini.


  3. lalu muncul jendela seperti gambar di bawah ini,klik saja next.


  4. Selanjutnya pilih"I Agree"


 5.Selanjutnya klik saja Next ->


 6. Klik Next lagi pada Jendela Berikutnya .

7. Ceklis pada Kolom "Creat Shortcut on Desktop" lalu klik Instal seperti gambar di bawah ini.

 8. Tunggu Proses Instaling sampai Selesai

 9. Setelah Instaling Selesai Klik Finish, Notpad++ Telah terpasang di pc anda.

Setelah  selesai Penginstalan Notped++ , selanjutnya saya  akan  menjelaskan Cara Penginstalan Xampp pada Windows. Simak  Penjelasan  Berikut.


  1.  Anda harus memiliki installan Xampp-win32-5.11-1Vc11
  2. Selanjutnya Double Klik Pada File Xampp,nanti akan  muncul jendela  seprti gambar di bawah ini .
  3.  Lalu Klik Next-> lagi pada jendela baru.
  4.  Selanjutnya Klik Next, seperti gambar di bawah ini.
  5. Selanjutnya Klik Next .
  6. lalu Klik Next dan tunggu Instalan sedang di proses.lalu Klik Next
  7. Setelah Menunggu Installing Telah Selesai maka Klik Finish. 
  8. Untuk Membuka Xampp yang baru di instal maka Restar Terlebih dahulu Pc anda.Setela di Restar lalu buka Xampp dan Aktifkan Apache dan Mysql .Seperti gambar di bawah ini.
Selamat,akhirnya Xamp dan Notpad++ Telah berasil Terinstal.Sekian dan Terimakasih sudah membaca tutorial penginstalan npp dan Xampp,semoga bermanfaat. Terimakasih