FAKULTAS ILMU TERAPAN Telkom University PROGRAM STUDI D3 TEKNIK INFORMATIKA Jl. Telekomunikasi no 1 Gedung E dan F, Bandung SILABUS MATA KULIAH

Transkripsi

1 FAKULTAS ILMU TERAPAN Telkom University PROGRAM STUDI D3 TEKNIK INFORMATIKA Jl. Telekomunikasi no 1 Gedung E dan F, Bandung Dokumen Kontrol Kurikulum: 2012 Revisi Ke: Disahkan: SILABUS MATA KULIAH I. IDENTITAS MATA KULIAH Nama Mata Kuliah : PERANCANGAN ANTARMUKA APLIKASI Kode Mata Kuliah : DIG2D2 SKS (Teori + Praktek) : 2 SKS (1 SKS Teori + 1 SKS Praktek) Jam (Teori + Praktek) : 3 Jam (1 Jam Teori + 2 Jam Praktek) Jenis : MK Wajib / MK Peminatan / MK Praktikum *) Jam pelaksanaan : Tatap muka di kelas = 1. jam per minggu Semester / Tingkat : 3 /II Materi Pre-requisite : Co-requisite : Tutorial / responsi / Kerja Lab / praktek = 2. jam per minggu II. DESKRIPSI SINGKAT MATA KULIAH Mata kuliah ini mengajarkan mahasiswa tentang bagaiman merancang antarmuka aplikasi serta perannya dalam mewujudkan perangkat lunak tepat dan bermanfaat bagi usernya. Dalam mata kuliah ini juga disampaikan tentang tahap-tahap dalam proses desain serta tren-tren desain terkini. III. KOMPETENSI LULUSAN YANG DIDUKUNG [ Utama] 1. Memiliki kemampuan merancang / mendesain komponen-komponen PL terutama antar muka 2. Memiliki pengetahuan dasar tentang perkembangan teknologi terkini (mobile, social network, creative content, web service, cloud computing) 3. Memiliki kemampuan dalam merancang instruksi (instructional design) 4. Memiliki kemampuan design grafis dalam merancang konten [kompetensi pendukung] 1. Teamwork,

2 Tingkat Intermediate (Collaboration) --> Menjalin kerjasama melalui kontribusi optimal dalam tim maupun antar tim untuk mencapai tujuan bersama : Personal Resilience, Coordination, Building Team Commitment 2. Communication, Tingkat Intermediate --> Memanfaatkan komunikasi untuk memecahkan masalah dalam kelompok 3. Leadership, Tingkat Intermediate (Leading Others/Group Cohesion) --> Mengelola perbedaan dalam rangka mengarahkan tim untuk mencapai tujuan memenuhi kebutuhan dan aspirasi anggota tim : Service Orientation, Manage Diversity, Influence others IV. TUJUAN PEMBELAJARAN Setelah mengikuti perkuliahan ini, mahasiswa memiliki kemampuan untuk: 1. Memahami konsep dan penerapan berbagai macam prinsip desain antarmuka aplikasi baik berbasis web, desktop maupun mobile. 2. Mengembangkan suatu antarmuka aplikasi menggunakan metode serta proses desain antarmuka dengan memperhatikan kebutuhan suatu tertentu 3. Melakukan pengujian terhadap antarmuka aplikasi

3 V. BAHAN KAJIAN, METODE PENYAMPAIAN & ASSESSMENT No 1 pentingnya Pengenalan IMK - Definisi - Pentingnya desain baik - Sejarah singkat IMK dan perkembangannya di berbagai macam platform dan device - Klasikal menjelaskan definisi menyebutkan urgensi desain serta memaparkan contoh sederhana - Melakukan trivia quiz secara random di jeda kematerian 2 pengguna dan kaitannya dengan desain Step 1: Memahami Pengguna/ Klien - Hambatan dan kegagalan dalam pengembangan PL - Usability - Karakteristik penting manusia - Pertimbangan manusia dalam desain sistem bisnis - Performansi VS Preferensi - Metode untuk - Simulation mengenali profil user dengan memanfaatkan suatu metode terstruktur-sistematis membuat profil pengguna - Presentasi singkat hasil simulasi studi

4 3 4 mengenal fungsi-fungsi bisnis dan kaitannya dengan desain mengerti prinsip-prinsip desain baik 5 mengerti komponenkomponen Step 2: Memahami Fungsi Bisnis Step 3: Memahami prinsip-prinsip desain dan layar baik Step 4: Membangun menu sistem dan skema pengguna - Definisi bisnis dan analisis kebutuhan - Menentukan fungsifungsi bisnis dasar - Desain standar atau panduan gaya (style guide) - Kebutuhan pelatihan dan dokumentasi sistem - Pertimbangan manusia dalam desain dan layar - Pertimbangan teknologi dalam desain - Contoh-contoh layar - Struktur dan fungsi menu - Isi menu - Format menu - memetakan fungsi bisnis dari suatu membuat panduan umum terkait fungsi bisnis merancang scenario dan menu pelatihan serta dokumentasi sistem - Mahasiswa menjelaskan beberapa prinsip desain baik terhadap berbagai tampilan membuat struktur menu baik - Presentasi singkat hasil simulasi studi - Trivia quiz - Presentasi studi

5 6 7 dalam membangun menu sistem dan skema navigasi dalam desain memilih tipe windows tepat memilih perangkat interaksi tepat dalam desain navigasi Step 5: Memilih tipe windows tepat Step 6: Memilih perangkat interaksi tepat - Penyusunan frase dalam menu - Penentuan pilihanpilihan menu - Navigasi website - Jenis-jenis menu grafis - Karakteristik windows - Komponenkomponen sebuah windows - Gaya penampilan windows - Tipe-tipe windows - Pengaturan fungsi windows - Web dan browser - Perangkat input - Perangkat output terhadap berbagai struktur menu membuat tipe window baik sesuai studi terhadap contoh tipe window memetakan kelebihankekurangan dari pemilihan perangkat sesuai kebutuhan memberikan alternatif Presentasi studi Presentasi studi

6 8 memilih control layar tepat 9 menuliskan teks dan pesan dengan jelas 10 memberikan Step 7: Memilih screen-based controls tepat Step 8: Menuliskan teks dan pesan dengan jelas Step 9: Memberikan - Operable controls - Text entry/ readonly controls - Selection controls - Other operable controls - Custom controls - Presentation controls - Memilih kontrol tepat - Kata, kalimat, pesan, dan teks - Isi dan teks dalam halaman web - Menyediakan feedback dengan tepat solusi beserta reasoningnya terkait pemilihan perangkat memberikan alternatif solusi beserta reasoningnya terkait pemilihan control layar - Mahasiswa memberikan alternatif solusi dalam penyajian teks - Mahasiswa terhadap berbagai penyajian teks memberikan feedback sesuai dengan prinsip Presentasi studi - Presentasi studi - Survey acceptance dari mahasiswa - Presentasi studi

7 11 12 umpan balik, panduan, dan tuntunan efektif dalam desain internasionalis asi dan aksesibilitas menggunakan grafik, ikon, gambar dan warna bermakna feedback, guidance, dan assistance dengan efektif Step 10: Menerapkan internasionali sasi dan aksesibilitas Step 11&12: Menggunaka n graphics, icons, images & warna - Guidance dan assistance - Pertimbangan internasional - Aksesibilitas - Icons & graphics - Multimedia - Penggunaan warna - Masalah mungkin muncul dengan warna - Warna dan penglihatan manusia desain baik menunjukkan berbagai macam penerapan internasionalisasi dalam - disediakan menghasilkan desain mempertimbangkan internasionalisasi dan aksesibilitas terhadap penggunaan grafik ikon, gambar dan warna dalam suatu aplikasi - Mahasiswa - Presentasi studi Presentasi studi

8 13 14 cara pengorganisasi an windows dan halaman konsep pengujian Step 13: Pengorganisa sian dan penyusunan layout windows dan halaman Step 14: Uji, Uji, dan Uji Ulang - Pemilihan warna - Penggunaan warna harus dihindari - Pengorganisasian dan penyusunan layout layar - Contoh layar - Usability - Prototipe - Tipe-tipe pengujian - Pelaksanaan pengujian - Analisis, modifikasi, dan pengujian ulang - Evaluasi sistem berjalan - simulation menyajikan berbagai alternatif pengorganisasian windows dan halaman dalam suatu studi terkait pengorganisasian windows dan halaman dari suatu aplikasi mendesain scenario pengujian aplikasi melaksanakan pengujian aplikasi membuat laporan hasil pengujian Presentasi studi - Presentasi studi 15 Desain - Web dan perangkat - Project Based - Proyek tugas

9 16 konsep desain berbasis web dan perangkat bergerak tren desain antarmuka game berbasis web dan perangkat bergerak Desain antarmuka game bergerak - Pemilihan teknologi aplikasi - Prinsip desain web dan mobile - Pola desain web dan mobile - Perencanaan aliran menu - Kebutuhan teknis dan trik - Penggunaan animasi - Pembuatan mockup interaktif - Focus Group - Collaborative- Cooperative - Project Based - Focus Group - Collaborative- Cooperative mengimplementasikan proses desain untuk aplikasi web atau perangkat bergerak mengimplementasikan proses desain untuk game besar - Presentasi tugas besar - Cross evaluation antar kelompok - Proyek tugas besar - Presentasi tugas besar - Cross evaluation antar kelompok

10 VI. REFERENSI / SUMBER BAHAN UTAMA No Referensi / Sumber Bahan 1 Galitz, Wilbert O The Essential Guide to Design. Third Edition. 2 Ballard, Barbara Designing the Mobile User Experience. Little Springs Design, Inc., USA. 3 Fox, Brent Game Interface Design. Thompson Course Technology 4. Kalbach, James Designing Web Navigation. O'Reilly. 5 Coninx, Karin., et al Task Models and Diagrams for Design. Springer 6. Cohen, Michael H., et al Voice Design. Addison Wesley. 7. Welie, martijn van Task-based Design. SIKS Disertation Series No VII. SKEMA PENILAIAN KOMPONEN PENILAIAN BOBOT/ PROSENTASE KETERANGAN UTS 30 % Ujian Tengah Semester UAS 35% Ujian Akhir Semester Softskill 10% Keaktifan Di kelas Tugas, Quiz 25% Tugas besar, harian serta quiz LEVEL PENILAIAN LEVEL/INDEKS INDIKATOR KOMPETENSI KETERANGAN *) A Lulus B Lulus C Lulus D Lulus E Tidak Lulus VIII. ATURAN PELAKSANAAN & PENILAIAN Aturan Perkuliahan: 1. Keterlambatan maksimal 20 menit dari waktu perkuliahan telah ditetapkan 2. Tidak ada toleransi terhadap keterlambatan pengumpulan tugas 3. Plagiarisme atau Mencontek = E Aturan Penilaian: 1. Penilaian dilakukan dengan mempertimbangkan 2 aspek penilaian, terdiri dari: a. Total nilai dari komponen UTS-UAS-Softskill-Tugas-Quiz b. Total nilai kompetensi personal 2. Range nilai dari komponen UTS-UAS-Softskill-Tugas-Quiz adalah: A>=75, 65<=B<75, 55<=C<65, 40<=D<55, E<40 3. Range nilai dari Personal 4 atau 5 = A 3 = B 2 = C

11 1 = D 0 = E 4. Tabel kriteria penilaian untuk kompetensi personal dilihat pada tabel berikut Kriteria Penilaian Nilai (Diisi 0 or 1) Mampu menjelaskan prinsip desain dengan tepat 1 Mampu memberikan contoh implementasi dari prinsip desain dengan tepat mampu terhadap desain berdasarkan prinsip desain mampu memberikan saran perbaikan terhadap desain 1 berdasarkan prinsip desain Kualitas antarmuka dinilai 4 oleh 75% tester Total 5 5. Masing masing nilai abjad diperoleh dari komponen UTS-UAS-Softskill-Tugas-Quiz maupun kompetensi personal akan dikuantifikasi dengan ketentuan sebagai berikut: A=4, B=3, C=2, D=1, E=0 6. Hasil Kuantifikasi abjad pada point 5 akan dirata-ratakan (dengan pembulatan keatas) kemudian akan menjadi nilai indeks akhir mahasiswa dengan ketentuan sebagai berikut: 4=A, 3=B, 2=C, 1=D, 0=E