DESAIN WEB

-

1. Langkah-langkah web design
  1. Perancangan Isi, Dikembangkan selama tahapan analisis, dilakukan sebagai basis untuk penetapan objek-objek 
  2. Perancangan Estetika (Perancangan Grafis), Membuat tampilan yang akan dilihat oleh user 
  3. Perancangan Arsitektural, Fokus pada struktur hypermedia untuk semua objek isi dan untuk semua fungsi pada aplikasi web 
  4. Perancangan Antarmuka, Menentukan tampilan dan mekanisme interaksi yang mendefinisikan user interface 
  5. Perancangan Struktur Navigasi, Mendefinisikan bagaimana end user melakukan penelusuran untuk melintasi hypermedia 
  6. Perancangan Komponen, Merepresentasikan rincian struktur elemen-elemen fungsional aplikasi web 

2. SIFAT-SIFAT APLIKASI WEB
  • Kepadatan jaringan 
  • Keserempakan 
  • Jumlah pengguna yang tidak dapat diprediksi 
  • Kinerja 
  • Ketersediaan 
  • Digerakkan oleh data 
  • Peka terhadap isi 
  • Evolusi yang berkesinambungan 
  • Kesegeraan 
  • Keamanan 
  • Estetika 








3. KUALITAS PERANCANGAN APLIKASI WEB

Atribut Kualitas :
  1. Keamanan, Kemampuan aplikasi web dan lingkungan server untuk mencegah akses yang tidak sah, dan mencegah seranganserangan yang berasal dari luar. 
  2. Ketersediaan, Pengukuran atas persentase waktu yang tersedia bagi aplikasi web untuk dapat digunakan oleh user. 
  3. Skalabilitas, Aplikasi web mampu mengakomodasi kebutuhan terhadap jumlah end user yang semakin bertambah 
  4. Waktu, untuk masuk ke pasar Ditinjau dari sudut pandang bisnis


4. Kualitas Aplikasi Web
  • Kemudahan Penggunaan 
    1. Kemudahan pemahaman situs global 
    2. Umpan balik dari user dan fitur-fitur bantuan 
    3. User interface dan fitur-fitur estetika 
    4. Fitur-fitur khusus 
  • Fungsionalitas 
    1. Kemampuan pencarian dan penerimaan 
    2. Fitur-fitur navigasi dan perambahan (browsing) 
    3. Fitur-fitur aplikasi yang berhubungan dengan lingkungan 
  • Keandalan 
    1. Pembetulan pemrosesan tautan (link) 
    2. Pemulihan dari kesalahan 
    3. Validasi dan pemulihan pada user
  • Efisiensi 
    1. Kinerja waktu tanggap aplikasi web 
    2. Kecepatan pembentukan halaman-halaman 
    3. Kecepatan penggambaran grafik-grafik 
  • Kemudahan Pemeliharaan 
    1. Kemudahan untuk dilakukan koreksi 
    2. Keamanan aplikasi web untuk beradaptasi 
    3. Kemudahan aplikasi web untuk dikembangkan


5. Sasaran Perancangan web yang baik

  1. Kesederhanaan (Simplicity), Fungsi-fungsi mudah digunakan dan mudah dipahami 
  2. Konsisten (Consistency), Konstruksi perancangan isi dibuat secara konsisten. Misalnya: jenis font yang sama pada semua dokumen teks, skema warna dan gaya yang konsisten 
  3. Identitas (Identity), Estetika, user interface, dan perancangan navigasi harus konsisten dengan lingkungan aplikasi untuk apa aplikasi web itu dibuat atau dikembangkan. 
  4. Ketangguhan (Robustness), User pada umumnya mengharapkan isi dan fungsi yang relevan terhadap kebutuhan user. 
  5. Kemudahan melakukan navigasi dalam aplikasi, Aplikasi web seharusnya dirancang sedemikian rupa sehingga tampilannya intuitif dan hasilnya dapat dengan mudah diramalkan. 
  6. Daya tarik visual (Visual Appeal), Tampilan isi, rancangan user interface, pengaturan warna, keseimbangan yang harus terjadi di antara teks, grafik dan media lainnya, mekanisme navigasi sangat memiliki kontribusi pada daya tarik visual 
  7. Kompatibilitas (Compatibility), Aplikasi web akan digunakan pada berbagai jenis lingkungan eksekusi aplikasi yang berbeda (hardware, OS, browser, dan koneksi internet) Sasaran Perancangan web yang baik: Contoh desain






 6. PERANCANGAN ANTARMUKA

  • Salah satu tantangan membuat user interface adalah bagaimana caranya user masuk ke aplikasi. 
  • Sasaran-sasaran user interface adalah untuk: 
    1. Menetapkan suatu jendela yang konsisten untuk meletakkan isi-isi dan fungsionalitas yang disediakan oleh user interface 
    2. Memandu user melalui serangkaian interaksi dengan aplikasi web yang dikembangkan
    3. Mengorganisasikan pilihan-pilihan navigasi dan isi-isi yang dapat dilihat user yang dapat berupa menu navigasi, icon grafis, dan gambar-gambar grafis



7. Perancangan Estetika, isi, Arsitektural, Navigasi


Sering juga disebut Perancangan Grafis, yang merupakan tambahan artistik yang sering digunakan untuk melengkapi aspek-aspek teknis dari perancangan aplikasi web. 
  • Tata letak yang baik pada perancangan interface: 
    1. Jangan mengisi bagian dari halaman web dengan informasi yang akhirnya sulit untuk mengidentifikasi informasi tersebut 
    2. Lakukan penekanan pada isi yang merupakan alasan utama bagi user untuk masuk ke aplikasi web 
    3. Lakukan pengelompokkan fitur navigasi, isi, dan fungsi 
    4. Jangan perluas bagian aplikasi dengan penggunaan scrollbar, sebaiknya kurangi isi yang jumlahnya banyak 
    5. Sesuaikan resolusi layar dan ukuran jendela browser 

Komentar

Posting Komentar

Postingan populer dari blog ini

RANGKUMAN PERTEMUAN 10

-
1. Konsep Desain Arsitektur Perancangan arsitektur merupakan tahap pertama dalam proses perancangan PL, yang dimulai dengan perancangan data kemudian berlanjut pada penurunan satu atau lebih struktur arsitektural sistem.  Arsitektur sistem/PL adalah struktur sistem/PL yang menggabungkan komponen PL, menggabungkan properti yang tampak dari komponen tersebut, dan mendeskripsikan hubungan antar komponen.  Output dari perancangan arsitektur berupa model arsitektur yang menggambarkan bagaimana sistem diatur sebagai satu set komponen yang saling berkomunikasi. 2. Arsitektur Perangkat Lunak Arsitektur mencakup:  Komponen bangunan yang berbeda dapat diintegrasikan menjadi suatu bentuk keseluruhan yang bersifat kohesif   Bangunan yang dibuat sesuai dengan lingkungannya  Bangunan yang dibangun sesuai dengan kegunaannya   Tekstur, warna dan material pembentuknya dikombinasikan untuk membuat tampilan yang bagus   Perancangan pencahayaan,
Baca selengkapnya

Rangkuman materi pertemuan 14

-
IMPLEMENTASI DAN PEMELIHARAAN Nama : Sisilia Ernawati NIM  : 11172226 Kelas  : 11.6AC.05 1. Konsep Implementasi IMPLEMENTASI Perancangan dan implementasi Perangkat Lunak adalah tahap dalam proses RPL dimana dikembangkan sistem Perangkat Lunak yang dapat dieksekusi. Implementasi adalah proses mewujudkan desain sebagai sebuah program. RPL mencakup semua kegiatan yang terlibat dalam pengembangan Perangkat Lunak dari persyaratan awal sistem hingga pemeliharaan dan pengelolaan sistem yang digunakan. Implementasi dapat melibatkan pengembangan program atau menyesuaikan dan mengadaptasi sistem generik, offthe-shelf untuk memenuhi persyaratan khusus dari suatu organisasi. 2. Aspek Implementasi Aspek implementasi yang sangat penting untuk RPL: Reuse, Sebagian besar Perangkat Lunak modern dibangun dengan menggunakan kembali komponen atau sistem yang ada. Configuration Management, Selama proses pengembangan, banyak versi yang berbeda dari setiap komponen
Baca selengkapnya