Handout Aplikasi PemrogramanOlehBambang Tri Wahyo Utomo, S.KomSilabusPengenalan Perangkat LunakAplikasi PemrogramanPengertian aplikasi pemrogramansimbol simbol diagram alir dan contoh aplikasiStudi Kasus Dasar Perancangan Program Rumus rumus sederhanaPerancangan program LOOPPerancangan program menggunakan F Then Perancangan program gabungan LOOP dan F ThenStudi Kasus LanjutRefferensiwww.ilmukomputer.commakalah vansudirman-hardwarekomputervansudirman-SoftwarekomputerChendra-pemrogramanJogiyanto H.M Teori dan aplikasi program komputer bahasa basic.JogiyantiH.M Turbo PascalAntony Pranata algoritma dan pemrogramanPengertian KomputerKomputerPerangkat Keras Perangkat Lunakmemproses fakta dan data menjadi informasiyang melakukan pengaturan dalam pemrosesan data dan fakta agar dapat menjadi informasiBentuk Perangkat Lunak Perangkat Lunak Berbentuk aljabar Boolean yang direpresentasikan sebagai binary digit bentuk 0 atau 1Kode kode aljabarKode kode aljabar boolean tersebutboolean tersebut digabungkan sehinggadigabungkan sehingga menjadi intruksimenjadi intruksi aritmatik, logika danaritmatik, logika dan instruksi mnemonic instruksi mnemonicnstruksi mnemonicnstruksi mnemonic digabung kembalidigabung kembali maka makaMenjadi bahasaMenjadi bahasa pemrograman pemrogramanvolusi Perangkat LunakTerbagi atas 4 ra yaitu ra Pionerra Stabilra Mikrora Modernra PionerBentuk Perangkat Lunak berupa sambungan kabel antara bagian bagian di dalam komputerBentuk perangkat Lunak berupa Punched CardSatu Komputer Untuk satu tujuan tertentu belum dapat digunakan untuk bermacam macam aplikasira Stabil Satu komputer dapat menangani banyak pekerjaanKalangan ndustri mulai menggunakanDikenal sistem basis data yang memisahkan antara program dan data yang diprosesra Mikro Komputer sudah dapat digunakan untuk perorangan Komputer dapat diinstal berbagai macam program Ditanamkan kecerdasan buatanra Modern Perangkat Lunak mulai ditanamakan ke perangkat seperti HP, TV, Mesin cuci dan berbagai peralatan elektronik lainnya.Klasifikasi Perangkat LunakPerangkat Lunak SistemPerangkat Lunak AplikasiPerangkat Lunak SistemSistem Operasi Contoh Windows XP, 98, Dos, Linux, Unix, sun Solaris, Unix, MachBahasa Pemrograman contoh turbo Pascal, C++, Visual Basic, OracleUtility contoh antivirus, Norton Perangkat Lunak AplikasiAplikasi Office : Microsoft OfficeAplikasi Khusus : Autocad, ProtelAplikasi Multimedia : MP3, Media Player, MDAplikasi nternet : mail, HTTP, Messengger Level Bahasa PemrogramanLeveI bahasa pemrograman Level rendah : Level bahasa yang mendekati level bahasa mesin, instruksi yang diberikan akan langsung dipahami oleh komputer. di level ini program yang diintruksikan berupa data angka angka kode heksa atau biner. contoh bahasa mesin Level menengah : level bahasa yang merupakan gabungan intruksi mesin dan instruksi yang mulai mendekati bahasa manusia berkomunikasi. contoh bahasa assembler dan bahasa c Level tinggi : bahasa pemrograman yang diberikan mendekati instruksi manusia berkomunikasi. contoh bahasa pascal, delphi, visual basic, oracle.Perbandingan Level BahasaPerbandingan level bahasa, dengan perintah menuliskan huruf 'A' di layar komputer.Level rendah Level menengah level tinggi0B38:0100B4020B38:0102B0660B38:0104CD21Mov AH,02hMov AL.`A`Int 21hWrite(A`);Pengertian Program KomputerProgram komputer adalah susunan intruksi yang harus dikerjakan, sehingga program komputer dapat diartikan sebagai susunan intruksi yang harus dikerjakan oleh komputer. Susunan intruksi inilah yang sering disebut dengan Perangkat Lunak (software). dan komputer sebagai perangkat kerasnya(Hardware). Dan manusia yang menyusun intruksi disebut dengan brainware.Langkah Langkah membuat Programmengenai langkah-langkah sistematis dalam pembuatan suatu program, sebagai berikut:1. Mendefinisikan permasalahanMembuat rumusan untuk pemecahan masalah2. mplementasi3. Kompiling4. Menguji coba dan membuat dokumentasiMendefinisikan Permasalahan dan membuat rumusan untuk pemecahan masalahYang dimaksud mendefinisikan permasalahan yaitu kita harus mengerti dengan baik mengenai permasalahan apa yang ingin diselesaikan, seperti :1. Bagaimana Hubungan antara data input dengan hasil pengolahannya2. Bagaimana data input dengan pengolahannya3. Bagaimana hubungan antara output dengan pengolahannya4. Bagaimana struktur pengolahannya.Sebagai contoh Misalkan kita ingin menghitung luas segitiga :1. Bahwa untuk mendapatkan luas segitiga(hasil pengolahan) harus diketahui alas dan tinggi segitiga tersebut(data input) 2. Bahwa untuk mengolah luas segitiga dengan formula 0,5 * alas * tinggi (pengolahan) dan input yang dibutuhkan alas dan tinggi3. Hasil dari pengolahan diatas 0,5 * alas * tinggi didapat luas segitiga4. Struktur pengolahannya yaitu data input Masukkan alasnyaMasukkan tingginyaProses dengan formula 0,5 * alas * tinggiDidapat luas segitiga dari hasil pengolahan diatasStudi Kasus Mendapatkan telur goreng1. Hasil pengolahantelur goreng matangnputTelor dan minyak goreng2. MengolahMinyak dipanaskan dengan kompor kemudian telur dimasukkan dan dibiarkan selama lima menit lalu diangkatnputtelor dan minyak goreng3. MengolahMinyak dipanaskan dengan kompor kemudian telur dimasukkan dan dibiarkan selama lima menit lalu diangkatOutputTelor yang siap dimakan4. Struktur pengolahannya Siapkan telor Siapkan minyak goreng Masukkan minyak ke wajan panaskan lalu panaskan lebih dahulu Masukkan telor Masak selama + 5 menit Telor diangkat dan siap dimakanmpIementasi (MenuIis Program)Apabila langkah diatas belum melibatkan bahasa pemrograman, maka langkah ketiga ini telah mulai melibatkan bahasa pemrograman yang ingin digunakan. Di dalam mengimplementasi algoritma kita akan menentukan bahasa pemrograman apa yang cocok atau ingin kita gunakan. KompilingTahap ini adalah tahapan pemeriksaan terhadap program yang disusun yang akan dilakukan oleh komputer dengan menggunakan Processor program atau kompiler, sebagai alat/program yang akan menerjemahkan program yang dimasukkan ke dalan bahasa yang dimengerti oleh komputeryang disebut object program. Menguji Coba Setelah selesai implementasi, langkah selanjutnya yaitu menguji program tersebut apakah telah berjalan sesuai dengan tujuannya untuk memberi solusi dari suatu permasalahan. Apabila program belum berjalan dengan baik, maka kita perlu mengkaji kembali rumusan/algoritma yang telah dibuat pada langkah pertama, serta memperbaiki implementasi program yang mungkin keliru. Membuat Dokumentasi dan Persiapan untuk produksiUntuk memudahkan dalam memeriksa kesalahan suatu program ataupun memahami jalannya program, kita juga perlu membuat dokumentasi dari program yang dibuat. Dokumentasi tersebutberisi informasi mulai dari tujuan/fungsi program, algoritma program, hingga cara menggunakannya.Latihan Studi KasusKerjakan BerkelompokStudi Kasus satuMenghitung Volume kubus :6 * luas sisi kubusMenghitung Volume bola : 4/3*Phi* r3Menghitung buah yang ada dalam keranjangMemperkirakan lama di jalan bila kecepatan mobil 50 km/jam dan jarak tempuh 100 km : lama di jalan = jarak/kecepatanIowchart atau diagram aIirPengertian :Flowchart atau diagram alir berfungsi sebagai alat bantu yang berupa simbol simbol yang saling dihubungkan sehingga dapatmenggambarkan alur pikir sebuah program atau permasalahan yang akan diproses dengan progam komputer.Teori DasarSebuah program secara sederhana digambarkan dengan alur proses sebagai berikut :Keluaran/ OutputMasukkan /nputProsesMasukkan /nputProses Keluaran/ OutputKeterangan Masukkan: Data yang berupa variabel(Nilai data bisa berubah) atau konstanta(Nilai data tetap)yang berguna sebagai data yang dibutuhkan agar formula/solusi yang ditetapkan dapat diproses.Proses: Formula atau proses untuk menyelesaikan permasalahandari data masukkan yang diberikanKeIuaran / output : Hasil yang didapat setelah masukkan yang ada diproses.Notasi FlowChartTerminator : Simbol tanda dimulai atau berakhir sebuah programnput/Output : Simbol data variabel (dapat berubah ubah) sebagai masukkan atau hasil dari prosesProses : Simbol Formula/proses yang sedang dikerjakanDecision : Bila hasil dari sebuah proses menghasilkan lebih dari satu kemungkinan keluaran yang benarKonstanta : Data berupa konstanta (bernilai tetap)Predifined Proses : Bila ada sub proses di proses yang sedang dikerjakanSambungan bila masih di halaman yang samaSambungan di halaman yang berbedaContoh Studi Kasus Luas SegitigaMulainput Alasnput tinggiHitung luas= 0.5 a* alas *tinggiTampilkan Luas SegitigaSelesaiContoh Menghitung Luas LingkaranMulaisi konstanta phi = 22/7Masukkan Jari-jariHitung luas LingkaranTampilkan Luas LingkaranSelesaiStartJari Jari ?Luas Lingkaran= jari jari *jari jari * PhiTampilkanLuasLingkaranndPhi = 22/7Menggunakan KeputusanContoh Program PasswordMulaiMasukkan PasswordPassword yang diinput dicek apakah isinya pascalJika password = pascal tampilkan password benarjika password pascal Tampilkan password salahStudi Kasus 2 Buat Flowchart dan jelaskan proses untuk tiap flowchart tersebut di soal berikut : Menghitung Determinan dengan rumus b2-4ac Membuat validasi password dimana bila password salah maka program akan terus berulang hingga password benar Membuat program counter (angka terus bertambah)Bagaimana mplementasi ke Programmplementasi ke program bergantung kepada bahasa pemrograman yang digunakanMemahami sintaks bahasa yang akan digunakanMenerjemahkan sesuai aturan dalam bahasa pemrogramanJenis Jenis Bahasa Pemrograman Bahasa Pemrograman berbasis teks adalah bahasa pemrograman dimana dalam pemberian instruksi menggunakan teks. Contoh: Quick Basic, Pascal, C, C++ Bahasa pemrograman berbasis Visual adalah bahasa pemrograman dimana dalam pendisainan dibantu komponen /objek yang dapat langsung digunakanBahasa Pemrograman Berbasis Visual Pendekatan Disain menggunakan objek/komponen dan konsep yang dikembangkan terdiri dari :vent MethodePropertiesventvent adalah kejadian yang diinginkan terhadap objek tersebut. Contoh event seperti :Menjalankan objek icon di desktop anda harus klik 2 kaliMembuka objek menu start di window anda klik satu kaliMembuka menu di objek desktop atau lokasi lain menggunakan klik kananPropertiesProperties berfungsi untuk menentukan sifat dari suatu objek. Arti sifat seperti warna, jenis huruf, ukuran huruf, gambar latar belakang, menghidupkan atau mematikan menu.Contoh :Latar belakang desktop dapat diganti gambar melalui menu properties desktopWarna dari window dapat juga anda atur melalui desktopBentuk tampilan di window dapat anda ubah melalui template(cetakan) yang disediakanMethodeMethode adalah susunan perintah yang dikerjakan bila event dijalankan misal Bila event klik satu kali di menu start dijalankan makaprogram (susunan perintah) untuk menampilkan menu start dijalankan.Bila icon di desktop dklik dua kali maka akan dijalankan program(susunan perintah) memanggil file sesuai dengan file yang telah didaftarkanahasa Pemrograman VisuaI asicKomponenForm ProjectMeletakkan Kode ProgramMenu BarProject xplorerPropertyRun ProgramStop ProgramLangkah Penyusunan Program di Visual Basic Buat layout disain dari aplikasi yang akan dibuat di layout objek form yang terdiri dari :Objek sebagai nput gunakan komponen textboxObjek sebagai Output gunakan komponen textboxObjek sebagai Label gunakan komponen label Objek sebagai Command (untuk memproses) gunakan komponen command buttonDan objek / komponen lain yang dibutuhkan Atur Property dari tiap objek yang telah anda pilih Tentukan event yang dibutuhkan dari objek - objek yang telah dibuat (disesuaikan dengan kebutuhan) Susun methode atau kode program sesuai dengan event yang dibutuhkan.Jenis jenis event yang umumnya ada di suatu objekvent KeteranganChange Terjadi ketika nilai properti caption atau text berubahClick Terjadi ketika pemakai melakukan klik pada objekDblClick Terjadi ketika pemakai melakukan klik ganda pada objekGotFocus Terjadi saat objek mendapat focusKeyDown Terjadi ketika pemakai mengetikkan karakter pada objekKeyPress Terjadi setelah event keydownKeyUp Terjadi setelah event keypressLostFocus Terjadi ketika objek kehilangan fokusMouse Down Terjadi ketika pemakai menekan mouse baik kiri, kanan atau scrollMouseMove Terjadi ketika pemakai menggerakkan mouseMouseUp Terjadi ketika pemakai melepaskan tekanan ke mouseProperty yang umumnya dimiliki suatu objekProperty KegunaanAlignment Untuk menentukan pemerataan rata kiri kanan, center , justifiyAppearance Untuk menentukan tampilan objek (0 flat , 1 3D)Autosize Untuk menentukan apakah ukuran objeksecara otomatis menyesuaikan dengan tulisanBackcolor Untuk menentukan warna latar belakangBackstyle Untuk menentukan perilaku latar belakang ( 0 transparent 1 opaque)BorderStyle Untuk menentukan bentuk borderCaption Untuk menentukan tulisan pada objekDragcon Untuk menentukan ikon yang digunakan pada operasi drag and drop pada obejknabled Untuk menghidupkan atau mematikan objek terhadap eventFont Untuk menentukan jenis font, ukuran style, dllForeColor Untuk menentukan warna tulisan pada obejkHight Untuk menentukan tinggi objekVisible Untuk menentukan apakah objek dpat dilihat atau tidakContoh Mengganti tulisan uat program yang dapat merubah tuIisan di objek IabeI biIa mouse mengkIik 2 kaIi di objek IabeI tersebutLangkah pembuatan program: Buka progam Microsoft Visual Basic Pilih standar exe maka akan tampak objek form Ganti nama objek form di properties name menjadi frmgantilabel Lakukan cara yang sama untuk properties .aption di objek form dengan Ganti Label Klik ikon label di menu komponen lalu anda drag di objek form Ganti name di objek label dengan LblNama Ganti aption di objek label dengan "Selamat Datang Klik 2 kali di objek label kemudian ganti even menjadi dbl.li. si kode progam di prosedur dblClick Lblnama.caption =" Saya sedang Belajar Visual Basic Tekan F5 untuk 7:n program kemudian anda klik 2 kali di label yang bertuliskan Selamat datang. Perhatikan hasil yang diperolehContoh keluaran yang dihasilkanSetelah Di-Click 2 kaliventNama objekMethode sebagai kode programForm setelah program dirun (F5)Form setelah di-Click 2 kali di objek labelContoh hitung luas segitiga dan volume bola Buat Program dengan ketentuan sebagai berikut :Saat Program dijalankan tertampil Label "Selamat DatangBila form Diklik tulisan berubah menjadi nama anda, dan kalimat kami siap membantu andaDi Form tersedia empat textbox dan labelDua textbox sebagai input alas dan tinggiTextbox ketiga untuk input jari jari dan textbox keempat sebagai keluaran output baik luas segitiga dan volume tergantung proses yang dipilih dan tulisan label akan berubah dengan kalimat "Luas atau "Volume Anda siapkan dua buah commandCommand pertama berfungsi untuk proses luas segitiga(rumus :1/2*alas*tinggi) dan command kedua sebagai volume bola(rumus : 4/3*Phi*r3)LatihanBuat Form seperti berikut :vent yang digunakan pada objek Form on_clickCommand on_clickKeterangan komponen yang digunakan dan pengaturan PropertyKomponen Propertyame Caption/TextLabel label1 Selamat DatangLabel lblalas AlasLabel lbltinggi TinggiLabel lbljari Jari JariLabel lblhasil Luas segi 3TextBox txtalas -TextBox txttinggi -TextBox txtjari -TextBox txthasil -Command Button Cmdluas &LuasCommand Button Cmdvolum &Volumeform frmhitung Latihan 1Skrip sebagai methode yang digunakanPrivate Sub cmdluas_Click()Lblhasil.Caption = "Luas segi - 3" 'Merubah label hasil menjadi luastxthasil = Val(txtalas.text) * Val(txttinggi.text) * 0.5 'menghitung luasnd SubPrivate Sub cmdVolum_Click()Lblhasil.Caption = "Volume Bola" ' merubah label hasil menjadi volumetxthasil = 4 / 3 * Val(txtjari.text) ^ 3*3.14'menghitung volumend SubPrivate Sub Form_Click()Label1.Caption = "ko Siap Membantu Anda"'label yang dirubah bila form dikliknd Subete7angan : F:ngsi val adalah :nt: me7:bah data st7ing menjadi bilangan, bila yang diinp:t h:7:1 maa dianggap be7nilai 0.Fungsi FPrinsip Fungsi F digambarkan notasi flowchart sebagai berikut :f Then Proses 1Proses 1
f Then
lse
nd if
f then
lseif then
lse
nd ifContoh studi kasus F (sesuai contoh di slide 20)Buat Form seperti berikut : Private Sub cmdLogin_Click()f txtUser.Text = "tamu" Thenf txtpassword.Text = "pascal" ThenMsgBox "Selamat anda berhak masuk sistem", vbOKOnly, "nformasi"lseMsgBox "User atau Password salah ulangi lagi", vbOKOnly, "nformasi"nd felseMsgBox "User atau Password salah ulangi lagi", vbOKOnly, "nformasi"nd fnd SubPrivate Sub Form_Load()txtpassword.PasswordChar = "&" 'karakter passwordnd SubKomponen Propertyame Caption/TextLabel label1 UserLabel label2 PasswordTextbox txtuser -textbox txtpassword -Command buttonCmdlogin &LoginForm FrmPassword Form LoginMengatur kemuncuIan Antara orm -ormForm pertama muncul adalah form Login. Bila login sesuai maka tampil form untuk menghitung luas dan volume.Tahapan yang dilakukan yaitu:Atur kemunculan form melalui men: p7oje.t p7oje.t p7ope7ties gene7al (tab dialog) Atur melalui combo box berlabel sta7t:p obje.tform yang pertama dimunculkan begitu program di-7:nMenghubungkan antara orm -ormMethode menampilkan form :.showMenutup Form :.hideSebagai contoh :Form pertama tampil adalah form password. Ubah isi startup objek di menu project properties menjadi frmpassword. Kemudian di objek command dir frmlogin tambahkan skrip untuk membuka form hitung luas segitiga dan sembunyikan form password di bagian bila data yang dimasukkan benar(sesuai kondisi yang ditentukan). Untuk jelasnya perhatikan slide berikut :Modifikasi skrip untuk menghubungkan antara FormPrivate Sub cmdLogin_Click()f txtUser.Text = "tamu" Thenf txtpassword.Text = "pascal" ThenMsgBox "Selamat anda berhak masuk sistem", vbOKOnly, "nformasi"frmhitungshow 'memanggiI form hitung Iuas dan voIumfrmpasswordhide ' menyembunyikan form password lse.. dst%ambahan inst7:siStartup ObjectMD Form dan Membuat Menu MD Form adalah nduk dari semua Form yang ada. Langkah langkah membuat MD-FormKlik kanan di project explorer Sorot Add MDForm Membuat Form yang lain menjadi Child(anak) dari MD Form dengan cara mengubah property MD Child menjadi True Membuat MenuPembuatan menu dapat dilakukan di MD Form atau di child FormLangkah membuat menuTekan Ctrl atau klik kanan di form menu editorDi label "caption tuliskan nama menuDi label"name tuliskan nama dari menu Klik next lalu klik panah ke kanan untuk membuat sub menuLakukan cara yang sama di label "caption dan label "nameStudi Kasus menggunakan MD Form dan Child FormBuka Visual BasicTambahkan 3 buah form sebagai form :MD FormForm Hitung luas segitigaForm Hitung Luas persegipanjang
Menu ditorContoh menu editor dengan menu : &File&xit Hitung Luas Segitiga Luas Segiempat &Help &AboutCaptionNameMenu Kode Program Di Main MenuPrivate Sub mnuexit_Click()Unload Mend SubPrivate Sub mnusegiempat_Click()frmSegiempat.Shownd SubPrivate Sub mnusegitiga_Click()FrmSegitiga.Shownd SubMenu Child dari Main menuSet Property MD Child dari kedua form diatas menjadi truePrivate Sub cmdhitung_Click()txtluas = Val(txtpanjang.Text) * Val(txtlebar.Text)nd SubPrivate Sub cmdhitung_Click()txtluas = Val(txtalas.Text) * Val(txttinggi.Text) * 0.5nd SubStudi Kasus Membuat Password Private Sub CmdLogin_Click() f txtuser.Text = "vb" And txtpassword.Text = "vb" Then MsgBox "Selamat Datang", vbOKOnly, "nformasi" FrmMain.Show FrmLogin.Hide lse MsgBox "Password atau User salah", vbOKOnly, "nformasi" nd fnd Sub
