"Terkadang hal-hal sederhana seperti senyuman,sapaan 'halo' itu jauh lebih baik daripada "idealisme-idealisme rohani" yang orientasinya adalah diri sendiri,punya maksud-maksud tertentu,tanpa/minim kasih dan yang tidak pernah di aplikasikan sehingga orang lain bosan & muak mendengarnya"

Friday, July 26, 2013

Bahasa Pemrograman Lanjutan : ASP.NET WEB PAGES

Flashback
Sebelumnya kita sudah mengenal sekilas mengenai bahasa pemrograman, saya rangkum kembali bahwa kita sudah mengetahui tentang :

  • Pemahaman Tipe Data
  • Pemahaman Mode Sekuensial
  • Pemahaman Mode Percabangan (Kondisional)
  • Pemahaman Mode Perulangan (Looping)  
sekarang kita akan lihat contoh sederhananya dengan menggunakan ASP.NET Web Pages.

ASP.NET Web Pages
ASP.NET Web Pages adalah sebuah framework yang digunakan untuk membuat halaman web yang dinamis.
ASP.NET Web Pages merupakan salah satu dari 3 programming models yang digunakan untuk membuat aplikasi ASP.NET dan web applation. Bedanya dengan HTML adalah HTML bersifat statis (seperti yang sudah kita pelajari disini),
sedangkan ASP.NET web pages bersifat dinamis, kita bisa membuat konten halaman secara "run time" atau "on the fly", dengan menggunakan asp.net code.
Jangan keliru ya, ASP.NET Web Pages didalamnya juga bisa mengandung kode-kode HTML,CSS, Javascript.



 Seperti yang kita lihat pada gambar diatas :
  • Ketika terjadi request oleh browser untuk memanggil halaman Web Pages(.CSHTML/.VBHTML),
  • Web Server (IIS) menerima browser request tersebut,
  • Maka kemudian ASP.NET Framework akan memproses halaman tersebut
  • Hasil proses oleh ASP.NET akan dikirimkan kembali ke browser
  • Browser menerima hasil proses dan menampilkan hasil proses ke layar

WEBMATRIX TOOL
WebMatrix tool ini adalah editor yang dapat anda gunakan untuk membuat ASP.NET Web Pages, tool ini juga sudah
ter-integrasi dengan Web Server IIS Express 8.0, utility untuk akses ke database, dan fitur untuk publikasi Aplikasi Web Site (ASP.NET) anda.
Anda dapat install web matrix disini.



Memulai ASP.NET Web Pages
* File - New - Empty Site
* Tambahkan file "index.cshtml"
@{
   // deklarasi tipe data  
   var a = 4;
   var b = 5;
   var theSum = a + b;
   var rightNow = DateTime.Now;
 
   // mode percabangan
   var result ="";   
   if (b>a) {
       result = b.ToString() + " is greater than " + a.ToString() ;
   }
   else if (b<a) {
       result = b.ToString() + " is less than " + a.ToString() ;
   }       
}
 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Testing Razor Syntax</title>

</head>
<body>
  <h1>Testing Razor Syntax</h1>
  <form method="post">
   <div>
      <p>The value of <em>a</em> is @a.The value of <em>b</em> is @b.
      <p>The sum of <em>a</em> and <em>b</em> is <strong>@theSum</strong>.</p>
      <p> @result</p>

    
     <!--mode perulangan loop-->
      <p>@{
           for(var i = 1; i < 5; i++)
           {
               <p>For Loop @i</p>
           }  
         }
      </p>

      <!--mode perulangan while-->
     <p>
        @{
           var j = 0;
           while (j < 4)
             {
                j += 1;
                <p>While Loop @j</p>
             }
         }
     </p>
    </div>

  </form>
</body>

</html>

* Tambahkan file "web.config"

<?xml version="1.0"?>
<configuration>
  <appSettings>
    <add key="webPages:Version" value="2.0"/>
  </appSettings>
</configuration>
 
* Tekan tombol "Run" 
Silahkan ikuti langkah-langkah diatas dan copy paste code nya lalu jalankan.
Semoga bermanfaat.

No comments:

Post a Comment