bài tập kỹ năng Kiểm thử website

Bài tập kỹ năng môn TH902
BÀI TẬP KỸ NĂNG
(Môn: TH902 – Công nghệ phần mềm ứng dụng)
ĐỀ TÀI TỰ CHỌN
Công ty của bạn mới đầu tư website, lãnh đạo doanh nghiệp không biết website hiện
nay có đáp ứng được số lượng người dùng, hệ thống chức năng hoạt động ổn định hay
không. Nhiệm vụ này được giao cho bạn lên Phương án kiểm thử, bạn hãy tìm hiểu
vấn đề để tư vấn cho lãnh đạo công tác này.
PHẦN 1:
PHƯƠNG ÁN KIỂM THỬ
WEBSITE CÔNG TY: “toanhungthinh.com”
Người kiểm: Bồ Công Lâm
I.

ĐẶC ĐIỂM LIÊN QUAN ĐẾN CÔNG VIỆC KIỂM THỬ
-

Website cần kiểm thử: toanhungthinh.com
+

Giao diện màn hình chính của website (xem hình bên dưới)

+

Hoạt động của website khi nhận thao tác từ người dùng

+

Trang quản trị website (Xem hình bên dưới)

-

Người kiểm: Bồ Công Lâm.

-

Đơn vị lập website: Công ty TNHH Thương mại và Dịch vụ NINA

-

Mục tiêu của việc kiểm thử: Nhằm phát hiện lỗi của đối tượng website
toanhungthinh.com

- Tên công ty có wesite cần kiểm thử: Công ty TNHH Thương mại Xây dựng và
Đầu tư Toàn Hưng Thịnh.
-

-

Chức năng kinh doanh của Công ty:
+

Tư vấn xây dựng(chính)

+

Thi công Xây dựng(phụ)

+

Thương mại dịch vụ(phụ)

Website mới lập, công ty chưa có điều kiện về thời gian để kiểm tra, khai thác

1


Bài tập kỹ năng môn TH902

HÌNH ẢNH TRANG WEB toanhungthinh.com

2


Bài tập kỹ năng môn TH902

HÌNH ẢNH TRANG QUẢN TRỊ WEB toanhungthinh.com

3


Bài tập kỹ năng môn TH902
II. MỤC ĐÍCH – YÊU CẦU CỦA VIỆC KIỂM THỬ:
1. Website được lập đã đáp ứng được nhu cầu của người dùng chưa (quảng bá
hình ảnh, sản phẩm, thông tin số liệu của công ty đến những khách hàng có nhu cầu
qua mạng internet; tư vấn trực tiếp và gián tiếp với khách hàng qua mạng để mở rộng
quan hệ và khả năng tìm việc cho công ty.
2. Website được lập có đáp ứng các chuẩn về xây dựng website được áp dụng
trên thế giới không.
3. Đánh giá hiệu quả của hệ thống làm việc trong môi trường thực: Phân công
người trực tiếp làm công việc khai thác, cập nhật trang web để phát hiện những vấn đề

còn hạn chế và đề xuất giải pháp khắc phục phù hợp. Kiểm tra xem trang web có đáp
ứng được số lượng người dùng thực tế không, hệ thống chức năng hoạt động ổn định
hay không.
4. Đưa ra giải pháp khắc phục những hạn chế.
III. KẾ HOẠCH KIỂM THỬ:
1. Tiến độ kiểm thử: Từ 25/7/2016 ÷ 12/8/2016
2. Nhân sự kiểm thử: Bồ Công Lâm
3. Phương tiện:
Máy tính cấu hình tối thiểu: Ram 4GB; Intel Icore3 CPU 1.8 Gh, kết nối đường
truyền Internet 12 Mbps.
Xem thêm: Đơn vị tính của dung lượng đường truyền internet - Hoi dap,
/>Tin nhanh Việt Nam ra thế giới vietbao.vn.
IV. PHƯƠNG PHÁP KIỂM THỬ
Do đặc thù công ty: ít nhân sự, chưa có người chuyên trách riêng về website có
chuyên môn nhiều về IT và kiểm thử phần mềm website trong khi yêu cầu về thời
gian kiểm thử không dài(10 ngày) nên phương pháp kiểm thử được lựa chọn chủ yếu
sẽ dựa trên các công cụ kiểm thử đã được lưu hành trên thị trường và tương tác giữa
người sử dụng trang web với hoạt động của trang web để phát hiện ra những vấn đề
còn hạn chế của trang Web từ đó sẽ đề xuất với đơn vị thiết kế trang web có những sửa
đổi phù hợp hoặc nhân viên của Công ty Toàn Hưng Thịnh sẽ tự khắc phụ trong khả
năng có thể. Cụ thể các công cụ dùng để kiểm thử trang web như sau:

- Dùng chương trình

SEOQURAKE chạy trong
toanhungthinh.com để kiểm tra chất lượng trang web.

4

môi

trường

trang

web


Bài tập kỹ năng môn TH902
- Kiểm tra xem trang web toanhungthinh.com đã tuân thủ theo chuẩn W3C chưa (W3C
là chuẩn được các nhà thiết kế website sử dụng làm thước đo khi thiết kế các website).

- Kiểm tra thực tế tính năng thân thiện với màn hình điện thoại, Ipad.
- Phát hiện những bất cập khác trong quá trình tương tác giữa người sử dụng với giao
diện trang web toanhungthinh.com và trang quản trị website toanhungthinh.com
V. QUY TRÌNH KIỂM THỬ
1. Đối với phương pháp dùng chương trình seoquake:

-

Tải phần mềm seoquake về máy tính

-

Kích hoạt chương trình seoquake

-

Mở trang web toanhungthinh.com

-

Kích hoạt tính năng Diagnosis

-

Thống kê lỗi do chương trình cung cấp

-

Phương án khắc phục

2. Đối với phương pháp dùng chuẩn W3C kiểm tra:

-

Đăng nhập vào website

- Nhập tên web “toanhungthinh.com” vào ô địa chỉ(address) của trang web trên và
nhấn enter để kểm tra

-

Ghi nhận kết quả kiểm tra của chương trình

-

Phương án khắc phục

3. Đối với phương pháp kiểm tra thực tế tính năng thân thiện với màn hình

điện thoại, Ipad

-

Đăng nhập vào wesite toanhungthinh.com từ màn hình điện thoại di động.

-

Nếu trang web này thân thiện với màn hình thì nội dung trang web tự động
phân bổ theo tỷ lệ tích hợp hiển thị toàn bộ giao diện trang web lên màn hình
điện thoại.

-

Phương án khắc phục

4. Kiểm thử hiệu năng:
A. Performance Testing:

5


Bài tập kỹ năng môn TH902
Công cụ kiểm thử: jmeter tool
Kiểm tra hiệu quả thực thi của ứng dụng như Thời gian phản hồi và Tốc độ thực
hiện của nó
Mục đích: giúp phát hiện ra những vẫn đề thiếu xót về tài nguyên của server –
side như:
Ảnh hưởng của băng thông
Khả năng của database

Yêu cầu phần cứng/phần mềm
B. Load testing
Kiểm tra hệ thống thực thi trong điều kiện có nhiều người dùng cùng
truy xuất đồng thời dưới nhiều điều kiện khác nhau:
Mục đích:
Nhiều người cùng truy cập
Nhiều giao dịch thực hiện cùng lúc
Xử lý file dung lượng lớn
Xử lý cùng lúc nhiều file …
C. Stress Test
Kiểm tra dựa trên việc tăng liên tục mức độ chịu tải cho đến khi hệ thống ngưng
hoạt động
Mục đích: xác định mức tới hạn của hệ thống có thể đáp ứng
Đối với các loại kiểm thử này, người dùng thông thường sử dụng một số loại tool
test tự động để thực hiện nó như jmeter, quick test pro, …
PHẦN 2
BÁO CÁO KIỂM THỬ
PHẦN 2.1 – DÙNG CÔNG CỤ SEOQUAKE
I. NHỮNG TIÊU CHÍ ĐÁNH GIÁ WEBSITE ĐƯỢC DÙNG TRONG
SEOQUAKE
1. URL:
- Url là đường link hiển thị trên google khi người dùng tìm kiếm.

6


Bài tập kỹ năng môn TH902
- Cách thức tối ưu:
+ URL chứa từ khóa cần tối ưu hóa công cụ tìm kiếm(Search Engine Optimation:
SEO). Ví dụ trong trường hợp từ khóa là công ty Toàn Hưng Thịnh thì url để ở

dạng: .
+ Số lượng ký tự trong url < 60.
+ Đường dẫn url phải thân thiện với google
2. Title:
- Là tiêu đề của website (hoặc bài viết) hiển thị trên google khi người dùng tìm
kiếm.
- Yêu cầu trang web: Phải thay đổi được title
3. Meta description:
Là thẻ mô tả tổng quan của trang web. Thẻ mô tả được hiển thị bên dưới tiêu đề
khi người dùng tìm kiếm.
4. Meta keywords:
Từ khóa dành cho các máy tìm kiếm. Tuy nhiên hiện tại thẻ Meta keywords đã
không còn giá trị trong SEO hoặc giá trị rất thấp vì chỉ hỗ trợ SEO trên yahoo, Live,
… chứ Google không hỗ trợ.
5. Heading:
Bao gồm các thẻ từ H1-H6 có tác dụng nhấn mạnh các phần nội dung quan trọng
bên trong trang web từ đó tăng cường khả năng Seo cho website.
6. Image:
Thẻ thông báo về tình trạng tối ưu các hình ảnh trong trang web.
7. Text/HTML Ratio:
Text Ratio là số lượng text được lấy ra và hiển thị so sánh với toàn bộ mã HTML
trả về. Text/HTML Ratio > 50% sẽ được coi là tối ưu tốt.
8. Frame:
Định dạng trong HTML giúp hỗ trợ hiển thị đa tài liệu trên một cửa sổ trình duyệt.
Frame giúp trang điểm làm đẹp hơn cho website. Lưu ý là website cần Seo nên hạn
chế tối đa việc dùng Frame.
9. Flash:

7

Bài tập kỹ năng môn TH902
Là ứng dụng đồ họa được sử dụng rộng rãi trên các trang web (thay thế cho các
hình ảnh nhàm chán) nhằm tăng tính tương tác và độ hấp dẫn của nội dung thông điệp
cần hiển thị. Tuy nhiên nếu sử dụng nhiều Flash sẽ làm cho tốc độ load trang trở nên
chậm chạp và 1 nhược điểm quan trọng là Google đọc và hiểu Flash rất kém. Website
xác định làm SEO thì tốt hơn hết không nên sử dụng Flash.
10. Robot.txt:
File điều hướng Google, cho phép Google Bot được index (đánh chỉ mục) nội
dung nào bên trong website. Có thể truy cập để tạo File robot.txt 1 cách tự động.
11. XML sitemap:
Sitemap là sơ đồ liệt kê tất cả các mục thông tin (đường link) bên trong trang web
hỗ trợ cho Google Bot dễ dàng di chuyển và index tất cả các nội dung bên trong.
Truy cập để tạo sitemap cho website.
12. Language:
File ngôn ngữ
13. Doctype:
Doctype chỉ cho trình duyệt web biết được phiên bản ngôn ngữ đánh dấu nào được
sử dụng trong trang web.
14. Encoding:
Định dạng chuẩn chứa trong nó nhiều ngôn ngữ khác nhau gọi là codec, bằng cách
sử dụng các bộ từ điển bạn sẽ biên dịch chúng sang các ngôn ngữ khác "nhẹ hơn, dễ
hiểu hơn" bằng các trình encoder.
15. Google Analytics:
Công cụ phân tích thống kê số lượng truy cập vào website.
Truy cập để đăng ký tài khoản analytics cho
trang web.
16. Microformats:
Là định dạng giúp xác định một loại thông tin cụ thể, như địa chỉ doanh nghiệp,
bài viết, sự kiện, hoặc thông tin cá nhân. Định dạng Microformat được sử dụng nhiều

nhất trong Seo chính là Schema. Bạn có thể kiểm tra xem Goole trông thấy định dạng
nào bạn áp dụng cho trang web bằng cách sử dụng công cụ Rich Snippet Testing
Tool />
8


Bài tập kỹ năng môn TH902
17. Favicon:
Hình ảnh hiển thị (thông thường là logo) trên thanh tab trình duyệt.
II. THỐNG KÊ LỖI TRANG WEB toanhungthinh.com BẰNG CÔNG CỤ
SEOQUAKE
Thẻ tiêu đề Title
Số lượng
Lỗi
Cảnh báo
Đạt
II.1 Thống kê lỗi
1. Trang chủ
3
4
10
XML Sitemaps
Meta description
Language
Meta keywords
Microformats
Text/HTML ratio
Frames
2. Giới thiệu
5

4
8
Headings
Meta description
Images
Meta keywords
XML Sitemaps
Text/HTML ratio
Language
Frames
Microformats
3. Dịch vụ
5
4
8
Headings
Meta description
Images
Meta keywords
XML Sitemaps
Text/HTML ratio
Language
Frames
Microformats
4. Dự án
4
4
9
Headings
Meta description

XML Sitemaps
Meta keywords
Language
Text/HTML ratio
Microformats
Frames
5. Tin tức
4
4
9
Headings
Meta description
images
Meta keywords
XML Sitemaps
Text/HTML ratio
Language
Frames
6. Văn Bản
5
4
8
Headings
Meta description
images
Meta keywords
XML Sitemaps
Text/HTML ratio
Language
Frames

Microformats
7. Hình ảnh
5
4
8
Headings
Meta description
images
Meta keywords
XML Sitemaps
Text/HTML ratio
Language
Frames

9


Bài tập kỹ năng môn TH902
Thẻ tiêu đề Title
8. Liên hệ

9. Tìm kiếm

II.2 Tóm tắt lỗi
Headings
Images
Text/HTML ratio
XML Sitemaps
Language
Microformats

Meta description
Meta keywords
Text/HTML ratio
Frames
Tổng cộng

Số lượng
Cảnh báo

Lỗi
Microformats
6
Headings
images
Text/HTML ratio
XML Sitemaps
Language
Microformats
5
Headings
images
XML Sitemaps
Language
Microformats

Đạt

3
Meta description
Meta keywords

frames

8

4
Meta description
Meta keywords
Text/HTML ratio
Frames

8

8
7
1
9
9
8
9
9
8
9
35

42

76

III. HÌNH ẢNH ĐẠI DIỆN CÁC LỖI GHI NHẬN ĐƯỢC TỪ SEOQUAKE

10


Bài tập kỹ năng môn TH902

IV. KHẮC PHỤC CÁC LỖI CỦA TRANG WEB

11


Các lỗi
Headings

Biện pháp khắc phục đồi
Đề xuất
với những thẻ tiêu đề bị
lỗi
Bài tập kỹ năng môn TH902
Yêu cầu đơn vị thiết kế
- Thẻ tiêu đề Dự án, Heading
web xem xét và phối hợp
H1 cần phân thành các thẻ H2
với Công ty Toàn Hưng
sau: Dự án theo chủ đầu tư; dự
Thịnh chỉnh sửa
án theo loại hình tư vấn; dự án
theo loại công trình; dự án theo
khu vực.
- Thẻ tiêu đề Hình ảnh, Heading
H1 cần phân thành các thẻ H2

sau: HÌnh ảnh về Các công
trình công ty đã tư vấn; Hinh
ảnh về sinh hoạt của Công ty;
Hinh ảnh về chứng chỉ năng
lực công ty.
- Thẻ tiêu đề Văn bản, Heading
H1 cần phân thành các thẻ H2
sau: Văn bản về Xây dựng và
Quản lý đầu tư xây dựng; Văn
bản về đấu thầu; Văn bản
doanh nghiệp và kinh doanh;
văn bản khác.
- Thẻ tiêu đề Tin tức Heading
H1 cần phân thành các thẻ H2
sau: Tin tức chuyên ngành; Tin
tức khác.
Từ Heading H2 nêu trên sẽ tạo
heading H3 tùy theo nhu cầu thể
hiện thông tin cụ thể lên trang
web

Images

Text/HTML ratio

XML Sitemaps

Language

Microformats

Các khuyến cáo
Meta description

Yêu cầu đơn vị thiết kế
web xem xét và phối hợp
với Công ty Toàn Hưng
Thịnh chỉnh sửa
Yêu cầu đơn vị thiết kế
web xem xét và phối hợp
với Công ty Toàn Hưng
Thịnh chỉnh sửa
Yêu cầu đơn vị thiết kế
web xem xét và phối hợp
với Công ty Toàn Hưng
Thịnh chỉnh sửa
Khi có nhu cầu mở rộng
thị trường khách hàng
nước ngoài, Công ty sẽ lập
bổ sung ngôn ngữ tiếng
Anh cho Website của
Công ty
Yêu cầu đơn vị thiết kế
web xem xét và phối hợp
với Công ty Toàn Hưng
12
Thịnh chỉnh sửa
Yêu cầu đơn vị thiết kế

Bài tập kỹ năng môn TH902
PHẦN 2.2 KIỂM TRA TRANG WEB toanhungthinh.com theo chuẩn w3C
I.

Khái niệm chuẩn W3C (World Wide Web Consutirum):

Là chuẩn được các nhà thiết kế website sử dụng làm thước đo khi thiết kế các
website. Việc tuân thủ chuẩn W3C giúp cho một website cụ thể có được nhứng thuận
lợi sau:
-

Google sẽ đánh chỉ mục website này tốt hơn và website này sẽ thân thiện hơn với các
công cụ tìm kiếm như google, yahoo...Điều quan trọng nhất khi Website thực hiện tốt
các tiêu chuẩn W3C đó là Google sẽ đánh giá website tốt hơn. Những website có quá
nhiều lỗi Google có thể cho rằng đó là những website chứa mã độc hại . . . điều này
ảnh hưởng rất nhiều tới uy tín của website. Việc bebsite thực hiện tốt hay không tiêu
chuẩn W3C sẽ không ảnh hưởng tới thứ hạng của nó trên Google. Tuy nhiên những
website thực hiện tốt tiêu chuẩn W3C sẽ được Google Index nhanh hơn rất nhiều.

-

Website này được hỗ trợ tốt trên nhiều trình duyệt, bạn không mất nhiều thời gian để
chỉnh sửa và tối ưu hóa cho từng trình duyệt. Hiện nay có rất nhiều trình duyệt web
khác nhau như FireFox, Chrome, Opera, Safari, IE . . . tuy nhiên thì mỗi trình duyệt có
một cách để hiển thị khác nhau. Nếu website tuân thủ đúng theo những tiêu
chuẩn W3C đặt ra thì sẽ hiển thị được tốt hơn trên mọi trình duyệt.

-

Load trang sẽ nhanh hơn.

-

Website sẽ dễ dàng sửa chữa, nâng cấp: Việc website thiết kế theo đúng tiêu
chuẩn W3C thì khi sửa chữa hay nâng cấp sẽ rất dễ dàng nhận ra những đoạn code này
để làm gì, có chức năng gì hay muốn sửa cái này thì vào đâu.

-

Code website sẽ gọn hơn: W3C đưa ra những tiêu chuẩn giúp cho code website gọn
nhất và sạch nhất ( Clean - Clear ). Điều này sẽ giúp website gọn hơn, nhẹ hơn và tốc
độ tải web sẽ nhanh hơn và tốt hơn cho người dùng.

-

Ngoài ra còn có rất nhiều lý do website cần phải thực hiện tốt tiêu chuẩn W3C. Nếu
muốn phát triển website lâu dài, thu hút người dùng, nâng cao uy tín với Google thì
ngay từ bây giờ chúng ta cần phải có những kế hoạch xây dựng hay sửa chữa website
theo đúng tiêu chuẩn W3C đã đặt ra.

13


Bài tập kỹ năng môn TH902

II. Kết quả kiểm tra:
Kết quả kiểm tra thông qua trang cho thấy trang web
toanhungthinh.com chưa được thiết kế theo chuẩn W3C.
III. Biện pháp khắc phục:
Yêu cầu đơn vị thiết kế web khắc phục

PHẦN 2.3 KIỂM TRA TÍNH NĂNG THÂN THIỆN VỚI MÀN HÌNH ĐIỆN
THOẠI – I PAD
I.

Kết quả kiểm tra:

Kiểm tra thực tế giao diện màn hình web toanhungthinh.com trên smartphone, kết quả

như sau:

14


Bài tập kỹ năng môn TH902
II. Biện pháp khắc phục: Yêu cầu đơn vị thiết kế web khắc phục
PHẦN 2.4 PHÁT HIỆN NHỮNG BẤT CẬP KHÁC TRONG QUÁ TRÌNH SỬ
DỤNG
PHẦN 2.5 PHÁT HIỆN NHỮNG BẤT CẬP KHÁC TRONG QUÁ TRÌNH SỬ
DỤNG
I.

Kết quả kiểm tra:

II. Biện pháp khắc phục: Yêu cầu đơn vị thiết kế web khắc phục
-

Thẻ tiêu đề dự án nên đổi thành Công trình

-

Thẻ tiêu đề Dịch vụ nên đổi thành Sản phẩm tư vấn xây dựng

- Thẻ tiêu đề Giới thiệu - Hồ sơ kinh nghiệm Heading H2 cần phân thành các
thẻ H3 sau: Danh mục công trình; Danh mục công trình theo loại hình sản phẩm; danh
mục công trình theo phân loại công trình; danh mục công trình theo địa phương.
PHẦN 3
KẾT LUẬN – KIẾN NGHỊ
PHẦN 3.1: KẾT LUẬN TÓM TẮT MỘT SỐ YÊU CẦU CHÍNH SAU KHI
ĐÁNH GIÁ
Yêu cầu
1

2

Kết quả - đề xuất

Mới đáp ứng được yêu cầu cơ bản về
Quảng bá được hình ảnh, sản phẩm, thông tin.
thông tin số liệu
==> cần phải bổ sung điều chỉnh một số
tiêu đề, heading … như đã đề cập để
thông tin đến với khách hàng đầy đủ hơn
phù hợp với nhu cầu tìm kiếm của khách
hàng về lĩnh vực liên quan: Tư vấn Xây
dựng
Đáp ứng chuẩn Xây dựng về
website:
Chuẩn W3C (World Wide Web Trang web toanhungthinh.com
Consutirum):
được thiết kế theo chuẩn W3C.

15

chưa


Bài tập kỹ năng môn TH902
Là chuẩn được các nhà thiết kế ==> Đơn vị thiết kế web cần phải khắc
website sử dụng làm thước đo khi phục, chỉnh sửa lại
thiết kế các website

Chuẩn SEO
Optimation):

(Search

Engine Vẫn còn một số lỗi cần khắc phục như
bảng thống kê lỗi đã nêu ở phần trên

Tối ưu hóa công cụ tìm kiếm.

==> Đơn vị thiết kế web cần phải khắc
phục, chỉnh sửa lại

3

Đáp ứng được số lượng người dùng
thực tế

Đáp ứng

4

Tính hoạt động ổn định của hệ thống

Hoạt động ổn định tính đến thời điểm
hiện tại

PHẦN 3.2: KIẾN NGHỊ
Với thời gian và kiến thức có hạn, người được giao nhiệm vụ kiểm thử trang web của
Công ty chỉ đề xuất cho lãnh đạo công ty một số nội dung chính nêu trên, đề xuất lãnh
đạo công ty yêu cầu đơn vị thiết kế trang web xắp xếp kế hoạch làm việc với Công ty
Toàn Hưng Thịnh về giải quyết những vấn đề còn tồn tại nêu trên.
Trong qua trình khai thác trang web để phục vụ cho mục đích kinh doanh của Công ty,
nếu có phát sinh những vấn đề mới sẽ tiếp tục đề xuất lãnh đão hướng xử lý để việc
ứng dụng trang web đã xây dựng vào hoạt động tiếp thị, kinh doanh của Công ty ngày
một tốt hơn.
NGƯỜI ĐỀ XUẤT

Bồ Công Lâm

16