Senin, 25 November 2013

Belajar PHP 4

Posted by Xiuxiu on 18.40 with No comments
1. Pertama bukan DreamWeaver CS6.
    Kita akan membuat Form.
2. klik kanan pada site -> New File -> beri nama tg.php. nama terserah anda.
3. Lalu ketikan script seperti dibawah
atau :
<?php
$nama=$_REQUEST['nama'];
$sekolah=$_REQUEST['sekolah'];
$alamat=$_REQUEST['alamat'];
$email=$_REQUEST['email'];
$umur=$_REQUEST['umur'];
$tahun=$_REQUEST['kk'];
$tempat=$_REQUEST['tempat'];
$bulan=$_REQUEST['bulan'];
$tanggal=$_REQUEST['tanggal'];

$jeniskelamin=$_REQUEST['gender'];

if($jeniskelamin=='L'){
echo '<h2>Selamat Datang Saudara,'.$nama.'</h2>';
}else{
echo '<h2>Selamat Datang Saudari,'.$nama.'</h2>';
}
$komentar=$_REQUEST['komentar'];
echo "TERIMA KASIH ATAS KOMENTAR ANDA <br>";
echo "Nama            : $nama<br>";
echo "Sekolah        : $sekolah<br>";
echo "Alamat         : $alamat<br>";
echo "E-mail        : $email<br>";
echo "Jenis kelamin    : $jeniskelamin<br>";
echo "TTL            : $tempat,$tanggal $bulan $tahun<BR>";
echo "Umur            :$umur <br>";
echo "Komentar         : <br>";
echo $komentar;
?>


4. klik kanan pada site -> New File -> beri nama tugasphp4.php. nama terserah anda.
5. lalu script seperti gambar dibawah
atau :
<form name="form1" method="post" action="tg.php">

<table>
<tr>
<td>
<table width="600" border="0">
<tr>
<td width="84"><b>Nama</b></td>
<td width="15">:</td>
<td width="232"> <input name="nama" type="text" id="nama2"/></td>
</tr>
<tr>
      <td><b>Sekolah</b></td>
      <td>:</td>
      <td><label for="sekolah"></label>
      <input type="text" name="sekolah" id="sekolah"></td>
    </tr>
    <tr>
      <td><b>Alamat</b></td>
      <td>:</td>
      <td><label for="alamat"></label>
      <input type="text" name="alamat" id="alamat"></td>
    </tr>
<tr>
<td><b>Email</b></td>
<td>:</td>
<td><input name="email" type="text" id="nama"/></td>
</tr>
<tr>
<td><b>Jenis kelamin </b></td>
<td>:</td> <td><b> </b>
<input type="radio" name="gender" value="L"/>Laki-Laki
<input type="radio" name="gender" value="P"/>Perempuan</td>
</tr>
<tr>
<td> <b>Umur</b></td>
<td>:</td>
<td><select name="umur">
<option value="0-29">Dibawah 30 </option>
<option value="30-60">Antara 30 sd 60 </option>
<option value="60+">Diatas 60</option></select></td>
</tr>
<tr>
      <td><b>Tempat, Tanggal Lahir</b></td>
      <td>:</td>
      <td> <label for="tempat"></label>
        <select name="tempat" id="tempat">
          <option>Malang</option>
          <option>Blitar</option>
          <option>Kediri</option>
          <option>Tulungagung</option>
          <option>Ponorogo</option>
          <option>Mediun</option>
          <option>Jember</option>
          <option>Probolinggo</option>
          <option>banyuwangi</option>
          <option>Surabaya</option>
          <option>Mediun</option>
          <option>Nganjuk</option>
        </select>
       
     <label for="tanggal"></label>
        <select name="tanggal" id="tanggal">
<?php
        $tanggal=1;
        while($tanggal<=31){
            echo "<option value=$tanggal>$tanggal</option>"; $tanggal++;}
        ?>
      </select>
     
        <label for="bulan"></label>
        <select name="bulan" id="bulan">
          <option>Januari</option>
          <option>Februari</option>
          <option>Maret</option>
          <option>April</option>
          <option>Mei</option>
          <option>Juni</option>
          <option>Juli</option>
          <option>Agustus</option>
          <option>September</option>
          <option>Okteber</option>
          <option>November</option>
          <option>Desember</option>
        </select>
       
        <label for="tahun"></label>
        <select name="kk" id="tahun">
        <?php
        $tahun=1990;
        while($tahun<=2000){
            echo "<option value=$tahun>$tahun</option>"; $tahun++;}
        ?>
      </select>
      </td>
    </tr>


<tr>
<td> <b> Komentar</b></td>
<td>:</td>
<td> <textarea name="komentar" cols="30" rows="4"></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp; </td>
<td> <input type="Submit" value="Submit" /></td>
</tr>

    
</table>
</form>

maka jika di run akan tampil seperti ini :
Finish. Silahkan Mencoba ya :)



Minggu, 17 November 2013

Belajar ASP.NET 5

Posted by Xiuxiu on 21.58 with No comments
1. Langkah pertama, buka Visual Studio 2012
2. Lalu tampilkan Line Number
    Berikut cara menampilkan Line Number
3. Tekan New Project -> language C# -> Web -> ASP.NET Website Empety App -> Namakan dengan Bab2 dan tempatkan di Folder anda.

4. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama EventOnClick.aspx.
5. Lalu ketikan script berikut :

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventOnClick.aspx.cs" Inherits="Bab2.EventOnClick" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Menggunakan Event OnClick</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID ="btnSubmit" Text ="Click Here"
            Runat="server" OnClick="btnSubmit_Click"  /><br />
        <asp:Label ID="Label1" runat="server" />

   
    </div>
    </form>
</body>
</html>
6. Coba di Run CTRL+F5
hasilnya :






7. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama UseViewState.aspx.
8. Berikut Scripnya :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UseViewState.aspx.cs" Inherits="Bab2.UseViewState" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Memahami View State</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="btnAdd_Click" />
        <asp:Label ID="lblCounter" runat="server" Text="0"></asp:Label>
   
    </div>
    </form>
</body>
</html>

 #Klik 2x pada button Add, lalu ketikan script berikut :

9.Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama LabelControl.aspx.
Berikut Scripnya :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LabelControl.aspx.cs" Inherits="Bab2.LabelControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>LABEL CONTROL</title>
    <style type ="text/css">
        div {
            padding: 10px;
        }
        .labelStyle {
            color: red;
            background-color: yellow;
            border: solid 2px red;
        }

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:Label ID="LBLTime" runat="server" Text="Label" Font-Size="Large" CssClass="labelStyle"></asp:Label>
   
    </div>
    </form>
 
</body>
</html>



#Klik Kanan pada Halaman lalu VIEW CODE :






10. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama JenisTextBox.aspx.
seperti berikut :
Kemudian tekan CTRL+F5.

11. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama AutoPostBack.aspx.
seperti berikut :




#Klik kanan pada halaman lalu VIEW CODE :
kemudian tekan CTRL+F5


12. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama CheckBox.aspx.
seperti berikut :
    Kemudian tekan CTRL+F5


13. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama RadioButton.aspx.

seperti berikut :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="radiobutton.aspx.cs" Inherits="Bab2.radiobutton" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>radio button</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        Dari mana Anda mengetahui SMK Telkom SP Malang??
        <ul>
            <li>
                <asp:RadioButton ID="rdbtOrtu" runat="server"
                    Text="Orang Tua" GroupName="source" />
            </li>
            <li>
                <asp:RadioButton ID="rdbtTeman" runat="server"
                    Text="Teman" GroupName="source" />
            </li>
            <li>
                <asp:RadioButton ID="rdbtWebsite" runat="server"
                    Text="Website" GroupName="source" />
            </li>
        </ul>
        <asp:Button ID="btnSubmit" runat="server" Text="SUBMIT"
            OnClick="btnSubmit_Click" />
        <hr />
        <asp:Label ID="lblHasil" runat="server"></asp:Label>
   
    </div>
    </form>
</body>
</html>

#Klik 2x pada Button SUBMIT , seperti gambar berikut :




14. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama CrossPage.aspx.
berikut scripnya :
#Klik kanan pada halaman lalu VIEW CODE :


15. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama CommandEvent.aspx
seperti berikut :
#Klik kanan pada halaman lalu VIEW CODE :





16. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama ImageControl.aspx


seperti berikut :
 #Klik Kanan pada halaman lalu View Code :
Silahkan Mencoba :)