Ilmu Kita Bersama

Sabtu, 07 Desember 2013

Tutorial ASP 6

Pada kali ini kita akan membahas praktikum ASP modul 6, yang mencakup tentang Validation Control

1. Pertama buatlah project Bab 3, dengan solution yang sama

2. Setelah itu buatlah web form dengan nama Val Summary

3. Jika sudah inputkan script seperti ini
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ValSummary.aspx.cs" Inherits="Bab3.ValSummary" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Validation Summary</title>
<link href="MyStyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.auto-style3 {
width: 160px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ValidationSummary ID="vsSumm" CssClass="div" runat="server" Width="286px"
ShowMessageBox="true" />
</div> 
<table style="width: 100%;">
<tr><th colspan="3">INPUT DATA DIRI</th></tr>
<tr>
<td class="auto-style1">Username: </td>
<td class="auto-style3">
<asp:TextBox ID="txtUser" runat="server" Width="165px"
Height="30px"></asp:TextBox></td>
<td> <asp:RequiredFieldValidator ID="rfvUser" ControlToValidate="txtUser"
CssClass="RequiredFieldValidator" runat="server"
ErrorMessage="Username Wajib Diisi"
Text="<img width=40 src='warning.png' class='center'/> Username Wajib Diisi" />
</td>
</tr>
<tr>
<td class="auto-style1">Password: </td>
<td class="auto-style3">
<asp:TextBox TextMode="Password" ID="txtPass" runat="server" Width="165px"
Height="30px"></asp:TextBox></td>
<td> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txtPass"
CssClass="RequiredFieldValidator" runat="server"
ErrorMessage="Password Wajib Diisi"
Text="<img width=40 src='warning.png' class='center'/> Password Wajib Diisi" />
</td>
</tr>
<tr>
<td class="auto-style1">Umur: </td>
<td class="auto-style3">
<asp:TextBox ID="txtUmur" runat="server" Width="165px"
Height="30px"></asp:TextBox></td>
<td> <asp:RangeValidator ID="RangeValidator1" ControlToValidate="txtUmur"
CssClass="RequiredFieldValidator" runat="server"
ErrorMessage="Range Umur 17-99 tahun" MinimumValue="17"
MaximumValue="99" Type="Integer"
Text="<img width=40 src='warning.png' class='center'/> Range Umur 17-99 tahun" />
</td>
</tr>
</table>
 
<asp:Button ID="KIRIM" runat="server" Text="Buton" Height="36px" Width="145px" />
</form>
</body>
</html>

4. Setelah itu tambahkan stylesheet (css) dengan nama MyStyle.css

5. Isikan stylesheet dengan script berikut

body {

text-align: center;

vertical-align: central;

}

.div {

margin: 0px auto;

text-align: left;

padding: 15px;

border: 1px dashed #333;

background-color: #ffd800;

}

table {

color: #333; /*warna font*/

font-family: Harrington, Arial, sans-serif;

width: 510px;

border-collapse: collapse;

border-spacing: 0;

margin-right: 49px;

text-align: left;

}

td, th {

border: 1px solid #CCC;

height: 30px;

transition: all 0.3s; /*hover efek*/

}

th {

background: #F3F3F3;

font-weight: bold;

text-align: center;

}

td {

background: #FAFAFA;

vertical-align: central;

}

.td {

text-align: center;

}

tr td:hover {

background: #666;

color: #FFF;

}

/*hover sel efek*/

TEXTAREA, INPUT[type="text"] {

font-family: Tahoma, Arial, sans-serif;

font-size: 14px;

color: #808080;

padding: 3px;

background: #EEEfff;

border-left: solid 1px #c1c1c1;

border-top: solid 1px #cfcfcf;

border-right: solid 1px #cfcfcf;

border-bottom: solid 1px #6f6f6f;

}

INPUT[type="text"]:focus, INPUT[type="text"]:active {

border-color: #646464;

background-color: #ffcf03;

}

.rfv {

color: red;

}

.rfv:hover {

color: white;

}

.center {

vertical-align: top;

}

6. Jika sudah tinggal Run program dengan Ctrl+f5, dan akan muncul result tampilan berikut di browser

Catatan:

- Range Umur adalah 17-99

- Semua Form wajib diisi

7. Jika data yang diinputkan tidak lengkap maka akan muncul notif seperti ini

8. Jika Range umur kurang dari 17 maka akan muncul notif seperti ini

Tutorial ASP 5

18.40 Web Programming No comments

Pada kali ini kita akan mengerjakan praktikum ASP modul 5 yang membahas tentang Control Event pada Server Control

1. Pertama buatlah project Bab 2 dengan Solution yang sama

2. Setelah itu tambahkanlah web form dengan nama Tugas

3. Inputkan Script seperti berikut
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Tugas.aspx.cs" Inherits="Bab2.Tugas" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.field {
background-color: aqua;
}
.border {
border-color: brown;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="border" border="2">
<tr>
<td rowspan="8"><asp:Image ImageUrl="~/Properties/image.jpeg" runat="server" Width="200px" /></td>
<td class="field" colspan="4"><center>Inputan Biodata</center></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><asp:TextBox ID="txtNama" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<asp:RadioButton ID="rdbtL" runat="server"
Text="L" GroupName="gender" />
<asp:RadioButton ID="rdbtP" runat="server"
Text="P" GroupName="gender" />
</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><asp:TextBox ID="txtComment" runat="server" TextMode="MultiLine"></asp:TextBox></td>
</tr>
<tr>
<td>Cita-Cita</td>
<td>:</td>
<td>
<asp:RadioButton ID="rdlPresiden"
GroupName="cita" Text="Presiden" runat="server" />
 
<asp:RadioButton ID="rdlMenteri"
GroupName="cita" Text="Menteri" runat="server" />
 
<asp:RadioButton ID="rdlLain"
GroupName="cita" Text="Lainnya" runat="server" AutoPostBack="true" OnCheckedChanged="rdlLain_CheckedChanged"/>
 
<asp:Panel ID="pnlLain" runat="server" Visible="false">
<asp:TextBox ID="txtLain" runat="server"/>
</asp:Panel>

</td>
</tr>
<tr>
<td colspan="3"><center><asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" BackColor="SkyBlue" OnClick="btnSubmit_Click" /></center></td>
</tr>
</table>
</div>
<asp:Label ID="lblResult" runat="server"></asp:Label>
</form>
</body>
</html>

4. Setelah itu klik kanan dan pilih View Code, dan tambahkan script ini
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 Tugas : System.Web.UI.Page
{
string Jenis;
string cita;
protected void btnSubmit_Click(object sender, EventArgs e)
{

if (Page.IsValid)
{

lblResult.Text = "Nama Lengkap = " + txtNama.Text + " ";
if (rdbtP.Checked == true)
{
Jenis = "Perempuan";
}
else if (rdbtL.Checked == true)
{
Jenis = "Laki-Laki";
}
lblResult.Text += "Jenis Kelamin = " + Jenis + " ";
lblResult.Text += "Email = " + txtEmail.Text + " ";
lblResult.Text += "Password = " + txtPassword.Text + " ";
lblResult.Text += "Alamat = " + txtComment.Text + " ";

if (rdlPresiden.Checked == true)
{
cita = "Presiden";
}
else if (rdlMenteri.Checked == true)
{
cita = "Menteri";
}
else if (rdlLain.Checked == true)
{
cita = txtLain.Text;
}
lblResult.Text += "Cita-Cita =" + cita + "";
}
}
protected void rdlLain_CheckedChanged(object sender, EventArgs e)
{
if (rdlLain.Checked)
pnlLain.Visible = true;
else
pnlLain.Visible = false;
}
}
}

5. Jika sudah semua kita Run dengan Ctrl+f5, maka akan muncul tampilan seperti ini di browser

6. Jika data yang diinputkan ada yang kosong, maka result akan menampilkan data kosong

7. Namun jika data lengkap maka akan menampilkan isi seluruhnya

Sekian tutorial kali ini, semoga bermanfaat...

Tutorial ASP 4

18.01 Web Programming No comments

Pada kali ini kita akan mempelajari ASP pada modul 4, materi yang akan dipelajari mencakup Design and Validation Form.

1. Pertama buatlah project yang bernama FormVal

2. Setelah itu maka akan muncul Form kosong seperti ini

3. Klik kanan pada Form dan pilih view code

4. Inputkan source code seperti ini

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 textBox2_TextChanged(object sender, EventArgs e)
{
}
private void Form1_Load(object sender, EventArgs e)
{
}
private void bar1_Click(object sender, EventArgs e)
{
}

private void button1_Click(object sender, EventArgs e)
{
bar1.Value = 0;
if (a.Text == "")
{
x.SetError(a, "Masukan Nama");
}
else
{
x.SetError(a, "");
}
int angka;
if (b.Text == "")
{
x1.SetError(b, "Masukan NIS");
}
else if(!int.TryParse(b.Text, out angka))
{
x1.SetError(b, "NIS Harus Berisi Angka");
}
else
{
x1.SetError(b, "");
}

if (c.Text == "")
{
x2.SetError(c, "Masukan Kelas");
}
else
{
x2.SetError(c, "");
}

if (d.Text == "")
{
x3.SetError(d, "Masukan SMP Asal");
}
else
{
x3.SetError(d, "");
}
for (int i = 0; i < bar1.Maximum; i++)
{
bar1.Value++;
}
if (a.Text == "" && b.Text == "" && c.Text == "" && d.Text == "")
{
MessageBox.Show("Anda belum mengisi sama sekali");
}
else if (a.Text == "" || b.Text == "" || c.Text == "" || d.Text == "")
{
MessageBox.Show("Mohon mengisi bagian yang kosong");
}

else
{
MessageBox.Show("\nNama\t : " + a.Text + "\nNIM\t : " + b.Text + "\nKelas\t : " + c.Text + "\nSMP\t : " + d.Text);
}
}
}
}

5. Kemudian design form sesuka kalian

6. Jika sudah, kita bisa meRunning program dengan Ctrl+f5

7. Apabila data yang diinputkan tidak lengkap, maka akan muncul notif seperti ini

8. Namun jika semua data yang diinputkan lengkap dan valid maka akan muncul result

==> Catatan: Pada TextBox NIS hanya dapat diisi inputan yang bertipe data angka (integer)

Sekian Tutorial kali ini, semoga bermanfaat...

Tutorial ASP 3

21.04 Web Programming No comments

Pada kali ketiga ini saya akan mempraktekan ASP.Net mengenai fungsi pemilihan sekaligus menggabungkan berbagai operator aritmatika.

Script:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace VolumeBendaRuang
{
class Program
{
static void Main(string[] args)
{
z:
Console.WriteLine("-------------------------------------------------------------------");
Console.WriteLine("\nProgram Volume");
Console.Write("1. Volume Balok\n2. Volume Kubus\n3. Volume Kerucut\n4. Biodata Anda\n\n");
Console.Write("-----> Masukan Pilihan: ");
int a = Convert.ToInt16(Console.ReadLine());
switch (a)
{
case 1:
Console.WriteLine("\nProgram Volume Balok");
Console.Write("\nMasukan Panjang Balok: ");
float p = Convert.ToInt16(Console.ReadLine());
Console.Write("\nMasukan Lebar Balok: ");
float l = Convert.ToInt16(Console.ReadLine());
Console.Write("\nMasukan Tinggi Balok: ");
float t = Convert.ToInt16(Console.ReadLine());
float vb = p * l * t;
Console.Write("Volume Balok: {0}",vb);
Console.ReadLine();
goto z;

case 2:
Console.WriteLine("\nProgram Volume Kubus");
Console.Write("\nMasukan Sisi: ");
float s = Convert.ToSingle(Console.ReadLine());
float vk = s*s*s;
Console.Write("Volume Kubus: {0}",vk);
Console.ReadLine();
goto z;

case 3:
Console.WriteLine("\nProgram Volume Kerucut");
float phi = 3.14f;
Console.Write("Masukan Jari-Jari Kerucut: ");
float r = Convert.ToSingle(Console.ReadLine());
Console.Write("Masukan Tinggi Kerucut: ");
float tk = Convert.ToSingle(Console.ReadLine());
float vkr = phi*tk*r;
Console.Write("Volume Kerucut: {0}",vkr);
Console.ReadLine();
goto z;

case 4:
Console.WriteLine("\nBiodata Anda");
Console.WriteLine("\n-------------");
string nama, kelas, sekolah, hobby, agama;
Console.Write("Masukan Nama Anda\t: ");
nama = Console.ReadLine();
Console.Write("Masukan Kelas Anda\t: ");
kelas = Console.ReadLine();
Console.Write("Masukan Sekolah Anda\t: ");
sekolah = Console.ReadLine();
Console.Write("Masukan Hobby Anda\t: ");
hobby = Console.ReadLine();
Console.Write("Masukan Agama Anda\t: ");
agama = Console.ReadLine();
Console.WriteLine("\nNama\t\t= {0} \nKelas\t\t= {1} \nSekolah\t\t= {2} \nHobby\t\t= {3} \nAgama\t\t= {4}", nama, kelas, sekolah, hobby, agama);
goto z;
}
}
}

}

Output:

Sekian, Semoga Bermanfaat.........

Tutorial ASP 2

01.37 Web Programming No comments

Pada tutorial ASP.NET yang kedua kali ini saya akan mempraktekan materi operator Aritmatika, Variable dan Tipe Data.

Operator Aritmatika

Script:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace PraktikumCSharp2
{
class Program
{
static void Main(string[] args)
{
float r, keliling; //variabel yang akan digunakan
const float pi = 3.14F; //memberikan nilai pada konstanta phi
r = 7;
keliling = 4 * pi * r;
Console.WriteLine("Keliling Lingkaran= {0}", +keliling); //menampilkan output
}
}
}

Output:

Input Output (menggunakan tryParse)

setelah itu buatlah New Project pada Solution yang sama dengan PraktikCSharp2, lalu beri nama InputOutput.

Isikan script seperti ini~

Script:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace InputOutput

{

class Program

{

static void Main(string[] args)

{

string nale, napa, temp, smp, alamat, cita, agama, hobi;

int bb, tb;

string input;

Console.Write("Masukan Nama Lengkap Anda\t: ");

nale= Console.ReadLine();

Console.Write("Masukan Nama Panggilan Anda\t: ");

napa = Console.ReadLine();

Console.Write("Masukan Tempat Lahir Anda\t: ");

temp = Console.ReadLine();

Console.Write("Masukan Asal SMP Anda\t\t: ");

smp = Console.ReadLine();

Console.Write("Masukan Alamat Anda\t\t: ");

alamat = Console.ReadLine();

Console.Write("Masukan Tinggi Anda\t\t: ");

input = Console.ReadLine();

int.TryParse(input, out tb);

Console.Write("Masukan Berat Anda\t\t: ");

input = Console.ReadLine();

int.TryParse(input, out bb);

Console.Write("Masukan Cita-Cita Anda\t\t: ");

cita = Console.ReadLine();

Console.Write("Masukan Agama Anda\t\t: ");

agama = Console.ReadLine();

Console.Write("Masukan Hobi Anda\t\t: ");

hobi = Console.ReadLine();

Console.WriteLine("------------------------------------------------------");

Console.WriteLine("\n\nNama Lengkap\t= {0} \nNama Panggilan\t= {1} \nTempat Lahir\t= {2} \nAsal SMP\t= {3} \nAlamat\t\t= {4} \nTinggi\t\t= {5} \nBerat\t\t= {6} \nCita-Cita\t= {7} \nAgama\t\t= {8} \nHobby\t\t= {9}",

nale, napa, temp, smp, alamat, tb, bb, cita, agama, hobi);

}

Output:

~Catatan~

Apabila dalam solution yang sama terdapat beberapa Project, cara untuk memilihnya adalah Klik kanan pada Solution -> Properties. lalu setting project yang akan di Run.

Selesai, semoga bermanfaat....

Latihan PHP 3

22.13 Web Programming No comments

Pada kali ini saya akan menjelaskan mengenai praktek mengenai pengisian biodata menggunakan Array dengan 1 variabel.

Script:

<?php
Header('Content-type: text/plain');
$nama[0]="Dimicko Asghary";
$nama[1]="Miko";
$kelas="XI RPL 4";
$jarak=100;
$umur=16.00;

define("SEKOLAH","SMK Telkom Sandhy Putra Malang");
define("SAKU","300.000,00");
$saku=(int) SAKU;

print("Resume Data Diri");
printf("\nNama Lengkap saya %s adalah siswa \"%s\"",$nama[0],SEKOLAH);
printf("\nNama Panggilan \t\t: %s",$nama[1]);
printf("\nUmur \t\t\t: %d tahun", $umur);
printf("\nKelas (2013) \t\t: %s",$kelas);
printf("\nUang Saku (perbulan)\t: Rp.%d,- ",$saku);
printf("\nJarak sekolah dengan tempat tinggal saya adalah %f meter lumayan ", $jarak);

($jarak>500) ? print('JAUH') : print ('DEKAT');
echo (" untuk saya");
printf("\nDengan uang saku Rp.".SAKU." Alhamdulillah ");
($saku<500) ? print "CUKUP": print "SISA-nya saya tabung";
?>

Output:

Latihan PHP 2

19.42 Web Programming No comments

Pada Kali ini saya akan memberi Script untuk membuat Biodata pada PHP menggunakan fungsi Variabel.

Script:

<?php
//Variabel yang tertera
$namle='Dimicko Asghary';
$nampa='Miko';
$ttl='Sidoarjo, 02 Agustus 1997';
$umur=16;
$asal='SMPN 1 Kupang';
$ala='Jl.Danau Maninjau 3 G2F/11';
$tb='172/65';
$cc='Manager';
$aga='Islam';
$hob="Wisata Kuliner";

/* Menampilkan Output */
echo " Hello my name is Dimicko Asghary ";
?>
 
<?php echo "Data Diri"; ?>
<html>
<head>
<body>
 
<table border="0">
<tr>
<td> <?php echo "      Nama Lengkap"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $namle"; ?> </td>
<td rowspan="10">

<img src="Dimicko.JPG" width="150" height="220">

</td>
</tr>
<tr>
<td> <?php echo "      Nama Panggilan"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $nampa"; ?> </td>
</tr>
<tr>
<td> <?php echo "      Tempat, Tanggal Lahir"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $ttl"; ?> </td>
</tr>
<tr>
<td> <?php echo "      Umur"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php printf ("      %.0f", $umur); ?> </td>
</tr>
<tr>
<td> <?php echo "      Asal SMP"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $asal"; ?> </td>
</tr>
<tr>
<td> <?php echo "      Alamat"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $ala"; ?> </td>
</tr>
<tr>
<td> <?php echo "      Tinggi/Berat"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php printf ("      %s", $tb); ?> </td>
</tr>
<tr>
<td> <?php echo "      Cita-Cita"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $cc"; ?> </td>
</tr>
<tr>
<td> <?php echo "      Agama"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $aga"; ?> </td>
</tr>
<tr>
<td> <?php echo "      Hobby"; ?> </td>
<td> <?php echo "      :"; ?> </td>
<td> <?php echo "      $hob"; ?> </td>
</tr>
</table>
# Akhir Program
</body>
</html>

Output/Hasil

Sekian, Semoga Bermanfaat.........

Ilmu Kita Bersama

Programming

Sistem Telekomunikasi

Web Programming

Multimedia

About This Blog

Sabtu, 07 Desember 2013

Tutorial ASP 6

Tutorial ASP 5

Tutorial ASP 4

Minggu, 08 September 2013

Tutorial ASP 3

Tutorial ASP 2

Minggu, 01 September 2013

Latihan PHP 3

Sabtu, 24 Agustus 2013

Latihan PHP 2

Label

Arsip Blog

About Author

Anda Visitor Ke

Categories

Introduction

Referensi yang harus ditambahkan

Pages

Follow Me

Sabtu, 07 Desember 2013

Minggu, 08 September 2013

Minggu, 01 September 2013

Sabtu, 24 Agustus 2013

Social Profiles

Label

Arsip Blog

About Author

Anda Visitor Ke

Categories

Introduction

Referensi yang harus ditambahkan

Pages

Follow Me