Membuat Aplikasi - Qammaddin.files.wordpress

1y ago
32 Views
4 Downloads
1.23 MB
43 Pages
Last View : 2d ago
Last Download : 2m ago
Upload by : Julius Prosser
Transcription

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomMembuat AplikasiImplementasi Dengan Cara pembuatan aplikasi dijelaskansecara detail disertai gambar. Bermanfaat untuk programer pemulayang ingin mengetahui dan belajartentang aplikasi databaseDisertai CD Master Intaller,Program Aplikasi jadi,Source Code AplikasiCdrom01.ico serta Kamus ITDipakai Dalam LingkunganUniversitas 19 November KolakaProgram Studi Sistem InformasiProdi Sistem Informasi-1-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomKATA PENGANTARPemrograman Visual merupakan model pemrograman yang akhir-akhir ini populerdi lingkungan Windows. Salah satu perangkat lunak yang berbasis pemrogramanvisual adalah Visual FoxPro. Dengan men ggunakan perangkat lunak ini pembuatanprogram aplikasi yang melibatkan basis data dapat dilakukan dengan mudah dan cepat.Antarmuka yang menarik dan mudah dipakai dapat dibuat secara visual dan tanpa harusbanyak menuliskan kode. Laporan, menu, dan hal-hal lain yang erat kaitannya dengansuatu aplikasi juga dapat dibuat dengan mudah sehingga akan terasa sekali bahwaVisual FoxPro dapat meningkatkan produktivitas pemrogram.Dengan menggunakan pendekatan belajar sambil mencoba, buku ini dimaksudkanagar Mahasiswa Universitas 19 November (USN) Kolaka pada umumnya danProgram Studi Sistem Informasi pada khususnya mampu dengan mudah dapat mempelajari perangkat lunak Visual FoxPro sekalipun belum memiliki pengalamanmemprogram di lingkungan Windows. Dalam buku ini penulis sengaja memberikan contohyang sederhana namun sangat berguna untuk di aplikasikan dalam hal urusanadministrasi berbsais database. Dari contoh yang sederhana ini, penulis berharap buku inidapat diterima oleh semua kalangan khususnya Mahasiswa USN Kolaka demi kelancaranproses belajar mengajar secara teori mapun praktek.Dalam penulisan buku ini penulis sangat menyadari masih terdapat banyakkekurngan yang kemudian penulis mengharapkan masukan-masukan, saran dan kritikpembaca untuk dijadikan acuan perbaikan pada penulisan buku ini.Akhir kata, penulis berharap buku ini dapat membantu para pemrogram yangtertarik untuk membuat aplikasi dengan pendekatan visual. Penulis juga berharap akanadanya saran dari pembaca. Tidak lupa, penulis mengucapkan terima kasih kepadasemua pihak atas segala ide. saran, dorongan, dan bantuan, yang memungkinkan bukuini terwujud.Kolaka, September 2008PenulisQammaddin, S.KomProdi Sistem Informasi-2-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomDAFTARISIHalamanHALAMAN JUDULKATA PENGANTARKATA SAMBUTANDAFTAR ISIBABBabIIIPENDAHULUAN1.1.Apakah Bahasa Pemrograman Visual FoxPro Itu? .1.2.Batasan – Batasan . 11PENGENALAN OBJEK DAN MENU RANCANGANINTERFACE PEMROGRAMAN VISUAL FOXPRO2.1.Komponen Objek . .2.2.Menu Visual FoxPro . .2.3.Mengenal Objek Kontainer 2.4.Mengenal Objek Kontrol .2468BABIIIKOMPONEN UTAMA DALAM MENYUSUSN SEBUAHAPLIKASI BabIV11PEMBUATAN PROJECT STARTUP PROGRAM DANMENU4.1.Pengantar Umum . .4.2.Langkah-Langkah Setting Folder14Kerja Aplikasi . 144.3.Langkah-Langkah Penyusun Project .154.4.Langkah-Langkah Penyusunan Startup Program .164.5.Langkah-Langkah Penyusunan Menu . .18BABVPEMBUATAN APLIKASI TABEL, FORM DAN UNTUKAPLIKASI MABA USNProdi Sistem Informasi-3-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom5.1.Pendahuluan . .5.2.Create File database . . 5.3.Update Startup Program . .5.4.Create Aplikasi Entry, Edit dan Delete Record . urceCodeAplication . 5.6.26Pembuatan Report Untuk Procedure Print dan Preview Maba USNKolaka . .33LAMPIRAN 1 : Diagram Konteks Sistem Pengolahan DataMahasiswa Baru USN Kolaka . .35LAMPIRAN 2 : Form Aplikasi Secara Rinci .36Prodi Sistem Informasi-4-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom1. PENDAHULUAN1.1. Apakah Bahasa Pemrograman Microsoft Visual FoxPro itu ?Miscrosoft Visual FoxPro adalah suatu sistem aplikasi pengolahan data base denganmenggunakan pemrograman under windows. FoxPro diciptakan untuk mendukung pemrogramanberorientasi objek atau Object Oriented Programming (OOP). Untuk dapat melakukan OOP kitaharus mengubah paradigma kita daiam memandang program. Jika sebelumnya kita memandangprogram sebagai serangkaian instruksi yang disusun daiam bentuk procedure/fungsi, makadengan OPP kita harus memandang program sebagai serangkaian instruksi yang tersimpan dalamsekumpulan objek, dimana masing-masing objek memiliki data dan procedure (fungsi tersendiri).Data daiam objek disebut dengan Propertis, sedangkan Procedure / Fungsi dalam objek disebutMethod.Pembahasan pembuatan program dilakukan secara berurutan langkah perlangkah yangdimulai dari tingkat dasar yaitu persiapan awal pembuatan suatu sistem aplikasi persiapan tabelsampai pada perancangan sistem menu dan kompilasi program yang jadi file exe yang bisa dieksekusi/dipangggil dari luar microsoft FoxPro dengan studi kasus Data Mahasiswa BaruUniversitas 19 November Kolaka sehingga dapat memenuhi sebagian dari kebutuhanpihak manajemen secara cepat akurat den tepat waktu maka dibutuhkan suatu sistem programaplikasi data bebasis komputer yang andal.1.2. Batasan - Batasan.Pembuatan program yang akan dibuat untuk memberikan contoh pemrogramanaplikasi jadi dengan menggunakan Visual Foxpro. Jadi belum membahas secara lengkapkeseluruhan sistem informasi untuk Data Mahasiswa. Batasan sistem aplikasi yang dibuat meliputikonsep sistem secara umum yaitu Input, Preses dan Output.1. Masukan Sistem ( Input)Nomor Stambuk Mahasiswa (stb) memberikan informasi satu record data mahasiswa. Jikaanda ingin menggunakan contoh kasus yang lain seperti penjualan atau persediaan, makamasukan sisitem/input yang digunakan harus disesuaikan dengan program aplikasi andatersebut. Sebagai contoh : data barang.2. Prosedur Sistem ( Proses)- proses pembuatan formulir input data awal, merupakan kegiatan perancangan formulirinput dari awal menyangkut bagaimana bentuk tampilan (form input)proses pengisian data yang diperlukan. Merancang proses pengisian data kedalamformulir menyangkut validasi data ( tidak boleh ada kode yang dimasukan duakali/redudansi ) dsb.- Proses pembuatan laporan, merancang pembuatan laporan sistem aplikasiberdasarkan masukan sistem ( input }3. Keluaran Sistem (Output)Batasan untuk keluaran sistem ( output ) meliputi- Output dalam bentuk Video Display Monitor / Preview ( cetak ke layer )- Output dalam bentuk dokumen kertas (cetak ke printer)Prodi Sistem Informasi-5-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom2. PENGENALAN OBJEK DANMENU RANCANGANINTERFACE PEMROGRAMANVISUAL FOXPROKomponen ObjekRancangan interface pada Bahasa Pemrograman Visual FoxPro membutuhkan objek-objekperintah. Setiap Objek selalu memiliki 3 komponen sebagai berikut :1. PropertiesProperties merupakan karaktreristik atau sifat dari sebuah objek. Contoh Properties sbb :PropertiesNameCaptionEnabledKeteranganNama ObjekKeterangan dari objek/teks yang ditampilkan pada objekMentukan apakah objk bisa digunakan atau tidak2. EventSetiap objek mengenal dan dapat memberikan respon terhadap kejadian tertentu dalamprogram. Kejadian tersebut disebut dengan Event. Event digubakan untuk menentukanjalannya program (Algoritma) dalam Pemrograman Visual. Contoh Event sbb:EventLoadActivateClickInteractive ChangeKeteranganDikerjakan disaatDikerjakan disaatDikerjakan disaatDikerjakan disaatobjek akan ditampilkan dalam programobjek diaktifkan dalam programobjek di Click (Klik Kiri)isi objek dilakukan perubahan3. MethodUntuk melakukan sebuah proses dibutuhkan instruksi atau perintahyang menentukan apa yangakan dikerjakan. Kumpulan instruksi tersebut disebut dengan Method.Bagaimana memulai Bahasa Pemrograman Vusual Foxpro ?1. Klik tombol start pada bagian kiri layar monitor anda (taskbar pada sistem windows 98/xp)2. Pilih menu program3. Klik menu/icon Microsoft Visual FoxPro (Lihat gambar 1)Gambar 2. 1. Shortcut Microsoft Visual FoxproProdi Sistem Informasi-6-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomSelanjutnya akan tampil layar utama program Microsoft Visual Foxpro. Seperti yang terlihat padaGambar 2.2.Gambar 2. 2. Layar Utama program Visual FoxproTampilan tersebut tidak selamanya sama dikarenakan ada beberapa toolbar tidak aktif atau settingyang telah diubah sesuai kebutuhan.Secara lengkap, tampilan layar utama Bahasa Pemrograman Visual FoxPro yang sering kita jumpaisaat melakukan design interface dapat dilihat pada gambar 3Menu UtamaMenu ToolbarForm ControlProject ManagerForm DesignerControl PolateCommand WindowsPropertiesGambar 2. 3. Layar utama Design ProgramProdi Sistem Informasi-7-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom2.2 Menu Visual FoxPro1. Menu Utama (Menu Bar)Baha Pemrograman Visual FoxPro memiliki menu bar yang merupakan menu utamaprogram. Menu bar tersebut terdiri atas : File, Edit, View, Format, Form, Tools,Program, Windows, Help.2. Menu ToolbarMenu Toolbar adalah menu yang terdiri atas sekumpulan tombol perintah (commandbutton) yang berfungsi sebagai tombol cepat untuk menjalankan suatu perintahGambar 2. 4. Layar Menu Toolbar3. Form Control ToolbarSeperti menu Toolbar, Form Control Toolbar juga berisikan sekumpulan tombol perintah(command button). Toolbar ini nantinya banyak kita gunakan dalam membuat (design)program aplikasi. Gambar berikut menunjukan Form Control Toolbar Bahasa PemrogramanVisula FoxPro. Secara standar, artinya control atau toolbar yang ada pada form tersebutdapat kita tambah jika dibutuhkan.Gambar 2. 5. Form Control Toolbar4. Color Palatte ToolbarColor Palette Toolbar berfungsi untuk mengatur pewarnaan pada jenis tulisan/teksmaupun latar belakangGambar 2. 6. Color Palette Toolbar5. PropertiesProperties adalah sarana untuk mengatur sifat (properties) dari form atau control-kontrol.Setiap kita memilih suatu objek atau control, maka isi dari properties ini akan berubahsesuai objek yang kita pilihProdi Sistem Informasi-8-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomGambar 2. 7. Properties6. Command Windows (Jendela Perintah)Melalui fasilitas ini, adana dapat mengetikan perintah pemrograman secara langsungseperti pada Bahasa Pemrograman xBase lainnyaGambar 2. 8. Command Windows7. Project ManagerPada bagian Project Manager diletakkan semua basis Pemrograman, Database, Form,Report, Class, Other, Code Program sehingga satu kesatuan yang teroganisir.Gambar 2. 9. Project ManagerProdi Sistem Informasi-9-Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom8. Form DesignerForm (formulir) merupakan lembar kerja yang digunakan untuk membuat design pengisianatau pengolahan data pada Visual FoxPro. Pengisian data pada Visual Foxpro sebenarnyabisa dilakukan lewat jendela browse akan tetapi untuk melakukan proses perhitungan atauproses pencarian data harus dilakukan diluar jendela browse lalu hasilnya di input kembali.Untuk mengurangi tugas operator untuk menghitung atau mencari data, salah satu carapemecahannya dalam visual FoxpPro yaitu dengan melakukan pengisian data lewat formkarena dalam form tugas operator hanya melakukan pengisian data saja, sementara untukproses menghitung atau mencari data bisa dilakukan secara otomatis . hal ini disebabkankarena dalam form terdapat penulisan kode program yang berhubungan dengan prosesyang dinginkan.Gambar 2. 10. Form Designer2.3 Mengenal Objek KontainerAda empat macam container yang dapat kita tambahkan ke dalam sebuah form, yakni : CommandGroupOptionGroupGridPageFrame1. Kontainer Grup PerintahObjek grup perintah (CommandGroup) adalah objek yang tersusun dari sejumlah objektombol perintah (CommandButton). Objek CommandButton merupakan suatu tomboluntuk memicu eksekusi suatu perintah tertentu.Gambar 2. 11. Kontainer Grup Perintah2. Kontainer Grup OpsiObjek grup opsi (OptionGroup) adalah sekelompok tombol yang digunakan untuk memilihsuatu pilihan diantara sejumlah pilihan tertentu.Gambar 2. 12. Form DesignerProdi Sistem Informasi- 10 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom3. Kontainer GridGrid merupakan objek yang berfungsi untuk menampilkan table/view dalam bentuk bariskali kolom seperti tampilan jendela Browse.Gambar 2. 13. Form Designer4. Kontainer Bingkai HalamanContainer bingkai halaman (PageFrame) berfungsi untuk menciptakan objek Page atauhalaman. Sebuah halaman pada hakikatnya adalah suatu kotak dialog yang dapatdigunakan seperti sebuah form tersendiriGambar 2. 14. Form DesignerMenambahkan Objek Kontainer ke dalam Form1. Pada menu utama Form Designer, pilih View dan kemudian pilih Form Control seperti padagambar dibamwah ini.CommandGroupOptionGroupGridPageFrameGambar 2. 15. Kotak Dialog Form Kontrol2. Pada kotak Dialog Form Kontrol, klik toolbar objek container yang ingin ditambahkan(CommandGroup, OptionGroup, Grid atau PageFrame).3. Gerakkan Mouse kedalam daerah layout form dan klik untuk menambahkan objek.4. objek yang ditambahkan sekarang akan tampak dalam daerah layout form. Kita kemudiandapat mengubah ukuran objek maupun mengubah lokasi objek tersebut dngan mouse.Contoh :Gambar 2. 16.Kotak Dialog Form KontrolProdi Sistem Informasi- 11 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom2.4 Mengenal Objek KontrolControl-kontrol yang lazim ditambahkan kedalam form adalah sebagai berikut : ComboBox CommandButton EditBox Image Label Line ListBox Shape Spinner TextBox Timer1. Kontrol Kotak KomboObjek kotak kombo (ComboBox) adalah sebuah kotak yang bila dipilih akan menampilkasebuah daftar pilihan. Kita kemudian dapat memilih satu pilihan dari daftar pilihan yangada dengan menyorot pilihan tersebut.Gambar 2. 17. ComboBox2. Kontrol Tombol PerintahObjek tombol perintah (CommandButton) merupakan suatu tombol yang digunakan untukmemicu eksekusi suatu perintah tertentu.Gambar 2. 17. CommandButton3. Kontrol Gambar/CitraObjek Citra (Image) merupakan suatu daerah segi empat yang digunakan untukmenampilkan file gambar berekstensi.Gambar 2. 18. Image4. Kontrol Label.Label merupakan suatu objek yang digunakan untuk menampilkan teks pada form.Biasanya objek ini digunakan untuk memberi keterangan kepada field-field yang sedangdiedit pada form.Gambar 2. 19. LabelProdi Sistem Informasi- 12 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom5. Kontrol GarisObjek Garis (Line) merupakan suatu objek yang digunakan unuk menampilkan bentukgeometri garis pada formGambar 2. 20. Line6. Kontrol Kotak ListObjek Kotak List (ListBox) merupkan satu daerah segi empat pada form yang digunakanuntuk menampilkan daftar sejumlah pilihan tertentu. Berbeda dengan kotak kombo dimanaobjek harus dipilih terlebih dahulu untuk memunculkan daftar pilihan, pada kotak list daftarpilihan akan muncul secara otomatis saat objek ditampilkan.Gambar 2. 22. ListBox7. Kontrol Bentuk GeometriObjek bentuk Geometri (Shape) merupakan suatu objek yang digunakan untukmenampilkan bentuk Geometri segi empat dan elips.Gambar 2. 23. Shape8. Kontrol SpinnerSpiner mirip sebuah kotak kombo,. Namun, berbeda dengan kotak kombo yang dapatmenerima sembarang tip data, spinner khusus digunakan untuk mengolah data numeric.Kekhasan spinner adalah kita dapat menaikkan dan menurunkan nilai numericspinnerdengan mengklik control yang ada disebelah kanan kotak spinner.Gambar 2. 24. Spinner9. Kontrol Kotak TeksObjek Kotak teks (TextBox) merupakan suatu daerah segi empat yang digunakan untukmengedit text yang berukuran kecil, misalnya field karakter.Gambar 2. 25. TextBoxProdi Sistem Informasi- 13 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom10. Kontrol JamObjek jam (Timer) merupakan objek yang unik. Objek ini bila ditambahkan kedalam suatuform akan memberikan form fasilitas untuk membaca waktu system. Saat form dijalankan,objek ini sendiri tidak akan kelihatan dilayar.Gambar 2. 26. TimerMenambahkan Objek Kontrol ke dalam FormPada prinsipnya sama dengan menambah kan container kedalam form.Berikut ini mrnunjukan gambaran layout form yang mungkin terjadi saat kita menambahkanobjek ComboBox, TextBox, Spinner, ListBox, Line, Shape, dan CommandButton.ShapeTextBox ridImageGambar 2. 27. Objek Kontrol ke dalam FormProdi Sistem Informasi- 14 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom3. KOMPONEN UTAMADALAM MENYUSUNSEBUAH APLIKASIDalam menyusun sebuah aplikasi dengan Bahasa pemrograman Visual FoxPro diperlukankomponen-komponen utama, yaitu :1. Project2. Database File3. Startup File4. Form5. Report6. MenuPenjelasan.1. ProjectFile : nama file.pjx, nama file.pjtFungsi : Mengorganisasikan semua file yang dignakan untuk membuat aplikasimnggunakan Bahasa Pemrograman Visual FoxPro sehingga semua file penyusun aplikasiterstruktur dalam hierarki yang jelas. Seperti cntoh dibawah ini nama projectnya adalahMaba usnGambar 3.1. Project Manager2. Database FileDalam Bahasa Pemrograman Visual FoxPro database terdiri atas 2 jenis, yaitu : DatabasesFile: nama file.dbc, nama file.dct, nama file.dcx, nama fil.dbfProdi Sistem Informasi- 15 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomFungsi: Mengorganisasikan semua filr dbf (dbf) yang digunakan untuk aplikasi.Database seakan-akan merupakan root directory dari file-file data (dbf) yang terdapatdalam project. Free TableFile: nama file.dbf, nama file.cdxFungsi: Menampung record-record yang berisi data dalam sebuah file (dbf). Bagian inipaling sering digunakan untuk memodifikasi database (menambahkan/mengurangifield-field sesuai dengan kebutuhan)Gambar 3.2. Contoh Struktur DatabaseSeperti contoh diatas dalam Gambar 3.2, project diatas memiliki file Free Tables(maba.dbf) dengan field-field yang dibutuhkan.3. Startup FileFile: nama file.prg, nama file file.fxpFungsi: file yang dijalankan pertama kali oleh aplikasi berfungsi untuk loading seluruhdatabase file terlibt dalam aplikasi. Seperti contoh dibawah ini, nama file startupprogrammnya adalah startup mabausnGambar 3.3. Contoh Startup FileProdi Sistem Informasi- 16 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom4. FormFile: nama file.scx, nama file.sctFungsi: Mengelola record-record file dalam artian menambahkan record baru,menampilkan record yang sudah ada, mengedir record yang sudah ada, menghapusrecord yang sudah ada dan lain sebagainya. Seperti contoh di bawah ini, nama formnyaadalah form mabausn.Gambar 3.3. Contoh Form5. ReportFile: nama file.frx, nama file.frtFungsi: Menghasilkan output dari pegolahan data kelayar ataupun untuk mencetak keprinter. Seperti contoh dibawah ini, nama reportnya adalah lap maba.Gambar 3.4. Contoh Report6. MenuFile: nama file.mnx, nama file.mprFungsi: Mengorganisasikan semua form yang terdapat dalam aplikasi supaya terstrukturdengan baik dan memudahkan pengoperasian oleh user. Seperti contoh dibawah ini, namamenunya adalah menu mabausn.Gambar 3.5. Contoh MenuProdi Sistem Informasi- 17 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom4. PEMBUATAN PROJECTSTARTUP PROGRAM,DAN MENUPengantar UmumSebelum semua kegiatan pembuatan project, startup program dan menu untuk Aplikasi DataMahasiswa Baru USN, harus diawali dulu dengan membuat folder dimana seluruh source codeaplikasi ini akan ditempatkan.Gambar 4.1. FolderLangkah - Langkah Setting Folder Kerja AplikasiSetelah langkah-langkah pendahuluan seperti create folder, menentukan dimana letak folder untuksource code-nya. Langkah-lagkah setting folder sebagai berikut :1. Buka program Microsoft Visula FoxPro dengan mengklik tombol Start All Programs Micriosoft Visual FoxPro.2. Aturlah default direktori pada folder yang sudah dibuat seperti terlihat pada Gambar 4.1dengan cara sebagai berikut : Klik menu Tools Option. Kemudian akan muncul kotak dialog Option , klik tab File Location dan klik DefaultDirektory sehinggan menjadi terpilih/tersorot seperti pada gambar dibawah ini.Prodi Sistem Informasi- 18 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomGambar 4.2. Kotak Dialog Option Klik tombol Modify sehingga muncul kotak dialog File Location sepeti gambardibawah ini agar folder tersebut aktif.Gambar 4.3. Kotak Dialog File LocationLangkah - Langkah Penyusunan ProjectDalam pembuatan project, diperlukan lagkah-langkah sebagai berikut :1. Klik menu File New. kemudian akan tampil kotak dialog New seperti pada Gambar 4.4.2. setelah kotak dialog tersebut nampak, klik tombol New File Langkah-langkah yang dilakukan diatas merupakan adalah untuk membuat Project Filebaru untuk aplikasi supaya objek dan file database dapat terstruktur dengan baiksehinggan memudahkan penyusunan, pengeditan dan penelusuran kesalahan source codeaplikasiGambar 4.4. Kotak Dialog NewProdi Sistem Informasi- 19 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomGambar 4.5. Kotak Dialog Create3. Akan tampil kotak dialog create seperti dibawah ini. Pada kotak teks ‘Enter Project’ ketikkannama project aplikasi, berinama project ini dengan ‘Maba USN.pjx’ kemudian klik tombol Savekemudian akan muncul windows project manager seperti terlihat pada gambar beriku ini.Gambar 4.6. Project Manager – Maba USNPembuatan project untuk pembuatan aplikasi sudah selesai dengan menghasilkan file ProjectMaba USN.pjx dan Project Maba USN.pjt. File-file tersebut dapat dilihat dengan WindowsExplorer pada direktori Maba USN.Langkah - Langkah Penyusunan Startup ProgramSetelah selesai membuat project, akan dilanjutkan dengan pembuatan startup program, dimanastartup program ini berfungsi untuk : Menentukan seting-seting awal dari option-option yang ada dalam Bahasa Pemrograman VisualFoxPro, seperti setting bar menu utama loading menu, loading formutama dan sebagainya. Inisialisasi dan Loading file-file database yang akan digunakan dalam aplikasi. Menjalankan prosedur-prosedur dan menu untuk inisialisasi aplikasi.Prodi Sistem Informasi- 20 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomLangkah-langkah pembuatan startup program adalah sebagai berikut :1. Pada windows project manager, klik tab Code sehingga tampil seperti gambar dibawah iniGambar 4.7. Project Manager – Tab Code2. Klik programs kemudian klik tombol New sehingga tampil windows program seperti Gambar4.8.Gambar 4.8. Windows Program3. kemudian tekan tombol Ctrl S untuk menyimpan file startup program. Untuk file startupprogram ini diberi nama startup mabausn.prg.4. Setelah proses penyimpanan selesai, tutup windows program, dan pada window ProgramManager akan tampak tampilan seperti berikut.Gambar 4.9. Tampilan pada Window Project ManagerProdi Sistem Informasi- 21 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom5. Kemudian klik tanda yang terletak disebelah kiri programs (lihat Gambar 4.9) sehingga subdirectory program diperluas (expand) dan file Startup mabausn.prg yang dibuat tadi akantampak seperti pada Gambar 4.10.Gambar 4.10. Tampilan pada Window Project ManagerPembuatan startup program untuk aplikasi sudah selesai dengan meghasilkan fileProject mabausn.prg. File-file tersebutdapat dilihat dengan Windows Explorer pada directoryMaba USN.Langkah - Langkah Penyusunan MenuLangkah-langkah pembuatan menu adalah sebagai berikut :1. Pada window Project Manager klik tab Other kemudian klik pada Menus lalu klik tombolNew. Setelah itu akan muncul window New Mane seperti tampak pada gambar berikut ini.Gambar 4.11. Window New Menu2. Klik tombol Menu dan muncul window Menu Designer seperti pada Gambar 4.12.Gambar 4.12. Window Menu Designer3. Simpan file menu Anda dengan menekan tombol Ctrl S atau melalui Menu File Savekemudian ketikan nama file menunya. Untuk aplikasi ini diberi nama menu mabausn.mnx.dalam Window Explorer pada Directory Maba USN akan muncul 2 bah file menu, yaitumenu mabausn.mnx dan menu mabausn.mntProdi Sistem Informasi- 22 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom4. Setelah file menu Anda simpan, untuk melihat seperti apa tampilan menu dalam aplikasi, tekantombol Preview dan akan tampak seperti Gambar 4.13Gambar 4.13. Window Menu PreviewProdi Sistem Informasi- 23 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom5. PEMBUATAN APLIKASITABEL, FORM DANUNTUK APLIKASIMABA USNDalam bab ini kita akan membahas pembuatan aplikasi rancangan Tabel (Table), rancanganInterface (form) dan Laporan (report).PendahuluanPerhatikan Gambar 5.1 yang menunjukan bagan alur pembuatan aplikasi data Mahasiswa BaruUSN (Maba).Penjelasan bagan : Sebelum membuat aplikasi entry Mahasiswa Baru USN (Maba), terlebih dahulu kita harusmelakukan create file databasenya dengan struktur data yang akan dijelaskan berikutnya.Setelah file databasenya sudah ada, file startup program harus diperbaharuyi untkmenambhkan script dalam inisialisasi file database yang sudah di-create tadi.Pada langkah selanjutnya, baru pembuatan bagian utama dari aplikasi dapat dikerjakan.Create file Table(MABA.dbf) untukmaster data MABAUpdate Start-up Program(menambahkan inisialisasi file masterdata MABACreate Form Entry master dataMABA beserta fasilitas-fasilitas padaform seperti delete record, editrecord, find record by name, dsb.Trial Form EntryData MABACreate Report data MABAForm &ReportOK ?ErrorGambar 5.1. Bagan alur pembuatan aplikasi data mahasiswa baru USN Trial aplikasiJika proses trial terhadap aplikasi maksudnya membuktikan bahwa aplikasi tersebut sudahberjalan sempurna, lagkah selanjutnya adalah pembuatan file report sebagai output dari datayang sudah dimasukan pada aplikasi. Trial report-reportJika proses trial terhadap report-report membuktikan bahwa report-reportnya sudah berjalansempurna, file menu kita perbarui untk menambahakan modul aplikasi pada menu.Prodi Sistem Informasi- 24 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxPro5.2Oleh : Qammaddin, S.KomCreate File DatabaseUntuk melakukan create file database, ikuti langkah-langkah berikut :1. Klik tab Data pada window Project Manager, kemudian klik Free Table seperti yang tampakpada gambar dibawah ini.Gambar 5.2. Project Manager-Tab DataGambar 5.3. Kotak Dialog New Table2. Klik tobol New dan muncul kotak dialog New Table sepeti gambar 5.3. klik tombol New Tabledan akan muncul kotak dialog create seperti gambar 5.4.3. Pada kotak teks Enter table name ketikan nama filenya, misal maba.dbf kemudian klik tombolSave. Setelah itu muncul window Table Designer sepeti Gambar 5.5.Prodi Sistem Informasi- 25 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomGambar 5.4. Kotak Dialog CreateGambar 5.5. Kotak Table Designer4. Pada window Table Designer, kita akan menentukan struktur data dari file tersebut.Filed NameNodafNmTtlJkAgmAlmTlpAsal sekJurTglFakProdiProdi Sistem aracterCharacterWidth10304010104025151082520- 26 -KeteranganNomor PendaftaranNama PendaftarTempat dan tanggal lahirJenis KelaminAgamaAlamat PendaftarNo. Tlp PendaftarAsal Sekolah PendaftarJurusan SMATanggal DaftarFakultasProgram StudiUniv. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.KomGambar 5.6. Macam-macam type data pada window Table Designer5. Dalam Bahasa Poemrograman Visual Foxpro terdapat 14 jenis type data ( seperti yang tampakpada Gambar 5.6 diatas, namun yang serng dipakai dalam aplikasi ini adalah Character,Numeric dan Date.6. Pada window Tabl Designer klik tab Indexes untuk membuat index dengan nama NODAF.Field kode index ini berfungsi pada waktu kita membuat baplikasi untuk mencari data dengankata kunci nodaf.Gambar 5.7. Window Table Designer – Tab Indexes7. Pada Free Table terdapat 2 jenis type indexes (seperti yang tampak 5.7 diatas), yaituCandidate dan Regular.Namun yang sering dipakai dalam aplikasi ini adalah type Indexes Regular. Jika inin memakaitype indexes candidate, sebenarnya juga bisa, malah lebih membantu karena type Candidatesecara otomatis akan mengetahui jikalau ada ulpikasi data kode.8. Setelah langkah diatas selesai, kembali ke tab Fields untuk melihat apakah index anda sudahberhasil atau tidak dan juga untuk mengubah aturan index.dalam option defaultnya, aturanindex secara Ascending (Kecil ke Besar) tetapi dapat juga anda ubah menjadi Descending(Besar ke kecil), seperti pada Gambar 5.8.Prodi Sistem Informasi- 27 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxProOleh : Qammaddin, S.Kom9. Klik tombol OK untuk menyimpan struktur file database yang sudah dibuat atas.Gambar 5.8. Window Table Designer – Ascending/Descending Indexes10. Dalam Project Manager pada Tab Fields akan tampak seperti gambar dibawah ini secaraberurutan (gambar 5.9, Gambar 5.10, gambar 5.11).Gambar 5.9.Gambar 5.10.Gambar 5.11.Prose pembuatan file database selesai dengan menghasilkan file maba.dbf dan maba.cdx.Prodi Sistem Informasi- 28 -Univ. 19 November Kolaka

Bahasa Pemrograman Visual FoxPro5.3Oleh : Qammaddin, S.KomUpdate Startup ProgramPada window project manager klip tab Code, akan tampil seperti gambar dibawah ini.Gambar 5.12Selanjutnya klik pada ‘startup mabausn’ kemudian klik tombol Modify. Dan akan muncul windowstartup mabausn.prg.Gambar 5.13. Window startup mabausn.prg5.4Create Aplikasi Entry (Input), Edit dan Delete Record (Hapus)Untuk objek-objek, seperti form, report dan

Membuat Aplikasi Implementasi Dengan Cara pembuatan aplikasi dijelaskan secara detail disertai gambar. Bermanfaat untuk programer pemula yang ingin mengetahui dan belajar tentang aplikasi database Disertai CD Master Intaller, Program Aplikasi jadi, Source Code Aplikasi serta Kamus IT Dipakai Dalam Lingkungan

Related Documents:

MEMBUAT LAPORAN KEUANGAN DENGAN MICROSOFT ACCESS Microsoft Access adalah Program berbasis data komputer, bisa digunakan untuk keperluan-keperluan tertentu baik keperluan perkantoran ataupun perorangan. Funsi Microsoft acces dapat membantu anda menyimpan database, membuat aplikasi perkantoran termasuk membuat aplikasi akuntansi.

Pelatihan Penggunaan Aplikasi E-Learning Moodle Membuat User Accounts Baru Sebelum kita membuat materi e-learning dalam aplikasi Moodle, pada tahap awal kita harus membuat user accounts baru. Setaiap pengguna yang akan terlibat dalam proses pembelajaran memakai aplikasi Moodle itu harus terdaftar dalam sistim.

wawancara, dan kuesioner. Hasil aplikasi ini yaitu aplikasi dilengkapi dengan gambar, suara, dan kuis. Serta pengguna bisa menggunakan aplikasi dengan mudah. Aplikasi diimplementasikan menggunakan software eclipse [3]. Ali dan Patambongi (2016) memuat aplikasi pembelajaran kepada anak-anak tentang ilmu pembelajaran membaca. Aplikasi .

MEMBUAT APLIKASI PERSONALIA 1. Membuat Database Personalia Setelah MS-Access dibuka, dari menu pilih NEW (CTRL-N) seperti pada gambar. Langkah Berikutnya adalah Memilih Blank Database, dalam latihan ini kita menggunakan Blank database, walaupun juga ada pilihan lain seperti templates dan From Microsoft Office Online.

Tapi yang jelas, kita sudah mendapatkan kemudahan untuk membuat aplikasi untuk platform-platform lain tanpa harus punya platform tersebut. 2. Tujuan Tujuan project ini adalah untuk membuat sebuah aplikasi sederhana yang bias ditanam pada perangkat dengan platform Android dengan metode cross compile di linux. TAHAP PEMBUATAN APLIKASI 1.

Mari sekali lagi kita lihat, untuk membuat aplikasi dengan App Inventor ada tiga langkah utama yaitu : 1. Kita membuat UI dan memasukkan komponen-komponen App-Inventor yang akan kita pakai pada aplikasi dengan jendela Desainer kita 2. Membuat komponen itu berfungsi yaitu dengan mengambil Block dari komponen, dan menyusunnya di Blocks Editor 3.

2 Design mode - untuk membangun aplikasi Run mode - untuk menjalankan aplikasi Break mode - aplikasi berhenti sementara dan debugger muncul Form Window merupakan pusat untuk membangun aplikasi Visual Basic. Tempat dimana kita menggambar aplikasi kita. Toolbox adalah menu yang berisi kontrol-kontrol yang digunakan di dalam aplikasi kita. Properties Window digunakan untuk menempatkan .

8th Grade Writing and Speaking/Listening Scope and Sequence 1 s t Q u a r te r 2 n d Q u a r te r 3 r d Q u a r te r 4 th Q u a r te r Writing N a rra t i ve I n t ro d u ce ch a ra ct e rs a n d o rg a n i ze a n e ve n t se q u e n ce (W . 8 . 3 a ) U se n a rra t i ve t e ch n i q u e s i n cl u d i n g