Heri Zulkarnain: 2017

Minggu, 12 November 2017

Pengertian Passing Variable, Perbedaan dari POST dan GET pada PHP beserta contohnya

1. Pengertian passing variable

Passing variable itu sendiri memiliki arti melewatkan suatu variable, Melewatkan variable yang berbeda halaman seperti ini biasanya diimplementasikan dalam sekuritas sebuah halaman. Boleh atau tidaknya suatu halaman diakses tergantung dari belum atau sudahnya suatu variable diregisterkan. Contoh nyatanya yaitu ketika seorang admin melakukan login dengan username dan password yang benar, maka akan diregisterkan sebuah variable yang nantinya digunakan sebagai key. Pengaksesan halaman lain memerlukan key yang dihasilkan dari login tersebut. Apabila didapatkan situasi ketika user belum login, maka halaman yang memerlukan variable yang diregisterkan ( dalam hal ini key ) akan melakukan redirect ke halaman lain yang memerintahkan user untuk melakukan kembali proses login dengan benar. Resminya hal seperti ini dapat dilakukan dengan 2 metode. Pertama menggunakan session dan yang kedua menggunakan cookies. Masing-masing memiliki kelemahan dan juga kelebihannya.

2. Perbedaan dari POST dan GET pada PHP beserta contohnya

Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.
Method POST lebih aman dan Method GET kurang aman
Jika Method GET dibatasi panjang string hingga 2047 karakter, Method POST tidak.
Perbedaan pengambilan data jika Method POST menggunakan $_POST sedangkan Method GET menggunakan $_GET.
Method POST biasanya digunakan untuk input dari FORM, Method GET menggunakan input dari LINK atau akses menggunakan link.
Method POST digunakan untuk mengirimkan data rahasia seperti password, Method GET digunakan untuk mengirimkan/mengambil data pablik seperti id_user atau id_halaman.

a. Perbedaan pengambilan data jika Method POST menggunakan $_POST sedangkan Method GET menggunakan $_GET.

Method POST menggunakan variable $_POST untuk menampung data/nilai

Sedangkan method GET menggunakan variable $_GET untuk menampung data/nilai.

b. Method POST lebih aman dan Method GET kurang aman

Contoh penggunaan Method POST pada PHP:
file: senikoding.com/test/demo-form.php

Contoh penggunaan Method GET pada PHP:

' file: senikoding.com/test/demo-form.php?username=admin&password=1234
c. Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan

Perbedaan Method POST dan GET pada PHP ini salah satunya adalah pada URL. Pada Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.

Method $_POST

Untuk membuktikannya kita perlu membuat file dengan nama index.php dan mengisikannya dengan code dibawah ini.

<html>
<head>
<title>Fungsi dan Perbedaan Method POST dan GET pada PHP</title>
</head>
<body>
Silakan Login dengan Username dan Password Anda
<form action="lihat.php" method="POST">
<table>
<tr>
<td>Username</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Login"/></td>
</tr>
</table>
</form>
</body>
</html>
Kemudian membuat file lihat.php untuk menampilkan input pada index.php dengan code dibawah ini.

<html>
<head>
<title>Fungsi dan Perbedaan Method POST dan GET pada PHP</title>
</head>
<body>
Username : <?php echo $_POST["username"]; ?><br/>
Password : <?php echo $_POST["password"]; ?>
</body>
</html>
Maka dibrowser akan tampil seperti ini.

Method $_GET

Membuat file dengan nama index.php dan mengisikannya dengan code dibawah ini.

<html>
<head>
<title>Fungsi dan Perbedaan Method POST dan GET pada PHP</title>
</head>
<body>
Silakan Masukkan Username dan Password Anda
<form action="lihat.php" method="GET">
<table>
<tr>
<td>Username</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Login"/></td>
</tr>
</table>
</form>
</body>
</html>

Kemudian membuat file lihat.php untuk menampilkan input pada index.php dengan code dibawah ini.

<html>
<head>
<title>Fungsi dan Perbedaan Method POST dan GET pada PHP</title>
</head>
<body>
Username : <?php echo $_GET["username"]; ?><br/>
Password : <?php echo $_GET["password"]; ?>
</body>
</html>
Maka dibrowser akan tampil seperti ini.

Sekian Penulisan pada blog saya kali ini, terimakasih telah berkunjung dan telah menjadi pembaca yang setia ☺

Selasa, 07 November 2017

Tutorial (DELETE) Membuat Menu Hapus dengan menggunakan PHP dan MySql

Sesuai dengan janji mimin, kali ini mimin akan menjelaskan cara membuat perintah delete (hapus) sehingga lengkaplah sudah CRUD yang kita harapkan dimana kita dapat membuat berita, kemudian berita tersebuat bisa terbaca, bisa di edit atau diubah dan yang terakhir bisa di hapus
hal yang pertama tentunya kita buat perintah hapus dan disimpan di folder yang telah kita sediakan pada tutorial CRUD paling pertama, adapun perintahnya sebagai berikut:

<?php
require_once('../conn/conn.php');
if(isset($_GET['id'])){
$sql = "DELETE FROM berita WHERE id_berita=".$_GET['id'];
$result = $conn->query($sql);
header('Location: index.php');
}

Pada postingan sebelumnya kita berhasil menambahkan kemudian mengedit berita yang telah kita tambahkan

dan setelah kita buat perintah di atas (coding) maka menu hapus pada gambar di atas telah berfungsi, sehingga jika kita klik akan menghapus berita yang telah kita buat, seperti pada gambar dibawah ini:

Hal ini menandakan perintah tersebut talah behasil di buat, dan lengakp lah sudah CRUD yang kita harapkan, tentunya web yang kita buat belum sempurna oleh karena itu nantikan terus postingan mimin selajutnya, terimakasih telah berkunjung, saran dan kritik sangat mimin butuhkan......

Tutorial (UPDATE) Membuat Menu Ubah dengan menggunakan PHP dan MySql

  Pada postingan sebelumnya saya telah menjelaskan cara menambah berita pada web, dan kali ini saya akan menjelaskan cara mengubah berita yang telah berhasil kita tambahkan sebelumnya, tentunya file tersebut kita simpan di folder yang telah di sediakan sebelumnya pada tutorial create

Hal yang utama adalah membuat coding ubah, yang nantinya akan mengedit berita yang ingin kita perbaiki, file ini juga kita simpan di dalam folder pages yang berada di dalam folder admin, adapun perintahnya sebagai berikut:

<div class="col-md-6 col-md-offset-3">
<?php
$sql_edit = "SELECT * FROM berita WHERE id_berita=".$_GET['id'];
$r = $conn->query($sql_edit)->fetch_array();

if(isset($_POST['edit'])){

$gambar = $_FILES["gambar"]["name"];
$judul = $_POST['judul'];
$isi = htmlspecialchars($_POST['isi']);

if(!empty($_FILES["gambar"]["name"])) {
$target_dir = "gambar/";
$target_file = $target_dir . basename($_FILES["gambar"]["name"]);
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
$check = getimagesize($_FILES["gambar"]["tmp_name"]);
if($check !== false) {
if(move_uploaded_file($_FILES["gambar"]["tmp_name"], $target_file)) {
$sql= "UPDATE berita SET judul='".$judul."', isi='".$isi."', gambar='".$gambar."' WHERE id_berita = '".$_GET['id']."'";
$ok = 1;
} else {
echo '<div class="alert aleert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" arial-label="close">×</a>';
echo "Maaf Terjadi Error Saat Mengunggah Gambar";
echo '</div>';
$ok = 0;
}
} else {
echo '<div class="alert aleert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" arial-label="close">×</a>';
echo "File Yang Diunggah Bukan Gambar";
echo '</div>';
$ok = 0;
}
}else{
   $sql= "UPDATE berita SET judul='".$judul."', isi='".$isi."' WHERE id_berita = '".$_GET['id']."'";
   $ok = 1; }
if($ok == 1){
$result = $conn->query($sql);
if($result === TRUE){
echo '<div class="alert alert-succes">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Berita Telah Berhasil Diubah.";
echo '</div>';
header('Location: index.php');
}else {
echo '<div class="alert alert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Error: ". $sql . "<br>" . $conn->error;
echo '</div>';
}
}
}
?>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 thumbnail">
<h4 class="text-center">Tambah Berita</h4>
<form method="post" enctype="multipart/form-data">
<label>Gambar Berita :</label>
<input type="file" name="gambar" class="form-control"><hr>
<label>Judul Berita :</label>
<input type="text" name="judul" class="form-control" required value="<?php echo $r['judul'] ?>"><hr>
<label>Isi Berita :</label>
<textarea name="isi" class="form-control" required><?php echo $r['isi'] ?></textarea><hr>
<input type="submit" name="edit" class="btn btn-succes" value="simpan">
</form>
</div>
</div>

Pada postingan sebelumnya mimin telah membuat perintah tambah dan telah berhasil menambah berita, nah sekarang mimin akan mengedit berita tersebut seperti pada gambar di bawah ini

Dari berita yang berjudul "Bunga Indah" akan mimin ubah menjadi judul "Bunga Bangkai" dan tentunya juga mimin akan mengubah gambarnya, dengan cara klik menu edit dan silahkan ubah judul dan pilih gambar yang baru di tempat penyimpanan komputer

nah selesai sudah perintah ubah, selanjutnya kita mimin akan membuat perintah hapus pada postingan selanjutnya, di tunggu yaaaaa....

Turorial (READ) Menambah Berita di Halaman WEB dengan Menggunakan PHP dan MySql

OK teman-teman kali ini mimin akan membuat menu tambah dengan menggunakan perintah php, tentunya dengan mengandalkan database yang telah di buat pada tutorial yang sebelumnya.

Langkah pertama kita menulis coding tambah.php yang di simpan di folder pages yang berada didalam folder admin tersebut (Admin/pages/tambah.php), adapun codingnya sebagai berikut:

<div class="col-md-6 col-md-offset-3">
<?php
if(isset($_POST['add'])){
$target_dir = "gambar/";
$target_file = $target_dir . basename($_FILES["gambar"]["name"]);
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);

if(isset($_FILES["gambar"])){
$check = getimagesize($_FILES["gambar"]["tmp_name"]);
if($check !== false) {
if(move_uploaded_file($_FILES["gambar"]["tmp_name"], $target_file)) {
$ok = 1;
} else {
echo '<div class="alert alert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Maaf Terjadi Error Saat Mengunggah Gambar";
echo '</div>';
$ok = 0;
}
}else {
echo '<div class="alert alert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Maaf Terjadi Error Saat Mengunggah Gambar";
echo '</div>';
$ok = 0;
}
}
if($ok == 1){
$gambar = $_FILES["gambar"]["name"];
$judul = $_POST['judul'];
$isi = htmlentities($_POST['isi']);
$sql = "INSERT INTO berita (judul, isi, gambar) VALUES ('".$judul."', '".$isi."', '".$gambar."')";
$result = $conn->query($sql);
if($result === TRUE){
echo '<div class="alert alert-succes">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Berita Telah Berhasil Ditambahkan.";
echo '</div>';
}else {
echo '<div class="alert alert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Error: " . $sql . "<br>" . $conn->error;
echo '</div>';
}
}
}
?>
</div>
<div class="row">
<div class="col-md-offset-3 thumbnail">
<h4 class="text-center">Tambah Berita</h4>
<form method="post" enctype="multipart/form-data">
<label>Gamber Berita :</label>
<input type="file" name="gambar" class="form-control" required><hr>
<label>Judul Berita :</label>
<input type="text" name="judul" class="form-control" required><hr>
<label>Isi Berita :</label>
<textarea name="isi" class="form-control" required></textarea>><hr>
<input type="submit" name="add" class="btn btn-succes" values="simpan">
</form>
</div>
</div>

Dalam coding ini kita membuat perintah untuk menambah berita dengan perintah untuk mengeksekusi gambar yang kita tambahkan dan isi yang kita masukkan nantinya, kemudian kita lanjut untuk menulis coding untuk perintah home yang akan menampilkan halaman untuk menambah berita.

Setelah membuat perintah tambah di atas, maka disana terdapat menu tambah yang telah kita buat, dan jika kita click maka akan muncul tabel sesuai dengan kita buat di MySql tadi dan di jalankan menggunakan perintah php

Jika kita isi dan kemudian kita simpan maka akan tersimpan dengan sendirinya, saat ingin memasukkan gambar maka dia akan langsung mengeksekusi apakah file yang kita pilih merupakan format file yang berupa gambar atau tidak, jika format file merupakan gambar maka file tersebut akan sukses kita masukan tetapi jika tidak maka file tersebut akan di tolak, hal tersebut dikarekan perintah yang kita masukkan adalah sedemikian rupa, dan jika berhasil menambah berita maka akan keluar pemberitahuan seperti pada gambar di bawah ini:

Dan jika di cek di tampilan home, maka akan tampil berita yang telah berhasil kita tambahkan

Meskipun disana terdapat menu ubah dan hapus, tetapi menu tersebut belum bisa digunakan, hal itu dikareanakan kita belum membuat perintah ubah dan hapus tersebut, dan akan di bahas di postingan tutorial selanjutnya, terimakasih telah berkunjung ke blog mimin.....

Minggu, 05 November 2017

Tutorial (CREATE) Menu Home di WEB dengan Menggunakan PHP dan MySql

Beberapa postingan yang lalu admin telah menjelaskan cara pembuatan tampilan web, login, dan kali ini kita akan melanjutkan ke tahap berikutnya yaitu menambah berita di dalam web yang telah kita buat sebelumnya, tentunya dengan memanfaatkan menu login yang telah berhasil kita buat pada postingan mimin sebelumnya.
Ada beberapa hal yang harus kita siapkan sebelum kita melakukan peng-coding-an, antara lain membuat tabel berita dengan menggunakan MySql dan tentunya jangan lupa me-runningkan xampp kita dulu guys hehehe.... ok kita lanjutkan, Di dalam tabel tersebut kita buat tabel (create table) dan kita beri nama misalnya berita dengan jumlah kolom sebanyak 4 kemudian klik Go

Kemudian akan muncul 4 kolom yang akan kita isi diantaranya id_berita, judul, isi, gambar, dimana nantinya akan berfungsi untuk membuat berita dengan id berita yang akan akan kita beri judul dan isi serta kita tambahkan gambar. Hal yang perlu di perhatikan adalah jenis masing-masing kolom yang kita buat, misalnya untuk id_berita kita seharusnya menggunakan jenis INT dengan panjang sesuai kebutuhan atau misalnya dengan kolom isi kita menggunakan jenis TEXT sehingga nantinya bisa kita gunakan untuk menulis berita yang akan kita buat, seperti pada gambar:

Hal yang perlu diperhatikan saat pembuatan tabel adalah primary key yang kita letakkan di id_user yang berada di index.

Selanjutnya kita akan membuat folder yang akan kita gunakan untuk menyimpan coding yang kita buat nantinya, nah dalam hal ini kita bisa gunakan dua pilihan yaitu membuat file nya terlebih dahulu kemudian kita ketik codingnya, atau bisa juga mengetik codingnya terlebih dahulu kemudian kita simpan di folder yang telah kita sediakan,tapi mimin kali ini mimin menggunakan cara yang pertama agar nantinya tidak bingung, adapun susunan folder dan filenya sesuai seperti gambar di bawah ini:

Adapun coding yang akan kita buat kali ini adalah index.php yang berada di folder admin, yang perlu di perhatikan di dalam gambar di atas ada dua index.php yang pertama yang berada di folder praktikum yang mana file tersebut adalah file yang telah kita buat di postingan sebelumnya, sedangkan indix yang akan kita buat kali ini kita simpan di folder admin (admin/index.php) berikut codingnya:

<?php

require('../conn/conn.php');

session_start();

if(empty($_SESSION['user'])){

echo '<script language="javascript"> document.location=" login.php";</script>';

}

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

<title>Admin Praktikum</title>

<link rel="stylesheet" href="../asset/css/bootstrap.min.css">

</head>

<body>

<nav class="navbar navbar-inverse">

<div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="index.php">Praktikum Web</a>

</div>

<div class="collapse navbar-collapse" id="myNavbar">

<ul class="nav navbar-nav">

<li class="active"><a href="index.php">home</a></li>

<li><a href="index.php?p=tambah">tambah</a></li>

</ul>

<ul class="nav navbar-nav navbar-right">

<li><a href="logout.php"><span class="glyphicon-log-out"></span> Logout</a></li>

</ul>

</div>

</nav>

<div class="container">

<?php

if(isset($_GET['p'])){

include('pages/'.$_GET['p'].'.php');

}else{

include('pages/home.php');

}

</div>

<script src="../asset/js/jquery.min.js"></script>

<script src="../asset/js/bootstrap.min.js"></script>

<?php $conn->close() ?>

</body>

</html>

Untuk menulis codingnya, kita bisa menggunakan beberapa aplikasi, kebetulan mimin menggunakan aplikasi sublime text seperti pada gambar diatas.

codinng selanjutnya adalah home.php dimana coding ini nantinya akan menuju tampilan home, adapun perintahnya sebagai berikut:

<div class="col-md-10 col-md-offset-1">
<?php
$sql = "SELECT * FROM berita";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
echo '<table class="table">
<tr>
<th>NO</th>
<th>Judul</th>
<th>Ubah</th>
<th>Hapus</th>
</tr>';
$x = 1;
while($r = $result->fetch_array()){
echo '<tr>
<td>'.$x++.'</td>
<td>'.$r['judul'].'</td>
<td><a href="index.php?p=ubah&id='.$r['id_berita'].'"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></a></td>
<td><a href="index.php?p=hapus&id='.$r['id_berita'].'"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
</tr>';
}
echo '</table>';
}else{
echo '<div class="alert alert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Belum Ada Berita";
echo '</div>';
}
?>

Setelah membuat semua perintah di atas, kita bisa mencoba menjalankan perintah yang kita buat dan tentunya kita harus login ke menu login yang telah tersedia di tampilan web kita (pada tutorial sebelumnya telah di jelaskan cara login), kemudian setelah berhasil login, akan muncul tampilan di home yang bertuliskan "belum ada berita" sesuai dengan perintah home yang kita buat di atas

Pada gambar diatas terdapat menu tambah tetapi belum bisa di jalankan karna belum diisi perintah, dan mimin akan melanjutkan untuk membuat perintah menu tambah, ubah, dan delete pada potingan sebelumnya, jadi tetap pantauin blog mimin yaaa....

Minggu, 08 Oktober 2017

Membuat Login Sederhana dengan Php dan Mysql

Pada postingan sebelumnya adin telah membahas bagaimana cara mengkoneksikan php ke database mysql, nah pada postingan kali ini mimin ingin menulis bagaimana cara membuat login sederhana dengan php dan Mysql.

pertama yang kita lakukan adalah mengisi tabel user yang telah kita siapin sebelumnya, tepatnya pada postingan saya sebelumnya:
kemudian kita buat folder admin yang tersimpan di praktikum/admin:
setelah membuat folder admin sekarang saat membuat koding dengan format php dan disimpan di dalam folder admin, yang pertama koding untuk login.php:

<?php

session_start();

require_once('../conn/conn.php');

if(isset($_POST['login'])){

$unm = $_POST['user'];

$ups = md5($_POST['pass']);

$sql = "SELECT * FROM user WHERE username='".$unm."' AND password='".$ups."'";

$result = $conn->query($sql);

if ($result->num_rows > 0){

$_SESSION['user'] = $unm;

header('location: index.php');

}else{echo "GAGAL LOGIN";}

}

<!doctype html>

<html>

<head>

<title>praktikum</title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale">

<link rel="stylesheet" href="../asset/css/bootstrap.min.css">

</head>

<body>

<div class="container">

<div class="row">

<div class="col-sm-6 col-lg-offset-4 col-lg-offset-4">

<div class="account-wall">

<h1 clas="text-centre login-title">HALAMAN ADMIN</h1>

<form class="form-signin" method="post">

<input type="text" name="user" class="form-control" placeholder="Username" required autofocus>

<input type="password" name="pass" class="form-control" placeholder="password" required>

<input type="submit" name="login" class="btn btn-primary btn-block" value="Masuk">

</form>

</div>

<script src="../asset/js/jquery.min.js"></script>

<script src="../asset/js/bootstrap.min.js"></script>

</body>

</html>

kebetulan untuk menulis koding tersebut saya gunakan Sublime text:

kemudian kita membuat koding untuk logout seperti dibawah ini:

<?php

session_start();

if(session_destroy()) {

header("location: ../index.php");

}

dan yang terakhir koding index:

<?php

session_start();

if(empty($_SESSION['user'])){

echo '

<script language="javascript">

document.location=" login.php";

</script>';

}else{

echo 'SELAMAT DATANG : '. $_SESSION['user'];

}

Setelah kita menulis semua koding dan menyimpannya di folder admin yang telah kita siapkan sebelumnya, selanjutnya kita akan coba lihat di localhost:

Jika berhasil masuk maka akan keluar tulisan sesuai dengan koding yang kita buat sebelumnya:

Demikianlah langkah-langkah membuat login sederhana dengan php dan sederhana, jangan lupa tinggalkan saran dan komentarnya......

Cara Mengkoneksikan Php ke Database MySql

Pada postingan sebelumnya, saya telah membahas bagaimana cara membuat Website sederhana. Un tuk membuat menu login pada halaman Web, maka kita bisa menggunakan perintah Php untuk mengkoneksikannya ke dalam database mysql kita. Berikut beberapa langkah cara mengkoneksikan php ke database Mysql:

pertama yang harus kita lakukan adalah create database yang baru pada mysql dan beri nama sesuai kebutuhan, seperti pada gambar:

kemudian setelah berhasil create database, selanjutnya kita membuat table user pada database praktikum yang telah kita buat sebelumnya:

selanjutnya kita mengisi attribute user sesuai kebutuhan, seperti contoh:

dalam hal ini saya gunakan id_user sebagai primary key.

kemudian kita masukan coding yang akan mengkoneksikan php ke database mysql, berikut coding yang kita gunakan:

<?php

$servername = "localhost";

$username = "root";

$password = "";

$dbname = "praktikum";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {

die("Koneksi Gagal: " . $conn->connect_error);

}else{

echo "Koneksi Sukses";

}

catatan: jangan lupa untuk membuat folder yang berada di dalam file praktikum untuk menyimpan file coding yang kita tulis di atas dengan format php

setelah selesai semua, sekarang bisa di coba di localhost/praktikum/conn/conn.php sesuai dengan tempat kita menyimpan file coding yang kita ketik tadi, jika berhasil maka akan muncul koneksi berhasil sesuai dengan coding yang kita tulis dalam perintah:

Demikianlah contoh cara mengkoneksikan php ke database mysql, semoga bermanfaat dan jangan lupa komnentar dan sarannya di kolom bawah ini, terimakasih..........

Minggu, 01 Oktober 2017

Membuat Website dengan Menggunakan Framework

MEMBUAT HALAMAN WEB SEDERHANA DENGAN MENGGUNAKAN FRAMEWORK BOOTSTRAP

Untuk membuat Website dengan famework kita harus memilih terlebih dahulu framework apa yang akan kita gunakan, kebetulan saya akan menggunakan framework Bootstrap, dan Pada pembahasan sebelumnya saya telah membahas tentang cara penggunaan bootstrap, bisa di lihat di link berikut: http://heridzulkarnain.blogspot.co.id/2017/10/framework.html

oke, setelah mengerti langkah-langkah yang sudah tercantum di pembahasan saya sebelumnya, kemudian kita bermain-main dengan coding (assseeekkk)

pertama-tama buat scrip seperti gambar di bawah
agar website responsive terhadap perangkat mobile Untuk memastikan render yang tepat dan sentuhan zooming, tambahkan berikut <meta> tag dalam<head> elemen:

meta tag sendiri adalah rangkaian kode HTML yang biasa digunakan untuk mempermudah Google dan browser untuk mengidentifikasi seluruh konten yang ada dalam website tersebut.
meta charset="utf-8" Universal Character Set, atau yang umum disebut sebagai Charset adalah kumpulan dari beberapa jenis pengkodean karakter baik huruf, angka, symbol, dll. Untuk untuk saat ini pengkodean UTF-8 telah menjadi standarisasi untuk pengkodean dalam system operasi, bahasa pemrograman, API, dan software.
width=device-width Bagian menetapkan lebar halaman untuk mengikuti layar-lebar perangkat (yang akan bervariasi tergantung pada perangkat).
initial-scale=1 bagian menetapkan tingkat zoom awal saat halaman pertama dimuat oleh browser.

2.kemudian buat perintah seperti berikut:

3. Hasilnya seperti gambar berikut:

4. Setelah itu kita membuat perintah yang akan kita tampilkan pada tampilan web, misalnya dengan perintah berikut ini:

5. dan berikut hasilnya

Demikian lah tutorial pembuatan website, semoga dapat bermanfaat buat kita semua, jangan lupa tinggalkan komentar dan sarannya di bawah, sekian dan terima kasih.......

FRAMEWORK

Framework atau bahasa indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu. Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi. Dan kali ini saya akan menggunakan aplikasi Bootstrap dan Jquery.

Bootstrap

Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web. Kita bisa memantau perkembangan proyek Bootstrap dan mendownload Bootstrap di web resminya getbootstrap.com dan Githubnya di https://github.com/twbs/bootstrap.

1. Download terlebih dahulu aplikasi Bootstrap pada alamat website yang tertera di atas, dan setelah selesai mendownload maka kita akan mendapatkan sebuah file dalam bentuk zip. Atau untuk menghemat kuota anda bisa memintanya kepada teman anda (hehe)

2. Extrak file bootsrap tersebut, sehingga file nya menjadi folder biasa.

3. Kemudian letakan di folder xampp yang sebelumnya telah anda punya, tepatnya di folder : xampp>htdocs>praktikum>asset (folder ini merupakan folder yang saya buat dan berisikan tentang web sederhana yang saya buat)

4. Kemudian buat sebuah file dan beri nama index.php, dan pastikan file tersebut di letakan di folder dimana anda menyimpan folder bootstrap tadi (karna saya meletakkannya di folder praktikum yang berada di dlaam folder xampp tadi maka saya harus meletakkan file tersebut ke folder praktikum), dan kemudia kita bermain dengan coding seperti gambar di bawah ini:

Ada beberapa hal yang perlu di perhatikan dalam peng-codingan di atas:

a) Pastikan link stylesheet Bootstrap mengarah pada path yang tepat dimana file CSS Bootstrap berada, relative terhadap file html yang memanggilnya.

Karena file index.php yang kita buat berada di dalam folder praktikum dan di dalamnya langsung bersisi file Bootstrap, maka kita tulis asset/css/bootstrap.min.css.

b) Pastikan juga script JavaScript Bootstrap mengarah pada path yang tepat dimana file JavaScript Bootstrap berada, relative terhadap file html yang memanggilnya.

NOTE: Karena pada contoh kita, file index.php yang kita buat di dalam folder praktikum dan di dalamnya sudah ada file Bootstrap, maka path-nya bisa kita tulis asset/js/bootstrap.min.js. Jika nanti kamu membuat file index.php nya tidak seperti path yang kita buat di atas nggak usah masalah, tinggal disesuaikan saja path-nya.

c) Pastikan JQuery terpanggil

NOTE: Bootstrap membutuhkan JQuery agar berjalan dengan sempurna. Karena JavaScript-nya Bootstrap tidak akan bekerja jika tidak ada JQuery. So, pastikan JavaScript-nya terpanggil dengan baik. Sebagai contoh di atas, kita panggil JQuery langsung dari library-nya.

Demikianlah tutorial yang saya praktekkan, silahkan tinggalkan komentar dan sarannya dibawah, sekian dan terimakasih......

Minggu, 05 Maret 2017

Masukan dan Keluaran Komputer

A. Sistem Masukan

Sistem masukan adalah peralatan hardware yang berfungsi untuk memasukan data ke dalam komputer yang berisi sinyal input dan maintenance input.

Contoh :

1. Mouse
Hasil gambar untuk mouse

Mouse komputer merupakan perangkat keras yang termasuk dalam golongan perangkat input (masukan). fungsi mause komputer adalah mengatur pergerakan kursor secara cepat, selain itu juga untuk memberikan suatu perintah dengan hanya menekan tombol pada mouse komputer. Di dalam perangkat mouse ini, terdapat sebuah bola kecil yang akan menangkap pergerakan mouse dan mentransfer sinyal listrik ke perangkat pemroses (CPU). Dengan demikian, mouse komputer dapat secara cepat melakukan kinerjanya sebagai perangkat masukan.

2. Keyboard

Keyboard adalah sebuah perangkat keras (hardware) pada komputer yang berfungsi sebagai alat untuk input data yang berupa huruf, angka dan simbol. Atau definisi keyboard yaitu suatu perangkat keras pada komputer yang berbentuk papan dan memiliki berbagai macam tombol yang dimana tombol tersebut fungsinya berbeda tergantung pada penekanannya yang bisa menghasilkan proses yang sesuai dengan keinginan penggunanya.

Selain sebagai alat untuk men-inputkan data keyboard juga memiliki berbagai macam fungsi tombol dengan kombinasi yang khusus. Umumnya port keyboard pada komputer ada 2 macam diantaranya PS2 dan USB akan tetapi seiring berkembangnya teknologi, sekarang keyboard sudah ada yang memakai wireless atau tanpa menggunakan kabel.

3. Mic

Microphone (Mikrofon) merupakan keluarga Transduser yang berfungsi sebagai komponen atau alat pengubah satu bentuk energi ke bentuk energi lainnya. Setiap jenis Mikrofon memiliki cara yang berbeda dalam mengubah (konversi) bentuk energinya, tetapi mereka semua memiliki persamaan yaitu semua jenis Mikrofon memiliki suatu bagian utama yang disebut dengan Diafragma (Diaphragm).

4. scanner
Hasil gambar untuk scanner

Scanner adalah sebuah alat pemindai salah satu perangkat input pada komputer, merupakan suatualat yang berfungsi untuk menduplikat objek layaknya seperti mesin fotokopy ke dalam bentuk digital.

Scanner dapat menduplikat objek tersebut menggunakan sensor cahaya yang terdapat di dalamnya. Sensor yang terdapat pada scanner tersebut mendeteksi struktur, tulisan, dan gambar dari objek yang discan lalu dikirimkan ke komputer dalam bentuk digital.

Fungsi Scanner sudah jelas karena dengan adanya alat ini, kita dapat menduplikat hard-copy seperti kertas, makalah, maupun foto ke dalam bentuk digital ke komputer. Jadi saat kita kehilangan source berkas seperti foto atau makalah, kita dapat menyimpan foto tersebut ke komputer kita. Jadi ketika foto itu hilang, atau rusak, kita masih punya simpanan/salinannya di komputer dalam bentuk digital.

v Fungsi Masukan

Fungsi Perangkat Masukkan (Input) Adalah Untuk Memberi Perintah Kepada Perangkat Keluaran (Output)

v Struktur Masukan

Struktur komputer di defenisikan sebagai cara-cara dari tiap komponen saling terkait. fungsi komputer di defenisikan sebagai operasi masing-masing komponen sebagai bagian dari struktur.

A. Sistem keluaran

Sistem keluaran adalah peralatan hardware yang berfungsi untuk menampilkan data dari hasil masukan ke dalam komputer yang sudah diproses. Contoh :

1. Monitor

Monitor adalah komponen komputer yang berfungsi untuk menampilkan gambar yang di-output dari video card. Monitor komputer yang banyak tersedia di pasaran saat ini adalah monitor CRT (monitor tabung) dan monitor LCD, namun saat ini kebanyakan orang-orang lebih memilih menggunakan monitor LCD (terutama di kantor-kantor) karena monitor LCD ini selain tampilannya lebih modern, juga memiliki kelebihan lainnya yaitu hemat space dan hemat listrik.

2. Speaker

Speaker adalah perangkat elektronika yang terbuat dari logam dan memiliki membran, kumparan, serta magnet sebagai bagian yang saling melengkapi. Tanpa adanya membran, sebuah speaker tidak akan mengeluarkan bunyi, demikian juga sebaliknya .Fungsi speaker secara keseluruhan adalah mengubah gelombang listrik dari perangkat penguat audio menjadi gelombang suara atau getaran.

3. printer

Printer merupakan sebuah perangkat keras yang dihubungkan pada komputer yang berfungsi untuk menghasilan cetakan baik berupa tulisan ataupun gambar dari komputer pada media kertas atau yang sejenisnya.

4. proyektor
Hasil gambar untuk projector

Alat keluaran yang fungsinya sama seperti monitor, biasa digunakan untuk presentasi karna gambar yang dikeluarkan dipancarkan melalui cahaya yang langsung bisa dipancarkan ke dinding sehingga bisa diatur skalanya.5. Proyektor ( Projector )
alat keluaran yang fungsinya sama seperti monitor, biasa digunakan untuk presentasi karna gambar yang dikeluarkan dipancarkan melalui cahaya yang langsung bisa dipancarkan ke dinding sehingga bisa diatur skalanya.