Thiết kế tầng trình bày 1 Tìm giao diện người dùng

Một phần của tài liệu BÀI TẬP LỚN MÔN PHÂN TÍCH THIẾT KẾ HƯỚNG ĐỐI TƯỢNG ĐỀ TÀIQuản lý kho hàng công ty TNHH Hà Thành (Trang 131)

: ThuKh o W_TimNC C W_TimNC C TimNC C TimNC C NC C NCC 1 yeu cau nhap tu khoa

3.2Thiết kế tầng trình bày 1 Tìm giao diện người dùng

8: TTKhachHang 9: cac TT Hoa don

3.2Thiết kế tầng trình bày 1 Tìm giao diện người dùng

3.2.1 Tìm giao diện người dùng

3.2.1.1Cửa sổ đăng nhập

Khi bàn giao hệ thống , nhóm phát triển cung cấp tên tài khoản và mật khẩu đăng nhập ban đầu cho người sử dụng.

Lưu ý : mật khẩu ban đầu rất quan trọng , cần ghi nhớ để giải quyết những vấn đề phát sinh liên quan đến tài khoản.

Cửa sổ đăng nhập yêu cầu người dùng chọn nhóm người dùng và nhập mật khẩu . Trong khung mật khẩu , các ký tự sẽ được ẩn đi bằng cách hiển thị tất cả là dấu “*” , VD : 123 sẽ được hiển thị lên khung là “***”.

Bấm nút “đăng nhập” để hoàn thành thao tác đăng nhập.

Trong trường hợp tài khoản nhập sai , hệ thống sẽ gửi thông báo như sau .

Nếu nhấn nút “Lấy lại mật khẩu” , hệ thống sẽ đưa mật khẩu về mật khẩu ban đầu (đã cấp cho người sử dụng) và hiện thông báo :

Để hủy thao tác lấy lại mật khẩu , nhấn nút “Hủy”

3.2.1.2.Cửa sổ làm việc chính

Tùy thuộc vào loại đối tượng sử dụng mà cửa sổ làm việc chính sẽ có những sự khác biệt :

Ban Giám Đốc

Ban Giám Đốc chỉ được phép truy cập vào chức năng Báo Cáo và Trợ giúp , không thể làm việc với các chức năng Quản lý.

3.2.1.3.Các chức năng mức lá

a. Chức năng “Quản Lý Danh Mục”

Trong chức năng “Quản lý danh mục” có 2 chức năng con là “cập nhật” và “tìm kiếm”.

Chức năng “cập nhật” dùng để thêm vào cơ sở dữ liệu các đối tượng mà hệ thống cần quản lý và lưu trữ : Hàng , Nhà cung cấp , nhân viên (bán hàng) , Khách hàng.

Các cửa sổ cập nhật có cấu tạo gần giống nhau , gồm các ô trống để điền thông tin , bảng dữ liệu, các nút .

Khi cửa sổ hiện lên , các dữ liệu có trong cơ sở dữ liệu về các thông tin cần lấy sẽ load lên bảng dữ liệu .

Nút thêm:

Dùng để thêm một đối tượng mới vào cơ sở dữ liệu , người dùng nhập các thông tin cần thiết vào các ô trống rồi bấm nút “thêm” , nếu thêm thành công , hệ thống sẽ gửi thông báo

Nếu có lỗi xảy ra ,đối tượng mới không được thêm vào cơ sở dữ liệu, hệ thống sẽ gửi thông báo , người dùng nhấn “ok” để quay lại cửa sổ cập nhật và thực hiện lại các thao tác cho đúng.

Nút Sửa

Dùng để sửa các thông tin của một đối tượng đã có trong cơ sở dữ liệu .

Để thực hiện thao tác này , người dùng bấm vào dòng có chứa đối tượng cần sửa thông tin , trên các ô sẽ hiện lên thông tin của đối tượng đó , cần sửa thông tin gì thì nhập lại vào ô chứa thông tin đó. Sau khi hoàn thành sửa chữa , bấm nút “Sửa”.Nếu thao tác thành công , hệ thống sẽ gửi thông báo:

Ngược lại , nếu có lỗi xảy ra, thao tác không được thực hiện , hệ thống sẽ gửi thông báo , người dùng quay lại cửa sổ cập nhật để thao tác cho đúng.

Nút làm mới

Nút “làm mới” làm dừng lại quá trình nhập thông tin vào ô , khiến các ô này trống rỗng, được sử dụng trong trường hợp người dùng đang nhập thông tin mà muốn dừng lại và nhập lại từ đầu , người dùng sẽ không phải xóa thủ công từng ô .

Chức năng “tìm kiếm” dùng để tìm các đối tượng thỏa mãn một điều kiện mà người dùng đưa ra có trong cơ sở dữ liệu mà hệ thống cần quản lý và lưu trữ : Hàng , Nhà cung cấp , nhân viên (bán hàng) , Khách hàng.

Các cửa sổ tìm kiếm được thiết kế với cấu tạo tương tự nhau, gồm các nút radio nhỏ để chọn thuộc tính nhập vào để tìm kiếm (VD : tìm kiếm hàng theo tên hàng , tìm kiếm hàng theo tên nhà cung cấp…) và khung để nhập từ khóa tìm kiếm.

Khi cửa sổ hiện lên , các thông tin về đối tượng cần tìm kiếm được load từ cơ sở dữ liệu lên DataGridView. (adsbygoogle = window.adsbygoogle || []).push({});

VD: Tìm kiếm hàng theo tên hàng:

Trên DataGridView hiện lên tất cả các mặt hàng có trong cơ sở dữ liệu.

Bấm vào nút radio “Tên hàng” để chọn thuộc tính khóa tìm kiếm là tên hàng , gõ tên mặt hàng cần tìm kiếm. Nếu gõ “bánh” thì DataGridView sẽ hiện lên tất cả những mặt hàng có tên có chữ “bánh” như “bánh quy” , “bánh kem” .

b. Chức năng “Quản Lý Nhập”

Chức năng Quản lý Nhập gồm 2 chức năng con là “Lập phiếu Nhập” và “tìm kiếm phiếu nhập”

Lập Phiếu Nhập :

Khi một phiếu nhập được lập , hệ thống sẽ tự update , cộng dồn số lượng của mặt hàng trong phiếu nhập vào số lượng của mặt hàng đó trong cơ sở dữ liệu của hệ thống.

lưu thông tin vừa nhập,nhấn nút “Lập chi tiết” để hiện lên cửa sổ “Chi Tiết Phiếu Nhập” và tiếp tục nhập các thông tin chi tiết các mặt hàng có trong phiếu nhập:

Ở cửa sổ “chi tiết phiếu nhập” , người dùng đưa vào các thông tin về hàng hóa nhập vào kho , mỗi lần nhập xong thông tin của 1 mặt hàng , bấm “Lập chi tiết” để lưu vào cơ sở dữ liệu và hệ thống gửi thổng báo

Trong trường hợp không thành công , hệ thống thông báo :

lúc này , các khung nhập sẽ tự động được làm trống để người dùng nhập tiếp thông tin hàng hóa tiếp theo. Để làm lại từ đầu thao tác nhập (khi đang nhập giữa

chừng) , bấm nút “Hủy”. Khi hoàn thành việc nhập chi tiết , bấm nút “thoát” để trở về cửa sổ “Lập Phiếu nhập”.

Lúc này , thông tin về phiếu nhập mới đã có trong cơ sở dữ liệu và được load lên DataGridView. Để in phiếu nhập , chọn phiếu nhập tương ứng trong DataGridView này và bấm nút “In phiếu nhập” , phiếu nhập sẽ được xuất thành file .pdf lưu trong folder định sẵn và in theo mẫu :

Tìm kiếm phiếu nhập

Tương tự như các cửa sổ tìm kiếm của hệ thống , cửa sổ tìm kiếm phiếu nhập cho phép người dùng chọn khóa tìm kiếm là “tên nhà cung cấp” hoặc “ngày nhập hàng”. Khi cửa sổ hiện lên, các thông tin về phiếu nhập sẽ được load lên DataGridView1 phía trên , khi tìm được phiếu nhập cần tìm , người dùng có thể bấm trực tiếp vào dòng chứa thông tin phiếu nhập đó để xem các chi tiết của phiếu nhập đó. Chi tiết phiếu nhập được hiển thị trong DataGridView2 bên dưới:

c. Chức năng “Quản Lý Xuất”

Chức năng Quản Lý Xuất gồm 2 chức năng con là Lập Hóa đơn bán hàng và Tìm kiếm hóa đơn.

Cửa sổ làm việc của chức năng “Lập Hóa Đơn”.

Khi một hóa đơn được lập , hệ thống sẽ tự update , trừ hao số lượng của mặt hàng trong hóa đơn vào số lượng của mặt hàng đó trong cơ sở dữ liệu của hệ thống.

Tại cửa sổ này , để lập một hóa đơn mới , Người dùng cần đưa vào các thông tin là Ngày lập hóa đơn, số hóa đơn , Tên khách hàng,Tên nhân viên vào các khung tương ứng, nhấn “Lập HĐ” để lưu thông tin vừa nhập,nhấn nút “Chi Tiết HĐ” để hiện lên cửa sổ “Chi Tiết Hóa Đơn” và tiếp tục nhập các thông tin chi tiết các mặt hàng có trong hóa đơn:

Ở cửa sổ “chi tiết hóa đơn” , người dùng đưa vào các thông tin về hàng hóa bán, mỗi lần nhập xong thông tin của 1 mặt hàng , bấm “Lập chi tiết” để lưu vào cơ sở dữ liệu và hệ thống gửi thổng báo

Trong trường hợp không thành công , hệ thống thông báo :

Lúc này , các khung nhập sẽ tự động được làm trống để người dùng nhập tiếp thông tin hàng hóa tiếp theo. Để làm lại từ đầu thao tác nhập (khi đang nhập giữa

chừng) , bấm nút “Hủy”. Khi hoàn thành việc nhập chi tiết , bấm nút “thoát” để trở về cửa sổ “Lập Hóa Đơn”.

Lúc này , thông tin về hóa đơn mới đã có trong cơ sở dữ liệu và được load lên

DataGridView. Để in hóa đơn , chọn phiếu nhập tương ứng trong DataGridView này và bấm nút “In hóa đơn” , phiếu nhập sẽ được xuất thành file .pdf lưu trong 1 folder định sẵn và in theo mẫu :

- Tìm kiếm Hóa đơn

Tương tự như các cửa sổ tìm kiếm của hệ thống , cửa sổ tìm kiếm Hóa đơn cho phép người dùng chọn khóa tìm kiếm là “tên Khách hàng”.

Khi cửa sổ hiện lên, các thông tin về hóa đơn sẽ được load lên DataGridView1 phía trên , khi tìm được hóa đơn cần tìm , người dùng có thể bấm trực tiếp vào dòng

d. Chức năng “Báo cáo” (adsbygoogle = window.adsbygoogle || []).push({});

Chức năng “Báo cáo” gồm 4 chức năng con là “thống kê hàng tồn” , “thống kê hóa đơn”, “thống kê phiếu nhập” và “Báo cáo tổng kết”. Trong chức năng con “Báo cáo tổng kết” có 3 chức năng nhỏ hơn là tổng kết tháng , tổng kế quý và tổng kết năm. Tại cửa sổ trong các Chức năng này , người dùng có thể in , lưu thành file .doc hoặc .pdf để lưu trữ

- Thống kế hàng tồn

- Thống kê phiếu nhập

e. Chức năng “Trợ giúp”

Chức năng Trợ Giúp là chức năng được thêm vào để hỗ trợ người dùng hệ thống, chức năng này gồm 3 chức năng : Hướng dẫn sử dụng , Thay đổi mật khẩu và Thoát.

- Chức năng “hướng dẫn sử dụng”

Trong cửa sổ này , nhóm phát triển cung cấp trang web riêng của dự án Quản lý Kho , tại trang web này , người dùng có thể tìm thấy những video đc thực hiện để hướng dẫn sử dụng hệ thống một cách trực quan và dễ hiểu.

- Chức năng “Thay đổi mật khẩu”

Khi đăng nhập vào hệ thống bằng một tài khoản nào đó , Tài khoản này sẽ ảnh hưởng đến việc thao tác của người dùng lên hệ thống.

Ở chức năng “thay đổi mật khẩu” , khi cửa sổ hiện lên , ở mục “Tài khoản” , khung nhập sẽ tự động hiện lên tên tài khoản mà người dùng sử dụng để đăng nhập và khung này sẽ bị khóa (người dùng không thể thay đổi được nội dung). Người dùng chỉ được phép nhập mật khẩu cũ (mật khẩu hiện thời) và các mục mật khẩu mới. Trong các khung mật khẩu , các ký tự sẽ được ẩn đi bằng cách hiển thị tất cả là dấu “*” , VD : 123 sẽ được hiển thị lên khung là “***”.

Sau khi nhập hết các mục , nhấn nút “Lưu thay đổi” để lưu lại mật khẩu mới.Hệ thống sẽ gửi thông báo :

Nếu nhấn nút “thay đổi” , sự kiện thay đổi mật khẩu được xác nhận và hệ thống gửi về thông báo :

Nếu chọn “thoát” , sự kiện thay đổi mật khẩu ko được thực hiện , mật khẩu không được thay thế.

Trong trường hợp nhập các thông tin sai , không thỏa mãn điều điệu để đối chiếu , hệ thống sẽ gửi thông báo yêu cầu người dùng nhập lại thông tin :

Một phần của tài liệu BÀI TẬP LỚN MÔN PHÂN TÍCH THIẾT KẾ HƯỚNG ĐỐI TƯỢNG ĐỀ TÀIQuản lý kho hàng công ty TNHH Hà Thành (Trang 131)