Metodologi Design

13
ANALISA 5 TUGAS AKHIR TEKNOLOGI MULTIMEDIA BROADCASTING Kelompok 4 : Nandhita Arifka Putri4103151002 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

Transcript of Metodologi Design

Page 1: 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

Page 2: Metodologi Design

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

Page 3: Metodologi Design

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.

Page 4: Metodologi Design

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

Page 5: Metodologi Design

IDEATE

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

Page 6: Metodologi Design

PROTOTYPE

a. Wireframeb. Grid layoutc. Design

Page 7: Metodologi Design

WIREFRAME

Page 8: Metodologi Design

GRID LAYOUT

Page 9: Metodologi Design

DESAIN

Page 10: Metodologi Design

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)

Page 11: Metodologi Design

HASIL KUISIONER

Page 12: Metodologi Design

HASIL RANCANGAN DESIGN

Page 13: Metodologi 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)