Aplikasi Pendaftaran Bag-3

Assalamu 'alaikum :)

balik lagi dengan lanjutan pembuatan Aplikasi Pendaftaran, kali ini kita akan membuat script php yang akan di gunakan untuk mengakses data yang kita input di form tadi untuk di masukan ke Database MySql dengan menggunakan Insert into <Nama Tabel> .

lagi-lagi bukalah text editor anda lalu copy kan script ini;

<?php
$Id = $_POST['id-pegawai'];
$namaD=$_POST['namaD'];
$namaB=$_POST['namaB'];
$tanngal=$_POST['tanggal'];
$alamat=$_POST['alamat'];
$conn= mysql_connect("localhost","root","");
if(!$conn)
echo"Mysql tidak dapat terhubung";
else
echo "MySql berhasil terkoneksi";

mysql_select_db("Budi");
mysql_query("insert into Mufida(ID,nama_depan,nama_belakang,Tgl_lahir,alamat) values('$Id','$namaD','$namaB','$tanngal','$alamat')");
?>

1. perhatikan baik-baik script di atas. pada bagian $_POST['Id-pegawai' ] dst . harus sesuai dengan name yang ada form pendaftaran tadi. jika berbeda maka script ini akan eror ketika di jalankan. s
2. $conn, kita membuat sebuah variabel yang mengkoneksikan ke MySql yang kemudian variabel ini akan di cek , lihat script if(!conn) dst.
3. mysql_select_db("Budi");  kita akan memilih nama database untuk menyimpan data . dalam hal ini nama database saya,saya kasih nama Budi.
4. mysql_query("insert into Mufida dst...."); disini kita akan menempatkan data-datanya kedalam field-field yang dalam dalam tabel Mufida.

baik. silahkan simpan dan berikan nama Perusahaan.php

kemudian kita buat Script baru  dengan nama lihatdataperusahaan.php dimana  script ini akan menampilkan data-data yang telah kita masukan tadi.

<?php
echo"Data Mahasiswa";
echo "<table border=1 cellspacing=2 cellpadding=2>";
echo "<tr>";
echo "<th>Data Mahasiswa</th>";
echo "</tr>";
echo "<td>ID-Pegawai</td><td>Nama-Depan</td><td>Nama-Belakang</td><td>Jeni Kelamin</td><td>Tanggal-Lahir</td><td>Alamat</td>";
mysql_connect("localhost","root","");
mysql_select_db("Budi");
$query = "select * from Mufida";
$result = mysql_query($query)or die ("Wrong Query:".mysql_error());
while($data=mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>$data[ID]</td>
<td>$data[nama_depan]</td>
<td>$data[nama_belakang]</td>
<td>$data[jenis_kelamin]</td>
<td>$data[Tgl_lahir]</td>
<td>$data[alamat]</td>";
echo "</tr>";
}
?>

setelah itu simpan dengan extensi .php lalu lihat hasilnya seperti gambar ini;

sekian tutorial kali ini. semoga bermanfaat, jika ada yang ingin di tanyakan silahkan tinggalkan komentar. di mohonkan komentnya yang membangun ya :)

Aplikasi Pendaftaran Bag-2

Assalamu 'alaikum :)

Melanjutkan Tutorial sebelumnya, kali ini kita akan membuat form yang ada di dalam menu Daftar yang telah di bahas pada Artikel Sebelumnya . oke tidak usah banyak bacot langsung saja buka text editor anda lagi lalu ketikan ini;

<html>

<head><title></title></head>

<body bgcolor ="black">

<form action="perusahaan.php" method="post">

<p algin="center"><h4>Form Pendaftaran Anggota Baru KSL</h4></p>

<table border="1"  widht=" 452" align="center"cellspacing="4" cellpadding="0" bgcolor="green">

<tr><td high="40" align="center" bgcolor="white"><font color="black"><strong>Input Data Perusahaan</strong></td></tr>

<tr><td>ID-Pegawai</td>

<td>:</td>

<td><input type="text" name="id-pegawai" value="" id="" /></td>

</tr>

<tr><td>Nama-Depan</td>

<td>:</td>

<td><input type="text" name="namaD" value="" id="" /></td>

</tr>

<tr><td>Nama-Belakang</td>

<td>:</td>

<td><input type="text" name="namaB" value="" id="" /></td>

</tr>

<tr><td>Jenis Kelamin</td>

<td>:</td>

<td><input type="radio" name="jeniskelamin" value="">Laki-Laki <br/><input type="radio" name="jeniskelamin" value="">Wanita</td></tr>

<tr><td>Tgl-Lahir</td>

<td>:</td>

<td><input type="date" name="tanggal" value="2011-12-01"></td>

</tr>

<tr><td>Alamat</td>

<td>:</td>

<td><input type="text" name="alamat" value="" id="" /></td>

</tr>

</table>

<p align="center"><input type="submit" value="Kirim;" /> <input type="reset" value="hapus"></p>

</form>

</body>

atau liha gambar berikut.

Note :  Coba anda lihat pada baris "(<form action="perusahaan.php method="post">) di bagian ini kita akan mengirimkan data form menggunakan method post. sebenarnya ada dua teknik pengirimannya bisa anda menggunakan method get dan ada juga menggunakan metod post. namun dalam tutorial kali ini kita menggunakan method post.

Setelah itu silahkan simpan dan berikan nama Perusahaan.html lihat tampilannya seperti gambar di bawah ini;

silahkan baca artikel selanjutnya di sini:)

Aplikasi Pendaftaran Bag-1

Assalamu 'alaikum :)

Malam ini saya mau share cara buat Website pendaftaran dengan mengkoneksikan ke database, dimana setelah data-data yang di masukan tersebut akan kita tampilkan melalui sebuah menu.

hal pertama yang harus kita buat adalah membuat halaman awal,dimana pada halaman awal ini akan di sajikan 2 menu saja, menu Daftar dan Lihat Data. seperti pada tampilan berikut ;

Gambar 1

Baik. sekarang bukalah text editor anda , kalo saya menggunakan text editor Gedit di ubuntu 12.04 (bagi yang mau baca tentang gedit bisa ke sini).


sekarang kita akan membuat halaman indexnya terlebih dahulu.  ketikan script di bawah ini;

<HTML>

<HEAD> <TITLE> MBD | BLOG </TITLE> </HEAD>

<BODY>

<BODY Bgcolor="black"WIDTH="800"HEIGHT="600">

<H1> <center> <font color="green">WELCOME TO MY BLOG </font></H1>

<h3><p align ="center"><a href="perusahaan.html">Daftar</h3></a>

<h3><p align ="center"><a href="lihatdataperusahaan.php">Lihat data</h3></a>

<marquee direction="down"> <center> <font size="5"><font color="red">created by Maulana Budi Dai</font> </marquee>

<p><font size="6"> <center><font color="white">This Site Connecting People </font></P>

</BODY>

</HTML>

Note : " Seperti yang saya katakan sebelumnya, kita akan membuat halaman index dimana ada 2 menu, lihat script "<a href="perusahaan.html">Daftar</a>" dan "<a href="lihatdataperusahaan.php>lihat data</a>" pada bagian ini kita membuat menu dimana ketika klik daftar maka kita akan di tampilkan form daftar begitupun ketika kita mengklik lihat data,

oke setelah selesay mari kita lanjutkan tutorial ke-2  ada dimari.

[Tutorial]Form HTML

Assalamu 'alaikum.. :)

balik lagi di hari yang sama, pengaruh lagi semangat-semangatnya nge blog ini dah postingan ke 3 di hari minggu.. (y)

kali ini saya akan berbagi ilmu cara membuat form dengan HTML. Tentu tidak asing di telinga anda tentang form tersebut apalagi jika kita pernah mengisi biodata secara online, itu adalah form.

Sebelum kita beraksi, terlebih dahulu kita butuh beberapa persiapan.

1. Baca Bismillah.
2. Siapkan Secangkir Energen atau ExtraJoss..
3. Ilmu yang cukup,,

Warning : " Kepada yang udah suhu,tolong jangan ganggu ya  :D"

oke setelah semua persiapan selesai, mari kita buat form, dalam contoh ini kita akan membuat form seperti di atas.

<html>

<head><title>Pemubuatan Form</title></head>

<body>

  <h4><p align ="center" >FORM PENDAFTARAN </p></h4>

  <form><table border="1">

  <tr>

  <td>

 Nama :<input type="text" name="nama" ><br>

 Alamat :<input type="text" name="alamat"><br>

 E-Mail :<input type="email" name="email" value=""></br>

 Password :<input type="password" name="pasword"><br>

Confirm Pasword :<input type="email" name="email" value=""></br> 

 Pesan :<textarea name="pesan" cols="40" rows="3" name="pesan"></textarea></br>

 Kelamin :<input type="radio" name="laki-laki" value="laki-laki">Laki-laki <input type="radio" name="laki-laki" value="laki-laki">Wanita<br

  </td>

  </form>

</body>

</html>

hasil Capture seperti ini,, hehe agak berantakan yah :(

[Tutorial] HTML Basic

Assalamu 'alaikum :)

barusan anda telah mempelajari bagaimana membuat halaman web dasar,, nah artikel ini kita akan lebih memperdalam lagi, bagaimana cara membuat paragraf,mengatur letak kata,layout,table,select dll.


1. MEMBUAT PARAGRAF
       <html>
        <head><title>Paragraf</title></head>
       <body>

  <p> Paragram Pertama </p>

       </body>
       </html>
2. MENGATUR LETAK

  <html>
        <head><title>Paragraf</title></head>
       <body>

  <p align ="left"> Paragram Pertama </p> 

 <p align = "Right"> Paragram Pertama </p> 

            <p align ="Center"> Paragram Pertama </p>

            <p align ="justify "> Paragram Pertama </p>

     </body>
   </html>
3. MENGATUR HURUF(BOLD,ITALIC,UNDER)


<html>
        <head><title>Paragraf</title></head>
       <body>

  <p align ="left"><b> Paragram Pertama<b> </p> 

 <p align = "Right"><i> Paragram Pertama <i></p> 

            <p align ="Center"><u> Paragram Pertama <u></p>

     </body>
   </html>

Bold,Italic,Under

 Hasil Screen Capture ;
4. MENGATUR UKURAN FONT


  <html>
        <head><title>Paragraf</title></head>
       <body>

  <h1><p align ="left"><b> Paragram Pertama</h1><b> </p> 

 <h2><p align = "Right"><i> Paragram Pertama </h2><i></p> 

            <h3><p align ="Center"><u> Paragram Pertama </h3><u></p>

     </body>
   </html>
 Hasil Screen Capture ;

Ukuran Font

5. MEMBERI GAMBAR

<html>
        <head><title>Paragraf</title></head>
       <body>
       <h2>HTML</h2>
       <img border ="0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiyCKdyySkUahEv6hX1QQXSFzC4r_2LYvIW-Xx92Xe7k1G7_75ghBUD8WWz6quLa_cx0NywkCNhtAIjb1B3v3GtPIfDsv3s8sfgb96E6ycvCq254CCq0HYJKmYIyrbcbUaX-9ldOm5IhIZ/s1600/HTML3.jpg">

     </body>
   </html>

   Hasil Screen Capture ;

Gambar

6. BUAT TABEL
      <html>
 <head><title>Website Pertama Saya </title></head>
 <body>
   <table border = "1"/>
       <tr>
   <td>kolom pertama </td>
<td>kolom kedua</td>
<tr>
<td>baris ke dua Kolom Pertama</td>
<td>baris ke dua kolom ke dua </td>
 </body>
</html>
 Hasil Screen Capture ;

Tabel

HTML Part 1 ( Buat Website)

Assalamu 'alaikum :)

Bagi anda yang pengen jadi WebMaster dan WebDeveloper tentu sebelumnya harus udah menguasai HTML,JavaScript,PHP dll. nah tutorial kali ini sangat cocok bagi kawan-kawan dan juga saya sebagai langkah awal menjadi Web Master ,, Amiin. :)

artikel selanjutnyaOke gak perlu banyak bacot, langsung saja buka Notepad++ anda jika nda belum punya notepad++ pake Notepad biasa sj gak apa-apa hanya saja lebih bagus menggunakan Notepad++.


di halaman kerja ketikan Script berikut ini

<html>

<head><title>Web Pertama Saya</title></head>

<body>

Selamat Datang Di Website pertama Saya 

</body>

</html>

lihat hasil Sc berikut ini;

catatan;

     Html  = adalah header dalam penulisan web menggunakan html jika menggunakan bahasa   pemrograman PHP maka headernya di awalai dengan <?php 

     Head dan Title = ini adalah kepala atau Judul dari Web anda, coba perhatikan baik-baik gambar di atas.

Body = bagian atau tubuh dalam penulisan 

Oke,,sekian tutorial kali ini, jangan lupa mampir ke artikel selanjutnya. :)