Kamis, 22 September 2016

Rabu, 21 September 2016

Merubah Format Tanggal ke Bentuk Indonesia

PENDAHULUAN

Berikut ini akan di bahas cara merubah format tanggal menjadi format Indonesia. Biasanya ketika menginput data tanggal ke dalam halaman web format yang digunakan adalah format english yaitu Tahun-Bulan-Tanggal (yyyy-mm-dd). 

Pertama ketik script di bawah ini, kemudian simpan dengan nama fungsi_tanggal.php

<?php
function tgl_indonesia($tgl){
$tanggal = substr($tgl, 8, 2);
$nama_bulan = array("Januari","February", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "Desember");
$bulan = $nama_bulan[substr ($tgl, 5, 2)-1];
$tahun = substr($tgl,0,4);
return $tanggal.' '.$bulan.' '.$tahun;
}
?>

Langkah berikutnya adalah memasukan link tersebut ke halaman HTML

contoh :
<?php
include 'koneksi.php';
include 'fungsi_tgl.php';
$no=0;
$query=mysql_query("select * from tbl_mhs");
while($data=mysql_fetch_array($query)){
$tanggal = tgl_indonesia($data['tgl']);
    $no++;
echo"$tanggal";
?>

Keterangan :
Filed ['tgl'] disesuaikan dengan database yang Anda buat

Merubah Tanggal Ke Format Indonesia

PENDAHULUAN

Berikut ini akan di bahas cara merubah format tanggal menjadi format Indonesia. Biasanya ketika menginput data tanggal ke dalam halaman web format yang digunakan adalah format english yaitu Tahun-Bulan-Tanggal (yyyy-mm-dd). 

Pertama ketik script di bawah ini, kemudian simpan dengan nama fungsi_tanggal.php

<?php
function tgl_indonesia($tgl){
$tanggal = substr($tgl, 8, 2);
$nama_bulan = array("Januari","February", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "Desember");
$bulan = $nama_bulan[substr ($tgl, 5, 2)-1];
$tahun = substr($tgl,0,4);
return $tanggal.' '.$bulan.' '.$tahun;
}
?>

Langkah berikutnya adalah memasukan link tersebut ke halaman HTML

contoh :
<?php
include 'koneksi.php';
include 'fungsi_tgl.php';
$no=0;
$query=mysql_query("select * from tbl_mhs");
while($data=mysql_fetch_array($query)){
$tanggal = tgl_indonesia($data['tgl']);
    $no++;
echo"

CSS3

PENGERTIAN

“Cascading Style Sheet salah fasilitas yang diberikan untuk pemrograman HTML sehingga pengaturan atau desain tampilan web menjadi lebih baik.” Rahardja (2009:37)[1]



[1] Rahardja, dkk. 2009. Siapa Saja Bisa Membuat Website dengan CSS dan HTML. Yogyakarta. Penerbit ANDI.


Materi selengkapnya dapat di Download DISNI

Pengenalan Form dengan HTML

PENGERTIAN

Istilah form identik dengan formulir karena formulir digunakan untuk menuliskan data-data yang digunakan untuk mendapatkan informasi dari orang yang menuliskannya. Form merupakan salah satu elemen HTML yang digunakan untuk menerima input baik berupa huruf, angka maupun simbol kedalam halaman web dari pengunjung dengan tujuan agar pengujung web dapat berinteraksi. Form membuat halaman web menjadi dinamis dan interaktif karena dengan adanya form pengembang web mendapatkan informasi dari pengguna web. Tidak semua browser support dengan HTML5 seperti, mozilla firefox. Untuk itu penulis menyarankan menggunakan opera atau crome.

Materi selengkapnya dapat di Download DISINI

Pengenalan Database MySQL

PENGERTIAN DATABSE

Menurut Priyadi, (2014:2) [1]mengatakan bahwa basis data adalah sekumpulan fakta berupa representasi tabel yang saling berhubungan dan disimpan dalam media penyimpanan secara digital”.




[1] Priyadi, MT. 2014. Kolaborasi SQL dan ERD dalam Implementasi Database.Yogyakarta. Penerbit ANDI.

Materi Selengkapnya dapat di Download DISINI

Pengenalan Database MySQL

PENGERTIAN DATABSE

Menurut Priyadi, (2014:2) [1]mengatakan bahwa basis data adalah sekumpulan fakta berupa representasi tabel yang saling berhubungan dan disimpan dalam media penyimpanan secara digital”.




[1] Priyadi, MT. 2014. Kolaborasi SQL dan ERD dalam Implementasi Database.Yogyakarta. Penerbit ANDI.

Materi Selengkapnya dapat di Download DISINI

Pengenalan Database MySQL

PENGERTIAN DATABSE

Menurut Priyadi, (2014:2) [1]mengatakan bahwa basis data adalah sekumpulan fakta berupa representasi tabel yang saling berhubungan dan disimpan dalam media penyimpanan secara digital”.




[1] Priyadi, MT. 2014. Kolaborasi SQL dan ERD dalam Implementasi Database.Yogyakarta. Penerbit ANDI.

Materi Selengkapnya dapat di Download DISINI

Bootstrap


PENGERTIAN

Twitter Bootstrap saat ini sedang menjadi bahan pembicaraan di dunia web karena  digunakan untuk membuat desain web oleh para pengembang web.


Menurut Abdulloh (2015:139)[1]Bootstrap merupakan salah satu framework CSS yang sangat populer dikalangan pecinta pemrograman website. Dengan bootstrap, proses desain website tidak dibuat dari nol, sehingga proses desain website lebih cepat dan mudah”.



[1] Abdulloh, Rohi. 2015. Web Programming is Easy Panduan Membangun Web Responsive dengan PHP, jQuery, dan Bootstrap. Jakarta. PT Gramedia.


CARA MENDAPATKAN BOOTSTRAP

Bootstrap dapat diundur pada situs resminya, yaitu http://getbootstrap.com/getting-started/.  

KEUNTUNGAN MENGGUNAKAN BOOTSTRAP

Berikut ini akan di jelaskan beberapa kegunaan yang telah menjadi kelebihan pada bootstrap. Adapun beberapa kelebihan bootstrap adalah sebagai berikut.

  1. Penggunaan bootstrap sangat menghemat waktu.
  2. Tampilan bootstrap yang sudah cukup terlihat modern.
  3. Mobile Friendly yang maksudnya tampilan bootstrap sudah sangat responsive, yaitu tampilan bootstrap sudah mendukung segala jenis resolusi, baik itu pc, laptop, tablet dan smartphone.
  4. Sangat ringan karena bootstrap di buat dengan sangat terstruktur.
  5. Dan masih banyak lagi kelebihan dan kegunaan dari bootstrap yang akan anda temukan sendiri setelah mencoba membangun sebuah aplikasi berbasis web dengan menggunakan bantuan framework css bootstrap

CARA MENGGUNAKAN BOOTSTRAP SECARA OFFLINE
Berikut ini adalah metode yang digunakan untuk menyambungkan HTML ke Bootstrap, sebetulnya terdapat dua cara untuk menghubungkan HTML dengan Bootstrap, yaitu metode online dan metode offline, pada kesempatan ini penulis lebih memilih metode yang kedua yaitu metode offline. Berikut markup untuk menghubungkan dengan bootstrap secara offline.

<!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">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
<!-- Javascript Bootstrap -->
<script type="text/javascript" src="bootstrap/js/jquery.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<title>Latihan CRUD</title>
</head>
<body>
ISI HALAMAN WEB
</body>
</html>


Keterangan :
- Tulisan yang berwarna merah merupakan link dari bootstrap.
- Terdapat dua bagian, yaitu link untuk css dan link untuk javascript


Struktur HTML 5

Berikut ini adalah markup / struktur untuk penulisan menggunakan HTML5

<!DOCTYPE html>
<html lang="en_US">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title> Judul Web </title>
</head>

<body>
ISI WEB
</body>
</html>

Keterangan:
Tulisan yang diberi warna merah dapat diganti

Struktur HTML 5

Berikut ini adalah markup / struktur untuk penulisan menggunakan HTML5

<!DOCTYPE html>
<html lang="en_US">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title> Judul Web </title>
</head>

<body>
ISI WEB
</body>
</html>

Keterangan:
Tulisan yang diberi warna merah dapat diganti