SlideShare uma empresa Scribd logo
1 de 11
RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN BY : AHMAD FIKRI ZULFIKAR
Rancangan Layar ,[object Object],[object Object],[object Object],[object Object],[object Object]
Rancangan Layar ,[object Object],[object Object],[object Object],[object Object],[object Object]
Contoh Rancangan Layar Menggunakan Bahasa Pemograman Berbasis GUI
Pembuatan Rancangan Layar Berdasarkan Use Case Diagram ,[object Object],[object Object]
[object Object],Use Case Diagram File Master Pembuatan Rancangan Layar Berdasarkan Use Case Diagram
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 methode(Opration), untuk membuat rancangan layar berdasarkan class diagram ditentukan atas dasar ke 3 area pokok class tersebut, Contohnya : Tutup
Pembuatan Rancangan Layar Berdasarkan Class Diagram Khusus untuk pembuatan rancangan layar menu item transakasi harus dari penggabungan dari beberapa class, Contoh :
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
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

Mais conteúdo relacionado

Semelhante a RANCANGAN LAYAR UI

ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interfaceyusuf09
 
Pemrograman berorientasi objek lanjutan
Pemrograman berorientasi objek lanjutanPemrograman berorientasi objek lanjutan
Pemrograman berorientasi objek lanjutanTriani Valentina
 
Visual foxpro as prototyping tools
Visual foxpro as prototyping toolsVisual foxpro as prototyping tools
Visual foxpro as prototyping toolsferisulianta.com
 
Perangkatlunak
PerangkatlunakPerangkatlunak
PerangkatlunakYogi Putra
 
Software Aplikasi Dasar dan Software Khusus
Software Aplikasi Dasar dan Software KhususSoftware Aplikasi Dasar dan Software Khusus
Software Aplikasi Dasar dan Software KhususSinath Sabado
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasicdhi her
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasicdhi her
 
[PBO] Pertemuan 11 - GUI Java Desktop
[PBO] Pertemuan 11 - GUI Java Desktop[PBO] Pertemuan 11 - GUI Java Desktop
[PBO] Pertemuan 11 - GUI Java Desktoprizki adam kurniawan
 
sistem operasi closed source
sistem operasi closed sourcesistem operasi closed source
sistem operasi closed sourcekiuk08
 
Pertemuan Ke IV.DOC
Pertemuan Ke IV.DOCPertemuan Ke IV.DOC
Pertemuan Ke IV.DOCJurnal IT
 
laporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysqllaporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysqlHibaten Wafiroh
 
Modul1 Penjelasan Mengenai Codeigniter
Modul1 Penjelasan Mengenai CodeigniterModul1 Penjelasan Mengenai Codeigniter
Modul1 Penjelasan Mengenai CodeigniterRiki Afriansyah
 

Semelhante a RANCANGAN LAYAR UI (20)

ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interface
 
Mengenal dreameaver
Mengenal dreameaverMengenal dreameaver
Mengenal dreameaver
 
Pembuatan aplikasi sistem_tools_pada_sis
Pembuatan aplikasi sistem_tools_pada_sisPembuatan aplikasi sistem_tools_pada_sis
Pembuatan aplikasi sistem_tools_pada_sis
 
Perangkat Lunak
Perangkat LunakPerangkat Lunak
Perangkat Lunak
 
Pert 3.pptx
Pert 3.pptxPert 3.pptx
Pert 3.pptx
 
Pemrograman berorientasi objek lanjutan
Pemrograman berorientasi objek lanjutanPemrograman berorientasi objek lanjutan
Pemrograman berorientasi objek lanjutan
 
Visual foxpro as prototyping tools
Visual foxpro as prototyping toolsVisual foxpro as prototyping tools
Visual foxpro as prototyping tools
 
Perangkatlunak
PerangkatlunakPerangkatlunak
Perangkatlunak
 
Software Aplikasi Dasar dan Software Khusus
Software Aplikasi Dasar dan Software KhususSoftware Aplikasi Dasar dan Software Khusus
Software Aplikasi Dasar dan Software Khusus
 
Macam software
Macam softwareMacam software
Macam software
 
tugas APS
tugas APStugas APS
tugas APS
 
Chapter 02 pertemuan 3- donpas-pti - software
Chapter 02 pertemuan 3- donpas-pti - softwareChapter 02 pertemuan 3- donpas-pti - software
Chapter 02 pertemuan 3- donpas-pti - software
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasic
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasic
 
[PBO] Pertemuan 11 - GUI Java Desktop
[PBO] Pertemuan 11 - GUI Java Desktop[PBO] Pertemuan 11 - GUI Java Desktop
[PBO] Pertemuan 11 - GUI Java Desktop
 
sistem operasi closed source
sistem operasi closed sourcesistem operasi closed source
sistem operasi closed source
 
Laporan p1
Laporan p1Laporan p1
Laporan p1
 
Pertemuan Ke IV.DOC
Pertemuan Ke IV.DOCPertemuan Ke IV.DOC
Pertemuan Ke IV.DOC
 
laporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysqllaporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysql
 
Modul1 Penjelasan Mengenai Codeigniter
Modul1 Penjelasan Mengenai CodeigniterModul1 Penjelasan Mengenai Codeigniter
Modul1 Penjelasan Mengenai Codeigniter
 

RANCANGAN LAYAR UI

  • 1. RANCANGAN LAYAR Grafik User Interface OBJEK ORIENTED DISAIN BY : AHMAD FIKRI ZULFIKAR
  • 2.
  • 3.
  • 4. Contoh Rancangan Layar Menggunakan Bahasa Pemograman Berbasis GUI
  • 5.
  • 6.
  • 7. Pembuatan Rancangan Layar Berdasarkan Use Case Diagram 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 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