Metodologi Design

Post on 14-Apr-2017

134 views 1 download

Transcript of Metodologi Design

ANALISA 5 TUGAS AKHIR TEKNOLOGI MULTIMEDIA

BROADCASTING

Kelompok 4 :

- Nandhita Arifka Putri 4103151002- Siti Imaroh Nurfirdha V. 4103151006- Mudli’ul Wahdaniyah 4103151010- Akhmad Rifat Nur El Ein 4103151011- Alfian Firmansyah 4103151013

Responsive Design pada Website DosenJaga Oleh : Lisa Novandawati

JUDUL TA LAINNYA : Pembuatan Animasi untuk Video klip Lagu-lagu Anak

Daerah Indonesia Virtual Tour Pariwisata Kota Surabaya Berbasis Web Implementasi Teknik Mixing Real Video dan Animasi

2D pada Pembuatan Video Klip Flava Band Pembuatan Video Pre Wedding dengan Teknik Stop

Motion

EMPATHIZE

Kurang efisiennya mengakses website dari perangkat yang mempunyai layar berukuran kecil seperti perangkat mobile. Untuk saat ini, website dosenjaga di PENS masih mendukung untuk versi desktop.Untuk pengguna perangkat yang mempunyai ukurabn layar kecil (seperti hp)terkadang terasa kurang puas apabila mengakses website. Mereka harus menggunakan zoom in, zoom out, maupun scrol.

DEFINE

1. Membuat website dosenjaga dengan desain yang baru

2. Menjdikan website dosenjaga menjadi tampilan yang responsif

3. Mengoptimalkan fungsi utama website dosenjaga dengan mempermudah mengaksesnya dari berbagai perangkat

IDEATE

Merubah halaman website dosenjaga PENS menjadi responsif dengan rancangan resolusi layar 1280x1024, 1024x600, 480x800 dan 320x240.

PROTOTYPE

a. Wireframeb. Grid layoutc. Design

WIREFRAME

GRID LAYOUT

DESAIN

TEST

1. Uji coba komputer lokal (1280x1024)2. Tablet atau smartphone (1024x600, 480x800,

320x240)3. Uji coba pada server PENS (form login)4. Kuisioner ke 20 responden (7 pertanyaan)

HASIL KUISIONER

HASIL RANCANGAN DESIGN

KESIMPULANEmphatize : Kurang efisiennya mengakses website dari perangkat yang mempunyai layar berukuran kecil seperti perangkat mobile. Untuk saat ini, website dosenjaga masih mendukung untuk versi desktop.

Define : Mengoptimalkan fungsi utama website dosenjaga di PENS dengan mempermudah mengaksesnya dari berbagai perangkat

Ideate : Merubah halaman website dosenjaga PENS menjadi responsif dengan rancangan resolusi layar 1280x1024, 1024x600, 480x800 dan 320x240.

Prototype : Wireframe, Gridlayout, Design website dosenjaga di PENS

Test : Uji coba komputer lokal, Tablet atau smartphone (1024x600, 480x800, 320x240), Uji coba pada server PENS (form login), Kuisioner ke 20 responden (7 pertanyaan)