Nah… sekarang mari kita coba membuatnya \(^_^)/.

1. Membuat window !

clear all;
 clc;

 win1=figure(...
 'units','points',...
 'position',[130 190 400 200],...
 'color',[.8 .8 .8],...
 'menubar','none',...
 'resize','off',...
 'numbertitle','off',...
 'name','Kalkulator');

2. Menambahkan label “Kalkulator Sederhana”, mengganti title window-nya dan membuat frame bewarna hitam

frame1=uicontrol('parent',win1,...
    'units','points',...
    'position',[0 0 500 60],...
    'backgroundcolor',[.3 .3 .4],...
    'style','frame');

label1=uicontrol('parent',win1,...
    'units','points',...
    'position',[30 170 300 20],...
    'backgroundcolor',[.8 .8 .8],...
    'style','text',...
    'string','Simple Calculator',...
    'fontname','arial',...
    'fontsize',12,...
    'fontweight','bold',...
    'foregroundcolor',[0 0 0]);

3. Menambahkan label untuk ‘a’,'b’, dan ‘hasil’

label2=uicontrol('parent',win1,...
    'units','points',...
    'position',[ 30 140 100 15],...
    'style','text',...
    'string','Data ke 1',...
    'fontname','arial',...
    'fontsize',10);

label2=uicontrol('parent',win1,...
    'units','points',...
    'position',[ 30 120 100 15],...
    'style','text',...
    'string','Data ke 2',...
    'fontname','arial',...
    'fontsize',10);

label3=uicontrol('parent',win1,...
    'units','points',...
    'position',[ 30 90 100 15],...
    'style','text',...
    'string','Hasil',...
    'fontname','arial',...
    'fontsize',10);

4. Membuat textbox untuk input data dan hasilnya nanti

edit1=uicontrol('parent',win1,...
    'units','points',...
    'position',[130 140 60 15],...
    'style','edit',...
    'string','0',...
    'fontname','arial',...
    'fontsize',10);

edit2=uicontrol('parent',win1,...
    'units','points',...
    'position',[130 120 60 15],...
    'style','edit',...
    'string','0',...
    'fontname','arial',...
    'fontsize',10);

edit3=uicontrol('parent',win1,...
    'units','points',...
    'position',[130 90 60 15],...
    'style','edit',...
    'string','0',...
    'fontname','arial',...
    'fontsize',10);

5. Membuat button ‘Tambah’

tomtambah=uicontrol('parent',win1,...
    'units','points',...
    'position',[30 40 80 15],...
    'style','pushbutton',...
    'callback','prosestambah',...
    'string','Tambah',...
    'fontname','arial',...
    'fontsize',10);


 

6. Kemudian dilanjutkan dengan menambahkan tombol ‘kurang’,'kali’ dan ‘bagi’

tomkurang=uicontrol('parent',win1,...
    'units','points',...
    'position',[110 40 80 15],...
    'style','pushbutton',...
    'callback','proseskurang',...
    'string','Kurang',...
    'fontname','arial',...
    'fontsize',10);

tomkali=uicontrol('parent',win1,...
    'units','points',...
    'position',[190 40 80 15],...
    'style','pushbutton',...
    'callback','proseskali',...
    'string','Kali',...
    'fontname','arial',...
    'fontsize',10);

tombagi=uicontrol('parent',win1,...
    'units','points',...
    'position',[270 40 80 15],...
    'style','pushbutton',...
    'callback','prosesbagi',...
    'string','Bagi',...
    'fontname','arial',...
    'fontsize',10);

7. dan tombol “tutup”

tomtutup=uicontrol('parent',win1,...
    'units','points',...
    'position',[270 20 80 15],...
    'style','pushbutton',...
    'string','Tutup',...
    'fontname','arial',...
    'fontsize',10,...
    'callback','close');

Programnya sudah jadi, tapi belum bisa dioperasikan seperti kalkulator ya hehehe . Kenapa ? Karena tombolnya belum diberi fungsi. Nah sekarang kita kasih fungsi pada tombolnya sesuai dengan callback pada tombol tersebut.

Membuat fungsi pada button

Pada button tambah, callback-nya adalah “prosestambah”. Nah sekarang, kita buat file baru, ketik kode berikut, dan kemudian simpan dengan nama yang sama dengan callback-nya. Yaitu “prosestambah.m”

%Proses Tambah
a = str2num(get(edit1,'string'));
b = str2num(get(edit2,'string'));
c = a + b;
set(edit3,'string',num2str(c));

Setelah itu, kita jalankan program kalkulator.m dan coba kita inputkan angka lalu jumlahkan .

Selanjutnya lakukan hal yang sama pada button “Kurang”,”Kali”, dan “Bagi”. Ganti rumusnya dan simpan dengan nama sesuai dengan callback pada button tersebut .

Selamat mencoba

[Download source code : kalkulator.zip]

Download materi Metode Pengumpulan Data (ppt)

Download materi metodologi penelitian 3(ppt)

Download materi metodologi penelitian 2 (ppt)

Download materi metodologi penelitian1 (ppt)

Berikut ini adalah screenshot aplikasinya

Ini halaman awalnya

Halaman untuk memilih tabel yang akan di edit

Form untuk tambah data

Tampilan seluruh data dari tabel Mata kuliah

Form untuk merubah data

Form untuk cari data Mhs ( yg ini pake caranya Pak Rosihan Ari (^_^)v )

Bentuk laporan dari data di tabel matkul

Form untuk DELETE data matkul (^_^)

***

(^_^) …

Nah bentuk aplikasi seperti diatas . Sangat dan amat sederhana dengan tampilan yang minimalis (halah.. ). Tadinya, untuk tampilannya mau seperti tampilan website atau sistem informasi berbasis web seperti pada umumnya. Tapi karena belum bisa bikin yang seperti itu dan waktunya juga enggak sempet jadinya hanya seperti diatas .

Aplikasi yang saya buat juga belum begitu lengkap. Masih ada sedikit error , lalu belum ada form untuk Loginnya, belum ada navigasi menu yang bener, dll.

Tapi gpp, insya Allah akan saya terus perbaiki, namanya juga belajar dan ini pertama kalinya saya bikin aplikasi yang ‘agak beneran’ dengan php lho hehe…

So.. teteup semangat v(=^_^=)v !!!

Referensi :

Catatan Kuliah e-commerce yang diunduh dari Scribd -> web dinamis.pdf

Tutorial PHP dari blognya Pak Rosihan Ali

Sekarang ? Memasuki semester enam yang hampir usai, tugas-tugas malah datang bejibun (duh.. lebay banget sih ). Mulai dari bikin laporan, presentasi, bikin makalah, bikin proyek…. Ya ! Semua keinginan gw untuk sok sibuk ala mahasiswa itu akhirnya tercapai juga…
Tapi apakah gw bener-bener sibuk ? Hmm… kenyataannya enggak. Bisa dibilang gw ini akan bisa kerja kalau mendekati deadline. Kalau belum, yang ada gw ini santai banget dan males   .

Tugas-tugas gw ada yang menyenangkan dan ada yang menyebalkan juga.
Menyenangkan, karena belajar mendesain, merancang dan membuat project riil meskipun kecil-kecilan dan agak gak jelas dikit .
Menyenangkan, karena latihan menulis laporan yang mirip seperti menyusun laporan PKL dan Skripsi..

Tidak menyenangkan, karena gw harus membuat suatu makalah dan presentasi mengenai bidang yang enggak  gw suka. Kalo enggak dibikin, bisa-bisa enggak lulus mata kuliah tersebut   . Tapi gpp lah… setidaknya gw bakal dapet ilmu juga walaupun secuil .

Jadi intinya… semangat aja dech v(=^_^=)v !!!

Aplikasi buku tamunya sederhana kok. User memasukan nama, email & komentar di form yang tersedia, klik tombol OK lalu muncul halaman web yang menampilkan komentar tadi . Ya… seperti form komentar di blog ini

…

Terus, apa pertama yang harus kita lakukan ?

1. Membuat database

Yup, pertama kita buat database buku tamunya. Di database ini kita membuat sebuah tabel yang gunanya untuk menyimpan data-data user seperti nama, email dan komentar. Rancangan tabelnya seperti ini ,

Setelah itu kita buat tabelnya di MySQL, tapi sebelumnya kita harus buat databasenya dulu. Misalkan kita namakan databasenya : bukutamu_db.

create database bukutamu_db;
use bukutamu_db;

atau kalo mo yang simple tinggal bikin databasenya di phpmyadmin

Membuat tabel bukutamu,

create table bukutamu (
id int auto_increment primary key,
nama  varchar(30),
email varchar(20),
komentar varchar(200) );

2. Membuat Form Buku Tamu

Setelah membuat databasenya kemudian kita membuat halaman web yang berisi form buku tamu. Bentuk form-nya seperti ini

Sekarang kita buat file html-nya

<html>

<head>
<title>Buku Tamu</title>
</head>

<body>
<h2>Buku Tamu</h2>

<form action="proses.php" method="post">
<table border="0">

<tr>
<td>Nama:</td>
<td><input type="text" size="30" name="nama"></td>
</tr>

<tr>
<td>Email:</td>
<td><input type="text" size="30" name="email"></td>
</tr>

<tr>
<td>Komentar:</td>
<td><textarea rows="5" cols="30" name="komentar"></textarea></td>
</tr>

<tr>
<td></td>
<td>
<input type="submit" value="Kirim">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>

Simpan dengan nama bukutamu.html di folder

Lalu jalankan di web browser dengan alamat

dan hasilnya seperti ini

3. Menampilkan Buku Tamu

Buat file php dengan nama proses.php dan simpan di folder yang sama dengan bukutamu.html

<?
 //Koneksi ke MySQL
 $koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");

 //Pilih database
 mysql_select_db("bukutamu_db");

 //Ngambil data dari form Buku tamu
 $nama     = $_POST['nama'];
 $email    = $_POST['email'];
 $komentar = $_POST['komentar'];

 //Query untuk memasukkan data ke tabel buku tamu
 $insert_data  = "insert into bukutamu (nama,email,komentar) values ('$nama','$email','$komentar')";
 mysql_query($insert_data);

 //query untuk menampilkan data
 $hasil = mysql_query("select * from bukutamu");

 //Menampilkan data buku tamu
 while($data = mysql_fetch_array($hasil))
 {
 echo "<table border=0>";
 echo "<tr>
 <td>Id:</td>
 <td> $data[0]</td>
 </tr>";
 echo "<tr>
 <td>Nama:</td>
 <td>$data[1]</td>
 </tr>";
 echo "<tr>
 <td>Email:</td>
 <td>$data[2]</td>
 </tr>";
 echo "<tr>
 <td>Komentar:</td>
 <td>$data[3]</td>
 </tr>";
 echo "<hr>";
 }

 echo "</table>";

 mysql_close($koneksi);

 echo "<br><br>";
 echo "<a href=bukutamu.html>Isi Buku Tamu</a>";
?>

Sekarang kita coba jalankan dengan cara mengisi form buku tamunya lalu klik tombol “Kirim” dan hasilnya seperti ini

Untuk yang mo download , Konfigurasi saluran (pdf)

Pertama, buat form lalu tambahkan Image dan sebuah CommandButton.

lalu ketik kode-kode berikut ini pada CommandButton 

Private Sub Command1_Click()
For a = 6000 To 0 Step -0.02
Image1.Move Image1.Left, a
Next a

For a = 0 To 6000 Step 0.02
Image1.Move Image1.Left, a
Next a
End Sub

Jalankan dan si sh!nchan akan bergerak naik turun jika anda mengklik tombolnya

Download sourcecode Animasi VB