Scene 1 (0s)
[Virtual Presenter] Perkembangan Desain Web dan Keterkaitannya dengan Interaksi Manusia dan Komputer. Presentasi ini akan membahas tentang sejarah, prinsip, tren, dan tantangan dalam desain web, serta keterkaitannya dengan Interaksi Manusia dan Komputer (IMK)..
Scene 2 (23s)
[Audio] Pengantar Definisi Desain Web Proses perancangan antarmuka pengguna (UI) dan pengalaman pengguna (UX) untuk website. Tujuan Desain Web, Menciptakan website yang menarik, fungsional, dan mudah digunakan..
Scene 3 (40s)
[Audio] Sejarah Perkembangan Desain Web 1. Era Awal (1990-an , Website statis dengan HTML dasar, desain sederhana, fokus pada konten teks. 2. Era Multimedia (2000-an), Penggunaan CSS untuk styling dan layout, munculnya Flash untuk animasi dan interaktivitas. 3. Era Web 2.0 (2005-2010), Interaktivitas meningkat dengan AJAX dan JavaScript, fokus pada user-generated content. 4. Era Modern (2010-sekarang), Dominasi desain responsif dan mobile-first, penggunaan framework seperti Bootstrap, React, dan Vue.js..
Scene 4 (1m 27s)
[Audio] Prinsip Desain Web dalam IMK Pertama, Usability, yaitu Kemudahan penggunaan website, contoh: navigasi yang intuitif, konsistensi layout. Kedua, Accessibility, yaitu Desain yang inklusif untuk semua pengguna, contoh: kontras warna yang baik, penggunaan alt text untuk gambar. Ketiga, User Experience (UX), yaitu Fokus pada pengalaman pengguna secara keseluruhan, contoh: loading cepat, desain yang menarik..
Scene 5 (2m 0s)
[Audio] Tren Desain Web Saat Ini, antara lain : 1. Mobile-First Design, yaitu Desain yang dimulai dari perangkat mobile, kemudian diadaptasi ke desktop. 2. Dark Mode, yaitu Tema gelap untuk mengurangi ketegangan mata 3. Micro-Interactions, yaitu Animasi kecil untuk meningkatkan interaktivitas. 4. AI dan Personalisasi, yaitu Penggunaan AI untuk menyesuaikan konten berdasarkan preferensi pengguna. 5. Sustainability in Design, yaitu Desain yang ramah lingkungan, seperti mengurangi penggunaan energi..
Scene 6 (2m 40s)
[Audio] Alat dan Teknologi Desain Web , bisa dikelompokkan di bawah ini : 1. Tools Desain, antara lain : Figma, Adobe XD, Sketch. 2. Front-End Development, antara lain : HTML, CSS, JavaScript, React, Vue.js. 3. Back-End Development, antara lain : Node.js, Django, Laravel. 4. Testing Tools , antara lain : Google Lighthouse, UsabilityHub..
Scene 7 (3m 20s)
[Audio] Keterkaitan dengan Desain Web dan Jurusan Teknik Informatika , bisa dikelompokkan dibawah ini : 1. Pemrograman, karena Pengembangan website membutuhkan pemahaman bahasa pemrograman. 2. Basis Data, desain web Penyimpanan dan pengelolaan data pengguna. 3. Keamanan, kebutuhan Proteksi data pengguna dan website dari serangan cyber. 4. Kecerdasan Buatan, Implementasi AI untuk personalisasi dan chatbot..
Scene 8 (3m 52s)
[Audio] Tantangan dalam Desain Web, berdasarkan pengalam kami bisa simpulkan ke dalam 4 hal di bawah ini : 1. Kompatibilitas Multi-Device, harus Memastikan website berfungsi baik di berbagai perangkat. 2. Kecepatan Loading, diperlukan Optimasi performa website. 3. Evolusi Teknologi, Selalu mengikuti perkembangan tren dan tools terbaru..
Scene 9 (4m 17s)
[Audio] Kesimpulan, dalam presentasi kami, 3 hal yang bisa disimpulkan mengenai Perkembangan Desain Web dan Keterkaitannya dengan Interaksi Manusia dan Komputer, yaitu : 1. Desain web, adalah Bidang yang terus berkembang dan sangat terkait dengan IMK. 2. Mahasiswa Teknik Informatika, Perlu memahami prinsip desain, teknologi, dan tren terbaru. 3. Kolaborasi, diperlukan Antara desain dan teknologi adalah kunci sukses dalam pengembangan web modern. Demikian presentasi kami, semoga bisa bermanfaat dan menabwah wawasan keilmuwan tentagn Desain Web. Terimaksih..