đồ án 2 phát triển ứng dụng hỗ trợ quản lý quầy thuốc

Mô tả cách sử dụng màn hình Danh sách sản phẩm khác thuốc .... Mô tả cách sử dụng màn hình Danh sách hóa đơn .... Mô tả cách sử dụng màn hình Thêm thuốc và sản phẩm .... Với giao diện ưa

GIỚI THIỆU ĐỀ TÀI

Đặt vấn đề

Ngày nay, sức khỏe là chủ đề đang được quan tâm rất lớn Trải qua thời kỳ của đại dịch Covid thì mọi người lại càng chú trọng đến sức khỏe hơn nên các quầy thuốc với quy mô vừa và nhỏ đã được mở bán với số lượng ngày càng tăng trên thị trường trong nước Tuy nhiên, có một số vấn đề đã nảy sinh như việc theo dõi hoạt động kinh doanh, quản lý nhân viên, quản lý số lượng thuốc, đã gây ra không ít khó khăn trong quá trình hoạt động Việc quản lý thuốc chưa bao giờ là dễ dàng đối với họ bởi lẽ chưa xuất hiện nhiều các công cụ, phần mềm hỗ trợ.

Giải Pháp

Cho tới nay thì sự phát triển của công nghệ thông tin được lan tỏa toàn cầu và đã giải quyết được nhiều vấn đề bất cập trong cuộc sống, song bên cạnh đó chưa có nhiều phần mềm hỗ trợ việc quản lý quầy thuốc Vì thế, phần mềm của chúng em được sinh ra với hi vọng phục vụ cho việc quản lý kinh doanh tại các quầy thuốc

Các chức năng cơ bản của phần mềm này chính là quản lý đầu thuốc, thời hạn thuốc, tối ưu việc kiểm kê xuất nhập, bán hàng, lên đơn cũng như kiểm soát tình trạng sử dụng Nó là công cụ hỗ trợ đắc lực giúp cho việc thực hiện các thao tác quản lý quầy thuốc trên phần mềm trở nên dễ dàng, tiết kiệm thời gian, công sức và đảm bảo độ chính xác cao.

Mục tiêu đề tài

- Phát triển hệ thống với các tính năng mới hỗ trợ trên mobile và web, đồng thời bảo trì những tính năng đã có trên web

- Phát triển ứng dụng đề cao trải nghiệm người dùng, phát triển giao diện theo xu hướng bắt mắt, hiện đại nhưng vẫn giữ được tính đơn giản trong quá trình sử dụng cho người dùng

Phát triển ứng dụng hỗ trợ đa người dùng (nhân viên, chủ quầy thuốc, người mua thuốc)

- Đơn giản hóa các quy trình trong việc giao dịch, quản lý thuốc cũng như quản lý việc xuất, nhập hàng các đơn thuốc Nâng cao hiệu quả làm việc, tiết kiệm thời gian và đảm bảo độ chính xác cao

- Cung cấp các công cụ hỗ trợ hiệu quả, các gợi ý hữu ích cho các thao tác quản lý, giao tiếp giữa người và ứng dụng Tạo ra các hiệu ứng độc đáo tạo cảm giác thoải mái cho người dùng

- Ứng dụng trở thành công cụ tiện lợi và phổ biến trong việc quản lý thuốc, quản lý kho hàng, quản lý liều thuốc, danh mục, quản lý hóa đơn, quản lý tài khoản, thống kê Đồng thời ứng dụng còn hỗ trợ bên phía khách hàng được triển khai trên mobile cùng với những tính năng như xem trạng thái hoạt động, xem blog, xem thông tin thuốc/sản phẩm khác thuốc, theo dõi đơn thuốc, chỉnh sửa thông tin cá nhân.

Đối tượng sử dụng

“MediServe” hướng đến các nhân viên bán thuốc, các dược sĩ, chủ quầy thuốc và người mua thuốc Đối tượng sử dụng website quản lý bao gồm các nhân viên có thể thực hiện việc quản lý kho, quản lý thuốc, quản lý đơn hàng, hoặc các quyền khác và người chủ cửa hàng hoặc người quản lý thực hiện tất cả các chức năng như quản lý tài khoản, quản lý quyền đối với nhân viên Và người mua thuốc sẽ sử dụng ứng dụng mobile bao gồm xem trạng thái hoạt động của quầy, xem blog, xem thông tin thuốc, theo dõi đơn, chỉnh sửa thông tin cá nhân.

Công cụ và công nghệ áp dụng

• Công cụ thiết kế UI/UX: Figma

• Công cụ dùng để phân tích, thiết kế cơ sở dữ liệu: draw.io, StarUML

• Ngôn ngữ lập trình: Javascript

+ Front-end: ReactJS, React Native

• Ngôn ngữ truy vấn dữ liệu: SQL

• Cơ sở dữ liệu: PostgreSQL

• Lưu trữ hình ảnh: Cloudinary

• Công cụ soạn thảo văn bản: Microsoft Word

• Công cụ quản lý dự án: Github

• Công cụ trao đổi, giao tiếp: Zalo, Messenger

• Trình soạn thảo code: Visual Studio Code

• Môi trường làm việc: Notion.

Phạm vi nghiên cứu

- Nền tảng hỗ trợ: Triển khai trên Web (đối với nghiệp vụ quản lý quầy thuốc) và trên Mobile (đối với nghiệp vụ hỗ trợ khách hàng)

+ Quản lý kho, các khâu như nhập kho, lịch sử các lần nhập kho, kiểm kho + Quản lý thuốc và sản phẩm khác thuốc

+ Quản lý danh mục thuốc

+ Quản lý liều thuốc có sẵn và tạo liều

+ Quản lý tài khoản khách hàng, nhân viên, phân quyền cho nhân viên + Quản lý hóa đơn, các đơn thuốc, các đơn mua sản phẩm ngoài thuốc

- Chức năng phát triển thêm:

+ Quản lý blog chăm sóc sức khỏe

+ Đăng nhập, đăng ký, đăng xuất

+ Xem trạng thái hoạt động quầy thuốc (mở/ đóng cửa)

+ Xem blog chăm sóc sức khỏe

+ Xem thông tin các thuốc, sản phẩm khác thuốc có bán tại quầy

CƠ SỞ LÝ THUYẾT

ReactJS [3]

⚫ ReactJS được hiểu nôm na là một thư viện mã nguồn mở chứa nhiều JavaScript và người tạo ra ReactJS chính là ông trùm với cái tên quen thuộc Facebook, được ra đời vào năm 2013 Mục đích của việc tạo ReactJS là tạo ra các ứng dụng web nhanh, hiệu quả và hấp dẫn với nỗ lực viết mã tối thiểu Mục tiêu chính của ReactJS là bất kỳ trang web nào sử dụng ReactJS phải mượt mà, nhanh chóng, khả năng mở rộng cao và dễ thực hiện

⚫ Nhìn chung, các tính năng và điểm mạnh của ReactJS thường đến từ việc tập trung vào các phần riêng lẻ Do đó, khi làm việc với web thay vì toàn bộ ứng dụng của một trang web bằng ReactJS, các nhà phát triển tính năng có thể tách rời và chuyển đổi giao diện người dùng từ những cách phức tạp và biến nó thành những phần đơn giản hơn

2.1.2 Những thành phần chính của ReactJS

+ Đây là một phần rất quan trọng của ReactJS và không ai sử dụng Redux mà không biết ReactJS không có mô-đun chuyên dụng để xử lý dữ liệu, vì vậy ReactJS chia chế độ xem thành các thành phần nhỏ hơn mà bạn thiết lập độc lập và làm cho chúng liên quan chặt chẽ hơn

+ Các liên kết và mối quan hệ giữa các thành phần trong ReactJS đòi hỏi sự chú ý đặc biệt, bởi vì luồng dữ liệu một chiều từ cấp độ mẹ đến cấp độ con là luồng dữ liệu duy nhất trong ReactJS Nó áp dụng cho các dự án, nhưng bất chấp những điều cần lưu ý, nó có một mặt tốt đẹp khác Đó là về việc thúc đẩy tất cả các tính năng và vai trò khi ReactJS sử dụng engine

+ Đây là phần mà hầu như tất cả các framework đều sử dụng dom ảo và ReactJS sử dụng nó khi dom ảo thay đổi Điều đặc biệt ở đây là bạn không phải thao tác trực tiếp với dom mà có thể xem các lượt xem và thay đổi

+ Vì Virtual Dom hoạt động như một mô hình và một khung nhìn, nên việc thay đổi một trong hai yếu tố này sẽ thay đổi yếu tố kia và ngược lại mà không cần thao tác trực tiếp Tuy nhiên, có thể thực hiện cơ chế mù dữ liệu Mục đích của việc này là tăng tốc đáng kể ứng dụng của bạn, đây là một trong những lợi thế lớn nhất của việc sử dụng Virtual Dom

2.1.3 Lợi ích khi sử dụng ReactJS

⚫ Tạo cho chính bản thân ReactJS một dom ảo, đây là nơi các component được tồn tại trên đó Tạo một dom như thế này sẽ cải thiện hiệu suất rất nhiều Nếu bạn cần thay đổi hoặc cập nhật một phép tính trong dom, ReactJS sẽ tính toán nó trước và phần còn lại sẽ chạy trong dom để thực hiện công việc, vì vậy ReactJS có thể tránh các thao tác cần thiết trong dom mà không phải trả thêm phí

⚫ Việc viết các đoạn mã JS sẽ trở nên dễ dàng sử dụng một cú pháp đặc biệt đó chính là cú pháp JSX, cú pháp này cho phép bạn kết hợp mã HTML và cần nối chuỗi Đây được coi là một trong những tính năng thú vị của ReactJS, việc chuyển đổi các đoạn HTML sang các constructor đều được thực hiện bởi trình chuyển đổi chính là JSX

⚫ Khi khởi chạy ReactJS, đừng quên cài đặt thêm ứng dụng mở rộng Chrome chuyên dành cho ReactJS Điều này làm cho việc debug mã của bạn dễ dàng hơn Sau khi cài đặt, bạn có thể nhìn thẳng vào mái Virtual Dom điều đó đồng nghĩa với việc bạn đang theo dõi một cây dom thông thường

⚫ Đây là một trong những điều đặc biệt và độc đáo của ReactJS Đây cũng là một vấn đề lớn đối với các khuôn khổ JS vì mặc dù có nhiều cải tiến nhưng hầu hết các khuôn khổ JS không thân thiện với công cụ tìm kiếm ReactJS hỗ trợ hiển thị và trả về trình duyệt dưới dạng trang web khi bạn chạy ReactJS trên máy chủ và Dom ảo, vì vậy chúng tôi rất tự hào nói rằng chúng tôi không thuộc nhóm không thân thiện với SEO Bởi vì điều này, React rất phù hợp với tính cách thân thiện với SEO của nó

2.1.4 Tại sao JavaScript Developer sử dụng ReactJS?

⚫ ReactJS là một thư viện JavaScript dành riêng để giúp các nhà phát triển tạo giao diện người dùng và giao diện người dùng Khi nói đến lập trình ứng dụng front-end, các lập trình viên thường phải làm việc trên hai thành phần chính: giao diện người dùng và xử lý các tương tác của người dùng Giao diện người dùng là tập hợp các phần tử mà tất cả các ứng dụng hiển thị

⚫ Ví dụ: menu, thanh tìm kiếm, nút, thẻ, v.v Giả sử bạn đang lập trình một trang web Trong thương mại điện tử, sau khi người dùng chọn sản phẩm mong muốn và nhấp vào Thêm vào giỏ hàng, bước tiếp theo là thêm sản phẩm đã chọn vào giỏ hàng và hiển thị lại các sản phẩm Sản phẩm này => xử lý tương tác khi người dùng nhìn thấy nó

⚫ Trước ReactJS, các lập trình viên rất khó tạo giao diện người dùng bằng

“vanilla JavaScript” (JavaScript thuần túy) và JQuery Điều này có nghĩa là quá trình phát triển ứng dụng mất nhiều thời gian hơn và dễ xảy ra lỗi và rủi ro hơn Năm 2011, cộng tác viên của Facebook, Jordan Walke, đã ra mắt ReactJS với mục tiêu chính là cải thiện quy trình phát triển giao diện người dùng

⚫ Ngoài ra, để tăng tốc quá trình phát triển và giảm rủi ro có thể phát sinh khi viết mã, React cung cấp khả năng tạo mã có thể tái sử dụng bằng cách giới thiệu hai khái niệm quan trọng bao gồm JSX và Virtual DOM.

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Sơ đồ Use Case

Hình 3 1 Sơ đồ Use Case

Bảng 3 1 Danh sách Use Case

Vai trò Use case Ý nghĩa

Vai trò của người quản lý Đăng nhập Cho phép đăng nhập để sử dụng hệ thống Đăng xuất Cho phép thoát ra khỏi hệ thống

Quản lý kho Nhập kho, xem lịch sử nhập kho, kiểm kho

Quản lý thuốc Xem danh sách thuốc; thêm, sửa, xóa, tra cứu thuốc

Quản lý sản phẩm khác thuốc

Xem danh sách sản phẩm khác thuốc; thêm, sửa, xóa, tra cứu sản phẩm khác thuốc

Quản lý liều thuốc Xem danh sách liều thuốc; thêm, xóa, sửa, tra cứu liều thuốc

Quản lý danh mục Xem danh sách danh mục; thêm, xóa, sửa danh mục

Quản lý hóa đơn Xem danh sách hóa đơn; thêm, xóa hóa đơn; xem chi tiết hóa đơn

Quản lý thông tin cá nhân Chỉnh sửa thông tin cá nhân

Quản lý tài khoản Thêm, xóa, sửa tài khoản

Xem thống kê Xem được các bảng biểu, thống kê doanh thu, sản phẩm…

Xem danh sách điểm danh Xem lịch sử điểm danh của nhân viên

Vai trò của nhân viên Đăng nhập Cho phép đăng nhập để sử dụng hệ thống Đăng xuất Cho phép thoát ra khỏi hệ thống

Quản lý kho Nhập kho, xem lịch sử nhập kho, kiểm kho

Quản lý thuốc Xem danh sách thuốc; thêm, sửa, xóa, tra cứu thuốc

Quản lý sản phẩm khác thuốc

Xem danh sách sản phẩm khác thuốc; thêm, sửa, xóa, tra cứu sản phẩm khác thuốc

Quản lý liều thuốc Xem danh sách liều thuốc; thêm, xóa, sửa, tra cứu liều thuốc

Quản lý danh mục Xem danh sách danh mục; thêm, xóa, sửa danh mục

Quản lý hóa đơn Xem danh sách hóa đơn; thêm, xóa hóa đơn; xem chi tiết hóa đơn

Xem thống kê Xem được các bảng biểu, thống kê doanh thu, sản phẩm…

Quản lý thông tin cá Chỉnh sửa thông tin cá nhân nhân Điểm danh vào làm Nhân viên điểm danh vào làm Quản lý blog Nhân viên tạo và quản lý các blog

Vai trò của khách hàng Đăng ký tài khoản Đăng ký tài khoản khách hàng Đăng nhập Khách hàng đăng nhập bằng tài khoản đã đăng ký trên hệ thống

Xem blog chăm sóc sức khỏe

Xem blog chăm sóc sức khỏe được đăng tải bởi nhà thuốc

Theo dõi đơn thuốc Theo dõi tình trạng và thông tin về đơn thuốc được kê bởi nhà thuốc

Xem thông tin thuốc và sản phẩm

Xem thông tin thuốc và sản phẩm tại nhà thuốc

Đặc tả Use case

Bảng 3 2 Use Case Đăng nhập

Tên Use case Đăng nhập

Mô tả Cho phép đăng nhập để sử dụng hệ thống

Người thực hiện (Actor) Người quản lý/ Nhân viên

Sự kiện kích hoạt (Trigger) Bấm chọn nút đăng nhập Điều kiện tiên quyết (Pre-

Conditions) Nhập tài khoản đã được đăng ký trước đó Điều kiện kết quả (Post-

Conditions) Đăng nhập thành công và vào màn hình chính

Kịch bản chính (Basic Flow)

1 Hệ thống hiển thị màn hình đăng nhập

2 Người dùng nhập tài khoản và mật khẩu, và nhấn nút đăng nhập

3 Hệ thống kiểm tra tính hợp lệ của tài khoản và mật khẩu

4 Hệ thống kiểm tra dữ liệu nhập có trùng với dữ liệu trong database

5 Xác minh thành công, hệ thống chuyển tới trang chủ

3a Hệ thống xác nhận tài khoản và mật khẩu không hợp lệ theo quy định Use case trở về với bước 2

1 4a Hệ thống xác nhận dữ liệu nhập không trùng khớp với dữ liệu trong Database Use case trở về với bước 2

Bảng 3 3 Use Case Đăng xuất

Tên Use case Đăng xuất

Mô tả Cho phép thực hiện chức năng đăng xuất khỏi phiên làm việc của tài khoản hiện tại

Sự kiện kích hoạt (Trigger) Bấm chọn Thoát để đăng xuất Điều kiện tiên quyết (Pre-

Conditions) Đăng nhập thành công vào hệ thống Điều kiện kết quả (Post-

Conditions) Tài khoản được đăng xuất khỏi hệ thống

2 Hệ thống thoát khỏi tài khoản đang đăng nhập và trở về màn hình đăng nhập

Bảng 3 4 Use Case Quản lý kho

Tên Use case Quản lý kho

Mô tả Nhập kho, xem lịch sử nhập kho, kiểm kho

Sự kiện kích hoạt (Trigger) Bấm chọn nút nhập kho, lịch sử nhập, kiểm kho Điều kiện tiên quyết (Pre-

Thực hiện các thao tác như nhập kho, xem lịch sử nhập hoặc kiểm kho

1 Người dùng chọn menu item “Nhập kho” trong list box “Quản lý kho”

2 Trang nhập kho sẽ xuất hiện

3 Người dùng click vào danh mục của sản phẩm

4 Hệ thống sẽ hiển thị các danh mục có sẵn

5 Người dùng sẽ nhập tên sản phẩm mới vừa nhập hàng về vào thanh tìm kiếm và click vào sản phẩm trong phần gợi ý

6 Hệ thống sẽ hiển thị sản phẩm vào bảng

7 Người dùng nhập giá trị của các thuộc tính của sản phẩm (số lượng, quy cách…) và bấm nút nhập kho

8 Hệ thống sẽ thêm sản phẩm mới vào kho trong database và thông báo thêm thành công

9 Người dùng chọn menu item “Lịch sử nhập” trong list box “Quản lý kho”

10 Trang về lịch sử nhập kho sẽ xuất hiện

11 Người dùng chọn ngày bắt đầu và ngày kết thúc của nhập kho, và theo thứ tự tăng dần hoặc giảm dần

12 Hệ thống sẽ hiển thị lịch sử nhập kho theo yêu cầu

13 Người dùng nhấn nút “Xuất file”

14 Hệ thống sẽ xuất ra file báo cáo về lịch sử nhập với khoảng thời gian đó

15 Người dùng click vào “Chi tiết”

16 Hệ thống sẽ hiện ra thông tin chi tiết đơn nhập vào thời điểm đó

17 Người dùng click chọn “Xuất file”

18 Hệ thống sẽ xuất ra file báo cáo về chi tiết đơn nhập, bao gồm thuốc, sản phẩm… đã được bán

19 Người dùng sẽ chọn menu item “Kiểm kho” trong list box “Quản lý kho”

20 Trang kiểm kho sẽ xuất hiện

21 Người dùng nhấn “Chi tiết”

22 Hệ thống sẽ hiển thị xem chi tiết sản phẩm

23 Người dùng chọn menu item “Sắp hết hàng”/ “Sắp đến hạn”/ “Hết hạn”

24 Hệ thống sẽ hiển thị các sản phẩm tương ứng với sắp hết hàng, sắp đến hạn, hết hạn

25 Người dùng chọn “Tiêu hủy” trong mục “Hết hạn”

26 Hệ thống sẽ hiển thị popup tiêu hủy sản phẩm

27 Người dùng bấm chọn xác nhận tiêu hủy

28 Hệ thống sẽ hủy các sản phẩm hết hạn trong database và thông báo hủy thành công

Bảng 3 5 Use Case Quản lý thuốc

Tên Use case Quản lý thuốc

Mô tả Thêm, xóa, sửa, tra cứu thuốc

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, chỉnh sửa, tra cứu thuốc Điều kiện tiên quyết (Pre-

Xác nhận tạo thành công, xóa thành công, sửa thành công, hiển thị thông tin sản phẩm

1 Người dùng chọn menu item “Thêm thuốc” trong list box “Quản lý thuốc”

2 Hệ thống hiển thị giao diện trang thêm thuốc

3 Người dùng nhập những thông tin cần thiết của thuốc và bấm “Tạo thuốc”

4 Hệ thống sẽ tạo thuốc mới trong database và thông báo thành công

5 Người dùng chọn menu item “Thuốc trong hệ thống” trong list box “Quản lý thuốc”

6 Hệ thống sẽ hiển thị trang danh sách các loại thuốc

7 Người dùng click chọn “Thông tin thuốc”

8 Hệ thống sẽ hiển thị thông tin chi tiết của thuốc và chức năng xóa, sửa

9 Người dùng click chọn nút xóa

10 Hệ thống sẽ hiển thị popup xóa thuốc

11 Người dùng bấm chọn xác nhận xóa

12 Hệ thống sẽ xóa thuốc trong database và thông báo xóa thành công

16 Hệ thống sẽ hiển thị thông tin chi tiết của thuốc và chức năng xóa, sửa

17 Người dùng click chọn nút sửa

18 Hệ thống sẽ sửa thuốc trong database và thông báo sửa thành công

21 Người dùng click gõ tên thuốc vào thanh tìm kiếm

22 Hệ thống sẽ hiển thị các loại thuốc phù hợp với từ khóa

24 Hệ thống sẽ hiển thị thông tin chi tiết thuốc

3.3.5 Quản lý sản phẩm khác thuốc

Bảng 3 6 Use Case Quản lý sản phẩm khác thuốc

Tên Use case Quản lý sản phẩm khác thuốc (SPKT)

Mô tả Thêm, xóa, sửa, tra cứu SPKT

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, chỉnh sửa, thông tin SPKT Điều kiện tiên quyết (Pre-

Xác nhận tạo thành công, xóa thành công, sửa thành công, hiển thị thông tin SPKT

Kịch bản chính (Basic Flow) Thêm SPKT

1 Người dùng chọn menu item “Thêm sản phẩm” trong list box “Quản lý sản phẩm”

2 Hệ thống hiển thị giao diện trang thêm SPKT

3 Người dùng nhập những thông tin cần thiết của SPKT và bấm “Tạo sản phẩm”

4 Hệ thống sẽ tạo SPKT mới trong database và thông báo thành công

5 Người dùng chọn menu item “Danh sách sản phẩm” trong list box “Quản lý sản phẩm”

6 Hệ thống sẽ hiển thị trang danh sách các loại SPKT

7 Người dùng click chọn “Thông tin sản phẩm”

8 Hệ thống sẽ hiển thị thông tin chi tiết của SPKT và chức năng xóa, sửa

9 Người dùng click chọn nút xóa

10 Hệ thống sẽ hiển thị popup xóa SPKT

12 Hệ thống sẽ xóa SPKT trong database và thông báo xóa thành công

16 Hệ thống sẽ hiển thị thông tin chi tiết của SPKT và chức năng xóa, sửa

17 Người dùng click chọn nút sửa

18 Hệ thống sẽ sửa SPKT trong database và thông báo sửa thành công

21 Người dùng click gõ tên SPKT vào thanh tìm kiếm

22 Hệ thống sẽ hiển thị các loại SPKT phù hợp với từ khóa

24 Hệ thống sẽ hiển thị thông tin chi tiết SPKT

Bảng 3 7 Use Case Quản lý liều thuốc

Tên Use case Quản lý liều thuốc

Mô tả Thêm, xóa, sửa, tra cứu liều thuốc

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, chỉnh sửa liều thuốc Điều kiện tiên quyết (Pre-

Xác nhận tạo thành công, xóa thành công, sửa thành công

1 Người dùng chọn menu item “Quản lý liều”

2 Hệ thống hiển thị giao diện trang quản lý liều thuốc

3 Người dùng nhập tên thuốc và bấm “Thêm”

4 Hệ thống sẽ thêm thuốc vào danh sách thuốc

5 Người dùng đặt tên cho liều thuốc và nhập số viên cho mỗi loại thuốc với từng buổi, và nhấn “Lưu”

6 Hệ thống sẽ lưu liều thuốc mới vào database và thông báo thêm thành công

7 Người dùng chọn icon sửa màu vàng của liều thuốc đang hiển thị trên trang “Danh sách liều thuốc”

8 Hệ thống sẽ hiển thị popup thông tin liều thuốc

9 Người dùng sửa đổi các thông tin cần thiết và nhấn

10 Hệ thống sẽ thay đổi thông tin liều trong database và thông báo sửa thành công

11 Người dùng chọn icon xóa màu đỏ của liều thuốc đang hiển thị trên trang “Danh sách liều thuốc”

12 Hệ thống sẽ hiển thị popup xóa liều thuốc

13 Người dùng bấm chọn nút “Xóa”

14 Hệ thống sẽ xóa liều trong database và thông báo xóa thành công

15 Người dùng nhập tên liều thuốc trong trang “Danh sách liều thuốc” để tra cứu

16 Hệ thống sẽ hiển thị danh sách các liều thuốc có tên ứng với từ khóa trong mục tìm kiếm

Bảng 3 8 Use Case Quản lý danh mục

Tên Use case Quản lý danh mục

Mô tả Thêm, xóa, sửa danh mục

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, chỉnh sửa danh mục Điều kiện tiên quyết (Pre-

1 Người dùng chọn menu item “Quản lý danh mục”

2 Hệ thống hiển thị giao diện trang quản lý danh mục

3 Người dùng chọn thẻ “Thêm danh mục” ở cuối danh sách các danh mục

4 Hệ thống hiển thị popup chức năng thêm danh mục

5 Người dùng nhập những thông tin cần thiết của danh mục và bấm “Tạo danh mục”

6 Hệ thống sẽ thêm danh mục mới trong database và thông báo thêm thành công

7 Người dùng chọn nút “Chỉnh sửa” ở thẻ danh mục trong danh sách các danh mục

8 Hệ thống hiển thị popup chức năng xóa, sửa danh mục

9 Người dùng thay đổi những thông tin cần thiết của danh mục và bấm “Lưu”

10 Hệ thống sẽ thay đổi thông tin danh mục trong database và thông báo sửa thành công

11 Người dùng chọn nút “Chỉnh sửa” ở thẻ danh mục trong danh sách các danh mục

12 Hiển thị popup chức năng xóa, sửa danh mục

13 Người dùng bấm chọn nút “Xóa”

14 Hệ thống sẽ hiển thị popup xóa danh mục

16 Hệ thống sẽ xóa danh mục trong database và thông báo xóa thành công

Bảng 3 9 Use Case Quản lý hóa đơn

Tên Use case Quản lý hóa đơn

Mô tả Thêm, xóa, xem chi tiết hóa đơn

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, xem chi tiết danh mục Điều kiện tiên quyết (Pre-

Conditions) Xác nhận thêm thành công, xóa thành công

1 Người dùng chọn menu item “Tạo hóa đơn” trong list box “Bán hàng”

2 Hệ thống hiển thị giao diện trang tạo hóa đơn

3 Người dùng chọn mục “Sản phẩm/ Thuốc”/ “Kê đơn”/ “Liều có sẵn” để thêm thuốc, SPKT, đơn thuốc vào hóa đơn

4 Hệ thống thêm thuốc, SPKT, đơn thuốc vào thông tin hóa đơn trong trang “Tạo hóa đơn” ở bên phải

5 Người dùng chọn item trong list box khách hàng

6 Hệ thống sẽ hiển thị giao diện thông tin khách hàng tương ứng với loại khách hàng

7 Người dùng nhập những thông tin cần thiết của khách hàng và bấm chọn “Thanh toán và in”

8 Hệ thống sẽ tạo mới hóa đơn trong database và xuất ra file hóa đơn

9 Người dùng chọn menu item “Danh sách hóa đơn” trong list box “Bán hàng”

10 Hệ thống hiển thị giao diện trang xóa, xem chi tiết hóa đơn

11 Người dùng đánh dấu vào những hóa đơn muốn xóa và bấm chọn nút “Xóa”

12 Hệ thống sẽ hiển thị popup xóa hóa đơn

Xem chi tiết hóa đơn

14 Người dùng chọn menu item “Danh sách hóa đơn” trong list box “Bán hàng”

15 Hệ thống hiển thị giao diện trang xóa, xem chi tiết hóa đơn

16 Người dùng bấm chọn “Chi tiết”

17 Hệ thống sẽ hiển thị thông tin chi tiết của hóa đơn

3.3.9 Quản lý thông tin cá nhân

Bảng 3 10 Use Case Quản lý thông tin cá nhân

Tên Use case Quản lý thông tin cá nhân

Mô tả Sửa thông tin cá nhân

Sự kiện kích hoạt (Trigger) Bấm chọn nút lưu thông tin Điều kiện tiên quyết (Pre-

Conditions) Xác nhận lưu thành công

1 Người dùng chọn menu item “Thông tin cá nhân”

2 Hệ thống sẽ hiển thị trang thông tin cá nhân của tài khoản đang đăng nhập

3 Người dùng thay đổi những thông tin cần thiết của thông tin cá nhân và bấm chọn “Lưu”

4 Hệ thống sẽ thay đổi thông tin cá nhân trong database và thông báo sửa thành công

Bảng 3 11 Use Case Quản lý tài khoản

Tên Use case Quản lý tài khoản

Mô tả Thêm, xóa, sửa tài khoản

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, chỉnh sửa tài khoản Điều kiện tiên quyết (Pre-

Xác nhận thêm thành công, xóa thành công, sửa thành công

1 Người dùng chọn menu item “Quản lý tài khoản”

2 Hệ thống sẽ hiển thị trang quản lý tài khoản

3 Người dùng bấm chọn “Thêm tài khoản” trong trang

4 Hệ thống sẽ hiển thị popup thêm tài khoản

5 Người dùng nhập những thông tin cần thiết của tài khoản và bấm nút “Tạo ngay”

6 Hệ thống sẽ tạo mới tài khoản trong database và thông mới tạo thành công

7 Người dùng bấm chọn nút “Xóa tài khoản” trong trang thể hiện thông tin chi tiết tài khoản ở trang bên phải

8 Hệ thống sẽ hiển thị popup xóa tài khoản

9 Người dùng xác nhận xóa

10 Hệ thống sẽ xóa tài khoản trong database và thông báo xóa thành công

11 Người dùng nhập những thông tin cần thiết của tài khoản và bấm nút “Lưu” trong trang thể hiện thông tin chi tiết tài khoản ở trang bên phải

12 Hệ thống sẽ thay đổi những thông tin về tài khoản trong database và thông báo sửa thành công

Bảng 3 12 Use Case Xem thống kê

Tên Use case Xem thống kê

Mô tả Xem các bảng biểu, thống kê

Sự kiện kích hoạt (Trigger) Bấm chọn menu item “Trang chủ” Điều kiện tiên quyết (Pre-

Kịch bản chính (Basic Flow) 1 Người dùng chọn menu item “Trang chủ”

2 Hệ thống sẽ hiển thị trang biểu diễn thống kê

Bảng 3 13 Use Case Quản lý bài đăng

Tên Use case Quản lý bài đăng

Mô tả Thêm, xóa, sửa, bài đăng, cập nhật trạng thái bài đăng

Sự kiện kích hoạt (Trigger) Bấm chọn nút thêm, xóa, chỉnh sửa bài đăng Điều kiện tiên quyết (Pre-

Conditions) Đăng nhập thành công vào hệ thống và thêm đầy đủ thông tin tạo bài đăng Điều kiện kết quả (Post-

1 Người dùng chọn menu item "Tạo bài đăng"

2 Hệ thống chuyển người dùng đến trang tạo bài đăng

3 Người dùng nhập thông tin cần thiết cho bài đăng (tiêu đề, nội dung, hình ảnh, v.v.)

4 Sau khi hoàn tất, người dùng bấm "Đăng" để lưu bài đăng mới vào hệ thống

5 Hệ thống cập nhật database và thông báo đăng bài thành công

1 Người dùng truy cập trang quản lý bài đăng hoặc chi tiết bài đăng cần xóa

2 Chọn tùy chọn "Xóa bài đăng"

3 Hệ thống xác nhận hành động xóa và cập nhật database

4 Thông báo xóa bài đăng thành công được hiển thị

1 Người dùng truy cập trang quản lý bài đăng hoặc chi tiết bài đăng cần sửa

2 Chọn tùy chọn "Sửa bài đăng"

3 Hệ thống hiển thị form sửa đổi với thông tin hiện tại của bài đăng

4 Người dùng chỉnh sửa thông tin cần thiết và bấm

5 Hệ thống cập nhật database và thông báo sửa bài đăng thành công

Chỉnh sửa trạng thái bài đăng:

1 Người dùng truy cập trang quản lý bài đăng hoặc chi tiết bài đăng

2 Chọn tùy chọn "Chỉnh sửa trạng thái"

3 Người dùng chọn trạng thái mới (công khai hoặc ẩn)

4 Bấm "Lưu" để cập nhật trạng thái của bài đăng

5 Hệ thống cập nhật database và thông báo chỉnh sửa trạng thái thành công

Bảng 3 14 Use Case Xem bài đăng

Tên Use case Xem thông tin bài đăng

Mô tả Xem thông tin bài đăng được đăng tải

Người thực hiện (Actor) Đối tượng khách hàng có tài khoản đã đăng ký

Sự kiện kích hoạt (Trigger) Truy cập vào ứng dụng dành cho khách hàng Điều kiện tiên quyết (Pre-

Conditions) Đăng nhập thành công và truy cập vào trang xem bài đăng Điều kiện kết quả (Post-

Conditions) Xem danh sách và thông tin bài đăng

Xem danh sách bài đăng:

1 Người dùng truy cập trang chính hoặc trang quản lý bài đăng

2 Hệ thống hiển thị danh sách các bài đăng, có thể được sắp xếp theo thời gian đăng, nổi bật, hoặc các tiêu chí khác

3 Người dùng có thể bấm vào mỗi bài đăng để xem chi tiết

Xem chi tiết bài đăng:

1 Người dùng chọn một bài đăng từ danh sách hoặc từ thông báo

2 Hệ thống chuyển người dùng đến trang chi tiết bài đăng, hiển thị nội dung đầy đủ của bài đăng

3 Người dùng có thể xem ảnh, đọc nội dung, và xem các chi tiết khác về bài đăng

3.3.14 Xem thông tin thuốc và sản phẩm đang bán

Bảng 3 15 Use Case Xem thông tin thuốc và sản phẩm đang bán

Tên Use case Xem thông tin thuốc và sản phẩm

Mô tả Xem thông tin thuốc và sản phẩm đang bán tại quầy Người thực hiện (Actor) Đối tượng khách hàng có tài khoản đã đăng ký

Sự kiện kích hoạt (Trigger) Truy cập vào ứng dụng dành cho khách hàng Điều kiện tiên quyết (Pre-

Conditions) Đăng nhập thành công và truy cập vào trang xem sản phẩm, thuốc Điều kiện kết quả (Post-

Conditions) Xem danh sách và thông tin thuốc hoặc sản phẩm

Xem danh sách sản phẩm hoặc thuốc:

1 Người dùng truy cập trang chính hoặc trang danh mục sản phẩm/thuốc trên website

2 Hệ thống hiển thị danh sách các sản phẩm hoặc thuốc, có thể được sắp xếp theo loại, giá, thương hiệu, hoặc các tiêu chí khác

3 Người dùng có thể chọn danh mục cụ thể hoặc sử dụng bộ lọc để thu hẹp kết quả

Xem chi tiết sản phẩm hoặc thuốc:

1 Người dùng chọn một sản phẩm hoặc thuốc từ danh sách hoặc từ các quảng cáo

2 Hệ thống chuyển người dùng đến trang chi tiết sản phẩm/thuốc, hiển thị hình ảnh, mô tả, thành phần, liều lượng, và thông tin liên quan khác

3 Nếu là sản phẩm, người dùng có thể xem thông tin về kích thước, màu sắc, và các đặc điểm kỹ thuật khác

Bảng 3 16 Use Case Điểm danh vào làm

Tên Use case Điểm danh vào làm

Mô tả Nhân viên đăng ký điểm danh trước khi vào làm Người thực hiện (Actor) Nhân viên nhà thuốc

Sự kiện kích hoạt (Trigger) Đăng nhập thành công vào ứng dụng và thực hiện nhấn đăng ký vào Điều kiện tiên quyết (Pre-

Conditions) Đăng nhập thành công và truy cập vào trang điểm danh vào làm Điều kiện kết quả (Post-

Conditions) Lưu lại lịch sử điểm danh của nhân viên

Truy cập chức năng Điểm danh:

1 Nhân viên truy cập ứng dụng hoặc trang web của hệ thống

2 Chọn chức năng "Điểm danh" nhấn nút "Đăng ký vào" trên màn hình

3.3.16 Xem lịch sử điểm danh

Bảng 3 17 Use Case Xem lịch sử điểm danh

Tên Use case Xem lịch sử điểm danh

Mô tả Chủ nhà thuốc xem lịch sử điểm danh của nhân viên Người thực hiện (Actor) Chủ nhà thuốc (Admin)

Sự kiện kích hoạt (Trigger) Đăng nhập với tài khoản Admin và Truy cập vào trang “Chấm công” Điều kiện tiên quyết (Pre-

Conditions) Đăng nhập thành công tài khoản admin và truy cập vào trang chấm công Điều kiện kết quả (Post-

Conditions) Xem danh sách các lần điểm danh của các nhân viên

Xem lịch sử Điểm danh:

1 Admin truy cập ứng dụng hoặc trang web

2 Chọn chức năng "Chấm công" để truy cập vào màn hình chức năng

3 Chọn combobox để lọc xem danh sách điểm danh theo từng nhân viên

4 Màn hình hiển thị danh sách điểm danh của nhân viên tương ứng trong tháng.

Kiến trúc hệ thống

Hình 3 2 Mô hình kiến trúc hệ thống

Hệ thống được xây dựng dựa trên kiến trúc Tier – Layer Với 2 Tier chính trong kiến trúc hệ thống là Tier Front-end và Tier dành cho Back-end Mô hình 2-tier (hay còn được gọi là mô hình client-server) là một kiểu mô hình kiến trúc phần mềm, trong đó ứng dụng được chia thành hai thành phần chính: phần frontend (client) và phần backend (server)

• Chịu trách nhiệm hiển thị giao diện người dùng và tương tác với người dùng

• Tier này có thể là một ứng dụng web, ứng dụng di động hoặc ứng dụng máy tính độc lập

• Nhiệm vụ chính của phần frontend là gửi các yêu cầu đến phần backend và hiển thị dữ liệu và giao diện người dùng tương ứng

• Chịu trách nhiệm xử lý logic nghiệp vụ, truy xuất dữ liệu và giao tiếp với cơ sở dữ liệu hoặc các dịch vụ bên ngoài

• Đảm nhận các yêu cầu từ phần frontend, xử lý chúng và trả về kết quả tương ứng

• Phần backend có nhiệm vụ xử lý các yêu cầu từ phần frontend, thực hiện các quy tắc nghiệp vụ, truy vấn cơ sở dữ liệu và cung cấp dữ liệu cho phần frontend.

PHÁT TRIỂN ỨNG DỤNG

Danh sách các màn hình

Bảng 4 1 Bảng danh sách màn hình Web

4 Chi tiết đơn nhập kho

9 Danh sách sản phẩm khác thuốc (SPKT)

12 Danh sách liều và tạo liều

17 Xóa và sửa danh mục

22 Kê đơn khi tạo hóa đơn

23 Thêm thuốc và sản phẩm khi tạo hóa đơn

Bảng 4 2 Bảng danh sách màn hình Mobile

4 Chỉnh sửa thông tin cá nhân

Mô tả màn hình Web

Hình 4 1 Màn hình Đăng nhập

4.2.1.2 Mô tả cách sử dụng và xử lý

Bảng 4 3 Mô tả cách sử dụng màn hình Đăng nhập

STT Biến cố Xử lý

1 Tài khoản/ Mật khẩu Nhập thông tin tài khoản, mật khẩu

2 Đăng nhập Đăng nhập vào hệ thống

Hình 4 2 Màn hình Nhập kho

Bảng 4 4 Mô tả cách sử dụng màn hình Nhập kho

1 Nhập tên sản phẩm muốn thêm và bấm chọn

Thêm sản phẩm có sẵn vào danh sách nhập

2 Bấm chọn danh mục thuốc Hiện ra các danh mục có sẵn

3 Thông tin khác (Số lượng, Quy cách, Ghi chú…) Nhập các thông tin cần thiết khác

4 Bấm chọn “Nhập kho” Thêm mặt hàng mới vào trong hệ thống

4.2.3 Màn hình Chi tiết đơn nhập kho

Hình 4 3 Màn hình Chi tiết đơn nhập kho

Bảng 4 5 Mô tả cách sử dụng màn hình Chi tiết đơn nhập kho

1 Bấm chọn “Xuất file” Xuất ra file excel thông tin chi tiết đơn nhập kho

4.2.4 Màn hình Lịch sử nhập kho

Hình 4 4 Màn hình Lịch sử nhập kho

Bảng 4 6 Mô tả cách sử dụng màn hình Lịch sử nhập kho

1 Ngày bắt đầu, ngày kết thúc Chọn ngày bắt đầu, ngày kết thúc và theo thứ tự giảm dần/ tăng dần

2 Bấm chọn “Xuất file” Xuất ra file excel lịch sử nhập kho

3 Bấm chọn “Chi tiết” Hiện ra chi tiết đơn nhập kho

Hình 4 5 Màn hình Kiểm kho

Bảng 4 7 Mô tả cách sử dụng màn hình Kiểm kho

1 Bấm chọn “Sắp hết hàng” Hiện ra các sản phẩm sắp hết hàng

2 Bấm chọn “Sắp đến hạn” Hiện ra các sản phẩm sắp đến hạn

3 Bấm chọn “Hết hạn” Hiện ra các sản phẩm hết hạn

4 Nhập tên sản phẩm cần tìm Hiện ra các sản phẩm phù hợp với từ khóa tìm kiếm

5 Bấm chọn “Xem chi tiết” Hiện ra thông tin chi tiết của sản phẩm

4.2.6 Màn hình Danh sách thuốc

Hình 4 6 Màn hình Danh sách thuốc

Bảng 4 8 Mô tả cách sử dụng màn hình Danh sách thuốc

1 Bấm chọn loại thuốc Hiện ra danh sách thuốc theo loại đã chọn

2 Nhập tên thuốc cần tìm Hiện ra danh sách thuốc phù hợp với từ khóa tìm kiếm

3 Bấm chọn “Thông tin thuốc” Hiện ra thông tin chi tiết của thuốc

4.2.7 Màn hình Chi tiết thuốc

Hình 4 7 Màn hình Chi tiết thuốc

Bảng 4 9 Mô tả cách sử dụng màn hình Chi tiết thuốc

1 Bấm chọn nút quay lại Đóng trang hiển thị chi tiết thuốc

Hình 4 8 Màn hình Thêm thuốc

Bảng 4 10 Mô tả cách sử dụng màn hình Thêm thuốc

1 Thông tin cần thiết (Tên thuốc,

Dạng bào chế…) Nhập đầy đủ những thông tin cần thiết

2 Bấm chọn “Làm rỗng” Làm trống dữ liệu nhập vào

3 Bấm chọn “Tạo thuốc” Thêm mới thuốc vào hệ thống

4.2.9 Màn hình Danh sách sản phẩm khác thuốc (SPKT)

Hình 4 9 Màn hình Danh sách sản phẩm khác thuốc

Bảng 4 11 Mô tả cách sử dụng màn hình Danh sách sản phẩm khác thuốc

1 Bấm chọn loại SPKT Hiện ra danh sách SPKT theo loại đã chọn

2 Nhập tên SPKT cần tìm Hiện ra danh sách SPKT phù hợp với từ khóa tìm kiếm

3 Bấm chọn “Thông tin sản phẩm” Hiện ra thông tin chi tiết của SPKT

4.2.10 Màn hình Chi tiết SPKT

Hình 4 10 Màn hình Chi tiết SPKT

Bảng 4 12 Mô tả cách sử dụng màn hình Chi tiết SPKT

1 Bấm chọn nút quay lại Đóng trang hiển thị chi tiết SPKT

Hình 4 11 Màn hình Thêm SPKT

Bảng 4 13 Mô tả cách sử dụng màn hình Thêm SPKT

1 Thông tin cần thiết (Tên sản phẩm, Dạng bào chế…) Nhập đầy đủ những thông tin cần thiết

2 Bấm chọn “Làm rỗng” Làm trống dữ liệu nhập vào

3 Bấm chọn “Tạo sản phẩm” Thêm mới SPKT vào hệ thống

4.2.12 Màn hình Danh sách liều và tạo liều

Hình 4 12 Màn hình Danh sách liều và tạo liều

Bảng 4 14 Mô tả cách sử dụng màn hình Danh sách liều và tạo liều

Nhập tên thuốc vào thanh tìm kiếm ở trang tạo liều và bấm chọn

Thêm thuốc vào liều thuốc

2 Thông tin cần thiết của liều

(Tên liều thuốc, Ghi chú…) Nhập đầy đủ thông tin cần thiết của liều

3 Bấm chọn “Làm rỗng” Làm trống danh sách thuốc trong phần tạo liều

4 Bấm chọn “Lưu” Thêm liều thuốc mới vào hệ thống

5 Nhập tên liều vào thanh tìm kiếm ở trang danh sách liều Hiện ra liều thuốc phù hợp với từ khóa tìm kiếm

6 Bấm chọn nút sửa liều Hiện ra trang sửa liều

7 Bấm chọn nút xóa liều Hiện ra trang xóa liều

Hình 4 13 Màn hình Sửa liều

Bảng 4 15 Mô tả cách sử dụng màn hình Sửa liều

Nhập tên thuốc vào thanh tìm kiếm ở trang tạo liều và bấm chọn Thêm thuốc vào liều thuốc

(Tên liều thuốc, Ghi chú…) Sửa thông tin cần thiết của liều

3 Bấm chọn “Đóng” Hủy đi phần sửa liều

4 Bấm chọn “Lưu” Sửa đổi thông tin liều thuốc trong hệ thống

Hình 4 14 Màn hình Xóa liều

Bảng 4 16 Mô tả cách sử dụng màn hình Xóa liều

1 Bấm chọn “Đóng” Hủy đi phần xóa liều

2 Bấm chọn “Xóa” Xóa đi liều thuốc trong hệ thống

Hình 4 15 Màn hình Danh mục

Bảng 4 17 Mô tả cách sử dụng màn hình Danh mục

1 Bấm chọn “Chỉnh sửa” Hiện ra trang sửa và xóa danh mục

2 Bấm chọn “Thêm danh mục” Hiện ra trang thêm danh mục

4.2.16 Màn hình Tạo danh mục

Hình 4 16 Màn hình Tạo danh mục

Bảng 4 18 Mô tả cách sử dụng màn hình Tạo danh mục

1 Thông tin cần thiết (Tên danh mục, Ghi chú…) Nhập thông tin cần thiết của danh mục

2 Bấm chọn “Hủy” Hủy đi phần tạo danh mục

3 Bấm chọn “Tạo danh mục” Thêm danh mục mới vào hệ thống

4.2.17 Màn hình Xóa và sửa danh mục

Hình 4 17 Màn hình Xóa và sửa danh mục

Bảng 4 19 Mô tả cách sử dụng màn hình Xóa và sửa danh mục

1 Thông tin cần thiết (Tên danh mục, Ghi chú…) Sửa thông tin của danh mục

2 Bấm chọn “Xóa” Xóa danh mục trong hệ thống

3 Bấm chọn “Lưu” Lưu sự thay đổi thông tin danh mục trong hệ thống

4.2.18 Màn hình Tài khoản khách hàng

Hình 4 18 Màn hình Tài khoản khách hàng

Bảng 4 20 Mô tả cách sử dụng màn hình Tài khoản khách hàng

1 Thông tin cần thiết (Tên,

Tuổi…) Sửa thông tin của khách hàng

2 Bấm chọn “Xóa tài khoản” Xóa tài khoản khách hàng trong hệ thống

3 Bấm chọn “Lưu” Lưu sự thay đổi thông tin khách hàng trong hệ thống

4 Bấm chọn “Thêm tài khoản” Hiện ra trang thêm tài khoản

4.2.19 Màn hình Tài khoản nhân viên

Hình 4 19 Màn hình Tài khoản nhân viên

Bảng 4 21 Mô tả cách sử dụng màn hình Tài khoản nhân viên

1 Thông tin cần thiết (Tên,

Tuổi…) Sửa thông tin của khách hàng

2 Bấm chọn “Thêm tài khoản” Hiện ra trang thêm tài khoản

4.2.20 Màn hình Danh sách hóa đơn

Hình 4 20 Màn hình Danh sách hóa đơn

Bảng 4 22 Mô tả cách sử dụng màn hình Danh sách hóa đơn

1 Mã nhân viên, Mã khách hàng,

Từ ngày, Đến ngày Nhập các trường để lọc các hóa đơn

2 Bấm chọn “Hủy bộ lọc” Ẩn bộ lọc đi

3 Bấm chọn “Tìm kiếm” Lọc ra các hóa đơn theo bộ lọc

4 Bấm chọn “Chi tiết” Hiện ra trang chi tiết hóa đơn

4.2.21 Màn hình Chi tiết hóa đơn

Hình 4 21 Màn hình Chi tiết hóa đơn

Bảng 4 23 Mô tả cách sử dụng màn hình Chi tiết hóa đơn

1 Bấm chọn nút quay lại Quay lại trang danh sách hóa đơn

4.2.22 Màn hình Kê đơn khi tạo hóa đơn

Hình 4 22 Màn hình Kê đơn khi tạo hóa đơn

Bảng 4 24 Mô tả cách sử dụng màn hình Kê đơn khi tạo hóa đơn

Nhập tên thuốc vào thanh tìm kiếm ở trang kê đơn và bấm chọn

Thêm thuốc vào liều thuốc

(Tên liều thuốc, Ghi chú…) Nhập đầy đủ thông tin cần thiết của liều

3 Bấm chọn “Làm rỗng” Làm trống danh sách thuốc trong trang kê đơn

4 Bấm chọn “Thêm” Thêm liều thuốc vào hóa đơn

5 Bấm chọn “Loại bỏ” Hủy các sản phẩm, các đơn thuốc trong trang tạo hóa đơn

6 Bấm chọn “Xem trước” Hiện ra trang xem trước hóa đơn

7 Bấm chọn “Thanh toán và in” Thêm hóa đơn vào hệ thống và in hóa đơn

4.2.23 Màn hình Thêm thuốc và sản phẩm khi tạo hóa đơn

Hình 4 23 Màn hình Thêm thuốc và sản phẩm

Bảng 4 25 Mô tả cách sử dụng màn hình Thêm thuốc và sản phẩm

1 Nhập tên sản phẩm vào thanh tìm kiếm và chọn Thêm sản phẩm vào hóa đơn

2 Bấm chọn “Loại bỏ” Hủy các sản phẩm, các đơn thuốc trong trang tạo hóa đơn

3 Bấm chọn “Xem trước” Hiện ra trang xem trước hóa đơn

4 Bấm chọn “Thanh toán và in” Thêm hóa đơn vào hệ thống và in hóa đơn

4.2.24 Màn hình Xem trước hóa đơn

Hình 4 24 Màn hình Xem trước hóa đơn

Bảng 4 26 Mô tả cách sử dụng màn hình Xem trước hóa đơn

1 Bấm chọn nút X Quay lại trang trước

4.2.25 Màn hình Thông tin cá nhân

Hình 4 25 Màn hình Thông tin cá nhân

Bảng 4 27 Mô tả cách sử dụng màn hình Thông tin cá nhân

1 Thông tin của tài khoản (Tên,

Tên đầy đủ…) Sửa thông tin của tài khoản

2 Bấm chọn “Lưu” Lưu sự thay đổi thông tin tài khoản trong hệ thống

Hình 4 26 Màn hình Thống kê

Hình 4 27 Màn hình Điểm danh

Bảng 4 28 Mô tả cách sử dụng màn hình Điểm danh

1 Bấm chọn “Đăng ký vào” Hệ thống sẽ điểm danh thời điểm vào quầy của nhân viên

2 Bấm chọn “Đăng ký ra” Hệ thống sẽ điểm danh thời điểm ra quầy của nhân viên

3 Bấm chọn “Prev” hoặc “Next” Hiển thị danh sách điểm danh của nhân viên hiện tại tháng trước hoặc tháng sau

4.2.28 Màn hình Lịch sử điểm danh

Hình 4 28 Màn hình Lịch sử điểm danh

Bảng 4 29 Mô tả cách sử dụng màn hình Lịch sử điểm danh

1 Bấm vào dropdown list để chọn nhân viên

Hệ thống sẽ liệt kê danh sách điểm danh của nhân viên đó

2 Bấm chọn “Tháng trước” hoặc

Hiển thị danh sách điểm danh của nhân viên đó ở tháng trước hoặc tháng sau

3 Bấm chọn “Xuất File Excel” Hệ thống sẽ xuất ra file excel danh sách điểm danh của nhân viên

4.2.29 Màn hình Danh sách bài đăng

Hình 4 29 Màn hình Danh sách bài đăng

Bảng 4 30 Mô tả cách sử dụng màn hình Danh sách bài đăng

1 Bấm vào menu item “Tất cả”,

“Đang hiển thị”, “Đã ẩn” Hệ thống sẽ liệt kê danh sách bài đăng theo trạng thái tương ứng

2 Bấm chọn phân trang Hiển thị danh sách bài đăng ở các trang

3 Nhập từ khóa vào ô tìm kiếm Hệ thống sẽ liệt kê ra danh sách bài đăng có tiêu đề chứa từ khóa

4 Bấm chọn vào icon edit trong thẻ bài đăng Chuyển sang trang cập nhật bài đăng

4.2.30 Màn hình Tạo bài đăng

Hình 4 30 Màn hình Tạo bài đăng

Bảng 4 31 Mô tả cách sử dụng màn hình Tạo bài đăng

1 Điền dữ liệu cần thiết và textbox và thêm ảnh Hệ thống sẽ hiển thị dữ liệu tương ứng

2 Bấm chọn “Làm rỗng” Làm rỗng dữ liệu ở textbox và ảnh

3 Bấm chọn “Tạo bài đăng” Hệ thống sẽ tạo bài đăng mới

4.2.31 Màn hình Cập nhật bài đăng

Hình 4 31 Màn hình Cập nhật bài đăng

Bảng 4 32 Mô tả cách sử dụng màn hình Cập nhật bài đăng

1 Cập nhật dữ liệu cần thiết và textbox và thêm ảnh Hệ thống sẽ hiển thị dữ liệu tương ứng

2 Bấm chọn “Lưu” Hệ thống sẽ lưu những thay đổi ở bài đăng đó

Mô tả màn hình Mobile

Hình 4 32 Màn hình Đăng nhập

Bảng 4 33 Mô tả cách sử dụng màn hình Đăng nhập

1 Thông tin đăng nhập (Địa chỉ email, mật khẩu)

Nhập thông tin đăng nhập bao gồm email và mật khẩu

2 Bấm chọn “Đăng nhập” Hệ thống sẽ xác thực tài khoản

3 Bấm chọn “Đăng ký” Chuyển sang màn hình đăng ký

Hình 4 33 Màn hình Đăng ký

Bảng 4 34 Mô tả cách sử dụng màn hình Đăng ký

Thông tin đăng ký (Họ và tên, tài khoản, mật khẩu, mật khẩu nhập lại)

Nhập thông tin đăng ký để tạo tài khoản

2 Bấm chọn “Đăng ký” Hệ thống sẽ kiểm tra tính đúng đắn của dữ liệu và tạo mới tài khoản

3 Bấm chọn “Đăng nhập” Chuyển sang màn hình đăng nhập

Hình 4 34 Màn hình Trang chủ

Bảng 4 35 Mô tả cách sử dụng màn hình Trang chủ

1 Bấm chọn “Đăng xuất” Chuyển sang màn hình đăng nhập

4.3.4 Màn hình Chỉnh sửa thông tin cá nhân

Hình 4 35 Màn hình Chỉnh sửa thông tin cá nhân

Bảng 4 36 Mô tả cách sử dụng màn hình Chỉnh sửa thông tin cá nhân

1 Thông tin chỉnh sửa (Tên đại diện, Họ và tên…) Chỉnh sửa những thông tin cần thiết

2 Bấm chọn “Lưu” Hệ thống sẽ kiểm tra tính đúng đắn của dữ liệu và cập nhật những thay đổi

4.3.5 Màn hình Danh sách blog

Hình 4 36 Màn hình Danh sách blog

Bảng 4 37 Mô tả cách sử dụng màn hình Danh sách blog

1 Người dùng vuốt màn hình lên hoặc xuống Màn hình sẽ cuộn lên hoặc xuống

2 Bấm chọn thẻ blog Chuyển sang màn hình chi tiết blog

4.3.6 Màn hình Chi tiết blog

Hình 4 37 Màn hình Chi tiết blog

Bảng 4 38 Mô tả cách sử dụng màn hình Chi tiết blog

2 Bấm chọn nút quay lại Chuyển sang màn hình danh sách blog

3 Bấm chọn nút mũi tên lên trên Màn hình cuộn lên đầu trang

4.3.7 Màn hình Danh sách sản phẩm

Hình 4 38 Màn hình Danh sách sản phẩm

Bảng 4 39 Mô tả cách sử dụng màn hình Danh sách sản phẩm

1 Nhập từ khóa tìm kiếm và nhấn

Hệ thống sẽ tìm kiếm danh sách sản phẩm chứa tên từ khóa

2 Người dùng chọn loại sản phẩm hoặc danh mục

Hệ thống sẽ lọc danh sách sản phẩm theo loại sản phẩm hoặc danh mục

3 Bấm chọn thẻ sản phẩm Chuyển sang màn hình chi tiết sản phẩm

4.3.8 Màn hình Chi tiết sản phẩm

Hình 4 39 Màn hình Chi tiết sản phẩm

Bảng 4 40 Mô tả cách sử dụng màn hình Chi tiết sản phẩm

2 Bấm chọn nút quay lại Chuyển sang màn hình danh sách sản phẩm

4.3.9 Màn hình Danh sách đơn thuốc

Hình 4 40 Màn hình Danh sách đơn thuốc

Bảng 4 41 Mô tả cách sử dụng màn hình Danh sách đơn thuốc

1 Nhập từ khóa tìm kiếm và nhấn

Hệ thống sẽ tìm kiếm danh sách hóa đơn hoặc danh sách kê đơn chứa tên từ khóa

Người dùng chọn 1 trong 2 tab, lịch sử hóa đơn và lịch sử kê đơn

Hệ thống sẽ lọc danh sách theo hóa đơn hoặc kê đơn

3 Bấm chọn thẻ đơn thuốc Chuyển sang màn hình chi tiết đơn thuốc

4.3.10 Màn hình Chi tiết đơn thuốc

Hình 4 41 Màn hình Chi tiết đơn thuốc

Bảng 4 42 Mô tả cách sử dụng màn hình Chi tiết đơn thuốc

2 Bấm chọn nút quay lại Chuyển sang màn hình danh sách đơn thuốc

Tiêu đề	Phát Triển Ứng Dụng Hỗ Trợ Quản Lý Quầy Thuốc
Tác giả	Hoàng Văn Phúc, Trần Minh Quang
Người hướng dẫn	ThS. Trần Thị Hồng Yến
Trường học	Đại Học Quốc Gia Tp. Hồ Chí Minh
Chuyên ngành	Công Nghệ Phần Mềm
Thể loại	đồ án
Năm xuất bản	2023
Thành phố	Tp. Hồ Chí Minh

Định dạng
Số trang	111
Dung lượng	4,21 MB