إن تطبيقات الويب تتكون من مكونات مختلفة ومتنوعة وعادة ما تكون هذه المكونات تابعة لصانعين مختلفين أيضا وبالتالي فان جودة تطبيق الويب مرتبطة بشكل كبير بجودة هذه المكونات, لذلك يعد الاختبار من اهم المراحل في عملية بناء تطبيقات عالية الجودة ترقى لتوقعات المستخدمين.

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‫هو‬:
•‫األخطاء‬ ‫إصالح‬
•‫الخطأ‬ ‫من‬ ‫التطبيق‬ ‫خلو‬ ‫إثبات‬
•‫والمطورين‬ ‫المبرمجين‬ ‫تقييم‬
•‫وإصالحها‬ ‫األخطاء‬ ‫إليجاد‬ ‫المطور‬ ‫مع‬ ‫التعاون‬