Đồ án 2: Phát triển ứng dụng hỗ trợ quản lý quầy thuốc toàn diện

MỤC LỤC

Giới Thiệu Đề Tài

Chương này tập trung trình bày về cách đặt vấn đề cho đề tài cũng như giải pháp tương ứng, đồng thời cũng nêu lên mục tiêu, đối tượng sử dụng và công nghệ áp dụng.

GIỚI THIỆU ĐỀ TÀI 1.1 Đặt vấn đề

- Ứ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 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. - 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). Ứng dụng “MediServe” là một hệ thống hỗ trợ việc quản lý bên phía người quản lý (admin) trên website và hỗ trợ người mua thuốc trên mobile.

Đồng thời, ứng dụng mobile sẽ cung cấp nguồn thụng tin thuốc của quầy, theo dừi trạng thỏi quầy cũng như theo dừi đơn thuốc. + Thiết kế lại cơ sở dữ liệu tương ứng với từng loại yêu cầu của phần mềm để đảm bảo được tính đúng đắn và tính tiến hóa với phần mềm, có hiệu quả về mặt truy xuất và lưu trữ.

CƠ SỞ LÝ THUYẾT 2.1 ReactJS [3]

React Native [7]

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

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í. Đâ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. 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.

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. ⚫ 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ÁT TRIỂN ỨNG DỤNG 4.1 Danh sách các màn hình

Mô tả màn hình Web .1 Màn hình Đăng nhập

Màn hình Nhập kho .1. Giao diện
Màn hình Kiểm kho .1. Giao diện
Màn hình Danh sách thuốc .1. Giao diện
Màn hình Chi tiết thuốc .1. Giao diện
Màn hình Thêm thuốc .1. Giao diện
Màn hình Danh sách sản phẩm khác thuốc (SPKT) .1. Giao diện
Màn hình Chi tiết SPKT .1. Giao diện
Màn hình Thêm SPKT .1. Giao diện
Màn hình Danh sách liều và tạo liều .1. Giao diện
Màn hình Sửa liều .1. Giao diện
Màn hình Xóa liều .1. Giao diện
Màn hình Danh mục .1. Giao diện
Màn hình Tạo danh mục .1. Giao diện
Màn hình Xóa và sửa danh mục .1. Giao diện
Màn hình Tài khoản khách hàng .1. Giao diện
Màn hình Tài khoản nhân viên .1. Giao diện
Màn hình Danh sách hóa đơn .1. Giao diện
Màn hình Chi tiết hóa đơn .1. Giao diện
Màn hình Kê đơn khi tạo hóa đơn .1. Giao diện
Màn hình Thêm thuốc và sản phẩm khi tạo hóa đơn .1. Giao diện
Màn hình Xem trước hóa đơn .1. Giao diện
Màn hình Thông tin cá nhân .1. Giao diện

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

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. (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. 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.

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. 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. (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.

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. 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 “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. 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. “Đ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.

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.

Mô tả màn hình Mobile .1 Màn hình Đăng nhập

Màn hình Đăng ký .1. Giao diện
Màn hình Trang chủ .1. Giao diện
Màn hình Chỉnh sửa thông tin cá nhân .1. Giao diện
Màn hình Danh sách blog .1. Giao diện
Màn hình Chi tiết blog .1. Giao diện
Màn hình Danh sách sản phẩm .1. Giao diện
Màn hình Chi tiết sản phẩm .1. Giao diện
Màn hình Danh sách đơn thuốc .1. Giao diện
Màn hình Chi tiết đơn thuốc .1. Giao diện

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). 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. 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.

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