Latihan Membuat SiteMap menggunakan ASP.NET

Published 20/12/2012 by onpumooirahayu

Buka VS 2010 anda

Kali ini ayu mau ngasih latihan buat bikin SiteMap pake ASP.Net yaaa….

Awaasss…. mata melek yaaa…. soal’y latihan kali ini Gampang tapi aga rumit….

So Siap-siap…. ziizzzzzzz………

  • Buka VS 2010 anda..

 

bbmm

aaa

Untitled

  • Lalu pilih New Wab Browser,,

1

  • Setelah muncul form New Web Site kita pilih  ASP.NET Empety Site eperti pada gambar di atas.
  • Kita klik pada Web kerja kita seperti pada gambar di bawah

2

  •  Klik kanan, lalu pilih Add New Item
  •  Lalu pilih Web Form seperti pada gambar di bawah.

3

  • Nama’y kita ganti dengan Login, kemudian klik Add
  • Buat beberapa web form seperti pada gambar di bawah.

Capture

  • Seteah membuat beberapa form kita masuk ke Form Login. Doubleklik pada Form Login lalu klik pada Design untuk mendesign form login’y itu sendiri menggunakan tools yang ada di sampik sudut kri form desin seperti pada gambar dibawah ini.
  • Cara mendesign form login seperti gambar diatas…

– Kita tambahkan komponen Tabel dalam slide HTML yang ada pada Toolbox yang ada di samping kiri.

– Setelah itu kita perbesar ukuran tabel.

– Kemudian pada baris ke 2 kolom ke 1 kita ketikan “User Name  :”, pada baris ke 3 kolom ke 1 kita ketikan “User Password :”.

– Kemudian pada baris ke 2 kolom ke 2 kita tambahkan komponen TextBox, lalu ubah ID TextBox yang tadi, kita ubah’y pada propertis yang ada di sebelah kanan kita, ubah ID  dengan “UserNameTextBox”.

– Kemudian pada baris ke 3 kolom ke 2 kita tambahkan komponen TextBox, lalu ubah ID TextBox yang tadi, kita ubah’y pada propertis yang ada di sebelah kanan kita, ubah ID  dengan “UserPasswordTextBox”.

– Kemudian dipamping komponen TextBox1 kita tambahkan komponen lagi, yang ada di Toolbox pada Validation lalu pilih komponen RequiredFieldValidator1 lalu ubah ID RequiredFieldValidator1 yang tadi, kita ubah’y pada propertis yang ada di sebelah kanan kita, ubah ID  dengan “UsernameRequiredFieldValidator” lalu pada properties kita ubah juga ControlToValidate’y dengan “UserNameTextBox”, Kemudian pada properties juga pilih Error Massage lalu ubah dengan tanda “*”..

– Kemudian kita tambah lagi dipamping komponen TextBox2 kita tambahkan komponen lagi, yang ada di Toolbox pada Validation lalu pilih komponen RequiredFieldValidator2 lalu ubah ID RequiredFieldValidator2 yang tadi, kita ubah’y pada propertis yang ada di sebelah kanan kita, ubah ID  dengan “UserPasswordRequiredFieldValidator” lalu pada properties kita ubah juga ControlToValidate’y dengan “UserPasswordTextBox” Kemudian pada properties juga pilih Error Massage lalu ubah dengan tanda “*”.

– Kemudian blok baris ke 3 kolom 1, 2, dan 3 kemudian setelah itu klik kanan, Insert, lalu pilih Rows or Columns… seperti pada gambar  di bawah lalu setelah tampil klik ok…

Rows

– Kemudian pada kolom ke 2 baris ke 4 kita tambahkan komponen Button pada Toolbox pilihan Standard ganti Text ‘y menjadi “Login” kemudian ID’y menjadi “LoginButton” kemudian kita tambahkan 1 buah komponen Lable yang ada pada Toolbox pilihan Standard Seperti pada gambar dibawah kemudian kita ubah ID’y menjadi  “ResultLable” Lalu pada Text’y kita kosongkan.

Login

  • Setelah itu doubleklik pada Button Login dan kita masukan syntax dibawah :

Setelah itu double clik pada button click…

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

public partial class Login : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
protected void LoginButton_Click(object sender, EventArgs e)
{
string UserName = “Rahayu”;
string UserPassword = “12345”;
if (UserNameTextBox.Text == UserName && UserPasswordTextBox.Text == UserPassword)
{

Response.Redirect(“~/home.aspx”);
}
else
{
ResultLable.Text = “Please Enter Valid UserName and Password”;
}
}
}

  • Setelah itu kita lanju ke Form “Home”
  • Kita buat Tabe lagi seperti yang dilakukan pada Form login, bedanya pada form ini kita buat tabel sedikit aga besar seukuran full Screen.. kemudia blok Baris ke 1 kolom 1, 2, dan tiga kemudian klik kanan pilih Modify lalu pilih Marge cell.  Kemudian ketikan  “SELAMAT DATANG” dan tambahkan Lable pada sampin Text “Selamat Datang” dan pada properties kita ubah Text’y jadi “HomePage” Ubah warna table’y dengan cara : klik pada table yang akan dirubah warna’y pilih style pada properties lalu akan tampil seperti gambar dibawah ini :

Ubahwr

Modif war

  • Tekan okk…
  • Pada Baris 2 kolom ke 1, 2, 3pun sama
  • naaahh, buat kolom 2 dan 3 baris ke 2 kita buat mare cell, sehingga terlihat eperti pada gambar  dibawah.
  • Buat baris ke 4 kita lakukan hal yang sama seperti baris ke 1 dan 2.
  • Copy table yang telah di design ke form yang lain yaitu seperti form Produc, Add Product, Edit Product, View Product, Provider, Add Provier, Edit Provier, View Provider, Costumer, Add Customer, Edit Customer, View Customer.

“Catatan : Copykan di dalam div”

  • Kemudian kitacoba kembali ke Form home, lalu kita tambahkan menu tool TreeView Pada pilihan Navigator

Untitled

lk

  • Setelah itu klik pada panah yang ada pada menu TreeView lalu Edit Nodes dan pilih menu Add a Root Node ganti Text dengan Product lalu piih Add a Child Node dan buat 3 child node dan rubah juga dengan Add Product, View Product, Edit Product.

ff

  • Setelah selesai klik pada Add Product’y lalu pilih NevigateUrl Sesuaikan dengan Varigasi yang akan di tampilkannya, seperti pada gambar dibawah ini.

sd

  • Setelah itu Save kembali pekerjaan anda, lalu kita klik kanan pada form yang ada di Solution Explorer Login Klik View In Browser.

sd

  • Kita lanjut kita klik kanan pada project kita seperti pada pelajaran pertama tadi di atas. namun sekarang kita pilih sitemap seperti pada gambar di bawah nie…

Addd

Site

  • Kemudian kita pilih Add..
  • Setelah itu kita masukan Syntax dibawah ini :

cod

  • Setelah itu kita masuk lagi ke design Home.
  • Pada Table kolom ke 1 baris ke 2 Kita tambahkan Komponen TreeView Seperti pada gambar  di bawah

home

  • Kemudian kita drag ke Kolom 1 baris ke 2 seperti pada gambar dibawah ini.

Untitled

  • Kemudian pada Komponen yang telah di drag tadi ada panah yang menjunjuk ke kanan kita klik panah tersebut, maka akan ada tampilan seperti gambar dibawah ini.

kliklk

  • Maka kita pilih choose data Sourse
  • Lalu pada gmbar di bawah’y lagi ada <New data source…>, setelah kita pilih itu, nanti akan ada tampilan seperti gambar dibawah ini.

m

new

sit

  • Setelah itu kita pilih SiteMap, lalu tekan “OK”, maka tampilan akan menjadi seperti ini.
  • Kemudian kita blok seperti pada gambar dibawah.

x

  • Kita copy, kemudian paste pada semua table Kolom ke 1 baris ke 3 seperti pada form “Home”
  • Setelah tercopy design ke form yang lain yaitu seperti form Produce, Add Product, Edit Product, View Product, Provider, Add Provier, Edit Provier, View Provider, Costumer, Add Customer, Edit Customer, View Customer.
  • Kemudian 1 koding terakhir kita hanya menambahkan komponen pada Baris 2 kolom ke 1 seperti gambar dibawah ini

11

  • Maka hasilnya akan seperti gambar dibawahini :

11

  • Kita copy, kemudian paste pada semua table Kolom ke 1 baris ke 3 seperti pada form “Home”
  • Setelah tercopy design ke form yang lain yaitu seperti form Produce, Add Product, Edit Product, View Product, Provider, Add Provier, Edit Provier, View Provider, Costumer, Add Customer, Edit Customer, View Customer.
  • Setelah di Run kita lihat hasil’yseperti gambar” Di bawah ini.
  1. Form Login

log

2.  Form Home

hom

3. Form Product

product

        4. Form Cusomers

customer

             5. Form Profider

provid

Source Code Menentukan Sebuah Bilangan Prima atau Bukan

Published 06/12/2012 by onpumooirahayu

Under_Construction_Computer

  • Syntax HTML

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt;

<html>

 

<head>

<title>:: Bilangan Prima ::</title>

<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″ />

<meta name=”generator” content=”HAPedit 3.1″>

</head>

<body bgcolor=”#B0E0E6″>

<form action=”” method=”post”>

<tr>

<td size =10>.::SOAL NO1::.</td> <br>

</tr>

<tr>

<td size=5> ~Buatlah Program PHP Untuk Menentukan Apakah Sebuah Bilangan Termasuk Bilangan Prima atau Bukan~</td><br>

</tr>

<tr>

<td size=5><hr width=”100%” align=”left” color=”#800080″></td><br> <br> <br>

</tr>

<table width=”100%” border=”0″ cellspacing=”0″ cellpadding =”0″>

<tr>

<td width=”15%”> ~Masukan Bilangan~</td>

<td width=”2%”>:</td>

<td width=”83%”><input type =”text” name =”tes”/></td>

</tr>

<tr>

<td colspan =”3″><input type =”submit” value=”:: Hitung Bilangan ::” name=”tombol” /></td>

</tr>

</form>

 

<?php

if($_POST [‘tes’].=””)

{

$a=$_POST [‘tes’];

$d=”$a Adalah Bilangan Prima”;

for($c=2; $c<=$a-1; $c++)

{

if (($a % $c)== 0)

{

$d =”$a Bukan Bilangna Prima”;

break;

}

}

echo $d;

}

?>

echo “<hr />\n”.

“HAPedit 3.1.11.111 (Oktober 2012 2:07:22)”;

</body>

</html>

Belajar membuat halaman web dengan HTML

Published 20/09/2012 by onpumooirahayu

  • Tugas

Dengan menggunakan HTML buatlah halaman web mengenai profil data pribadi.

 

  • Syntax HTML

 

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”&gt;

 

<html>

 

<head>

<title>Sans Titre</title>

<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″ />

<meta name=”generator” content=”HAPedit 3.1″>

</head>

<body bgcolor=”#8B008B”>

<table border=”1″ width=”100%” align=”center” >

<tr>

<td width=”70″ height=”70″ align=”center”><img title=”cinderella-rose0″ src=”cinderella-rose0.gif” alt=”cinderella-rose0″ width=”250″ height=”300″></td>

<td width=”50″ height=”50″ align=”center”> <img src=”ayu.jpg” width=”800″ height=”300″> </td>

<td width=”70″ height=”70″ align=”center”><img title=”little-mermaid-ariel” src=”little-mermaid-ariel.gif” alt=”little-mermaid-ariel” width=”250″ height=”300″></td>

</tr>

<table border=”1″ cellpadding=”8″ width=”100%” align=”center”>

<tr>

<td align=”center” >Home</td>

<td align=”center” >Cara Membeli</td>

<td align=”center”” >Cara Pembayaran</td>

<td align=”center” >Cara Pengiriman</td>

<td align=”center” >Artikel Kami</td>

<td align=”center” >Berita</td>

<td align=”center” >FAQ</td>

<td align=”center” >Testimonial</td>

<td align=”center” >Kontak Kami</td>

<td align=”center” >Tentang Kami</td>

</tr>

</table>

<table border=”1″ width=”100%” align=”center”>

<tr>

<td align=”center”  width=”25%”>

<table width =”100%” align=”center” border=”1″>

<tr>

<td>

<b> Pencarian Produk <br>

<input type=”password” name=”nama”size=”30″ maxlength=”15″>

<input type=”reset” name=”Login” value=”Login”> </td>

</tr>

<tr>

<td>

<b> Produk Kami

<ul type=”circle”>

<li>Produk 1</li>

<li>Produk 2</li>

<li>Produk 3</li>

<li>Produk 4</li>

<li>Produk 5</li>

</ul>

</td>

</tr>

<tr>

<td>

<table width=”65%” border=”0″ align=”center”>

<tr>

<td colspan=”2″ bgcolor=”#00BFFF”> <div align=”center”>Login

Password</div></td>

</tr>

<tr bgcolor=”#8B008B”>

<td width=”65%” height=”38″>E-Mail</td>

<td> <input type=”text” name=”user”> </td>

</tr>

<tr>

<td height=”20″>Password</td>

<td> <input type=”password” name=”pswt” > </td>

</tr>

<tr bgcolor=”#FF1493″>

<td colspan=”2″>

<input type=”reset” name=”Login” value=”Login”> </td>

</tr>

 

</table></td>

</tr>

<tr>

<td>

Artikel Kami

<ul type=”circle”>

<li>Artikel 1</li>

<li>Artikel 2</li>

<li>Artikel 3</li>

<li>Artikel 4</li>

<li>Artikel 5</li>

</ul>

 

</td>

</tr>

<tr>

<td>

Berita

<ul type=”circle”>

<li>Berita 1</li>

<li>Berita 2</li>

<li>Berita 3</li>

<li>Berita 4</li>

<li>Berita 5</li>

</ul>

</td>

</tr>

</table>

 

</td>

<td align=”center”  width=”50%” bgcolor = #FAEBD7>Tiga</td>

<td align=”center”  width=”25%”>

<table width =”100%” align=”center” border=”1″>

 

<tr>

<td width=”50″ height=”50″ align=”center”> Keranjang Belanja <br> Keranjang Belanja Anda Masih Kosong   <img src=”planetniaga-727713.jpg” width=”100″ height=”100″> </td>

</tr>

<tr>

<td width=”50″ height=”50″ align=”center”> Vini <br> Disy</td>

</tr>

<tr>

<td width=”40″ height=”40″>  </td>

</tr>

<tr>

<td width=”50″ height=”50″ align=”center”> <img src=”BankCentralAsiaBCA.jpg” width=”180″ height=”70″> <br> <img src=”bank-mandiri-logo1.jpg” width=”180″ height=”60″> <br> <img src=”index.jpg” width=”180″ height=”80″></td>

</tr>

<tr>

<td width=”50″ height=”50″ align=”center”><img src=”jne.jpg” width=”180″ height=”65″> <br> <img src=”wahana-logo.jpg” width=”180″ height=”60″> <br> <img src=”Logo Pos Indonesia (1).jpg” width=”180″ height=”110″></td>

</tr>

</table>

</tr>

</table>

</td>

 

<table border=”0″ cellpadding=”10″ width=”100%” align=”center”>

<tr>

<td width=”50″ height=”50″ align=”center”> <img src=”aaaaaa.jpg” width=”100″ height=”150″> </td>

<td width=”50″ height=”50″ align=”center”> Coptright 2012 – Rahayu LittlePrincess  <br> Powered by Rahayu </td>

<td width=”50″ height=”50″ align=”center”> <img src=”Snapshot_20120823_62.jpg” width=”100″ height=”150″> </td>

</tr>

</table>

 

</table>

 

<hr />

HAPedit 3.1.11.111 (September 2012 14:48:51)

 

</body>

</html>

 

 

 

 

 

 

 

 

 

 

 

  • Hasil Link…

My Family

Published 10/08/2012 by onpumooirahayu

Anugrah terbesar…

Satu kata tak pernah kulupa..
Bersama kita berusaha bersatu menjadi suatu keluarga yang Indah… Damai…
Keluarga kecil namun berarti besar..

Cinta Kalian….. Love U….

Usir Jerawat

Published 30/07/2012 by onpumooirahayu

Saat ini… banyak para remaja yang masih banyak belum tau…. bahwa tanaman-tanaman itu bisa menghasilkan suatu obat untuk segala macam penyakit… Namun kaali ini saya ingin memberikan tips untuk pengusiran jerawat…
Kita langsung aja yaaaa.. kita ikutiinn resep dari nenek moyang…
Kali ini kita gunakan 4 macam bahan dengan beberapa kali cara pemakaian.. kita bisa pilih cara-cara yang menurut kalia mudah, dan cepat… yaitu dengan menggunakan…

  1. Belimbing Wuluh
  2. Daun Meniran dan
  3. Kunyit
    Sooooooo… Tunggu apaaa lagiiiii… ayooo kita cobaaaaa…..

  • Cara ke 1…
    Kali ini kita bisa gunakan bahan dari Belimbing Wuluh.. Cara’y… Kita hanya perlu belimbing wuuh sebanyak 5 buah, kemudian kita remas-remas dengan air garam. Naaahh setelah bercampur kita pakai juga sebagai masker dengan menggosokan ke area muka yang terkena jerawat.
    \
  • Cara ke 2…
    Cara ini dengan kita minum…
    yaitu dengan menggunakan Daun Meniran dan Temulawak…
    Sooo… Kita ambil 7 batang daun meniran Teruusss 10 Potong temulawak yang diiris tipis, dan kita perlu air sebanyak 2 gelas. Semua bahan yang tersedia bisa kita rebus setelah mendidih kita tiriskan, dan jika sudah terasa dingiin… Bisa kita coba minuummm… #Dihabisiiinn yaaa… Heheheee…..

Selamaat mencobaaaaa…
Semoga kulit sahabat” semuanya yang lagi super duper berusaha buat ngusir jerawattnya bisa pakai tips dari aq yaaa….

%d blogger menyukai ini: