Selasa, 09 Maret 2010

DHTML dan Java Script

HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web. HTML merupakan singkatan dari Hyper Text Markup Language. Sedangkan JavaScript sendiri merupakan bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.
Pada kesempatan ini kita akan belajar cara membuat kalkulator sederhana dan form pemesanan makanan dan minuman dengan menerapkan DHTML dan JavaScript......

Kalkulator Sederhana
berikut ini merupakan tampilan dari kalkulator sederhana dengan 2 input dan 4 operator (+, -, /, *)













Buat yang mau coba buat sendiri, di bawah ini merupakan sintaknya.


<!DOCTYPE  html
PUBLIC  "-//W3C//DTD  XHTML  1.0  Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en"  lang="en">
<head>
<title>Kalkulator Sederhana</title>
</head>
<body>

<script  language="JavaScript"  type="text/javascript">
function  getSelectedValue()  {
var  myForm  =  document.form1; 
}
function operand() {
var myForm = document.form1;
var a1=eval(myForm.angka1.value);
var a2=eval(myForm.angka2.value);
var operasi = myForm.simbol.value;
if (operasi == "+"){
        var total = a1+a2;}
    else if (operasi == "-"){
        var total = a1-a2; }
    else if (operasi == "/") {
        var total = a1/a2;}
    else if (operasi == "*") {
        var total = a1*a2;}
 myForm.hasil.value = total;

}
function resetForm(){
document.form1.reset();
}
</script>
<br/>
<br/>

<form  name=form1  action="#">
<input  type="text"  name="angka1"  />
<select  name="simbol"    onchange="getSelectedValue();">
<option  value="+">+</option>
<option  value="-">-</option>
<option  value="/">/</option>
<option  value="*">*</option> </select>

<input  type="text"  name="angka2"  />
<input  type="button"  value="="  onClick="operand()"/>
<input  type="text"  name="hasil"  disabled="true"/>
<input type="button" value="Reset" onClick="resetForm()" />

</form>
</body>
</html>



Selain kalkulator sederhana ini ada juga form pemesanan. Pada form pemesanan ini bisa memasukkan jumlah pemesanan makanan sesuai pilihan yang ada di menu. Harga makan telah tercantum sehingga jika kita mengisikan jumlah pesanan secara otomatis jumlah harga akan muncul. Di bawah ini merupakan gambar hasil...


Untuk sintaknya sebagai berikut...:

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/frameset.dtd">
<html lang="en">

<head>
<title>FormPesanan</title>
</head>

<body bgcolor="white">

<script language="JavaScript" type="text/javascript">
function hitung() {
var myForm = document.form1;
var bakso = 12000 * eval(myForm.pesan1.value);
var soto = 10000 * eval(myForm.pesan2.value);
var mie = 15000 * eval(myForm.pesan3.value);
var degan = 5000 * eval(myForm.pesan4.value);
var campur = 7000 * eval(myForm.pesan5.value);
var hasil = bakso+soto+mie+degan+campur;
if (hasil > 50000) {
    myForm.total.value = hasil;
    myForm.diskon.value = 10000;
    myForm.bayar.value = hasil - eval(myForm.diskon.value);
 } else {
    myForm.total.value = hasil;
    myForm.diskon.value = 0;
    myForm.bayar.value = hasil - eval(myForm.diskon.value);
 }
    myForm.hb1.value = bakso;
    myForm.hb2.value = soto;
    myForm.hb3.value = mie;
    myForm.hb4.value = degan;
    myForm.hb5.value = campur;
}


</script>
<form name="form1" action="#">
<font size="6" face="comic sans ms">Form Pemesanan Berbasis JavaScript</font>
<table border="2" cellspacing=0 cellpadding=5 summary="Tabel Menu" bgcolor="pink">

<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<thead valign="middle">

<tr bgcolor="gray">
<th width="35"><font color="white" size="4">No</font>
<th width="200"><font color="white" size="4">Makanan/Minuman</font>
<th width="180"><font color="white" size="4">Harga Satuan</font>
<th width="100"><font color="white" size="4">Pesan</font>
<th width="150"><font color="white" size="4">Harga Barang</font>

</tr>

<tbody>
<tr>
<td>1<td>Bakso Istimewa<td>@<input  type="text"  name="hs1"  value="12000"><td>
<input  type="text"  name="pesan1" value="0" onChange="hitung()"/><td><input  type="text"  name="hb1"  />
</tr>

<tr>
<td>2<td>Soto Spesial<td>@<input  type="text"  name="hs2"  value="10000" /><td>
<input  type="text"  name="pesan2" value="0" onChange="hitung()" /> <td><input  type="text"  name="hb2"  />
</tr>

<tr>
<td>3<td>Mie Ayam Super<td>@<input  type="text"  name="hs3" value="15000" /> <td>
<input  type="text"  name="pesan3" value="0" onChange="hitung()"/> <td><input  type="text"  name="hb3"  />
</tr>

<tr>
<td>4<td>Es Degan<td>@<input  type="text"  name="hs4" value="5000"/>
<td><input  type="text"  name="pesan4" value="0" onChange="hitung()" /> <td><input  type="text"  name="hb4"  />
</tr>

<tr>
<td>5<td>Es Campur<td>@<input  type="text"  name="hs5" value="7000"/> <td>
<input  type="text"  name="pesan5" value="0" onChange="hitung()"/> <td><input  type="text"  name="hb5"  />
</tr>

<tr>
<td colspan=4 align="right">Jumlah Total<td><input  type="text"  name="total" />
</tr>

<tr>
<td colspan=4 align="right">Diskon<td><input  type="text"  name="diskon" />
</tr>

<tr>
<td colspan=4 align="right">Jumlah Bayar<td><input  type="text"  name="bayar"/>
</tr>

</table>

<br/>
<br/>
<br/>

<input type="reset" value="BATAL" />
</form>
</body>
</html>


Demikian sharing-sharing ilmu dari saya...klo teman-teman punya yang lebih bagus 'n lebih interaktif mohon bagi ilmunya....

Sabtu, 27 Februari 2010

Perangkat Lunak dan Rekayasa Perangkat Lunak

PERANGKAT LUNAK dan REKAYASA PERANGKAT LUNAK

Perangkat lunak adalah :

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

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

Di bawah ini adalah 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

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

Model Proses Perangkat Lunak antara lain :

a. Model air terjun (waterfall)

b. Pengembangan Evolusioner

c. Model Pengembangan Sistem Formal

d. Model Pengembangan Berorientasi

e. Pemakaian Ulang (Re-Usable)

Beberapa contoh mitos perangkat lunak antara lain:

1. Segera setelah software digunakan, pemeliharaan dapat diminimalisasikan dan diatasi.

Realita : Diperlukan budget yang besar dalam maintenance software. Pemeliharaan software harus diorganisir, direncanakan dan dikontrol seolah-olah sebagai suatu proyek besar dalam sebuah organisasi.

2. Kita tidak perlu mengganti software yang sudah ada dengan versi yang terbaru dan tidak perlu mengikuti perkembangannya

Realita : Kita tetap harus mengikuti perkembangan software yang ada karena software dengan versi baru
tentunya merupakan hasil perbaikan dan pengembangan dari versi sebelumnya

PROSES SOFTWARE

Proses software adalah sekumpulan aktifitas yang saling terkait untuk spesifikasi, desain, implementasi dan testing sistem software.

Pemodelan dalam perangkat lunak merupakan suatu yang harus dikerjakan di bagian awal dari rekayasa, dan pemodelan ini akan mempengaruhi perkerjaan-pekerjaan dalam rekayasa perangkat lunak tersebut.

Di dalam suatu industri dikenal berbagai macam proses, demikian juga halnya dengan industri perangkat lunak. Jika proses yang digunakan salah, maka akan mengurangi kualitas kegunaan produk yang dikembangkan

Atribut Proses antara lain :

Ø Understandability: sejauh mana proses secara eksplisit ditentukan dan bagaimana kemudahan definisi proses itu dimengerti.

Ø Visibility: apakah aktivitas-aktivitas proses mencapai titik akhir dalam hasil yang jelas sehingga kemajuan dari proses tersebut dapat terlihat nyata/jelas.

Ø Supportability: sejauh mana aktivitas proses dapat didukung oleh CASE

Ø Acceptability: apakah proses yang telah ditentukan oleh insinyur dapat diterima dan digunakan dan mampu bertanggung jawab selama pembuatan produk perangkat lunak

Ø Reliability: apakah proses didesain sedikian rupa sehingga kesalahan proses dapat dihindari sebelum terjadi kesalahan pada produk.

Ø Robustness: dapatkah proses terus berjalan walaupun terjadi masalah yang tak diduga

Ø Maintainability dapatkah proses berkembang untuk mengikuti kebutuhan atau perbaikan

Ø Rapidity bagaimana kecepatan proses pengiriman sistem dapat secara lengkap memenuhi spesifikasi.

Model proses software adalah representasi abstrak dari proses. Merupakan gambaran dari proses dari beberapa perspektif tertentu

Jenis-jenis model proses software antara lain :

Ø Pendekatan Waterfall

Ø Pengembangan secara evolusioner:

1. Incremental Model

2. Spiral model

Ø Transformasi formal

Ø Pengembangan Reuse-based

Ø RAD (Rapid Application Development)

Ø Prototyping Model

Ø Extreme Programming (XP) Model

MODEL EVOLUSIONER

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 antara lain :

1. 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.

2. Prototipe yang dapat dibuang (throw-away)

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

Obyektif : mengerti kebutuhan sistem. Dimulai dengan kebutuhan yang tidak dimengerti dengan baik.

PEMODELAN PROSES

Ø Model : representasi dari realitas, umumnya dinyatakan dalam bentuk grafis

Ø Pemodelan proses:

teknik untuk menata dan mendokumentasikan proses, input, output, dan simpanan data dalam suatu sistem

Pemodelan proses mendeskipsikan keseluruhan aliran data sebuah organisasi/sistem

Ø Pemodelan proses :

alat dalam rekayasa perangkat lunak

sering dipakai untuk memodelkan hal lain yang bukan perangkat lunak

Ø Pemodelan proses dapat dipakai sebagai alat bantu dalam:

Perencanaan sistem: tidak terlalu rinci

Analisis sistem: menggambarkan sistem yang sekarang berjalan

Desain sistem: menggambarkan sistem yang akan dibangun

Ø Pemodelan proses berasal dari metode klasik rekayasa perangkat lunak, contohnya: DFD (Data Flow Diagram)

DFD adalah : alat bantu pemodelan proses yang menggambarkan aliran data dalam suatu sistem serta aktivitas atau pemrosesan yang dilakukan oleh sistem tersebut. Komponen dari DFD antara lain :

Ø Proses menggambarkan bagian dari sistem yang mentransformasikan input menjadi output

Ø Data store merupakan bagian internal sistem yang berfungsi untuk menyimpan data

Ø External entity merupakan entitas eksternal yang berada di luar dan berhubungan dengan sistem

Ø Data flow merepresentasikan perpindahan data dari suatu (sumber/source) tempat ke tempat lain (tujuan/sink)

Senin, 22 Februari 2010

Kata-Kata Bijak Tentang Cinta.................By Safruddin

Cinta tidak pernah meminta, ia sentiasa memberi, cinta membawa penderitaan, tetapi tidak pernah berdendam, tak pernah membalas dendam. Di mana ada cinta di situ ada kehidupan; manakala kebencian membawa kepada kemusnahan.~ Mahatma Ghandi

Tuhan memberi kita dua kaki untuk berjalan, dua tangan untuk memegang, dua telinga untuk mendengar dan dua mata untuk melihat. Tetapi mengapa Tuhan hanya menganugerahkan sekeping hati pada kita? Karena Tuhan telah memberikan sekeping lagi hati pada seseorang untuk kita mencarinya. Itulah namanya Cinta.

Ada 2 titis air mata mengalir di sebuah sungai. Satu titis air mata tu menyapa air mata yg satu lagi,” Saya air mata seorang gadis yang mencintai seorang lelaki tetapi telah kehilangannya. Siapa kamu pula?”. Jawab titis air mata kedua tu,” Saya air mata seorang lelaki yang menyesal membiarkan seorang gadis yang mencintai saya berlalu begitu sahaja.”

Cinta sejati adalah ketika dia mencintai orang lain, dan kamu masih mampu tersenyum, sambil berkata: aku turut bahagia untukmu.

Jika kita mencintai seseorang, kita akan sentiasa mendoakannya walaupun dia tidak berada disisi kita.

Jangan sesekali mengucapkan selamat tinggal jika kamu masih mau mencoba. Jangan sesekali menyerah jika kamu masih merasa sanggup. Jangan sesekali mengatakan kamu tidak mencintainya lagi jika kamu masih tidak dapat melupakannya.

Perasaan cinta itu dimulai dari mata, sedangkan rasa suka dimulai dari telinga. Jadi jika kamu mahu berhenti menyukai seseorang, cukup dengan menutup telinga. Tapi apabila kamu Coba menutup matamu dari orang yang kamu cintai, cinta itu berubah menjadi titisan air mata dan terus tinggal dihatimu dalam jarak waktu yang cukup lama.

Cinta datang kepada orang yang masih mempunyai harapan walaupun mereka telah dikecewakan. Kepada mereka yang masih percaya, walaupun mereka telah dikhianati. Kepada mereka yang masih ingin mencintai, walaupun mereka telah disakiti sebelumnya dan kepada mereka yang mempunyai keberanian dan keyakinan untuk membangunkan kembali kepercayaan.

Jangan simpan kata-kata cinta pada orang yang tersayang sehingga dia meninggal dunia , lantaran akhirnya kamu terpaksa catatkan kata-kata cinta itu pada pusaranya . Sebaliknya ucapkan kata-kata cinta yang tersimpan dibenakmu itu sekarang selagi ada hayatnya.

Mungkin Tuhan menginginkan kita bertemu dan bercinta dengan orang yang salah sebelum bertemu dengan orang yang tepat, kita harus mengerti bagaimana berterima kasih atas kurniaan itu.

Cinta bukan mengajar kita lemah, tetapi membangkitkan kekuatan. Cinta bukan mengajar kita menghinakan diri, tetapi menghembuskan kegagahan. Cinta bukan melemahkan semangat, tetapi membangkitkan semangat -Hamka

Cinta dapat mengubah pahit menjadi manis, debu beralih emas, keruh menjadi bening, sakit menjadi sembuh, penjara menjadi telaga, derita menjadi nikmat, dan kemarahan menjadi rahmat.

Sungguh menyakitkan mencintai seseorang yang tidak mencintaimu, tetapi lebih menyakitkan adalah mencintai seseorang dan kamu tidak pernah memiliki keberanian untuk menyatakan cintamu kepadanya.

Hal yang menyedihkan dalam hidup adalah ketika kamu bertemu seseorang yang sangat berarti bagimu. Hanya untuk menemukan bahawa pada akhirnya menjadi tidak bererti dan kamu harus membiarkannya pergi.

Kamu tahu bahwa kamu sangat merindukan seseorang, ketika kamu memikirkannya hatimu hancur berkeping.
Dan hanya dengan mendengar kata “Hai” darinya, dapat menyatukan kembali kepingan hati tersebut.

Tuhan ciptakan 100 bahagian kasih sayang. 99 disimpan disisinya dan hanya 1 bahagian diturunkan ke dunia. Dengan kasih sayang yang satu bahagian itulah, makhluk saling berkasih sayang sehingga kuda mengangkat kakinya kerana takut anaknya terpijak.

Kadangkala kamu tidak menghargai orang yang mencintai kamu sepenuh hati, sehinggalah kamu kehilangannya. Pada saat itu, tiada guna sesalan karena perginya tanpa berpatah lagi.

Jangan mencintai seseorang seperti bunga, kerana bunga mati kala musim berganti. Cintailah mereka seperti sungai, kerana sungai mengalir selamanya.

Cinta mampu melunakkan besi, menghancurkan batu, membangkitkan yang mati dan meniupkan kehidupan padanya serta membuat budak menjadi pemimpin. Inilah dasyatnya cinta !

Permulaan cinta adalah membiarkan orang yang kamu cintai menjadi dirinya sendiri, dan tidak merubahnya menjadi gambaran yang kamu inginkan. Jika tidak, kamu hanya mencintai pantulan diri sendiri yang kamu temukan di dalam dirinya.

Cinta itu adalah perasaan yang mesti ada pada tiap-tiap diri manusia, ia laksana setitis embun yang turun dari langit,bersih dan suci. Cuma tanahnyalah yang berlain-lainan menerimanya. Jika ia jatuh ke tanah yang tandus,tumbuhlah oleh kerana embun itu kedurjanaan, kedustaan, penipu, langkah serong dan lain-lain perkara yang tercela. Tetapi jika ia jatuh kepada tanah yang subur,di sana akan tumbuh kesuciaan hati, keikhlasan, setia budi pekerti yang tinggi dan lain-lain perangai yang terpuji.~ Hamka

Kata-kata cinta yang lahir hanya sekadar di bibir dan bukannya di hati mampu melumatkan seluruh jiwa raga, manakala kata-kata cinta yang lahir dari hati yang ikhlas mampu untuk mengubati segala luka di hati orang yang mendengarnya.

Kamu tidak pernah tahu bila kamu akan jatuh cinta. namun apabila sampai saatnya itu, raihlah dengan kedua tanganmu,dan jangan biarkan dia pergi dengan sejuta rasa tanda tanya dihatinya

Cinta bukanlah kata murah dan lumrah dituturkan dari mulut ke mulut tetapi cinta adalah anugerah Tuhan yang indah dan suci jika manusia dapat menilai kesuciannya.

Bukan laut namanya jika airnya tidak berombak. Bukan cinta namanya jika perasaan tidak pernah terluka. Bukan kekasih namanya jika hatinya tidak pernah merindu dan cemburu.

Bercinta memang mudah. Untuk dicintai juga memang mudah. Tapi untuk dicintai oleh orang yang kita cintai itulah yang sukar diperoleh.

Satu-satunya cara agar kita memperolehi kasih sayang, ialah jangan menuntut agar kita dicintai, tetapi mulailah memberi kasih sayang kepada orang lain tanpa mengharapkan balasan. (Dale Carnagie)

PTI478
maaf baru bisa posting tugas....untuk tugas no 2 saya belum bisa menyempurnakan...
moga2 ja ntar ada yang mau ngajarin :-)

Study Kasus Modul 2

Tugas 1 Modul 2

Tugas 2 Modul 2

Minggu, 24 Mei 2009

DAPAT APA SIH KULIAH...???
“Saya mahasiswi semester 4 jurusan Teknik Informatika di sebuah Univesitas di Semarang. Sudah hampir 2 tahun saya kuliah, cuman saya kadang merasa nggak tambah pinter, kalau tambah sibuk sih iya karena tugas dari dosen yang kayak tsunami :) Pingin dengar pendapat mas Romi yang kabarnya waktu kuliah IPKnya 4.0 terus. Sebenarnya di kampus itu apa yang kita dapat sih mas?” (Novi - Tembalang, Semarang). klik untuk melanjutkan...!!!

Jumat, 08 Mei 2009

Baru pertama ngeblog niy....

Masi amatir,hehehehe