Transcript
Page 1: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

Pembuatan menu: dengan perintah INPUT, MENU & melalui FORM

PERTEMUAN 12

Page 2: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

2

Menu• Aplikasi pada umumnya mencakup berbagai

jenis pekerjaan yang akan dilakukan dengan bantuan komputer– Manajemen data– Pembuatan laporan– Dsb.

• Dalam beberapa kasus, pengguna seringkali hanya ingin menjalankan jenis pekerjaan tertentu saja, tidak seluruh pekerjaan yang ada di dalam aplikasi

Page 3: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

3

Menu• Untuk kepentingan pengguna seperti inilah

maka seringkali suatu aplikasi harus dikelompokkan ke dalam menu atau sub-menu

• Dengan membagi instruksi di dalam suatu aplikasi menjadi menu atau sub-menu maka pengguna akan memiliki kontrol untuk menentukan atau memilih kelompok program yang akan dijalankan sesuai dengan kebutuhannya

Page 4: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

4

Menu• Menu: daftar pilihan yang ditawarkan kepada

pengguna• Setiap menu yang ditawarkan dihubungkan

dengan prosedur atau kelompok instruksi tertentu1. hapus data rangkaian perintah utk hapus data2. tambah data rangkaian perintah utk

menambah data

Page 5: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

5

Pembuatan Menu VFP• Sekurang-kurangnya ada 3 cara yang dapat

digunakan untuk membuat menu dalam VFP– Menggunakan perintah INPUT (pengguna

mengisikan pilihan)– Menggunakan CommandButton dalam FORM– Menggunakan perintah MENU

Page 6: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

6

PEMBUATAN MENU DENGAN PERINTAH INPUT

Page 7: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

7

Menu dengan perintah INPUT• Strategi yang digunakan:

– Tuliskan petunjuk dan pilihan menu– Pengguna diminta menuliskan pilihan menu yang

dibaca dengan perintah INPUT– Perintah INPUT hanya dapat membaca isian

numerik– Gunakan DO CASE … ENDCASE untuk mengatur

eksekusi sesuai menu yang dipilih

Page 8: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

8

Contoh Menu VFP dengan INPUT..PROCEDURE PengolahanMHSCLEARDEFINE WINDOW lMenu ; FROM 1, 1 TO 30, 60 ; IN DESKTOP ; FONT 'courier',14; TITLE "Pengolahan data mahasiswa" ; GROW FLOAT ACTIVATE WINDOW lMenu DO WHILE .T. CLEAR ? ?' MENU PENGOLAHAN DATA

MAHASISWA:' ? ?' 1. Entri Data' ?' 2. Hitung Rata-Rata Nilai' ?' 3. Perbaikan Data' ?' 4. Penghapusan Data' ?' 9. Keluar' INPUT ' *** Pilih menu: ' to mChoice

DO CASE CASE mChoice = 1 DO EntriData CASE mChoice = 2 DO HitungAvgLyr CASE mChoice = 3 DO UpdateData CASE mChoice = 4 DO DeleteData CASE mChoice = 9 RELEASE WINDOWS lMenu EXIT OTHERWISE WAIT ' *** Pilihan menu salah *** ' ENDCASEENDDO RELEASE WINDOW lMenu

ENDPROC

Page 9: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

9

Contoh Menu VFP dengan FORMPROCEDURE Menu12fMenu12 = CREATEOBJECT('Form')fMenu12.Closable = .T.

fMenu12.Caption='Pengolahan data mahasiswa' fMenu12.Height = 400 fMenu12.Width = 650

fMenu12.AddObject('cmdEntri' , 'cmdEntri1') fMenu12.AddObject('cmdUpdate' , 'cmdUpdate1')fMenu12.AddObject('cmdDelete' , 'cmdDelete1')fMenu12.AddObject('cmdTabel' , 'cmdTabel1') fMenu12.AddObject('cmdQuit' , 'cmdQuit1')

fMenu12.AddObject('lblJudul' , 'lblJudul1')fMenu12.AddObject('lblMsg' , 'lblMsg1')

fMenu12.cmdEntri.Visible = .T.fMenu12.cmdUpdate.Visible = .T.fMenu12.cmdDelete.Visible = .T.fMenu12.cmdTabel.Visible = .T.fMenu12.cmdQuit.Visible = .T.fMenu12.lblJudul.Visible = .T.fMenu12.lblMsg.Visible = .T.

* creating tool tipfMenu12.cmdEntri.ToolTipText = "Penambahan data"fMenu12.cmdUpdate.ToolTipText = "Perbaikan data"fMenu12.cmdDelete.ToolTipText = "Penghapusan data"fMenu12.cmdTabel.ToolTipText = "Penyajian hasil"fMenu12.cmdQuit.ToolTipText = "Keluar"

fMenu12.ShowTips = .T. fMenu12.SHOW

READ EVENTS && start to read events

RETURN && ends procedure 'MainOpt'

Page 10: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

10

PEMBUATAN MENU DENGAN MENGGUNAKAN FORM

Page 11: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

11

Pembuatan menu dengan menggunakan FORM

• Strateginya:– Gunakan command button untuk setiap menu

yang dapat dipilih– Perintah eksekusi dilakukan melalui prosedur click

dari definisi command button yang bersangkutan– Gunakan label untuk menampilkan keterangan

dan informasi lain

Page 12: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

12

Contoh Menu VFP dengan FORMPROCEDURE Menu12fMenu12 = CREATEOBJECT('Form')fMenu12.Closable = .T.

fMenu12.Caption='Pengolahan data mahasiswa' fMenu12.Height = 400 fMenu12.Width = 650

fMenu12.AddObject('cmdEntri' , 'cmdEntri1') fMenu12.AddObject('cmdUpdate' , 'cmdUpdate1')fMenu12.AddObject('cmdDelete' , 'cmdDelete1')fMenu12.AddObject('cmdTabel' , 'cmdTabel1') fMenu12.AddObject('cmdQuit' , 'cmdQuit1')

fMenu12.AddObject('lblJudul' , 'lblJudul1')fMenu12.AddObject('lblMsg' , 'lblMsg1')

fMenu12.cmdEntri.Visible = .T.fMenu12.cmdUpdate.Visible = .T.fMenu12.cmdDelete.Visible = .T.fMenu12.cmdTabel.Visible = .T.fMenu12.cmdQuit.Visible = .T.fMenu12.lblJudul.Visible = .T.fMenu12.lblMsg.Visible = .T.

* creating tool tip: a message shown as mouse moved to particular objectfMenu12.cmdEntri.ToolTipText = "Penambahan data"fMenu12.cmdUpdate.ToolTipText = "Perbaikan data"fMenu12.cmdDelete.ToolTipText = "Penghapusan data"fMenu12.cmdTabel.ToolTipText = "Penyajian hasil"fMenu12.cmdQuit.ToolTipText = "Keluar"

fMenu12.ShowTips = .T. fMenu12.SHOW

READ EVENTS && start to read events

RETURN

Page 13: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

13

Contoh Menu VFP dengan FORMDEFINE CLASS cmdEntri1 AS

CommandButton Caption = "1 - Entri Data" Cancel = .T. Left = 150 Top = 70 Height = 25 Width = 150 Alignment = 2

PROCEDURE Click cDir0 = CURDIR() SET PATH TO &cDir0 SET PROCEDURE TO EntriData DO EntriData ENDPROC ENDDEFINE

DEFINE CLASS cmdUpdate1 AS CommandButton

Caption = "2 - Perbaikan Data" Cancel = .T. Left = 150 Top = 95 Height = 25 Width = 150 Alignment = 2 PROCEDURE Click cDir0 = CURDIR() SET PATH TO &cDir0 SET PROCEDURE TO UpdateData DO UpdateData ENDPROC ENDDEFINE

Page 14: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

14

Contoh Menu VFP dengan FORMDEFINE CLASS cmdDelete1 AS

CommandButton Caption = "3 - Penghapusan Data" Cancel = .T. Left = 150 Top = 120 Height = 25 Width = 150 Alignment = 2 PROCEDURE Click cDir0 = CURDIR() SET PATH TO &cDir0 SET PROCEDURE TO

DeleteData DO DeleteData ENDPROC ENDDEFINE

DEFINE CLASS cmdTabel1 AS CommandButton Caption = "4 - Nilai Rata-Rata" Cancel = .T. Left = 150 Top = 145 Height = 25 Width = 150 Alignment = 2 PROCEDURE Click cDir0 = CURDIR() SET PATH TO &cDir0 SET PROCEDURE TO HitungAvgLyr DO HitungAvgLyr ENDPROC ENDDEFINE

Page 15: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

15

DEFINE CLASS lblJudul1 AS Label && defines label

Top = 35 Left = 70 Width = 350 Height = 30 Curvature = 99 Caption = "Menu pengolahan

data mahasiswa" FontBold = .T. Alignment= 2 FontSize = 11 Enabled = .F. BackColor = RGB(192,192,192) ENDDEFINE

DEFINE CLASS lblMsg1 AS Label && defines label

Top = 200 Left = 70 Width = 350 Height = 30 Curvature = 99 Caption = "Klik salah satu menu

untuk mengaktifkannya!!" FontBold = .T. Alignment= 2 FontSize = 11 Enabled = .F. BackColor = RGB(192,192,192) ENDDEFINE

Contoh Menu VFP dengan FORM

Page 16: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

16

PEMBUATAN MENU DENGAN PERINTAH MENU

Page 17: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

17

Pembuatan menu dengan POPUP

• Strategi– Kelompokkan menu ke dalam sub-sub menu– Menu utama di sajikan dalam PAD– Sub-menu disajikan sebagai POPUP dari PAD yang

bersangkutan– Eksekusi dilakukan berdasarkan pilihan yang

dilakukan dengan klik terhadap sub-menu yang diinginkan

Page 18: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

18

Pembuatan menu dengan POPUPMENU BARPAD-1 PAD-2 …

Popup-11Popup-12

Popup-21Popup-22

Urutan eksekusi• Pengguna memilih salah satu menu dari menu bar (pad)• Sub-menu akan disajikan dalam bentuk popup untuk setiap menu yang dipilih• Eksekusi akan dilakukan sesuai dengan popup yang dipilih (di-klik) pengguna

Page 19: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

19

PROCEDURE PakaiMenuCLEARreplC = .T.DO WHILE replC = .T. RELEASE WINDOWS DEFINE WINDOW lMenu ; FROM 1, 1 TO 40, 80 ; IN DESKTOP ; FONT 'courier',14; TITLE "Pengolahan data

mahasiswa" ; GROW FLOAT CLOSE ACTIVATE WINDOW lMenu CLEAR

DEFINE MENU MenuUtama BAR AT LINE 1

DEFINE PAD MgtData OF MenuUtama PROMPT 'Manajemen \<Data' COLOR SCHEME 3 ;

KEY ALT+D, '' DEFINE PAD Laporan OF

MenuUtama PROMPT '\<Laporan' COLOR SCHEME 3 ;

KEY ALT+L, '' DEFINE PAD QuitProc OF

MenuUtama PROMPT '\<Quit' COLOR SCHEME 3 ;

KEY ALT+Q, ''

Contoh Menu VFP dengan MENU

Page 20: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

20

ON PAD MgtData OF MenuUtama ACTIVATE POPUP ManajemenData

ON PAD Laporan OF MenuUtama ACTIVATE POPUP LaporanData

ON PAD QuitProc OF MenuUtama ACTIVATE POPUP QuitProgram

DEFINE POPUP ManajemenData MARGIN RELATIVE COLOR SCHEME 4

DEFINE BAR 1 OF ManajemenData PROMPT '\<Entri Data' ;

KEY CTRL+E, '^E' DEFINE BAR 2 OF ManajemenData PROMPT

'\<Update Data' ; KEY CTRL+U, '^U' DEFINE BAR 3 OF ManajemenData PROMPT

'\<Hapus Data' ; KEY CTRL+H, '^H' ON SELECTION POPUP ManajemenData DO

chMgtData IN PakaiMenu WITH PROMPT()

DEFINE POPUP LaporanData MARGIN RELATIVE COLOR SCHEME 4

DEFINE BAR 1 OF LaporanData PROMPT '\<Tampilkan Rata-Rata' ;

KEY ALT+T, '^T' ON SELECTION POPUP LaporanData

DO chLaporan IN PakaiMenu

DEFINE POPUP QuitProgram MARGIN RELATIVE COLOR SCHEME 4

DEFINE BAR 1 OF QuitProgram PROMPT '\<Keluar Program' ;

KEY ALT+K, '^K' ON SELECTION POPUP QuitProgram

DO chQuit in PakaiMenu with replC

Contoh Menu VFP dengan MENU

Page 21: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

21

IF replC = .T. ACTIVATE MENU MenuUtama ELSE DEACTIVATE MENU MenuUtama RELEASE MENU MenuUtama

EXTENDED ON KEY LABEL ESC ENDIF ENDDO RELEASE WINDOWSENDPROC

Contoh Menu VFP dengan MENUPROCEDURE chMgtDataPARAMETERS mChoiceDO CASE CASE mChoice = 'Entri Data' DO EntriData RELEASE WINDOWs wEntriData CASE mChoice = 'Update Data' DO UpdateData RELEASE WINDOWS lUpdate CASE mChoice = 'Hapus Data' DO DeleteData RELEASE WINDOWS lDeleteENDCASE ENDPROC

PROCEDURE chLaporan DO HitungAvgLyrENDPROC

PROCEDURE chQuitPARAMETERS replC replC = .F. RETURN replCENDPROC

Page 22: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

Distribusi aplikasi

Page 23: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

23

Pendistribusian aplikasi• Pengguna dari suatu aplikasi tidak selalu dapat

memahami bahasa pemrograman yang digunakan untuk membuat aplikasi tersebut

• Untuk dapat menjalankan aplikasi dalam bahasa pemrograman yang digunakan dalam pengembangannya diperlukan lingkungan dan software yang sesuai

• Oleh karena itu pada umumnya suatu aplikasi didistribusikan ke pengguna bukan dalam bentuk file dalam suatu bahasa pemrograman tertentu

Page 24: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

24

Pendistribusian aplikasi• Distribusi aplikasi VFP dapat dilakukan dalam

dua pilihan– Dalam file aplikasi (dengan ekstensi ‘.app’)– Dalam file eksekusi (dengan ekstensi ‘.exe’)

• File aplikasi hanya dapat dijalankan dari VFP, dengan perintah DO nama-file (sama seperti menjalankan prosedur)

• File eksekusi dapat dijalankan dari lingkungan Windows dan DOS (tidak memerlukan VFP)

Page 25: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

25

Pendistribusian aplikasi• Untuk menghasilkan file ‘.app’ dan ‘.exe’

diperlukan proses kompilasi• Agar dapat dikompilasi, semua file yang

diperlukan oleh aplikasi harus dimasukkan dalam project– File program– File data– File lainnya (jika ada)

Page 26: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

26

Membuat project untuk aplikasi• Dari menu VFP

1. File New Project New File nama-file2. Tambahkan semua komponen yang digunakan

Dalam contoh pengolahan mahasiswa (pengolahanmhs.prg ditambahkan di Code dan NilaiMHS.dbf di free-table)

Page 27: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

27

Kompilasi untuk menghasilkan ‘.app’• Dari menu VFP

1. File Open Project nama-project2. Klik Build Application (app) OK3. Beri nama file yang diinginkan kemudian

klik SavePerhatikan direktori atau folder tempat penyimpan file ‘.app’!!!Untuk menjalankan aplikasi, gunakan perintah dari layar command DO nama-file

Page 28: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

28

Kompilasi untuk menghasilkan ‘.exe’• Dari menu VFP

1. File Open Project nama-project2. Klik Build Win32 executable/COM server (exe)

OK3. Beri nama file yang diinginkan kemudian klik SaveFile yang dihasilkan (dengan ekstensi ‘.exe) dapat dijalankan dari mana saja, tetapi kedua file berikut harus ada di folder yang sama: 4. vfp9r.dll 5. VFP9RENU.DLL

Page 29: Pembuatan menu:  dengan perintah  INPUT ,  MENU  &  melalui  FORM

29

Terima kasih


Top Related