Aplikasi Webview

Aplikasi Webview
Webview adalah aplikasi yang sama halnya dengan browser. Bedanya webview untuk alamat sudah ditentukan. Jadi ketika aplikasi dibuka secara otomatis mengarah ke aamat yang sudah ditentukan. Tapi bisa juga menambahkan kolom search untuk mengarah ke alamat lain.

Perintah PHP Mengolah Array



Array PHP

1. Menghitung Jumlah Array

<?php
$program = ['HTML', 'PHP', 'JavaScript', 'Ajax', 'CSS'];
echo 'Ditemukan data sebanyak ' .  count($program) . ' data';
// Hasil: Ditemukan data sebanyak 5 data.

2. Cek apakah array mengandung value tertentu
$program = ['HTML', 'PHP', 'JavaScript', 'Ajax', 'CSS'];
if (in_array('Motor', $program ))
{
 echo 'OK';
}

3. Mengurutkan value dari array

<?php
$program = ['HTML', 'PHP', 'JavaScript', 'Ajax', 'CSS'];
asort($program);
echo '<pre>'; print_r($program);
/* HASIL:
Array
(
    [4] => Ajax
    [5] => CSS
    [1] => HTML
    [3] => JavaScrpt
    [2] => PHP
)*/

4. Mencari index dari value tertentu
<?php
$program = ['HTML', 'PHP', 'JavaScript', 'Ajax', 'CSS'];
$key = array_search('PHP', $program); // 2
5. Mencari Nilai Minimal dan Maksimal dari Suatu Array
$nilai  = [100, 67, 30, 6, 8];
$max  = max($nilai);
$min  = min($nilai);
echo $max; //100
echo $min; //6

Perluangan For pada PHP

Perluangan For pada PHP
Fungsi For digunakan untuk mengulang. Penggunaannya sangat bermanfaat khusunya bagi para programmer agar tidak menulis script berkali kali, tapi cukup dengan menggunakan for.

Contoh menampilkan kalimat dengan for.

<?php
for ($i= 1; $i <= 10; $i++)
{
   echo "Perluangan For pada PHP";
   echo "<br />";
}
?>

Halaman Login Dengan AJAX dan Boostrap (Multi Level)

<?php session_start();?>
<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Belajar Mandiri Web Programming">
    <meta name="author" content="">

    <title>Otoprogram</title>

    <!-- Bootstrap Core CSS -->
    <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="../bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
 <script src="../bower_components/jquery/jquery.min.js"></script>
 <script src="../bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Custom CSS -->
    <link href="../dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
function cek_login()
{
 var username = document.getElementById("username").value;
            var password = document.getElementById("password").value;
             var newURL = window.location.protocol + "//" + window.location.host + "/";
            $.ajax({
                url:"cek_login.php",
                type:"POST",
                data:{
                    username:username,
                    pass:password
                },
    beforeSend: function() {
    // setting a timeout
    $("#loading").css("display","block");
    $("#notif").css("display","none");
    },
                success:function(result){
     if(result=='admin'){
      
      window.location = 'http://http://otoprogram.blogspot.co.id/index.php';
     
     }
     else if(result=='guru'){
      window.location = 'http://otoprogram.blogspot.co.id/pages/admin/index.php';
     }
     else if(result=='siswa'){
      window.location = 'http://otoprogram.blogspot.co.id/pages/userreg/index.php';
     }
     else 
     {
      $("#notif").css("display","block");
      $("#loading").css("display","none");
      
     }
                },
            });
}
</script>

<script type='text/javascript'>
$(window).load(function(){
  $("#notif").css("display","none");
  $("#loading").css("display","none");
 
});
</script>
</head>

<body>
<?php
// memulai session

error_reporting(0);
if (isset($_SESSION['level']))
{
  // jika level admin
  if ($_SESSION['level'] == "admin")
   { 
    header('location:index.php'); 
   }
   // jika kondisi level user maka akan diarahkan ke halaman lain
   else if ($_SESSION['level'] == "user")
   {
       header('location:/siswa/index.php');
   }
   else if ($_SESSION['level'] == "guru")
   {
       header('location:/guru/index.php');
   }   
}
?>

    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Please Sign In</h3>
                    </div>
                    <div class="panel-body">
                        <form role="form" method="post" action="" onsubmit="cek_login(); return false">
                            <fieldset>
        <div class="alert alert-danger" id="notif">
                                username atau password tidak ada yang cocok! <a href="#" class="alert-link"></a>.
        </div>
         <div class="alert alert-success" id="loading">
                                Loading... <a href="#" class="alert-link"></a>.
        </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="username" name="username" id="username" autofocus required>
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Password" name="pass" type="password" id="password" required>
                                </div>
                                
                                <!-- Change this to a button or input when using this as a form -->
                               
        <button type="submit" class="btn btn-lg btn-success btn-block">Login</button><br>
        Belum Memiliki akun ? <a href="registrasi.php">Daftar untuk account baru</a>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="../bower_components/jquery/dist/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="../bower_components/metisMenu/dist/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="../dist/js/sb-admin-2.js"></script>

</body>

</html>

Hasil


Perintah Menyimpan Data dengan AJAX

Perintah Menyimpan Data dengan AJAX
<script type="text/javascript">
function save()
{
      $.ajax({
                url:"simpan.php",
                type:"POST",
                data:{
                    username:username,
                    pass:password
                }
});
}
</script>


Perintah diatas bisa dipanggil melalui tombol

<button type='button' onclick='save()'>Simpan</button>

Kelebihan ajax adalah tanpa perlu pindah halaman.

simpan.php

Halaman ini dibuat untuk menangani POST. Scriptnya sama halnya dengan script php biasa
misal
$username=$_POST['username'];
kemudian tinggal disimpan variabelnya ke database menggunakan query mysql

Foreach untuk Array

Foreach untuk Array
Dalam menterjemahkan array, kita bisa menggunakan for, atau juga bisa menggunakan foreach. for memiiki kekuraangan, dimana kita harus tahu jumlah dari array. karena for akan mengulang sesuai jumlah yang ditulis. berbeda dengan foreach. foreach akan mengulang selama terdapat array, sehingga akan mengurangi jumlah pemakaian variabel

foreach ($variabelarray as $value)
{
   statement ($value)
}


Cara Mendapatkan URL di JavaScript

Cara Mendapatkan URL di JavaScript
Javascript dapat mendapatkan data url untuk di simpan dalam variable. dan tergantung mau kita apakan variabel itu.
Contoh : http://otoprogram.com/index.php


  • window.location.protocol = "http:"
  • window.location.host = "otoprogram.com"
  • window.location.pathname = "index.html"