"'..~... ~i.~:\Llo.\";'j.~L~'-'!..l.oi.h: . '." J"I.~ ,_., . .~..;_,}"..:.,."__ , i;.bdJ:''>~'''J;':1.~~". LAMPIRAN CASE STUDIES 1: SIMPLE REGISTRATION Pada sesi ini kila akan membual latihan unluk sualu permasalahan yang akan dipecahkan secara programming menggunakan Casililas dari web conlrol. Unluk kasus kali ini kami akan menampilkan bagaimana membual suatu Corm registrasi. Form registrasi ini mengenai registrasi sederhana kursus atau workshop di Lepkom Universilas Gunadarma, terdiri dari field-field nama, tempat dan tanggal lahir, alamal, telepon, dan kontol pemilihan suatu field yaitu kursus alau workshop, dan matcri kursus atau workshop yang akan diambil. Adapun rancangan lnput-Oulpulnya adalah scperti pada gambar 2.3, yaitu: Maim unluk langkah selanjumya, anda melobuat kode prograrnnya dclam editor dengan ekstensi file *.aspx disini file diberi nama casestudies.aspx, disimpan dalam direktori latihanl pada direk.-torivirtual wwwrool Untuk melihat hasil atau 32 Nama Lmg\<ap I T o:npa1 Lahir I-Sdcct ..:J Tanggal. Lahir I BulanLahir I-sdect .:::J Tahun Lahir I AIarm1 \I Kota I-sdect .:::J Tclcpon I Registrasi Untuk : r. Kursus r Workshop Malcri Kursus I-sel.ect ..:J Submit J Reset Gambar 3.3 Rancang va Rcgistrasi
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
"'..~... ~i.~:\Llo.\";'j.~L~'-'!..l.oi.h: . '." J"I.~ ,_., . .~..;_,}"..:.,."__ , i;.bdJ:''>~'''J;':1.~~".
LAMPIRAN
CASE STUDIES 1 : SIMPLE REGISTRATION
Pada sesi ini kila akan membual latihan unluk sualu permasalahan yang
akan dipecahkan secara programming menggunakan Casililas dari web conlrol.
Unluk kasus kali ini kami akan menampilkan bagaimana membual suatu Corm
registrasi.
Form registrasi ini mengenai registrasi sederhana kursus atau workshop di
Lepkom Universilas Gunadarma, terdiri dari field-field nama, tempat dan tanggal
lahir, alamal, telepon, dan kontol pemilihan suatu field yaitu kursus alau
workshop, dan matcri kursus atau workshop yang akan diambil.
Adapun rancangan lnput-Oulpulnya adalah scperti pada gambar 2.3, yaitu:
Maim unluk langkah selanjumya, anda melobuat kode prograrnnya dclam editor
dengan ekstensi file *.aspx disini file diberi nama casestudies.aspx, disimpan
dalam direktori latihanl pada direk.-torivirtual wwwrool Untuk melihat hasil atau
32
Nama Lmg\<ap IT o:npa1 Lahir I-Sdcct ..:J
Tanggal. Lahir IBulanLahir I-sdect .:::J
Tahun Lahir IAIarm1 \IKota I-sdect .:::J
Tclcpon I
Registrasi Untuk :
r. Kursus
r Workshop
Malcri Kursus I-sel.ect ..:J
Submit J Reset
Gambar 3.3 Rancang va Rcgistrasi
;...1-..lu.;;.~--".ri..;;.~.-.::";'r,{,"'. . :"' 1 .~_~ L"':"..io(L~"~-
output dari casestudies.aspx, anda buka browser internet explorer dengan alamat
hUIJ://localhostilalihanIlcasesludics.aslJx.
Hasil output pada browser dapat anda lihat pada gambar 3.1, yaitu:
Registrasi Kursus/workshop
Lepkom Universitas Gunadarma
Nama Lcnokap ..
Tempat Lahir
Tgi Lahlr
Bulan Lahir
T ehun Lahlr
rKr.n!JhlO f-itmura
IJakarta .=J
J15
IJanua. .=J
11!J11
J 10. Angqur IIccah No. 7"1RT.Ol/09Alamat
.:JKot/)
TeleponReglstrasl untuk:(" KursustoWorkshopMaterl Kursus/Workshop
Subm~ I Rase! ITp.rimn Knsih nlns rp(lislrl1';i ;v'rl.,
IJakarta .=J
1021-4223212
ralginning ASP.NET..oth C#
I! I ~IJJC""'r_
Gambar 3.4 Output Rcgistrasi Kursus
Untuk Kode Programnya anda dapat Iihat sebagai berikut :
<hlml><head><script languagc="C#"runat="scrvcr">void SubmitBtn_Click(objcctSource,EvcntArgse) {if(lxtnama.Texl = "") {
labclMcssugc.Tcxl="Ficldnama kosong.";}else {
labclMessage.Text="Tcrima Kasih alas rcgistrasi anda";}
}void RcsetBtn_Cliek(objccl Source, EvcntArgs e) {
lxlnama. Texl = "";lxllg1.Texl= "";lxttlm. Text= "";lxltlp.Tc":l= "";labcIMcssagc.TeJ\.1="";
33
,,0 : ....-...
<lscripl><Jhcad><body><tille>Rcgistrasi LEPKOM Univcrsitas Gunadanna<ltiUe><font face ="vcrdana">
4I3>Rcgistrasi KW'SUSIworkshop<lh3><h3>Lcpkom Univcrsitas Gunadanna<lh3>
<fonn runat="scrvcr"><table><tr>
<td>Nama Lcngkap -<ltd><td>
<ASP:TEXl130X ID="tx1nama" TEXTMODE="SinglcLinc" TEXT="" widU\="250"RUNAT="Scrvcr"1>
<ltd><ltr>
<tr>
<td>Tcmpnt Lahir<ltd><td><SELECT ID="sclccW" RUNA T="scrvcr">
<option>-Sclcct-<loplion><option>Aceh<loption><option>Mcdan<loption><option>Padang <loplion><option>Bcngkulu<loption><option>Riau<loption><option> Jambi <loption><option>Palcmbang<loption><option>LamplU1g<loption><option> Jakarta<loption><option>Bandung<loption><option> Yogyakarta<l option><option>Surnbaya<loption><option>Solo<loption><option>Madura<loption><option>Bali<loption><option>othcr... <loption>
<lSELECT><ltd><ltr><tr>
<td>Tgl Lnhir<ltd><td>
<ASP:TEXTBOX ID="txttgl" TEXTMODE="SinglcLinc" TEXT="" WIDTH="20px"RUNA T="Scrvcr"1>
<ltd><l1r>
<td>Bulan Lahir<ltd><td><SELECT ID="sclcctbIn" RUN AT="scrvcr">
<option>-Sclcct<loption><option> Januari<loption><option>Februari<loption><option>Maret<loption><option> April<loption><option>Mci<loption>
34
;~:'-'I~LWJ., ..-:;;'~:".H_..",.'~:1.:I;':::i.''''';~':';~J.~ '" .-- . .~..";~ ...H ~.L,,-. .
<option> Juni<loplion><option>Ju1i</oplion><option>Aguslus<loplion><oplion>Scplcmbcr<loplion><option>Oklobcr<loplion><oplion>Novembcr<loplion><oplion>Dcscmbcr<loplion>
<lSELECl><lld><l1r><Ir>
<ld>Tahun Lahir<lld><ld>
<ASP:TI~XmOX ID="lxlUm" TEXIMODE="SinglcLinc" TEXT="" WmTII="40px"RUNA T="Scrvcr"/>
<lld><lId><l1r><lr><td>Alamal<lld><ld><mXTAREA ID="lcxlnrcaalm" COLS="30" ROWS="4" RUNAT="Scrvcr" I><lld>
<l1r><tr><td>Kola<lld><ld><SELECT JD="sclcclkola" RUNAT="sc.:rvcr">
<option>-Sclccl-</optioo><oplion>Acch<loplion><oplion>Mcdan<loption><oplion>Padang<loplion><option>Bcngkulu</oplion><oplion>Riau</oplion><option>Jambi<loption><oplion>Palcmbang</oplion><option>Larnpung</oplion><option>Jakarta<loption><option>Bandung</option><oplion> Yogyakarta</oplion><option>Swabaya<loplion><oplion>Solo<loplion><oplion>Madura</oplion><oplion>Bali<loption><option>othcr... <loption>
<lSELECl><lld><III><II>
<td>Tclcpon<lld><ld>
<ASP:TEXmOX. ID="txttIp" TEX1MODE="SingleLinc" TEXT="" WIDTII="15Opx"RUNAT="Scrvcr"/>
</td><III>
<lr>
35
: _..,-~:.~ ...:......i:..:.'\..~.",.~..:.:.:...:J.~,""",,'J;," -'_' .._'. ...~_.A_-.: ;._.,_L i~.:J..!,. ,.:...; ...:.._,.; '-.1.... t;...
<td>Rcgistrasiunluk:</ld><ltr><tr><td><INPtIT TYPE="Radio"ID="radiokursus"NAME="rcgislcr"RUNAT="Scrvcr"I>Kursus<BR><INPUT TYPE="Radio" ID="mdioworkshop" NAME="rcgislcr"
RUNA T="Scrvl."T"I>Workshop<BR><lld>
<ltr><tr><td>Malcri KursuslWorkshop</ld><td><SELECT ID="sclcclk"UrSUS"RUNAT="scrvcr">
<oplion>-Sclccl-<loption><oplion>lntroduclion To VI3<1oplion><option>lntroduclion To Pronlpagc<loption><Oplion>lntroduction To Dclphi<loption><oplion>l3cginning VI3.NET<loption><Oplion>l3cginning ASP.NET with C"</option><Oplion>Bcginning ASP.NET with Vl3SCRIPT</oplion><oplion>ASP.NET ADV ANCE<loption><oplion>VB.NET ADV ANCE<loplion><oplion>VI3 With DataBasc<loption><option>VB.NET With DalnDasc<loplion><oplion>ASP.NET WIlli DalaBasc<loplion><oplion>Hardwarc Nctworking<loplion><option>How To Citrix MctaFramc</option><oplion>Il3M AS/400<10plion><oplion>Lolus Nolcs<loplion><option>othcr... <loption>
<lSELEC'I><lld><ltr><tr><ld>
<INPtIT TYPE="Submit" VALUE="Submil" OnScrvcrClick="SubmiU3tn_ Click"RUNA T="Scrvcr"><ASP:BUTTON OnClick="RcsclBtn_Click" TEXT="Rcscl" RUNA T="Scrvcr"1></ld>
<ltr><tr><ld>
<ASP:LABEL ID="labclMcssagc" stylc="color:rcd" RUNA T="Scrvcr"1><lld><ltr><llablc><lfonn></FOND</BODY><IHTMI>
Tugas!
Sctclah anda membuat aplikasi registrasi scderhana dengan menggunakan WebServer Control dimana datanya bclum menggunakan database (akan ada scsi sendiriuntuk database). sckarang anda coba buat aplikasi registrasi ini dengan menggunakanHTML Server Control. Sclamat mencoba!
36
Related Documents
