DESAIN INTERFACE WEB CLUB MOTOR DIRGANTARA

ADVENTURE COMUNITY “DAC”

Disusun oleh,
Fierza Luthfi Avjadistia
7708172004

PROGRAM STUDI S1 TERAPAN TEKNOLOGI REKAYASA

MULTIMEDIA
FAKULTAS ILMU TERAPAN
UNIVERSITAS TELKOM
2019
 KATA PENGANTAR

Puji dan syukur penulis ucapkan kepada Tuhan yang maha esa yang telah memberikan
kesehatan, kesempatan kepada penulis sehingga maampu menyelesaikan Laporan ini.
Laporan ini telah penulis buat dengan baik . Laporan ini merupakan tugas yang harus
diselesaikan oleh Mahasiswa Jurusan S1 Teknologi Rekayasa Multimedia.
Tujuan utama dari laporan ini adalah untuk memantapkan teori yang telah dipelajari di
kampus dan dapat diselesaikan dengan bisa dimengerti oleh mahasiswa lain.
Penulis menyadari bahwa laporan ini masih jauh dari kesempurnaan dengan segala
kekurangannya. Untuk itu penulis mengharapkan adanya kritik dan saran dari semua pihak
demi kesempurnaan dari laporan ini. Akhir kata penulis berharap, semoga laporan ini dapat
bermanfaat bagi rekan-rekan mahasiswa-mahasiswi dan pembaca sekaligus demi menambah
pengetahuan tentang mata kuliah desain interface pengguna.

Bandung , 12 September 2019

Fierza Luthfi Avjadistia

 DAFTAR ISI

KATA PENGANTAR..............................................................................................................2
DAFTAR ISI.............................................................................................................................3
BAB I PENDAHULUAN........................................................................................................4
1.1 Latar Belakang..........................................................................................................4
1.2 Sasaran Prototype.....................................................................................................4
1.3 Manfaat Prototype.....................................................................................................4
BAB II PEMBAHASAN.........................................................................................................5
2.1 Waktu.........................................................................................................................5
2.2 Perancangan...............................................................................................................5
2.3 Hasil Rancangan........................................................................................................5
a) Menu Home.................................................................................................................5
b) Menu Daftar.................................................................................................................6
c) Menu Verifikasi HP.....................................................................................................6
d) Menu Message setelah mendaftar...............................................................................7
e) Menu Login.................................................................................................................7
f) Beranda........................................................................................................................8
BAB III KESIMPULAN DAN SARAN..............................................................................14
A. Kesimpulan..................................................................................................................14
B. Saran.............................................................................................................................14
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Desain inteface merupakan desain untuk komputer, peralatan, mesin,
perangkat komunikasi mobile, aplikasi perangkat lunak, dan situs web yang berfokus
pada pengalaman pengguna (bahasa Inggris: User Experience) dan interaksi.
Disini penulis mencoba untuk membuat salah satu prototype web,di beberapa
menu,berharap agar pengaplikasian dari teori yang di ajarkan oleh dosen bisa
tersampaikan dengan maksimal,desain user interface web yang penulis buat adalah
tentang web club motor yang bernama dirgantaraadventure.com,yang dimana web ini
berisi tentang donasi,keanggotaan,dan kegiatan apa saja yang sudah di jalani club
motor (terutama grup nmax).

1.2 Sasaran Prototype

Sasaran prototype web dirgantaraadventure.com ini adalah peminat klub
motor terutama NMAX di sekitaran PT.DI dan yang ingin donasi nanti akan di
salurkan oleh anak klub, selain itu sasaran lainnya adalah mahasiswa yang mengambil
mata kuliah desain interface pengguna di D4SM4101,untuk melihatkan hasil
prototype penulis agar nantinya bisa di beri masukan oleh para mahasiswa lainnya.

1.3 Manfaat Prototype

Manfaat dari prototype ini adalah untuk memberi tahu kepada mahasiswa
inovasi Dari penulis tentang web dirgantaraadventure.com dan nantinya jika berkenan
ini adalah salah satu rekomendasi desain web untuk para club motor yang ingin
membuat web dengan kategori yang sama.
 BAB II
PEMBAHASAN

2.1 Waktu
Waktu yang diperlukan untuk membuat prototype itu adalah 1 minggu dari
hari kamis 5 september 2019 sampai 12 septermber 2019,untuk waktu yang
diperlukan dalam persentasi nanti nya adalah 10 menit, dengan ini penulis dapat
mengefisienkan waktu yang ada.

2.2 Perancangan
Pembuatan dari prototype ini tidak memakai teknik apapun itu,tetapi
perancangan prototype desain interface pengguna ini dibuat memakai software
FIGMA ,dengan mengambil beberapa referensi dari redbull formula team
website,canva dan lainnya serta penulis juga membuka referensi dari
indorelawan.com penulis mengacukan desain interface pengguna nya terhadap web
tersebut, setelah itu melakukan pengembangan terhadap rancangan yang ingin di
buat.

2.3 Hasil Rancangan

a) Menu Home
b) Menu Daftar

c) Menu Verifikasi HP
d) Menu Message setelah mendaftar

e) Menu
Login

f) Beranda
g) Menu Dropdown Event

h) Menu Kegiatan Yang Sudah dilaksanakan

i) Menu Kegiatan Yang Belum dilaksanakan

j) Menu Donasi
 k) Menu Transaksi Donasi

l) Menu Konfirmasi Donasi

m) Menu Upload Struk

n) Menu Kepengurusan DAC

o) Menu Kepengurusan DAC

p) Menu Tentang DAC

 BAB III
KESIMPULAN DAN SARAN
3.1 Kesimpulan
 Mockup website yang dibuat masih mungkin masih ada sebagian yang belum
mencakup 4 prinsip pada design ini semoga kedepannya bisa ditingkat kan dan
diperbaiki pada design mockup ini
3.2 Saran
Sarannya mungkin harus disesuaikan dan dicek dengan 4 prinsip