CORETAN TANGAN KU OMPED

Pembuatan Tabel Flexibel Dengan Menggunakan Pemrograman PHP

Posted in Label: PTI478

08.13

Pembuatan tabel fleksibel menggunakan Pemrograman PHP sangatlah penting, kita hanya perlu menggenerate row, coloum, maupun cell yang kita inginkan. Berikut saya akan membahas tentang bagaimana kita membuat program sederhana untuk men-generate sel tabel secara fleksibel. Tekniknya, buat sebuah fungsi yang menerima argumen berupa jumlah sel dan jumlah kolom. Berikut ini adalah script untuk code.php nya dan html nya

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /> <html><br /> <head><br /> <title>Hasil Generate Tabel</title><br /> </head><br /> <body><br /> <div align="center">  <?php $rows = 1; $columns = 1; $cells = 1; ?><br />  <br />   <?php $rows = (int) $_POST["JumlahRow"]; ?><br />   <?php $columns = (int) $_POST["JumlahColum"]; ?><br />   <?php $cells = (int) $_POST["JumlahCell"]; ?><br />  <br />   <strong>Kamu Memilih</strong> <?php echo $rows; ?> <em>rows,</em><br /><br />   <strong>Kamu Memilih</strong> <?php echo $columns; ?> <em>columns,</em><br /><br />   <strong>Dan Anda Membutuhkan</strong> <?php echo $cells; ?> <em>cells,</em><br /><br />   <br /><br />   <br /><br />   <?php     $width = $columns * 75;     echo "<table width=".$width." border=1>";<br />     $rw = 0;<br />     $cel = 1;<br />     while ($rw < $rows && $cel <= $cells)     {         echo "<tr>";<br />         $cl = 0;<br />         while ($cl < $columns)         {             if ($cel <= $cells)             {                 echo "<td><div align=center>".$cel."</div></td>";<br />                 $cel++;<br />             }<br />             $cl++;<br />         }<br />         echo "</tr>";<br />         $rw++;<br />     }<br />     echo "</table>";<br /> ?><br /> </div></body><br /> </html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /> <html><br /> <head><br /> <title>Generate Table with PHP</title><br /> <style type="text/css">  </style><br /> </head><br /> <body><br /> <script language="JavaScript" type="text/javascript">  </script><br /> <form method="post" action="code.php">  <h3 align="center" class="style1">Tabel Flexibel Dengan Generate Tabel</h3>  <div align="center">    <table width="327" border="0" bgcolor=red>      <tr bgcolor="#FFFFCC">         <td width="121" style="text-align:center">Rows</td>               <td width="196"><strong>=  </strong><br />         <input name="JumlahRow" type="text" id="JumlahRow" onKeyUp="getmax();" onfocus="this.select();"></td>             </tr>       <tr bgcolor="#CCFFCC">         <td style="text-align:center"><label>Columns</label></td>         <td><strong>=  </strong><br />         <input name="JumlahColum" type="text" id="JumlahColum" onKeyUp="getmax();" onfocus="this.select();"></td>       </tr>       <tr bgcolor="#FFFFCC">         <td style="text-align:center">Cell Total </td>         <td><strong>=  </strong><br />         <input name="JumlahCell" type="text" id="JumlahCell" onKeyUp="getmax();" onFocus="this.select();"></td>       </tr>       <tr bgcolor="#CCFFCC">         <td style="text-align:center">Max Cells </td>         <td><strong>=  </strong><br />         <input name="maxcells" type="text" id="maxcells" disabled="disabled" style="text-align:center"></td>       </tr>     </table>  </div>  <div id="apDiv1">  <input type="submit" name="Generate" value="G e n e r a t e"><input type="reset" name="Reset" value="R e s e t"><br />   </div></form></body><br /> </html>

Setelah anda memasukkan angka pada tabel tersebut anda klik tombol generate maka tampilannya seperti dibawah ini.

Sampai dsini dulu...sekian dan terimakasih..

Read Users' Comments (1)komentar

Passing by Value dan by Reference

Posted in Label: PTI478

07.15

Pada saat kita membuat fungsi yang mengirimkan parameter, parameter yang kita kirimkan dapat berupa value atau reference. Ada dua tipe data variable passing pada method yang pertama adalah pass-by-value dan yang kedua adalah pass-by-reference.

Jika kita menggunakan konsep pass-by-value maka isi atau nilai dari variable yang ada di parameter main akan di copy ke parameter dari fungsi pemanggil. Sehingga jika ada perubahan pada parameter pemanggil tidak mengubah parameter main.

Jika kita menggunakan konsep pass-by-reference maka yang di lewatkan bukan nilainya melainkan alamat(reference) dari nilai tertentu yang di lewatkan, jadi jika ada perubahan terhadap nilai oleh fungsi pemanggil maka nilai pada parameter main pun ikut berubah.

http://nagasakti.mervpolis.com

Read Users' Comments (0)

Kalkulator Dengan Java Script

Posted in

22.34

Kalkulator Sederhana

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<br />
<html><br />
<br />
<head><br />
<br />
<title>Kalkulator Sederhana</title><br />
<br />
</head><br />
<br />
<body><br />
<br />
<script language="JavaScript" type="text/javascript">

<!--

function hitung(){

var myForm = document.form1;

var x=eval(myForm.x.value);

var y=eval(myForm.y.value);

var pil= myForm.opt.value;

if (pil == "tambah") {

var z = x + y;

}else if (pil == "kurang") {

var z = x - y;

} else if (pil == "kali") {

var z = x * y;

} else if (pil == "bagi") {

var z = x / y;

}

myForm.hasil.value = z;

myForm.x.value = "";

myForm.y.value = "";

}

function resetForm(){

document.form1.reset();

}

//-->

</script><br />
<br />
<form name="form1" action="#"><br />
<input type="text" name="x" /><br />
<br />
<select name="opt"><br />
<br />
<option value="tambah"> + </option><br />
<br />
<option value="kurang"> - </option><br />
<br />
<option value="kali"> * </option><br />
<br />
<option value="bagi"> / </option><br />
<br />
</select><br />
<br />
<input type="text" name="y" /><br />
<br />
<input type="button" value="=" onClick="hitung()" /><br />
<br />
<input type="text" name="hasil" disabled="true" /><br />
<br />
<input type="button" value="CLEAR" onClick="resetForm()" /><br />
<br />
</form><br />
</body><br />
<br />
</html>

Read Users' Comments (0)

Desain Layout Dengan Menggunakan CSS Dengan Animasi

Posted in

23.53

Ini adalah hasil dari pengunaan CSS pada pembuatan desain wab sederhana. Bila ingin membuat web seperti ini anda haru mengcopy CSS script pada postingan seblum postingan ini. Semoga dapat dipelajari.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <br /> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><br /> <br /> <head><br /> <br />   <title>desain dengan CSS</title><br /> <br />   <link type="text/css" rel="stylesheet" href="layout2.css" /><br /> <br /> </head><br /> <br />  <br /> <br /> <body><br /> <br /> <div id="wrapper"><br />   <div id="header"><br />       <div id="header-content"><br />         <div id="menu-top"><br />         Home | Link | Contact | RSS | About Us<br /> <br />         </div><br />         <div id="logo"><br />             <img src="um.jpg" width="50"/><br /> <br />         </div><br />         <div id="site-title"><br />             <h2>TEKNIK ELEKTRO</h2><br />         </div><br />         <div id="search"><br />             Search : <input name="q" size="20" type="text"/><br /> <br />         </div><br />     </div><br />   </div><br />   <br /> <br />   <div id="inner"><br />     <div id="sidebar"><br />       <div id="leftmenu"><br />         <ul>           <li><a href="#">Home</a></li>            <li><a href="#">News</a></li>            <li><a href="#">Himpunan</a></li>            <li><a href="#">Informasi Akademik</a></li>            <li><a href="#">New Software</a></li>          </ul><br />       </div><br />     </div><br />     <div id="content"><br />       <div id="content-top"><br />  <br /> <br />       </div><br />       <div id="content-main"><br />         <h3>Pengertian Dari Organisasi</h3><br />         <hr /><br />         <p class="style1"><br />         1.Prof Dr. Sondang P. Siagian, mendefinisikan “ organisasi  ialah setiap bentuk persekutuan antara dua orang atau lebih yang bekerja bersama serta secara formal terikat dalam rangka pencapaian suatu tujuan yang telah ditentukan dalam ikatan yang mana terdapat seseorang / beberapa orang yang disebut atasan dan seorang / sekelompok orang yang disebut dengan bawahan.”<br />   2.Drs. Malayu S.P Hasibuan mengatakan “organisasi ialah suatu sistem perserikatan formal, berstruktur dan terkoordinasi dari sekelompok yang bekerja sama dalam mencapai tujuan tertentu. Organisasi hanya merupakan alat dan wadah saja.”<br />   3. Prof. Dr. Mr Pradjudi Armosudiro mengatakan “organisasi adalah struktur pembagian kerja dan struktur tata hubungan kerja antara sekelompok orang pemegang posisi yang bekerjasama secara tertentu untuk bersama-sama mencapai tujuan tertentu.  <br /> <br />         <p><br />        Saptu, 13 Januari 2009<br />       </div><br />       <div id="content-right"><br />         <h3>Headline News</h3><br />             <ul>                 <li><a href="#">UM Diperingkat 6 Webomatrik</a></li>                  <li><a href="#">Kekuatan Pada Jurusan Teknik Elektro</a></li>                  <li><a href="#">Dosen Jurusan Elektro Hebat</a></li>                  <li><a href="#">Keunggulan Dari Pendidikan Teknik Informatika</a></li>              </ul><br />         </div><br />       </div><br />   </div><br />   <div id="footer"><br />   <br /><br /> <br />   <p><b>© Teknik Elektro | Universitas Negeri Malang | 2010 |.</b></p><br />   </div><br /> </div><br /> </body>

Read Users' Comments (0)

Desain Layout Dengan Menggunakan CSS

Posted in

21.46

Cascading style sheet (CSS) merupakan alat bantu coding html, CSS ini sangat membantu kita dalam membangun web yang menuju lebih baik, dan tentunya cepat dalam prosesnya, didalam css sendiri menguraikan tiga jenis style yang biasa digunakan yaitu yang pertama Embedded (Pengelompokan html dalam 1 blok), yang kedua. Inline ( konsep terapan style secara langsung dalam 1 baris) dan yang ketiga.Linked ( konsep pemanggilan style diluar html menggunakan file berekstensi css).

Dibawah Ini adalah Script untuk menggunakan fasilitas CSS.

* { margin: 0; }

body { margin:5px auto; padding:0; font:0.72em/150% verdana; }

#wrapper { margin:auto; width:980px;}

#header { height:80px; margin:0px auto;background:#000;}

#header-content{height:70px; margin:auto; background:#fff url(162.jpg);}

#menu-top { font-size:small; height:20px; float:right; padding:0px 50px; font-weight:bold;}

#logo { float:left; margin:10px 10px 10px 50px; height:50px;}

#site-title h2{ float:left; padding:0px 10px; height:30px; margin:20px 0px; font:2.1em/100% 'Verdana'; font-weight: bold;}

#search { clear:right; float:right; margin:20px 50px 0px auto; height:30px; font-weight:bold;}

#inner { float:left; margin:0px;}

#footer { clear:both; height:60px; background:#FFCC99;}

#footer p { text-align:center;}

#sidebar { float:left; width:200px; height:400px; background-color:#FFCC99}

#content { float:right; width:780px; height:400px; background:#FFF}

#content-top { clear:both; margin:auto; width:700px; height:140px; background-image:url(icons_fullset.jpg)}

#content-main { float:left; margin:auto; width:480px; height:240px;}

#content-main p, h3{ padding: 10px 20px 0px 20px; text-align:justify;}

.style1 {font-size:x-small}

#content-main hr{ width:440px; color:#FF9900; margin: 10px 20px 0px 20px;}

#content-right { float:right; margin:10px auto; width:260px; border: 2px solid green; background:yellow}

#content-right h3{ padding: 10px 20px 0px 20px; text-align:justify;}

#content-right ul{ padding: 10px 20px 20px 40px; list-style:square;}

#leftmenu ul { width:200px; list-style-type:none; padding:0; margin:0;}

#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active { padding-left:15px; text-decoration:none;}

#leftmenu a { padding: 5px 0px 5px 15px; display:block; background:black no-repeat left center; margin: 0px 0px 1px; color:#fff000 }

#leftmenu a:hover { background:#fff000 no-repeat left center; color:#f000f}

Read Users' Comments (0)

Posted in

22.30

Pengertian Perangkat Lunak

* adalah program komputer yang memungkinkan sebuah komputer dapat melakukan sebuah tugas tertentu

* program komputer yang berfungsi sebagai sarana interaksi antara pengguna dan perangkat keras.

* dapat juga dikatakan sebagai ‘penterjemah’ perintah-perintah yang dijalankan pengguna komputer untuk diteruskan ke atau diproses oleh perangkat keras.

Evolusi Perangkat Lunak

* Era Pioner: sambungan-sambungan kabel ke antar bagian dalam komputer. Cara lain dalam mengakses komputer adalah menggunakan punched card yaitu kartu yang di lubangi. (contoh: ENIAC)

* Era Stabil: sistem basis data, yang memisahkan antara program (pemroses) dengan data (yang di proses) dan mampu menyelesaikan banyak pengguna (multi user) secara cepat/langsung (real time).

* Era Mikro: automisasi mengarah ke suatu jenis kecerdasan buatan.

* Era Modern: tingkat kecerdasan semakin meningkat , mulai bisa mengenal suara dan gambar. Contoh Telephon, TV, AC

Proses Perangkat Lunak

Serangkaian kegiatan dan hasil yang berhubungan dengannya, yang menuju pada dihasilkannya produk perangkat lunak.

Model Proses Perangkat Lunak :

A. Model air terjun (waterfall), B. Pengembangan Evolusioner, C. Model Pengembangan SistemFormal

D. Model Pengembangan Berorientasi Pemakaian Ulang (Re-Usable)

REKAYASA PERANGKAT LUNAK

(RPL, atau dalam bahasa Inggris: Software Engineering atau SE) adalah satu bidang profesi yang mendalami cara-cara pengembangan perangkat lunak termasuk pembuatan, pemeliharaan, manajemen organisasi pengembanganan perangkat lunak dan sebagainya.

Ruang Lingkup

Gambar 1.3. Ruang lingkup RPL (Abran et.al., 2004).

Perkembangan RPL:

1940an: Komputer pertama yang membolehkan pengguna menulis kode program langsung

1950an: Generasi awal interpreter dan bahasa macro Generasi pertama compiler Generasi kedua compiler

1960an: Komputer mainframe mulai dikomersialkan Pengembangan perangkat lunak pesanan Konsep Software Engineering mulai digunakan

1970an: Perangkat pengembang perangkat lunak Perangkat minicomputer komersial

1980an: Perangkat Komputer Personal (PC) komersial Peningkatan permintaan perangkat lunak Pemrograman berorientasi obyek (OOP)

1990an: Agile Process dan Extreme Programming Peningkatan drastis kapasitas memori Peningkatan penggunaan internet

2000an: Platform interpreter modern (Java, .Net, PHP, dll)

Analisis Kebutuhan

Dalam rekayasa sistem dan rekayasa perangkat lunak, analisis kebutuhan (bahasa Inggris: requirement analysis) mencakup pekerjaan-pekerjaan penentuan kebutuhan atau kondisi yang harus dipenuhi dalam suatu produk baru atau perubahan produk, yang mempertimbangkan berbagai kebutuhan yang bersinggungan antar berbagai pemangku kepentingan. Kebutuhan dari hasil analisis ini harus dapat dilaksanakan, diukur, diuji, terkait dengan kebutuhan bisnis yang teridentifikasi, serta didefinisikan sampai tingkat detil yang memadai untuk desain sistem.

Metodologi Pengembangan Perangkat Lunak

Dalam rekayasa perangkat lunak, metodologi pengembangan perangkat lunak atau metodologi pengembangan sistem adalah suatu kerangka kerja yang digunakan untuk menstrukturkan, merencanakan, dan mengendalikan proses pengembangan suatu sistem informasi. Banyak ragam kerangka kerja yang telah dikembangkan selama ini, yang masing-masing memiliki kekuatan dan kelemahan sendiri-sendiri.

Suatu metodologi pengembangan sistem tidak harus cocok untuk digunakan untuk semua proyek. Masing-masing metodologi mungkin cocok diterapkan untuk suatu proyek tertentu, berdasarkan berbagai pertimbangan teknis, organisasi, proyek, serta tim.

Beberapa contoh metodologi pengembangan perangkat lunak yang tersedia di antaranya adalah waterfall, prototyping, incremental, spiral, dan RAD

PROSES PERANGKAT LUNAK

* Serangkaian kegiatan dan hasil yang berhubungan dengannya, yang menuju pada dihasilkannya produk perangkat lunak.

* Kegiatan-kegiatan mendasar yg umum bagi semua proses Perangkat Lunak :

1. Spesifikikasi Perangkat Lunak à Fungsionalitas perangkat lunak dan batasan kemampuan operasinya harus didefinisikan.

2. Pengembangan (Perancangan dan Implementasi) Perangkat Lunak à Perangkat lunak yang memenuhi spesifikasi harus di produksi

3. Validasi Perangkat Lunak à Perangkat lunak harus divalidasi untuk menjamin bahwa perangkat lunak bekerja sesuai dengan apa yang diinginkan oleh pelanggan.

4. Evolusi Perangkat Lunak à Perangkat lunak harus berkembang untuk memenuhi kebutuhan pelanggan.

Gambar Model Evolusioner

MODEL EVOLUSIONER PERANGKAT LUNAK

— Bersifat iteratif/ mengandung perulangan. Hasil proses berupa produk yang makin lama makin lengkap sampai versi terlengkap dihasilkan sebagai produk akhir dari proses.

— Tidak ada kegiatan spesifikasi, pengembangan, dan validasi yang terpisah. Kegiatan2 ini dilakukan pada saat yang bersamaan dengan umpan balik yang cepat untuk masing2 kegiatan.

Jenis-Jenis Model Evolusioner

Pengembangan Eksplotari

Tujuan: bekerja dengan pelanggan untuk menyelidiki persyaratan mereka dan mengirimkan sistem akhir.

Obyektif : bekerja dengan konsumen dan melibatkan sistem akhir dari spesifikasi skema inisial.

Dimulai dengan kebutuhan yang dimengerti dengan baik.

Prototipe Yang Dapat Dibuang (throw-away) à

Tujuan:Berkonsentrasi pada eksperimen, dengan persyaratan pelanggan yang tidak dipahami dengan baik.

Obyektif : mengerti kebutuhan sistem.

Dimulai dengan kebutuhan yang tidak dimengerti dengan baik.

Model Evolusioner Menurut Mills dan Boehm

1. Incremental Model (Original: Mills)

* berdasarkan model sistem yang dipecah sehingga model pengembangannya secara increment/bertahap.

* Masalah :

1. cocok untuk proyek berukuran kecil (tidak lebih dari 200.000 baris coding)
2. mungkin terjadi kesulitan untuk memetakan kebutuhan pengguna ke dalam rencana spesifikasi masing-masing hasil increment

2. Spiral Model (Original: Boehm)

* Setiap loop mewakili satu fase dari software process.

* Loop paling dalam berfokus pada kelayakan dari sistem, loop selanjutnya tentang definisi dari kebutuhan, loop berikutnya berkaitan dengan desain sistem dan seterusnya

* Masalah:Membutuhkan waktu yang cukup panjang , sehingga waktu yang lama sama dengan biaya yang lebih besar.

Pengembangan Evolusioner

Kelebihan:

* Lebih efektif dari pendekatan air terjun dalam menghasilkan sistem yang dibutuhkan

* user mendapat pemahaman yang lebih baik dari masalah mereka

Aplikasi:

* Untuk sistem interaktif berukuran kecil atau medium
* Untuk bagian dari sistem besar (misalnya user interface)

Belum Ada Judul..

Posted in Label: Puisi ku

10.49

ketika cinta menyapa,,
ku tak menyadari kedatangannya,,

ketika cinta itu berkata,,
ku tak menyadari makna kata2nya,,

ketika cinta itu bernyanyi,,
ku tak merasa mendengar nyanyian yg begitu indah,,

tp ketika cinta itu bergejolak,,
ku sadar bahwa kali ini ku telah jauh terseret ke dalam kubangan cinta,,

kubangan penuh suka,duka dan air mata,,
kubangan pesona2 cinta,,
kubangan derita2 cinta,,
tanpa ku sadar ku telah terseret ke dalam cinta,,
cinta yg selam ini ku nanti,,

senyumnya yg menyadarkanku akan semua tentang cinta,,
senyumnya yg menyadarkanku pentingnya kebahagiaan di atas penderitaan,,
senyumnya menyadarkanku untuk menjadi berani bermimpi,,
senyumnya mengajarkanku untuk berani berbahagia dan berani jg untuk bersedih,,
berani bersedih berarti berani menatap kebahagiaan,,

kan ku jaga senyum itu,,
hingga ku tak mampu menjaganya,,
kan ku jaga senyum itu hingga ragaku lelah..
kan ku jaga senyum itu hingga ku tak mampu berkata-kata

creator by EW

Mimpi

Posted in Label: Puisi ku

00.39

terkadang kita memilih sesuatu yg bukan untuk kita
karna hanya kita menyukai sesuatu hal tersebut
terkadang kita bermimpi sesuatu yg ingin kita capai
tapi kita takut untuk menggapai mimpi tersebut

mimpi terkadang dapat menjadi sebuah kenyataan
hanya saja kita takut merealisalikannya
kalo saja kita yakin akan mimpi tersebut
pasti apapun yg ingin kita capai akan selalu tercapai

creator by rizfadli

Penantian

Posted in Label: Puisi ku

00.36

secercah harapan mendatangi ku dan berkata padaku
dia tersenyum manis membuat hati ini tersipu malu
dia berkata pada ku akan ada wanita yang mencintaiku
dan sungguh mencintaiku apa adanya

qu terus menanti dengan iringan hujan dan panasnya matahari
qu berjalan untuk mencari nya kembali
agar hati ini dapat terbuka kembali
sulit untuk menanti di bawah tangisan hati

kemarin qu sempat melihatnya tapi ku masih tak yakin
saat matanya terarah kepadaku seperti yg dikatakan secercah harapan itu
tatapan mata dan senyumnya nan menyejukkan hati ini
sehingga kenangan pahit pun terasa menjadi indah sekali.

kini qu sudah bersamanya melalui hari-hari indah dan sedih bersama
canda, tawa, tangis pun qu lalui bersamanya sampai terkikis rasa kita berdua
dia slalu menanti senyum manis yang slalu qu berikan kepadanya
dan qu jg salalu menanti tatapan tajam nan mempesona yg slalu membuatku tersenyum

creator by rizfadli

CORETAN TANGAN KU OMPED

Pembuatan Tabel Flexibel Dengan Menggunakan Pemrograman PHP

Passing by Value dan by Reference

Kalkulator Dengan Java Script

Desain Layout Dengan Menggunakan CSS Dengan Animasi

Desain Layout Dengan Menggunakan CSS

Belum Ada Judul..

Mimpi

Penantian

Tanggal

Chat Box

Blog My Friends

Daftar Isi

Nie Gw

cari disini

Labels

Followers

Tulusanku