.5 – Cấu trúc giao diện phần mềm Quản lý bán hàng

Một phần của tài liệu (LUẬN văn THẠC sĩ) nghiên cứu và đề xuất các phương pháp kiểm thử giao diện phần mềm (Trang 85 - 106)

Phần mềm gồm nhiều chức năng, trong đó có chức năng Mua hàng (nhập hàng về). Để thực hiện chức năng này, cần có dữ liệu của Nhà sản xuất, thông tin hàng hóa,… Trình tự thực hiện:

Trên màn hình giao diện chính, chọn Chức Năng >> Mua Hàng → Chƣơng trình hiển thị màn hình “Phiếu Nhập Hàng” để nhập các thông tin nhập hàng. Nhập các thông tin cần thiết, lƣu nội dung phiếu nhập hàng để thêm dữ liệu.

Trong bố cục luận văn chỉ đề cập tới việc kiểm thử giao diện của hai màn hình, đó là màn hình Chức Năng và màn hình Phiếu Nhập Hàng.

5.2. Lựa chọn phƣơng pháp và kỹ thuật kiểm thử

Với phần mềm Quản lý bán hàng, gồm nhiều mô-đun với các chức năng chuyên biệt. Để kiểm thử giao diện của phần mềm, nên kiểm thử tích hợp theo chiến thuật Top-down. Kiểm thử từ màn hình chính của ứng dụng, tiếp đó tiến hành kiểm thử các mô-đun con liên quan, theo cấu trúc giao diện chức năng cây thƣ mục của phần mềm trong Hình 5.5 ở trên.

Với mỗi mô-đun, tiến hành kiểm thử từ tổng thể cửa sổ màn hình, sau đó lần lƣợt kiểm tra các thành phần con, kiểm thử sự điều hƣớng cũng nhƣ chức năng các thành phần màn hình.

Các kỹ thuật kiểm thử đƣợc áp dụng:  Kỹ thuật kiểm thử giá trị biên

 Kỹ thuật phân lớp tƣơng đƣơng  Kỹ thuật đoán lỗi

5.2.1. Kiểm thử giao diện màn hình chính

Ở màn hình chính của chƣơng trình, chỉ liệt kê các thành phần chức năng con của phần mềm. Do đó, quan trọng nhất khi kiểm thử giao diện này là kiểm tra tổng thể bố cục màn hình và việc điều hƣớng tới các cửa sổ màn hình chức năng con.

Các danh mục cần kiểm thử:

 Tổng thể màn hình ở trạng thái mặc định phải đảm bảo hài hòa về thẩm mỹ, các thành phần đƣợc bố trí hợp lý, kích thƣớc các nút bấm, các icon đồng đều, màu sắc hài hòa, không lòe loẹt.

 Tiêu đề và các nhãn thành phần đúng chính tả, ngữ pháp, ngắn gọn, xúc tích.  Các nút bấm đều hoạt động. Khi tác động lên chúng, hệ thống phải trả về các

phản ứng phù hợp với chức năng đối tƣợng. Ví dụ, khi nhấp chuột vào nút “Mua hàng”, chƣơng trình sẽ mở cửa sổ màn hình “Mua hàng”.

 Các Tab “Hệ thống”, “Danh mục”, “Trợ giúp” đều hoạt động. Khi nhấp chuột vào một Tab, thì phải hiển thị màn hình chức năng của Tab đó.

 Kiểm tra sự phản hồi của hệ thống khi lần lƣợt di chuyển con trỏ chuột qua các đối tƣợng trên màn hình. Giao diện không có lỗi là giao diện đảm bảo sự trả về của hành động là màu sắc trên đối tƣợng đƣợc chuyển highlight theo quy định.  Kiểm tra chức năng đóng/ mở chƣơng trình. Khi nhấp chuột vào biểu tƣợng

“Exit” trên cửa sổ, chƣơng trình phải đóng lại. Tƣơng tự với các nút phóng to / thu nhỏ.

 Đảm bảo sự đồng bộ của các màn hình cửa sổ. Lần lƣợt mở hết các cửa sổ con mà từ màn hình cửa sổ chính có thể liên kết tới. Tất cả các màn hình phải nhất quán kiểu dáng, bố cục, màu sắc, kích thƣớc; tiêu đề chƣơng trình phải giống nhau trên tất cả các cửa sổ.

Với màn hình chính, chỉ cần áp dụng các nguyên tắc về tính thẩm mỹ, sử dụng chuột và bàn phím để kiểm tra các thuộc tính giao diện của màn hình.

5.2.2. Kiểm thử giao diện màn hình “Phiếu nhập hàng”

Các danh mục cần kiểm tra:

 Giống nhƣ màn hình chức năng chính, cần kiểm tra giao diện tổng thể của màn hình bảo đảm tính hợp lý, tính thẩm mỹ. lần lƣợt kiểm tra các thành phần có trên màn hình.

 Ngoài ra, với màn hình “Phiếu nhập hàng”, có các trƣờng để nhập dữ liệu, cần kiểm thử các trƣờng này về bố cục, kích thƣớc, màu sắc bên ngoài. Bên cạnh đó, kiểm thử các điều kiện hợp lệ khi nhập các giá trị vào các trƣờng.

 Lần lƣợt kiểm tra các hộp văn bản:

- Kiểm tra chiều dài tối đa các trƣờng dữ liệu.

- Kiểm tra việc nhập giá trị theo đúng định dạng dữ liệu. - Kiểm tra các trƣờng ngày tháng có hợp lệ hay không.

Để kiểm thử tính hợp lệ các trƣờng dữ liệu, áp dụng kỹ thuật phân lớp tƣơng đƣơng. Ví dụ, với trƣờng “Mã NPP”, phân lớp dữ liệu làm hai nhóm để kiểm thử dữ liệu đầu vào:

o Một lớp dữ liệu bao gồm các trƣờng hợp hợp lệ, nhập các giá trị thông thƣờng.

o Một lớp dữ liệu gồm các ký tự đặc biệt “@, #, $...”, nhập ký tự trống. Các kỹ thuật kiểm thử đƣợc sử dụng để kiểm thử màn hình “Phiếu nhập hàng”  Phân lớp tƣơng đƣơng

 Phân tích giá trị biên

Đồng thời, sử dụng hiểu biết về thẩm mỹ để kiểm tra sự hài hòa, hợp lý của giao diện màn hình.

5.3. Tiến hành kiểm thử giao diện ứng dụng

Bảng 5.1- Danh sách các ca kiểm thử với màn hình chính Mã

Test case

Mục đích kiểm thử Các bƣớc thực hiện Kết quả mong muốn

Giao diện chung

M_01 Kiểm tra màn hình ở trạng thái mặc định

1. Kiểm tra title của màn hình 2. Kiểm tra icon của màn hình 3. Kiểm tra focus của chuột 4. Kiểm tra header, footer

Màn hình chức năng đƣợc mở:

- Hiển thị title main window trùng với tittle phần mềm: Quản lý hàng hóa

- Icon góc trên cùng bên trái màn hình trùng với icon shortcut của phần mềm

- Hiển thị màn hình mặc định ở tab "Chức năng" - Tab mặc định đƣợc đặt ở đầu tiên theo chiều từ trái sang phải màn hình

- Focus đƣợc set vào trƣờng đầu tiên có thể edit - Hiển thị đầy đủ các trƣờng nhƣ trong tài liệu thiết kế mô tả

M_02 Kiểm tra tổng thể giao diện màn hình

1. Kiểm tra về bố cục, font chữ, chính tả, màu chữ

2. Kiểm tra sự phù hợp của các icon đại diện mỗi chức năng

1. Màn hình chƣơng trình hiển thị full màn hình máy tính

2. Các label, textbox, combo có độ dài, rộng và khoảng cách bằng nhau, không xô lệch

3. Các label sử dụng cùng 1 loại font, cỡ chữ, căn lề trái

ngữ pháp trên các button, label

5. Các icon phù hợp và thể hiện đƣợc ý nghĩa các chức năng nó đại diện

M_03 Kiểm tra highlight khi di chuyển

con trỏ chuột trên các item Lần lƣợt di chuyển con trỏ chuột tới tất cả các đối tƣợng trên màn hình

Khi con trỏ di chuyển tới tab/button nào thì đối tƣợng đó chuyển màu highlight

M_04 Kiểm tra giao diện khi thu nhỏ, phóng to

1.Nhấn phím Ctrl - 2. Nhấn phim Ctrl +

Màn hình thu nhỏ, phóng to tƣơng ứng và không bị vỡ giao diện

M_05 Kiểm tra đóng mở ứng dụng

1. Click vào Minimize button 2. Click biểu tƣợng chƣơng trình ở thanh taskbar

3. Click Restor Down button 4. Click Maximize button 5. Click Close button

1. Màn hình chƣơng trình đƣợc thu nhỏ xuống thanh taskbar

2. Màn hình chƣơng trình trở lại trạng thái trƣớc đó 3. Màn hình đƣợc thu nhỏ, không bị vỡ giao diện, Restor Down button chuyển thành Maximize button 4. Màn hình đƣợc phóng to toàn màn hình, không bị vỡ giao diện; Maximize button chuyển thành Restor Down button

5. Chƣơng trình đƣợc đóng lại

M_06

Kiểm tra hoạt động của các Tab: - Hệ thống

- Danh mục - Trợ giúp

1. Click Tab Hệ thống 2. Click Tab Danh mục 3. Click Tab Trợ giúp

1. Hiển thị màn hình Hệ thống 2. Hiển thị màn hình Danh mục 3. Hiển thị màn hình Trợ giúp

Kiểm tra item đơn Tab các Button

M_07

Kiểm tra hoạt động của các Button: - Mua hàng - Bán hàng - Chuyển kho - Tồn kho - Thu tiền - Trả tiền - Chứng từ - Tổng hợp - Doanh thu - Tổng hợp tồn - Nhập số dƣ đầu kỳ - Lịch sử hàng hóa

1. Click button Mua hàng 2. Click button Bán hàng 3. Click button Chuyển kho 4. Click button Tồn kho 5. Click button Thu tiền 6. Click button Trả tiền 7. Click button Chứng từ 8. Click button Tổng hợp 9. Click button Doanh thu 10. Click button Tổng hợp tồn 11. Click button Nhập số dƣ đầu kỳ 12. Click button Lịch sử hàng hóa

1. Hiển thị màn hình Mua hàng 2. Hiển thị màn hình Bán hàng 3. Hiển thị màn hình Chuyển kho 4. Hiển thị màn hình Tồn kho 5. Hiển thị màn hình Thu tiền 6. Hiển thị màn hình Trả tiền 7. Hiển thị màn hình Chứng từ 8. Hiển thị màn hình Tổng hợp 9. Hiển thị màn hình Doanh thu 10. Hiển thị màn hình Tổng hợp tồn 11. Hiển thị màn hình Nhập số dƣ đầu kỳ 12. Hiển thị màn hình Lịch sử hàng hóa

M_08 Kiểm tra sự đồng bộ của các cửa sổ

Lần lƣợt mở tất cả các màn hình con của chƣơng trình (window), kiểm tra sự đồng bộ của các window về: - Bố cục

- Màu sắc

1. Mọi window có cùng kiểu bố trí:

- Các label, textbox, combo có độ dài, rộng và khoảng cách bằng nhau, không xô lệch

- Các label sử dụng cùng 1 loại font, cỡ chữ, căn lề trái

- Phông chữ, cỡ chữ

- Kích cỡ, hình dáng và ký hiệu các button

- Các trƣờng hợp bắt buộc nhập phải có dấu (*) 2. Các button nhất quán về kiểu dáng, màu sắc, ký hiệu

M_09 Kiểm tra việc hiển thị các Sub- window

1. Lần lƣợt mở tất cả các màn hình con của chƣơng trình (window), kiểm tra:

- Thứ tự các cửa sổ đƣợc mở

- Cách bố trí các cửa sổ con trên cửa sổ chính

2. Click button "<<" 3. Click button ">>"

1. Các cửa sổ con đƣợc mở

- Mỗi cửa sổ con sẽ đƣợc hiển thị nhƣ một Tab trên màn hình chƣơng trình chính

- Các Tab đƣợc thêm lần lƣợt theo thứ tự từ trái sang phải, cửa Sub-window nào đƣợc mở trƣớc thì sẽ hiển thị ở Tab trƣớc (tính từ trái sang)

- Màn hình hiển thị Sub-window sau cùng đƣợc mở - Khi có nhiều Tab đƣợc sinh ra thì hiển thị thêm các nút "<<" và ">>" sau Tab cuối cùng

2. Mở Sub-window tƣơng ứng với Tab trƣớc Tab hiện tại

3. Mở Sub-window tƣơng ứng với Tab sau Tab hiện tại

Bảng 5.2 - Danh sách các ca kiểm thử với màn hình “Phiếu nhập hàng” Mã

Test case Mục đích kiểm thử Các bƣớc thực hiện Kết quả mong muốn

Giao diện chung

NH_01 Kiểm tra màn hình ở trạng thái mặc định

1. Kiểm tra title của màn hình 2. Kiểm tra focus của chuột

3. Kiểm tra các giá trị mặc định của các trƣờng

4. Kiểm tra header, footer

Màn hình chức năng đƣợc mở: - Hiển thị title Tab "Mua Hàng"

- Hiển thị title của chức năng trên màn hình: "Phiếu Nhập Hàng"

- Focus đƣợc set vào trƣờng đầu tiên có thể edit - Hiển thị đầy đủ các trƣờng nhƣ trong tài liệu thiết kế

- Hiển thị các giá trị mặc định.

NH_02 Kiểm tra tổng thể giao diện màn hình

1. Kiểm tra về bố cục, font chữ, chính tả, màu chữ

2. Kiểm tra trƣờng bắt buộc phải có dấu *

1. Các label, textbox, combo có độ dài, rộng và khoảng cách bằng nhau, không xô lệch

2. Các label sử dụng cùng 1 loại font, cỡ chữ, căn lề trái

3. Các trƣờng hợp bắt buộc nhập phải có dấu (*) 4. Kiểm tra tất cả lỗi về chính tả, cấu trúc câu, ngữ pháp

5. Các icon thể hiện đƣợc chức năng của đối tƣợng NH_03 Kiểm tra thứ tự di chuyển trỏ trên

màn hình khi nhấn phím Tab Nhấn Tab liên tục

Con trỏ di chuyển lần lƣợt theo thứ tự: Từ trái qua phải, từ trên xuống dƣới

NH_04

Kiểm tra thứ tự con trỏ di chuyển ngƣợc lại trên màn hình khi nhấn Shift-Tab

Nhấn tổ hơp phím Shift Tab liên tục Con trỏ di chuyển ngƣợc lại theo thứ tự: từ dƣới lên trên, từ phải qua trái

NH_05

Kiểm tra thực hiện chức năng chính của màn hình khi nhấn Enter

Nhấn phím Enter

1. Nếu chuột ko focus vào button nào thì Thực hiện chức năng của button chính

2. Nếu đang focus vào 1 button thì sẽ thực hiện chức năng của button

NH_06 Kiểm tra giao diện khi thu nhỏ, phóng to

1.Nhấn phím Ctrl - 2. Nhấn phim Ctrl =

Màn hình thu nhỏ, phóng to tƣơng ứng và không bị vỡ giao diện

NH_07 Kiểm tra highlight khi di chuyển

con trỏ chuột trên các item Lần lƣợt di chuyển con trỏ chuột tới tất cả các đối tƣợng trên màn hình

Khi con trỏ di chuyển tới đối tƣợng nào thì đối tƣợng đó chuyển màu highlight

NH_08 Kiểm tra đóng mở ứng dụng

1. Click vào Minimize button 2. Click biểu tƣợng chƣơng trình ở thanh taskbar

3. Click Restor Down button 4. Click Maximize button 5. Click Close button

1. Màn hình chƣơng trình đƣợc thu nhỏ xuống thanh taskbar

2. Màn hình chƣơng trình trở lại trạng thái trƣớc đó 3. Màn hình đƣợc thu nhỏ, không bị vỡ giao diện, Restor Down button chuyển thành Maximize button 4. Màn hình đƣợc phóng to toàn màn hình, không bị vỡ giao diện; Maximize button chuyển thành Restor Down button

5. Chƣơng trình đƣợc đóng lại

NH_09 Kiểm tra grid / table

1. Kiểm tra căn lề

2. Di chuyển con trỏ chuột vào một đối tƣợng (Combobox, textbox, button)

3. Kiểm tra bố cục trong table 4. Di chuyển con trỏ chuột vào một row

5. Click chuột vào một cell trong table:

- Liên tục nhấn phím Tab

- Liên tục nhấn tổ hợp phím Shift Tab

1. Text: căn lề trái Số: Căn lề phải

Ngày tháng: Căn giữa.

HeaderName : căn giữa và bôi đậm 2. Đối tƣợng chuyển màu highlight

3.Cột thứ tự và tên các cột khác xếp từ trái qua phải đúng nhƣ tài liệu thiết kế.

Các chức năng hành động ở cột cuối cùng bên phải 4. Màu nền của row đó thay đổi

5. Con trỏ chuột đƣợc focus vào vị trí cell đã click - Con trỏ lần lƣợt chuyển giữa các cell theo thứ tự từ trái qua phải, từ trên xuống dƣới

- Con trở lần lƣợt di chuyển giữa các cell theo chiều ngƣợc lại: từ phải qua trái, từ dƣới lên trên

NH_10 Kiểm tra Scrollbar

1. Nhập dữ liệu vào các row, tới khi số lƣợng row trên table vƣợt quá số lƣợng có thể hiển thị trên màn hình 2. Kiểm tra hoạt động của thanh scrollbar

- Click ˆ hoặc di chuyển thanh scrollbar lên trên

- Click ˇ hoặc di chuyển thanh scrollbar xuống dƣới

1. Cho phép nhập, khi số lƣợng row quá số lƣợng có thể hiển thị trên màn hình, xuất hiện thanh scrollbar bên phải Table

2. - Thanh scrollbar di chuyển lên trên, hiển thị các row phía đầu bảng

- Thanh scrollbar di chuyển xuống dƣới, hiển thị các row ở phía dƣới của bảng

input

NH_11 Kiểm tra độ dài ký tự tối đa đƣợc phép nhập vào các trƣờng textbox

1. Nhập dữ liệu vƣợt quá kích thƣớc tối đa vào trƣờng textbox cần kiểm tra

2. Các thông tin khác đƣợc nhập hợp lệ

(Tham khảo sheet "InputField")

Chỉ cho phép input tối đa số ký tự vào các trƣờng tƣơng ứng.

(Tham khảo sheet "InputField")

Validate kiểu dữ liệu

NH_12 Kiểm tra kiểu dữ liệu input cho trƣờng "Điện thoại"

1. Nhập các chữ cái vào trƣờng "Điện thoại"

2. Các thông tin khác nhập hợp lệ (Tham khảo sheet "InputField")

1. Không input đƣợc kiểu dữ liệu khác số cho trƣờng này

NH_13 Kiểm tra kiểu dữ liệu input cho trƣờng "Ngày"

1. Nhập các chữ cái vào trƣờng "Ngày"

2. Các thông tin khác nhập hợp lệ (Tham khảo sheet "InputField")

1. Không input đƣợc kiểu dữ liệu khác kiểu dữ liệu ngày tháng

NH_14 Kiểm tra kiểu dữ liệu input cho trƣờng "Hạn thanh toán"

1. Nhập các chữ cái vào trƣờng "Hạn thanh toán"

2. Các thông tin khác nhập hợp lệ (Tham khảo sheet "InputField")

1. Không input đƣợc kiểu dữ liệu khác kiểu dữ liệu ngày tháng

NH_15 Kiểm tra kiểu dữ liệu input cho

Một phần của tài liệu (LUẬN văn THẠC sĩ) nghiên cứu và đề xuất các phương pháp kiểm thử giao diện phần mềm (Trang 85 - 106)