1 / 28

Pemrograman User Interface

Pemrograman User Interface. Bisa?. Jenis-jenis pemrograman. High level (pascal, basic, cobol, fortran) Midle level (C) Low level (assambler). Rapid Aplication Development. Kebutuhan perangkat lunak berkualitas semakin meningkat Waktu pembuatan perangkat lunak semakin singkat

zev
Download Presentation

Pemrograman User Interface

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Pemrograman User Interface

  2. Bisa?

  3. Jenis-jenis pemrograman • High level (pascal, basic, cobol, fortran) • Midle level (C) • Low level (assambler)

  4. Rapid Aplication Development • Kebutuhan perangkat lunak berkualitas semakin meningkat • Waktu pembuatan perangkat lunak semakin singkat • Graphical User Interface (GUI) • Menerapkan konsep-konsep RAD seperti OO, Visual Programming, Event-Driven Programming dan Client/Server Programming

  5. Jenis-jenis pemrograman • Pemrograman Konvensional (Conventional / Traditional Programming) • Pemrograman yang berOrientasi pada Object (Object-Oriented Programming) • Pemrograman Visual (Visual Programming) • Pemrograman yang berbasis Event (Event-Driven Programming) • Pemrograman Client-Server (Client/Server Programming)

  6. Interface berbasis grafik • Membutuhkan hardware yang relative lebih mahal dari interface berbasis teks • GUI (Graphical User Interface) ----- WIMP (Window, Icon, Menu and Pointer) • Direct Manipulation ----- WYSIWYG (what you see is what you get) • Better Interface Design

  7. Visual Computing Visual Programming Computer Graphics Algorithm Animation Scientific Visualization User Interfaces End User Languages

  8. Definition Pemrograman Visual : Languages that use visual notations or “Diagrams” for expressing programming constructs,

  9. Pemrograman Visual • Reusable Components • Memiliki berbagai jenis komponen standard siap pakai (menu, buttons, ...) • Pemrogram bisa mengembangkan komponen baru yang sesuai dengan kebutuhannya • Time Saving • Waktu development lebih singkat dibandingkan dengan pemrograman konvensional • Pengembang sistem bisa lebih berkonsentrasi pada sistem, bukan pada teknik pemrograman • GUI based interface • Secara umum, memiliki tampilan lebih menarik daripada text-based interface.

  10. Contoh • Foxpro for windows • Visual Basic • Delphi

  11. Pembuatan Menu Menu Name Menu Bar Alternate Key Popup menu Accelarator Key Separator Menu Icon Menu item Antaramuka Pengguna Bergrafik (dcg2103)

  12. Falsafah Menu • Susunan: kiri->kanan, Atas ->Bawah • Actions (Command) menu item => arahan • Dialog box … more input requested • Settings check, disabled (grayed) • Submenus (cascade) • Short-Cut alternate-underline, accellarator- key name

  13. Jenis-jenis Menu • Menu Utama mengandungi menu bar dan beberapa pop-up menu • Cascading Menu terdapat submenu dalam menu • Floating menu • Menu sistem Menu Sistem Cascading Menu Floating Menu

  14. Object-Oriented Programming • Object-orientation sebagai suatu cara membuat program, ia mempunyai beberapa keuntungan. Ia membantu perkembangan pendekatan yang didasarkan pada komponen untuk pengembangan software sehingga pertama kali membuat suatu sistem dengan membuat sekumpulan object. • Kemudian saat seseorang memperluas sistem dengan menambahkan kapasitas ke komponen-komponennya, cukup seseorang tersebut mengunakan ulang object-object yang telah dibuatnya ke sistem baru yang sedang ia bangun.

  15. OBJECT DAN CLASS • Object, yang kongkrit atau tidak, adalah segala sesuatu disekitar kita. Object-object yang menyusun dunia ini. Azahari, Sumanto, Inul adalah contoh object dari class manusia. • Object mempunyai attribut dan operasi. Attribut dari object di atas adalah umur, tinggi, berat badan dsb. Sedangkan operasi dari object di atas adalah makan, minum, tidur, ngebor dsb. • Class adalah sebuah katagori, ia merupakan katagori dari object-object yang mempunyai attribut dan operasi yang sama.

  16. Dangdut Class  Berat, Asal, Tinggi ... State  Behaviors Object Inul Anisa Asal = Jatim Asal = Jabar Berat = 50Kg Berat = 60 kg ngebor( ) patah( )  Variables  ngebor( ), patah( )... Methods http://jan.netcomp.monash.edu.au/java/swingtut/tut1a.html

  17. Event-based Programming • adalah pemrograman yang memakai event (seperti event penekanan tombol keyboard atau mouse) sebagai dasarnya dan memberikan respon untuk event tersebut. • User bisa menginputkan informasi tanpa tergantung urutan Panoramic

  18. Event-based Programming (2) • suatu event adalah suatu aksi yang dikenal oleh objek, misalnya event penekanan tombol mouse, penggerakan mouse atau penekanan tombol keyboard, sedemikian rupa sehingga programmer bisa menuliskan program sebagai respon dari event tersebut.

  19. User Press F1 User click mouse WINDOWS (OS) App’s msg queue case WM_LBUTTONDOWN: …… SendMessage(WM_KEYDOWN,F1) break; WM_LBUTTONDOWN WM_KEYDOWN GetMessage() WM_LBUTTONDOWN msg loop TranslateMessage() DispatchMessage() WM_KEYDOWN case WM_KEYDOWN: ……//actual operations break; Event-driven Programming

  20. Event-based Programming (3) • Event bisa terjadi karena tiga hal yaitu: • Aksi dari user • Aksi dari program • Trigger dari sistem • Event bisa terjadi pada urutan apapun dan pada posisi manapun dalam program. • Event yang terjadi harus selalu ada event-handler nya

  21. Mekanisme pemrograman berbasis event

  22. Kelemahan • Program harus selalu siap untuk menerima event yang terjadi. • Style dari pemrograman berbasis event menuntut penyelesaian suatu task dalam waktu singkat, sehingga event-event bisa di-handle dengan cepat dan user bisa mendapatkan respon dengan cepat.

  23. Client/ServerProgramming • Istilah client/server dipakai untuk menjelaskan berbagai macam topik dalam lingkungan pemrograman • DLL (Dynamic Link Library) dan OLE (Object Linking and Embeding) • Konsep client/server juga banyak dipakai dalam konteks penyimpanan dan manipulasi database

  24. Bagian Client • Client/server diartikan sebagai program yang dijalankan pada terminal komputer yang terhubung dalam suatu network. • Client ini berfungsi sebagai tempat dimana semua proses input dan output data terjadi.

  25. Misalnya… • sebuah program yang dibuat dengan Delphi berfungsi sebagai aplikasi client yang melakukan proses input dan output data pada suatu server database yang berada dalam network tersebut.

  26. Bagian Server • Bagian server dari konsep client/server diartikan sebagai server database yang berfungsi untuk melayani permintaan dari program aplikasi untuk mengambil, memanipulasi dan menyimpan data. • Server database bisa dibayangkan sebagai sebuah kotak hitam yang menyediakan fungsi-fungsi database dalam memanipulasi data. • Suatu server database biasanya didesain untuk mampu melayani user dan transaksi network dalam jumlah besar.

  27. Link • http://home.online.no/~pethesse/uip.html • http://ou800doc.caldera.com/SDK_charm/ • http://www.programming123.com/topics/user_interface_programming.html

More Related