Lab12 Ui Design Analysis

Embed Size (px)

DESCRIPTION

Kuliah SIM D3TI UNS

Citation preview

  • Lab 12

    USER INTERFACE (UI) ANALYSIS DESIGN

    Mata Kuliah : Proses Bisnis dan SIM

    Tahun : 2013

  • Pertemuan 12: Lab PBSIM

    Yudha Yudhanto, SKom

    14 Prinsip UI

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    Error Design

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    Ingat?

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    1.Lumzy (lumzy.com) 2.Mockups Builder

    (mockupsbuilder.com)

    Tools Mockup

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    3.Tiggr (gotigr.com) 4.Frame Box (framebox.org)

    Tools Mockup (2)

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    5.Simple Diagrams (simplediagrams.com)

    6.iPhone Mockups (iphonemockup.lkmc.ch)

    Tools Mockup (3)

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    7.FluidIA (fluidia.org) 8.Pencil Project

    (iphonemockup.lkmc.ch)

    Tools Mockup (4)

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    9.Cogtool (cogtool.hcii.cs.cmu.edu)

    10.Prototype Composert (serena.com/products/prototype-composer/index.html)

    Tools Mockup (5)

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    11.Cogtool (cogtool.hcii.cs.cmu.edu)

    12.Balsamiq (balsamiq.com)

    Tools Mockup (6)

  • Pertemuan 10 : Lab PBSIM

    Yudha Yudhanto, SKom

    Persiapan

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    NO KELOMPOK APLIKASI SIM

    PERPUSTAKAAN KAMPUS

    POS (Point Of Sales) MINIMARKET

    AKADEMIK (SMP/SMA)

    HOTEL/PENGINAPAN

    POLIKLINIK (PRAKTEK & APOTIK)

    BMT/KOPERASI (SIMPAN PINJAM)

    CRM (Customer Relation Management)

    PENGGAJIAN (PAYROLL)

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    1. Deskripsi SIM yang dibuat

    2. SITEMAP, Pemetaan Menu Aplikasi berdasarkan user aksesnya dan halaman yang didapatkan

    Apa saja yang harus dibuat ?

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    3. Daftar SCREEN

    4. Desain SCREEN

    5. Penjelasan SCREEN

    Apa saja yang harus dibuat (2) ?

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    Desain Screen (1)

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    Desain Screen (2)

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    Desain Screen (3)

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    1. Word/Excel

    2. Balsamiq Mockup ada d folder kuliah

    Tools yang digunakan

  • Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom

    Tugas Lab 1. Dokumen Screen Definition dalam bentuk .doc/.odt berisi :

    Deskripsi Aplikasi Desain UI Penjelasan Desain UI

    2. Nama File : judul-sim-ui-nimkelompok.zip

    Hasil dikirim via mail : [email protected] subjek : judul-ui-nimkelompok

    BATAS WAKTU : Rabu, 08-01-2014, jam : 23.59 wib

  • www.rumahstudio.com/kuliah/sim

    Pertemuan 12 : Lab PBSIM

    Yudha Yudhanto, SKom