Angga Gemilang

Nama Saya Angga Gemilang~~~
Kelas X-RPL 1

Saya adalah siswa di kelas X (10) - RPL 1 di SMK Negeri 4 Bandung.
SMK Negeri 4 Bandung

Saya Bersekolah di SMK Negeri 4 Bandung yaang beralamat di Jalan Kliningan No.6, Turangga, Lengkong, Turangga, Lengkong, Kota Bandung, Jawa Barat 40264
Blogger

Sublime better than CMS

Minggu, 28 Oktober 2018

#25 Intermediate Web | Web Programming Tutorial

Oktober 28, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan memperlihatkan kepada kalian salah satu kemapuan dari bahasa PHP di web development, yaitu menghitung karakter dan menyebutkan mana saja huruf yang termasuk kedalam huruf n. saksikan saja sesaat lagi, semoga kalian mengerti. Check It Out...

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Penggunaan Array
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran produktif di sekolah saya. tugas saya hanyalah menggunakan array, dan menerapkannya di tabel dengan judul daftar siswa jurusan MIF, langung saja perhatikan kodingannya berikut ini :

CSS, HTML, dan PHP:

<!DOCTYPE html>
<html>
<head>
 <title>Array Asosiatif</title>
    <style type="text/css">
     body
     {
      font-family: arial;
     }
     h1 
     {
      text-align: center;
      text-transform: uppercase;
     }
      table
       {
      border-collapse: collapse;
      border: 1px solid #fff;
      text-align: center;
     }
     table tr:nth-child(even){
      background: #95C5E6;
     }

     table tr:nth-child(odd){
      background: #B3D6ED;
     }

     table tr:nth-child(odd):hover{
      background: #95C5E6;
     }
     table tr:nth-child(1){
       background: #59A5D8;
      }
 </style>
 <link rel="stylesheet" href="style.css">
</head>
<body>
 <div class="transparan">
 <center>
 <h1>Daftar Siswa MIF</h1>
 <table border="1" class="tabel">
  <tr>
   <th width="100">Nis</th>
   <th width="100">Nama</th>
   <th width="100">Kelas</th>
   <th width="100">Jurusan</th>
  </tr>
  <?php
   $siswa = array(
    array('nis' => '13144432323','nama' => 'Boni','kelas' => 'MIF1', 'jurusan' => 'MIF'),
    array('nis' => '7882980899','nama' => 'Laurent','kelas' => 'MIF2', 'jurusan' => 'MIF'),
    array('nis' => '8972983798','nama' => 'Nanang','kelas' => 'MIF3', 'jurusan' => 'MIF'),
    array('nis' => '18989828','nama' => 'Jaja','kelas' => 'MIF1', 'jurusan' => 'MIF')
   );
   foreach ($siswa as $biodata) :?>
    <tr>
     <td><?=$biodata['nis']?></td>
     <td><?=$biodata['nama']?></td>
     <td><?=$biodata['kelas']?></td>
     <td><?=$biodata['jurusan']?></td>
    </tr>
    <?php endforeach;?>
 </table>
</center>
</div>
 <body>
<html>

Hasil Dari Pengerjaan Penggunaan Array :

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #19 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

Kamis, 25 Oktober 2018

#24 Intermediate Web | Web Programming Tutorial

Oktober 25, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Looping Membentuk Segitiga
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran produktif di sekolah saya, yaitu membuat pengulangan agar membentuk sebuah bentuk. tanpa berlama - lama langsung saja. Check It Out! : :

CSS:

 <style type="text/css">
  body
  {
   font-family: arial;
  }
  h1
  {
   text-transform: uppercase;
  }
  label{
   width: 15%;
   float: left;
  }
  input[type="submit"]
  {
   border: none;
   background: salmon;
   padding: 5px 20px;
   margin-left: 10px; 
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
   transition: .5s;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 2px 10px rgba(0,0,0,.5);
  }
  .kotak{
   width: 25px;
   height: 25px;
   margin: 1px;
   display: inline-block;
  
 </style>

HTML:

<!DOCTYPE html>
<html>
<head>
 <title>Tangga Berwana</title>
</head>
<body>
 <h1>Tangga Berwarna</h1>
 <form method="post">
 <label>Jumlah Anak Tangga</label> 
 : <input type="text" name="jumlah" style="margin-bottom: 10px;" required="required" ><br/>
 
 <label>Warna</label>
 : <input type="radio" name="warna" value="green" required="required">Hijau
 <input type="radio" name="warna" value="purple" required="required">Ungu
 <input type="radio" name="warna" value="yellow" required="required">Kuning
 <input type="radio" name="warna" value="blue" required="required">Biru
 <input type="radio" name="warna" value="grey" required="required">Abu - Abu
 <input type="submit" name="" value="Buat Tangga">
 </form>
 <body>
<html>

PHP :

<?php 
 if (isset($_POST['warna']) && isset($_POST['jumlah'])) {
  $warna = $_POST['warna'];
  $jumlah = $_POST['jumlah'];
  if (!empty($warna) || !empty($jumlah)) {
    for ($i=0; $i <= $jumlah; $i++){ 
    for ($j = 0; $j < $i ; $j++) { 
    echo "<div class='kotak' style='background-color: $warna'></div>";
    } 
    echo "<br/>";
   }
  } else{
   die("Isi dengan lengkap form diatas");
  }
  } 
  ?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Wassalamualaikum wr, wb

Sabtu, 20 Oktober 2018

#23 Intermediate Web | Web Programming Tutorial

Oktober 20, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Menghitung Karakter (IF)
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran [roduktif di sekolah saya. sebenrarnya dalam melakukan program ini saya disuruh untuk menggunakan pengulangan, namun untuk saat ini saya baru bisa menjalankannya menggunakan percabangan, namun tetap menggunakan salah satu fasilitas dari php itu sendiri seperti dibawah :

Berbeda halnya dengan single quoted string, double quoted string akan memunculkan nilai dari variabel dan mengeksekusi spesial karakter seperti \n, \r, dsb.

$jumlah_huruf = strlen($kalimat);

$jumlah_beberapa = substr_count($kalimat, "a");

CSS:

 <style type="text/css">
 h1{
  font-size: 25pt;
  text-transform: uppercase;
  font-family: arial;
 }
 label
 {
  width: 12%;
  float: left;
  font-size: 20pt;
 }
 span
 {
  font-size: 15pt;
  margin-left: 10px;
 }
 input[type="submit"]
 {
  border: none;
  background: salmon;
  padding: 10px 20px;
  margin-left: 10px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: .5s;
 }
 input[type="submit"]:hover
 {
  box-shadow: 0 3px 15px rgba(0,0,0,.5);
 } 
 </style>

HTML:

!DOCTYPE html>
<html>
<head>
 <title>studikasus3</title>
</head>
<body>
<h1>Hitung Jumlah Huruf</h1>

<form method="get" name="form input">
<label>Masukkan Kalimat</label>
: <input type="text" name="kalimat" id="kalimat" required="required">

<span>a</span> <input type="radio" name="vokal" value="ans1" required="required">
<span>i</span> <input type="radio" name="vokal" value="ans2" required="required">
<span>u</span> <input type="radio" name="vokal" value="ans3" required="required">
<span>e</span> <input type="radio" name="vokal" value="ans4" required="required">
<span>o</span> <input type="radio" name="vokal" value="ans5" required="required">

<input type="submit" name="submit" id="submit" value="hitung">
</form>
 <body>
<html>

PHP :

<?php
if(isset($_GET['kalimat']) && isset($_GET['vokal'])){
 $kalimat = $_GET['kalimat'];
 $answer = $_GET['vokal'];
  if (!empty($kalimat) || !empty($answer)) {  
  if ($answer == "ans1") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "a");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf a pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans2") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "i");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf i pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans3") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "u");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf u pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans4") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "e");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf e pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans5") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "o");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf o pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }
 }else{
  die("<div style='text-align: center;font-size: 15pt;text-transform: uppercase; font-weight: bold;'>Masukkan form jumlah diatas</div>");
 }
}
?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Menghitung Karakter (While)
Penjelasannya...

$jumlah_huruf = strlen($kalimat);

$jumlah_beberapa = substr_count($kalimat, "a");

CSS:

 <style type="text/css">
 h1{
  font-size: 25pt;
  text-transform: uppercase;
  font-family: arial;
 }
 label
 {
  width: 12%;
  float: left;
  font-size: 20pt;
 }
 span
 {
  font-size: 15pt;
  margin-left: 10px;
 }
 input[type="submit"]
 {
  border: none;
  background: salmon;
  padding: 10px 20px;
  margin-left: 10px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: .5s;
 }
 input[type="submit"]:hover
 {
  box-shadow: 0 3px 15px rgba(0,0,0,.5);
 } 
 </style>

HTML:

!DOCTYPE html>
<html>
<head>
 <title>studikasus3</title>
</head>
<body>
<h1>Hitung Jumlah Huruf</h1>

<form method="get" name="form input">
<label>Masukkan Kalimat</label>
: <input type="text" name="kalimat" id="kalimat" required="required">

<span>a</span> <input type="radio" name="vokal" value="ans1" required="required">
<span>i</span> <input type="radio" name="vokal" value="ans2" required="required">
<span>u</span> <input type="radio" name="vokal" value="ans3" required="required">
<span>e</span> <input type="radio" name="vokal" value="ans4" required="required">
<span>o</span> <input type="radio" name="vokal" value="ans5" required="required">

<input type="submit" name="submit" id="submit" value="hitung">
</form>
 <body>
<html>

PHP :

<?php 

 if (isset($_GET['kalimat']) && isset($_GET['vokal'])) {
 
 $kalimat = strtolower($_GET["kalimat"]);
 $vokal = $_GET["vokal"];
 $a = strlen($kalimat);
 $banyak_vokal = 0;


 $i = 0;
 while ($i < $a) {
  $banyak_huruf = substr($kalimat, $i, 1);
  if ($banyak_huruf == $vokal) {
   $banyak_vokal++;
  }
  $i++;
  
 }

 echo "<p>Jumlah Huruf <b>$vokal</b> pada kalimat <i><b> $kalimat </b></i> adalah $banyak_vokal <br /> dan jumlah huruf pada kalimat <b><i>$kalimat</b></i> adalah $a </p>";

 }

 ?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Wassalamualaikum wr, wb

Sabtu, 13 Oktober 2018

#20 Intermediate Web | Web Programming Tutorial

Oktober 13, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang materi PHP, kita akan mulai dari 0, pada postingan ini mimin akan mengajarkan tentang bagaimana cara membuat form, perbedaan dari metode get dan juga post pada pembuatan form, dan lain sebagainya. oleh karena itu mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 4 bab yang akan kita pelajari, yaitu:

Post dan Get
Contoh Penggunaan Form Dengan GET
Contoh Penggunaan Form Dengan POST
Quiz

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Post dan Get
Penjelasannya...

Perbedaan POST dan GET

POST
Mempunyai pengertian bahwa metode ini digunakan untuk memparsing hasil inputan form untuk diolah lebih lanjut, tetapi tidak menampilkan query string pada address bar, sehingga lebih aman dibandingkan method GET yang akan terlihat pada address bar. Method POST akan sangat berguna penggunaannya untuk halaman-halaman yang membutuhkan keamanan lebih, karena data inputan kita tidak akan tampil pada address bar browser (disini kelebihan menggunakan Metode POST).

?> Pada contoh file form diatas nilai parsing tidak ditampilkan dalam address bar dan langsung di proses ketempat yang sudah dibuat. Sebenarnya nilai dari parshingan tetap ada tetapi tidak tampak didalam address bar karena valuenya bekerja dibelakang layar (backand). Disinilah keunggulan mengguanakan Method POST.

Perbedaan yang lain dari method POST (Difference of POST Method) adalah:

1. Method POST tidak pernah ter Cache dalam browser
2. Method POST tidak dapat di Bookmark
3. Method POST tidak mempunyai batasan jumlah panjang data

Get
Adalah metode pengiriman data mengguanakan query string atau menampilkan nilainya pada address bar. Jadi semua nilai pada form akan dikirim kesisi server yang kemudian diterima oleh file tertentu dengan ketentuan nilai form tersebut akan tampil didalam address bar browser/URL browser. Untuk suatu keamanan method POST lebih aman dari method GET.

Perbedaan yang lain dari method GET (Difference of GET Method) adalah:
1. Method GET dapat di cache dalam browser
2. Method GET dapat di bookmark
3. Method GET mempunyai batasan jumlah panjang data yaitu maksimal 2048 karakter
Nah untuk lebih jelasnya bisa dilihat di bawah ini :

Contoh Form Dengan Method GET
Penjelasannya...

CSS

 <style type="text/css"> 
  body
  {
   background: url('bg.jpg');
   background-size: cover;
   font-family: arial;
  }
  label
  {
   width: 30%;
   float: left;
  }
  input[type="text"]
  {
   border: none;
   border-bottom: 1px solid #000;
   width: 60%;
   font-size: 15pt;
   text-align: center;
   margin-bottom : 10px;
  }
  .container
  {
   width: 14.3%;
   height: 10%;
   background: #fff;
   position: absolute;
   top: 44%;
   z-index: 1;
   padding: 20px 30px;
   left: 51%;
   transform: translate(-50%, -50%);
   border-radius: 10px;
   box-shadow: 0 10px 40px #000;
  }
  .cont
  {
   position: absolute;
   transform: translate(-50%, -50%);
   top: 60%;
   z-index: 1;
   left: 51%;
   font-family: arial;
   font-weight: bold;
   background: #000;
   color: #fff;
   padding: 20px 50px;
  }
  input[type='submit']
  {
   position: relative;
   bottom: -20px;
   left: 50%;
   transition: .5s;
   transform: translate(-50%, -50%);
   border: none;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
 </style>

menentukan hari.php

<!DOCTYPE html>
<html>
<head>
 <title></title></head>
<body>
 <div class="container">
 <form method="get" name="form input">
  <label>Hari</label>
  : <input type="text" name="hari" id="hari"><br>

  <label>Tanggal</label>
  : <input type="text" name="tanggal" id="tanggal"><br>

  <input type="submit" name="submit" value="Submit">
 </form>
 </div>

 <?php

if (isset($_GET['hari']) AND isset($_GET['tanggal']))
{

 $hari=$_GET['hari'];
    $tanggal=$_GET['tanggal'];

    echo "<div class='cont'>";
    if (!empty($tanggal) || !empty($hari))
 {
    if($hari == "minggu" || $hari == "sabtu"){
  if($tanggal<=10){
   echo "Sekarang anda berada pada tanggal $tanggal hari $hari <br /> Selamat berakhir pekan pada tanggal muda ";
  } else{
   echo "Sekarang anda berada pada tanggal $tanggal hari $hari <br /> Selamat berakhir pekan pada tanggal tua dan tetap semangat";
  }
 } else {
  echo "Sekarang anda berada pada tanggal $tanggal hari $hari <br /> Semoga hari anda menyenangkan <br />";
  echo "sampai jumpa diakhir pekan";
 }

 }

 else
 {
    die("Maaf, anda harus mengisi terlebih dahulu form di atas");
 }
 echo "</div>";
}

 ?>
 <body>
<html>

Hasil Dari Pengerjaan Form Dengan Method GET:

Contoh Form Dengan Method POST
Penjelasannya...

CSS

 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .container
  {
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   padding: 20px 40px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  label{
   float: left;
   width: 30%;
   font-size: 13pt;
   text-transform: uppercase;
  }
  input[type='number']
  {
   margin-bottom: 20px;
   border: none;
   font-size: 15pt;
   text-align: center;
   width: 65%;
   border-bottom: 1px solid grey;
  }
  input[type='number']:focus
  {
   border-bottom: 1px solid #000;
   border: none;
  }
  input[type='submit']
  {
   position: relative;
   bottom: -5px;
   left: 35%;
   border: none;
   transition: .5s;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
  .cont
  {
   position: absolute;
   background: #000;
   top: 65%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-weight: bold;
   font-family: arial;
   padding: 30px 50px;
  }
 </style>

menghitungjumlahhari.php

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
 <div class="container">
 <h1>Menghitung Jumlah Hari</h1>
 <form method="post" name="form nilai">
 <label>Bulan</label>
 : <input type="number" name="bulan" id="bulan"><br>

 <label>Tahun</label>
 : <input type="number" name="tahun" id="tahun"><br>

 <input type="submit" name="submit" value="Hitung">
 </form>
 </div>

 <?php 

 if (isset($_POST['bulan']) && isset($_POST['tahun'])) {

  $bulan = $_POST['bulan'];
  $tahun = $_POST['tahun'];

  echo "<div class='cont'>";
  if (!empty($bulan) || !empty($tahun)) {
  $hasil = 30 * $bulan + 365 * $tahun;
  echo "$bulan bulan ditambah $tahun tahun menjadi, $hasil hari";

  }else{
   die("Mohon Isi lengkap terlebih dahulu form diatas");
  }
  echo "</div>";
 }
 ?>
 <body>
<html>

Hasil Dari Pengerjaan Form dengan POST :

Perbedaaan Antara Penggunaan Method - Method :

Form Dengan Method GET

Form Dengan Method POST

QUIZ
Penjelasannya...

CSS

 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .container
  {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   width: 30%;
   padding: 30px 30px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  label{
   float: left;
   width: 45%;
   font-size: 13pt;
   text-transform: uppercase;
  }
  input[type='text']
  {
   margin-bottom: 20px;
   height: 25px;
   font-size: 15pt;
   text-align: center;
   border: none;
   border-bottom: 1px solid grey;
   width: 43%;
  }
  input[type='text']:focus
  {
   border-bottom: 1px solid #000;
   border: none;
  }
  input[type='submit']
  {
   position: relative;
   bottom: -20px;
   left: 50%;
   transition: .5s;
   transform: translate(-50%, -50%);
   border: none;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="radio"]
  {
   margin-bottom: 20px;
   font-size: 15pt;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
  h1
  {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   margin-top: -5px;
   font-family: arial;
  }
 </style>

registrasi.php

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
 <div class="container">
 <h1>BIODATA</h1>
 <form method="post" name="form nilai" action="lihat.php">
 <label>Nama Depan</label>
 : <input type="text" name="nd" id="nd"><br>

 <label>Nama Belakang</label>
 : <input type="text" name="nb" id="nb"><br>

 <label>Alamat</label>
 : <input type="text" name="alamat" id="alamat"><br>

 <label>Jenis Kelamin</label>
 : <input type="radio" name="jk" id="jk" value="1"> <span style="font-size: 15pt;">Laki - Laki</span>  <input type="radio" name="jk" id="jk" value="2">  <span style="font-size: 15pt";>Perempuan</span><br>

 <label>Agama</label>
 : <input type="text" name="agama" id="agama"><br>

 <input type="submit" name="submit" value="Hitung">
</form>
</div>
 <body>
<html>

Hasil Dari Pengerjaan Quiz:

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #20 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

#19 Intermediate Web | Web Programming Tutorial

Oktober 13, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang materi PHP, kita akan mulai dari 0, maka dari itu mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 5 bab yang akan kita pelajari, yaitu:

XAMPP
Latihan1.php
Boolean.php
Single dan Double Quoted
Heredoc

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

XAMPP
Penjelasannya...

Sebuah perbedaan website dinamis adalah kita menggunakan server ( untuk sementara kita bisa menggunakan server local ) untuk menjalankannya.
oleh Karena itu kita membuatuhkan XAMPP ini untuk membuat sebuah server localnya
file .php yang kita buat itu disimpan di direktori xampp-nya. Lebih tepatnya di htdocs
untuk defaultnya lokasi nya biasanya ada di C:\xampp\htdocs
Dan juga untuk menjalankannya, harus dibuka dulu XAMPP Control Panel

Hasilnya kurang - lebih akan seperti ini :

Latihan1.php
Penjelasannya...

latihan.php (Which is HTML + PHP + CSSnya nyatu) :

<?php 
	
	$nama      = "Angga Gemilang";
	$kelas          = "XI - RPL 1";
	$nis            = "1718117111";
	$umur           = 16;
	$berat_badan    = 60;
 
	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo ("<h2 style='text-transform: uppercase; font-family: arial;'>Nama saya $nama</h2>");
	echo "Sekarang saya kelas $kelas dan NIS saya $nis<br />";
	echo 'Umur saya sekarang adalah '. $umur .' tahun<br />';
	echo "Berat badan saya $berat_badan kg";

 ?>

Hasil Dari Pengerjaan Latihan1.php :

Boolean.php
Penjelasannya...

Boolean.php (which is HTML + PHP + CSSnya nyatu)

<?php  
	
	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo "<h2>Contoh Nilai Boolean</h2>";

	$a = TRUE;
	$b = FALSE;

	echo '$a = '. $a.'<br>';  
	echo '$b = 0 <br>';  

?>

Hasil Dari Pengerjaan Boolean :

Single and Double Quoted
Penjelasannya...

Walaupun sama - sama diciptakan untuk string pada PHP, namun kenyataannya penggunaanya berbeda loo...

Singel Quotes atau kutip tunggal (karakter ‘) adalah salah satu cara untuk menspesifikasikan string pada PHP. Dengan menggunakan single quote maka variable maupun spesial karakter akan diabaikan. Untuk menuliskan single quote di dalam Single Quoted String tambahkan backslash (\), berhubung backslash dianggap sebagai karakter untuk meng-escape single quote maka untuk menuliskan backslash kita hanya perlu membuatnya menjadi double backslash (\\).

Berbeda halnya dengan single quoted string, double quoted string akan memunculkan nilai dari variabel dan mengeksekusi spesial karakter seperti \n, \r, dsb.

SingleQuoted :

<?php  

	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo "<h2>Contoh Single Quoted</h2>";
	$tulisan = 'Menggunakan PHP';
	echo 'Ini adalah suatu string'.',<br>';
	echo 'Anda bisa menyisipkan baris baru dalam string, seperti ini.'.'<br>';
	echo 'Assalamu \'alaikum'.'<br>';
	echo 'Nama Saya Angga Gemilang'.'<br>';
	echo 'Saya senang belajar Web di SMKN 4 Bandung '.'<br>';
	echo $tulisan.'<br>';

?>

DoubleQuoted :

<?php  

	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo "<h2>Contoh Double Quoted</h2>";
	$tulisan = "Menggunakan PHP";
	echo "Ini adalah suatu string".",<br>";
	echo "Anda bisa menyisipkan baris baru dalam string, seperti ini."."<br>";
	echo "Assalamu 'alaikum"."<br>";
	echo "Nama Saya Angga Gemilang"."<br>";
	echo "Saya senang belajar Web di SMKN 4 Bandung "."<br>";
	echo "$tulisan"."<br>";


?>

Hasil Dari Pengerjaan Single dan Double Quoted :

heredoc.php
Penjelasannya...

heredoc.php

<?php

echo "<style>body{background: salmon; font-family: arial;</style> ";
echo "<h2>Contoh Penggunaan heredoc</h2>";
$tulisan = 'Menggunakan PHP';
$str = <<<LABEL_SAYA
Contoh penulisan heredoc pada PHP.
Menulis string tanpa escape (back slash) pada PHP.
Contoh kata Jum'at dengan satu tanda kutip atau
Jum"at dengan dua tanda kutip
LABEL_SAYA;

echo $str;
?>

Hasil Dari Pengerjaan heredoc :

Wassalamualaikum wr, wb

Minggu, 07 Oktober 2018

Biodata Dede With PHP...

Oktober 07, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Nah, tidak seperti biasanya. sekarang kita memasuki cara membuat web dinamis, berbeda dengan sebelumnya yang selalu kita pelajari tentang pembuatan web statis. nah sebagai permulaan, saya disuruh guru unutk mebuat sebuah web biodata dengan mengunakan PHP. bisa dilihat, check it out ...

Biodata with PHP
Penjelasannya...

Saya akan menunjukan cara - cara versi saya unutk membuat sebuah web biodata dengan menggunakan tiga langkah, pertama membuat tampilan secara sederhananya dengan menggunkaan HTM, kedua kita bisa menggunakan CSS untuk styling file html tadi, lalu ketiga kita bisa menambahkan variabel - variabel dengan isi yang penting kdalam file PHP tadi

CSS (index.css)

body
  {
   background: #a7c5bd;
   overflow-y: hidden;
  }
  .container
  {
   position: absolute;
   top: 50%;
   background: #53917E;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 55%;
   border-radius: 10px;
   letter-spacing: 2px;
   border-top: 20px solid #447768; 
   height: 60%;
   color: #fff;
   box-shadow: 0 10px 20px rgba(0,0,0,.5);
  }
  .profile img
  {
   position: absolute;
   top: 75%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   width: 18%; 
   height: 40%;
   background: #fFF;
  }
  h1
  {
   text-transform: uppercase;
   text-align: center; 
   margin-top: 50px;

  }
  hr
  {
   width: 20%;
   border-top:solid #000;
   margin-top: -10px;
  }

HTML dan PHP (biodata.php)

<!DOCTYPE html>
<html>
<head>
<title>Created by angga gemilang</title>
</head>
<body>
 <h1>Biodata</h1>
 <hr>
 <div class="container">
  <?php  
   
   $nama = "Angga Gemilang";
   $ttl = "24 Agustus 2002";
   $sekolah = "SMKN 4 Bandung";
   $kelas = "XI RPL 1";
   $alamat = "Jalan Ciguruwik Babakan Sukamulya RT 02 RW 13 No. 53";
   $hobi = "Ngoding";
   $cita_cita = "programmer";
   $anak = "3";
   $smp = "SMPN 1 CIleunyi";
   $pljrn = "matematika";
   $jurusan = "RPL";

   echo "<p style='color: #000; text-align: justify; padding: 10px 30px; font-family: arial; font-weight: bold;'>Halo, nama saya $nama saya lahir pada tanggal $ttl, untuk saat ini saya bersekolah di $sekolah kelas $kelas. rumah saya beralamat di $alamat. Saya Merupakan Anak ke $anak, dengan bersekolahnya saya di $sekolah, saya berharap memiliki masa depan yang cerah. juga dibarengi dengan doa. saya selalu berdoa agar cita - cita saya dari agar segeranya terkabul menjadi $cita_cita. For your information duli sebeleum saya lulus ke smk, saya sekolah di $smp, hingga ketika UN alhamdulillah saya bisa mendapatkan nem yang lumayan baik, mencapai 31. dari SMP sudah saya niatkan setelah lulus saya ingin lanjutkan ke smk jurusan komputer, namun pada saat itu saat tidak tahu apa - apa tentang seluk beluk trntang ilmu perkomputeran, hingga pada akhirnya saya melakukan observasi ke smk 4, smk 13, dan smk 2. di smk 13 itu saya banyak bertanya tentang jurusan komputer, saya mendapatkan banyak ilmu disana, namun karena usia jurusan Komputer disana terbilang baru, terutama RPL yang belum meluluskan satupun muridnya, karena memang pada saat itu baru berusia 2 tahu. yang pada akhirnya saya memilih smk 4 sebagai sekolah tujuan saya berikutnya. dengan lokasi yang luamayan jauh, namun akomodasi yang mudah, banyaknya kendaraan. berbeda dengan smk 2 yang tidak ada angkutan umum yang lewat. di smp sendiri pelajaran yang paling saya benci adalah $pljrn, tadinya saya kira di smk $jurusan tidak akan adanya matematika, taunya masih ke matematika - matematika juga.  </p>";
  ?>
 </div>
 <div class="profile">
  <img src="gambar dede.png">
 </div>
 <body>
<html>

Hasil Dari Pengerjaan Biodata with PHP :

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul Biodata Dede With PHP karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

Kamis, 04 Oktober 2018

Rekomendasi Online Shop Terbaik Di Indonesia....

Oktober 04, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Bebeda dari yang sering kita lakukan, pada kesempatan kali ini kita akan memberikan rekomendasi tentang toko online shop yang terbaik dan dapat dipercaya di indonesia untuk saat ini, namun selain daripada itu kita juga akan menganalisi bagaimana toko online shop yang baik dan benar,

Online Shop
Penjelasannya...

Belanja online (online shop) merupakan proses pembelian barang/jasa oleh konsumen ke penjual realtime, tanpa pelayan, dan melalui internet. Toko virtual ini mengubah paradigma proses membeli barang/jasa dibatasi oleh tembok, pengecer, atau mall. Maksudnya, tanpa perlu harus bertemu penjual/pembeli secara langsung, tanpa perlu menemukan wujud ‘pasar’ secara fisik, namun hanya dengan menghadap layar monitor komputer, dengan koneksi internet tersambung, kita dapat melakukan transaksi jual/beli secara cepat, nyaman, dan memudahkan dalam mencari barang yang diinginkan.

Di Indonesia sendiri, belanja online atau online shop mulai muncul sekitar tahun 2000 an, dan sekarang toko online sudah menjamur ada dimana mana. Apalagi dengan adanya dukungan media jejaring sosial yang canggih, seperti facebook, twitter, blog, multiply, tumblr dan lain-lain, yang dapat sangat berguna untuk mempromosikan produk yang ingin di jual atau di beli. Media sosial inilah merupakan salah satu media yang mempermudah dalam membuat berbelanja online semakin mudah terjadi.

Pada awal kemunculannya di Indonesia, berbelanja online hanya di gunakan oleh masyarakat dari kalangan atas, karena berbelanja online membutuhkan komputer, jaringan internet, dan kartu debet untuk melakukan transaksi jual/beli tersebut. Namun seiring berjalannya waktu, dikarenakan oleh faktor kenyamanan dan kecepatan, sekarang mulai dari ibu-ibu pejabat bahkan sampai mahasiswa/mahasiswi banyak yang bisa memanfaatkan berbelanja dengan online.

Lazada.id
Penjelasannya...

Lazada Indonesia adalah situs belanja online yang menawarkan berbagai macam jenis produk, mulai dari elektronik, buku, mainan anak dan perlengkapan bayi, alat kesehatan dan produk kecantikan, peralatan rumah tangga, serta perlengkapan traveling dan olahraga. Lazada Indonesia didirikan pada tahun 2012 dan merupakan bagian dari Lazada Group yang beroperasi di Asia Tenggara. Hingga tahun 2014, Lazada Group telah beroperasi di Singapura, Malaysia, Indonesia, Vietnam, Thailand, dan Filipina dengan Singapura sebagai lokasi kantor pusat mereka.

Lazada Group sendiri merupakan salah satu anak perusahaan internet Jerman bernama Rocket Internet. Rocket Internet merupakan perusahaan inkubator online yang sukses menciptakan perusahaan-perusahaan online inovatif di berbagai belahan dunia. Berkantor pusat di Berlin, Jerman, proyek yang dimiliki Rocket Internet, antara lain Zalando, TopTarif, eDarling, Groupon (sebelumnya CityDeal). Hingga pada April 2016, Alibaba Group resmi mengakuisisi saham mayoritas Lazada Group senilai US$ 1 milia

fungsi dan Fitur
Penjelasannya...

Gambar diatas adalah halamn pertama ketika membuka link www.lazada.id. Bisa kita lihat bahwa tampilan diatas memiliki user interface yang simple, menarik dan mudah dimengerti. Tidak ada icon, atau tombol yang membuat kita bertanya - tanaya "ini fungsinya buat apa sih?!". Semuanya dikemas dalam konsep yang modern, efeksecukupnya dan tidak berlebihan.

lalu jika kalian ingin log in atau sign up, kalian bisa memilih antara tombol dibawah :

Nah, kalian bisa mendaftar dengan menggunakan berbagai macam cara, bisa melalui akun gmail, akun yahoo, akun facebook, dan nomor telepon.

nah, seperti yang sudah saya jelaskan tadi, layout atau penempatan dalam web ini dibentuk dengan konsep yang mudah dimengerti namun dengan estetika yang tidak buruk. bisa kita lihat, jika anda ingin mencari barang. mudah saja, tinggal tekan kotak pencarian dibawah :

Fitur - fitur unggulan lazada.id :

1, Cash on delivery

Melayani COD atau Cash On Delivery, hal ini berguna bagi para pembeli yang merasa kurang percaya dan takut akan adanya penipuan. Saya juga termasuk pemakai dari fitur ini, karena tidak semua online shop bisa melakukan ini, maka ini merupakan daya tarik tersendiri bagi konsumen.

2. Pengeriman yang relatif sangat cepat

Berdasarkan pengalaman saya sendiri menggunakan aplikasi ini, lazada merupakan salah satu aplikasi online shop dengan pengiriman tercepat yang pernah saya coba, dengan mengandalkan jasa kurir LEXnya (LAzada Express). meskipun diberi estimasi pengiriman, lamun nyatanya pengiriman hanya membutuhkan waktu 1 hari dengan biaya ongkir gratis. sampai - sampai saya harus terlebih dahulu meminjam uang orang tua bahkan tetangga karena barang datang terlalu cepat,sedangkan uang belum ada dengan menggunakan jenis pembayaran COD.

3. Barang yang dijual lazada kebanyakan merupakan barang resmi

Tidak tahu atau tidak, untuk selama ini yang rasakan, lazada kebanyakan menjual barang - barang resmi dari distrbutor. Lazada juga menyediakan fitur Flash Sale untuk memfalisitasi produk yang akan dijual khusus secara online, dengan begitu daya tarik kepercayaan akan semakin bertambah dibanding online shop online shop lain.

Design
Penjelasannya...

Sebenarnya inilah daya tarik utama dari sebuah online shop, karena bagian inilah yang pertama kali lihat, dan yang pertama kali kita rasakan sebelum mengetahui lebih jauh tentang kelebihan dan kekurangan sebuah online shop, karena tidak jarang saya mengunjungi sebuah online shop yang memiliki design yang tidak responsive alias jelek, namun memiliki segudang kelebihan lain dalam bidang lain.

User Interface

Saya akan terlebih dahulu bahas tentang UInya, seperti yang sudah saya jelaskan diawal blog tadi, bahwa web lazada.id ini menggabungkan konsep antara simple tapi modern. enak dipandang.

User Experience

Tidak hanya UInya saja yang bagus, UX web inipun dapat diacungi jempol, karena didalamnya terdapat tombol - tombol dan icon -icno yang mudah dimengerti, penempatannya pun mudah dijangkau bagi tangan dan mata. dan yang paling penting tidak menghasilkan statement "INi tombol apaan sehhh?!".

Saran
Penjelasannya...

Overall ini merupakan web online shop hampir 100% sempurna yang saya sangat remkomendasikan untuk kalian. tidak ada kritik yang berarti untuk hasil kerjamu Lazada.

pertahankan hasil kerjamu ini, well done, saya banyak menikmati promo - promomu. namun sedikit saja dari saya, tolong tambahakan lebih banyak counter - counter dalam metode pembayaran bayar di counter, karena tidak semua orang hanya membayar lewat indomaret atau alafamart. termasuk saya, saya biasanya akan membayar di jne kalau waktu tidak sempat.

Mungkin sekian saja yang dapat saya sampaikan, ini merupakan pemikiran subjektif dari saya sendiri, tidak ada campur otak orang lain, mohon maaf bila ada kesalahan kata atau ketrik karena saya hanyalah manusia biasa yang tidak luput dari dosa.

Wassalamualaikum wr, wb

Minggu, 28 Oktober 2018

Assalamualaikum wr, wb

CSS, HTML, dan PHP:

Kamis, 25 Oktober 2018

Assalamualaikum wr, wb

CSS:

HTML:

PHP :

Sabtu, 20 Oktober 2018

Assalamualaikum wr, wb

CSS:

HTML:

PHP :

CSS:

HTML:

PHP :

Sabtu, 13 Oktober 2018

Assalamualaikum wr, wb

CSS

menentukan hari.php

CSS

menghitungjumlahhari.php

Perbedaaan Antara Penggunaan Method - Method :

Form Dengan Method GET

Form Dengan Method POST

CSS

registrasi.php

Assalamualaikum wr, wb

Hasilnya kurang - lebih akan seperti ini :

latihan.php (Which is HTML + PHP + CSSnya nyatu) :

Boolean.php (which is HTML + PHP + CSSnya nyatu)

SingleQuoted :

DoubleQuoted :

heredoc.php

Minggu, 07 Oktober 2018

Assalamualaikum wr, wb

CSS (index.css)

HTML dan PHP (biodata.php)

Kamis, 04 Oktober 2018

Assalamualaikum wr, wb

Fitur - fitur unggulan lazada.id :

1, Cash on delivery

2. Pengeriman yang relatif sangat cepat

3. Barang yang dijual lazada kebanyakan merupakan barang resmi

User Interface

User Experience

Follow Me

Clock

Calendar

Popular Posts

Blog Archive

About Me

Sent Quick Message

Translate

Translator's Flag

SMK Negeri 4 Bandung

Pesan Dari Admin

About