Saturday, October 26, 2013

Menerapkan Server Control di ASP

Di ASP, kita bisa membuat form melalui web
dengan bantuan komponen-komponen di ASP yang ada di toolbox

ini file yang diberikan guru saya, cukup banyak
ada kira-kira 20 halaman

Kerjakan semuanya satu per satu terlebih dahulu agar paham

 Download : file save as disini


berikut caranya

add new item-web form(c#)

Ketikkan script untuk InputBiodata.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InputBiodata.aspx.cs" Inherits="Bab2.InputBiodata" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Inputan</title>
    <link rel="stylesheet" type="text/css" href="nah.css" />

    <style>
        .f {
            font-family: Verdana;
        }
        .auto-style1 {
            width: 712px;
        }
        #Reset1 {
            height: 27px;
            width: 64px;
        }
    </style>
   
</head>
<body Style="background-image:url(bg.png);background-repeat:repeat;">
    <form id="form1" runat="server">
        <center>

            <h2>
<span style="color: white; font-family: Adler;">Pendaftaran Anak Moklet</span></h2>
    <table  class="f" cellspacing="0" cellpadding="7" bgcolor="#FFFFFF" border="0" width="450" height="200" Style='border-color:white; border-radius: 20px;
box-shadow: 0 0 2px 2px white;'>
 <tr>
     <td rowspan="9" width="250" Style=' border-top-left-radius:20px;border-bottom-left-radius:20px '><center><img src="img.jpg" width="200" 0height="200" /></center></td>
        <td colspan="3" Style=' border-top-right-radius:20px; '>
         <center><font color="brown" font size="6">INPUTAN BIODATA</font></center>
        </td>
       
    </tr>
    <tr>
     <td> Nama </td>
        <td width="1"><center>:</center></td>
        <td><asp:TextBox ID="nama" type="text" Size="35" runat="server"
            ></asp:TextBox></td>
    </tr>
    <tr>
     <td> Jenis Kelamin</td>
        <td><center>:</center></td>
        <td class="auto-style1">
     
            <asp:radiobutton groupname="Gender" id="rbtLaki" runat="server" text="Laki-Laki"></asp:radiobutton>
            <asp:radiobutton groupname="Gender" id="rbtPerempuan" runat="server" text="Perempuan"></asp:radiobutton>
            </td>
    </tr>
    <tr>
     <td>E-mail</td>
        <td><center>:</center></td>
        <td><asp:TextBox ID="Email" type="text" Size="35" runat="server"
            ></asp:TextBox></td>
    </tr>
      <tr>
     <td>Password</td>
        <td><center>:</center></td>
          <td><asp:TextBox ID="pwd" type="password" Size="35" runat="server"
            ></asp:TextBox></td>
  </tr>
 
    <tr>
     <td>Alamat</td>
        <td><center>:</center></td>
        <td>
            <asp:TextBox ID="alamat" TextMode="MultiLine" runat="server"></asp:TextBox>                              
        </td>
    </tr>
       
    <tr>
     <td>Cita - Cita</td>
        <td><center>:</center></td>
           
           <td class="auto-style1">
   
            <asp:radiobutton groupname="Cita" id="rbtCita1" runat="server" text="Kuliah"></asp:radiobutton>
<br />          
                <asp:radiobutton groupname="Cita" id="rbtCita2" runat="server" text="Kerja"></asp:radiobutton>
           <br />
                <asp:radiobutton groupname="Cita" id="Cita3" runat="server" text="Yang lain">
            </asp:radiobutton>

<asp:button id="btnOther" onclick="btnOther_Click" runat="server" style="background-color: cornsilk; border-radius: 5px;" text="Pilih"></asp:button>
        <asp:panel id="pnlOther" runat="server" visible="false">Isi Sendiri:
        <asp:textbox id="CitaLain" runat="server"></asp:textbox></asp:panel>
    </td>
    </tr>

    <tr>
     <td colspan="3"  style=' border-bottom-right-radius:20px;'><center>
         <asp:button id="prev" onclick="prev_Click" runat="server" style="background-color: antiquewhite; border-radius: 10px;" text="Preview Di Bawah"></asp:button> &nbsp;

           
            <asp:Button ID="btnSubmit" runat="server" style="background-color: cornsilk; border-radius: 10px;" Text="Submit" PostBackUrl="IBiodataHasil.aspx" Height="27px" Width="56px" OnClick="btnSubmit_Click"></asp:Button> &nbsp;
           <input id="Reset1" type="reset" value="Reset" style="background-color: cornsilk; border-radius: 10px;" /> </center>
  </td>      
    </tr>

</table>
<table aria-dropeffect="popup" width="450" border="0" id="Table1" runat="server" style="background-color: white; border-radius: 20px;">
<tr>
    <td bgcolor="#64481C" colspan="3" style="border-top-left-radius: 20px; border-top-right-radius: 20px;"><center>
<b><span style="color: white;"><h2>Preview</h2>
</span></b></center>
</td>
  </tr>
<tr>
    <td width="99">Nama</td>
    <td width="19">:</td>
    <td width="180">
        <asp:label id="lblNama1" runat="server"></asp:label></td>
  </tr>
<tr>
    <td>Jenis Kelamin</td>
    <td>:</td>
    <td>
        <asp:label id="lblGender1" runat="server"></asp:label></td>
  </tr>
<tr>
    <td>Email</td>
    <td>:</td>
    <td><asp:label id="lblEmail1" runat="server"></asp:label></td>
  </tr>
<tr>
    <td>Password</td>
    <td>:</td>
    <td><asp:label id="lblPassword1" runat="server"></asp:label></td>
  </tr>
<tr>
    <td>Alamat</td>
    <td>:</td>
    <td><asp:label id="lblAlamat1" runat="server"></asp:label></td>
  </tr>
<tr>
    <td style="border-bottom-left-radius: 20px;">Cita-Cita</td>
    <td>:</td>
    <td style="border-bottom-right-radius: 20px;"><asp:label id="lblCita1" runat="server"></asp:label></td>
  </tr>
</table>


</center>
    </form>

</body>
</html>
klik kanan di view code

ketikkan script:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Bab2
{
    public partial class InputBiodata : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Table1.Visible = false;
        }
        protected void btnOther_Click(object sender, EventArgs e)
        {
            if (Cita3.Checked)
                pnlOther.Visible = true;
            else
                pnlOther.Visible = false;
        }
        protected void prev_Click(object sender, EventArgs e)
        {
            Table1.Visible = true;

            lblNama1.Text = nama.Text;


            lblEmail1.Text = Email.Text;


            lblPassword1.Text = pwd.Text;


            lblAlamat1.Text = alamat.Text;

            if (rbtLaki.Checked)
            {
                lblGender1.Text = rbtLaki.Text;
            }
            else if (rbtPerempuan.Checked)
            {
                lblGender1.Text = rbtPerempuan.Text;
            }

            if (rbtCita1.Checked)
            {
                lblCita1.Text = rbtCita1.Text;
            }
            else if (rbtCita2.Checked)
            {
                lblCita1.Text = rbtCita2.Text;
            }
            else if (Cita3.Checked)
            {
                lblCita1.Text = CitaLain.Text;
            }

        }

        public String varGdr;
        public string varCita;
        public string varSdr;
        protected void btnSubmit_Click(object sender, EventArgs e)
        {
            if (rbtLaki.Checked)
            {
                varGdr = rbtLaki.Text;
                varSdr = "Saudara";
            }
            else if (rbtPerempuan.Checked)
            {
                varGdr = rbtPerempuan.Text;
                varSdr = "Saudari";
            }
            if (rbtCita1.Checked)
            {
                varCita = rbtCita1.Text;
            }
            else if (rbtCita2.Checked)
            {
                varCita = rbtCita2.Text;
            }
            else if (Cita3.Checked)
            {
                varCita = CitaLain.Text;
            }

        }
    }
}


Begini tampilannya

Lalu buat file IBiodataHasil.aspx
sama seperti tadi
Project-New Item-Web

 script IBiodataHasil
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IBiodataHasil.aspx.cs" Inherits="Bab2.IBiodataHasil" %>
<%@ PreviousPageType VirtualPath="~/InputBiodata.aspx" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Hasil</title>
        <link rel="stylesheet" type="text/css" href="nah.css" />
    <style type="text/css">
        .labelStyle {
            color: red;
        }
    </style>
</head>
<body Style="background-image:url(bg.png);background-repeat:repeat;">
    <form id="form1" runat="server"><center>
       <font face="Adler" color="white">
           <asp:Label ID="Label1" runat="server"></asp:Label></font>

    <center><table  cellspacing='0' cellpadding='6' bgcolor='#FFFFFF' border='0' width='450' height='300' Style='border-radius:10px;border-color:white; box-shadow: 0 0 2px 2px white; '>
 <tr>
     
        <td colspan='3' bgcolor="#64481C"  Style=' border-top-left-radius:10px; border-top-right-radius:10px'>
         <center><strong><font color='white'>DATA DIRI</font></strong></center>
        </td>
          
    </tr>
    <tr>
     <td> Nama Lengkap </td>
        <td width='1'><center>:</center></td>
        <td><asp:Label ID="lblNama" runat="server" Text="Label"></asp:Label></td>
  

    </tr>
    <tr>
     <td> Jenis Kelamin</td>
        <td><center>:</center></td>
        <td><asp:Label ID="lblGender" runat="server" ></asp:Label></td>
    </tr>
  
  
    <tr>
     <td>E-mail</td>
        <td><center>:</center></td>
        <td><asp:Label ID="lblEmail" runat="server" Text="Label"></asp:Label></td>
    </tr>
    <tr>
     <td>Password</td>
        <td><center>:</center></td>
        <td><asp:Label ID="lblPwd" runat="server" Text="Label"></asp:Label></td>
    </tr>
    <tr>
     <td>Alamat</td>
        <td><center>:</center></td>
        <td><asp:Label ID="lblAlamat" runat="server" ></asp:Label></td>
    </tr>
    <tr>
     <td Style=' border-bottom-left-radius:20px'>Cita - Cita</td>
        <td><center>:</center></td>
        <td Style=' border-bottom-Right-radius:20px'><asp:Label ID="lblCita" runat="server" ></asp:Label></td>
    </tr>
   <tr>
       <td colspan="3"> <center>Data dimasukkan pukul <asp:Label ID="lblTime" runat="server" Text="Label" Font-Size="Large"
            CssClass="labelStyle"/></center></td>
   </tr>

</table></center>
    </form>
</body>
</html>
"<%@ PreviousPageType VirtualPath="~/InputBiodata.aspx" %> 
script ini menunjukkan bahwa InputBiodata adalah previous page dari IBiodataHasil.aspx

 view code IBiodataHasil :
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Bab2
{
    public partial class IBiodataHasil : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Page.PreviousPage != null)
            {

                lblTime.Text = DateTime.Now.ToString("T");

                TextBox Nama = (TextBox)PreviousPage.FindControl("Nama");
                lblNama.Text = Nama.Text;

                TextBox Email = (TextBox)PreviousPage.FindControl("Email");
                lblEmail.Text = Email.Text;

                TextBox pwd = (TextBox)PreviousPage.FindControl("pwd");
                lblPwd.Text = pwd.Text;

                TextBox Alamat = (TextBox)PreviousPage.FindControl("Alamat");
                lblAlamat.Text = Alamat.Text;

                Label1.Text = "Selamat Datang " + PreviousPage.varSdr + " " + Nama.Text;

                lblGender.Text = PreviousPage.varGdr;

                lblCita.Text = PreviousPage.varCita;




            }
        }
    }
}


textbox untuk Isi sendiri akan ada jika radiobutton Yang lain dichecked


Tampilan jika di Preview
(satu halaman)


ditampilkan di halaman lain
~
0 comments
`diketik oleh Junita Pristi pukul 10:26:00 PM
Labels: , , ,

Array, Fungsi dan Modularisasi di PHP

Sebelum membahas lebih lanjut tentang array fungsi dan modularisasi,
mungkin penjelasan dari guru saya sudah cukup mudah dimengerti pembaca

 ini filenya : 

 untuk mendownload klik disini, lalu file-save as


Contoh array versi lain :

setelah itu buat header :

jadinya




footer :
setelah file pdf diatas dipraktekkan semua,
buat main.php
tampilan web bisa kamu atur menjadi berupa tabel-tabel seperti ini

dan yang terakhir 
buat req.php



<?php
require("modul_header.php");
require("main.php");
require("modul_footer.php");
?>

 run req.php di browser kesayanganmu

selesai~
0 comments
`diketik oleh Junita Pristi pukul 10:17:00 PM
Labels: , , , , , ,

Tuesday, October 1, 2013

Need Free Time !

Kelas 2
SMA
bukan
ini SMK
juga bukan SMK biasa -_-

 tugas nggak ada habisnya disini

ini nasihat yang aku lihat di notes temen
katanya ini dari mamanya temennya

1 comments
`diketik oleh Junita Pristi pukul 7:05:00 PM
Labels: , , , , ,

Tuesday, September 24, 2013

Membuat Validation Form di ASP.NET

Sekarang, kita sudah mulai beranjak ke membuat form di ASP.NET
Begini langkah-langkahnya

1. Buka Visual Studio 
2. Buat New Project, tidak usah membuat solution baru
cukup add to solution yang sudah dibuat

Visual C#-Windows Forms Application



3. Tampilan form akan seperti ini

4. Ganti nama form menjadi Validation Form

 Properties dari komponen toolbox dapat mudah diatur di bagian kanan visual studio

Tambahkan background form


5. Drag beberapa komponen dan atur hingga menjadi seperti ini


6. Tambahkan button, errorProvider, Label, progressBar dan TextBox ke dalam Validation Form

 7. Atur properties label, ganti ID menjadi lblNama

ganti backColor menjadi transparent agar label menyatu dengan gambar

8. Atur properties textBox, beri ID=txtNama

9. Beri text pada button "Eksekusi"


 10. Pada errorProvider ganti Name/ID nya menjadi x1 dst..




11. Klik kanan form, view Code


masukkan script
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace FormVal
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void label1_Click(object sender, EventArgs e)
        {

        }


        private void button1_Click(object sender, EventArgs e)
        {
            bar1.Value = 0;
            if (txtNama.Text == "")
            {
                x1.SetError(txtNama, "Masukkan Nama");
            }
            else
            {
                x1.SetError(lblNama, "");
            }

            if (txtNIS.Text == "")
            {
                x2.SetError(txtNIS, "Masukkan NIS");
            }
            else
            {
                x2.SetError(lblNIS, "");
            }
            if (txtKelas.Text == "")
            {
                x3.SetError(txtKelas, "Masukkan Kelas");
            }
            else
            {
                x3.SetError(lblKelas, "");
            }
            if (txtSMP.Text == "")
            {
                x4.SetError(txtSMP, "Masukkan SMP Asal");
            }
            else
            {
                x4.SetError(lblSMP, "");
            }
            for (int i = 0; i < bar1.Maximum; i++)
            {
                bar1.Value++;
            }
            if (txtNama.Text == "" && txtNIS.Text == "" && txtKelas.Text == "" && txtSMP.Text == "")
            {
                MessageBox.Show("Anda belum mengisi sama sekali");
            }
            else if (txtNama.Text == "" || txtNIS.Text == "" || txtKelas.Text == "" || txtSMP.Text == "")
            {
                MessageBox.Show("Mohon mengisi bagian yang kosong");
            }
            else if ((txtNIS.Text.Contains('a')) || (txtNIS.Text.Contains('b')) || (txtNIS.Text.Contains('c')) || (txtNIS.Text.Contains('d')) || (txtNIS.Text.Contains('e')) || (txtNIS.Text.Contains('f')) ||
                    (txtNIS.Text.Contains('g')) || (txtNIS.Text.Contains('h')) || (txtNIS.Text.Contains('i')) || (txtNIS.Text.Contains('j')) || (txtNIS.Text.Contains('k')) || (txtNIS.Text.Contains('l')) ||
                    (txtNIS.Text.Contains('m')) || (txtNIS.Text.Contains('n')) || (txtNIS.Text.Contains('o')) || (txtNIS.Text.Contains('p')) || (txtNIS.Text.Contains('q')) || (txtNIS.Text.Contains('r')) ||
                    (txtNIS.Text.Contains('s')) || (txtNIS.Text.Contains('t')) || (txtNIS.Text.Contains('u')) || (txtNIS.Text.Contains('v')) || (txtNIS.Text.Contains('w')) || (txtNIS.Text.Contains('x')) ||
                    (txtNIS.Text.Contains('y')) || (txtNIS.Text.Contains('z')) || (txtNIS.Text.Contains('A')) || (txtNIS.Text.Contains('B')) || (txtNIS.Text.Contains('C')) || (txtNIS.Text.Contains('D'))
                || (txtNIS.Text.Contains('E')) || (txtNIS.Text.Contains('F')) || (txtNIS.Text.Contains('G')) || (txtNIS.Text.Contains('H')) || (txtNIS.Text.Contains('I')) || (txtNIS.Text.Contains('J'))
                || (txtNIS.Text.Contains('K')) || (txtNIS.Text.Contains('L')) || (txtNIS.Text.Contains('M')) || (txtNIS.Text.Contains('N')) || (txtNIS.Text.Contains('O')) || (txtNIS.Text.Contains('P'))
                || (txtNIS.Text.Contains('Q')) || (txtNIS.Text.Contains('R')) || (txtNIS.Text.Contains('S')) || (txtNIS.Text.Contains('T')) || (txtNIS.Text.Contains('U')) || (txtNIS.Text.Contains('V'))
                || (txtNIS.Text.Contains('W')) || (txtNIS.Text.Contains('X')) || (txtNIS.Text.Contains('Y')) || (txtNIS.Text.Contains('Z')))
            {
                MessageBox.Show("NIS harus berisi angka");
            }

            else
            {
                MessageBox.Show("\nNama\t : " + txtNama.Text + "\nNIS\t : " + txtNIS.Text + "\nKelas\t : " + txtKelas.Text + "\nSMP\t : " + txtSMP.Text);
            }
        }
    }
}

12. Jalankan dengan klik Start atau tekan F5



 Jika NIS tidak diisi angka, maka akan muncul MessageBox







Sekian penjelasan form dari saya

0 comments
`diketik oleh Junita Pristi pukul 1:09:00 AM
Labels: , ,
Subscribe to: Comments (Atom)
Powered by Blogger.
 

Blog Template by jun

Copyrights © 2011