Pemrograman WEB

DISUSUN OLEH :
Yanuar Vicky Abdillah
Sonia Dewi Kristianti
5302419065 / 5302419066
/ Rombel 3
Dosen Pengampu :
Anggraini Mulwinda, S.T., M. Eng.
Riska Dami Ristanto, S. Pd., M. Pd

PENDIDIKAN TEKNIK INFORMATIKA DAN KOMPUTER

TEKNIK ELEKTRO – FAKULTAS TEKNIK
UNIVERSITAS NEGERI SEMARANG
2020
CHAPTER 8 | WEB DESIGN
Desain WebApp adalah kombinasi seni dan teknik. Desain dimulai dengan berfokus pada
cara yang diinginkan pengguna berinteraksi dengan aplikasi dan kemudian bergerak untuk
mempertimbangkan fungsi dan konten informasi yang akan dibutuhkan untuk memenuhi
kebutuhan pemangku kepentingan. Itu kemudian berlanjut ke desain fisik, di mana elemen logis
dipetakan menjadi representasi yang dapat diimplementasikan sebagai bagian dari WebApp.
Keluaran utama dari desain aktivitas adalah model desain yang mencakup deskripsi antarmuka,
estetika, konten, navigasi, arsitektur, dan masalah desain tingkat komponen.
Proses desain adalah kumpulan tindakan desain yang gesit dan berulang diterapkan ke
setiap kenaikan WebApp saat dibuat. Piramida desain dapat digunakan untuk menggambarkan
sekumpulan tindakan desain yang dilakukan (dengan berbagai tingkat penekanan) untuk setiap
kenaikan WebApp. Tindakan desain termasuk desain antarmuka, desain estetika, desain konten,
desain navigasi, desain fungsional, arsitektur desain, dan desain komponen.
CHAPTER 10 |
Untuk hampir semua WebApps, konten sangatlah penting. Memang itu adalah inti dari
aplikasi dan dapat dilihat sebagai kerangka di mana WebApp dibangun. Bahkan jika file
WebApp memiliki antarmuka yang dirancang dengan baik dan fungsionalitas yang efektif, ini
bisa jadi sulit untuk digunakan dan akan terbuka untuk salah tafsir (ingat contoh bisque seafood
awal bab ini jika desain informasi lemah).
Inti dari desain informasi WebApp adalah arsitektur informasi
(IA). IA menjelaskan bagaimana informasi akan diatur, diakses, dan dikelola. Memang,
IA seringkali merupakan satu-satunya bagian dari desain yang perlu secara eksplisit
didokumentasikan — mengingat bahwa desain informasi terperinci jauh lebih lancar dan
seringkali terus berkembang. Faktanya, fluiditas pada level rendah ini membuat IA yang kokoh
dan dibangun dengan hati-hati menjadi lebih penting. Jika IA cacat, itu akan memungkinkan
evolusi tingkat rendah yang tak terhindarkan merusak aplikasi.

CHAPTER 11 | FUNCTIONAL DESIGN

Saat ini, banyak WebApps menggabungkan konten dinamis yang kaya, adaptasi dan
personalisasi untuk pengguna individu, interaktivitas yang kuat, dan alur kerja yang rumit dan
dukungan proses. Semua ini telah menyebabkan interaksi yang semakin kompleks antara konten
yang menopang sebagian besar WebApps dan fungsionalitas yang menghidupkan konten
tersebut serta membuatnya dapat diakses dan berguna.
Dalam bab ini kita telah melihat bagaimana merancang fungsionalitas yang
memungkinkan generasi WebApps saat ini. Desain fungsional ini tidak terjadi secara terpisah
tetapi memiliki hubungan yang kuat dengan model analisis, desain informasi, dan pemilihan
teknologi yang digunakan untuk mengimplementasikan desain. Beberapa pesan utama dalam bab
ini bukan tentang notasi spesifik atau metode, melainkan tentang bagaimana kita menjalin
elemen analisis dan desain ini bersama.

CHAPTER 12 | CONTRUCTION and DEPLOYMENT

Konstruksi dan penerapan adalah aktivitas WebE yang menyatukan semuanya. Tetapi
mereka tidak terjadi secara terpisah. Banyak konstruksi WebApp dan penyebaran sangat terkait
dengan teknologi, alat, dan bahasa yang digunakan selama konstruksi. Dan masing-masing
teknologi WebE ini beragam dan berkembang dengan sangat cepat.
Kegiatan konstruksi mencakup tindakan seleksi, pengkodean, pembuatan, integrasi,
pemfaktoran ulang, dan pengujian. Setelah selesai, tindakan ini (dan Tugas WebE yang
ditentukan untuk masing-masing) mengarah ke WebApp operasional yang siap untuk pengiriman
ke pengguna akhir.
Desain dan implementasi dipandu oleh serangkaian prinsip sederhana. Setelah tindakan
ini selesai, komponen WebApp yang dihasilkan direfraktorisasi untuk meningkatkan produk
akhir yang dikirim.
Aktivitas penerapan mencakup tiga tindakan: pengemasan, rilis, dan evaluasi. Karena
rekayasa Web bersifat inkremental, penerapan terjadi tidak hanya sekali, tetapi beberapa kali saat
WebApp bergerak ke arah penyelesaian. Seperti konstruksi, sekumpulan prinsip dapat diterapkan
untuk memandu penerapan.

CHAPTER 13 | DESIGN PATTERNS

Mengingat sifat Web yang berubah dengan cepat dan kompleksitas merancang WebApps
yang efektif, menggunakan solusi desain terbaik pada waktu yang tepat merupakan tantangan
bagi Insinyur web. Apa pun yang dapat membantu Anda memastikan bahwa solusi sesuai dan
mencerminkan praktik terbaik harus didorong — dan pola inilah yang berusaha dicapai.
Pola menangkap pengetahuan para ahli dan menyediakan jalan bagi pengembang untuk
merekam pengalaman yang diperoleh dengan susah payah. Setelah mereka dikatalogkan dalam
repositori, pola membuat pengetahuan itu tersedia bagi orang lain. Dalam bab ini kita telah
membahas hanya sebagian kecil dari semua pola yang tersedia untuk insinyur Web.

CHAPTER 15 | TESTING WEBAPP

Tujuan pengujian WebApp adalah untuk melatih setiap dari banyak dimensi WebApp
kualitas dengan tujuan menemukan kesalahan atau mengungkap masalah yang dapat
menyebabkan kegagalan kualitas. Pengujian berfokus pada konten, fungsi, struktur, kegunaan,
kemampuan navigasi, kinerja, kompatibilitas, interoperabilitas, kapasitas, dan keamanan.
Pengujian menggabungkan tinjauan yang terjadi saat WebApp dirancang dan pengujian yang
dilakukan setelah WebApp diimplementasikan.
Strategi pengujian WebApp melatih setiap dimensi kualitas dengan terlebih dahulu
memeriksa "unit" konten, fungsionalitas, atau navigasi. Setelah unit individu memilikinya telah
divalidasi, fokus bergeser ke pengujian yang menggunakan WebApp secara keseluruhan. Untuk
untuk mencapai hal ini, banyak pengujian yang diambil dari perspektif pengguna dan dijalankan
dengan informasi yang terdapat dalam skenario penggunaan (kasus penggunaan). Tes rekayasa
web rencana dikembangkan dan mengidentifikasi langkah-langkah pengujian, produk kerja
(misalnya, kasus uji), dan mekanisme evaluasi hasil tes. Proses pengujian meliputi tujuh jenis
pengujian yang berbeda.
Pengujian konten (dan ulasan) berfokus pada berbagai kategori konten. Tujuannya adalah
untuk mengungkap kesalahan semantik dan sintaksis yang memengaruhi keakuratan konten atau
cara yang disajikan kepada pengguna akhir. Pengujian antarmuka melatih mekanisme interaksi
yang memungkinkan pengguna untuk berkomunikasi dengan WebApp dan memvalidasi aspek
estetika antarmuka. Tujuannya adalah untuk mengungkap kesalahan yang dihasilkan dari
mekanisme interaksi yang diterapkan dengan buruk, atau kelalaian, inkonsistensi, atau
ambiguitas dalam semantik antarmuka.
Pengujian navigasi menerapkan kasus penggunaan, yang diturunkan sebagai bagian dari
aktivitas analisis, dalam desain kasus uji yang melatih setiap skenario penggunaan terhadap
desain navigasi. Mekanisme navigasi diuji untuk memastikan bahwa setiap kesalahan
menghalangi penyelesaian kasus penggunaan diidentifikasi dan diperbaiki. Latihan pengujian
komponen konten dan unit fungsional dalam WebApp. Setiap halaman Web merangkum konten,
tautan navigasi, dan elemen pemrosesan yang membentuk "unit" di dalam Arsitektur WebApp.
Unit ini harus diuji.
Pengujian konfigurasi mencoba mengungkap kesalahan dan / atau masalah kompatibilitas
yang khusus untuk klien atau lingkungan server tertentu. Tes kemudian dilakukan untuk
mengungkap kesalahan yang terkait dengan setiap konfigurasi yang memungkinkan. Pengujian
keamanan menggabungkan serangkaian pengujian yang dirancang untuk mengeksploitasi
kerentanan diWebApp dan lingkungannya. Tujuannya untuk menemukan celah keamanan.
Pengujian kinerja mencakup serangkaian pengujian yang dirancang untuk menilai respons
WebApp waktu dan keandalan karena tuntutan peningkatan kapasitas sumber daya sisi server.