Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN BY : AHMAD FIKRI ZULFIKAR
Rancangan Layar <ul><li>Rancagan Layar adalah sebuah disain tampilan yang berfungsi sebagi antar muka antara si pengguna (...
Rancangan Layar <ul><li>Dalam pembuatan rancangan layar anda bisa menggunakan beberapa tools disain grafis atau langsung m...
Contoh Rancangan Layar Menggunakan Bahasa Pemograman Berbasis GUI
Pembuatan Rancangan Layar Berdasarkan Use Case Diagram <ul><li>Didalam Use Case Diagram terdapat beberapa File didalam sis...
<ul><li>Lalau setiap use case didalam use case diagram dijadikan sebgai menu item dalam menu utama, Contoh : </li></ul>Use...
Pembuatan Rancangan Layar Berdasarkan Use Case Diagram Use case diagram file transaksi
Pembuatan Rancangan Layar Berdasarkan Class Diagram Dalam setiap class diagram terdapat Nama Class, Atribut, dan juga meth...
Pembuatan Rancangan Layar Berdasarkan Class Diagram Khusus untuk pembuatan rancangan layar menu item transakasi harus dari...
LATIHAN (MANDIRI) KUMPULKAN HARD COPY BUAT RANCANGAN LAYAR DENGAN TOOLS PILIHAN ANDA TULISKAN NIM, NAMA, KELAS, DAN SHIFT ...
TUGAS (KELOMPOK) BUATLAH  RANCANGAN LAYAR  SESUAI DENGAN PROSES  USE CASE, CLASS DIAGRAM  SISTEM YANG ANDA PILIH. MENGGUNA...
Upcoming SlideShare
Loading in …5
×

Pertemuan9

556 views

Published on

Published in: Technology, News & Politics
  • Be the first to comment

  • Be the first to like this

Pertemuan9

  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

×