THIẾT KẾ GIAO DIỆN ĐỀ TÀI QUẢN LÍ CỬA HÀNG ĐIỆN THOẠI DI ĐỘNG

Một phần của tài liệu [Nhom18]QuanLiCuaHangDTDD docx (Trang 45 - 65)

THOẠI DI ĐỘNG

1. Danh sách các màn hình:

STT Màn hình Loại màn hình Chức năng

1 Chào mừng Màn hình truy nhập Chọn chế độ sử dụng là nhân viên hay khách hàng 2 Đăng nhập đăng nhậpMàn hình Truy cập vào hệ thống 3 Tìm sản phẩm và bán hàng Màn hình nhập liệu Tìm và lập hóa đơn bán hàng 4 Nhập số lượng mua Màn hình

nhập liệu Nhập số lượng mua hàng 5 Xác nhận code khách hàng Màn hình nhập liệu Nhập thông tin khách hàng để được khuyến mãi 6 Nhập thông tin khách hàng Màn hình nhập liệu Lưu thông tin cá nhân của khách hàng 7 Quản lí nhân viên Màn hình tra cứu và nhập

liệu

Quản lí thông tin nhân viên 8 Quản lí quyền nhân viên Màn hinh

nhập liệu Phân quyền cho nhân viên Sửa nhân viên Màn hình nhập liệu Sửa thông tin nhân viên 9 Quản lí khách hàng

Màn hình tra cứu và nhập

liệu

Tìm thêm xóa sửa thông tin khách hàng

10 Sửa khách hàng Màn hình

nhập liệu Sửa thông tin khách hàng 11 Quản lí điện thoại Màn hình tra cứu và nhập

liệu

Quản lí thông tin về điện thoại

12 Quản lí phụ kiện nhập liệu và Màn hình tra cứu

Quản lí thông tin về phụ kiện 13 Thay đổi quy định Màn hình Thay đổi các thông tin liên

nhập liệu qua đến sản phẩm 14 Tra cứu hóa đơn nhập hàng Màn hình tra cứu Tra cứu hóa đơn đã nhập 15 Lập hóa đơn nhập hàng Màn hình nhập liệu Lập hóa đơn lập hàng 16 Thống kê Báo biểu Thống kê doanh thu theo năm 17 Tra cứu sản phẩm Màn hình tra cứu Tra cứu sản phẩm dành cho khách hàng 18 Tra cứu phụ kiện Màn hình tra

cứu

Tra cứu phụ kiện dành cho khách hàng

2. Mô tả chi tiết mỗi màn hình:

2.1. Màn hình chào mừng

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 btnKhach Button Vào màn hình tra cứu cho khách hàng 2 btnNhanVien Button Vào màn hình cho nhân viên

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Khách’ Vào màn hình tra cứu cho khách hàng 2 Chọn Button ‘Thoát’ Vào màn hình làm việc của nhân viên

2.2. Màn hình đăng nhập:

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtTenTaiKhoan Textbox Chứa tên tài khản của nhân viên 2 pwbMatKhau Passwordbo

x Chứa mật mã của nhân viên 3 btnLogin Button Thực hiện chứng thực 4 btnExit Button Thoát khỏi chương trình

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Đăng nhập’ Chứng thực tài khoản , phân loại nhân viên để mở form thích hợp

2 Chọn Button ‘Thoát’ Thoát khỏi chương trình 2.3. Tìm sản phẩm và bán hàng:

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 cbbTK Combobox Thể hiện loại tìm kiếm 2 txtTK Textbox Chứa thông tin tìm kiếm 3 btTK Button Thực hiện tìm kiếm 4 dgTK Datagrid Hiên thị kết quả tìm kiếm 5 btCustomerCode Button Hiển thị form nhập mã khách hàng 6 lbFullName Label Thể hiện họ tên đầy đủ khách

hàng

7 lbDOB Label Thể hiện ngày sinh của khách hàng 8 lbAdress Label Thể hiện địa chỉ khách hàng 9 lbPhone Label Thể hiện số điện thoại khách hàng 10 lbType Label Thể hiện loại khách hàng 11 lbTotalAmount Label Thể hiện tổng số tiền khách hàng đã chi 12 dgProduct Datagrid Thể hiện các mặt hàng đã

chọn

13 lbSum Label Thể hiện tổng số tiền 14 btDelete Button Thực hiện thao tác xóa 1 dòng 15 btDeleteAll Button Thực hiện thao tác xóa tất cả 16 btSum Button Cập nhật tổng số tiền 17 btPay Button Lập hóa đơn

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Tìm’ Tìm hóa đơn dựa trên loại tìm kiếm và nội dung tìm kiếm

2 Double-Click 1 hàng Datagrid dgTK

Mở bảng hiện số lượng hàng cần mua

3 Chọn Button ‘Nhập mã khách hàng’ Mở form nhập code cho khách hàng 4 Chọn Button ‘Delete’ Xóa 1 dòng trên Datagrid

dgProduct mình chọn 5 Chọn Button ‘Delete All’ Xóa tất cả các dòng trên Datagrid dgProduct 6 Chọn Button ‘Tổng tiền’ Cập nhật Label lbSum từ số lượng hàng và giá tiền 7 Chọn Button ‘Thanh toán’

Lưu tất cả thông tin cần thiết vào CSDL và hoàn tất giao

dịch 2.4. Nhập số lượng mua:

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtQuantity Textbox Thể hiện số lượng cần mua 2 btOk Button Xác nhận số lượng 3 btCancel Button Thoát khỏi form

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Đồng ý’ Số lượng được cập nhật vào đơn hàng

2 Chọn Button ‘Thoát’ Tự đóng chương trình 2.5. Xác nhận code khách hàng:

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtCode Textbox Chứa code của khách hàng 2 btConfirm Button Xác nhận code

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Xác nhận’ Xác nhận mã khách hàng để tính phí giảm giá 2.6. Nhập thông tin khách hàng:

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 lbMaKH Label Thể hiện mã khách hàng 2 txtFullName Textbox Chứa họ tên khách hàng 3 dpDOB DatePicker Chứa ngày sinh khách hàng 4 txtAddress Textbox Chứa địa chỉ khách hàng 5 txtPhone Textbox Chứa số điện thoại khách hàng 6 cbbType ComboBox Thể hiện loại khách hàng 7 btNewCustomer Button Tạo khách hàng mới 8 Cancel Button Thoát khỏi form

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Tạo mới’ Lưu thông tin khách hàng vào CSDL 2 Chọn Button ‘Hủy’ Thoát và trở về form trước

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 rbUsername RadioButton Tìm kiếm theo username 2 rbName RadioButton Tìm kiếm theo tên 3 txtStaffFinding Textbox Chứa thông tin cần tìm 4 btStaffFinding Button Thực thi việc tra cứu 5 cbbRole ComboBox Chứa danh sách chức vụ 6 dgStaff Datagrid Chứa kết quả tìm kiếm 7 btCreateNewStaff Button Tạo nhân viên mới 8 btEditStaff Button Sửa nhân viên 9 btDelStaff Button Xóa nhân viên 10 cbbYearGraph ComboBox Chứa năm 11 btGraph Button Thống kê doanh thu 12 btExit Button Thoát khỏi form

• Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

họ tên đưa ra kết quả cần tìm có kèm chức vụ

2 Chọn Button ‘Tạo mới’ Mở cửa sổ tạo nhân viên mới Chọn Button ‘Sửa’ Mở cửa sổ sửa nhân viên Chọn Button ‘Xóa’ Xóa nhân viên được chọn

trong dgStaff Chọn Button ‘Thống kê

doanh thu’ Từ CSDL vẽ ra đồ thị thể hiện doanh thu theo năm 2.8. Quản lí quyền nhân viên và sửa nhân viên:

• Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtUsername Textbox Chứa username nhân viên 2 txtPassword Textbox Chứa password nhân viên 3 cbbRole Combobox Chứa danh sách quyền 4 txtFullName Textbox Chứa họ và tên nhân viên 5 dpBOD DatePicker Chứa ngày sinh nhân viên 6 txtAddress Textbox Chứa địa chỉ nhân viên 7 txtPhone Textbox Chứa số điện thoại nhân viên 8 btCreateNew Button Sửa thông tin nhân viên 9 btCancel Button Thoát khỏi form

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Sửa’

Từ thông tin về username hay họ tên sửa thông tin cần thay

đổi

2 Chọn Button ‘Hủy’ Dừng và trở về trang trước 2.9. Quản lí khách hàng:

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtFinding Textbox Chứa thông tin để tìm khách hàng

2 btFinding Button Thực thi việc tìm kiếm 3 cbYear Combobox Chứa năm đăng kí 4 dgCustomers Datagrid Chứa kết quả tìm kiếm 5 btNewCustomer Textbox Thực thi việc tạo mới khách 6 btEdit Button Thực thi việc sửa thông tin khách 7 btDelete Button Thực thi việc thoát chương trình

8 btCreateNew Button Sửa thông tin nhân viên 9 btCancel Button Thoát khỏi form

Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Tìm’ Tìm thông tin dựa vào textbox 2 Chọn Button ‘Tạo mới’ Mở cửa sổ tạo khách hàng

mới

3 Chọn Button ‘Sửa’ Mở cửa sổ sửa thông tin khách hàng 4 Chọn Button ‘Xóa’ Xóa khách hàng được chọn trong datagrid

2.10. Sửa khách hàng:

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 lbMaKH Label Thể hiện mã khách hàng 2 txtFullName Textbox Chứa họ tên khách hàng 3 dpDOB DatePicker Chứa ngày sinh khách hàng 4 txtAddress Textbox Chứa địa chỉ khách hàng 5 txtPhone Textbox Chứa số điện thoại khách

hàng

6 cbbType ComboBox Thể hiện loại khách hàng 7 btEdit Button Sửa khách hàng 8 Cancel Button Thoát khỏi form 9 lbMaKH Label Thể hiện mã khách hàng

Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Sửa’ Sửa thông tin khách hàng 2 Chọn Button ‘Hủy’ Trở về cửa sổ trước

2.11. Quản lí điện thoại:

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtPhoneFinding Textbox Chứa tên hàng 2 btPhoneFinding Button Tìm điện thoại 3 dgPhone Datagrid Chứa thông tin điện thoại 4 cbbManufacturer ComboBox Chứa tên hãng sản xuất 5 txtPhoneModel TextBox Hiển thị tên sản phẩm

6 lbPhoneQuantity Label Hiển thị sản phẩm còn hay hêt 7 txtPhonePrice Textbox Hiển thị giá sản phẩm 8 cbMp3Player Checkbox Chức năng chơi MP3 9 cbbTB Combobox Chức năng xem TV 10 cbbMemoryCard Combobox Hiển thị dung lượng thẻ nhớ 11 cbBlueTooth Checkbox Hiển thị chức năng Bluetooth 12 cbWifi Checkbox Hiển thị chức năng Wifi 13 cbFM Checkbox Hiển thị chức năng FM 14 cbRecording Checkbox Chức năng ghi âm 15 cbQWERTY Checkbox Có bàn phím QWERTY hay không 16 cbGPS Chẹckbox Hiển thị chức năng GPS 17 cbbMultiSim Combobox Hiển thị số Sim 18 cbbTouchScreen Combobox Hiển thị chức năng cảm ứng 19 cbbCamera Combobox Hiển thị độ phân giải camera 20 txtImage Textbox Chứa link hình ảnh 21 cbNewPhone Checkbox Kích hoạt chức năng thêm sản

phẩm mới 22 btNewPhone Button Tạo sản phẩm mới 23 btPhoneEdit Button Sửa sản phẩm 24 btPhoneDelete Button Xóa sản phẩm

Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Tìm SP’

Lấy danh sách sản phẩm đưa vào datagrid dựa trên tên sản

phẩm nhập 2 Chọn Button ‘Thêm mới’

Thêm sản phẩm mới vào CSDL với các thông tin ở

trên

3 Chọn Button ‘Sửa’ Sửa sản phẩm được chọn trong datagrid 4 Chọn Button ‘Xóa’ Xóa sản phẩm được chọn trong datagrid

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 txtAccessoryFindind Textbox Chứa từ khóa để tìm phụ kiện 2 btAccessoryFindi

ng Button

Nhận từ khóa để tìm kiếm phụ kiện

3 dgAccessory Datagrid Hiển thị thông tin tìm kiếm 4 cbbAccessoryManufacturer Combobox Hiển thị hãng sản xuất 5 txtAccessoryModel Textbox Hiển thị tên phụ kiện 6 lbAccessoryQuantity Label Hiển thị số lượng sản phẩm còn lại 7 txtAccessoryPrice Textbox Chứa giá của phụ kiện 8 cbbAccessoryKin

d Combobox Hiển thị loại phụ kiện 9 txtAccessoryImage Textbox Chứa link ảnh

il kiện

11 cbAccessoryNew Checkbox Kích hoạt Button Thêm mới 12 btAccessoryNew Button Thêm phụ kiện mới 13 btAcessoryEdit Button Sửa phụ kiện 14 btAccessoryDelete Button Xóa phụ kiện

Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Tìm phụ kiện’ Tìm phụ kiện theo từ khóa 2 Chọn Button ‘Thêm mới’ CSDL với các thông tin ở Thêm phụ kiện mới vào

trên

3 Chọn Button ‘Sửa’ Sửa phụ kiện được chọn trong datagrid 4 Chọn Button ‘Xóa’ Xóa phụ kiện được chọn trong datagrid

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 chbCamera Checkbox Kích hoạt combobox bên cạnh 2 cbCamera Combobox Hiển thị Megapixel 3 txtCamera Textbox Chứa thông tin camera 4 chbTheNho Checkbox Kích hoạt comboxbox bên 5 cbTheNho Combobox Hiển thị dung lượng thẻ nhớ có sẵn 6 txtTheNho Textbox Chứa dung lượng thẻ nhớ mới 7 chbSim Checkbox Kích hoạt 2 control cùng dãy 8 cbSim Combobox Hiển thị số lượng SIM hỗ trợ sẵn 9 txtSim Textbox Chứa số lượng SIM hỗ trợ

mới

10 chbNhaSanXuat Checkbox Kích hoạt 2 control cùng dãy 11 cbNhaSanXuat Combobox Hiển thị nhà sản xuất

12 txtNhaSanXuat Textbox Chứa nhà sản xuất mới 13 chbNhaPhanPhoi Checkbox Kích hoạt 2 control cùng dãy 14 cbNhaPhanPhoi ComboBox Hiển thị nhà phân phối 15 txtNhaPhanPhoi Textbox Chứa Nhà phân phối mới 16 imgThem Image Thêm nội dung 17 ImgSua Image Sửa nội dung

Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Image ‘Thêm’ Thêm các control được kích hoạt 2 Chọn Iamge ‘Sửa’ Sửa các control được kích hoạt

2.14.

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 cbbNhaPhanPhoi ComboBox Hiển thị thông tin nhà phân phối

2 cbbHangSanXuat ComboBox Hiển thị thông tin hãng sản xuất 3 cbbTenHang ComboBox Hiển thị thông tin sản phẩm 4 txtDonGia Textbox Chứa thông tin đơn giá 5 txtSoLuong Textbox Chứa thông tin về số lượng 6 btnNhap Button Nhập chi tiết vào hóa đơn 7 lb_New_MaHD Label Hiển thị mã hóa đơn 8 lb_New_Ngaylap Label Hiển thị ngày lập hóa đơn 9 dg_New_HD Datagrid Chứa chi tiết hóa đơn 10 btnDelete Button Xóa dòng chọn trên datagrid 11 btnDeleteAll Button Xóa tất cả dòng trên datagrid 12 btnLapHoaDon Button Hoàn tất hóa đơn

STT Biến cố Xử lý Mã số xử lý

1 Chọn Button ‘Nhập’ Thêm các control được kích hoạt 2 Chọn Button ‘Hủy’ Sửa các control được kích hoạt 3 Chọn Button ‘Hủy tất cả’ Hủy tất cả các dòng trên datagrid 4 Chọn Button ‘Lập hóa đơn’ Ghi dữ liệu vào CSDL

2.16. Thống kê đò thị:

Miêu tả như đồ thị. 2.17. Tra cứu sản phẩm:

Miêu tả tương tự phần tra cứu sản phẩm của cửa sổ bán hàng, khác

STT Tên Kiểu Chức năng Ghi chú

1 imgResult Image Hiển thị hình ảnh của điện thoại chọn bên datagrid 2.18. Tra cứu phụ kiện:

Danh sách các đối tượng trên màn hình

STT Tên Kiểu Chức năng Ghi chú

1 imgLoa Image Hiển thị các phụ kiện là loa 2 imgTaiNghe Image Hiển thị các phụ kiện là tai nghe 3 imgPin Image Hiển thị các phụ kiện là Pin 4 imgUSB Image Hiển thị các phụ kiện là USB 5 imgBaoDa Image Hiển thị các phụ kiện là bao da

Danh sách các biến cố và xử lí tương ứng

STT Biến cố Xử lý Mã số xử lý

1 Chọn Iamge ‘Loa’ Hiển thị các phụ kiện là loa 2 Chọn Iamge ‘Tai nghe’ Hiển thị các phụ kiện là tai nghe 3 Chọn Iamge ‘Pin’ Hiển thị các phụ kiện là Pin 4 Chọn Iamge ‘USB’ Hiển thị các phụ kiện là USB 5 Chọn Iamge ‘Bao da’ Hiển thị phụ kiện là bao da

KẾT LUẬN

Một phần của tài liệu [Nhom18]QuanLiCuaHangDTDD docx (Trang 45 - 65)

Tải bản đầy đủ (DOC)

(66 trang)
w