pertemuan 3

Pertemuan 3 Merancang dan mengembangun website 7 aturan merancan web : - Just because you can doesn’t mean you should Adanya teknologi, bukan berarti harus di gunakan ketika merancang website. - There is almost always an exception Perancangan web harus hati-hati ketika mengesampingkan penggunaan teknologi atau metode design yang sederhana karena tidak bekerja di website lain. - Users are the ultimate judges Pendapat/opini tidak pernah berhenti ketika berada pada proses perancangan /design. - Crossover experience is something a designer needs to always strive for Seorang perancang web profesional mengerti akan kebutuhan dari user, tanpa memperhatikan bahwa perancang secara pribadi percaya estetika dan aspek-aspek tehnik dari website harus dirancang. - Humility is the best appr oach Karena ada begitu banyak seluk-beluk Desain Web, dibutuhkan desainer dengan situs yang lebih menarik, teknologi baru, atau penggunaan teknologi dengan cara yang lebih kreatif It is impossible to please everyone Seorang desainer seringkali harus mengambil sikap untuk mempertahankan fungsional tertentu dan aspek estetika desain, tidak pernah bertujuan untuk membuat semua pengguna puas karena semua orang punya pendapat. • Try to stay on top of specifications and standards Spesifikasi dan standar web akan terus berubah. Perancang web harus memiliki pemahaman dasar tentang teknik-teknik terbaru, yang akan mempengaruhi hasil kerja dimasa yang akan datang. 3 Filosofi Merancang Web • Estetika Bagaimana profesional tampilan dan nuansa situs ini? Apakah konsisten dengan yang diinginkan branding bisnis atau individu? • Kegunaan Seberapa cepat dan mudah pengguna mampu menemukan dan memproses informasi ketika sedang melakukan tugas-tugas yang diperlukan? • Fungsi Pemrograman harus mengaktifkan aspek fungsional situs, seperti formulir dan konten data base-driven Desain web dibagi 3, yaitu: 1. Desain Antar Muka 2. Desain Situs 3. Desain Halaman Ketika membangun sebuah situs, beberapa informasi yang paling penting bagi seorang desainer meliputi: -Look and feel requirements -Bandwidth requirements -Resolution requirements Scalability requirements Content requirements Scrolling vs Nonscrolling Keuntungan Scrolling • Desain bisa muat lebih banyak konten pada satu halaman. • Pengguna tidak harus klik dan menunggu untuk me-load halaman lain, yang tidak hanya butuh waktu, namun pengguna juga harus kembali matanya terfokus pada daerah baru yang sebagian besar kemungkinan pada atau di dekat bagian atas layar. • Sangat mudah untuk navigasi cepat jika pengguna menggunakan mouse dengan roda atau scroller stylus danmemungkinkan untuk menggerakan kursor dengan mudah Kerugian Scrolling: • Dibutuhkan sedikit usaha untuk mengklik link yang membuka halaman baru. • Karena halaman digulir lebih panjang, waktu download mereka biasanya lebih besar. Struktur Navigasi - Linier Linier merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut urutannya dan tidak diperbolehkan adanya percabangan. Tampilan yang dapat ditampilkan adalah satu halaman sebelumnya atau satu halaman sesudahnya. - Hirarki Struktur hirarki merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page, halaman utama ke satu. Halaman utama ini akan mempunyai halaman percabangan yang dikatakan slave page, halaman pendukung. Jika salah satu halaman pendukung diaktifkan, maka tampilan tersebut akan bernama master page, halaman utama kedua. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier. - Non Linier Pada struktur nonlinier diperkenankan membuat struktur navigasi bercabang, percabangan ini berbeda dengan percabangan pada struktur hirarki. Pada percabangan nonlinier walaupun terdapat banyak percabangan tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada pada master page dan salve page - Campuran Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya. Struktur navigasi ini banyak digunakan dalam pembuatan aplikasi multimedia sebab dapat memberikan keinteraksian yang lebih tinggi.