LOOPING

        Seperti yang kita ketahui, looping adalah salah satu cara menghitung nilai yang bersifat banyak yang tidak mungkin kita inputkan 1 sampai 1000 secara manual....dengan adanya looping tentu akan membantu kita dalam mengerjakan sesuatu.....😄

•         Salah satu contoh LOOPING DI VISUAL.  STUDIO.... 

. Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click         ListBox1.Items.Clear()         For nilai = 100 To 1 Step -1             ListBox1.Items.Add(nilai)         Next     End Sub     Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click         ComboBox1.Items.Clear()         For tahun = 1980 To 2050             ComboBox1.Items.Add(tahun)         Next     End Sub Advertise with Anonymous Ads

Konek databases

• Konek data

          PHP memiliki banyak fungsi berbeda yang telah built-in untuk manipulasi database. UcBerikut ini adalah fungsi-fungsi built-in, dan kita pasti akan menemukan ketika membuat aplikasi yang berhubungan dengan PHP dan MySQL:13a

< mysql_connect()<?php $user_name = "root";$password = "";$database = "Abc";$host_name = "localhost";mysql_connect($host_name, $user_name, $password); echo "Koneksi Terbuka"; ?>

Skrip PHp

mysql_connect()

mysql_select_db()

mysql_close()

Membuka koneksi database MySQL PHP

Skrip PHp

mysql_connect()

mysql_select_db()

mysql_close()

Membuka koneksi database MySQL PHP

Seperti yang telah disebutkan, sebelum merubah isi tabel dari database, pertama yang harus kita mulai adalah membuat skrip agar terhubung ke database. Fungsi mysql_connect(), seperti namanya, digunakan untuk menghubungkan ke database MySQL.

Skrip

<?php

$user_name = "root";

$password = "";

$database = "Abc";

$host_name = "localhost";

mysql_connect($host_name, $user_name, $password);

echo "Koneksi Terbuka";

?>

• Perhatikan empat baris skrip pertama yang ditunjukkan di atas, skrip tersebut merupakan pengaturan variabel. Variabel pertama adalah $user_name sedangkan variabel kedua adalah $password, variabel pertama berisi nilai root sedangkan variabel kedua bernilai "" alias kosong, kita menentukan nilai ini karena nilai ini adalah nilai default untuk database MySQL.

Berikutnya adalah variabel $database yang berisi nama database yang ingin dituju dan variabel $host_name yang berisi nama host tempat database berasal.

INFOJika anda menggunakan database MySQL yang berasal dari XAMPP, maka nama host adalah “localhost” -tanpa tanda petik-, dengan asumsi bahwa database anda berada pada lokal komputer. Pada kasus lain nama host juga bisa berupa nama lainnya dan juga bisa berupa IP.

Skrip PHP

mysql_connect($host_name, $user_name, $password);

Baris Skrip PHP di atas digunakan untuk terhubung dengan database dan umumnya berisi tiga parameter termasuk nama host, username dan password database yang baru saja kita isi sebelumnya pada variabel.

Jika tidak ingin menggunakan variabel, maka kita bisa langsung menggunakan nilai tersebut seperti yang ditunjukkan di bawah ini:

Skrip PHP

mysql_connect('localhost','root','');

Menentukan Database yang ingin dibuka

Pada kode yang telah ditunjukkan di atas, kita telah menyatakan variabel $database berisi nama database yang kita tuju. Mari kita menggunakan variabel tersebut untuk cek apakah database tersebut tersedia atau tidak.

Skrip PHP

<?php

$user_name = "root";

$password = "";

$database = "Abc";

$host_name = "localhost";

mysql_connect($host_name, $user_name, $password);

mysql_select_db($Abc);

echo "Koneksi Terbuka";

?>

• Pada skrip diatas terdapat fungsi mysql_select_db(), fungsi ini adalah fungsi built-in PHP yang digunakan untuk memilih database MySQL yang ingin kita hubungkan. Selanjutnya fungsi mysql_select_db() mengembalikan nilai true jika database yang kita masukkan ditemukan dan mengembalikan nilai false jika database tidak ditemukan, jika nilai tersebut true maka akan menampilkan pesan “Koneksi Terbuka”.

Menghitung tarif menggunakan goggle maps....😄

Menghitung tarif
          Baik langsung saja....!!



        --->
   


                       <!DOCTYPE html>

<html lang="en">

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>

  <title>Menghitung Tarif Berdasarkan Jarak Dengan Google Maps</title>

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">

  <style type="text/css">

    #map {

      height: 480px;

      width: 100%;

      border: solid thin #333;

      margin-top: 20px;

    }

    #map img {

      max-width: none;

    }

    #mapCanvas label {

      width: auto; display:inline;

    }

  </style>

  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

  <script src="http://maps.googleapis.com/maps/api/js?libraries=places"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>

  <script type="text/javascript">

    var map;

    var geocoder;

    var bounds = new google.maps.LatLngBounds();

    var markersArray = [];

     

    // setting marker untuk marker asal dan tujuan

    var destinationIcon = "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=D|FF0000|000000";

    var originIcon = "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=O|FFFF00|000000";

    // tentukan terlebih dahulu letak petanya

    function initialize() {

      var opts = {

        center: new google.maps.LatLng(-7.25009,112.744331),

        zoom: 5,

        mapTypeId: google.maps.MapTypeId.ROADMAP

      };

      map = new google.maps.Map(document.getElementById('map'), opts);

      geocoder = new google.maps.Geocoder();

      // setting agar texfield pada kolom asal dan juga tujuan dapat memanggil fungsi autocomplete

      var asal = new google.maps.places.Autocomplete((document.getElementById('origins')),{ types: ['geocode'] });

      var tujuan = new google.maps.places.Autocomplete((document.getElementById('destinations')),{ types: ['geocode'] });

    }

    /*     

    menghitung jarak dari data yg dikirim dari form

    disini saya setting untuk mode DRIVING dan menggunakan jalan raya atau juga tol,

    jika ingin mengganti konfigurasinya, silahkan ganti false dengan true

    */

    function calculateDistances() {

      var service = new google.maps.DistanceMatrixService();

      service.getDistanceMatrix(

      {

        origins: [document.getElementById("origins").value],

        destinations: [document.getElementById("destinations").value],

        travelMode: google.maps.TravelMode.DRIVING,

        unitSystem: google.maps.UnitSystem.METRIC,

        avoidHighways: false,

        avoidTolls: false

      }, callback);

    }

     

    // responde dari Googlemaps Distance Matrix akan diolah dan di kirim ke output HTML

    function callback(response, status) {

      if (status != google.maps.DistanceMatrixStatus.OK) {

        alert('Error was: ' + status);

      } else {

        var origins = response.originAddresses;

        var destinations = response.destinationAddresses;

        deleteOverlays();

        for (var i = 0; i < origins.length; i++) {

          var results = response.rows[i].elements;

          addMarker(origins[i], false);

          for (var j = 0; j < results.length; j++) {

            addMarker(destinations[j], true);

          }

   

          /*         

            disini perhitungan tarif, pertama hilangkan dulu 'km'

            dan ubah tanda desimal koma dengan titik.

          */

          var str = results[0].distance.text;

          var distance = str.replace(' km', '');

          var distance = distance.replace(',','.');

          /*         

            jumlah kilometer dikalikan dengan 500

            setelah itu hasilnya kita konversikan kedalam format kurs rupiah

          */

          var tarif = "Rp."+ formatNumber(distance * 500)+",-";

          document.getElementById("billing").value = tarif;

          document.getElementById("distance").value = results[0].distance.text;

   

        }

      }

    }

    // fungsi sederhana untuk mengkonversi bilangan bulat menjadi format kurs rupiah

    function formatNumber (num) {

      return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.")

    }

    // menampilkan marker untuk origin dan juga destination

    function addMarker(location, isDestination) {

      var icon;

      if (isDestination) {

        icon = destinationIcon;

      } else {

        icon = originIcon;

      }

      geocoder.geocode({'address': location}, function(results, status) {

        if (status == google.maps.GeocoderStatus.OK) {

          bounds.extend(results[0].geometry.location);

          map.fitBounds(bounds);

          var marker = new google.maps.Marker({

            map: map,

            position: results[0].geometry.location,

            icon: icon

          });

          markersArray.push(marker);

        } else {

          alert("Terjadi kesalahan: "

            + status);

        }

      });

    }

     

    // menghapus koordinat marker sebelumnya dan menggantinya dengan koordinat yang baru

    function deleteOverlays() {

      if (markersArray) {

        for (i in markersArray) {

          markersArray[i].setMap(null);

        }

        markersArray.length = 0;

      }

    }

  </script>       

</head>

<body onload="initialize()">

  <nav class="light-green darken-1" role="navigation">

    <div class="nav-wrapper container">

      <a id="logo-container" href="#" class="brand-logo" style="font-size: 18px;">Menghitung Tarif Berdasarkan Jarak Dengan Google Maps</a>

    </div>

  </nav>

  <div class="section no-pad-bot" id="index-banner">

    <div class="container">

      <div class="row">

        <form class="col s12">

          <div class="row">

            <div class="input-field col s6">

              <input placeholder="Isi Asal" id="origins" type="text" class="validate">

              <label for="origins">Asal</label>

            </div>

            <div class="input-field col s6">

              <input id="destinations" placeholder="Isi Tujuan" type="text" class="validate">

              <label for="destinations">Tujuan</label>

            </div>

            <div class="input-field col s6">

              <a class="btn waves-effect waves-light" onclick="calculateDistances();">Hitung</a>

            </div>

          </div>

        </form>

      </div>

      <div class="row">

        <div class="input-field col s6">

          <input id="distance" type="text" placeholder="Jarak">

          <label for="distance">Jarak</label>

        </div>

        <div class="input-field col s6">

          <input id="billing" type="text" placeholder="Total Tarif">

          <label for="billing">Tarif (Rp.500,- / Km)</label>

        </div>

      </div>

      <div class="row">

        <div class="col s12">

          <p>

            * <br>

            O = Origin / Asal <br>

            D = Destination / Tujuan

          </p>

          <div id="map"></div>

        </div>

      </div>

    </div>

  </div>

  </body>

</html>





      *maka tampilannya akan seperti gambar berikut ini......

Pengertian sintaks erorr

Pengertian sintaxs erorr....😂
         


                  1. Parse Errors (syntax errors)

Parse Error ini terjadi jika ada kesalahan sintaks dalam script dan pesan kesalahan akan muncul pada outputnya ketika dijalankan. Parse error akan menghentikan proses eksekusi script. Ada banyak alasan ketika terjadinya parse error di PHP. Alasan umum pada parse error adalah sebagai berikut:

Kutipan yang tidak ditutup

Kelebihan atau kekurangan tanda kurung

Kurung kurawal yang tidak ditutup

Kurang titik koma

Contoh :

<?php

echo "Cat";

echo "Dog"

echo "Lion";

?>

Output :

Pada kode di atas kita tidak menuliskan titik koma di baris kedua. Ketika itu akan ada terjadinya parse error atau sintax error yang menghentikan eksekusi script.

2. Fatal Errors

Fatal error terjadi ketika PHP mengerti kode yang telah ditulis, namun apa yang diminta oleh kode tidak dapat dilakukan. Fatal error akan menghentikan eksekusi script. Jika Kamu mencoba untuk mengakses fungsi yang belum didefinisikan, maka outputnya adalah fatal error.

Contoh :

<?php

function fun1() {

    echo "website";

}

fun2();

echo "Fatal Error !!";

Output :

Pada kode di atas kita mendefinisikan fungsi fun1() tapi kita memanggil fungsi lain yaitu fun2() yang mana belum terdefinisi. 

Baca juga: Inilah Alasan Mengapa Kamu Harus Belajar PHP

3. Warning Errors

Warning error tidak akan menghentikan eksekusi dari script. Alasan utama dari warning error yaitu menyertakan file yang tidak ada atau mengisikan jumlah parameter yang tidak pas saat memanggil suatu fungsi.

Contoh :

<?php

echo "Warning Error!!";

include ("welcome");

Output :

Pada kode di atas kita menyertakan file welcome.php, namun bila file tersebut tidak ada dalam direktori, maka akan muncul warning error. Tapi hal itu tidak akan menghentikan eksekusi script. Anda akan melihat pesan Warning Error!! diikuti pesan warning error.

4. Notice Errors

Notice error sama hal nya dengan Warning Error yaitu ketika terjadi notice error eksekusi script tidak akan berhenti. Notice Error akan terjadi ketika kita mencoba untuk mengakses variabel yang belum didefinisikan.

Contoh :

<?php

$a="afiffudin";

echo "Notice Error !!";

echo $b;

Output :

Pada kode di atas kita mendefinisikan variabel yang bernama $a. Tapi kita malah memanggil variabel lain yaitu $b, yang tidak didefinisikan. Sehingga akan muncul notice error tapi eksekusi dari script tidak berhenti. Anda akan melihat pesan Notice Error !!. 

TERIMAKASIH TELAH MEMBACA ARTIKEL SAYA....THANKS NEXT TO DAY😄

Membuattombolsubmit

WELCOME TO BLOG

Membuat Tombol Submit dan Reset

Posted on oktober,9 2o17

Sampailah kita pada bagian akhir pembuatan form dengan HTML. Apalagi kalau bukan tombol submit dan reset. Sebenarnya, saya sudah menjelaskan tentang tombol submit ini di pelajaran tentang input data, hanya saja mungkin anda belum terfokus kesana sehingga saya perlu untuk menjelaskan lebih lanjut disini.

Untuk membuat tombol submit, kita menggunakan kode seperti ini:

<input type="submit" value="Kirimkan"/>

Sedangkan untuk tombol reset, kita menggunakan kode:

<input type="reset" value="Hapus Form"/>

Kata-kata Kirimkan dan Hapus Form bisa anda ganti dengan kata-kata yang lainnya sesuka hati.

SUBMIT MENGGUNAKAN GAMBAR

Sekarang kita akan mencoba membuat tombol submit menggunakan gambar. Caranya hampir sama, hanya saja kita sekarang menggunakan type=”image”. Contohnya seperti ini:

<input type="image" src="file-gambar.jpg" width="55" height="22"/>

file-gambar.jpg harus anda ganti dengan gambar anda sendiri. width dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel.

Pengertian Tag, Elemen, dan Atribut pada HTML

dalam lanjutan tutorial belajar HTML dasar kali ini kita akan membahas. Ketiganya merupakan dasar dari HTML, dan dasar dari seluruh halaman web yang ada di Internet.

---

Pengertian Tag dalam HTML

Sebagai sebuah bahasa markup, HTMLmembutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link? Dalam HTML, tanda ini dikenal dengan istilah tag.

Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembukadan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup ini. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<” dan “>”.

Berikut adalah format dasar penulisan tag HTML:

<tag_pembuka>objek yang dikenai perintah tag</tag_penutup>

Sebagai contoh, perhatikan kode HTML berikut :

<p> Ini adalah sebuah paragraf </p>

• <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf.
• </p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)

Jika lupa memberikan penutup tag, umumnya browser akan “memaafkan” kesalahan ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup. Walaupun ini sepertinya memudahkan, tidak jarang malah bikin bingung.

PembahasanMendalam

Pembahasan mendalam untuk topik topik yang lebih lengkap akan dipisahkan ke dalam Tutorial HTML Lanjutan, seperti Cara membuat menggunakan tabel, cara menformat text, cara membuat form, serta pembahasan khusus mengenai perkembangan terbaru dari HTML, yakni HTML5.😕

hyperlink, sedangkan kalau di dalam dokumen itu ada bab 2, maka kita bisa langsung merujuk ke bab 2 tadi dengan bantuan anchor.

Untuk membuat hyperlink dan anchor kita menggunakan elemen HTML anchor <a>.

Dalam tutorial kali ini, kita akan menggunakan istilah link HTML saat elemen <a> merujuk ke sebuah halaman dan istilah anchor HTML saat element <a> tersebut merujuk ke sebuah alamat di dalam dokumen.
Bikin Link HTML

Sintaks Link:

?

1	<a href="/htmldanlainnya.blogspot.com/url">Teks Link</a>

Perhatikan, pembuka berisi atribut link tersebut.

Isi elemen (Teks link) mendefinisikan apa yang ingin anda tampilkan ke pengunjung.

Catatan: Isi elemen tidak harus berupa teks lho. Kamu juga bisa me-link dari sebuah gambar atau elemen HTML lainnya.

Atribut href

Atribut href adalah alamat yang akan dibuka saat seseorang mengklik link yang kita buat.

href Elemen <a> ini mendefinisikan sebuah link yang akan menuju ke sebuah website.

< a href="htmldanlainya.blogspot.com> </a> Kode tersebut akan ditampilkan seperti ini. Silahkan dicoba.

Atribut target

Atribut target sangat berguna bagi kita untuk mengatur halaman yang kita tuju itu akan dibuka di mana.

Kita bisa membukanya di halaman utama ini langsung atau membukanya di halaman baru saat seorang pengunjung mengklik link yang kita sediakan.

Berbeda dengan kode sebelumnya pada sebuah jendela baru:

?

Attribute name

Saat kita menggunakan atribut name, maka itu berarti kita mendefinisikan sebuah nama anchor yang berada di dalam sebuah halaman HTML.

Nama anchor tidak akan nampak di mata pengunjung. Itu hanya merupakan pendefinisian di sebuah halaman web aja.

?

1	<a name="label">Apapun</a>

Nah, link yang menuju ke halaman itu bikinnya gini:

?

1	<a href="#label">Apapun</a>

Perhatikan tanda # yang mendefinisikan nama anchor

Contoh:

Sebuah anchor dalam dokumen HTML:

?

1	<a name="top">Ini bagian paling atas</a>

Sebuah link yang merujuk ke bagian paling atas dalam dokumen yang sama:

?

1	<a href="#top">Kembali ke atas</a>

Sebuah link yang menuju ke sebuah anchor di halaman web lain:



Membuat teks mengalir di gambar

Bagaimana caranya?

Kita akan memasukkan style CSS ke dalam kode gambar sehingga bisa melakukan aneka macam modifikasi. Insya Allah nanti di bagian CSS kita akan pelajari semua lebih rinci. Karena artikel ini bertujuan untuk membuat text yang mengalir di sekeliling gambar, maka kita bahas bagian itu saja dulu ya.

Untuk menambah CSS di kode HTML, kita cukup menambahkan atribut style saja. Sehingga hasilnya seperti ini:

<img src="images/gambarku.jpg" alt="Ini Gambarku" style="float:right"/>

Perhatikan, ada tambahan style="float:right"pada atribut images-nya. Pada contoh diatas, saya buat gambar ada di sebelah kanan dan text mengalir di sebelah kirinya. Apabila ingin gambarnya di kiri dan text di kanan, maka kita cukup mengganti kata right dengan left. Gambar bukan? Contohnya seperti ini:

<img src="images/gambarku.jpg" alt="Ini Gambarku" style="float:left"/>

Bisa dimengerti kan?

Oke, insya Allah besok kita bahas bagian HTML yang cukup penting dalam SEO yaitu Heading. Doakan mudah-mudahan punya banyak waktu ya.. Thanks

?