TUTORIAL MEMBUAT CONTEXT MENU STRIP

Context Menu adalah suatu menu strip yang muncul jika user mengklik tombol kanan mouse di atas form atau control. Contoh context menu adalah sebagai berikut: 

Untuk membuat context menu caranya adalah sebagai berikut:
1. Pada form yang aktif drag drop icon context menu strip sebagai berikut:

2. Form yang telah diberi menu strip akan berbentuk seperti ini :

3. Untuk membuat menu utama pada context menu adalah sebagai berikut :
    a. Tuliskan pada bagian Type Here kemudian tekan enter. Contoh ketikan FILE dan MAIN.
    b. Untuk menulis menu utama yang lain tekan tombol panah bawah untuk berpindah kebawah.

 4. Sedangkan membuat sub menu caranya adalah sebagai berikut:
     a. Pada menu utama tekan tombol panah kanan.
     b. Tuliskan pada bagian Type Here kemudian tekan enter.
     c. Untuk menulis sub menu yang lain tekan tombol panah bawah.

5. Sedangkan membuat sub sub menu caranya adalah sebagai berikut:
    a. Pada sub menu tekan tombol panah kanan.
    b. Tuliskan pada bagian Type Here kemudian tekan enter.
    c. Untuk menulis subsub menu yang lain tekan tombol panah bawah.

6. Langkah berikutnya adalah menseting form agar bisa menjalankan context menu. 

    Dalam hal ini form yang disetting karena kita akan menjalankan context menu di form. Jika kita ingin 

    menjalankan context menu pada control text box maka text box yang di setting.

7. Pada properties ContextMenuStrip di form pilih nama context menu-nya.

8. Jalankan form tsb dengan menekan tombol F5.

9. Klik tombol mouse kanan pada form tersebut maka akan muncul context menu sebagai berikut :

TUTORIAL MEMBUAT MENUSTRIPS

Menu Strips

Setiap aplikasi pasti terdapat menu untuk memilih atau mengaktifkan suatu proses atau perintah yang di inginkan user. Menu strip adalah salah satu penyajian menu perintah yang sering dipakai oleh programer.

Contoh menu strip di aplikasi Ms. Word adalah sebagai berikut:
1. Menu Utama:

2. Sub Menu dari Menu Utama Edit:

3. Sub Sub Menu dari Sub Menu Clear:

Ada 3 komponen dari suatu menu strip yaitu :
1. Images / gambar dari menu
2. Access keys / tombol keyboard untuk mengaktifkan suatu menu. Contohnya kombinasi Alt dan F
    untuk mengaktifkan menu File di Ms. Word
3. Shortcut keys / jalan pintas dengan menggunakan kombinasi tombol keyboard untuk mengaktifkan
    suatu perintah yang sering digunakan.

Contohnya Ctrl dan C untuk mengcopy suatu teks atau gambar pada perintah di Ms. Word.


Cara untuk membuat menu strip adalah sebagai berikut:
1. Pada form yang aktif drag drop icon menu strip sebagai berikut:

2. Form yang telah diberi menu strip akan berbentuk seperti ini:

 

Untuk membuat menu utama adalah sebagai berikut:
    a. Tuliskan pada bagian Type Here kemudian tekan enter.
    b. Untuk menulis menu utama yang lain tekan tombol -> berpindah kesisi kanan sebelahnya.

4. Sedangkan membuat sub menu caranya adalah sebagai berikut :
    a. Pada menu utama tekan tombol panah bawah.
    b. Tuliskan pada bagian Type Here kemudian tekan enter.
    c. Untuk menulis sub menu yang lain tekan tombol panah bawah.

5. Sedangkan membuat sub sub menu caranya adalah sebagai berikut:
    a. Pada sub menu tekan tombol panah kanan.
    b. Tuliskan pada bagian Type Here kemudian tekan enter.
    c. Untuk menulis sub-sub menu yang lain tekan tombol panah bawah.

Menambah Icon Pada Menu Strip

Kita dapat menambahkan icon/gambar pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sebagai berikut:

1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi icon.
2. Pilih properties image dan klik tombol ini :

3. Muncul dialog window Select Resource sebagai berikut: 

4. Pilih Project resources file kemudian klik tombol Import untuk mencari icon/gambar yang akan 
    dipasang.

5. Pilih icon yang diinginkan dengan mengklik file-file di suatu folder tertentu kemudian
    tekan tombol Open.
6. Di dialog window Select Resource pada pilihan Project resources file akan muncul
    nama-nama icon yang anda pilih kemudian klik salah satu.
7. Setelah itu klik tombol OK maka gambar icon tersebut akan berada disamping
   Menu Utama, Sub Menu atau Sub Sub Menu yang diiginkan.

Memberi Access Keys Pada Menu Strip

Kita dapat menambahkan Access keys / tombol keyboard untuk mengaktifkan suatu menu pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sebagai berikut :

1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi Access keys.
2. Pilih properties text kemudian tambahkan simbol dan disamping kiri huruf di nama Menu Utama,
    Sub Menu atau Sub Sub Menu yang akan dijadikan tombol Access keys.

3. Misalkan pada menu File access key-nya adalah kombinasi tombol Alt dan Huruf  F maka simbol 
    dan diletakkan disamping kiri huruf F pada File. 4. Tampilan menu yang telah Access keys akan ada
   garis bawah adalah sebagai berikut:

Memberi Tombol Short Cut Pada Menu Strip

Kita dapat menambahkan tombol short cut untuk mengaktifkan suatu perintah pada Sub Menu atau Sub Sub Menu secara langsung. Caranya adalah sebagai berikut:

1. Klik Sub Menu atau Sub Sub Menu yang akan diberi short cut.
2. Pilih properties Shortcut Keys dan klik combo box-nya maka akan muncul tampilan sebagai berikut:

3. Isikan kombinasi tombol keyboardnya semisal Ctrl dan M.

 4. Tampilan properties ShortcutKeys setelah diisi tombol short cut.

5. Jika short cut ingin ditampilakn disamping nama menunya maka properties Show Shortcut Keys
    diberi nilai True.
6. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi short cut adalah sebagai berikut:

Memberi Tanda Cek Pada Menu Strip
Kita dapat menambahkan tanda cek (centang) pada samping Sub Menu atau Sub Sub Menu yang sedang diaktifkan. Tanda cek (centang) akan terlihat pada saat aplikasi dijalankan jadi pada tahap desain tanda ini tidak terlihat. Cara untuk memberi tanda cek adalah sebagai berikut :
1. Klik Sub Menu atau Sub Sub Menu yang akan diberi tanda cek.
2. Pilih properties CheckOnClick dan isikan nilai true.

3. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi tanda cek pada saat aplikasi dijalankan
    adalah sebagai berikut:

Memberi Keterangan/Petunjuk Pada Menu Strip

Kita dapat menambahkan petunjuk/keterangan pada Menu, Sub Menu atau Sub Sub Menu ketika pointer mouse dihentikan agak lama di tulisan Menu, Sub Menu atau Sub Sub Menu. Petunjuk atau keterangan akan terlihat pada saat aplikasi dijalankan jadi pada tahap desain petunjuk atau keterangan ini tidak terlihat. Cara untuk memberi petunjuk atau keterangan adalah sebagai berikut :

1. Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi petunjuk atau keterangan.
2. Pilih properties ToolTipText dan isikan kata-kata petunjuknya.

3. Tampilan Menu,Sub Menu atau Sub Sub Menu yang telah diberi petunjuk atau keterangan
    pada saat aplikasi dijalankan adalah sebagai berikut:

Memberi Kode Pada Menu Strip
Agar menu, sub menu atau sub sub menu dapat melakukan perintah yang diinginkan maka harus diberi kode program. Cara memberi kode programa adalah sebagai berikut:
1. Double Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi kode program.
    Contoh pada sub sub menu Main double klik.

2. Isikan kode program-nya contohnya seperti ini:

Private Sub MainToolStripMenuItem_Click(ByVal sender As

System.Object, ByVal e As System.EventArgs) Handles

MainToolStripMenuItem.Click

MsgBox(“Anda menekan sub sub menu Main”, , “Contoh Menu”)

End Sub

3. Jalankan aplikasi dengan menekan F5.

 4. Pilih menu View

 5. Pilih sub menu Toolbars.

6. Klik sub sub menu Main maka akan muncul message box sebagai berikut:

7. Karena sub sub menu Main mempunyai shortcut maka anda bisa langsung menekan tombol Ctrl + M.

TUTORIAL CARA MEMBUAT DATABASE DI MYSQL DI PANEL

Tutorial ini akan menerangkan cara membuat  database di MysqL di cPanel. Di sini juga bisa diperoleh informasi nama database, username database, dan password database.

Silahkan ikuti langkah dibawah ini untuk membuat database di MysqL

1. Login ke cPanel > MySQL Databases.
2. Masukkan nama database yang anda inginkan di New Database, lalu tekan tombol Create Database.

New Database

3. Anda akan dibawa ke halaman baru yang berisi konfirmasi pembuatan database, catat nama database anda (nama database bukan yang anda masukkan pada langkah ke-2) dan tekan link Go Back. Di contoh tutorial ini, nama database adalah unamecp_dbbaru, bukan dbbaru.

Konfirmasi Pembuatan Database

4. Buat MySql User dengan memasukkan username dan password yang and inginkan, lalu tekan tombol Create User.

Membuat User Mysql

5. Anda akan dibawa ke halaman baru yang berisi konfirmasi pembuatan user database, catat password database anda. Tekan link Go Back.

Konfirmasi Username

6. Catat username anda, username database bisa dilihat di list Current User. Di contoh tutorial ini, nama database adalah unamecp_dbuser, bukan dbuser, seperti yang diinput pada langkah ke-4.

 

List User Database

7. Beri hak akses user yang dibuat ke database yang kita kehendaki. Pilih User dan Database dari Add User To Database, lalu tekan tombol Add.

Menambahkan User ke Database

8. Di halaman Manage User Privileges, pilih ALL PRIVILEGES, lalu tekan tombol Make Changes.

User Privileges

9. Anda akan dibawa ke halaman baru yang berisi konfirmasi perubahan User Privileges database. Jika anda belum catat nama database dan username database, silahkan dicatat dari halaman ini.

Konfirmasi Penambahan User Privileges

Sekarang anda telah bisa membuat database MySql di cPanel dan memperoleh nama database, username, password database yang bisa digunakan untuk aplikasi web anda.

TUTORIAL MEMBUAT PROGRESS BAR MENGGUNAKAN JAVA

Kali ini kita akan membuat sebuah aplikasi sederhana untuk melihat prinsip dasar di proses berjalannya progress bar menggunakan Java. Tentu saja sebuah aplikasi progress baru bukanlah aplikasi yang berarti apa-apa. Progress bar pada dasarnya adalah sebuah komponen yang digunakan untuk menampilkan sejauh mana sebuah proses berjalan. Hal ini bisa kita terapkan di berbagai keperluan, misalnya kita membuat aplikasi yang membutuhkan pemrosesan data yang memakan waktu cukup lama, sehingga untuk menampilkan sejauh mana proses sudah berjalan kita bisa menggunakan progress bar.

Disini kita akan menggunakan Netbeans (versi Netbeans yang saya gunakan adalah Netbeans 6.9.1 yang berjalan diatas sistem operasi Ubuntu). Buat project baru (Java Application), kita beri nama misalkan “ProgressBar” yang kemudian saya simpan di direktori /home/qieberry/NetbeansProjects/ProgressBar. Setelah project dibuat, buatlah sebuah file berjenis JFrame Form bernama “frmUtama” pada paket default (default package). 

Pada form yang sudah dibuat, masukkan 2 buah tombol dan 1 buah progress bar. Saya merubah nama variabel tombol pertama menjadi btnStart dan teksnya saya ubah menjadi Start, sedangkan tombol kedua saya ubah nama variabelnya menjadi btnStop dan teksnya saya ubah menjadi Stop. Sedangkan untuk progress bar saya ganti namanya menjadi progressBar. Cara untuk mengganti nama variabelnya adalah dengan melakukan klik kanan pada komponen yang ingin diganti nama variabelnya, kemudian pilih menu Change Variable Name … kemudian sesuaikan dengan nama yang ingin kita gunakan.

Setelah kita mendesain tampilan sesuai dengan tampilan yang kita inginkan, sekarang kita akan mulai proses coding. Masuklah ke tampilan kode dengan menekan tombol Source yang berada persis di sebelah tombol Design, Dibawah baris public class frmUtama extends javax.swing.JFrame { yang merupakan deklarasi kelas, tambahkan sebuah variabel Timer dengan nama timerProgress. Sintaksnya adalah private Timer timerProgress; jika muncul peringatan di samping kiri, klik kemudian pilih import javax.swing.Timer; Gunanya adalah untuk mengimpor kelas javax.swing,Timer karena kita memanggil sebuah method dari kelas tersebut. 

Kemudian pada konstruktor kelas frmUtama yang sudah kita buat tadi, tambahkan kode sebagai berikut:

 

ActionListener listenerProgress = new ActionListener() {

public void actionPerformed(ActionEvent e) {

progressBar.setValue(progressBar.getValue()+1);

if (progressBar.getValue()==progressBar.getMaximum()){

progressBar.setValue(0);

timerProgress.start();

}

}

};

timerProgress = new Timer(50, listenerProgress);

Kode-kode diatas berfungsi untuk mendeklarasikan sebuah Action Listener yang kita beri nama listenerProgress. Kode progressBar.setValue(progressBar.getValue()+1); berarti kita akan memberikan nilai pada progress bar dengan nilai terakhir progress bar kemudian nilainya ditambah 1. 1 disini adalah berapa banyak kita akan memberikan nilai untuk setiap perubahan nilai progress bar.

Kemudian baris kode if (progressBar.getValue()==progressBar.getMaximum()){

progressBar.setValue(0);

timerProgress.start();

}

berarti kita akan mendeklarasikan sebuah kondisi dimana jika nilai dari progress bar sudah mencapai maksimum, maka nilai progress bar akan dikembalikan menjadi nol, kemudian proses akan dimulai lagi.

Baris timerProgress = new Timer(50, listenerProgress); akan mendeklarasikan nilai maksimum pada progress bar. Nilai yang kita set saat ini adalah 50. Seluruh kode ini berarti progress bar akan memulai proses dari 0, kemudian 1, 2, 3, … sampai 50. Kita bisa saja mengganti nilai maksimum dan berapa nilai loncatannya sesuai dengan yang kita inginkan.

Setelah ActionListener kita buat, saatnya kita mendeklarasikan event yang akan dijalankan saat kedua tombol (btnStart dan btnStop) ditekan. Caranya kita kembali pada tampilan Design. Kemudian klik kanan pada tombol Start dan pilih sub menu Events, pilih Action, kemudian pilih ActionPerformed. Secara otomatis kita akan dibawa ke mode skrip dimana kita harus mendeklarasikan event apa yang akan dilakukan jika tombol Start kita klik. Dibawah baris kode // TODO add your handling code here: kita tuliskan kode timerProgress.start(); Kode ini berarti akan memerintahkan timerProgress untuk mulai bekerja.

Lakukan hal yang sama untuk tombol Stop, hanya saja event yang diberikan adalah timerProgress.stop(); yang berarti akan memerintahkan timerProgress untuk berhenti bekerja.

Setelah semua selesai, kita bisa mulai mengetes program yang kita buat, caranya dengan menekan menu Run -> Run File, atau kita bisa menggunakan shortcut Shift+F6. Untuk mulai menjalankan tekan tombol Start dan lihat apa yang terjadi. Untuk berhenti, tekan tombol Stop

TUTORIAL CARA MEMBUAT CALCULATOR MENGGUNAKAN VISUAL BASIC

Program kalkulator adalah program standar yang sudah tersedia di Microsoft Windows. Tetapi, tak ada salahnya jika kita mencoba membuat kalkulator sendiri dengan Microsoft Visual Basic 6.0. Pertama-tama, buatlah sebuah form sesuai selera Anda, yang bentuknya kurang lebih seperti kalkulator standar Windows, seperti ini:

Untuk properties dari masing-masing objek, saya contohkan seperti dibawah ini, dengan letak masing-masing objek disesuaikan dengan gambar diatas.
Textbox 1:
(Name) : txtDisplay
Alignment: 1-Right Justify
Text : (kosongkan)
Maxlength : 12

Command Button 1:
(Name) : cmdAngka
Index : 1
Caption : 1

Command Button 2:
(Name) : cmdAngka
Index : 2
Caption : 2

Command Button 3:
(Name) : cmdAngka
Index : 3
Caption : 3

Command Button 4:
(Name) : cmdAngka
Index : 4
Caption : 4

Command Button 5:
(Name) : cmdAngka
Index : 5
Caption : 5

Command Button 6:
(Name) : cmdAngka
Index : 6
Caption : 6

Command Button 7:
(Name) : cmdAngka
Index : 7
Caption : 7

Command Button 8:
(Name) : cmdAngka
Index : 8
Caption : 8

Command Button 9:
(Name) : cmdAngka
Index : 9
Caption : 9

Command Button 10:
(Name) : cmdAngka
Index : 0
Caption : 0

Command Button 11:
(Name) : cmdPlusMinus
Caption : +/-

Command Button 12:
(Name) : cmdKoma
Caption : .

Command Button 13:
(Name) : cmdOperator
Index : 1
Caption : +

Command Button 14:
(Name) : cmdOperator
Index : 2
Caption : -

Command Button 15:
(Name) : cmdOperator
Index : 3
Caption : x

Command Button 16:
(Name) : cmdOperator
Index : 4
Caption : /

Command Button 17:
(Name) : cmdClearEntry
Caption : CE

Command Button 18:
(Name) : cmdClear
Caption : C

Command Button 19:
(Name) : cmdSamaDengan
Caption : =

Berikutnya, Anda tinggal membuat coding dari kalkulator tersebut. Jika Anda mengikuti semua
setting properties seperti diatas, maka codingnya saya contohkan seperti ini:

Option Explicit
Private Hasil As Double
Private Const opNol = 0
Private Const opTambah = 1
Private Const opKurang = 2
Private Const opKali = 3
Private Const opBagi = 4
Private Operator As Integer
Private NilaiBaru As Boolean

' untuk menghapus karakter terakhir
Private Sub Hapus()
Dim txt As String
Dim min_len As Integer
txt = txtDisplay.Text
If Left$(txt, 1) = "-" Then
min_len = 2
Else
min_len = 1
End If
If Len(txt) > min_len Then
txtDisplay.Text = Left$(txt, Len(txt) - 1)
Else
txtDisplay.Text = "0"
End If
End Sub

' hapus angka, hasil terakhir dan operator
Private Sub cmdClear_Click()
cmdClearEntry_Click
Hasil = 0
Operator = opNol
End Sub
' hapus angka
Private Sub cmdClearEntry_Click()
txtDisplay.Text = ""
End Sub
' menambahkan koma (desimal)
Private Sub cmdKoma_Click()
If InStr(txtDisplay.Text, ".") Then
Beep
Else
If NilaiBaru Then
txtDisplay.Text = "."
NilaiBaru = False
Else
txtDisplay.Text = txtDisplay.Text & "."
End If
End If
End Sub

' Menghitung
Private Sub cmdSamaDengan_Click()
Dim HasilBaru As Double
If txtDisplay.Text = "" Then
HasilBaru = 0
Else
HasilBaru = CDbl(txtDisplay.Text)
End If
Select Case Operator
Case opNol
Hasil = HasilBaru
Case opTambah
Hasil = Hasil + HasilBaru
Case opKurang
Hasil = Hasil - HasilBaru
Case opKali
Hasil = Hasil * HasilBaru
Case opBagi
'Tidak bisa dibagi nol
If HasilBaru = 0 Then
MsgBox "Tidak bisa dibagi 0", vbOKOnly + vbCritical, "Kalku ERROR"
Call cmdClear_Click
Else
Hasil = Hasil / HasilBaru
End If
End Select
Operator = opNol
NilaiBaru = True
txtDisplay.Text = Format$(Hasil)
End Sub

' menuliskan angka
Private Sub cmdAngka_Click(Index As Integer)
If NilaiBaru Then
txtDisplay.Text = Format$(Index)
NilaiBaru = False
Else
txtDisplay.Text = _
txtDisplay.Text & Format$(Index)
End If
End Sub
' tombol tambah/kurang/bagi/kali
Private Sub cmdOperator_Click(Index As Integer)
cmdSamaDengan_Click
Operator = Index
NilaiBaru = True
End Sub

' merubah tanda +/-
Private Sub cmdPlusMinus_Click()
If NilaiBaru Then
txtDisplay.Text = "-"
ElseIf Left$(txtDisplay.Text, 1) = "-" Then
txtDisplay.Text = Right$(txtDisplay.Text, 2)
Else
txtDisplay.Text = "-" & txtDisplay.Text
End If
End Sub

' filter untuk angka saja yg dapat diketikkan
Private Sub Form_KeyPress(KeyAscii As Integer)
txtDisplay_KeyPress KeyAscii
End Sub
Private Sub Form_KeyUp(KeyCode As Integer, Shift As Integer)
txtDisplay_KeyUp KeyCode, Shift
End Sub
' supaya kursor tetap di kanan
Private Sub txtDisplay_Change()
txtDisplay.SelStart = Len(txtDisplay.Text)
End Sub
Private Sub txtDisplay_GotFocus()
txtDisplay_Change
End Sub

' untuk mengetikkan angka di keyboard
Private Sub txtDisplay_KeyPress(KeyAscii As Integer)
Dim ch As String
ch = Chr$(KeyAscii)
Select Case ch
Case "0"
cmdAngka_Click 0
Case "1"
cmdAngka_Click 1
Case "2"
cmdAngka_Click 2
Case "3"
cmdAngka_Click 3
Case "4"
cmdAngka_Click 4
Case "5"
cmdAngka_Click 5
Case "6"
cmdAngka_Click 6
Case "7"
cmdAngka_Click 7
Case "8"
cmdAngka_Click 8
Case "9"
cmdAngka_Click 9
Case "*", "x", "X"
cmdOperator_Click opKali
Case "+"
cmdOperator_Click opTambah
Case vbCrLf, vbCr, "="
cmdSamaDengan_Click
Case "-"
cmdOperator_Click opKurang
Case "."
cmdKoma_Click
Case "/"
cmdOperator_Click opBagi
Case "C", "c"
cmdClearEntry_Click
End Select
KeyAscii = 0
End Sub

' untuk ketikan angka di numpad
Private Sub txtDisplay_KeyUp(KeyCode As Integer, Shift As Integer)
Select Case KeyCode
Case vbKeyNumpad0
cmdAngka_Click 0
Case vbKeyNumpad1
cmdAngka_Click 1
Case vbKeyNumpad2
cmdAngka_Click 2
Case vbKeyNumpad3
cmdAngka_Click 3
Case vbKeyNumpad4
cmdAngka_Click 4
Case vbKeyNumpad5
cmdAngka_Click 5
Case vbKeyNumpad6
cmdAngka_Click 6
Case vbKeyNumpad7
cmdAngka_Click 7
Case vbKeyNumpad8
cmdAngka_Click 8
Case vbKeyNumpad9
cmdAngka_Click 9
Case vbKeyMultiply
cmdOperator_Click opKali
Case vbKeyAdd
cmdOperator_Click opTambah
Case vbKeySeparator
cmdSamaDengan_Click
Case vbKeySubtract
cmdOperator_Click opKurang
Case vbKeyDivide
cmdOperator_Click opBagi
Case vbKeyDecimal
cmdKoma_Click
Case vbKeyBack, vbKeyDelete
Hapus
End Select
KeyCode = 0
End Sub