Welcome to blog Gunawan: Pemrograman

Tampilkan postingan dengan label Pemrograman. Tampilkan semua postingan

Selasa, 29 Oktober 2013

Membuat page title dinamis dan memanfaatkan URL dalam PHP

Assalamu'alaikum wr.wb

Dengan memanfaatkan tag title dalam html dan bantuan hp serta mysql, anda dapat membuat halaman html memiliki page title yang dinamis. Di sini pula saya akan jelaskan, bagaimana memanfaatkan url dalam php dalam memproses inputan dari user. ada dua langkah yang akan kita kerjakan.

Pertama kita akan cuma menampilkan nama pelanggan yang di ambil dari database, nama pelanggan ini akan ditapilkan dalam bentuk url, dan ketika url ini di klik maka akan menampilkan informasi detail mengenai pelanggan tersebut.

Kedua, nama pelanggan itu akan muncul dalam title dari suatu halam yang memberitahukan jika kita sedang mengakses data mengenai pelanggan bernama si a.

Di postingan saya yang sebelumnya, kita pernah belajar mengenai dasar-dasar SQL dan cara membuat database.

1. Buatlah koneksi ke database terlebih dahalu

<?php
$host = "127.0.0.1";
$root = "root";
$pw = "goen"; //sesuaikan dengan password anda
$db = "ordering_system"; //sesuaikan dengan nama database anda

$konek = mysql_connect($host,$root, $pw)or die ("Koneksi ke database gagal");
$pilihdb = mysql_select_db($db)or die ("Database tidak ditemukan");
?>
Simpanlah script diatas dengan nama "koneksi.php".

2. Kita buat file untuk display datanya.

<?php
//kita lakukan koneksi terlebih dahulu
include "koneksi.php";

//kemudian buat satu query yang akan mengambil id_pelanggan, dan nama pelanggan
//id pelanggan di ambil sebagai kunci untuk menampilkan detail pelanggan.
$tampil_nama = "select id_pelanggan, nm_pelanggan from pelanggan";

//kemudian kita jalankan querynya
$tampil_nama_query = mysql_query($tampil_nama);

//lalu kita tampilkan isi database nya
while ($hasil =mysql_fetch_array($tampil_nama_query))
    {

//lalu kita tampilkan datanya sebagai link url, yang ketika di klik akan menampilkan
//informasi detail pelanggan tersebut
    echo "<a href=detaildata.php?id=",$hasil['id_pelanggan'], ">", $hasil['nm_pelanggan'],"</a><br>";
    }
?>

Simpan script diatas dengan nama "displaydata.php".

3. Kita buat file untuk detail datanya.

<?php
//lakukan koneksi terlebih dahulu
include "koneksi.php";

//kemudian kita ambil nilai id yang ada pada url
$id= $_REQUEST['id'];

//lalu kita buat query yang hanya dapat menampilkan informasi pelanggan
//yang kita klik saja.
$detail = "select * from pelanggan where id_pelanggan='$id'";

//kita jalankan querynya
$detail_query = mysql_query($detail);
while ($hasil =mysql_fetch_array($detail_query))
    {

//lalu kita masukkan kedalam variabel untuk mempermudah dalam menampilkan data
    $idp =$hasil['id_pelanggan'];
    $nmp =$hasil['nm_pelanggan'];
    $almt =$hasil['alamat'];
    $tlp =$hasil['telepon'];
    $email=$hasil['email'];

//kemudian kita sisipkan data yang akan ditampilkan dalam satu variabel
    $data_lengkap = "Id Pelanggan : ".$idp."<br>";
    $data_lengkap .="Nama Pelanggan : ".$nmp."<br>";
//tanda titik ini berguna untuk menambahkan isi variabel yang sebelumnya agar
//tidak tertimpa melainkan hanya menambahkan saja, dan tidak ditampilkan,
//namun akan ditampilkan di ahir dari coding halam ini
    $data_lengkap .="Alamat : ".$almt."<br>";
    $data_lengkap .="Telepon : ".$tlp."<br>";
    $data_lengkap .="Email : ".$email."<br>";
    }

//kemudian tampilkan semua isi detail
    echo "Informasi Detail Mengenai <strong>".$nmp."</strong> Adalah : <br>".$data_lengkap;
    echo "<a href='displaydata.php'>Back</a>";
?>
<html>
<head>
<title> <?php echo "informasi $nama ";?> </title>
</head>

<body>
</body>
</html>

Simpanlah script diatas dengan nama "detaildata.php".

Lihatlah di Browser, dan hasilnya akan seperti ini

Cukup sampai disini dulu tutorial dari saya, semoga bermanfaat.
selamat mencoba.

Senin, 28 Oktober 2013

Membuat Calender Dengan JavaScript

Assalamu'alaikum warohmatullohi wabarokatuh...!!!

Selamat malam agan2 semuanya, gmana kabarnya malam ini ? saya harap baik-baik saja.

Untuk tutorial malam ini kita akan belajar membuat kalender dengan JavaScript. O'ya, sebelum kita membahas lebih jauh tentang JavaScript, kira-kira pengertian dan kegunaan JavaScript itu apa ya ? :D

ada yang yang tau enggak ?

JavaScript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dulunya dinamai “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 yang sangat populer pada saat itu. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java”) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995. Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser milik mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa pemrograman C++.

JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek (PBO), sedangkan Script adalah serangkaian instruksi program.

O'ya ada yang lupa ni, ada beberapa hal yang harus agan perhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika agan pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new array tidak boleh ditulis huruf kecil semua, tapi yang benar adalah new (spasi) Array, dan banyak yang lainnya.

hadoohh, kok ceritanya panjang amat sih gan ? trus kapan kita ngodingnya kalau begini. hehee :D

Oke kalau begitu mari kita langsung saja menuju ke TKP. ("kayak OVJ aja ya gan... hehee :D ").

Agan siapkan dulu tools nya, disini saya menggunakan tools Dreamweaver. Bagi yang belum punya cari dulu di google :D. Atau agan bisa menggunakan notepad ataupun notepad ++ dan masih banyak lagi yang lainnya.
Setelah agan buka Dreamweaver nya Pilih New, Basic page, HTML lalu klik Create.
Lalu ketiklah code dibawah ini.

<html>

<head>

<title>Program Kalender</title>

</head>

namabulan = new Array (

"Januari",

"Februari",

"Maret",

"April",

"Mei",

"Juni",

"Juli",

"Agustus",

"September",

"Oktober",

"November",

"Desember");

var linkhitung=0;

function addlink(month, day, href)

{

var masukan=new Array(3);

masukan[0] = month;

masukan[1] = day;

masukan[2] = href;

this[linkhitung++] = masukan;

}

Array.prototype.addlink = addlink;

linkhari =new Array();

nbulan =new Array(12);

nbulan [0] =31;

nbulan [1] =28;

nbulan [2] =31;

nbulan [3] =30;

nbulan [4] =31;

nbulan [5] =30;

nbulan [6] =31;

nbulan [7] =31;

nbulan [8] =30;

nbulan [9] =31;

nbulan [10] =30;

nbulan [11] =31;

tanggalSekarang = new Date();

hari_ini = tanggalSekarang.getDay();

bulan_ini = tanggalSekarang.getMonth();

tanggal_ini = tanggalSekarang.getDate();

tahun_ini = tanggalSekarang.getYear();

tahun_ini = tahun_ini%100;

tahun_ini = ((tahun_ini <50) ? (2000 + tahun_ini) : (1900 + tahun_ini));

if (((tahun_ini % 4==0)

&&!(tahun_ini % 100==0))

||(tahun_ini % 400==0))nbulan[1]++;

spasi =tanggal_ini;

while (spasi >7)spasi-=7;

spasi =hari_ini - spasi + 1;

if (spasi <0)spasi+=7;

document.write("<table border=2 bgcolor=white");

document.write("bordercolor=black><font color=black>");

document.write("<tr><td colspan=7><center><strong>"

+ namabulan[bulan_ini]+ " " + tahun_ini

+"</strong></center></font></td></tr>");

document.write("<tr>");

document.write("<td align=center>Mi</td>");

document.write("<td align=center>S</td>");

document.write("<td align=center>Se</td>");

document.write("<td align=center>R</td>");

document.write("<td align=center>Ka</td>");

document.write("<td align=center>J</td>");

document.write("<td align=center>Sa</td>");

document.write("</tr>");

document.write("<tr>");

for(s=0;s<spasi;s++)

{

document.write("<td></td>");

}

hitung=1;

while (hitung <= nbulan[bulan_ini])

{

for(b =spasi;b<7;b++)

{

linktrue=false;

document.write("<td>");

for(c=0;c<linkhari.length;c++)

{

if (linkhari[c] !=null)

{

if ((linkhari[c][0]==bulan_ini + 1) && (linkhari[c][1]==hitung))

{

document.write("a href=\"" +linkhari[c][2] +"\">");

linktrue=true;

}

if (hitung==tanggal_ini)

{

document.write("<font color='FF0000'><strong>");

}

if (hitung <=nbulan[bulan_ini])

{

document.write(hitung);

}

else

{

document.write(" ");

}

if (hitung==tanggal_ini)

{

document.write("</strong></font>");

}

if (linktrue)

document.write("</a>");

document.write("</td>");

hitung++;

}

document.write("</tr>");

document.write("<tr>");

spasi=0;

}

document.write("</table></p>");

</script>

</center>

</body>

</html>

Setelah selesai, simpanlah dengan format .html

lalu panggillah melalui browser agan, dan hasilnya agan menjadi seperti ini

cukup sampai disini dulu ya gan, semoga bermanfaat.

Selamat mencoba.

Sabtu, 26 Oktober 2013

Dasar - Dasar SQL

Assalamu'alaikum warohmatullohi wabarokatuh.....!!!

selamat malam agan2 semuanya, untuk postingan kali ini saya akan memperkenalkan dasar-dasar SQL khususnya untuk pemula / newbie.

tampa basa-basi lagi, kita langsung saja menuju ke TKP.

SQL merupakan singkatan dari Structured Query Language. SQL atau juga sering disebut sebagai query merupakan suatu bahasa (language) yang digunakan untuk mengakses database. SQL dikenalkan pertama kali dalam IBM pada tahun 1970 dan sebuah standar ISO dan ANSII ditetapkan untuk SQL. Standar ini tidak tergantung pada mesin yang digunakan (IBM, Microsoft atau Oracle). Hampir semua software databasemengenal atau mengerti SQL. Jadi, perintah SQL pada semua software database hampir sama.

Terdapat 3 (tiga) jenis perintah SQL, yaitu :

1. DDL atau Data Definition Language

DDL merupakan perintah SQL yang berhubungan dengan pendefinisian suatu struktur database, dalam hal ini databasedan table. Beberapa perintah dasar yang termasuk DDL ini antara lain :

ƒCREATE
ALTER
RENAME
DROP

2. DML atau Data Manipulation Language

DML merupakan perintah SQL yang berhubungan dengan manipulasi atau pengolahan data atau record dalam table. Perintah SQL yang termasuk dalam DML antara lain :

SELECT
INSERT
UPDATE
DELETE

3. DCL atau Data Control Language

DCL merupakan perintah SQL yang berhubungan dengan manipulasi user dan hak akses (priviledges). Perintah SQL yang termasuk dalam DCL antara lain :

GRANT
REVOKE

Membuat, Menampilkan, Membuka dan Menghapus Database

- Membuat Database

Sintaks umum SQL untuk membuat suatu database adalah sebagai berikut :

CREATE DATABASE [IF NOT EXISTS]nama_database;

Bentuk perintah di atas akan membuat sebuah database baru dengan nama nama_database. Aturan penamaan sebuah database sama seperti aturan penamaan sebuah variabel, dimana secara umum nama database boleh terdiri dari huruf, angka dan under-score(_). Jika database yang akan dibuat sudah ada, maka akan muncul pesan error. Namun jika ingin otomatis menghapus database yang lama jika sudah ada, aktifkan option IF NOT EXISTS.

Berikut ini contoh perintah untuk membuat database baru dengan nama “order_system” :

Jika query di atas berhasil dieksekusi dan database berhasil dibuat, maka akan ditampilkan pesan gambar di atas.

- Menampilkan Database

untuk menampilkan database yang telah dibuat atau yang sudah ada, maka gunakan perintah

SHOS DATABASES;

Hasil dari perintah di atas akan menampilkan semua database yang sudah ada di MySQL. Berikut ini contoh hasil dari query di atas :

- Membuka Database

Sebelum melakukan manipulasi tabel dan record yang berada di dalamnya, kita harus membuka atau mengaktifkan databasenya terlebih dahulu. Untuk membuka database “order_system”, berikut ini querynya :

USE order_system;

Jika perintah atau query di atas berhasil, maka akan ditampilkan pesan sebagai berikut :

- Menghapus Database

Untuk menghapus suatu database, sintaks umumnya adalah sbb :

DROP DATABASE [IF EXISTS]nama_database;

Bentuk perintah di atas akan menghapus database dengan nama nama_database. Jika databasenya ada maka database dan juga seluruh tabel di dalamnya akan dihapus. Jadi berhati-hatilah dengan perintah ini! Jika nama database yang akan dihapus tidak ditemukan, makaakan ditampilkan pesan error. Aktifkan option IF EXISTS untuk memastikan bahwa suatu database benar-benar ada.

Berikut ini contoh perintah untuk menghapus database dengan nama order_system;

cukup sampai disini dulu ya gan, lain waktu kita akan lanjutkan kembali.

selamat mencoba.

Jumat, 22 Februari 2013

Membuat login dengan enkripsi MD5 menggunakan PHP & MySQL

Oke, tampa basa-basi kita langsung saja menuju ke TKP :

Step-1:

Tambahkan tabel ke dalam database yang sudah ada dengan nama: logins

CREATE TABLE Logins (
ID mediumint not null auto_increment,
username varchar(30) not null,
pass varchar(64) not null defatult 'password',
primary key(ID));

Step-2:

Membuat File untuk Register User.
Nama File : register.php
Deskripsi : untuk menambahkan user baru.

<?
include "koneksi.php";

if (isset($_POST['submit'])){
if($_POST['username'] | !$_POST['passwd1'] | !$_POST['passwd2']){
die("Anda tidak melengkapi semua field");
}
if (!get_magic_quotes_gpc()){
$username=addslashes($_POST['username']);
$passwd1=addslashes($_POST['passwd1']);
}
//memeriksa username jika terjadi kesamaan nama user
$usercheck=$_POST['username'];
$sql=mysql_query("SELECT username FROM logins WHERE username='".$usercheck."'")or die(mysql_error());
$check=mysql_num_rows($sql);

if ($check !=0){
die("<b>MAAF, username : ".$_POST['username']." sudah digunakan</b>");
}else if($_POST['passwd1'] != $_POST['passwd2']){
die("Password Anda tidak sama, <b>Confirm Password</b>.");
}
//menambahkan user baru
$enkrip_pass=md5($passwd1);
$query="INSERT INTO logins(username, pass) VALUES('$username','$enkrip_pass')";
$sql=mysql_query($query)or die(mysql_error());
?>
<h1>Registered</h1>
<p>Thank you, you have registered - you may now login.
Click <a href="login.php">here</a> for Login</p>
<?
}else{
?>
<form action="" method="post" name="Register">
<table border="0">
<tr><td>Username </td><td> <input type="text" name="username" maxlength="60" size="60"></td></tr>
<tr><td>Password </td><td> <input type="password" name="passwd1" maxlength="10" size="10"></td></tr>
<tr><td>Confirm Password </td><td> <input type="password" name="passwd2" maxlength="10" size="10"></td></tr>
<tr><th colspan="2"><input type="submit" name="submit" value="Register"></th></tr>
</table>
</form>
<?
}
?>

Step-3

Setelah user terdaftar, selanjutnya melakukan autentifikasi terhadap user dengan login form.
Nama File : Login.php
Deskripsi : melakukan autentifikasi terhadap user.

<?
session_start();
if (isset($_POST['submit'])){

include "koneksi.php";

if(!get_magic_quotes_gpc()){
$passwd1=addslashes($_POST['passwd1']);
$username=addslashes($_POST['username']);
}
// $enkrip_pass=md5($pass);
//periksa username dan password saat login
$sql=mysql_query("SELECT * FROM logins WHERE username = '".$username."'")
or die(mysql_error());
$row=mysql_fetch_assoc($sql);
if (md5($passwd1)==$row['pass']){
//menciptakan session
session_register("username");
$_SESSION['username']=$row['username'];
header("Location: ".$config_basedir);
}else{
header("Location: ".$config_basedir."/login.php?error=1");}
}else{
?>
<html>
<head>
<title>Login here...</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="" method="post" name="login">
<table align="center">
<tr><th colspan="2"><h2>Login</h2></th></tr>
<tr><td>user name </td><td> <input type="text" name="username"></td></tr>
<tr><td>password </td><td> <input type="password" name="passwd1"></td></tr>
<tr><td colspan="2"><input type="submit" name="submit" value="Login"></td></tr>
<?
if($_GET['error']){
echo "<tr><td colspan='2'><hr><small>Gagal Login, Silahkan Coba lagi.</small></td></tr>";
}
?>
</table>
</form>
</body>
</html>
<?
}
?>

Step-4

Setelah login tentunya harus jangan lupa logout untuk menghapus session dari user yang masuk.
Nama File : Logout.php
Deskripsi : menghapus session / keluar dari aplikasi

<?
/*---------------------------------------------
Halaman ini merupakan halaman logout
dimana kita akan menghapus session yang ada
-----------------------------------------------*/
session_start();
unset ($_SESSION['username']);
session_destroy();
require "koneksi.php";
header("Location: ".$config_basedir);
?>

Step-5
Setelah mengetikan script di atas, sebelumnya ada perubahan sedikit pada script file sebelumnya:
1. koneksi.php, dan
2. index.php

koneksi.php
Tambahkan script dibawah ini:

$config_basedir = "http://127.0.0.1/berita";

Contoh script setelah ditambahkan:
<?
$host='localhost';
$user='root';
$pass='password';
$dbnm='pw2';
$config_basedir = "http://127.0.0.1/berita";
$conn=mysql_connect($host,$user,$pass);
...

index.php
Script yang ditambahkan:
<?
if(isset($_SESSION['username'])){
echo "<a href='arsip_berita.php'>Arsip Berita</a> |";
echo "<a href='input_berita.php'>Input Berita</a> |";
echo "<a href='logout.php'>Log out</a>";
echo "<div align='center'>SELAMAT DATANG ".$_SESSION['username']."</div>";
}
?>

Script setelah ditambakan.

<?
session_start();
include "koneksi.php";
?>
<html>
<head>
<title>Index Berita</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<?
if(isset($_SESSION['username'])){
echo "<a href='arsip_berita.php'>Arsip Berita</a> |";
echo "<a href='input_berita.php'>Input Berita</a> |";
echo "<a href='logout.php'>Log out</a>";
echo "<div align='center'>SELAMAT DATANG ".$_SESSION['username']."</div>";
}
?>
<br><br>
<h2>Halaman Depan ~ Lima Berita Terbaru</h2>

wahhh, kalau begini caranya aku juga tau broo....heheeee.
cukup sampai disini dulu ya tutorial kali ini, semoga bermanfaat.

Pages

Selasa, 29 Oktober 2013

Membuat page title dinamis dan memanfaatkan URL dalam PHP

Senin, 28 Oktober 2013

Membuat Calender Dengan JavaScript

Sabtu, 26 Oktober 2013

Dasar - Dasar SQL

Jumat, 22 Februari 2013

Membuat login dengan enkripsi MD5 menggunakan PHP & MySQL