1. Web-Engineering
Testing Web Apps
Presentation by Ehab Ahmad
supervised by Dr. Lubna Ali

2. ‫الفهرس‬:
‫مقدمة‬
‫االختبار‬ ‫عملية‬ ‫مبدأ‬
‫االختبار‬ ‫عملية‬ ‫من‬ ‫الهدف‬
‫االختبار‬ ‫بعملية‬ ‫المرتبطة‬ ‫الجودة‬ ‫أبعاد‬
‫بيئة‬ ‫في‬ ‫تحدث‬ ‫أن‬ ‫يمكن‬ ‫التي‬ ‫األخطاء‬Web
App
‫االختبار‬ ‫استراتيجية‬
‫أ‬‫ه‬‫مية‬Test Planning
‫االختبار‬ ‫عملية‬
‫ال‬ ‫دور‬Tester
‫االختبار‬ ‫وتقنيات‬ ‫طرق‬:
Link Testing
Browser Testing
Usability Testing
Load Testing
Stress and Continuous
Testing
Security Testing
‫المقاد‬ ‫التطوير‬‫باالختبار‬
‫المراجع‬

3. •
•
‫مقدمة‬21

4. •
•
‫مقدمة‬22

6. ‫أبعاد‬‫بعمليات‬ ‫المرتبطة‬ ‫الجودة‬‫االختبار‬






 


7. ‫األخطاء‬‫بيئة‬ ‫في‬ ‫تحدث‬ ‫أن‬ ‫يمكن‬ ‫التي‬WebApp
•
•
•

8. 








‫يجب‬ ‫التي‬ ‫االختبار‬ ‫استراتيجية‬‫تطبيقها‬

9. 
‫لالختبارات‬ ‫التخطيط‬ ‫أهمية‬Test Planning

10. 

‫االختبار‬ ‫عملية‬The Testing Process
‫الشكل‬(1)‫االختبار‬ ‫عملية‬ ‫تسلسل‬

11. ‫ال‬ ‫دور‬Tester21

12. ‫ال‬ ‫دور‬Tester22

13. ‫االختبار‬ ‫وتقنيات‬ ‫طرق‬

14. Link Testing 1/2

15. Error URL Anchor Text Linked From
404 http://www.semtoni.com/account_orders Order History http://www.semtoni.com/
404 http://www.semtoni.com/viewList Wish List http://www.semtoni.com/
404 http://www.semtoni.com/asset/js/libs/bootstra
p-datetimepicker.min.js
script/src http://www.semtoni.com/
404 http://www.semtoni.com/category/6/account
_orders
Order History http://www.semtoni.com/cate
gory/6/Amplifier.html
DeadLinkChecker.com - reports
http://www.semtoni.com/ (full scan)
Generated: 2/3/2017 4:26:47 PM
100% scanned - 642/642 URLs checked, 416 OK, 226 failed
Link Testing 2/2

16. Browser Testing 1/3

17. ‫الشكل‬(2)‫مختلفة‬ ‫وأنظمة‬ ‫بإصدارات‬ ‫متصفحات‬ ‫عدة‬ ‫على‬ ‫الموقع‬ ‫تجربة‬ ‫يظهر‬
Browser Testing 2/3

18. ‫الشكل‬(3)‫لينكس‬ ‫نظام‬ ‫على‬ ‫الموقع‬ ‫تجربة‬Debian 6.0‫ومتصفح‬Firefox 44.0
Browser Testing 3/3

19. Usability Testing 1/2

20. ‫الشكل‬(4)usability testing
‫الشكل‬(5)‫المستخدم‬ ‫عين‬ ‫جذبت‬ ‫التي‬ ‫النقاط‬ ‫تحديد‬
‫عند‬‫التطبيق‬ ‫فتح‬"‫الموقع‬"‫مرة‬ ‫ألول‬
Usability Testing 2/2

21. Load Testing 1/2

22. ‫االفتراضيين‬ ‫المستخدمين‬ ‫عدد‬=7
‫التحميل‬ ‫زمن‬295.69‫ميلي‬‫ثانية‬
‫االفتراضيين‬ ‫المستخدمين‬ ‫عدد‬=24
‫زمن‬‫التحميل‬688.37‫ميلي‬‫ثانية‬
‫الشكل‬(6)load time
Load Testing 2/2

23. Stress and Continuous Testing 1/2

24. Stress and Continuous Testing 2/2

25. 




Security Testing 1/5

26. ‫الزبون‬ ‫طرف‬ ‫على‬:
Security Testing 2/5

27. ‫والمخدم‬ ‫الزبون‬ ‫بين‬ ‫الوصل‬ ‫شبكة‬ ‫على‬:
‫الشكل‬(7)‫هجوم‬Spoofing‫من‬‫خالل‬
‫لموقع‬ ‫مماثل‬ ‫موقع‬ ‫بناء‬‫التغريدات‬‫توي‬‫تر‬
Security Testing 3/5

28. ‫الشكل‬(8)‫المهاجم‬ ‫حاسوب‬ ‫إلى‬ ‫للضحية‬ ‫المرور‬ ‫وكلمة‬ ‫المستخدم‬ ‫اسم‬ ‫وصول‬
‫المخدم‬ ‫طرف‬ ‫على‬:
Security Testing 4/5

29. •
•
•
•
‫الطرق‬ ‫تضمين‬ ‫يجب‬ ‫األمنية‬ ‫الهجمات‬ ‫خطر‬ ‫لتقيل‬‫التالية‬:
Security Testing 5/5

30. ‫المقاد‬ ‫التطوير‬‫باالختبار‬

31. •
•
•
•
‫ميزات‬‫االختبارات‬‫األوتوماتيكية‬

32.  Web Engineering :
The Discipline of Systematic Development of Web
Applications.
 Web Engineering:
APRACTITONER’S APPROACH.
 Web Development Evolution:
The Assimilation of Web Engineering Security.
 https://www.w3.org/standards/agents/browsers
2 February 2017
 http://usabilitygeek.com/an-introduction-to-website-usability-
testing/
6 February 2017
 http://www.softwareqatest.com/qatweb1.html
15 February 2017

33. Q&A ‫خطأ‬ ‫أو‬ ‫بصح‬ ‫أجب‬:
.1‫م‬ ‫عادة‬ ‫فهي‬ ‫لذلك‬ ‫الويب‬ ‫تطبيقات‬ ‫بناء‬ ‫في‬ ‫المراحل‬ ‫أهم‬ ‫من‬ ‫االختبار‬ ‫مرحلة‬ ‫تعد‬‫ا‬
‫متطلباتها‬ ‫كافة‬ ‫إلتمام‬ ‫الكافي‬ ‫الوقت‬ ‫تعطى‬.
‫خطأ‬:‫ان‬‫مراحل‬ ‫في‬ ‫دوما‬ ‫تتم‬ ‫التقنية‬ ‫الخطوات‬‫متأخرة‬‫من‬‫ال‬web
Engineering process‫االختبار‬ ‫كمرحلة‬Testing‫والتي‬‫كثيرا‬
‫تعطى‬ ‫ما‬‫فادحا‬ ‫خطأ‬ ‫يعد‬ ‫وهذا‬ ‫قليال‬ ‫زمنيا‬ ‫حيزا‬.
2.‫ي‬ ‫كي‬ ‫البرمجية‬ ‫الشيفرة‬ ‫كتابة‬ ‫مرحلة‬ ‫بعد‬ ‫تتم‬ ‫أن‬ ‫يجب‬ ‫االختبارات‬ ‫جميع‬ ‫إن‬‫تم‬
‫األمثل‬ ‫بالشكل‬ ‫المنتج‬ ‫اختبار‬.
‫خطأ‬:‫للتطبي‬ ‫البرمجية‬ ‫الشيفرة‬ ‫كتابة‬ ‫قبل‬ ‫االختبارات‬ ‫تبدأ‬ ‫أن‬ ‫يمكن‬‫ق‬
(‫الزبائن‬ ‫ونوع‬ ‫التطبيق‬ ‫بيئة‬ ‫كاختبار‬)
3.‫للمش‬ ‫عرضة‬ ‫أكثر‬ ‫يجعله‬ ‫ما‬ ‫وهذا‬ ‫مختلفة‬ ‫مكونات‬ ‫من‬ ‫يتكون‬ ‫الويب‬ ‫تطبيق‬ ‫إن‬‫اكل‬
‫التقنية‬.‫صح‬
4.‫المنت‬ ‫االختبارات‬ ‫خالل‬ ‫من‬ ‫عنه‬ ‫األخطاء‬ ‫غياب‬ ‫اثبات‬ ‫إلى‬ ‫التطبيق‬ ‫اختبار‬ ‫يهدف‬‫ظمة‬
‫والمستمرة‬.
‫خطأ‬:‫غياب‬ ‫إثبات‬ ‫من‬ ‫أكثر‬ ‫التطبيق‬ ‫في‬ ‫األخطاء‬ ‫إيجاد‬ ‫إلى‬ ‫االختبار‬ ‫يهدف‬‫ها‬
‫عنه‬.‫فهذا‬ ‫الخطأ‬ ‫اظهار‬ ‫من‬ ‫االختبار‬ ‫يتمكن‬ ‫لم‬ ‫اذا‬‫يعني‬ ‫ال‬‫ولك‬ ‫غيابه‬‫نه‬
‫يعني‬‫ان‬‫الخطأ‬‫بعد‬ ‫يظهر‬ ‫لم‬.

34. Q&A
5.‫الويب‬ ‫تطبيق‬ ‫بجودة‬ ‫وثيقا‬ ‫ارتباطا‬ ‫ترتبط‬ ‫االختبار‬ ‫عملية‬ ‫إن‬.‫صح‬
6.‫االختبارات‬ ‫اجراء‬ ‫أجل‬ ‫من‬ ‫ما‬ ‫بيئة‬ ‫في‬ ‫مسبقا‬ ‫الحاصل‬ ‫الخطأ‬ ‫إنتاج‬ ‫إعادة‬ ‫السهل‬ ‫من‬
‫منه‬ ‫للحد‬ ‫الالزمة‬.
‫خطأ‬:‫مختلفة‬ ‫وبإعدادات‬ ‫مختلفة‬ ‫بيئات‬ ‫ضمن‬ ‫متضمن‬ ‫الويب‬ ‫تطبيق‬ ‫إن‬
‫من‬ ‫يكون‬ ‫لذلك‬‫التي‬ ‫البيئة‬ ‫خارج‬ ‫الخطأ‬ ‫هذا‬ ‫إظهار‬ ‫إعادة‬ ‫عادة‬ ‫الصعب‬
‫حصل‬‫بها‬.
7.‫ولكن‬ ‫الزبون‬ ‫طرف‬ ‫في‬ ‫تظهر‬ ‫األخطاء‬ ‫معظم‬ ‫إن‬‫الخطأ‬ ‫وليس‬ ‫الخطأ‬ ‫أعراض‬ ‫يرى‬ ‫الزبون‬
‫نفسه‬.‫صح‬
8.‫االختبار‬ ‫عملية‬ ‫يسهل‬ ‫مما‬ ‫يدوي‬ ‫بشكل‬ ‫بها‬ ‫القيام‬ ‫يمكن‬ ‫االختبارات‬ ‫جميع‬ ‫إن‬.
‫خطأ‬:‫ك‬ ‫افتراضيين‬ ‫مستخدمين‬ ‫إلى‬ ‫تحتاج‬ ‫التي‬ ‫االختبارات‬ ‫بعض‬ ‫إن‬load
testing‫و‬stress testing‫اتوماتيكي‬ ‫بشكل‬ ‫اجرائها‬ ‫إلى‬ ‫دوما‬ ‫تحتاج‬.
9.‫ي‬ ‫بحيث‬ ‫التطبيق‬ ‫بناء‬ ‫من‬ ‫األخيرة‬ ‫المرحلة‬ ‫في‬ ‫يتم‬ ‫باالختبار‬ ‫المقاد‬ ‫التطوير‬ ‫إن‬‫شمل‬
‫السابقة‬ ‫المراحل‬ ‫كل‬.
‫خطأ‬:‫التطب‬ ‫بناء‬ ‫عمليات‬ ‫مع‬ ‫التوازي‬ ‫على‬ ‫يتم‬ ‫باالختبار‬ ‫المقاد‬ ‫التطوير‬ ‫إن‬‫يق‬.

35. Q&A
10.‫بفحص‬ ‫تقوم‬ ‫باختبارات‬ ‫االختبار‬ ‫عملية‬ ‫تبدأ‬‫ثم‬ ‫واألداء‬ ‫األمن‬‫عملي‬ ‫متابعة‬ ‫يتم‬‫ة‬
‫االختبار‬‫النواحي‬ ‫باقي‬ ‫لتشمل‬.
‫خطأ‬:‫تبدأ‬‫األم‬ ‫أي‬ ‫والمحتوى‬ ‫الواجهة‬ ‫بفحص‬ ‫تقوم‬ ‫باختبارات‬ ‫االختبار‬ ‫عملية‬‫ور‬
‫المرئية‬‫ل‬ ‫االختبار‬ ‫عملية‬ ‫متابعة‬ ‫يتم‬ ‫ثم‬ ‫المستخدمين‬ ‫أمام‬ ‫مباشرة‬‫تشمل‬
‫باقي‬‫المستخدم‬ ‫امام‬ ‫مرئية‬ ‫تكون‬ ‫ال‬ ‫قد‬ ‫التي‬ ‫النواحي‬.

36. Q&A ‫الصحيحة‬ ‫اإلجابة‬ ‫اختر‬:
‫تدعى‬ ‫التطبيق‬ ‫ضمن‬ ‫ميتة‬ ‫نهاية‬ ‫إلى‬ ‫المستخدم‬ ‫توصل‬ ‫التي‬ ‫الصفحات‬:
•Dead links
•Orphan pages
•Dead end
•Site Maps
‫بمدى‬ ‫يهتم‬ ‫الذي‬ ‫االختبار‬ ‫إن‬‫التطبيقات‬ ‫مع‬ ‫التعامل‬ ‫سهولة‬‫هو‬:
•Link testing
•Usability testing
•Browser testing
•Stress testing
‫تقلبات‬ ‫إجراء‬ ‫فيه‬ ‫يتم‬ ‫الذي‬ ‫االختبار‬ ‫إن‬‫الحمل‬ ‫في‬ ‫كبيرة‬‫هو‬:
•Load testing
•Stress testing
•Browser testing
•Link testing

37. Q&A ‫الصحيحة‬ ‫اإلجابة‬ ‫اختر‬:
‫هو‬ ‫يدوي‬ ‫بشكل‬ ‫إجراءه‬ ‫يمكن‬ ‫ال‬ ‫الذي‬ ‫االختبار‬ ‫إن‬:
•Load testing
•Continuous testing
•Stress testing
•‫صحيح‬ ‫سبق‬ ‫ما‬ ‫جميع‬
‫إن‬Buffer OverFlow‫طرف‬ ‫على‬ ‫تحصل‬ ‫التي‬ ‫األمنية‬ ‫المشاكل‬ ‫أكثر‬ ‫من‬ ‫تعد‬:
•‫المخدم‬
•‫الزبون‬
•‫والزبون‬ ‫المخدم‬ ‫بين‬ ‫الوصل‬ ‫شبكة‬
•‫جميع‬‫ماسبق‬‫صحيح‬
‫هو‬ ‫التدريجية‬ ‫التراكمية‬ ‫األخطاء‬ ‫عن‬ ‫الكشف‬ ‫فيه‬ ‫يتم‬ ‫الذي‬ ‫االختبار‬ ‫إن‬:
•Load testing
•Continuous testing
•Browser testing
•Security testing

38. Q&A ‫الصحيحة‬ ‫اإلجابة‬ ‫اختر‬:
‫ال‬ ‫دور‬ ‫إن‬tester‫هو‬:
•‫األخطاء‬ ‫إصالح‬
•‫الخطأ‬ ‫من‬ ‫التطبيق‬ ‫خلو‬ ‫إثبات‬
•‫والمطورين‬ ‫المبرمجين‬ ‫تقييم‬
•‫وإصالحها‬ ‫األخطاء‬ ‫إليجاد‬ ‫المطور‬ ‫مع‬ ‫التعاون‬