TUGAS

USER INTERFACE DESIGN

ANALISIS SOFTWARE BUILDER

DOSEN PENGAMPU :
MOHAMMAD IQBAL,S.Kom., M.T.
SLAMET RAHAYU, S.Pd,. M.Pd.
Oleh :
NAMA : ANDIRA RAHMATIKA MIRFAQO
NIM : 10103003
PRODI : Sistem Informasi
MATA KULIAH : User Interface Design

PROGRAM STUDI SISTEM INFORMASI

JURURSAN MANAJEMEN INFORMATIKA
POLITEKNIK NEGERI SUBANG
2018
 DAFTAR ISI

DAFTAR ISI .............................................................................................................................. 2

ANALISIS SOFTWARE BUILDER/EDITOR YANG COCOK UNTUK MEMBANGUN
SISTEM (STUDI KASUS) ........................................................................................................ 3
STUDI KASUS .......................................................................................................................... 3
ANALISIS ................................................................................................................................. 3
1. Teks Editor Yang Cocok/Mode Software Builder/Editor ............................................... 3
a) Kenyamanan ................................................................................................................ 3
b) Efisien.......................................................................................................................... 3
c) Keamanan (Security) ................................................................................................... 3
d) Pengembangan Cepat (Rapid Development) ............................................................... 3
2. Kriteria Web Builder/Editor ........................................................................................... 4
a) Topik/Tema ................................................................................................................. 4
b) User/pengguna ............................................................................................................. 4
c) Jenis/karakteristik dan fungsi web .............................................................................. 4
d) Desain grafis web ........................................................................................................ 4
e) Fitur web builder/editor ............................................................................................... 4
3. Fungsi Dan Jenis Situs Web ........................................................................................... 4
a) Fungsi Komunikasi ..................................................................................................... 4
b) Fungsi Informasi ......................................................................................................... 5
c) Fungsi Transaksi ......................................................................................................... 5
d) Jenis Situs Web ........................................................................................................... 5

2
 ANALISIS SOFTWARE BUILDER/EDITOR YANG COCOK UNTUK
MEMBANGUN SISTEM (STUDI KASUS)

STUDI KASUS
Sistem informasi berbasis web untuk jasa pengiriman barang (studi kasus di CV. Dwi Anugrah
Perkasa) adalah sebuah sistem informasi yang digunakan untuk membantu perusahaan dalam
mengembangkan usahanya. Dalam sistem ini perusahaan dapat melakukan promosi kepada
masyarakat umum, memudahkan dalam mengawasi laporan pengiriman barang dan memudahkan
pelanggan untuk melakukan pengiriman barang secara cepat dan mudah.
Sistem ini memberikan kemudahan kepada perusahaan untuk melakukan promosi dan admin dapat
mengolah data laporan pengiriman barang secara cepat sehingga lebih efisien dalam melakukan
pekerjaannya. Member mendapatkan kemudahan yaitu member dapat melakukan pengiriman
barang melalui sistem ini tanpa harus datang ke perusahaan.

ANALISIS
1. Teks Editor Yang Cocok/Mode Software Builder/Editor
Mode offline adalah mode yang ditawarkan apabila dalam pengembangan dan pembuatan
website memiliki kendala dari segi pembiayaan, namun dalam hal ini mode offline pun
memilki kelebihan, dimana alat yang dibutuhkan dapat memenuhi pengembangan website
kedepannya. Sehingga dapat sesuai dengan kebutuhan pembuatan software.
Mode software builder yang disarankan adalah mode software offline, berikut beberapa
alasannya:
a) Kenyamanan
Dari sudut pandang pengguna, ini terasa lebih selaras dengan OS GUI Anda jika
aplikasi desktop dibuat mengikuti standar UI / UX untuk masing-masing platform
yang berbeda.
b) Efisien
Aplikasi desktop dapat berinteraksi dengan perangkat lunak sisi server, di mana
mereka dikenal sebagai thick clients. Manfaat utama dari aplikasi desktop adalah
efisiensi tinggi dan fleksibilitas antarmuka pengguna.
c) Keamanan (Security)
Karena pengguna menyimpan datanya sendiri di sistem komputernya sendiri
(program ini berjalan dari desktop pengguna), ini mempersulit para peretas untuk
mendapatkan akses ke data kita.
d) Pengembangan Cepat (Rapid Development)
Dari perspektif developer, kita dapat mengakses lebih banyak sumber daya
komputasi dari aplikasi desktop karena kita tidak menggunakan browser web
sebagai jembatan, dengan keterbatasannya. Pengembangan aplikasi desktop
memungkinkan kita untuk menulis kode lebih dekat ke bahasa mesin yang standar
untuk kebanyakan mesin yang menjalankan browser web, menyediakan akses ke
alat tingkat yang lebih rendah untuk kinerja yang lebih baik.
Dapat disimpulkan bahwa aplikasi berbasis desktop lebih stabil, aman dan umumnya
tidak menggunakan jaringan internet untuk menggunakannya. Meskipun memerlukan
biaya yang tidak sedikit tapi dengan membayar sekali keuntungan yang didapatkan
berkali-kali.

3
2. Kriteria Web Builder/Editor
a) Topik/Tema
Web yang dibangun adalah situs web jasa ekspedisi, maka saya sarankan menggunakan
temperatur warna dingin seperti warna biru karena warna ini memberikan efek tenang dan
tensi nyaman aman sesuai dengan ekspedisi pengiriman. Ketika diaplikasikan dalam
desain, penggunaannya memberikan cukup kontras sehingga cocok dijadikan pusat
perhatian. Pada praktiknya, informasi penting, button call to action, pop up, dan headline
sering memanfaatkan hal yang sedang trend.
b) User/pengguna
Target dan sasaran dari situs web tersebut adalah remaja yang berusia 17 tahun ke atas,
karena saat diumur tersebut sedang hangat-hangatnya berbelanja terutama belanja online
yang pengirimannya tentu menggunakan jasa ekspedisi.
c) Jenis/karakteristik dan fungsi web
Fungsi utama yang ditekankan pada situs web ini adalah fungsi Tracking yang berguna
untuk memastikan sampai seberapa jauhkah para penyedia jasa kurir tersebut
memperhatikan pemutakhiran (update) data dari setiap proses pengiriman yang dilakukan.
d) Desain grafis web
Membuat desain grafis dengan konsistensi warna yang kental terasa sebagai identitasnya,
serta layout grafik yang konsisten, menggunakan teks yang mudah dibaca, dan secara
keseluruhan membentuk pola yang harmonis. Grafis berbasis bitmap saya sarankan untuk
membuat logo maupaun gambar lainnya karena mampu menunjukkan kehalusan gradasi
warna dan bayangan dari sebuah gambar, dan tipe bitmap juga merupakan media elektronik
yang paling tepat untuk gambar-gambar dengan perpaduan gradasi warna yang rumit,
seperti foto dan lukisan digital. Saya sarankan membuatnya dengan aplikasi Photoshop,
karena dapat mengolah gambar dalam bentuk foto yang memerlukan ketajaman warna.
Juga menggunakan tipe vector untuk gambar yang dibentuk berupa garis seperti
penggunaan icon. Saya juga merekomendasikan pemilihan gambar vector dengan software
graphic design core draw dan Adobe Illustrator. Untuk mendukung akses design pada
layout website dengan didukung file vector dikombinasikan dengan bitmap.

e) Fitur web builder/editor

Fitur yang terdapat pada situs web yang dirancang adalah:
1. Registrasi
2. Login
3. Kirim Barang
4. Cek Resi Pengiriman
5. Tracking
6. Transaksi Barang
7. Jenis Ekspedisi.
Sistem ini dibuat dengan metode yang digunakan dalam perancangan dan
pembuatan sistem ini adalah metode waterfall. Sistem ini dibuat dengan
menggunakan MySQL untuk database dan Sublime Text Editor untuk tools php.

3. Fungsi Dan Jenis Situs Web

a) Fungsi Komunikasi
Situs web yang dibuat mempunyai fungsi komunikasi pada umumnya dengan fasilitas
forum-forum komunikasi seperti form contact dan chatting yang dilakukan antara Admin
dan pengguna.Fitur ini dibuat dengan menggunakan Bahasa pemrograman web (server
side) dan text editor yang disarankan adalah Dreamweaver.

4
b) Fungsi Informasi
Lebih menekankan pada kualitas bagian kontentnya karena tujuan situs tersebut adalah
menyampaikan isinya. Situs ini sebaiknya berisi teks dan grafik. Pembatasan penggunaan
animasi gambar dan elemen bergerak seperti Shockwave dan Java diyakini sebagai langkah
yang tepat, diganti dengan fasilitas yang memberikan fungsi informasi seperti Tracking
yang memberikan informasi perihal status pengiriman barang.
c) Fungsi Transaksi
Situs web ini menghubungkan perusahaan dengan pengguna melalui transaksi elektronik.
Pembayarannya bisa transfer ataupun dengan membayar secara langsung. Pembayaran
yang dilakukan adalah pembayaran atas jenis jasa ekspedisi yang digunakan berdasarkan
jarak alamat asal terhadap tujuan serta berat barang/dokumen.
d) Jenis Situs Web
E-commerce adalah jenis situs web ini karena didalamnya terdapat proses penjualan dan
transaksi elektronik atas jasa yang dipergunakan.Untuk merancang web tersebut tentu
membutuhkan aplikasi xampp untuk server, photoshop dan corel untuk pengolahan desain
(gambar), Visual Studio Code, Sublime Text, Netbean IDE sebagai text editor serta
Browser untuk menjalankan (running) situs web contoh; MozillaFireFox, GoogleChrome,
Internet Explorer.