Friday, July 13, 2012

cara install chromiun web browser di linux


Firefox adalah web browser default di Ubuntu 12,04  yang lambat dan sangat tidak stabil. Sementara Chromium cukup cepat dan popularitas penggunaannya semakin meningkat. 
Anda dapat menginstalnya langsung dari Ubuntu Software Center, atau hanya ketik perintah ini di terminal (Ctrl + Alt + T):



sudo apt-get install chromium-browser
Anda juga harus menginstal beberapa codec seperti FFmpeg untuk membuka konten multimedia di web.
sudo apt-get install chromium-codecs-ffmpeg-extra
Atau anda bis menginstallnya lewat Ubuntu software center yg adanya di Applications tuliskan di searcingnnya Chromium dan tinggal di ikuti langkah selanjutnya



google chrom di linuk , cara intall google chrom di linux

cara install gimp


aslamulaikum
nah gan sekarang ana semangat nya bikin artikel
nah sekarang ane akan ngejalasin tentang gimp

nah apa itu gimp
gimp adalah sebuah product dari opensourse atau sofware gratis milik bersama
gimp adalah sofware GNU Image Manipulation Program
jadi sofware pengolah gambar
klou di windows atau mah itu nama photoshop
gimp tak jauh beda ama photoshop
nah bagi agan agan yang pake linux tapi pengen edit photo
tapi gak tau software nya gak tau nah sekarang udah ada yaitu gimp
gimp sekarang udah versi 2.8
nah sekarang gimna cara install
caranya :
  1. Untuk menginstal GIMP bisa langsung di Ubuntu Software Center atau menginstalnya dari termina

  1. untuk mengistall dari terminal
    1. buaka terminal ctrl+alt+T :
        langsung ketik :
sudo apt-get install gimp

sudo apt-get install gimp-data-extras
sudo apt-get install gimp-plugin-registry

gimp , pengaganti photoshop di linux , cara instal gimp 

Yang harus dilakuakn setelah install ubuntu


Asalamamualakkum war wb
hai gan apa kabar nya
kalie ini ane bikin tutorial tentang LINUX ubuntu
nah bagi agan agan yang baru pake LINUX yang baru install linux nya khusus nya ubuntu
nah sekarang ane mau jelasin apa yang harus di lakukan setelah install linux
dan ini semua harus konek ke internet
oke cekidot wew ah ,.,.,,!

  1. update ubuntu sebelum di pake supnya ubuntu nya lebum enak di pakai
    dan dianjur kan secara berkala
      cara nya :
buka terminal tekan ctrl+alt+T
terus ketikan sudo apt-get update

  1. sudah di update yang kita lakukan adalah upgrade , jika sudah di update kita harus mengupgrade di karenkan supya yang kita update itu terinstall
      caranya :
buka terminal tekan ctrl+alt+T
terus ketik sudo apt-get upgrade

  1. INSTAL 'UBUNTU RESTRICTED EXTRAS'
    setelah terupdate
    kan kita pengen dengerin musik tuh
nah karena plugins nya belum ter install jadi kita harus instal sendiri
dan plugins ini tidak terdapat di repository nya jadi install sendiri deh
jadi kita harus instal pihak ketiga nya dan denngan ini adeobe flash jug alangsung ter install
caranya :
buka terminal tekan ctrl+alt+t
terus ketik sudo apt-get

  1. install driver
    tidak seperti microsoft window , linuk ubuntu langsung terinstall driver nya karena
linuk ubuntu sudah menyiap kan driver yang sesuai dengan komputerk anda



install driver ubuntu , update ubuntu, upgrade ubuntu , musik playeer ubuntu , INSTAL 'UBUNTU RESTRICTED EXTRAS'

Saturday, March 03, 2012

HTML5 peyimpanan web : BAB 9

Apa itu HTML5 Penyimpanan Web?

Dengan HTML5, halaman web dapat menyimpan data secara lokal dalam browser pengguna.

Sebelumnya, ini dilakukan dengan cookie. Namun, Penyimpanan Web lebih aman dan lebih cepat.Data tidak disertakan dengan setiap permintaan server, tetapi digunakan HANYA ketika minta. Hal ini juga memungkinkan untuk menyimpan sejumlah besar data, tanpa mempengaruhi kinerja situs web.

Data disimpan dalam kunci / nilai pasangan, dan halaman web hanya dapat mengakses data yang tersimpan dengan sendirinya.


Browser Dukungan

Internet Explorer Firefox Opera Google Chrome Safari

Penyimpanan web didukung di semua browser utama.


localStorage dan sessionStorage 

Ada dua objek baru untuk menyimpan data pada klien:

  • localStorage - menyimpan data tanpa tanggal kedaluwarsa
  • sessionStorage - menyimpan data untuk satu sesi

Sebelum menggunakan penyimpanan web, memeriksa dukungan browser untuk localStorage dan sessionStorage:

if(typeof(Storage)!=="undefined")

 
{

 
// Yes! localStorage and sessionStorage support!

 
//  Some code.....

 
}

else

 
{

 
// Sorry! No web storage support..

 
}



Obyek localStorage

Obyek localStorage menyimpan data tanpa tanggal kedaluwarsa. Data tidak akan dihapus bila browser ditutup, dan akan tersedia pada hari berikutnya, minggu, atau tahun.

Contoh

localStorage.lastname="Smith";

document.getElementById("result").innerHTML="Last name: "

+ localStorage.lastname;


Cobalah sendiri »

Contoh menjelaskan:

  • Buat pasangan kunci / nilai localStorage dengan kunci = "nama belakang" nilai dan = "Smith"
  • Mengambil nilai dari kunci "nama belakang" dan masukkan ke elemen dengan id "hasil" =

Tip: Kunci / nilai pasangan selalu disimpan sebagai string. Ingatlah untuk mengkonversikannya ke format lain bila diperlukan.

Contoh berikut menghitung berapa kali pengguna telah mengklik tombol. Dalam kode ini string nilai dikonversi menjadi jumlah untuk dapat meningkatkan counter:

Contoh

if (localStorage.clickcount)

 
{

 
localStorage.clickcount=Number(localStorage.clickcount)+1;

 
}

else

 
{

 
localStorage.clickcount=1;

 
}

document.getElementById("result").innerHTML="You have clicked the button " + localStorage.clickcount + " time(s).";


Cobalah sendiri »



Obyek sessionStorage

Obyek sessionStorage sama dengan objek localStorage, kecuali bahwa itu menyimpan data hanya untuk satu sesi. Data tersebut dihapus saat pengguna menutup jendela browser.

Contoh berikut menghitung berapa kali pengguna telah mengklik tombol, dalam sesi saat ini:

Contoh

if (sessionStorage.clickcount)

 
{

 
sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;

 
}

else

 
{

 
sessionStorage.clickcount=1;

 
}

document.getElementById("result").innerHTML="You have clicked the button " + sessionStorage.clickcount + " time(s) in this session.";


Cobalah sendiri »

HTML5 SVG : BAB 8

Apa SVG?

  • SVG adalah singkatan dari Scalable Vector Graphics
  • SVG digunakan untuk mendefinisikan vektor berbasis grafis untuk Web
  • SVG mendefinisikan grafis dalam format XML
  • Grafis SVG TIDAK kehilangan kualitas apa pun jika mereka diperbesar atau diubah ukurannya
  • Setiap elemen dan atribut setiap file SVG dapat animasi
  • SVG adalah rekomendasi W3C

Keuntungan SVG

Keuntungan menggunakan SVG lebih format gambar lain (seperti JPEG dan GIF) adalah:

  • Gambar SVG dapat dibuat dan diedit dengan editor teks apapun
  • Gambar SVG dapat dicari, diindeks, scripted, dan dikompresi
  • Gambar SVG yang terukur
  • Gambar SVG dapat dicetak dengan kualitas tinggi dengan resolusi apapun
  • Gambar SVG adalah zoomable (dan gambar dapat diperbesar tanpa degradasi)

Browser Dukungan

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9, Firefox, Opera, Chrome, dan Safari mendukung inline SVG.


Embed SVG Langsung Ke Halaman HTML

Dalam HTML5, Anda dapat menanamkan elemen SVG langsung ke halaman HTML Anda:

Contoh

<!DOCTYPE html>

<html>

<body>



<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">

 
<polygon points="100,10 40,180 190,60 10,60 160,180"

 
style= "fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />

</svg>



</body>

</html>


Cobalah sendiri »

Hasil:

U

Friday, March 02, 2012

HTML5 kanvas : BAB 7




Apa kanvas?



Unsur <canvas> HTML5 digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya).


Unsur <canvas> hanya wadah untuk grafis, Anda harus menggunakan script untuk benar-benar menarik grafis.


Kanvas adalah wilayah ditarik didefinisikan dalam kode HTML dengan atribut tinggi dan lebar.


Kanvas memiliki beberapa metode untuk path gambar, kotak, lingkaran, karakter, dan gambar menambahkan.





Buat kanvas



Sebuah kanvas ditentukan dengan elemen <canvas>.


Tentukan id, lebar, dan tinggi dari elemen <canvas>:



 
<canvas id="myCanvas" width="200" height="100"></canvas>







Menggambar Dengan JavaScript



Unsur <canvas> tidak memiliki kemampuan menggambar sendiri.


Semua gambar harus dilakukan di dalam JavaScript:



 
<script type="text/javascript">

    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    ctx.fillStyle="#FF0000";
    ctx.fillRect(0,0,150,75);
    </script>

 


JavaScript menggunakan id untuk menemukan elemen <canvas>:



 
var c=document.getElementById("myCanvas");



Kemudian, membuat objek konteks:



 
var ctx=c.getContext("2d");



Para getContext ("2d") objek adalah built-in HTML5 objek, dengan banyak metode untuk menggambar jalan, kotak, lingkaran, karakter, gambar dan banyak lagi.


Dua baris berikutnya menggambar persegi panjang merah:



 
ctx.fillStyle="#FF0000";

    ctx.fillRect(0,0,150,75);



Atribut fillStyle membuatnya merah, dan atribut fillRect menentukan bentuk, posisi, dan ukuran.


HTML5 Drag dan Drop : BAB 6




Drag dan Drop



Drag dan drop adalah fitur yang sangat umum. Ini adalah ketika Anda "ambil" obyek dan tarik ke lokasi yang berbeda.


Dalam HTML5, drag dan drop merupakan bagian dari standar, dan setiap elemen bisa draggable.





Browser Dukungan



Internet Explorer Firefox Opera Google Chrome Safari


Internet Explorer 9, Firefox, Chrome, dan Safari 5 dukungan drag dan drop.


Catatan: Drag dan drop tidak bekerja di Safari 5.1.2.





HTML5 Drag dan Drop Contoh



Contoh di bawah adalah drag dan drop sederhana misalnya:



 

Contoh


 
<!DOCTYPE HTML>

    <html>
    <head>
    <script type="text/javascript">
    function allowDrop(ev)
    {
    ev.preventDefault();
    }
   
    function drag(ev)
    {
    ev.dataTransfer.setData("Text",ev.target.id);
    }
   
    function drop(ev)
    {
    var data=ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data));
    ev.preventDefault();
    }
    </script>
    </head>
    <body>
   
    <div id="div1" ondrop="drop(event)"
    ondragover="allowDrop(event)"></div>
    <img id="drag1" src="img_logo.gif" draggable="true"
    ondragstart="drag(event)" width="336" height="69" />
   
    </body>
    </html>

 


Mungkin terlihat rumit, tapi mari kita pergi melalui semua bagian yang berbeda dari acara drag dan drop.





Membuat draggable Elemen



Pertama-tama: Untuk membuat draggable elemen, mengatur atribut draggable untuk benar:



 
<img draggable="true" />







Apa yang harus Drag - ondragstart dan setData ()



Kemudian, tentukan apa yang harus terjadi ketika elemen diseret.


Dalam contoh di atas, atribut ondragstart panggilan fungsi, drag (event), yang menentukan data apa yang akan diseret.


Para dataTransfer.setData () metode menetapkan tipe data dan nilai data diseret:



 
function drag(ev)

    {
    ev.dataTransfer.setData("Text",ev.target.id);
    }



Dalam hal ini, jenis data "Teks" dan nilai adalah id dari elemen draggable ("drag1").





Dimana Drop - ondragover



Acara ondragover menentukan dimana data diseret dapat dijatuhkan.


Secara default, data / unsur yang tidak dapat dijatuhkan dalam unsur lainnya. Untuk memungkinkan setetes, kita harus mencegah penanganan default dari elemen.


Hal ini dilakukan dengan memanggil event.preventDefault () metode untuk acara ondragover:



 
event.preventDefault()







Apakah Drop - ondrop



Ketika data menyeret terjatuh, peristiwa penurunan terjadi.


Dalam contoh di atas, atribut ondrop panggilan fungsi, drop (event):



 
function drop(ev)

    {
    var data=ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data));
    ev.preventDefault();
    }



Kode menjelaskan:


     
  • Dapatkan data diseret dengan metode ("Teks") dataTransfer.getData. Metode ini akan mengembalikan setiap data yang ditetapkan untuk jenis yang sama dalam setData () metode
  •  
  • Data yang diseret adalah id dari elemen diseret ("drag1")
  •  
  • Tambahkan elemen diseret ke elemen penurunan
  •  
  • Call preventDefault () untuk mencegah penanganan default browser dari data

        (default terbuka sebagai link pada drop)


HTML5 audio : BAB 5


Audio di Web



Sampai sekarang, belum ada standar untuk memainkan file audio pada sebuah halaman web.


Hari ini, sebagian besar file audio diputar melalui plug-in (seperti flash). Namun, browser yang berbeda mungkin memiliki berbagai plug-in.


HTML5 mendefinisikan sebuah elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio>.





HTML5 Audio - Cara Bekerja



Untuk memainkan file audio di HTML5, ini adalah semua yang Anda butuhkan:

Contoh


 
<audio controls="controls">

   
    <source src="song.ogg" type="audio/ogg" />

    <source src="song.mp3" type="audio/mpeg" />

Your browser does not support the audio element.  
    </audio>


Atribut kontrol menambahkan kontrol audio, seperti play, pause, dan volume.


Anda juga harus memasukkan konten teks antara <audio> dan </ audio> tag untuk browser yang tidak mendukung elemen <audio>.


Unsur <audio> memungkinkan beberapa elemen <source>. elemen <source> dapat link ke file audio yang berbeda. Browser akan menggunakan format diakui pertama.





Audio Format dan Dukungan Browser



Saat ini, ada 3 format file yang didukung untuk elemen <audio>: MP3, Wav, dan Ogg:

BrowserMP3WavOgg
Internet Explorer 9YANONO
Firefox 4.0NOYAYA
Google Chrome 6YAYAYA
Apple Safari 5YAYANO
Opera 10,6NOYAYA




HTML5 Audio Tags


TagDeskripsi
<audio>Mendefinisikan isi suara
<source>Mendefinisikan beberapa sumber daya media untuk elemen media, seperti <video> dan <audio>



HTML5 video DOM : BAB 4


HTML5 <video> - Kendalikan Menggunakan DOM

Unsur <video> HTML5 juga memiliki metode, properti, dan peristiwa.
Ada beberapa metode untuk bermain, berhenti, dan loading, misalnya. Ada sifat (misalnya durasi, volume, mencari) yang dapat membaca atau ditetapkan. Ada juga peristiwa DOM yang dapat memberitahu Anda, misalnya, ketika elemen <video> mulai bermain, dijeda, berakhir, dll

HTML5 <video> - Metode, Properties, dan Acara

Tabel di bawah menguraikan metode video, sifat, dan peristiwa didukung oleh kebanyakan browser

MetodePropertiAcara
bermain ()currentSrcbermain
jeda ()currentTimeberhenti sebentar
load ()videoWidthkemajuan
canPlayTypevideoHeightkesalahan
lamanyatimeupdate
berakhirberakhir
kesalahanmenggugurkan
berhentikosong
diredamdikosongkan
pencarianmenunggu
volumeloadedmetadata
tinggi
lebar
Catatan: Dari properti video, hanya videoWidth dan videoHeight segera tersedia. Sifat lain yang tersedia setelah meta data video telah dimuat.





HTML5 video : BAB 3


Video di Web


Sampai sekarang, belum ada standar untuk menampilkan video / film pada halaman web.Hari ini, video yang paling diperlihatkan melalui plug-in (seperti flash). Namun, browser yang berbeda mungkin memiliki berbagai plug-in.HTML5 mendefinisikan sebuah elemen baru yang menentukan cara standar untuk menanamkan video / film pada halaman web: elemen <video>





HTML5 Video - Cara Bekerja

Untuk menampilkan video di HTML5, ini adalah semua yang Anda butuhkan:

Contoh


 
<video width="320" height="240" controls="controls">

   
    <source src="movie.mp4" type="video/mp4" />

    <source src="movie.ogg" type="video/ogg" />

Your browser does not support the video tag.  
    </video>

 


Atribut kontrol menambahkan kontrol video, seperti play, pause, dan volume.Ini juga merupakan ide yang baik untuk selalu menyertakan atribut lebar dan tingginya. Jika tinggi dan lebar diatur, ruang yang diperlukan untuk video akan dibatalkan pada saat halaman dibuka.Namun, tanpa atribut-atribut ini, browser tidak mengetahui ukuran video, dan tidak dapat memesan ruang yang sesuai untuk itu. Efeknya akan bahwa tata letak halaman akan berubah selama pembebanan (sementara beban video).


Anda juga harus memasukkan konten teks antara <video> dan </ video> tag untuk browser yang tidak mendukung elemen <video>.


Unsur <video> memungkinkan beberapa elemen <source>. elemen <source> dapat link ke file video yang berbeda. Browser akan menggunakan format diakui pertama.



Video Format dan Dukungan Browser


Saat ini, ada 3 format video yang didukung untuk elemen <video>: MP4, WebM, dan Ogg:

BrowserMP4WebMOgg
Internet Explorer 9YANONO
Firefox 4.0NOYAYA
Google Chrome 6YAYAYA
Apple Safari 5YANONO
Opera 10,6NOYAYA


     
  • MP4 = MPEG-4 file dengan video codec H264 dan AAC audio codec
  •  
  • WebM = WebM file dengan VP8 video codec dan audio codec Vorbis
  •  
  • Ogg = Ogg Theora file dengan codec video dan Vorbis audio codec



HTML5 Video Tags


TagDeskripsi
<video>Mendefinisikan sebuah video atau film
<source>Mendefinisikan beberapa sumber daya media untuk elemen media, seperti <video> dan <audio>
<track>Mendefinisikan teks dalam trek mediaplayers

HTML5 elemen baru : BAB 2




Elemen Baru di HTML5

Internet telah banyak berubah sejak HTML 4.01 menjadi standar pada tahun 1999.
Hari ini, beberapa elemen dalam HTML 4.01 yang usang, tidak pernah digunakan, atau tidak menggunakan cara mereka dimaksudkan untuk. Unsur-unsur ini dihapus atau ditulis ulang di HTML5.
Untuk lebih menangani penggunaan internet saat ini, HTML5 mencakup unsur-unsur baru untuk struktur yang lebih baik, penanganan bentuk yang lebih baik, menggambar, dan untuk konten media.

Baru Semantic / Struktural Elemen

HTML5 menawarkan unsur-unsur baru untuk struktur yang lebih baik:

TagDeskripsi
<article>Mendefinisikan sebuah artikel
<aside>Mendefinisikan isi selain dari konten halaman
<bdi>Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
<command>Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta
<details>Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<summary>Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure>Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
<figcaption>Mendefinisikan sebuah caption untuk elemen <figure>
<footer>Mendefinisikan sebuah footer untuk dokumen atau bagian
<header>Mendefinisikan sebuah header untuk dokumen atau bagian
<hgroup>Grup satu set <h1> untuk elemen <h6> ketika pos memiliki beberapa tingkat
<mark>Mendefinisikan teks ditandai / disorot
<meter>Mendefinisikan sebuah pengukuran skalar dalam kisaran dikenal (gauge)
<nav>Mendefinisikan navigasi link
<progress>Merupakan kemajuan tugas
<ruby>Mendefinisikan sebuah penjelasan ruby ​​(untuk tipografi Asia Timur)
<rt>Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<rp>Mendefinisikan apa yang harus ditampilkan dalam browser yang tidak mendukung penjelasan ruby
<section>Mendefinisikan sebuah bagian dalam sebuah dokumen
<time>Mendefinisikan tanggal / waktu
<spanMendefinisikan sebuah kemungkinan garis-break

New Media Elemen

HTML5 menawarkan unsur-unsur baru untuk konten media:
TagDeskripsi
<audio>Mendefinisikan isi suara
<video>Mendefinisikan sebuah video atau film
<source>Mendefinisikan beberapa sumber daya media untuk <video> dan <audio>
<embed>Mendefinisikan sebuah wadah untuk aplikasi luar atau konten interaktif (plug-in)
<track>Mendefinisikan teks untuk trek <video> dan <audio>

Unsur baru <canvas>

TagDeskripsi
<canvas>Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya)

New Form Elements

HTML5 menawarkan elemen bentuk baru, untuk lebih banyak fungsi:
TagDeskripsi
<datalist>Menetapkan daftar yang telah ditentukan pilihan untuk kontrol input
<keygen>Mendefinisikan sebuah field kunci-pasangan generator (untuk bentuk)
<output>Mendefinisikan hasil perhitungan

Elemen Dihapus

HTML berikut 4,01 elemen dikeluarkan dari HTML5:
  • <acronym>
  •  
  • <applet>
  •  
  • <basefont>
  •  
  • <big>
  •  
  • <center>
  •  
  • <dir>
  •  
  • <font>
  •  
  • <frame>
  •  
  • <frameset>
  •  
  • <noframes>
  •  
  • <strike>
  •  
  • <tt>
  •  
  • <u>





HTML5 tutorial : BAB 1




Apa itu  HTML5?
  HTML5 akan menjadi standar baru untuk HTML.
  Versi sebelumnya dari HTML, HTML 4.01, datang  pada tahun 1999. Web telah  banyak berubah sejak saat itu.
HTML5 masih dalam proses. Namun, browser utama mendukung banyak elemen HTML5 baru dan API.





Bagaimana  Memulai Apakah HTML5?
  HTML5 merupakan kerjasama antara World Wide Web  Consortium (W3C) dan Web Hypertext Aplikasi Teknologi Working Group (WHATWG).
  WHATWG bekerja dengan bentuk web dan aplikasi,  dan W3C bekerja dengan XHTML 2.0. Pada  tahun 2006, mereka memutuskan untuk bekerja sama dan membuat versi baru dari  HTML.
Beberapa aturan untuk HTML5 didirikan:


     
  • Fitur       baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  •  
  • Mengurangi       kebutuhan untuk plugin eksternal (seperti Flash)
  •  
  • Lebih       baik penanganan kesalahan
  •  
  • Lebih       markup untuk menggantikan scripting
  •  
  • HTML5       harus perangkat independen
  •  
  • Proses       pembangunan harus terlihat untuk umum





HTML5  <DOCTYPE>
  Dalam HTML5 hanya ada satu <DOCTYPE>  deklarasi, dan sangat sederhana:



  <!DOCTYPE html>





Minimum  HTML5 Dokumen
  Di bawah ini adalah dokumen HTML5 sederhana,  dengan minimum tag yang diperlukan:



  <!DOCTYPE html>
<html>
<head>
<title>judul web</title>
</head>
 
<body>
  konten web.
</body>
 
</html>





HTML5 -  Fitur Baru
Beberapa fitur baru yang paling menarik di  HTML5:


     
  • Unsur       <canvas> untuk menggambar 2D
  •  
  • Unsur-unsur       <video> dan <audio> untuk media pemutaran
  •  
  • Dukungan       untuk penyimpanan lokal
  •  
  • Baru       konten spesifik elemen, seperti <article>, <footer>,       <header>, <nav>, <section>
  •  
  • Bentuk       kontrol baru, seperti kalender, tanggal, waktu, email, url, cari





Browser  Dukungan untuk HTML5
  HTML5 belum menjadi standar resmi, dan tidak ada  browser memiliki dukungan HTML5 penuh.
Tapi semua browser utama (Safari, Chrome,  Firefox, Opera, Internet Explorer) terus menambahkan fitur HTML5 baru untuk  versi terbaru mereka.


Thursday, March 01, 2012

pagination : php

agan gan nih sintak pagging , nah paging itu untuk membatasi sebuah tampil data
nah sintak sebagai berikit



<?php
  $conn = mysql_connect("localhost", "root", "");
  mysql_select_db("belajar");
  //mencari banyak data yang ada dalam tabel
  $sqlCount = "select count(filename) from upload";
  $rsCount = mysql_fetch_array(mysql_query($sqlCount));
  $banyakData = $rsCount[0];
  $page = isset($_GET['page']) ? $_GET['page'] : 1;
  $limit = 5;
  $mulai_dari = $limit * ($page - 1);
  $sql_limit = "select * from upload order by filename limit $mulai_dari, $limit";
  $hasil = mysql_query($sql_limit);
  ?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  </head>


<body >
  <?php


?>
  <table border="1" >
  <tr>
  <?php do { ?>
  <td width="50" height="50">
  <?php echo $row_tampil['id']; ?>


<img src="file/<?php echo $row_tampil['filename']; ?>"  height="50" width="50" /></td>


<?php } while ($row_tampil = mysql_fetch_array($hasil)); ?>
  </tr>
  </table>
  <?php
  $banyakHalaman = ceil($banyakData / $limit);
  echo 'Halaman: ';
  for($i = 1; $i <= $banyakHalaman; $i++){
  if($page != $i){
  echo '[<a href="paging.php?page='.$i.'">'.$i.'</a>] ';
  }else{
  echo "[$i] ";
  }
  }
  ?>
 
  </body>
  </html>



save nya paging.php
nah moga bermaamfat jika ada yang di tayakan koment aja di sini

pangeran programer: Tutorial Membuat Brush : photoshop

pangeran programer: Tutorial Membuat Brush : photoshop

Tutorial Membuat Brush : photoshop



hai gann nie tutorial ku yang paling pertama yaitu tutorial



pertama yang agan agan loakukan adalah membuka photshop
  ya ialah masa paint kan judulnya juga bikin brush di photoshop
  terus udah di buka photoshop nya ,,,
  agan agan open image yang agan inginkan jadi brush
  aku kalini mengunakan gambar pedang





sudah di openn


lalu klik edit >> define brush preset
  tammpilan seperti ini





sudahh di klik pasti akan muncull dialog seperti ini





dan di situ agn tinggal isi kan nama brusnya
  lalu klik ok
  dan hasil nya seperti ini,,,..





selamat mencoba .,.,.,.,


Wednesday, February 29, 2012

shoping cart sederhana : CI

nah kali nie , ku igin bebagi tentang codigniter ,
kerajang belannja ah apa itu keranjang belanja munkin sebuah aplikasi web
penjualan pasti ada itu keranjanng belanja nah sekarang aku akan menjelaskan nya
keranjang belanja dengan CI itu tingga; memangil LIbrary cart yang sudah ada
secara umum fungsi fungsi nya dalam aplikasi keranjang belanja dengan CI ialah


1. $this->cart->insert($data);


funsi di ats adalah fungsi untuk menambah kan data ,
 yang ditambahkan adalah session yang bersifat unique. Data yang dimasukkan, dikirimkan melalui array dengan isi seperti berikut : 
$data = array(
                'id'      => $id,
                'qty'     => $cty,
                'price'   => $row- > harga,
                'name'    => $row- > nama_barang
            );
2. $this->cart->update($data);

Fungsi diatas berfungsi untuk memperbaharui data yang tersimpan di dalam keranjang belanja. Session yang tersimpan diperbarui sesuai dengan id session yang dikirimkan dari sisi klien. Data yang diperbaharui, dikirimkan melalui array dengan isi seperti berikut :
$data = array(
               'rowid' => $item[$i],
               'qty'   => $qty[$i]
            );
3. $this->cart->destroy();

Fungsi yang satu ini berfungsi untuk menghapus seluruh isi keranjang belanja. Cara kerjanya cukup sederhana, yaitu menghapus session-session yang terdapat di dalamnya

4. $this->cart->total_items();

Fungsi yang terakhir ini, berfungsi untuk menjumlahkan semua barang yang terdapat di keranjang belanja. Logikanya, yaw menghitung semua session yang tersimpan

nah moga bermangfaat ,,,,.

tips jaringan 3G




nah agan agan yang suka 3g ann


Kadang di beberapa tempat banyak jaringan 3g nya yang tidak stabil kadang2 jaringan 3G hilang berikut ada solusi mempertahankan jaringan 3G yuuk…simak



1. Siapkan 1 perangkat PC


2. Download Software Myphone Explore www.fjsoft.at/en downloads.php


3. jangan lupa instal driver HP ke PC (paling gampang instal PC suite Soner)


4. Instal Soft Myphone explorer dan jalankan


5. Sambungkan Kabel USB dari PC ke HP


6. Jika Software tidak autodetect bisa dilakukan secara manual, klik File–>Connect


7. Jika sudah terhubung n terdeteksi oleh Software, scrull kebawah pilih Other–>profile


8. Pada bagian bawah ada menu other setting, pilih UMTS only kemudian klik apply.


9. disconnectkan software dengan hp


10. lepas kabel USB dari HP


11. Selamat HP anda sekarang hanya menerima sinyal 3G saja



Trik ini dapat membuat baterai agak boros jadi gunakan jika diperlukan.







dasar jaringan



1. Berdasarkan distribusi sumber informasi/data


- Jaringan terpusat
  Jaringan ini terdiri dari komputer klient dan server yang mana komputer klient yang berfungsi sebagai perantara untuk mengakses sumber informasi/data yang berasal dari satu komputer server


- Jaringan terdistribusi
  Merupakan perpaduan beberapa jaringan terpusat sehingga terdapat beberapa komputer server yang saling berhubungan dengan klient membentuk sistem jaringan tertentu.


2. Berdasarkan jangkauan geografis dibedakan menjadi:


- Jaringan LAN
  merupakan jaringan yang menghubungkan 2 komputer atau lebih dalam cakupan seperti laboratorium, kantor, serta dalam 1 warnet.


- Jaringan MAN
  Merupakan jaringan yang mencakup satu kota besar beserta daerah setempat. Contohnya jaringan telepon lokal, sistem telepon seluler, serta jaringan relay beberapa ISP internet.


- Jaringan WAN
  Merupakan jaringan dengan cakupan seluruh dunia. Contohnya jaringan PT. Telkom, PT. Indosat, serta jaringan GSM Seluler seperti Satelindo, Telkomsel, dan masih banyak lagi.


3. Berdasarkan peranan dan hubungan tiap komputer dalam memproses data.


- Jaringan Client-Server
  Pada jaringan ini terdapat 1 atau beberapa komputer server dan komputer client. Komputer yang akan menjadi komputer server maupun menjadi komputer client dan diubah-ubah melalui software jaringan pada protokolnya. Komputer client sebagai perantara untuk dapat mengakses data pada komputer server sedangkan komputer server menyediakan informasi yang diperlukan oleh komputer client.


-Jaringan Peer-to-peer
  Pada jaringan ini tidak ada komputer client maupun komputer server karena semua komputer dapat melakukan pengiriman maupun penerimaan informasi sehingga semua komputer berfungsi sebagai client sekaligus sebagai server.


4. Berdasarkan media transmisi data


- Jaringan Berkabel (Wired Network)
  Pada jaringan ini, untuk menghubungkan satu komputer dengan komputer lain diperlukan penghubung berupa kabel jaringan. Kabel jaringan berfungsi dalam mengirim informasi dalam bentuk sinyal listrik antar komputer jaringan.


- Jaringan Nirkabel (Wireless Network)
  Merupakan jaringan dengan medium berupa gelombang elektromagnetik. Pada jaringan ini tidak diperlukan kabel untuk menghubungkan antar komputer karena menggunakan gelombang elektromagnetik yang akan mengirimkan sinyal informasi antar komputer jaringan.


Tips tersembunyi win 7




1. PSR atau Problem Step Recorder

Salah satu fasilitas yang diberikan win 7 adalah PSR dimana saat ada masalah atau mau memberikan turorial kepada kawan kita bahkan kita tidak perlu lagi membuat print screen seperti di windows xp. Step by step tapi kita bisa menggunakan fasilitas PSR dengan cara klik Start trus run ketik PSR dan tekan Enter, kemudian klik Mulai Rekam. Maka Problem Steps Recorder akan merekam setiap klik dan tombol ditekan, mengambil meraih layar, dan segala paket ke dalam sebuah file zip MHTML tunggal ketika mereka selesai, siap untuk mengirim email ke Anda. Ini cepat, mudah dan efektif, dan akan menghemat waktu.

2. Menampilkan Theme win 7 yang tersembunyi

Saat kita menginstall OS windows 7  kita nanti akan diberikan pilihan instalasi menurut  negara atau terserah kita mau pilih negara mana.  Tapi biasanya berhubung kita di Indonesia kemungkinan besar agan agan akan memilih negara Indonesia.  Di saat pemilihan negara itulah windows 7 akan otomatis menginstallkan theme sesuai negara yg kita pilih.  Namun ada trik yang bisa kita gunakan untuk mengeluarkan theme theme tersembunyi dari negara negara Australia,Canada, Inggris dan lainnya.  Pokoknya di jamin puas deh.  Ketik saja di bagian search di windows path berikut :

“C:WindowsGlobalizationMCT” (ketik tanpa tanda petik)

Maka agan agan sekalian akan ditampilkan theme theme yang tersembunyi dan siap di install di win 7 masing-masing.  Kalau tidak salah pada hasil pencarian tersebut ada 5 theme yang kita bisa pilih.  Tapi kalau masih belum puas dengan theme yang ada silahkan agan gogling ajatergantung selera masing-masing.




instal win 7 pake flasdisk


hemm kali ini ayik ingin pasang artikel nich,, yaitu installasi windows7 lewat flash disk hehehe mungkin nich artikel uda basi bagi agan-agan yg uda pada ngerti cara-cara installasi windows7 lewat flashdisk tapi beragam orang dengan kebutuhan masing-masing, mungkin disini agan yng lain akan sangat bermanfaat, hehehe berguna jg kalo cd-room agan lgi
rewel ato trouble,, hehehe nich gan berikut ayik jabarkan langkah-langkah na,, cekidoot,, hehehe

1. Nomber wan:-D, hehe pastikan agan mempunyai file iso dari windows7 na,, karena kita akan mem-burning kedalam flashdisk,, – Flashdisk 4GB, – Dan Progam Ultra ISO,, kalo agan belm punya,agan download duu dari google ajha yach
2. Open file Windows7.iso nya dengan Ultra ISO seperti gambar ,,

3. Kemudian Klick menu Bootable >> Write Disk Image .. Lihat pada gambar..
4. Pada jendela Write Disk Image Option,, ganti Disk Drive dengn drive USB Flash Disk agan,, (No.1),, Kemudian klick Format (No.2)
5. Klick Format untuk memformat Flashdisk,, Pastikan tidak ada file didalam flashdisk
6. Seletah agan format flashdisk n,, kemudian Brning file iso windows7 na,,,
7. Restart Komputer agan dan booting lewat USB flashDisk agan,, Lakukan Installasi windows 7 sampai selesai,,



semoga bermanfaat,hehehe

merubah gambar property win7




hai agan gan ,., kalini kua kan menjelaskan bagai mna cara menganti


logo properti win 7 kan kalian pngen kan gituh gamabr properti nya poto sendiri kayak gini nih





nah ginie cara nya ,.,.
  pertma
  siap kan gambar yang akan di jadi kan logo property nya
  terus ganti dengan nama OEMLogo dan format nya gan ti jadi BMP


nah udah di penuhipersyarat tan lalu gambar tersebut


salin ke  windows/system32/


nah sudah di salin mari kita edit registi .,.,., nya sebelum memulai


ngutak ngatik regintri nya sebaik nya mah backup dulu registry nya takut da apa gituh


ok mari mulai edit registry pertma
  tekan windows+R


lalu tulis kan regedit


terrus akan muncul menu regedit lalu cari


HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\OEMInformation
  dalam direktori OEMInformation, buat string baru
  klik kanan, akan muncul popup menu , pilih new -> string value


akan muncul new value #1 , ganti dengan Logo


Anda juga bisa klikkanan pada new value #1 pilih rename , ketik (ganti) new value #1 menjai Logo


double klik pada Logo, pada value data ketik:
  \Windows\system32\OEMLogo.bmp
  Klik OK
  Restart komputer, jika sukses akan muncul/tampil logo baru di system properties.


Dasar html




nah agan saya kali nie mu ngebahas tentang apa itu html ,.,
  html adalah sebuah sintak pemograman web
  hmtl kepanjangan dari Hypertext Markup languge


Apakah HTML itu ???


     
  • HTML adalah bahasa untuk mendeskripsikan halaman web.
  •  
  • HTML adalah singkatan untuk H yper T ext M arkup L anguage
  •  
  • HTML bukan bahasa pemrograman, ini adalah bahasa markup
  •  
  • Sebuah bahasa markup adalah serangkaian tag markup
  •  
  • HTML menggunakan tag markup untuk menjelaskan halaman web


oh iya saya saran kan untukweb editor pake dreamweaver


sekarang pendahuluan dulu


<html>
    <body>


<h1>My First Heading</h1>


<p>My first paragraph.</p>


</body>
    </html>


dari stur nya html itu ada html head body dan harus ada penutup nya
  sintak di atas itu hanya baru menampil kan
  my firt heading
  apa itu sintak <h1></h1>  nah si tak itu gunanya untuk menentukan heading
  itu ada berapa jenis ada h1 h2 h2 h3 h4 h5 nah untuk sintak <P></p> itu sintak paragrap





HTML Pos



Judul HTML didefinisikan dengan tag h1 untuk <h6>.


<h1>This is a heading</h1>
  <h2>This is a heading</h2>
  <h3>This is a heading</h3>


HTML Paragraf



Paragraf HTML didefinisikan dengan tag <p>.


<p>This is a paragraph.</p>
  <p>This is another paragraph.</p>


HTML Link

Link HTML didefinisikan dengan tag <a>.
<a href=”http://pangeranprogramer.wrodpress.com”>This is a link</a>

HTML Images

Gambar HTML didefinisikan dengan tag <img>.
 
<img src=”programer.jpg” width=”104″ height=”142″ />
 

Elemen HTML

  Sebuah elemen HTML adalah segala sesuatu dari tag pembuka dengan tag penutup:
 
   
     
       
       
       
     
     
       
       
       
     
     
       
       
       
     
     
       
       
       
     
   
 
Mulai * tagElemen kontenAkhir tag *
<p>Ini adalah paragraf</ P>
<a href=”default.htm”>Ini adalah link</ A>
<br />
  * Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
 

HTML Atribut

 
       
  • Elemen HTML dapat memiliki atribut

  •    
  • Atribut memberikan informasi tambahan tentang elemen

  •    
  • Atribut selalu ditentukan pada tag awal

  •    
  • Atribut datang dalam pasangan nama / nilai seperti: “nilai” name =

  •  
     
     

    Atribut Contoh

      Link HTML didefinisikan dengan tag <a>. Alamat link yang ditetapkan dalam atribut href:
      <a href=”http://www.w3schools.com”>This is a link</a>
     

    Selalu Quote Nilai Atribut

      Nilai Atribut harus selalu tertutup dalam tanda kutip.
      Tanda kutip ganda gaya adalah yang paling umum, tetapi kutipan gaya tunggal juga diperbolehkan.
      # Tip: Dalam beberapa situasi langka, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal: name = ‘John “shotgun” Nelson
     
     

    HTML Tip: Gunakan Atribut huruf kecil

      Atribut nama-nama dan nilai atribut bersifat case-insensitive.
      Namun, World Wide Web Consortium (W3C) merekomendasikan huruf kecil atribut / nilai atribut dalam HTML rekomendasi mereka 4.
      Versi yang lebih baru dari (X) HTML akan menuntut atribut huruf kecil.
     
     

    HTML Atribut Referensi

      Daftar lengkap atribut hukum untuk setiap elemen HTML terdaftar di kami:
      Di bawah ini adalah daftar dari beberapa atribut yang standar untuk sebagian besar elemen HTML:
     
       
         
           
           
           
         
         
           
           
           
         
         
           
           
           
         
         
           
           
           
         
         
           
           
           
         
       
     
    AtributNilaiDeskripsi
    kelasclassnameMenentukan classname untuk suatu elemen
    ididMenentukan sebuah id unik untuk elemen
    gayastyle_definitionMenentukan gaya inline untuk suatu elemen
    judultooltip_textMenentukan informasi tambahan tentang elemen (ditampilkan sebagai tool tip)
      Untuk informasi lebih lanjut tentang atribut standar:
     
       

    HTML Pos

        Pos didefinisikan dengan <h1> untuk tag <h6>.
        <h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan pos paling tidak penting.
       
         

    Contoh

         
    <h1>This is a heading</h1>
            <h2>This is a heading</h2>
            <h3>This is a heading</h3>
       
        Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) sebelum dan sesudah pos masing-masing.
       
       

    Pos Apakah Penting

        Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atautebal.
        Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.
        Karena pengguna dapat skim halaman Anda dengan judul tersebut, penting untuk menggunakan pos untuk menunjukkan struktur dokumen.
        Pos H1 harus digunakan sebagai judul utama, diikuti dengan judul H2, maka kurang penting H3 judul, dan sebagainya.
     

    HTML Baris

    Para <hr /> tag menciptakan garis horizontal di halaman HTML.
    Unsur jam dapat digunakan untuk konten terpisah:
     

    Contoh

     
    <p>This is a paragraph</p>
        <hr />
        <p>This is a paragraph</p>
        <hr />
        <p>This is a paragraph</p>


    HTML Komentar

    Komentar dapat dimasukkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.
    Komentar ditulis seperti ini:
     

    Contoh

     
    <!– This is a comment –>
    Catatan: Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutup.

    HTML Tips – Cara Lihat Sumber HTML

    Apakah Anda pernah melihat sebuah halaman Web dan bertanya-tanya “Hei! Bagaimana mereka melakukannya?”
    Untuk mengetahuinya, klik kanan pada halaman dan pilih “View Source” (IE) atau “View Page Source” (Firefox), atau serupa untuk browser lainnya. Ini akan membuka jendela yang berisi kode HTML dari halaman.

    Tuesday, February 28, 2012

    Sintak video : HTML




    mungkin yang suka liat video tapi ingin video nya di sebar di web ni aku punya script nya
      Sintak vidio
      <video width=”320″ height=”240″ controls=”controls”>
      <source src=”/movie.ogg” type=”video/ogg” />
      <source src=”/movie.mp4″ type=”video/mp4″ />
    </video>


    oh iya web bwoser ya pake google chrom kalou yang lain saya belum coba
      dan itu hanya jenis video yang mp4 dan ogg saja kalao mau yang pake flash ja pake flash aja ,.,.,.,.,


    selamat mencoba … :-|


    membuat shortcut icon



    nah kalini aku akan membuat shortcut icon ,.,.
      nah sekarang … pastiii agan** pada bertanya ** apa itu short cut icon web
      shortcut icon itu adalah
      icon sebuahh web liat gambar di bwah nie ,.,





    nah sekarang ketik di bawah ini
      <link rel=”shortcut icon” href=”isikan denagan nama file icon nya” type=”image/x-icon” />


    ketik sintak itu didalam head ya


    selamat mencoba….!


    membuat jam digita




    hai agan agan bertmu lagi bersama saya muhammad suwanda yang suka bagi bagi ilmu ( ceritanya ) kali ini saya akan membuat jam di gital dari javasciprt nah mari kita mulai menulis sintak ,.,.
      tulis sintak di bawan ini dengan baik dan benar ok
      kalo ada kesalahan koment aja di sini okok


    nah sintrak nya kayak begini





    <html>
        <head>
      <title>Jam Digital</title>
      <script type=”text/javascript”>
      // 1 detik = 1000
      window.setTimeout(“waktu()”,1000);
      function waktu() {
      var tanggal = new Date();
      setTimeout(“waktu()”,1000);
      document.getElementById(“output”).innerHTML = tanggal.getHours()+”:”+tanggal.getMinutes()+”:”+tanggal.getSeconds();
      }
      </script>
      </head>
      <body bgcolor=”white” text=”black” onLoad=”waktu()”>
      <table align=center style=”border:1px solid black” bgcolor=”#CCCCCC” width=”200″ style=”font-size:24px”><tr><td>
      <div id=”output”>
      </div></td></tr>
      </table>
      </body>
      </html>


    nahh selamat mencoba nya sukses….!


    Membuat Login my SQL : php



    Hai gan kalini aku kan bagii..** sintakk nie
      yaitu sintak log in ……
      sekarang sudah marak itu sintak log in …
      malah setiap web kanyak nya pake sintakk log in
      nah sekarang aku kan mkemberikann tutorial nya .,.,.,,..,.

    Nah pertama yang harus agan** laku kan yaitu
      bikin databases nya di mysql …..
      yang nama databases kalini aku pake nama “pangeran” dan nama table nya “admin”

    Yang isi nya .,.


     

       

         

         

         

       

       

         

         

         

       

       

         

         

         

       

       

         

         

         

       

     

    NoNama fliedket
    1idInt(4)key
    2usernameVharchar(40)
    3passwordVharchar(40)

    Sudah di buat databases nya
      mari kita buatt
      pertama agan** bikin sintak koneksi yang kayak begini

    <?php

    # FileName=”Connection_php_mysql.htm”

    # Type=”MYSQL”

    # HTTP=”true”

    $hostname_koneksi = “localhost”;

    $database_koneksi = “pangeran”;

    $username_koneksi = “root”;

    $password_koneksi = “”;

    $koneksi = mysql_pconnect($hostname_koneksi, $username_koneksi, $password_koneksi) or trigger_error(mysql_error(),E_USER_ERROR);

    ?>


    Sitak di atas berguna untuk koneksi MYSQL
      save dengan nama    .. koneksi.php
    Tulis sintakk di bwah nie
    <?php require_once(‘koneksi.php’); ?>
    <?php
    function GetSQLValueString($theValue, $theType, $theDefinedValue = “”, $theNotDefinedValue = “”)
    {
     $theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;
     switch ($theType) {
       case “text”:
         $theValue = ($theValue != “”) ? “‘” . $theValue . “‘” : “NULL”;
         break;  
       case “long”:
       case “int”:
         $theValue = ($theValue != “”) ? intval($theValue) : “NULL”;
         break;
       case “double”:
         $theValue = ($theValue != “”) ? “‘” . doubleval($theValue) . “‘” : “NULL”;
         break;
       case “date”:
         $theValue = ($theValue != “”) ? “‘” . $theValue . “‘” : “NULL”;
         break;
       case “defined”:
         $theValue = ($theValue != “”) ? $theDefinedValue : $theNotDefinedValue;
         break;
     }
     return $theValue;
    }
    $editFormAction = $_SERVER['PHP_SELF'];
    if (isset($_SERVER['QUERY_STRING'])) {
     $editFormAction .= “?” . htmlentities($_SERVER['QUERY_STRING']);
    }
    if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == “form1″)) {
     $insertSQL = sprintf(“INSERT INTO admin (username, password) VALUES (%s, %s)”,
                          GetSQLValueString($_POST['username'], “text”),
                          GetSQLValueString($_POST['password'], “text”));
     mysql_select_db($database_koneksi, $koneksi);
     $Result1 = mysql_query($insertSQL, $koneksi) or die(mysql_error());
    }
    ?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    <html xmlns=”http://www.w3.org/1999/xhtml”>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
    <title>Untitled Document</title>
    </head>
    <body>
    <form method=”post” name=”form1″ action=”<?php echo $editFormAction; ?>”>
     <table align=”center”>
       <tr valign=”baseline”>
         <td nowrap align=”right”>Username:</td>
         <td><input type=”text” name=”username” value=”" size=”32″></td>
       </tr>
       <tr valign=”baseline”>
         <td nowrap align=”right”>Password:</td>
         <td><input type=”password” name=”password” value=”" size=”32″></td>
       </tr>
       <tr valign=”baseline”>
         <td nowrap align=”right”>&nbsp;</td>
         <td><input type=”submit” value=”tambah “></td>
       </tr>
     </table>
     <input type=”hidden” name=”MM_insert” value=”form1″>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>
    Lalu save dengan nama tambah.php
    Sitak di atas berfunsi untuk menabah kan … data bases
    Dan sudahh ituu kita buat form untuk login nya
    <?php require_once(‘koneksi.php’); ?>

    <?php
    function GetSQLValueString($theValue, $theType, $theDefinedValue = “”, $theNotDefinedValue = “”)
    {
     $theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;
     switch ($theType) {
       case “text”:
         $theValue = ($theValue != “”) ? “‘” . $theValue . “‘” : “NULL”;
         break;  
       case “long”:
       case “int”:
         $theValue = ($theValue != “”) ? intval($theValue) : “NULL”;
         break;
       case “double”:
         $theValue = ($theValue != “”) ? “‘” . doubleval($theValue) . “‘” : “NULL”;
         break;
       case “date”:
         $theValue = ($theValue != “”) ? “‘” . $theValue . “‘” : “NULL”;
         break;
       case “defined”:
         $theValue = ($theValue != “”) ? $theDefinedValue : $theNotDefinedValue;
         break;
     }
     return $theValue;
    }
    $editFormAction = $_SERVER['PHP_SELF'];
    if (isset($_SERVER['QUERY_STRING'])) {
     $editFormAction .= “?” . htmlentities($_SERVER['QUERY_STRING']);
    }
    if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == “form1″)) {
     $insertSQL = sprintf(“INSERT INTO admin (username, password) VALUES (%s, %s)”,
                          GetSQLValueString($_POST['username'], “text”),
                          GetSQLValueString($_POST['password'], “text”));
     mysql_select_db($database_koneksi, $koneksi);
     $Result1 = mysql_query($insertSQL, $koneksi) or die(mysql_error());
    }
    ?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    <html xmlns=”http://www.w3.org/1999/xhtml”>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
    <title>Untitled Document</title>
    </head>
    <body>
    <form method=”post” name=”form1″ action=”<?php echo $editFormAction; ?>”>
     <table align=”center”>
       <tr valign=”baseline”>
         <td nowrap align=”right”>Username:</td>
         <td><input type=”text” name=”username” value=”" size=”32″></td>
       </tr>
       <tr valign=”baseline”>
         <td nowrap align=”right”>Password:</td>
         <td><input type=”password” name=”password” value=”" size=”32″></td>
       </tr>
       <tr valign=”baseline”>
         <td nowrap align=”right”>&nbsp;</td>
         <td><input type=”submit” value=”tambah “></td>
       </tr>
     </table>
     <input type=”hidden” name=”MM_insert” value=”form1″>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>
    Lau agan sve dengan nma index.php
    Nah di atas ada sintak seperini
     $MM_redirectLoginSuccess = “home.php”;
    Itu befungsi jika agan success loginn agan mau kemna  misal kan home.php
    $MM_redirectLoginFailed = “index.php”;
    Dansitak diatas befungsi jika gagal login agan mau kemana …
      dan diharap kan ke index.php
    Nah udah semuanya
    Marii kita jalan kan
    Pertama yang agan jalan kan yaitu tambah.php
    Di kolom username agan isi dengan username yang agan mau
      di kolom password agan isi dengan password yang agan inginkan
    sudah di isi lalu agan buka
    Index.php
    Dan coba username dan password yang agan isikan tadi
    Masukan ke klom
    Lalu klik loginnn
    berhasilll deh
      selamat mencoba


    info link