RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN.

Presentasi berjudul: "RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN."— Transcript presentasi:

1 RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN

2 Rancangan Layar Rancagan Layar adalah sebuah disain tampilan yang berfungsi sebagi antar muka antara si pengguna (user) dengan Applikasi (Sistem), atau biasa disebut dengan User Interface. Rancangan layar dibuat berdasarkan 2 diagram - Use Case Diagram - Class Diagram dan dengan mempertimbangkan dari sudut pandang user atau kebutuhan user.

3 Rancangan Layar 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 : - Visual Studio 2005-2010 - Java Netbean 6.1 – 7.0 - Delphi - Visual Basic 6.0

4 Contoh Rancangan Layar Menggunakan Bahasa Pemograman Berbasis GUI

5 Pembuatan Rancangan Layar Berdasarkan Use Case Diagram Didalam Use Case Diagram terdapat beberapa File didalam sistem, Contohnya File Master, File Transaksi, File Laporan dari file-file tersebut didalam use case diagram bisa menjadi pilihan menu didalam Form Menu utama

6 Use Case Diagram File Master Lalau setiap use case didalam use case diagram dijadikan sebgai menu item dalam menu utama, Contoh : Pembuatan Rancangan Layar Berdasarkan Use Case Diagram

7 Use case diagram file transaksi

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 Pembuatan Rancangan Layar Berdasarkan Class Diagram Khusus untuk pembuatan rancangan layar menu item transakasi harus dari penggabungan dari beberapa class, Contoh :

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 TUGAS (KELOMPOK) BUATLAH RANCANGAN LAYAR SESUAI DENGAN PROSES USE CASE, CLASS DIAGRAM SISTEM YANG ANDA PILIH. MENGGUNAKAN TOOLS YANG ANDA PILIH