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

ĐẶ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ừ

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

HÌNH ẢNH TRANG WEB toanhungthinh.com

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

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,

http://vietbao.vn/Vi-tinh-Vien-thong/Don-vi-tinh-cua-dung-luong-duong-truyen-internet/11118302/228/

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 môi trường trang web toanhungthinh.com để kiểm tra chất lượng trang web

- 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 http://validator.w3w.org

- 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:

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

- 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: http://toanhungthinh.com

+ 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:

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 http://www.mcanerin.com/en/search-engine/robots-txt.asp để 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 http://www.xml-sitemaps.com/ để 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 http://www.google.com/analytics/ để đă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 http://www.google.com/webmasters/tools/richsnippets

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

II.1 Thống kê lỗi

XML Sitemaps Meta description Language Meta keywords Microformats Text/HTML ratio

Frames

Headings Meta description Images Meta keywords XML Sitemaps Text/HTML ratio

Microformats

Headings Meta description Images Meta keywords XML Sitemaps Text/HTML ratio

Microformats

Headings Meta description XML Sitemaps Meta keywords Language Text/HTML ratio Microformats Frames

Headings Meta description images Meta keywords XML Sitemaps Text/HTML ratio

Headings Meta description images Meta keywords XML Sitemaps Text/HTML ratio

Microformats

Headings Meta description images Meta keywords XML Sitemaps Text/HTML ratio

Thẻ tiêu đề Title Số lượng

Microformats

Headings Meta description images Meta keywords Text/HTML ratio frames XML Sitemaps

Language Microformats

Headings Meta description images Meta keywords XML Sitemaps Text/HTML ratio

Microformats

II.2 Tóm tắt lỗi

Text/HTML ratio 1

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

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

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

12

với những thẻ tiêu đề bị

lỗi

Headings 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

- Thẻ tiêu đề Dự án, Heading

H1 cần phân thành các thẻ H2 sau: Dự án theo chủ đầu tư; dự

á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 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 Text/HTML ratio 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 XML Sitemaps 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 Language 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 Microformats 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

Các khuyến cáo

Meta description Yêu cầu đơn vị thiết kế

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

II Kết quả kiểm tra:

Kết quả kiểm tra thông qua trang http://validator.w3w.org 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:

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Á

1 Quảng bá được hình ảnh, sản phẩm,

thông tin số liệu

Mới đáp ứng được yêu cầu cơ bản về

thông tin

==> 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

2 Đáp ứng chuẩn Xây dựng về

website:

Chuẩn W3C (World Wide Web

Consutirum):

Trang web toanhungthinh.com chưa được thiết kế theo chuẩn W3C.