Tutorial Calkulator ASP NET



ASP singkatan dari Active Server Pages. ASP.NET adalah generasi baru dari ASP. Setelah perkenalan ASP.NET, ASP lama disebut 'ASP klasik'.

ASP klasik menggunakan vb script untuk kode server side. VB Script sudah tidak disupport lagi dalam ASP.NET. Sebagai gantinya ASP.NET mensupport lebih banyak bahasa pemrograman termasuk C#, VB.NET, J# dan lainnya. VB.NET sangat mirip dengan vb script, jadi akan mudah untuk programmer Visual Basic atau ASP untuk berpindah ke VB.NET dan ASP.NET.

VB Script adalah bahasa script yang sederhana, sedangkan VB.NET atau C# adalah bahasa pemrograman yang modern, sangat powerful, bahasa pemrograman berorientasi objek. Dengan alasan itulah anda akan dapat menulis program ASP.NET lebih baik dibanding ASP.

Pada ASP klasik tidak ada server control. Anda harus menulis semua tag html secara manual. ASP.NET menawarkan banyak control yang disebut Server Control dan Html Control. Sangat mudah untuk men-drag dan drop control apapun pada sebuah web form. Visual Web Developper (Express) atau VS.NET akan secara otomatis menuliskan tag HTML yang diperlukan untuk anda. (sumber : ilmusoftware.com )

Nah disini kita saya akan mecoba membuat kalkulator dengan aspx. Saya menggunakan Microsoft Visual Studio 2010. Langsung aja ke lapangan.

Pertama kita buka dulu aplikasinya bisa yang 2010 bisa juga yang 2008. Yang terpenting adalah niat dan kemauan yang kokoh nggak mudah goya dan runtuh karena disini kita akan ngoding, ngoding itu lebih berat dari pada uji nyali .. yakinlah dan percayalah .. kalau nggak sanggup cari kamera aja langsung.

Ini tampilan awal ketika program di buka


Langsung aja buat project baru. Kita pilih WEB ya karena disini kita akan membuat web kalkulator.

Selanjutnya keluar gambar kaya di bawah ini pilih yang ASP.NET EMpty Web Site ok ..



Sinsalabim.. keluarlah yang seperti ini...


Lanjut dengan Klik kanan kaya di gambar pilih Add New Item ..ok..

Next pilih Web Form...


Gemana sampai sini udah ada yang nyerah belum ? atau lilin udah mati... ? jangan ya ini baru permulaan aja kok .. kesananya gampang ...

Lanjut...


Nah ada kelihatan angka - angka kan disitu .. ini cuma perkenalan dikit aja bagi yang baru kenal yang namanya Visual Studio 2010. 
Yang satu itu Menu Bar
Yang dua itu tampilan Coding yang bikin pusing kepala
Kalau yang tiga itu Tools Box yang nantinya di pakai untuk menu - menu gitu
Yang empat itu untuk tampilan dari Coding di atasnya
yang lima untuk nambahin Form baru Project baru.. apapunlah..
Kalau yang enam itu Prpertisnya, yang untuk ukuran dan nama - nama .. misalnya nama button, nama text boxt...

Kalau kira kira kamu masih nggak ngerti sama bahasa ku bisa di coba - coba sendiri ya... 

Nah sekarang lanjut Koding ya .. nggak usah pusing ini ada sorce code .. langsung KOPAS aja ... 

<html>
<head id="Head1" runat="server">
    <title>Kalkulator</title>
<script runat="server" Language="C#">
static float a, c, d;
    static char b;
void click_bt1(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber1.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber1.Text;
        }
void click_bt2(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber2.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber2.Text;
        }
void click_bt3(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber3.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber3.Text;
        }
void click_bt4(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber4.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber4.Text;
        }
void click_bt5(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber5.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber5.Text;
        }
void click_bt6(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber6.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber6.Text;
        }
void click_bt7(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber7.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber7.Text;
        }
void click_bt8(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber8.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber8.Text;
        }
void click_bt9(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber9.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber9.Text;
        }
void click_bt0(object sender, EventArgs e)
        {
        if ((TxtHasil.Text == "+") || (TxtHasil.Text == "-") || (TxtHasil.Text == "*") || (TxtHasil.Text == "/"))
        {
TxtHasil.Text = "";
            TxtHasil.Text = TxtHasil.Text + ButtonNumber0.Text;
        }
        else
            TxtHasil.Text = TxtHasil.Text + ButtonNumber0.Text;
        }
void click_btplus(object sender, EventArgs e)
        {
        a = Convert.ToInt32(TxtHasil.Text);
TxtHasil.Text = "";
b = '+';
TxtHasil.Text += b;
        }
void click_btminus(object sender, EventArgs e)
        {
        a = Convert.ToInt32(TxtHasil.Text);
TxtHasil.Text = "";
b = '-';
TxtHasil.Text += b;
        }
void click_btmulti(object sender, EventArgs e)
        {
        a = Convert.ToInt32(TxtHasil.Text);
TxtHasil.Text = "";
b = '*';
TxtHasil.Text += b;
        }
void click_btdivid(object sender, EventArgs e)
        {
        a = Convert.ToInt32(TxtHasil.Text);
TxtHasil.Text = "";
b = '/';
TxtHasil.Text += b;
        }
void click_btequal (object sender, EventArgs e)
{
c = Convert.ToInt32(TxtHasil.Text);
        TxtHasil.Text = "";
        if (b == '/')
        {
            d = a / c;
            TxtHasil.Text += d;
            a = d;
        }
        else if (b == '+')
        {
            d = a + c;
            TxtHasil.Text += d;
            a = d;
        }
        else if (b == '-')
        {
            d = a - c;
            TxtHasil.Text += d;
            a = d;
        }
        else
        {
            d = a * c;
            TxtHasil.Text += d;
            a = d;
        }
//TxtHasil.Text='=' + Convert.ToString(d);
}
void click_bteraser (object sender, EventArgs e)
{
TxtHasil.Text="";
}
void click_btabout(Object s, EventArgs e) 
{
Response.Redirect("about.aspx");
}
</script>
</head>
<center>
<form id="form1" runat="server">
   
    &nbsp;<asp:Label 
        ID="Label1" runat="server" Text="Calculator" Font-Bold="True" 
        Font-Overline="False" Font-Size="XX-Large" ForeColor="#0000CC"></asp:Label>
    <table style="width:30%;">
        <tr>
            <td colspan="4">
                &nbsp;</td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:TextBox ID="TxtHasil" runat="server" Height="45px" Width="370px" 
                    TextMode="MultiLine" Font-Bold="True" Font-Size="X-Large" ReadOnly="True"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td colspan="4" height="30px">
                <asp:Label ID="DisplayLabel" runat="server" Font-Bold="True" 
                    Font-Size="X-Large"></asp:Label>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="ButtonNumber1" runat="server" Height="50px" Text="1" Width="89px" OnClick="click_bt1" />
                <asp:Button ID="ButtonNumber2" runat="server" Height="50px" Text="2" Width="89px"  OnClick="click_bt2"/>
                <asp:Button ID="ButtonNumber3" runat="server" Height="50px" Text="3" Width="89px"  OnClick="click_bt3"/>
                <asp:Button ID="ButtonNumber4" runat="server" Height="50px" Text="4" Width="89px"  OnClick="click_bt4"/>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="ButtonNumber5" runat="server" Height="50px" Text="5" Width="89px" OnClick="click_bt5" />
                <asp:Button ID="ButtonNumber6" runat="server" Height="50px" Text="6" Width="89px" OnClick="click_bt6" />
                <asp:Button ID="ButtonNumber7" runat="server" Height="50px" Text="7" Width="89px" OnClick="click_bt7" />
                <asp:Button ID="ButtonNumber8" runat="server" Height="50px" Text="8" Width="89px" OnClick="click_bt8" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="ButtonNumber9" runat="server" Height="50px" Text="9" Width="89px" OnClick="click_bt9" />
                <asp:Button ID="ButtonNumber0" runat="server" Height="50px" Text="0" Width="89px" OnClick="click_bt0" />
                <asp:Button ID="ButtonNumberEqual" runat="server" Height="50px" Text="=" Width="89px" OnClick="click_btequal" />
                <asp:Button ID="ButtonEraser" runat="server" Height="50px" Text="C" Width="89px" OnClick="click_bteraser" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="ButtonNumberPlus" runat="server" Height="50px" Text="+" Width="89px" OnClick="click_btplus" />
                <asp:Button ID="ButtonNumberMinus" runat="server" Height="50px" Text="_" Width="89px" OnClick="click_btminus"  />
                <asp:Button ID="ButtonNumberMulti" runat="server" Height="50px" Text="X" Width="89px" OnClick="click_btmulti" />
                <asp:Button ID="ButtonNumberDevide" runat="server" Height="50px" Text="/" Width="89px" OnClick="click_btdivid" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="ButtonAbout" runat="server" Height="50px" Text="About" Width="89px" OnClick="click_btabout" />
            </td>
        </tr>
    </table>
    </form>
</center>
</body>
</html>

Dan langsung play .. kalau bener keluarnya seperti dibawah ini..


 Thanks sangaat... semoga bisa membantu... semangat Ngodiing.... 

Komentar

Posting Komentar

Postingan populer dari blog ini

Diagram Use Case Dan Use Case Description

Gambar
Use-Case Diagram Use-case diagram adalah gambaran graphical dari beberapa atau semua actor, use-case, dan interaksi diantara komponen-komponen tersebut yang memperkenalkan suatu sistem yang akan dibangun. Use-case diagram menjelaskan manfaat suatu sistem jika dilihat menurut pandangan orang yang berada di luar sistem. Diagram ini menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia luar. Use-case diagram dapat digunakan selama proses analisis untuk menangkap requirement system dan untuk memahami bagaimana sistem seharusnya bekerja. "elama tahap desain, use-case diagram berperan untuk menetapkan perilaku (behavior) sistem saat diimplementasikan. Dalam sebuah model mungkin terdapat satu atau beberapa use-case diagram. Kebutuhan atau requirements system adalah fungsionalitas apa yang harus disediakan oleh sistem kemudian didokumentasikan pada model use-case yang menggambarkan fungsi sistem yang diharapkan (use-case),...
Baca selengkapnya

Beberapa Website Keren Yang bisa Bikin Kita Cerdas

Gambar
Siapa yang nggak ahu Internet di zaman sekarang ini. Yang sedang baca tulisan ini pasti tahu apa itu nternet. Sebuah penemuan di abad 20 yang saat ini sangat berpengaruh di berbagai bidang dari Pendidikan, ekonomi, politik, media dan banyak sebagainya. Dari mulai ngerjain tugas kuliah, nonton film, klip video, media sosial hingga bo-kep semuanya ada di Internet. Bahkan ada jargo tanpa internet hidup jadi hampa. Tapi apakah kita sudah memanfaatkan media Internet dengan baik dan bermanfaat setidaknya untuk diri kita sendiri ? atau malah di habiskan untuk hal - hal yang malah menghabiskan waktu dan tidak bermanfaatnya. Jika seperti itu ada baiknya kamu bisa coba beberapa website keren dan gratis berikut ini yang bisa membuat kegiatan internet kita bermanfaat : 1. Duolingo   Kalau mau belajar bahasa inggris dengan cara mandiri dan menyenangkan Duolingo ini cocok buat kamu.  Selain belajar writing, grammar dan vocabulary, kamu juga dilatih listening danspeaking. Y...
Baca selengkapnya

Apa itu SKPL Dan Kebutuhan Perangkat Lunak ?

Gambar
SKPL adalah Spesifikasi Kebutuhan Perangkat Lunak, atau dalam bahasa Inggris-nya sering juga disebut sebagai Software Requirements Spesification (SRS), dan merupakan spesifikasi dari perangkat lunak yang akan dikembangkan. Sedangkan Kebutuhan perangkat lunak adalah kondisi atau kemampuan yang harus dimiliki untuk memenuhi apa yang disyaratkan oleh perangkat lunak atau diinginkan oleh pemakai. Dokumen Spesifikasi Kebutuhan Perangkat Lunak (SKPL) ini bertujuan sebagai acuan atau panduan baik bagi pengembang dan pengguna perangkat lunak selama dalam pengembangan perangkat lunak yang akan dibangun.  Bagi pihak pengembang, SKPL ini dapat digunakan sebagai acuan dalam setiap tahapan pengembangan ini agar sesuai dengan kebutuhan yang diinginkan oleh pengguna dan tujuan perangkat lunak itu sendiri. Sedangkan bagi pihak pengguna, SKPL ini digunakan untuk mencatat semua spesifikasi kebutuhan dari perangkat lunak yang dikembangkan dan harapan yang diinginkan. Jenis...
Baca selengkapnya