BAB 6 Membangun User Interface
|
|
- Hadian Hermawan
- 7 tahun lalu
- Tontonan:
Transkripsi
1 BAB 6 Membangun User Interface Pada proyek terakhir, telah dibangun modul BPEL untuk mengorkestrasi dua web services. Pada saat pengujian digunakan, fasilitas test built-in yang ada pada aplikasi komposit. Pada proyek ini, akan dibuat user interface berbasis web untuk berkomunikasi dengan proses BPEL. 6.1 Membuat Proyek Aplikasi Web Pilih File / New Project dari menu bar. Window New Project akan muncul. Pilih Java Web sebagai category dan Web Application untuk project type. Kemudian klik Next. Untuk Project Name, ketik LoanQuoteUI dan klik Next. {Jika langsung klik Finish (bukan Next) maka framework interface web tidak ditambahkan secara otomatis.} Pada langkah Server and Settings, klik Next (bukan Finish!). Pada bagian Visual Web JavaServer Faces lakukan cek pada box. Kemudian pilih Finish. {User interface aplikasi Java atau JavaFX Script dapat digunakan, keduanya didukung oleh NetBeans.} 132
2 Proyek LoanQuoteUI akan tampak pada panel Projects. Perhatikan bahwa kanvas design Page1.jsp tampak dengan widget palette. Jika palette tidak tampak maka klik-kanan window, gunakan opsi menu bar Window / Palette untuk memunculkan. {Pada proyek ini akan dibangun menggunakan JSP (JavaServer Pages) dan JSF (JavaServer Faces) untuk user interface. } Drag empat Labels dan satu Button dari palette dan drop ke kanvas Page1.jsp: Untuk merubah default pada label text, lakukan klik-double dan ketikkan teks yang diinginkan. Tambahkan tiga Text Fields ke layout di sebelah kanan label. {Untuk meluruskan teks, klik semua label, kemudian klik-kanan dan gunakan opsi Align. Coba juga gunakan opsi Align / Snap to Grid.} Gunakan opsi menu bar Window / Properties untuk menampilkan panel Properties. Ubah id property dari tiga text fields menjadi : 133
3 typetextfield amounttextfield periodtextfield {Ubah nilai id supaya lebih deskriptif dan mudah dalam pemeliharaan.} Tambahkan sebuah Label dengan id adalah paymentlabel di sebelah kanan label Calculated Monthly Payment:. Beri nama button menjadi Calculate property pada panel Properties. deengan merubah pada text Pada tiga data entry textfield dan pada label yang menampilkan jumlah pembayaran lakukan, add binding attribute dengan klik pada tiap widgets (typetextfield, amounttextfield, periodtextfield dan paymentlabel) dan memilih opsi seperti dibawah ini. 134
4 Simpan semua pekerjaan dengan klik Save All. Klik pada kontrol JSP pada bagian panel layout untuk melihat sintaks JSP yang secara otomatis dibuat didasarkan pada widget yang ditambahkan pada kanvas design. Aksi Add Binding Attribute telah ditambahkan pada sintaks yang disorot berikut ini. 135
5 Perhatikan bahwa statement binding mengacu pada Page1. Klik pada kontrol Java pada bagian atas panel layout untuk melihat backing bean dari kode Java untuk kelas Page1. Hubungan antara sintaks JSP dan Java backing bean telah dijelaskan oleh spesifikasi JSF. Klik pada kontrol Design untuk kembali ke mode Design. 6.2 Membuat Web Service Client Komponen JSF membawa kemampuan dari Java Swing berbasis desktop ke perancangan web UI. Komponen semacam button mempunyai action handlers yang berisi kode yang dieksekusi ketika user berinteraksi dengan 136
6 komponen JSF. Kode JSP pada sisi klien untuk melakukan invoke ke kdoe action handler yang berjalan di dalam web container (server- side). Klien web adalah kode JAX-WS yang dihasilkan untuk melapisi dengan Java / XML marshaling dan unmarshaling yang berkomunikasi antara klien (service consumer) dan server (service provider). Selanjutnya diperlukan penetapan action handler untuk tombol Calculate sehingga dapat melakukan invoke ke proses bisnis QuoteLoan dan mendapatkan return pembayaran bulanan pada field paymentlabel. Proses bisnis QuoteLoan tersedia sebagai Web service. Karena itu diperlukan beberapa kode sisi klien untuk memanggil web service. Sehingga akan dibuat klien web service. NetBeans dapat dengan mudah membuat kode sisi klien untuk memanggil proses bisnis QuoteLoan sebagai web service. Hanya perlu tahu dimana endpoint web services berada. Dengan kata lain, bagaimana proses BPEL mendengarkan request SOAP/HTTP? Untuk menjawabnya, dengan melihat LoanQuoteWSDL yang dibuat untuk melakukan wrap proses BPEL sehingga dapat dipanggil via SOAP? WSDL ini dapat berjalan karena telah ditest melalui HomeLoanTestCase. Kemudian, klik-double pada LoanQuoteWSDL.wsdl pada Process Files untuk QuoteLoan sehingga dapat dilihat endpoint address: 137
7 Lihat gambar diatas bahwa soap:address ditetapkan sebagai : Menemukan Port JBI Binding Component Perhatikan bahwa walaupun mengacu pada port tertentu, WSDL masih menggunakan environment variable (${HttpDefaultPort}) yang dibuat Netbeans secara otomatis. LoanQuoteUI merupakan aplikasi web stand-alone dan bukan bagian dari aplikasi komposit. Sehingga, LoanQuoteUI won't mengambil manfaat dari substitusi variabel lingkungan. Karena itu hanya perlu dijawab pertanyaan : Apa port aktual tempat endpoint mendengarkan? Untuk menjawab pertanyaan tersebut, maka akan ditanyakan pertanyaan lainnya. Dimana kontainer JBI yang mendeploy endpoint SOAP? Jika diketahui nomor port untuk komponen JBI yang menjadi tumpangan endpoint, maka akan diketahui nomor port aktual untuk mengantikan $ {HttpDefaultPort}. Klik-double Service Assembly pada QuoteLoanApplication untuk menampilkan service assembly pada CASA Editor: 138
8 Endpoint direpresentasikan oleh port SOAP WSDL yang dilabeli LoanQuoteWSDLPort. Klik-kanan pada port ini dan pilih Properties: 139
9 Dapat dilihat dalam property Component Name bahwa port WSDL port (SOAP endpoint) dideploy pada sun-http-binding JBI component. Komponen binding HTTP merupakan salah satu dari lebih 40 komponen JBI dalam proyek Open ESB. Setelah diketahui port dari komponen sun-http-binding maka akan diketahui nomor port untuk endpoint web services untuk memanggil proses QuoteLoan. 140
10 Untuk menemukan port sun-http-binding component maka pindah ke panel Services dan akses Properties nya: Perhatikan bahwa Default HTTP Port Number adalah Sehingga untuk mengakses endpoint SOAP web service: {HttpDefaultPort}/LoanQuoteWSDLService/LoanQuoteWSDLPort digunakan URL: 141
11 Tambahkan?wsdl pada bagian akhir the URL dan gunakan web browser untuk melihat endpoints WSDL: Akan terlihat dokumen WSDL yang memverifikasi bahwa endpoint ke QuoteLoan adalah port 9080: 142
12 Dengan URL dari endpoint WSDL endpoint, maka akan siap dibangun klien web service. Pada panel Projects, klik-kanan pada proyek LoanQuoteUI dan pilih opsi New / Other / Web Services / Web Service Client. Klik Next untuk memulai wizard. Klik radio button WSDL URL. Kemudian paste dalam URL untuk WSDL yang akan ditampilkan: Klik Finish untuk mulai membuat sisi klien WSDL diakses dan klien Web service muncul pada proyek dibawah Web Service References: 143
13 {Perhatikan bahwa web service reference tidak dapat diklik-double. Yang dikerjakan NetBeans adalah mengumpulkan yang diperlukan untuk menghasilkan kode sisi klien JAX-WS untuk melakukan marshal dan unmarshal XML dan Java object. NetBeans memudahkan dalam menggunakan kode sisi klien tanpa kawatir cara melakukan marshaling dan unmarshaling.} Akhirnya telah berhasil dibuat kode button handler yang menggunakan klien Web service. Pada mode Design Page1.jsp, klik-doublepada tombol Calculate untuk menampilkan kode untuk handler yang masih kosong: Akan ditambahkan beberapa kode untuk memproses klien web service yang baru saja dibuat. Klik pada bagian kode setelah komentar. Tekan Enter untuk membuat baris kosong. 144
14 Pada baris kosong, klik-kanan dan pilih Web Service Client Resources / Call Web Service Operation. Pada window pop-up pilih LoanQuoteWSDLOperation dan pilih OK. {Web Service Client Resources merupakan opsi terakhir dalam menu pop-up.} Kode klien untuk mengakses proses QuoteLoan BPEL sebagai web service per interface WSDL akan ditambahkan pada button handler: Ini akan memberikan kerangka kode yang memungkinkan button handler untuk menangani proses QuoteLoan BPEL melalui panggilan web services. Sekarang perlu diketikkan rincian kodenya. Ganti keseluruhan button handler dengan mengkopi-paste statemen berikut ini sehingga kode pada button handler akan tampak seperti ini: public String button1_action() { try { 145
15 // Get port org.netbeans.j2ee.wsdl.quoteloan.loanquotewsdl.loanquotewsdlporttype port = service.getloanquotewsdlport(); // Retrieve values in text fields on UI String loantype = (String) typetextfield.gettext(); String amountstring = (String) amounttextfield.gettext(); String periodstring = (String) periodtextfield.gettext(); double amount = Double.valueOf(amountString); int period = Integer.valueOf(periodString); org.netbeans.xml.schema.loanquoteschema.loanquoteinput inputpart = new org.netbeans.xml.schema.loanquoteschema.loanquoteinput(); // Populate inputs inputpart.setloantype(loantype); inputpart.setamount(amount); inputpart.setperiod(period); // Call web service org.netbeans.xml.schema.loanquoteschema.loanquoteoutput result = port.loanquotewsdloperation(inputpart); System.out.println("Result = " + result); // Update UI with web service result double monthlypayment = result.getmonthlypayment(); String monthlypaymentstring = String.valueOf(monthlyPayment); paymentlabel.setvalue(monthlypaymentstring); } catch (Exception ex) { paymentlabel.setvalue("error"); System.out.println("****** " + ex.getmessage()); System.out.println("****** " + ex.getcause()); } return null; } {Statemen yang di-bold menunjukkan langkah-langkah sbb : 1. Membangun channel komunikasi 2. Mendapatkan data yang dimasukkan melalui field user interface 3. Bangun data structure yang digunakan komunikasi melalui channel 4. Panggil Web service provider melaluii channel 5. Bangun user interface widget dengan hasil dari Web service call} Gunakan reformat Alt-Shift-F to untuk merapikan Java code. Lakukan Save All. 146
16 6.4 Deploying Proyek Lakukan build proyek dengan klik-kanan pada node LoanQuoteUI dan pilih Clean and Build. {Untuk melakukan deploy aplikasi web, gunakan cara yang sudah dilakukan (klik- kanan dan pilih opsi Deploy).} Kemudian akan dilakukan deploy aplikasi web sehingga dapat dilakukan test. Untuk deployment sebelumnya, lakukan klik-kanan dan pilih opsi Deploy. Sementari itu, pindah ke GlassFish Admin Console. Hal ini akan memberi kesempatan untuk melihat integrasi antara NetBeans IDE dan GlassFish Enterprise Server. Pastikan server GlassFish telah aktif. Untuk memulai deployment, pindah ke panel Services dan invoke GlassFish Admin Console dengan klik-kanan GlassFish V2 dan pilih opsi View Admin Console: 147
17 Akan muncul halaman web yang memerlukan otentifikasi. Untuk User Name, ketik: admin Untuk Password, ketik: adminadmin Aplikasi LoanQuoteUI merupakan sebuah aplikasi web, sehingga dibawah hirarki aplikasi pada sisi kiri, klik pada node Web Applications. Perhatikan bawha CalculateLoanPayment adalah aplikasi web yang telah dideploy. 148
18 Untuk mendeploy aplikasi LoanQuoteUI, klik pada tombol Deploy. Display Deploy Enterprise Applications/ Modules akan muncul. Pada field Location lakukan browse ke direktori C:\MyTutorial\LoanQuoteUI\dist dan pilih file LoanQuoteUI.war: Klik pada tombol OK untuk mendeploy file.war. Setelah deployment berakhir, maka daftar aplikasi web yang dideploy akan muncul: 149
19 Aplikasi LoanQuoteUI telah siap dilakukan testing. 6.5 Testing User Interface Selanjutnya akan digunakan aplikasi web LoanQuoteUI untuk menguji proses QuoteLoan BPEL. Klik-kanan pada node LoanQuoteUI dan pilih Run. Sebuah halaman web akan muncul yang menampilkan interface yang telah didesain. Ketikkan data pinjaman pada tiga text box, seperti dibawah dan pilih tombol Calculate: 150
20 Setelah menekan tombol Calculate jumlah pembayaran harusnya tampak pada text box Calculated Monthly Payment seperti gambar diatas. pesan error. Jika muncul Error maka cek pada panel output GlassFish V2 untuk { Ingat bahwa nilai Loan Type adalah case-sensitive sehingga AUTO dan auto tidak sama. Ingat pula, tidak seperti halaman testing web service, Amount tidak mempunyai desimal.} 151
BAB 4 Membangun Web Services
BAB 4 Membangun Web Services Pada proyek ini, akan dibuat modul EJB yang berisi lojik untuk menetapkan tingkat bunga untuk dua jenis pinjaman (Mobil dan Rumah). Seperti yang telah dijelaskan pada Skenario,
Lebih terperinciBAB 7 Menyimpan Proses Pinjaman ke Basisdata
BAB 7 Menyimpan Proses Pinjaman ke Basisdata Pada proyek sebelumnya, skenario pemrosesan pinjaman telah lengkap dengan menambahkan interface berbasis web browser untuk menggerakkan proses BPEL yang menghasilkan
Lebih terperinciBAB 5 Orkestrasi dengan BPEL
BAB 5 Orkestrasi dengan BPEL Pada ke dua proyek pertama, telah dibangun web services untuk menangani langkah-langkah dalam proses pinjaman. Web service pertama, DetermineLoanRate, merupakan modul EJB,
Lebih terperinciBAB 3 Studi Kasus SOA
BAB 3 Studi Kasus SOA Sebagai pembuktian integrasi berbasis SOA maka akan dibangun aplikasi bisnis fiktif berupa kredit perbankan yang dinamakan aplikasi WHUBANK. Aplikasi WHUBANK ini merupakan proof of
Lebih terperinciPENDAHULUAN TENTANG NETBEANS
PENDAHULUAN TENTANG NETBEANS Yuliana Setiowati Politeknik Elektronika Negeri Surabaya 1 TOPIK Pendahuluan IDE Netbeans Membuat Project Baru. 2 Konsep Netbeans Netbeans sebagai IDE ditujukan untuk memudahkan
Lebih terperinciBAB 4 Membangun Web Services
BAB 4 Membangun Web Services Pada bagian ini akan dilakukan tahapan pembuatan web services yang dimulai dengan membuat aplikasi kelas java, membuat user interface, membuat web service, dan terakhir adalah
Lebih terperinciPEMROGRAMAN LANJUTAN JAVA. Dasar-Dasar Netbeans
PEMROGRAMAN LANJUTAN JAVA Dasar-Dasar Netbeans OLEH ONDRA EKA PUTRA, S.KOM FAKULTAS ILMU KOMPUTER UNIVERSITAS PUTRA INDONESI YPTK PADANG DASAR-DASAR NETBEANS Dalam pembahasan ini akan belajar dasar-dasar
Lebih terperinciYudi Tri Wibowo. Lisensi Dokumen:
Tutorial Aplikasi Web JavaServer Faces(JSF) dengan NetBeans 6.0 Bagian 1 : Perkenalan Yudi Tri Wibowo yuditriwibowo@yahoo.com Lisensi Dokumen: Copyright 2003 2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciBAB I SEKILAS VISUAL STUDIO.NET 2008
BAB I SEKILAS VISUAL STUDIO.NET 2008 Pembahasan Materi : Mengenal IDE Visual Studio.NET 2008. Pembuatan project pada Visual Studio.NET 2008. Pengenalan kontrol yang sering digunakan, menulis kode program
Lebih terperinciTABEL DATABASE TABEL - KODE BARANG TOKO INFOMART BARANG - NAMA BARANG - HARGA
TABEL Dalam pembuatan database, data yang pertama dibuat adalah tabel. Tabel merupakan kumpulan data yang tersusun menurut aturan tertentu dan merupakan komponen utama pada database. Table disusun dalam
Lebih terperinciDATABASE SQL SERVER. Database SQL Server Halaman 1
1 DATABASE SQL SERVER Objektif: Mengetahui sejarah SQL Server 7.0 Mengengetahui perbedaan SQL Server dengan Microsoft Access Mengenal program bantu yang ada di SQL Server 7.0 Mengetahui cara membuat database
Lebih terperinciPEMROGRAMAN I. By : Sri Rezeki Candra Nursari
PEMROGRAMAN I By : Sri Rezeki Candra Nursari Materi : nursari2010.blogdetik.com String String Handling Java.util,Java.io AWT Event Windows Graphics Text Control Layout Manager Menu GUI Handling Image New
Lebih terperinciPembuatan Report menggunakan JasperReports dan ireport
Pembuatan Report menggunakan JasperReports dan ireport Oleh : Tutorial ini adalah lanjutan dari tutorial sebelumnya yang berjudul Pemrograman Database Java- MySQL bisa dibaca di http://www.scribd.com/doc/72455088/pemrograman-database-java-mysql.
Lebih terperinci1. MENGENAL VISUAL BASIC
1. MENGENAL VISUAL BASIC 1.1 Mengenal Visual Basic 6.0 Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh
Lebih terperinciMasukkan CD Program ke CDROM Buka CD Program melalui My Computer Double click file installer EpiInfo343.exe
Epi Info Instalasi File Installer Masukkan CD Program ke CDROM Buka CD Program melalui My Computer Double click file installer EpiInfo343.exe File installer versi terbaru dapat diperoleh melalui situs
Lebih terperinciINSTRUKSI PENCABANGAN
INSTRUKSI PENCABANGAN Sebagai pengembang (programmer) sudah pasti mengetahui jenis operasi instruksi. Salah satu yang perlu dipelajari atau dimengerti adalah operasi instruksi pencabangan. 3.1 Pencabangan
Lebih terperinciModul Tutorial C# 1. Membuat Class Library ENRICO BUDIANTO MICROSOFT INNOVATION CENTER UNIVERSITAS INDONESIA
Modul Tutorial C# 1 Membuat Class Library ENRICO BUDIANTO MICROSOFT INNOVATION CENTER UNIVERSITAS INDONESIA JUNI 2010 PENDAHULUAN Dalam rangkaian modul tutorial untuk pelatihan C# ini, pertama kali akan
Lebih terperinciMODUL III Membuat Server HTTP Pada Jaringan
MODUL III Membuat Server HTTP Pada Jaringan PERSIAPAN Persiapan simulasi server HTTP dalam contoh ini adalah dengan menggunakan 1 buah workstation dan 1 server yang terhubung langsung dengan kabel --tipe
Lebih terperinciPRAKTIKUM 6 SPINNER. 1. Aktifkanlah project baru, File New Project Android Application Project. Modul 6 Spinner Page 1
PRAKTIKUM 6 SPINNER Spinner adalah aplikasi sederhana untuk menyusun pilihan ketika akan memilih sebuah jawaban berupa option, dan menampilkan jawaban terpilih di textbox. Spinner merupakan view yang memiliki
Lebih terperinciTutorial Web Service JAX-WS Konverter Suhu dengan NetBeans
Tutorial Web Service JAX-WS Konverter Suhu dengan NetBeans Nama Penulis gear4402@gmail.com Lisensi Dokumen: Copyright 2003-2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciMODUL 1 DASAR-DASAR PEMROGRAMAN C++
MODUL 1 DASAR-DASAR PEMROGRAMAN C++ Integrated Development Environtment (IDE) pada Microsoft Visual C++ 2008 telah dilengkapi dengan fasilitas untuk membuat kode sumber (source code), kompilasi (compiler)
Lebih terperinciKoneksi Database BAB 1
BAB 1 Koneksi Database Ada banyak cara untuk membuat koneksi database agar aplikasi yang kita buat di Visual Basic dapat berhubungan dengan database baik itu database dari Ms Access, MySQL, SQL Server,
Lebih terperinciDelphi Cara membuka aplikasi Delphi 7. Start All Programs Borland Delphi 7 Delphi Perkenalan jendela Delphi 7. syahada.blogspot.
1. Cara membuka aplikasi Delphi 7 Start All Programs Borland Delphi 7 Delphi 7 2. Perkenalan jendela Delphi 7 Ket : 1. Object Tree View Merupakan sebuah diagram pohon yang menggambarkan hubungan logis
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 2 MEMBUAT ANTARMUKA Tujuan: Mahasiswa memahami dan mampu menggunakan beberapa komponen antarmuka untuk mendukung suatu aplikasi Android. Pustaka: Abdul Kadir,
Lebih terperinciBAB 10 NETBEANS DATABASE
BAB 10 NETBEANS DATABASE Java memiliki server database sendiri dengan nama Derby (Java DB). Deby adalah database server yang termasuk database transaksional selengkapnya ditulis menggunakan Java,aman,memenuhi
Lebih terperinciBAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i
BAB I Konsep Visual Basic: Penerapan di dunia Usaha, Instalasi serta Pengenalan IDE (Integrated Development Environment) VB dan konsep pemrograman visual I. Tujuan Praktikum 1. Mahasiswa mengenal VB, penerapan
Lebih terperinciAutoplay Media Studio
2013 Autoplay Media Studio Donny kurniawan X-TKJ1 10/29/2013 A. Tujuan - Mengetahui fungsi dan tujuan software Autoplay Media Studio. - Dapat mengoperasikan Autoplay Media Studio. - Dapat membuat sebuah
Lebih terperinciIMPLEMENTASI PEMROGRAMAN VISUAL BASIC DENGAN DATABASE ACCESS
IMPLEMENTASI PEMROGRAMAN VISUAL BASIC DENGAN DATABASE ACCESS I. Tujuan : 1. Mahasiswa dapat memahami tentang komponen pada Visual Basic yang digunakan untuk membuat koneksi aplikasi Visual Basic dengan
Lebih terperinciMEMBUAT WEBSITE PERSONAL
MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1
Lebih terperinciModul Praktikum Basis Data 11 Membuat Menu dengan Form
Modul Praktikum Basis Data 11 Membuat Menu dengan Form Pokok Bahasan : - Membuat dan menggunakan switchboard - Membuat Menu Navigasi Berupa Form Tujuan : - Mahasiswa mampu membuat dan menggunakan switchboard
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciMembuat File Database & Tabel
Membuat File Database & Tabel Menggunakan MS.Office Access 2013 Database merupakan sekumpulan data atau informasi yang terdiri atas satu atau lebih tabel yang saling berhubungan antara satu dengan yang
Lebih terperinciBAB 2 LANDASAN TEORI. Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi
BAB 2 LANDASAN TEORI 2.1 Pengertian Perangkat Lunak Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi memberikan fungsi dan unjuk kerja seperti yang diinginkan, struktur data yang
Lebih terperinciBAB I Pengenalan Microsoft Visual Basic 6.0
BAB I Pengenalan Microsoft Visual Basic 6.0 Pembuatan program dalam Visual Basic berbeda dengan pembuatan program-program DOS atau pemrograman yang bersifat konvensional. Dalam Visual Basic, pembuatan
Lebih terperinciBAB 3 ANALISIS DAN PERANCANGAN. menentukan dan mengungkapkan kebutuhan sistem. Kebutuhan sistem terbagi menjadi
BAB 3 ANALISIS DAN PERANCANGAN 3. Analisis Kebutuhan Sistem Hal pertama yang perlu dilakukan dalam analisis kebutuhan sistem adalah menentukan dan mengungkapkan kebutuhan sistem. Kebutuhan sistem terbagi
Lebih terperinciDASAR MENGGUNAKAN VISUAL BASIC 6.0
DASAR MENGGUNAKAN VISUAL BASIC 6.0 Apa itu Visual Basic? Kata Visual menunjukkan cara yang digunakan untuk membuat Graphical User Interface (GUI). Dengan cara ini Anda tidak lagi menuliskan instruksi pemrograman
Lebih terperinciPROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG Pemrograman Berorientasi Objek 3 (Mobile And Web Programming)
TK Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711-353414 PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG Pemrograman Berorientasi Objek 3 (Mobile And Web
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciModul Pembuatan Website Menggunakan
Design : www.mhdsyarif.p.ht Modul Pembuatan Website Menggunakan Versi 3.5.1 07-08 Mei 2013 Oleh : Divisi Web Puskom UR http://puskom.unri.ac.id Daftar Isi Daftar Isi...i A. Install XAMPP... 1 B. Install
Lebih terperinciModul 3 Pembuatan Form dengan Wizard dan Penambahan kode VBA
Modul 3 Pembuatan Form dengan Wizard dan Penambahan kode VBA Tujuan : Membuat Form dengan wizard Pembuatan tombol (command button) pada form Memahami pengoperasian Update dan Delete pada Form Dapat membuat
Lebih terperinciINSTALLATION GUIDE INSTALLATION GUIDE. PT.Technomatic Cipta Mandiri. IT division: Jl. Cikutra Baru Raya No.2 Bandung-40124
INSTALLATION GUIDE PT.Technomatic Cipta Mandiri IT division: Jl. Cikutra Baru Raya No.2 Bandung-40124 Telp./Fax.: 022 70051771; 7219761 INSTALLATION GUIDE INSTALLATION GUIDE MailTracking merupakan sebuah
Lebih terperinciMODUL X DATABASE VB. Modul Praktikum Bahasa Pemrograman Visual (BPV)
MODUL X DATABASE VB A. Tujuan 1. Memahami dan menerapkan operasi-operasi database. 2. Memahami langkah pembuatan aplikasi database. 3. Memahami konfigurasi data source. 4. Memahami pembuatan Table Adapter.
Lebih terperinciKONEKSI NETBEANS DENGAN DATABASE SQLITE
KONEKSI NETBEANS DENGAN DATABASE SQLITE Open SQLite Manager yang ada pada add on Firefox. Create new database baru dengan cara Database, lalu pilih New Database. 1 Ganti nama dengan Database1. Pilih direktori
Lebih terperinciProgram Kalkulator Sederhana Menggunakan Java Netbeans
Program Kalkulator Sederhana Menggunakan Java Netbeans Membuat kalkulator sederhana menggunakan Java Netbeans cukup mudah. Karena program yang di tulis tidak terlalu rumit, tapi memang perlu sedikit kesabaran
Lebih terperinciKonsep Sistem Informasi B
MICROSOFT ACCESS FORM Form digunakan untuk merepresentasikan ke user atau menerima inputan dari user data-data dalam tabel atau query dalam bentuk interface grid, tombol, dan lain-lain kontrol windows.
Lebih terperinciSERVLET. 5.1 Membuat Program Servlet
SERVLET Servlet merupakan dasar dari teknologi Java Web, yaitu sebuah class Java yang mempunyai kemampuan sebagai server. Servlet bekerja berdasarkan model request-respone, dan dasar dari teknologi bersama
Lebih terperinciMenggunakan Microsoft Access (perhatikan untuk red text)
Menggunakan Microsoft Access (perhatikan untuk red text) 1. Membuat Database dan Tabel Materi ini akan menjelaskan bagaimana membangun database, tabel dan field. Akan dijelaskan pula mengenai format dan
Lebih terperinciPemrograman dengan C++ Builder 2004 Taryana S Pendahuluan C++ Builder adalah sebuah aplikasi yang digunakan untuk pengembangan dengan
1.1. Pendahuluan C++ Builder adalah sebuah aplikasi yang digunakan untuk pengembangan dengan memanfaatkan keistimewaan konsep- konsep antar muka grafis dalam Microsoft Windows. Aplikasi yang dihasilkan
Lebih terperinciMembuat Webservice Pada Visual Studio 2012 (C#.NET ver.4.5)
Membuat Webservice Pada Visual Studio 2012 (C#.NET ver.4.5) Mohammad Rizal Ghani Ghani.rizal.m@gmail.com :: http://infotemenn.blogspot.com Abstrak ASP.NET adalah bahasa pemrograman yang bertujuan untuk
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN BERORIENTASI OBJEK. Maimunah, S.Si,M.Kom
MODUL PRAKTIKUM PEMROGRAMAN BERORIENTASI OBJEK Maimunah, S.Si,M.Kom PROGRAM STUDI TEKNIK KOMPUTER FAKULTAS TEKNIK UNIVERSITAS ISLAM 45 BEKASI 2014 1 Peraturan : 1. Mahasiswa harus berpakaian rapi dalam
Lebih terperinciMicrosoft Access 2007
BAHAN AJAR Microsoft Access 2007 Reporting with Microsoft Access 2012 MICROSOFT ACCESS 2007 A. Pengertian Report Report dapat diartikan dengan sebuah kata: laporan. Report merupakan salah satu fungsi pada
Lebih terperinciBAB 3 Mengenali Lingkup Pemrograman Anda
BAB 3 Mengenali Lingkup Pemrograman Anda 3.1 Tujuan Dalam bagian ini, kita akan membahas tentang bagaimana menulis, mengkompilasi dan menjalankan program Java. Terdapat dua cara dalam melakukannya, yang
Lebih terperinciBAB-II OPERASI TABEL
BAB-II OPERASI TABEL 2.1. Modifikasi Tabel Terkadang Anda perlu mengatur field yang sudah ditempatkan pada tabel, kemudian suatu saat struktur tabel tersebut ingin kita rubah, misalnya mengganti field,
Lebih terperinciPengenalan Visual Basic
Pengenalan Visual Basic KETERANGAN : 1. Baris Menu, digunakan untuk memilih tugas-tugas tertentu seperti menyimpan project, membuka project, dll. 2. Main Toolbar, digunakan untuk melakukan tugastugas tertentu
Lebih terperinciPemograman Swing. Netbeans:
Pemograman Swing Topics: Cara Menggunakan Netbeans Java Application Java Desktop Application Materi Tambahan Netbeans: Pada pertemuan kali ini, kita akan membahas lebih jauh mengenai swing. Swing adalah
Lebih terperinciMembuat File Database & Tabel
Membuat File Database & Tabel Menggunakan MS.Office Access 2010 Database merupakan sekumpulan data atau informasi yang terdiri atas satu atau lebih tabel yang saling berhubungan antara satu dengan yang
Lebih terperinciPengenalan APLIKASI DATABASE
Page 1 of 23 APLIKASI DATABASE Pengenalan Aplikasi database merupakan aplikasi yang menggunakan database berbasis komputerisasi dan tampilan form sebagai media penghubung antara user dan database, dimana
Lebih terperinciMengoperasikan Dasar-Dasar Basis Data (Database)
2011 LSP TELEMATIKA Mengoperasikan Dasar-Dasar Basis Data (Database) Modul KKPI 3 Mengoperasikan Dasar-Dasar Basis Data - (20110523-R1) 1 DAFTAR ISI DAFTAR ISI... 2 BAB I Mempersiapkan Piranti Lunak Basis
Lebih terperinciBab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form
Bab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form Pokok Bahasan Membuat dan Menggunakan Switchboard Membuat Menu Navigasi Berupa Form Untuk memudahkan navigasi semua obyek pada file database
Lebih terperincihttp://www.cakraweb.com/help/help_mssql.phtml MS-SQL Cara membuat koneksi antara PC anda dengan MS-SQL Server Cakraweb: Pastikan bahwa Client Connectivity (bagian dari MS-SQL installation di PC anda) sudah
Lebih terperinciTUGAS SIMULASI DIGITAL LANGKAH-LANGKAH MEMBUAT PROGRAM DATA BASE
TUGAS SIMULASI DIGITAL LANGKAH-LANGKAH MEMBUAT PROGRAM DATA BASE Nama : Umar Mukhtar Kelas : X AK 3 No/NIS : 31/13066 Untuk membuat program form penjualan dengan menggunakan program data base dengan Access
Lebih terperinciCara Membuat Aplikasi Konversi Suhu Dengan Menggunakan NetbeansIDE6.5
Cara Membuat Aplikasi Konversi Suhu Dengan Menggunakan NetbeansIDE6.5 Abdul Mukti Abdul.mukti45@ymail.com :: http://mukti666.wordpress.com Abstrak Konversi satuan suhu adalah mengubah satuan suhu ke satuan
Lebih terperinciA. INSTALLASI SOFTWARE
A. INSTALLASI SOFTWARE 1. Masukkan CD Program ke dalam CD ROM 3. Pilih Next 4. Pilih direktori tempat penyimpanan lalu tekan, Lanjut 2. Next untuk melanjutkan 5. Pilih Typical, Next B. LOGIN PROGRAM 1.
Lebih terperinciPertemuan 4 Array pada Java
Pertemuan 4 Array pada Java Objektif : 1. Mahasiswa dapat memahami pengertian Array pada Java 2. Mahasiswa dapat mengetahui bentuk umum dari Array 3. Mahasiswa dapat mengetahui jenis-jenis Array pada Java
Lebih terperinciPemrograman Berorientasi Obyek. Ramos Somya
Pemrograman Berorientasi Obyek Ramos Somya User Interface (UI) mencakup semua interaksi dan komunikasi antara sebuah program dan pemakainya termasuk semua yang didengar dan dirasakan. Kemudahan dan kecepatan
Lebih terperinciSOFTWARE DEVELOMENT KIT (SDK) & DASAR PENGEMBANGAN APLIKASI MOBILE
SOFTWARE DEVELOMENT KIT (SDK) & DASAR PENGEMBANGAN APLIKASI MOBILE Farah Zakiyah Rahmanti, M.T Diperbarui 2016 Overview SDK (Software Development Kit) Creating Project di Eclipse Creating Project di Android
Lebih terperinciRekomendasi Min Perangkat Keras. Prosesor dual core 1.5 GHz RAM 2 GB Monitor 10 " VGA Onboard Keyboard PS2 Mouse PS2
Netbeans IDE Netbeans merupakan IDE (Integreted Development Environment) yang powerfull untuk membangun sebuah aplikasi berbasis Java, PHP, C/C++, Ruby dan lainnya. Netbeans awalnya diciptakan hanya untuk
Lebih terperinciMODUL 2 PERANCANGAN INTERFACE
6 MODUL 2 PERANCANGAN INTERFACE A. Tujuan Praktikum 1. Mahasiswa mampu memahami struktur dasar dan konsep pemrograman berbasis objek pada Visual Basic 2. Mahasiswa mampu membuat interface antar muka untuk
Lebih terperinciBAB IX MEMBUAT FORM 9.1 Membuat Form Secara Konvensional
BAB IX MEMBUAT FORM 9.1 Membuat Form Secara Konvensional GUI (Graphical User Interface), memungkinkan user untuk berinteraksi dengan komputer secara lebih baik. Pengguna dapat berinteraksi dengan berbagai
Lebih terperinciBAB-XI MEMBUAT SUBFORM
BAB-XI MEMBUAT SUBFORM 1. Buatlah file Database dengan nama MODUL-10 2. Buat 3 (tiga) buah file Tabel, dengan struktur sebagai berikut : a. Tabel-1 : TABEL NOFAK b. Tabel-2 : TABEL DETAIL c. Tabel-3 :
Lebih terperinciREPORT ACCESS Amati isi dari table Employees. Isi dari table Employees berupa Employee ID, Last Name, First Name, Title, Birth Date, dst
REPORT ACCESS 2007 A. Pengertian Report Report dapat diartikan dengan sebuah kata: laporan. Report merupakan salah satu fungsi pada Microsoft Access yang berguna untuk membantu kita membuat laporan mengenai
Lebih terperinciPENGENALAN NETBEANS Algoritma & Pemrograman 2016/2017 Hastha Sunardi 2016 PENGENALAN NETBEANS. (Pertemuan: K[-]/L[1])
PENGENALAN NETBEANS (Pertemuan: K[-]/L[1]) NetBeans adalah merupakan IDE yang ditujukan untuk memudahkan pemrograman java. Dalam NetBeans, pemrograman dilakukan berbasis visual dan event driven. Persis
Lebih terperinciLAMPIRAN MODUL 3 PERANCANGAN SISTEM INFORMASI
LAMPIRAN MODUL 3 PERANCANGAN SISTEM INFORMASI TI3205 PERANCANGAN TEKNIK INDUSTRI 2 PENGENALAN MICROSOFT ACCESS 2007 PROGRAM STUDI TEKNIK INDUSTRI INSTITUT TEKNOLOGI BANDUNG 2011 LAMPIRAN : PENGENALAN MICROSOFT
Lebih terperinciKonfigurasi Desktop BAB 2
Konfigurasi Desktop BAB 2 Pada Bab ini Anda akan mempelajari cara: Konfigurasi Display Konfigurasi Keyboard Konfigurasi Mouse Konfigurasi Sound Konfigurasi CD Device Konfigurasi Folder Konfigurasi Asosiasi
Lebih terperinciTUTORIAL PEMBUATAN MEDIA PEMBELAJARAN DENGAN MENGGUNAKAN AUTOPLAY OLEH KELOMPOK 1. gunakan start menu untuk menampilkan program autoplay media studio.
TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN DENGAN MENGGUNAKAN AUTOPLAY OLEH KELOMPOK 1 MEMULAI PROYEK BARU 1. buka autoplay, dengan cara : gunakan start menu untuk menampilkan program autoplay media studio.
Lebih terperinciTUTORIAL SEDERHANA, JAVA (Swing) dan MYSQL (SELECT dan INSERT)
TUTORIAL SEDERHANA, JAVA (Swing) dan MYSQL (SELECT dan INSERT) 1. Installah terlebih dahulu Database MYSQL. Untuk latihan, dapat menginstal aplikasi XAMPP yang didalamnya tersedia banyak modul, salah satunya
Lebih terperinciKSI B ~ M.S. WULANDARI
1 MODUL VI : PAGE Situs WEB sekarang ini tidaklah hanya terdiri atas teks dan grafik. Banyak perusahaan ingin menampilkan data untuk relasi dan pelanggan mereka. Dengan Access 2000 kita bisa menyimpan
Lebih terperinciAlgoritma Pemrograman A
Algoritma Pemrograman A Memahami Proyek Proyek dan Dasar Dasar Delphi Code Memahami proyek Delphi Komponen Proyek Project Explorer Windows Dasar-Dasar Delphi Code Procedures IDE (Intregated Development
Lebih terperinciPANDUAN PENGELOLAAN SITUS WEB BPKP
PANDUAN PENGELOLAAN SITUS WEB BPKP URL (UNIFIED RESOURCES LOCATOR) Untuk dapat melakukan pengelolaan halaman web di situs web BPKP, kita harus mengetikkan URL atau unified resources locator atau alamat
Lebih terperinciBAB I PROJECT NETBEANS DAN GUI SEDERHANA
BAB I PROJECT NETBEANS DAN GUI SEDERHANA 1.1 Tujuan Instruksional Bab ini akan membahas pengenalan struktur project NetBeans, cara membuat Form, memberi Title, memasang komponen GUI Label, Button dan TextField
Lebih terperinciGambar 1. Jendela Ms. Access Pilihan: New : menu untuk membuat file basis data baru. Recent : menu untuk membuka file basis data yang sudah ada.
Mata Pelajaran : Keterampilan Komputer dan Pengelolaan Informasi Standar Kompetensi : Microsoft Office Access Kompetensi Dasar : Mengoperasikan Software Aplikasi Basis Data Kelas : XI Pertemuan 2 A. Menjalankan
Lebih terperinciAplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser
4.3.4 Petunjuk Pemakaian Sistem Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser yang terhubung dengan internet. Berikut ini adalah detail prosedur pemakaian dari aplikasi tersebut.
Lebih terperinci[MODUL ACCESS PEMULA]
Microsoft Excel 2007 Tingkat Pemula 2010 : Management and Education Governance [MODUL ACCESS 2007 - PEMULA] Pilot Project EMIS-ICT Strengthening in Aceh 104 ACCESS 2007 - PEMULA Tujuan Diharapkan Peserta
Lebih terperinciOleh: Ahmad Syauqi Ahsan
Oleh: Ahmad Syauqi Ahsan Aplikasi Yii2 menganut pola desain MVC (Model-View-Controller) Model: merepresentasikan data, logika bisnis, serta aturan-aturan yang ada. View: representasi keluaran dari model.
Lebih terperinciPENERAPAN JAVA SERVER FACES UNTUK DESIGN PATTERN WEB
PENERAPAN JAVA SERVER FACES UNTUK DESIGN PATTERN WEB Yanto (1) Abstrak: J2EE Pattern adalah kumpulan pola-pola yang digunakan dalam menyelesaikan masalah yang umumnya dihadapi oleh setiap programmer Java
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Penjualan Pada saat perusahaan menjual barang dagangnya, maka diperoleh pendapatan. Jumlah yang dibebankan kepada pembeli untuk barang dagang yang diserahkan merupakan
Lebih terperinciBAB 3 Mengenali Lingkup Pemrograman Anda
BAB 3 Mengenali Lingkup Pemrograman Anda 3.2 Tujuan Dalam sesi ini, kita akan membahas tentang bagaimana menulis, meng-compile dan menjalankan(run) program Java. Terdapat 2 cara dalam melakukannya, yang
Lebih terperinciSTEP BY STEP IN JAVA NETBEANS PROGRAMMING BY SUYANTO
STEP BY STEP IN JAVA NETBEANS PROGRAMMING BY SUYANTO Langkah-Langkah Membuat Aplikasi Database Menggunakan Java NetBean dan MySQL 1. Buat Project 2. Buat Form Menu Utama (Jframe Form) Suyanto Page 1 3.
Lebih terperinci4. Pilih direktori tempat penyimpanan lalu klik Lanjut. A. INSTALLASI SOFTWARE 1. Masukkan CD Program ke dalam CD ROM
A. INSTALLASI SOFTWARE 1. Masukkan CD Program ke dalam CD ROM 4. Pilih direktori tempat penyimpanan lalu klik Lanjut 2. Lanjut untuk melanjutkan 5. Centangi 2 opsi seperti pada gambar, klik Lanjut 3. Pilih
Lebih terperinciTutorial Jasper Report with JDBC Prerequisites: Jasper Report, ireport installed, MySQL installed, and NetBeans IDE
Tutorial Jasper Report with JDBC Prerequisites: Jasper Report, ireport installed, MySQL installed, and NetBeans IDE 1. Buka XAMPP control panel, start MySQL dan Apache server. 2. Import file electicalgoods.sql
Lebih terperinciDATABASE. Visual Data Manager
DATABASE Database dibedakan menjadi dua kelompok, yaitu back-end dan front-end. Back-end adalah yang menyusun, menyimpan dan mengamankan database. Sedangkan Front-end adalah aplikasi yang berhubungan langsung
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004
MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 1. Untuk menjalankan dreamweaver klik Start->Program->Macromedia- >Macromedia Dreamweaver MX2004 2. Tampilan awal biasanya
Lebih terperinciPEMROGRAMAN KOMPUTER KODE MODUL: TIN 202 MODUL IV PENGENALAN MICROSOFT VISUAL BASIC 6.0
PEMROGRAMAN KOMPUTER KODE MODUL: TIN 202 MODUL IV PENGENALAN MICROSOFT VISUAL BASIC 6.0 LABORATORIUM TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2013 MODUL IV PENGENALAN MICROSOFT
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciInstalasi dan konfigurasi VSTS Agent
Instalasi dan konfigurasi VSTS Agent Selain proses deploy secara manual tim dapat pula membuat sebuah proses build dan release management. Dengan adanya proses build dan release management setiap tahap
Lebih terperinciGinanjar Utama Workbench Tempat Bekerja
Tutorial Eclipse Ginanjar Utama ginanjar_utama@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
Lebih terperinciTabel 1. Instruksi untuk menampilkan teks No. Bahasa Pemrograman Instruksi 1. Pascal WRITE ( Bahasa pemrograman itu mudah );
PERTEMUAN I BAHASA PEMROGRAMAN JAVA DAN PENGENALAN NETBEANS 1. Program dan Bahasa Pemrograman Di dalam dunia komputer sering kali dijumpai istilah program dan bahasa pemrograman. Kedua istilah tersebut
Lebih terperinciFAKULTAS TEKNOLOGI INFORMASI UNISKA. Modul NetBeans 8.1. Disusun oleh: Mirza Yogy Kurniawan. Modul Praktek NetBeans 8.1 Studi Kasus Perpustakaan
FAKULTAS TEKNOLOGI INFORMASI UNISKA Modul NetBeans 8.1 Disusun oleh: Mirza Yogy Kurniawan Modul Praktek NetBeans 8.1 Studi Kasus Perpustakaan FAKULTAS TEKNOLOGI INFORM ASI UNISKA Daftar Isi BAB I KONEKSI
Lebih terperinciPraktikum 6 SubForm dan Kode VBA
Praktikum 6 SubForm dan Kode VBA A. TUJUAN Dapat mengkaitkan antara Form Utama dan SubForm Dapat menghubungkan antar Form secara manual Memahami arti dari Non-Synchronized Form Dapat memodifikasi properti
Lebih terperinciPengenalan. Microsoft Access. TI3007 Praktikum Perancangan Sistem Terintegrasi III. Perancangan Basis Data
Pengenalan Microsoft Access TI3007 Praktikum Perancangan Sistem Terintegrasi III Perancangan Basis Data PENDAHULUAN Microsoft Access adalah sebuah program aplikasi untuk mengolah database (basis data)
Lebih terperinci