Selasa, 22 Mei 2012

Script HTML

SCRIPT HTML


Masih ingat tentang Jenis – Jenis Perangkat Lunak  yang dipelajari di semester Kelas 1.  Perangkat Lunak di bagi atas 4 bagian yaitu :

1. Sistem Operasi
2. Bahasa Pemrograman
3. Software Utility
4. Software Program Paket
  • Untuk saat ini, kita akan membahas tentang bahasa pemrograman yaitu HTML
HTML kepanjangan dari HyperText Markup Language merupakan adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet
Dalam menggunakan bahasa pemrograman HTML dibutuhkan 2 hal yaitu
a. Browser
b. Editor ( tempat menuliskan script / program )

Dalam Pemrograman Web di kenal ada 2 jenis pemrograman yaitu
  1. Client Side Script yaitu pemrograman di sisi Client artinya semua proses dapat dilakukan di komputer Client
  2. Server Side Script yaitu pemrograman di sisi server
  • Struktur dasar HTML
Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”).
 
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
 <HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
Contoh Script HTML
<HTML>
<HEAD>
<TITLE>Halaman pembuka</TITLE>
</HEAD>
<BODY> Selamat Belajar HTML </BODY>
</HTML>
 
  • Dibawah ini perintah-perintah yang digunakan pada HTML
Kumpulan Tag HTML<!– –> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text.
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
Table Terdiri dari atribut :
align – perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor – warna latar belakang (background) dari tabel.
border – ukuran lebar border tabel (dalam pixel).
cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).
cellspacing – jarak antar cell (dalam pixel).
width – ukuran tabel dalam pixel atau percent.
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah

  • Tabel
Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web “terbagi” pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.
Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>
<TABLE>

Terdiri dari atribut :
align – perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor – warna latar belakang (background) dari tabel.
border – ukuran lebar border tabel (dalam pixel).
cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).
cellspacing – jarak antar cell (dalam pixel).
width – ukuran tabel dalam pixel atau percent.

Contoh :
<TABLE align=”center” bgcolor=”#0000FF” border=”2″ cellpadding=”5″ cellspacing=”2″ width=”90%”>
<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
align – perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor – warna latar belakang dari baris.
valign – perataan vertikal : top, middle atau bottom.
Contoh :
<TR align=”right” bgcolor=”#0000FF” valign=top>
<TD>

Tag ini digunakan untuk membuat kolom baru pada tabel.
align – perataan
background – image yang digunakan sebagai latar belakang dari kolom.
bgcolor – warna latar belakang
colspan – lihat gambar contoh
height – ukuran tinggi cell dalam pixels.
nowrap – membuat supaya isi dari kolom tetap berada pada satu baris.
rowspan – lihat gambar contoh
valign – perataan vertikal :top, middle atau bottom.
width – ukuran kolom dalam pixel atau percen.
Contoh :
<TD align=”right” background=”back.gif” bgcolor=”#0000FF” colspan=”3″ height=”200″ nowrap rowspan=”2″ valign=”bottom” width=”300″>
<table width=”100″ >
<tr>
<td >1</td>
<td> 2</td>
<td >3</td>
</tr>
<tr>
<td >4</td>
<td> 5</td>
<td >6</td>
</tr>
<td >7</td>
<td> 8</td>
<td >9</td>
</tr>
</table>
Hasilnya
1 2 3
4 5 6
7 8 9

  • Images
Images :
Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.
Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height
Contoh :
<IMG SRC=”logo.gif” alt=”Ini adalah logo halaman pembuka” width=200 height=100>
<IMG SRC=”logo.gif” hspace=10 vspace=5 align=right border=2>

  • Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.
Contoh :
<A HREF=”halaman2.html”>Klik di sini</A> Untuk membuat link ke halaman lain.
<A HREF=”mailto:webmaster@klik-kanan.com”>Klik di sini</A> Untuk membuat link pada alamat e-mail.
<A HREF=”#aplikasi”>Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.
<A HREF=”halamanlain.html#aplikasi”>Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.
<A HREF=”halaman2.html”><IMG SRC=”gambar.gif”></A> Untuk membuat link dengan menggunakan gambar.

  • Frame
Membagi-bagi jendela browser menjadi beberapa bagian. Baik secara vertical dan horizontal.
Atribut FRAMESET :
  • COL : Membuat Vertical FRAME
  • ROW : Membuat Horizontal FRAME
  • FRAMESPACING : Spasi di sekitar FRAME
  • FRAMEBORDER : Membuat border pada FRAME
Atribut FRAME SRC :
  • MARGIN WIDTH
  • MARGIN HEIGHT
  • SCROLLING
  • NORESIZE
  • FRAMEBORDER
Contoh
<FRAMESET COLS=”*,*”>
<FRAME SRC=”1.html”>
<FRAMESET ROWS=”*,*”>
<FRAME SRC=”2.html”>
<FRAME SRC=:3.html”>
</FRAMESET>
</FRAMESET>

Semoga Bermanfaat .........

Script PHP

Contoh Script





 PROJECT
1. Pembuatan Database
- Buatlah database dengan nama “smk” kalau anda mau nama lain ya gak pa pa?
- Didalam database tersebut, buat tabel “siswa”

2. Script
a. koneksi.php
<?php
$server = "localhost";
$username = "root";
$password = "";
$database = "smk";
mysql_connect($server,$username,$password) or die ("gagal");
mysql_select_db ($database) or die ("Database tidak ditemukan");
?>
b. tampil_siswa.php
<?php
echo "<h2>TAMPIL SISWA</h2>
<form method=POST action=finput_siswa.php>
<input type=submit value='Tambah Siswa'>
</form>
<table border=1>
<tr><td>No</td><td>NIS</td><td>Nama</td><td>Tgl Lahir</td><td>Alamat</td><td colspan=2 align=center>Action</td></tr>";
include "koneksi.php";
$tampil=mysql_query("SELECT * FROM siswa ORDER BY nis");
$no=1;
while ($r=mysql_fetch_array($tampil)){
echo"<tr><td>$no</td>
<td>$r[nis]</td>
<td>$r[nm_siswa]</td>
Modul Mapel Web Dasar – Kelas XI TKJ
Computer Engineering and Network – SMK Tunas Harapan Pati 88
<td>$r[tgl_lahir]</td>
<td>$r[alamat]</td>
<td><a href=hapus_siswa.php?nis=$r[nis]>Hapus</a></td>
<td><a href=fedit_siswa.php?nis=$r[nis]>Edit</a></td>
</tr>";
$no++;
}
echo "</table>";
?>
c. finput_siswa.php
<?php
echo"<h2>INPUT SISWA</h>
<form method=POST action=input_siswa.php>
<table>
<tr>
<td>NIS</td><td>:</td><td><input type=text name='nis'></td>
</tr>
<tr>
<td>Nama</td><td>:</td><td><input type=text name='nm_siswa'></td>
</tr>
<tr>
<td>Tgl Lahir</td><td>:</td><td><input type=text name='tgl_lhr'></td></tr>
<tr>
<td>Alamat</td><td>:</td><td><input type=text name='alamat'></td>
</tr>
<tr>
<td>Agama</td><td>:</td><td><input type=text name='agama'></td></tr>
<tr>
<td>Email</td><td>:</td><td><input type=text name='email'></td></tr>
<tr>
<td>No Telp</td><td>:</td><td><input type=text name='telp_siswa'></td></tr>
<tr>
<td>Username</td><td>:</td><td><input type=text name='user'></td></tr>
<tr>
<td>Password</td><td>:</td><td><input type=text name='pass'></td></tr>
<tr><td>.</td><td>.</td><td><input type=submit value=Simpan></td></tr>
</table>
</form>";
?>
d. input_siswa.php
<?php
include "koneksi.php";
mysql_query ("INSERT INTO siswa(nis,nm_siswa,tgl_lahir,alamat,agama,email,telp_siswa,user,pass)
VALUES('$_POST[nis]','$_POST[nm_siswa]','$_POST[tgl_lahir]','$_POST[alamat]','$_POST[agama]','$_POST[email]','$_POST[telp_siswa]','$_POST[user]') ,'$_POST[pass]'");
header('location:tampil_siswa.php');
?>

e. hapus_siswa.php
<?php
include "koneksi.php";
mysql_query("DELETE FROM siswa WHERE nis='$_GET[nis]'");
header('location:tampil_siswa.php');
?>
f. fedit_siswa.php
<?php
include "koneksi.php";
$edit=mysql_query("SELECT * FROM siswa WHERE nis='$_GET[nis]'");
$r =mysql_fetch_array($edit);
echo"<h2>EDIT SISWA</h2>
<form method=POST action=edit_siswa.php>
<input type=hidden name=nis value='$r[nis]'>
<table>
<tr><td>NIS</td><td>:</td><td><input type=text name=nis value='$r[nis]' disabled='disabled'></td></tr>
<tr><td>Nama</td><td>:</td><td><input type=text name=nm_siswa value='$r[nm_siswa]'></td></tr>
<tr><td>Tgl Lahir</td><td>:</td><td><input type=date name=tgl_lahir value='$r[tgl_lahir]'></td></tr>
<tr><td>Alamat</td><td>:</td><td><input type=text name=alamat name value='$r[alamat]'></td></tr>
<tr><td>Agama</td><td>:</td><td><input type=text name=agama value='$r[agama]'></td></tr>
<tr><td>Email</td><td>:</td><td><input type=text name=email value='$r[email]'></td></tr>
<tr><td>No Telp</td><td>:</td><td><input type=text name=telp_siswa value='$r[telp_siswa]'></td>
<tr><td>Username</td><td>:</td><td><input type=text name=user value='$r[user]'></td></tr>
<tr><td>Password</td><td>:</td><td><input type=password name=pass value='$r[pass]'></td></tr>
<tr><td>.</td><td>.</td><td><input type=submit value=Update></td></tr>
</table>
</form>";
?>
g. edit_siswa.php
<?php
include "koneksi.php";
mysql_query("UPDATE siswa SET nis='$_POST[nis]',
nm_siswa='$_POST[nm_siswa]',
tgl_lahir='$_POST[tgl_lahir]',
alamat='$_POST[alamat]',
agama='$_POST[agama]',
email='$_POST[email]',
telp_siswa='$_POST[telp_siswa]',
user='$_POST[user]',
pass='$_POST[pass]'
WHERE nis='$_POST[nis]'");
header('location:tampil_siswa.php');
?>
h. flogin.php
<?php
echo "<h2>Login</h2>
<form method=POST action=login.php>
<table>
<tr><td>Username</td><td>:</td><td><input type=text name=user></td></tr>
<tr><td>Password</td><td>:</td><td><input type=password name=pass></td></tr>
<tr><td></td><td></td><td><input type=submit value=Login></td></tr>
</table>
</form>";
?>
i. login.php
<?php
// memulai session
session_start();
include "koneksi.php";
$user = $_POST['user'];
$pass = $_POST['pass'];
// query untuk mendapatkan record dari username
$hasil = mysql_query("SELECT * FROM siswa WHERE user = '$user'");
$data = mysql_fetch_array($hasil);
// cek kesesuaian password
if ($pass == $data['pass'])
{
echo "<h1>Login Sukses</h1>";
// menyimpan username dan level ke dalam session
$_SESSION['level'] = $data['level'];
$_SESSION['user'] = $data['user'];
// tampilkan menu
include "admin.php";
echo "<br>";
echo "<a href='logout.php'>LOGOUT</a>";
}
else { echo "<h1>Login gagal</h1>";
echo "<p><a href='flogin.php'>Login Kembali</a></p>";
}
?>
j. admin.php
<?php
echo "ANDA MASUK HALAMAN ADMIN";
?>

k. logout.php
<?php
session_start();
session_destroy();
echo "<h1>Anda sudah logout</h1>";
echo "<p><a href='flogin.php'>Login Kembali</a></p>";
?>
l. index.php
Insert – Table
Buatlah sedemikian rupa table tersebut, sehingga menjadi seperti tampilan dibawah :
m. home.php
Ketikkan tulisan : “SELAMAT DATANG DI WEBSITE KAMI”
<?php
$link=$_GET[link];
$link="$link.php";
if(file_exists($link))
include"$link";
else
include"home.php";
?>
Home = ?link=home
Profil = ?link=profil
Login = ?link=login

Demikian Contoh Script PHP
Kalau ada kekurangan di Script nya Mohon Maaf


SEMOGA BERMANFAAT.............

Minggu, 20 Mei 2012


Implementasi PHP ke database yang terdiri dari Koneksi database, input, edit, hapus dan tampil data.

Assalamu'alaikum Wr WB

Apa kabar Sobat Mania..Pasti baik Kabarnya ??
Berhubungan dengan  Praktik Industri  Gue Buat Tugas Website dari guru gue .Sebenarnya Gue males tapi gimana lagi udah tanggunganya orang PI.
Oh iya q belum kasih tau pada Sobat apa itu PI ? PI bisa disebut juga Praktik Industri. Tapi ada juga yang mengatakan PkL ( Praktik Kerja Lapangan), dan ada juga yang mengatakan PSG ( Praktek Sekolah Ganda).
Kali ini saya akan  membuat tugas artikel Membuat WEBSITE sederhana dengan HTML, 
Next ......
 Kita langsung saja ke Materi :



Sebelum Sobat membuat script pada dreamweaver, Pertama-tama sobat buat dulu database di XXAMP
· Berikut adalah script koneksi :
Di gunakan untuk mengkoneksikan Script tersebut dengan database yang kita buat.
Dan simpan dengan nama misalnya koneksi.php pada folder XXAMP di folder htdocs , buat folder baru. Misalnya saja data tentang kependudukan. Saya membuat tentang pengisian KTP dan folder tersebut saya beri nama KTP.
· Script Input
INPUT DATA PENDUDUK
NIK
:


Nama
:


Tanggal Lahir
:


Tempat Lahir
:


Agama
:


Alamat
:


Jenis Kelamin
:

Status
:

Gol. Darah
:








Simpan dengan nama fktp.php di foelder yang sama .
Setelah itu masukkan script berikut.
Script tersebut digunakan untuk menyimpan data ke database.
Simpan dengan nama inputktp.php di folder yang sama
· Script Edit
EDIT DATA PENDUDUK
NIK
:


Nama
:


Tanggal Lahir
:


Tempat Lahir
:


Agama
:


Alamat
:


Jenis Kelamin
:

Status
:

Gol. Darah
:












Simpan dengan nama fedit.php di folder yang sama .
Setelah itu masukkan script berikut.

Simpan dengan nama editktp.php pada folder yang sama .
Script tersebut digunakan untuk mengganti data lama di database agar data saat ditampilkan berubah.
· Script Hapus

Simpan dengan nama fhapus.php di folder yang sama .
· Script Tampil



Jangan Lupa  Simpan dengan nama tampilktp.php di folder yang sama .


Setelah semua script selesai dibuat , coba kita lihat hasil script tersebut pada Software akses internet (Mozilla , Opera , Google Chrome , dll). Cara memeriksanya sebagai berikut.
Tuliskan website ini : http://localhost/(nama folder kamu tempat menyimpan script tadi) sebagai contohnya : ktp/


semoga bermanfaat....

Pengenalan Macromedia Dreamweaver


Pengenalan Dreamweaver

Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG—What You See Is What You Get—intinya Anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Macromedia belum lama ini telah mengeluarkan rilis terbaru dari Dreamweaver yaitu Dreamweaver MX, dengan penambahan beberapa fasilitas baru di dalamnya. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver MX mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Menurut survey yang dilakukan oleh Pantone.com, www.pantone.com/products/products.asp?idArticle=209&idArea=1, pengguna Dreamweaver adalah 59% dari seluruh koresponden yang disurvey dan memang digunakan tidak hanya oleh desainer, tapi juga programer.

Dalam seri tutorial ini kita akan mengenal penggunaan Dreamweaver sebagai editor HTML visual. Untuk bagian pertama, kita akan mengenal lingkungan kerja dalam Dreamweaver MX dan membuat halaman web sederhana.

Mengenal Lingkungan Kerja Dreamweaver MX


Lihat Gambar 1. Dreamweaver MX menawarkan dua layout view untuk dijadikan sebagai tampilan kerja saat Anda membuat halaman web. Setelah instalasi, Dreamweaver MX akan memberikan opsi: Macromedia Dreamweaver MX Workspace atau Macromedia Dreamweaver 4 Workspace. Anda dapat mengubah-ubah tampilan ini lewat menu preferences, Modify > Preferences > Change Workspace. Pilihan ini tentu saja terserah Anda, pada tutorial ini saya akan menggunakan Dreamweaver MX Workspace.


Fig 1. Lingkungan kerja Dreamweaver MX

Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar. Document Window adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya. Insert panel adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Insert panel ini serupa dengan menu Insert pada menu bar. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2. Property Inspector berguna untuk melakukan pengeditan pada suatu elemen di Document Window. Document Toolbar berguna untuk mengubah tampilan dari disign/visual view, code view, atau keduanya sekaligus. Selain itu juga untuk memberi titel pada dokumen, melihat tampilan di browser. Panels Group merupakan kumpulan dari panel-panel Dreamweaver MX.

Pada bagian ini kita akan membuat halaman web sederhana dengan pemformatan dasar pada teks, link, anchor, dan Page Properties.
Bekerja dengan Teks
Pada dasarnya Dreamweaver tidak jauh berbeda dengan program pengolah kata dalam memformat teks. Namun terdapat sedikit perbedaan karena Dreamweaver menggunakan HTML. Untuk memformat teks dapat kita lakukan dengan menggunakan Property Inspector. Lihat Gambar 2


Fig 2. Property Inspector

Heading

Heading (Gambar 3) digunakan untuk membuat judul dari dokumen atau sub-subjudul berbagai level. Misalnya Anda menggunakan Heading 1 untuk judul, Heading 2 untuk subjudul tingkat pertama, dan sebagainya. Anda juga dapat menggunakan insert panel, pada Insert Panel, klik Tab Text.


Fig 3. Heading

Paragraf dan Line Break


Bila kita menekan Enter pada pengolah kata, maka akan menghasilkan paragraf baru. Demikian pula pada Dreamweaver. Namun paragraf dalam HTML (&lg:
&tg:) secara default menghasilkan jarak lebih besar daripada jarak antarbaris. Jika kita ingin antarbaris tidak ada jarak, maka kita membutuhkan
di HTML. Untuk berpindah baris dan bukan paragraf kita menggunakan Shift-Enter, atau Insert > Line Breaks. Lihat Gambar 4.



Fig 4. Paragraf dan Line Breaks

Memformat Teks Dengan Property Inspector



Seperti yang sudah kita bahas sebelumnya, Propery Inspector berguna untuk melakukan pengeditan pada sebuah elemen HTML. Kita akan menggunakan Property Inspector ini untuk memformat teks, ukuran, warna, dan perataan paragraf. Untuk memunculkan Property Inspector yaitu dengan Window > Properties atau dengan menekan Ctrl-F3.
Anda dapat memilih jenis font sesuai dengan selera Anda, namun terdapat 5 jenis font yang yang umum digunakan untuk halaman web, karena hampir semua komputer memiliki jenis huruf ini: Arial, Times New Roman, Courier New, Georgia, dan Verdana. Untuk mengubah teks yang telah Anda ketik yaitu dengan memilih teks yang ingin diubah, kemudian pilih jenis font yang ingin Anda gunakan. Dalam pilihan font dari drop down Property Inspector terdapat beberapa jenis huruf lain yang dipisahkan dengan koma. Pertama-tama browser akan membaca font pertama untuk ditampilkan di browser, bila font pertama tidak terinstal di komputer maka akan dilanjutkan dengan font kedua, kemudian ketiga, dan seterusnya. Font default adalah Times New Roman. Lihat Gambar 5.





Membuat Link, Anchor, dan Target


Untuk membuat link antarhalaman, selain diperlukan halaman link sumber—Source Link—juga diperlukan link tujuan—Destination Link. File contoh halaman Web sederhana di atas saya simpan dengan nama file index.htm. Halaman ini yang akan menjadi link sumber kita. Mari kita buat halaman baru untuk dilink:
Buatlah halaman baru untuk link tujuan, File > New, pada kotak dialog pilih Kategori Dynamic Page, dan Basic Page HTML. Lihat Gambar 6. Setelah selesai membuat file baru, kemudian simpanlah file tersebut dengan nama file tentangsaya.htm. Pada contoh, saya memasukkan horizontal Rule, Insert > Horizontal Rule untuk memisahkan konten dari halaman tersebut. Kemudian simpan di folder yang sama dengan index.html.

Selasa, 15 Mei 2012

Cara Agar Banyak Pengunjung Blog

Cara Agar Blog Terkenal dan Banyak Pengunjungnya!

Cara agar blog terkenal dan banyak pengunjungnya, Pada jumpa ini, blog SEO Tutorial khusus blogger indonesia akan mencoba berbagi sedikit tips ringan masih seputar blog. Yakni memberikan sedikit tips cara agar blog terkenal dan sumber visitor supaya blog banyak pengunjungnya.

Jasa SEO
Pertama agar blog kita dapat terkenal bisa di kategorikan 2 macam jenis menurut Seo Tutorial, Pertama terkenal di mata pengguna dan kedua terkenal di mata mesin pencari terbesar dunia saat ini seperti yahoo, Google dan Bing.

Untuk pembahasan kali ini Tutorial Blogger akan memberikan informasi bagaimana agar blog bisa terkenal oleh Search Engine khususnya Google. Silakan baca referensi selengkapnya disini:
- Cara membuat blog agar tampil di google.
- Cara agar blog jadi nomor satu di google.

Sudah artikel SEO diatas sedikit banyak bisa membantu teman2 blogger sekali untuk mendapatkan perhatian dari mesin pencari kepada blognya. Sebab jika dengan benar mengikuti tehnik yang telah dituliskan diatas mudah-mudahan semuanya akan mudah terwujud.

Selain mengikuti langkah diatas, ada salah satu cara yang bisa dikatakan sangat praktis, yaitu menggunakan Jasa SEO yang saat ini telah banyak sekali khusus Indonesia. Memang harga yang merekan tawarkan berbeda2 dan sesuai dengan tingkat persaingan kata kunci dari setiap pengguna jasa mereka.

Oleh karena itu bagi yang tidak ingin pusing dan rela mengeluarkan sedikit uang agar blognya terkenal bisa saja menggunakan Jasa Seo Indonesia dan tentunya sudah teruji kemampuan mereka dalam menaikan sebuah blog dengan kata kunci tertentu di mensin pencari Google. Sebab jika blog kita berada di halaman pertama dan mempunyai posisi urutan 3 besar otomatis tidak akan lama lagi banyak pengunjung yang berdatangan silih berganti. Salam

Kamis, 10 Mei 2012

Database My SQL

Pengertian  Database My SQL 

10/05/2012

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

Sistem manajemen basis data relasional

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional. Pada modus operasi non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-transaksional.

Keistimewaan MySQL

MySQL memiliki beberapa keistimewaan, antara lain :
  1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
  2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.
  3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
  4. 'Performance tuning', MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
  5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
  6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).
  7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.
  8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
  9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
  10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.
  11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).
  12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.
  13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.

Bahasa pemrograman

Terdapat beberapa API (Application Programming Interface) tersedia yang memungkinkan aplikasi-aplikasi komputer yang ditulis dalam berbagai bahasa pemrograman untuk dapat mengakses basis data MySQL antara lain: bahasa pemrograman C, C++, C#, bahasa pemrograman Eiffel, bahasa pemrograman Smalltalk, bahasa pemrograman Java, bahasa pemrograman Lisp, Perl, PHP, bahasa pemrograman Python, Ruby, REALbasic dan Tcl. Sebuah antarmuka ODBC memanggil MyODBC yang memungkinkan setiap bahasa pemrograman yang mendukung ODBC untuk berkomunikasi dengan basis data MySQL. Kebanyakan kode sumber MySQL dalam ANSI C.

Penggunaan

MySQL sangat populer dalam aplikasi web seperti MediaWiki (perangkat lunak yang dipakai Wikipedia dan proyek-proyek sejenis) dan PHP-Nuke dan berfungsi sebagai komponen basis data dalam LAMP. Popularitas sebagai aplikasi web dikarenakan kedekatannya dengan popularitas PHP, sehingga seringkali disebut sebagai Dynamic Duo. Text dicoret{{}}

Administrasi

Untuk melakukan administrasi dalam basis data MySQL, dapat menggunakan modul yang sudah termasuk yaitu command-line (perintah: mysql dan mysqladmin). Juga dapat diunduh dari situs MySQL yaitu sebuah modul berbasis grafik (GUI): MySQL Administrator dan MySQL Query Browser. Selain itu terdapat juga sebuah perangkat lunak gratis untuk administrasi basis data MySQL berbasis web yang sangat populer yaitu phpMyAdmin. Untuk perangkat lunak untuk administrasi basis data MySQL yang dijual secara komersial antara lain: MySQL front, Navicat dan EMS SQL Manager for MySQL.

Akusisi Oleh Sun dan Oracle

Pada tanggal 16 Januari 2008 Sun Microsystems, Inc mengumumkan aksi korporasi - akuisisi terhadap MySQL AB sehingga menjadikan Sun sebagai salah satu perusahaan dengan produk platform open source terbesar seperti Java, OpenSolaris dan akhirnya MySQL.
Berselang setahun kemudian, tepatnya pada tanggal 20 April 2009 giliran Oracle melakukan akusisi terhadap Sun Microsystems. Sejak saat itu berkembang isu Oracle - yang memiliki produk database yang berkompetisi dengan MySQL - akan mematikan MySQL. Namun sampai sejauh ini hal tersebut belum terbukti.

Komunitas MySQL Indonesia

MySQL termasuk salah satu database utama yang digunakan di Indonesia terutama di kalangan developer PHP. Ini disebabkan native integration antara PHP dan MySQL serta banyaknya hosting yang menyertakan kedua produk tersebut karena bebas lisensi dan sudah terbukti tangguh dan efisien.
Website komunitas MySQL Indonesia yang terpisah dari komunitas PHP dapat Anda kunjungi di http://groups.google.com/group/mysql-indonesia