Rekayasa Web
description
Transcript of Rekayasa Web
![Page 1: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/1.jpg)
Rekayasa WebSandhika Galih
Jurusan Teknik InformatikaUniversitas PasundanBandung
“Materi 6 – WebApp Testing”
![Page 2: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/2.jpg)
Pengujian WebApp
Sebuah proses pada pengembangan webApp yang bertujuan untuk mencari dan mengatasi eror yang ada pada aplikasi
Pengujian pada webApp harus dilakukan pada berbagai kondisi dan lingkungan seperti pada: Sistem operasi Browser Platform perangkat keras (Device) dll
![Page 3: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/3.jpg)
Elemen Kualitas Pengujian
Usabilitydiuji untuk memastikan bahwa seluruh fungsi dan antarmuka pada webapp dapat dipahami dan digunakan oleh pengguna secara intuitif
Navigabilitydiuji untuk memastikan bahwa seluruh navigasi pada aplikasi sudah benar untuk menghindari eror pada navigasi seperti tautan mati dan tautan yang salah
Performancediuji berdasarkan bermacam-macam kondisi operasi, konfigurasi, dan kecepatan untuk memastikan aplikasi sudah cukup responsif ketika digunakan
![Page 4: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/4.jpg)
Elemen Kualitas Pengujian
Compatibilitymengeksekusi webApp pada host yang berbeda baik itu dari sisi server ataupun client. Tujuannya adalah untuk mengetahui error yang terjadi pada konfigurasi host yang spesifik
Interoperabilitydiuji untuk memastikan bahwa webApp berjalan normal di berbagai lingkungan aplikasi yang berbeda (browser, database, dll)
Securitydiuji dengan cara mencari kerentanan / “lubang” pada aplikasi dan mencoba untuk menembus “lubang” tersebut
![Page 5: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/5.jpg)
Proses Pengujian
![Page 6: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/6.jpg)
Pengujian Konten
Mengatasi syntactic error Mengatasi semantic error Mengatasi kesalahan pada struktur konten
![Page 7: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/7.jpg)
Syntactic Error
![Page 8: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/8.jpg)
Semantic Error
![Page 9: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/9.jpg)
Pengujian Konten (checklist)
Apakah informasi yang ditampikan sudah aktual dan faktual?
Apakah informasi ringkas dan up-to-date? Apakah layout yang menyimpan konten mudah
dipahami? Apakah referensi disediakan jika konten mengutip
dari sumber lain? Apakah informasi yang ditampilkan pada banyak
halaman sudah konsisten? Apakah konten melanggar hak cipta dan hak paten?
![Page 10: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/10.jpg)
Pengujian Navigasi
Berikut ini adalah beberapa mekanisme navigasi yang harus diuji: Links Redirect Bookmarks Site-maps Internal Search engine
![Page 11: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/11.jpg)
usability
T h e f a t h e r o f u s a b i l i t y
“ efektifitas, efisiensi, dan kepuasan yang dirasakan oleh pengguna saat mencapai tujuan tertentu pada sebuah produk. “
![Page 12: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/12.jpg)
Web Usability ?
![Page 13: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/13.jpg)
• enak dilihat• mudah dipahami• mudah digunakan
lihat
paham
gunakan
Web Usability ?
![Page 14: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/14.jpg)
“apa yang dirasakan oleh seseorang ketika berinteraksi dengan sebuah sistem.”
user experience
![Page 15: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/15.jpg)
![Page 16: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/16.jpg)
Pengujian usability
Mengetahui seberapa efektif user dapat berinteraksi dengan aplikasi
Mengetahui seberapa berguna-nya aplikasi untuk user
![Page 17: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/17.jpg)
10 Aturan Usability menurut Jacob Nielsen
![Page 18: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/18.jpg)
Pengujian Kompatibilitas
WebApp dijalankan pada lingkungan pengguna yang berbeda: Browser, resolusi layar, sistem operasi, plug-in,
bandwidth akses, dll. Error yang fatal bisa dihasilkan dari beberapa
kombinasi lingkungan tersebut Masalah yang terjadi bisa menyebabkan turunnya
nilai guna/usability dari webApp tersebut: Kecepatan akses halaman yang lambat Tidak tersedianya plug-in yang tepat untuk mengakses
webApp Perbedaan browser berdampak pada tampilan yang tidak
beraturan Solusi : coba dan uji berbagai kombinasi
lingkungan
![Page 19: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/19.jpg)
Pengujian Keamanan
Berikut ini adalah hal-hal yang harus diperhatikan dari sisi keamanan webApp: Firewall Otentikasi Enkripsi Otorisasi
![Page 20: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/20.jpg)
Pengujian Performa
Parameter pengujian: Apakah waktu respon dari server sudah dapat diterima
oleh pengguna? Pada saat seperti apakah (pengguna, transaksi, loading
data) performa webApp menjadi tidak diterima? Apa penyebab penurunan performa (kode, komponen,
konfigurasi) ? Apakah penurunan performa berdampak pada
keamanan webApp? Apakah semakin tinggi performa berpengaruh pada
efektifitas dan kehandalan webApp? Apa dampak buruknya performa webApp pada
perusahaan?
![Page 21: Rekayasa Web](https://reader036.fdokumen.com/reader036/viewer/2022081419/56814e42550346895dbbb52d/html5/thumbnails/21.jpg)
Selesai
Pertanyaan?