Modul 1


1. Flowchart
Berikut adalah Flowchart kelompok kami
Download : http://www.4shared.com/file/VDfPbuhF/flowchart_kelompok_18.html?






2. Tutorial dan Listing



TUTORIAL TEKNOLOGI INFORMATIKA VISUAL BASIC 2010
“Membuat Program Aplikasi Pemesanan menu makananan dan minuman di Restoran Hadinan”

1.      Deskripsi Singkat
             Program aplikasi pemesanan menu makanan dan minuman di Restoran Hadinan ini adalah sebuah program aplikasi yang diciptakan dan difungsikan untuk membantu konsumen dalam memilih menu makanan, minuman, dan makanan penutup (dessert) yang terdapat di Restoran Hadinan. Adapun daftar nama-nama menu makanan (food) yang tersedia adalah Chicken Steak, Beef Steak, Chicken Cordon bleu, Sirloin Steak, dan Tenderloin Steak. Adapun menu untuk minuman (beverage) adalah iced tea, lemon tea, orange juice, milkshake vanilla, dan milkshake chocolate. Dan untuk menu penutup, makanan yang disediakan berupa ice cream, banana split, dan pudding. Program aplikasi daftar menu ini sangat memudahkan konsumen untuk dapat memilih jenis-jenis makanan yang diinginkan sesuai selera konsumen.
2.      Tujuan dan Manfaat
Tujuan program ini dibuat yaitu untuk mempermudah pemilihan jenis-jenis makanan yang diinginkan oleh konsumen. Konsumen dapat memilih menu makanan dan minuman dengan cara memesan makanan dan minuman tersebut dengan mencentang menu makanan atau minuman yang akan dipesan serta mengisi jumlah item yang diinginkan dari setiap jenis makanan dan minuman tersebut.
3.      Sasaran
Sasaran kami membuat program aplikasi ini adalah untuk restoran-restoran.
4.      Konsep
Konsep pembuatan program ini yaitu:
1.      Membuka Aplikasi Visual Basic 2010

2.      Klik New Project, maka akan muncul tampilan sebagai berikut:

3.      Kemudian klik Ok untuk Windows Form Application, maka akan muncul: 
Setelah itu, kita tampilkan Tool Box yang terdapat pada Menu Bar Visual Basic 2010, langkahnya adalah klik View→Other Windows→Tool Box
 sehingga keluar sebagai berikut:

4.      Kemudian gunakan fungsi-fungsi pada toolbox seperti:

5.      Setelah itu, atur propertinya untuk tool-tool yang akan kita gunakan dalam program aplikasi kita:
Komponen
Properties
Keterangan
Form 1
Name
Text
Form 1
Form 1
Button 1
Name
Text
Button 1
Next
TextBox 1
Name
TextBox 1
Label 1
Name
Text
Label 1
Welcome to Hadinan Steak
Label 2
Name
Text
Label 2
Please Fill your Orders below
Label 3
Name
Text
Label 3
Mr/Mrs:
Form 2
Name
Text
Form 2
List
Label 1
Name
Text

Label 1
List of Menu
Label 2
Name
Text

Label 2
Click Here
Button 1
Name
Text
Button 1
FOOD
Button 2
Name
Text
Button 2
BEVERAGE
Button 3
Name
Text
Button 3
Desert
Button 4
Name
Text
Button 4
FINISH
Form 3
Name
Text

Form 3
List
Label 1
Name
Text
Label 1
Food
Label 2
Name
Text
Label 2
Qty
CheckBox 1
Name
Text
CheckBox1
Chicken Steak
CheckBox2
Name
Text
CheckBox 2
Beef Steak
CheckBox3
Name
Text
CheckBox3
Chicken Cordon Bleu
CheckBox4
Name
Text
CheckBox 4
Sirloin Steak
CheckBox5
Name
Text
CheckBox5
Tenderloin Steak
TextBox1
Name

TextBox1
TextBox2
Name

TextBox2
TextBox3
Name

TextBox3
TextBox4
Name

TextBox4
Textbox5
Name

Textbox5
Button1
Name
Text
Button1
Save
Form 4
Name
Text
Form4
Form4
Label1
Name
Text
Label1
Beverage
CheckBox1
Name
Text
CheckBox1
Ice Tea
CheckBox2
Name
Text
CheckBox2
Lemon Tea
Checkbox3
Name
Text
CheckBox3
Orange juice
CheckBox4
Name
Text
CheckBox4
Milkshake Vanilla
CheckBox5
Name
Text
CheckBox5
Milk Shake Chocolate
Label2
Name
Text
Label2
Qty
Textbox1
Name

TextBox1
TextBox2
Name

TextBox2
TextBox3
Name

TextBox3
Textbox4
Name

Textbox4
TextBox5
Name

TextBox5
Button1
Name
Text
Button1
Save
Form5
Name
Text
Form5
Form5
Label1
Name
Text
Label1
DESERT
CheckBox1
Name
Text
CheckBox1
Ice Cream
CheckBox2
Name
Text
CheckBox2
Banana Split
CheckBox3
Name
Text
CheckBox3
Pudding
Label2
Name
Text
Label2
Qty
TextBox1
Name

TextBox1
TextBox2
Name

TextBox2
TextBox3
Name

TextBox3
Button1
Name
Text
Button1
Save

6.      Membuat Form 1 sesuai dengan aturan properties yang telah kita buat sebelumnya. Untuk mengganti background Form 1, kita pilih Properties-BackgroundImage-LocalResource-Import-Ok.
7.      Untuk mengganti style pada toolbox (background toolbox, font), klik toolbox yang hendak diganti style nya, pilih properties – font(huruf) - backcolor (background toolbox) – forecolor (warna tulisan toolbox).
8.      Form-form dalam program aplikasi serta penjelasan:


HADINAN STEAK

Form 1


Public Class Form1

    Private Sub Button1_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button1.Click
        If TextBox1.Text = "" Then
            MsgBox("please enter your name")
        Else
            Form2.Show()
            Me.Hide()
        End If

    End Sub
 PENJELASAN: Pada fungsi Button 1, kita menggunakan fungsi rumus IF pada proses penginputan nama konsumen. Bila konsumen lupa atau tidak sengaja tidak menginputkan namanya, maka akan keluar message box dengan tulisan “Please enter your name”, sehingga konsumen belum/ tidak dapat untuk melangkah ke pengisian menu makanan dalam program aplikasi tersebut. Dan kita menggunakan Form2.Show() dan Me.Hide(), yang berarti apabila konsumen telah menginputkan namanya dan menekan tombol NEXT, maka akan diarahkan untuk masuk ke Form 2, dengan menutup Form 1 terlebih dahulu yang dilakukan dengan fungsi Hide tadi.
           


    Private Sub Form1_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
        Me.Text = "WELCOME"
        Me.ForeColor = Color.DarkRed
        Me.BackColor = Color.BurlyWood
    End Sub
End Class
PENJELASAN: Pada Form 2, kita menggunakan fungsi Me.Text yang digunakan untuk memberi nama teks, Me.ForeColor yang berfungsi untuk memberikan warna depan pada tampilan, dan Me.BackColor yang berfungsi untuk memberi warna latar pada tampilan program di Form 1.


Form 2

Public Class Form2

    Private Sub Button1_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button1.Click
        Form3.Show()
        Me.Hide()
    End Sub
       PENJELASAN: Pada Form 2, kita menggunakan Button 1 untuk menulis kata FOOD. Dan kita juga menggunakan fungsi Form3.Show() yang maksudnya adalah mengarahkan konsumen ke Form selanjutnya, yaitu Form 3. Dan kita juga menggunakan fungsi Me.Hide() agar saat membuka Form 3, Form 2 tidak muncul lagi/ disembunyikan.


    Private Sub Button2_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button2.Click
        Form4.Show()
        Me.Hide()
    End Sub

PENJELASAN: Selanjutnya, kita menggunakan fungsi Button 2 untuk menulis kata BEVERAGE. Dan juga menggunakan fungsi Form4.Show() yang digunakan untuk menunjukkan Form 4 setelah proses pengisian di Form 3 selesai. Dan fungsi Me.Hide() yang memiliki tujuan untuk menyembunyikan atau menutup Form sebelumnya atau Form 3 dalam hal ini.



    Private Sub Button3_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button3.Click
        Form5.Show()
        Me.Hide()
    End Sub
PENJELASAN: Kita juga menggunakan Button 3 dalam Form 2 untuk menulis kata DESERT. Fungsi Form5.Show() digunakan untuk menunjukkan Form selanjutnya, dan fungsi Me.Hide() adalah fungsi untuk menyembunyikan atazu menutup Form sebelumnya.



    Private Sub Button4_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button4.Click
        Dim name1, name2, name3 As String
        name1 = " Has"
        name2 = "Been"
        name3 = "Saved"
        MsgBox("Your Order" & name1 & " " & name2 & " " & name3)
        Close()
    End Sub
PENJELASAN: Kita juga mengguanakan Button 4 yang berfungsi untuk menulis kata FINISH. Juga terdapat Dim atau yang kita gunakan sebagai suatu pemisalan, yakni name 1 sebagai kata HAS, name 2 sebagai kata BEEN, name 3 sebagai kata SAVED, dan juga terdapat message box apabila konsumen telah selesai dalam memesan makanan dan minuman, yaotu kata YOUR ORDER HAS BEEN SAVED.

    Private Sub Form2_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
        Me.Text = "MENU"
        Me.ForeColor = Color.DarkRed
        Me.BackColor = Color.BurlyWood
    End Sub
End Class
PENJELASAN: Kita juga menggunakan fungsi Me.Text = "MENU" yang digunakan untuk menulis kata MENU, fungsi Me.ForeColor = Color.DarkRed untuk memberi warna depan tampilan, dan Me.BackColor = Color.BurlyWood untuk memberi warna tampilan latar.


Form 3

Public Class Form3

    Private Sub Button1_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button1.Click
        Form2.Show()
        Me.Hide()
    End Sub



PENJELASAN: Dalam Form ini, kita menggunakan fungsi Button untuk menulis kata FOOD, dan untuk button serta checkbox lainnya dengan menulis kata CHICKEN STEAK, BEEF STEAK, CHICKEN CORDON BLEU, SIRLOIN STEAK, TENDERLOIN STEAK, QTY, dan SAVE.



    Private Sub Form3_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
        Me.Text = "FOOD"
        Me.ForeColor = Color.DarkRed
        Me.BackColor = Color.BurlyWood
    End Sub
End Class
PENJELASAN: Di Form 3, kita gunakan fungsi Me.Text = "FOOD" untuk membuat kata FOOD. Fungsi Me.ForeColor = Color.DarkRed untuk memberi warna depan tampilan , dan fungsi  Me.BackColor = Color.BurlyWood untuk memberi warna latar.

Form 4

Public Class Form4

    Private Sub Button1_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button1.Click
        Form2.Show()
        Me.Hide()
    End Sub
              PENJELASAN: Kita gunakan fungsi Form2.Show() untuk menunjukkan Form 2, dan fungsi Me.Hide() untuk menyembunyikan Form yang sebelumnya.


    Private Sub Form4_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
        Me.Text = "BEVERAGE"
        Me.ForeColor = Color.DarkRed
        Me.BackColor = Color.BurlyWood
    End Sub
End Class
PENJELASAN: Kita menggunakan fungsi Me.Text = "BEVERAGE" untuk menuliskan kata BEVERAGE, fungsi Me.ForeColor = Color.DarkRed untuk memberikan warna depan pada tampilan, serta fungsi Me.BackColor = Color.BurlyWood untuk memberikan warna latar belakang pada tampilannya.



Form 5

Public Class Form5

    Private Sub Button1_Click(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button1.Click
        Form2.Show()
        Me.Hide()
    End Sub
PENJELASAN: Untuk Form 5, kita gunakan Button, CheckBox, Label, dan TextBox untuk menulis kata-kata seperti di dalam gambar Form 5. Juga menggunakan fungsi Form2.Show() untuk menunjukkan ke slide berikutnya dan fungsi Me.Hide() untuk menyembunyikan Form yang sebelumnya.

    Private Sub Form5_Load(ByVal sender As System.ObjectByVal e As System.EventArgs)
        Me.Text = "DESERT"
        Me.ForeColor = Color.DarkRed
        Me.BackColor = Color.BurlyWood
        Close()

    End Sub
PENJELASAN: Kita menggunakan Me.Text = "DESERT" untuk menulis kata DESERT. Menggunakan fungsi Me.ForeColor = Color.DarkRed untuk memberikan efek warna depan pada tampilan, dan fungsi Me.BackColor = Color.BurlyWood sebagai pemberi warna untuk latar tampilan.


Oleh: 1. Khairunnisa Hanan Y (21070111130035)
2. Aditya Bonavasius P (21070111130061)
3. Intan Novita D. (21070111130075)


untuk lebih lengkapnya silahkan download file di : 
http://www.4shared.com/file/BxMosxqt/Tutorial_kita.html


3. Program


Program Visual Basic kami dapat di lihat di:

Program kami mengambil tema menu restauran steak yang bernama Hadinan Steak. Program ini dirancang agar pelanggan yang ingin memesan tidak perlu menunggu datangnya pelayan serta dapat menghemat penggunaan kertas yang digunakan untuk pemesanan.

No comments:

Post a Comment