Pertemuan8

848 views
714 views

Published on

Tugas kelompok dan Mandiri
Bpk. Fikri Zulfikar..

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
848
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pertemuan8

  1. 1. RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN BY : AHMAD FIKRI ZULFIKAR
  2. 2. Rancangan Layar <ul><li>Rancagan Layar adalah sebuah disain tampilan yang berfungsi sebagi antar muka antara si pengguna (user) dengan Applikasi (Sistem), atau biasa disebut dengan User Interface. </li></ul><ul><li>Rancangan layar dibuat berdasarkan 2 diagram </li></ul><ul><li>- Use Case Diagram </li></ul><ul><li>- Class Diagram </li></ul><ul><li>dan dengan mempertimbangkan dari sudut pandang user atau kebutuhan user. </li></ul>
  3. 3. Rancangan Layar <ul><li>Dalam pembuatan rancangan layar anda bisa menggunakan beberapa tools disain grafis atau langsung mendisainya didalam Bahasa Pemograman yang sudah berbasis GUI (Grafik User Interface). Contohnya : </li></ul><ul><li>- Visual Studio 2005-2010 </li></ul><ul><li>- Java Netbean 6.1 – 7.0 </li></ul><ul><li>- Delphi </li></ul><ul><li>- Visual Basic 6.0 </li></ul>
  4. 4. Contoh Rancangan Layar Menggunakan Bahasa Pemograman Berbasis GUI
  5. 5. Pembuatan Rancangan Layar Berdasarkan Use Case Diagram <ul><li>Didalam Use Case Diagram terdapat beberapa File didalam sistem, Contohnya File Master, File Transaksi, File Laporan </li></ul><ul><li>dari file-file tersebut didalam use case diagram bisa menjadi pilihan menu didalam Form Menu utama </li></ul>
  6. 6. <ul><li>Lalau setiap use case didalam use case diagram dijadikan sebgai menu item dalam menu utama, Contoh : </li></ul>Use Case Diagram File Master Pembuatan Rancangan Layar Berdasarkan Use Case Diagram
  7. 7. Pembuatan Rancangan Layar Berdasarkan Use Case Diagram Use case diagram file transaksi
  8. 8. Pembuatan Rancangan Layar Berdasarkan Class Diagram Dalam setiap class diagram terdapat Nama Class, Atribut, dan juga methode(Opration), untuk membuat rancangan layar berdasarkan class diagram ditentukan atas dasar ke 3 area pokok class tersebut, Contohnya : Tutup
  9. 9. Pembuatan Rancangan Layar Berdasarkan Class Diagram Khusus untuk pembuatan rancangan layar menu item transakasi harus dari penggabungan dari beberapa class, Contoh :
  10. 10. LATIHAN (MANDIRI) KUMPULKAN HARD COPY BUAT RANCANGAN LAYAR DENGAN TOOLS PILIHAN ANDA TULISKAN NIM, NAMA, KELAS, DAN SHIFT KUMPULKAN MINGGU DEPAN File Master File Transaksi Nb. : Untuk gambar atau icon yang ada dirancangan layar sesuai dengan kehendak anda dan juga format untuk tampilannya juga terserah anda,,ambillah refrensi dari aplikasi – aplikasi lain sebagai contoh dalam pembuatan menu utama dan menu item
  11. 11. TUGAS (KELOMPOK) BUATLAH RANCANGAN LAYAR SESUAI DENGAN PROSES USE CASE, CLASS DIAGRAM SISTEM YANG ANDA PILIH. MENGGUNAKAN TOOLS YANG ANDA PILIH DIKUMPULKAN MINGGU DEPAN PUKUL 24.00 WIB, MELALUI E-MAIL KE: To : afikriz.tim86@rocketmail.com Cc: afikriz.tim86@Live.com Dengan Subject : Tugas4_Ansis Dan Text : Nama & Nim kelompok masing2

×