GIỚI THIỆU
GIỚI THIỆU TÌNH HÌNH NGHIÊN CỨU HIỆN NAY
Hiện nay, mô hình cung cấp dược phẩm trực tuyến đã được thực hiện bởi nhiều doanh nghiệp Trong đó, chúng ta có thể kể đến hai doanh nghiệp lớn đó là: Pharmacity và Long Châu Hai đơn vị được kể trên đã đặt nền móng cho mô hình cung cấp dược phẩm trực tuyến, nêu lên tiện lợi và hiệu quả của mô hình này mang lại khi đã giúp khách hàng tiếp cận với sản phẩm tốt hơn, họ sẽ hiểu rõ hơn về các loại sản phẩm cần mua Mô hình cung cấp dược phẩm trực tuyến còn cung cấp cụ thể thông tin, xuất xứ của sản phẩm mà khách hàng chọn mua, các sản phẩm mới cũng sẽ được cập nhật liên tục để người tiêu dùng hiểu rõ hơn và nắm bắt kịp thời thị trường dược phẩm hiện nay Người tiêu dùng có thể tìm kiếm địa chỉ nhà thuốc gần với họ nhất Trong hoàn cảnh người dùng không tiện ra ngoài hoặc có muốn mua hàng một cách trực tuyến thì đã đáp ứng bằng cách cung cấp các dịch vụ giao hàng thông qua các vận chuyển phổ biến như: Grab,Gojek,…Chính vì tính tiện lợi này nên mô hình được sử dụng rộng rãi, đặc biệt là trong tình hình dịch Covid19 khi toàn dân đều phải ở nhà và không thể ra ngoài.Mục tiêu đề tài của nhóm là thiết kế một ứng dụng cung cấp dược phẩm trực tuyến thông qua nền tảng website vì vậy nhóm đã tìm hiểu và tham khảo cách tổ chức và các chức năng của mô hình của hai doanh nghiệp trên nhằm học hỏi, bổ sung kiến thức và thực hiện đồ án tốt nghiệp.
ĐẶT VẤN ĐỀ
Trong tình hình diễn biến phức tạp với nhiều biến chủng Covid mới như hiện nay dẫn đến rất nhiều người bị nhiễm bệnh Theo chủ trương của Bộ Y Tế, người mắc bệnh Covid-19 phải tự điều trị tại nhà nên nhu cầu mua thuốc để trị bệnh rất cao Từ những vấn đề trên nên việc mua thuốc trực tuyến là một giải pháp tốt nhất Việc mua thuốc trực tuyến diễn ra trong nhiều kênh bán hàng khác nhau như là Shopee, Tiki,
… tuy nhiên những trang thương mại điện tử này có một số sản phẩm chưa được kiểm định an toàn tiêu dùng từ Bộ Y Tế Cần một nền tảng trực tuyến bán thuốc chính thống từ các nhà thuốc chính thống, dưới sự kiểm duyệt của Bộ Y Tế Do đó để giải quyết vấn đề về bán thuốc trực tuyến của các nhà thuốc, chất lượng qua việc bán thuốc trực tuyến và giải quyết nhu cầu mua thuốc của người dân trong mùa dịch là vấn đề cấp bách.
Ngoài ra, nhiều nhà thuốc có nhu cầu bán hàng trực tuyến để tiếp cận dễ dàng hơn với người mua thuốc trong tình hình dịch bệnh Có thể kể đến các lý do sau: khi người mua thuốc có nhu cầu mua thuốc nhưng không thể đi ra ngoài do dịch bệnh hay nhiều lý do khác, khi người mua trực tuyến có thể không đúng sản phẩm hoặc sản phẩm không được kiểm duyệt chất lượng, không được đa dạng như ở quầy thuốc và khó tìm kiếm hoặc người mua thuốc không biết thành phần chi tiết của thuốc và cách sử dụng thuốc hợp lý và cần tư vấn từ nhân viên nhà thuốc,… Với những khó khăn kể trên, mô hình cung cấp dược phẩm trực tuyến đã một phần nào giải quyết được các bất tiện, khó khăn và giúp cho cuộc sống thuận tiện hơn trong thời đại chuyển đổi số.
MỤC TIÊU ĐỀ TÀI
Xây dựng một ứng dụng hướng đến một môi trường mua/bán thuốc, dược phẩm thân thiện và sản phẩm phong phú.
Chứa các danh mục sản phẩm và bao gồm các tiêu chí tìm kiếm cho người mua: Danh mục, giảm giá, sản phẩm mới, tìm kiếm theo tên sản phẩm, lọc sản phẩm theo giá và người mua quản lý sản phẩm yêu thích, giỏ hàng, quản lý thông tin cá nhân và thông tin đơn hàng một cách đơn giản, thuận tiện Có thể xem thông tin về nhà thuốc thông qua trang giới thiệu.
Giải quyết cho các đơn vị cung cấp dược phẩm về việc quản lý được người mua hàng, thêm, xóa, sửa sản phẩm, quản lý được đơn hàng kèm theo địa chỉ của người mua Cũng giải quyết về vấn đề cung cấp hướng dẫn sử dụng và chi tiết thông tin từng loại sản phẩm cho người dùng.
GIỚI HẠN ĐỀ TÀI
Đề tài tập trung phát triển ở nền tảng website Vì còn nhiều giới hạn về nhân lực và kiến thức nên đề tài giới hạn không làm việc với các bên thứ ba về thanh toán trực tuyến và không thống kê về doanh số và số lượng người vào website.
ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU
Từ cơ sở dữ liệu thu thập trên kênh mạng xã hội, các trang thương mại điện tử có bán thuốc phổ biến ở Việt Nam: Shopee, Tiki, Pharmacity, Long Châu,… Nhóm đã phân loại được hai nhóm chính là nhà thuốc và người mua thuốc.
Nhà thuốc (nhóm 1): Nhu cầu đăng sản phẩm cần bán lên website, quản lý sản phẩm, thông tin người mua, đơn hàng trực tuyến.
Người mua thuốc (nhóm 2): Nhu cầu mua thuốc trực tuyến.
Sau khi phân tích, đánh giá tính khả thi từ phân khúc nhà thuốc, nhóm đã xác định rằng phân khúc thuộc nhóm 1 là phân khúc hàng đầu được quan tâm. Website tiếp cận với phân khúc khách hàng là các nhà thuốc (nhu cầu đăng tải bán thuốc trực tuyến) Mỗi nhà thuốc sẽ có một website khác nhau Do đó, nhóm quyết định website sẽ tạo ra doanh thu cho nhóm dựa vào việc nhà thuốc trả tiền để duy trì website bán thuốc Chính nó là nguồn kinh phí để website được duy trì. Sau khi phân tích khách hàng chính, để nhà thuốc hài lòng trả phí có việc duy trì website để bán trực tuyến, website này phải đảm bảo nhiều yếu tố sau:
− Điều đầu tiên, cơ sở dữ liệu phải đủ lớn: để lưu trữ tất cả các thông tin về sản phẩm, khách hàng, đơn hàng.
− Thứ hai, hệ thống cơ sở dữ liệu phải đủ độ tin cậy: Sau khi vận hành website một khoảng thời gian tiến hành đo lường, xem xét các phản hồi của người mua thuốc và nhà thuốc bao gồm sự không hài lòng và hài long của khách hàng, số lượng người truy cập, …
− Thứ ba, cơ sở dữ liệu phải đáp ứng thời gian thực: Các sản phẩm và đơn hàng phải được cập nhật chính xác, nhanh và phải liên tục. Để thực hiện được hệ thống website bán thuốc và cũng đảm bảo website đó có thể cập nhật liên tục mà không bị rào cản của công nghệ kìm hãm sự thăng tiến của công nghệ trong tương lai thì website đã được sử dụng chính là PHP (Laravel Framework), JavaScript (React Library) Website cũng được xây dựng cùng với các ngôn ngữ, bộ thư viện để thiết kế giao diện đáp ứng trải nghiệm cho người sử dụng một cách tốt nhất có thể: HTML, SCSS, Ant Design Library Thông quan hệ quản trị cơ sở dữ liệu MySQL để lưu trữ dữ liệu của hệ thống này.
PHƯƠNG PHÁP NGHIÊN CỨU
Nhóm thực hiện đã lên kế hoạch một cách cụ thể:
- Ban đầu sẽ khảo sát, tìm hiểu và thu thập nhu cầu mua thuốc trực tuyến, phân khúc khách hàng ở trên các website bán thuốc, các trang bán hàng trực tuyến.
- Sau khi đánh giá, xem xét và nghiêm cứu nhu cầu, đã đưa ra hướng giải quyết xây dựng lên cá chức năng chính cho website.
- Thiết kế giao diện bằng các bảng mockup bởi phần mềm Photoshop,
- Lựa chọn công nghệ xây dựng website:
− Back-End: PHP Laravel Framework.
− Cơ sở dữ liệu: MySQL.
− Viết các đoạn mã code để phỏng theo bản mock-up ban đầu.
− Tạo database và viết chương trình PHP giao tiếp với MySQL.
− Viết các chức năng cho website: Danh mục, danh sách, chi tiết sản phẩm, thêm, xóa và sửa sản phẩm, quản lý giỏ hàng, sản phẩm yêu thích, đơn hàng, chi tiết đơn hàng của người mua thuốc, danh sách thông tin chi tiết người mua thuốc.
− Kiểm tra thiết kế giao diện so với thiết kế ban đầu.
− Kiểm tra các tính năng của website.
Cuối cùng là nâng cấp điều chỉnh phù hợp.
BỐ CỤC QUYỂN BÁO CÁO
Giới thiệu ngắn gọn về lý do tại sao phải chọn đề tài, đặt vấn đề đang xảy ra trong thực tiển, phạm vi, mục tiêu nghiên cứu, phương pháp nghiên cứu từ đó nhóm cho người xem cái nhìn tổng quan, khả quan nhất về đề tài.
CƠ SỞ LÝ THUYẾT
NGÔN NGỮ PHP
PHP là một trong những ngôn ngữ đã được dùng nhiều nhất để cài đặt các ứng dụng trên các nền tảng website Vì sự phổ biến và dễ dàng thiết lập của ngôn ngữ này, PHP còn có các phần mở rộng và các khung mẫu có sẵn để dễ dàng thực hiện các nhu cầu chúng ta có thể tưởng tượng nên cộng đồng sử dụng ngôn ngữ này rất mạnh mẽ giúp chúng ta đơn giản tra cứu và tìm hiểu cũng như tham khảo tài liệu liên quan nhằm để phát triển và học hỏi kiến thức mới.[1]
Ví dụ: Đây là một ví dụ, giả sử chúng ta có một trang web và muốn ngày hiện tại xuất hiện trên màn hình của trình duyệt Với một trang web tĩnh, mỗi ngày chúng ta phải vào trang để chỉnh sửa Điều này mất nhiều thời gian đối với mã HTML nếu được viết giống như bên dưới:
Hình 2.1: Ví dụ mã HTML
Với PHP, cho phép máy chủ thực hiện các thay đổi cho chúng ta Nói cách khác, PHP sẽ tự động thêm ngày chính xác vào trang mỗi khi trang được phục vụ nếu chúng ta chèn một một chút mã PHP như thế này:
Hình 2.2: Ví dụ mã PHP
Lưu ý rằng văn bản tĩnh ngày 18 tháng 07 năm 2022 đã được thay thế bằng Những gì chúng ta đã làm là thay thế văn bản tĩnh bằng mã sẽ chuyển đổi thành văn bản tĩnh bởi máy chủ Văn bản mà chúng ta muốn thay đổi sẽ được đặt trong cặp thẻ .
Nếu chúng ta mở hai tệp đó bằng trình duyệt vào ngày 18 tháng 07 năm 2022, hai trang sẽ giống hệt nhau Nhưng vào ngày 19 tháng 07, máy chủ lấy mã ở trên và biến nó thành thế này:
Hình 2.3: Ví dụ mã PHP được cập nhật Để server biết khi này trang đang sử dụng là động hay tĩnh Một PHP server biết trang tĩnh khi nó là tệp PHP (.php), là động khi là tệp html (.html).
− Một PHP tệp chỉ là một tệp HTML được lưu dưới phần đuôi là php thay vì đuôi html hoặc htm Chính điều này nói với server tìm được các đoạn mã đặt trong cặp thẻ thẻ có trong tệp.
− Dùng để lập trình tạo ra các web động.
− Các đoạn văn bản trên trang PHP thường là tĩnh Máy chủ PHP sẽ chuyển đổi các đoạn văn bản nằm trong cặp thẻ thành văn bản động sau khi xử lý các đoạn mã hợp lệ.
LARAVEL FRAMEWORK
Giới thiệu về Laravel Framework:
Ngày nay có rất nhiều PHP Framework trong thiết kế trang web, trong đó có 2 PHP khôn mẫu khá phổ biến và nổi tiếng là CodeIgniter và Laravel Trong những khoảng thời gần đây đặc biệt là năm 2021, Laravel Framework đang được đánh giá cao nhờ những tính năng mà nó cung cấp.
Laravel là một PHP Framework được xây dựng nhằm trợ giúp phát triển các ứng dụng web phụ thuộc vào bộ khung mô hình MVC vững chắc (Model – View – Controller) Laravel một Framework mã nguồn mở miễn phí.
Lợi ích của Laravel mang lại:
− Cho phép tổ chức các đoạn mã để bảo trì dễ dàng.
− Hỗ trợ kiến trúc ứng dụng chuẩn hóa.
− Dễ dàng sửa lỗi khi gặp các vấn đề không hoàn toán mong muốn.
− Đẩy nhanh cập nhật phát triển sản phẩm hơn.
− Cải thiện khả năng phản hồi.
− Bảo vệ để tránh khỏi các mối nguy hiểm bảo mật.
Bên dưới là xu hướng của Google trend đối với các PHP Framework từ 2019 đến nay Trong đó Laravel hiện tại là Framework ưa chuộng bậc nhất ở thời điểm này: [5]
Hình 2.4: Xu thế sử dụng Framework PHP trên Google Trend
Cấu trúc thư mục Laravel:
− Folder app: chứa các đoạn code cốt lõi của ứng dụng Các class xử lý back-end hầu như nằm ở đây.
− Folder config: Thư mục này bao gồm tất cả tệp cấu hình cho hệ thống.
− Folder database: Thư mục này gồm có các file làm việc với database Trong đó có 3 thư mục factories, migrations, seeders.
• Factories: Tạo data ảo Phục vụ cho testing.
• Migrations: Tạo, thêm, xóa các bảng cho database.
• Seeders: Tạo data ảo Phục vụ cho testing.
− Folder routes: Bao gồm các đường (route) đã được định sẵn của ứng dụng.
HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL
Trước hết, chúng ta cần làm rõ hơn về cơ sở dữ liệu trước khi tìm hiểu MySQL:
− CSDL giúp tổ chức và theo dõi mọi thứ CSDL cho phép sử dụng sáng tạo để nhóm các thứ lại với nhau theo những cách có ý nghĩa và để trình bày cùng một bộ thông tin có hệ thống.
− Cơ sở dữ liệu được hình thành từ một hoặc nhiều bảng Bảng được cấu thành từ các cột và các hàng Các cột phần của mỗi bảng khai báo các đặc điểm của mỗi bảng trong khi mỗi hàng chứa dữ liệu duy nhất cho mỗi trường trong bảng.[2]
Hình 2.5: Ví dụ về Database
− MYSQL được hiểu là một trong các hệ dùng để quản trị cơ sở dữ liệu:
Cơ sở dữ liệu là một tập hợp các dữ liệu có cấu trúc với nhau Nó có thể là mọi thứ từ thông tin chứa trên các bao bì đến thư viện các hình ảnh hoặc hệ thống các thông tin khổng lồ của các công ty, xí nghiệp Các dữ liệu này được quản lý, tổ chức một cách có hệ thống Vì các máy tính có khả năng xử lý một luồng lượng lớn tất cả cá dữ liệu rất tốt nên vai trò đầu não trong tính toán thuộc về các hệ quản trị và cơ sở dữ liệu.
− Máy chủ MySQL có tốc độ xử lý rất cao, mức tin cậy cao, có thể mở rộng cao và thân thiện cho người dùng Các dữ liệu liệu này được lưu trên các bảng, có thể móc nối với nhau để dữ liệu có liên kết hơn.[3]
HTML
HTML là để thiết kế và tạo ra các trang web trên World Wide Web.
Dùng để tạo nên bố cục của tất cả các trang web đang sử dụng, bằng các thẻ đóng và mở () mà HTML đã cung cấp giúp chia bố cục một cách dễ nhìn hơn cho người sử dụng,
Hình 2.6: Ví dụ mã HTML
CSS
CSS: giúp website trở nên bắt mắt hơn, trình bày nội dung rõ ràng, trải nghiệm của người dùng hiện đại và thân thiện hơn Thông thường CSS được dùng chung với HTML để làm cho trang web của bạn nổi bật các chi tiết và thành phần, hình ảnh website.
Hình 2.7: Ví dụ về CSS trong HTML Cấu trúc CSS:
Hình 2.8: Ví dụ về cấu trúc của 1 CSS
JAVASCRIPT
Là ngôn ngữ lập trình ngày càng phổ biến nhất trên thế giới Cũng giống như PHP, JavaScript có các khả năng có thể tương tác được với tệp đuôi html, php để tạo ra trang web động và chúng được thực thi ở phía người dùng.
Cách thức JavaScript giúp trang web tạo ra nhiều sự tương tác hơn:
− Truy cập nội dung: Chúng ta sử dụng JavaScript để chọn ra bất kỳ các thành phần, thuộc tính hoặc các đoạn văn bản từ trang HTML Chẳng hạn như lấy ra các đoạn văn bản có trong thẻ , lấy các trị giá của thuộc tính, các trị giá của class hoặc tìm ra toàn bộ các giá trị chứa trong thẻ input hay dựa vào id hoặc thuộc tính được truy vấn.
− Thay đổi nội dung: Với JavaScript việc thêm sửa xóa các thành phần, thuộc tính hoặc các đoạn văn bản có trong trang HTML hoặc PHP không còn là khó khăn Bằng việc sử dụng các id, class, thuộc tính, v.v.
− JavaScript có thể thêm một đoạn văn vào bất kỳ nơi đâu trên trang web, thay đổi các trị giá của một thuộc tính để kích để các quy tắc của CSS nhằm thay đổi các yếu tố.
− Đặt ra các quy tắc xử lý: JavaScript sử dụng các thuật toán để vạch ra các bước xử lý của một trang web, nó cho phép truy cập và thay đổi nội dụng của trang web Chẳng hạn như tăng dần kích thước hình ảnh khi người dùng kích vào hình ảnh, các hiệu ứng tự động chuyển ảnh, v.v.
− Phản ứng đối với các sự kiện: nhấn nút, lê chuột, lăn con trỏ chuột, kết thúc tải trang web v.v Từ đó, đưa ra các yêu cầu các xử lý đối với trang web.
REACTJS LIBRARY
ReactJS là một thư viện được viết bằng JavaScript được xây dựng từ một ông lớn công nghệ đó là Facebook, giúp lập trình viên xây dựng được giao diện sử dụng cho người dùng ReactJS có cộng đồng sử dụng rất lớn nên dễ dàng trong việc giải quyết vấn đê gặp phải.
Lợi ích khi sử dụng:
− React sẽ phân tách các giao diện người dùng thành các thành phần nhỏ được gọi là component (tạm gọi là các phần tử) Các phần tử được thực hiện một chức năng riêng của nó Nên các phần tử là “trái tim”của ReactJS ReactJS được hoạt động dựa trên DOM ảo của nó, việc cập nhật lại các phần tử sẽ được thuật toán diffing xử lý tính toán để quyết định phẩn tử đó có nên cập nhật lại hay không.
− ReactJS được viết tích hợp HTML vào trong Javascript với JSX JSX giúp lập trình viên React thuận tiện hơn trong việc hiển thị các trạng thái trên giao diện người dùng.
− Trước khi khởi tạo một dự án ReactJS, phải bảo đảm đã được cài đặt NodeJS Cài đặt NodeJS tại đường dẫn Node.js (nodejs.org)
− Tiếp theo dùng tool create-react-app để khởi tạo một dự án ReactJS (tham khảo Create a New React App – React (reactjs.org) ).
Hình ảnh cho khởi tạo Create React App:
Cấu trúc thư mục của một React App:
Hình 2.11: Cấu trúc thư mục React App
Nội dung bên trong các thư mục:
− Folder node_modules: Chứa tất cả các package của dự án.
− Folder public: Chứa các asset như index.html
− Folder src: Chứa app code.
− File package.json: Chứa các version package của dự án.[4]
PHÂN TÍCH VÀ THIẾT KẾ
PHÂN TÍCH YÊU CẦU
3.1.1 KẾT QUẢ SAU KHI NGHIÊN CỨU YÊU CẦU
Yêu cầu phi chức năng: Tuy không phải là các chức năng chính của hệ thống nhưng là những ràng buộc về các giải pháp để góp phần xây dụng một hệ thống hiệu quả, thoả mãn nhu cầu sử dụng của khách hàng cho các yêu cầu chức năng chính Yêu cầu phi chức năng thể hiện hệ thống làm việc hiệu quả đến mức nào ví dụ: về khả năng bảo trì, tính dễ sử dụng,…Ở đề tài của nhóm, các yêu cầu phi chức năng cần có bao gồm:
Khả năng xử lý các thao tác của người dùng một cách nhanh chóng và chính xác: Tìm kiếm mặt hàng, quản lý đơn hàng đã đặt, đăng ký/đăng nhập tài khoản cá nhân Không có vấn đề hoặc xung đột khi nhiều người sử dụng trang web Bảo mật hệ thống tốt về các mặt: thông tin cá nhân về tải khoản, mật khẩu của người dùng Đáp ứng các tiêu chí sau: sẵn sàng sử dụng, bảo mật, nhất quán và chính xác.
Yêu cầu chức năng: Các chức năng mà hệ thống phải thực thi được chỉ định.
Bảng 3.1: Bảng mô tả yêu cầu chức năng đối với khách hàng
STT CHỨC NĂNG LOẠI CHỨC NĂNG
1 Đăng ký tài khoản Truy cập
2 Đăng nhập tài khoản Truy cập
3 Tìm kiếm sản phẩm Tìm kiếm
4 Xem sản phẩm Truy cập
5 Thêm, xóa sản phẩm giỏ hàng Truy cập
6 Thêm, xóa sản phẩm yêu thích Truy cập
7 Mua sản phẩm từ giỏ hàng Truy cập
8 Cập nhật thông tin cá nhân Truy cập
9 Cập nhật thông tin nhận hàng Truy cập
Bảng 3.2: Bảng mô tả yêu cầu chức năng đối với nhà thuốc
STT CHỨC NĂNG LOẠI CHỨC NĂNG
2 Xem sản phẩm Truy cập
3 Thêm sản phẩm Thêm, xóa, sửa
4 Xóa sản phẩm Thêm, xóa, sửa
5 Sửa sản phẩm Thêm, xóa, sửa
6 Xem hóa đơn Truy cập
7 Thay đổi trạng thái đơn hàng Thêm, xóa, sửa
8 Xem, Xóa thông tin tài khoản người mua Thêm, xóa, sửa
3.1.2 SƠ ĐỒ CHỨC NĂNG SỬ DỤNG TỪNG ĐỐI TƯỢNG
Hình 3.1: Sơ đồ Usecase tổng quát
- Mô tả sơ đồ diagram Để có thể giải thích sơ đồ usecase diagram tổng quát, có thể mô tả chúng bằng các bảng dưới đây.
Bảng danh sách các usecase: Để mô tả chi tiết chức năng của mỗi actor thực
Bảng 3.3: Bảng đánh giá các Usecase
STT USE CASE CHỨC NĂNG
KHÁCH HÀNG MUA THUỐC TIỀM NĂNG
Các khách hàng tiềm năng dựa vào các
1 Tìm kiếm sản phẩm tiêu chí mong muốn nhập dữ liệu vào các ô tìm kiếm để tìm ra sản phẩm phù hợp.
Khách hàng tiềm năng xem thông tin chi
2 Xem sản phẩm tiết về giá, khuyến mãi và công dụng của sản phẩm.
Các khách hàng dựa vào các tiêu chí
3 Tìm kiếm sản phẩm mong muốn nhập dữ liệu vào các ô tìm kiếm để tra cứu sản phẩm phù hợp.
4 Xem sản phẩm Khách hàng xem thông tin chi tiết về giá, khuyến mãi và công dụng của sản phẩm. Sau khi xem qua về thông tin sản phẩm
5 Thêm, xóa sản phẩm vào giỏ thì khách hàng thêm sản phẩm vào giỏ hàng hàng hoặc xóa sản phẩm ra khỏi giỏi hàng.
Sau khi xem qua về thông tin sản phẩm
6 Thêm, xóa sản phẩm yêu thì khách hàng thêm sản phẩm vào danh thích sách sản phẩm yêu thích hoặc xóa sản phẩm ra danh sách yêu thích.
Sau khi thêm sản phẩm vào giỏ hàng nếu
7 Mua sản phẩm từ giỏ hàng người dùng muốn mua thì tiến hành mua các sản phẩm trong giỏ hàng.
Khách hàng thay đổi thông tin các nhân
8 Cập nhật thông tin cá nhân của họ như : Số điện thoại, giới tính, sinh
Khách hàng thay đổi thông tin về địa chỉ
9 Cập nhật địa chỉ nhận hàng nhận hàng để nhà thuốc căn cứ vào địa chỉ để giao hàng.
Khách hàng tiềm năng có đăng ký một tài
10 Đăng nhập / Đăng ký khoản mới thực hiện được tất cả các chức năng của một khách hàng.
Sau khi khách hàng đã đặt hàng thì khách hàng theo dõi thông tin về đơn hàng của
11 Xem đơn hàng mình đang được xử lý ở trạng thái nào
(Ví dụ: Đơn hàng đang ở trạng thái Đang giao hàng).
Nhà thuốc tìm kiếm theo sản phẩm theo
11 Tìm kiếm sản phẩm tiêu chí mong muốn ở trang quản lý của nhà thuốc.
12 Xem sản phẩm Nhà thuốc xem thông tin chi tiết về giá, khuyến mãi và công dụng của sản phẩm.
13 Đăng nhập Nhà thuốc đăng nhập bằng tài khoản quản lý để truy cập vào trang quản lý. Nhà thuốc thêm sản phẩm vào danh sách
14 Thêm sản phẩm sản phẩm Thêm thông tin về tên sản phẩm, mô tả sản phẩm, giá sản phẩm, khuyến mãi, danh mục, nổi bật.
15 Xóa sản phẩm Nhà thuốc xóa sản phẩm ra khỏi danh sách sản phẩm.
Nhà thuốc sửa thông tin sản phẩm về tên
16 Sửa sản phẩm sản phẩm, mô tả sản phẩm, giá sản phẩm, khuyến mãi, danh mục, nổi bật.
Nhà thuốc thay đổi trạng thái đơn hàng
18 Thay đổi trạng thái đơn hàng (Ví dụ: Chuyển trạng thái từ Chờ xử lý sang Đang xử lý)
Nhà thuốc xem thông tin của người mua
19 Xem, xóa thông tin người thuốc về Tên, sinh nhật, email, số điện mua thuốc thoại, địa chỉ hoặc xóa tài khoản.
Các tác nhân bao gồm: Phương pháp để các hoạt động được diễn ra một cách trơn tru trên một trang web đó là nhóm các tài khoản và điều chỉnh hoạt động cho phù hợp với từng nhóm tác nhân Hệ thống phân quyền từng nhóm tác nhân tài khoản và mỗi tài khoản được tổ chức sao cho mỗi tác nhân có thể thực thi được tối đa yêu cầu của mình một cách thích hợp Công nghệ đã tự động tạo ra ba tác nhân: quản lý, tài khoản khách hàng bao gồm các khách hàng tiềm năng.
Bảng 3.4: Các đối tượng trong ứng dụng
STT Tên đối tượng Ý nghĩa Vai Trò
1 Admin Quản lý Quản lý trang web
2 Khách hàng Khách hàng Người sử dụng
3 Khách hàng tiềm năng Khách hàng Người sử dụng
STT Ký hiệu Chú thích
THIẾT KẾ CƠ SỞ DỮ LIỆU
Hình 3.2: Mô hình quan hệ giữa các bảng Chi tiết các bảng dữ liệu:
Bảng user: Chứa danh sách các user với các thông tin id (khóa chính), tên, email, mật khẩu, sinh nhật, số điện thoại, giới tính.
Bảng addresses: Chứa danh sách các địa chỉ của user với các thông tin id
(khóa chính), user id, tỉnh/thành phố, quận/huyên, phường/xã, đường.
Bảng orders: Chưa danh sách các đơn hàng với các thông tin id (khóa chính), user id, address id, tổng số tiền, trạng thái đơn hàng.
Bảng order_detail: Chi tiết thông tin của đơn hàng với các thông tin id
(khóa chính), order_id, mã – tên – giá - số lượng của sản phẩm.
Bảng products: Chứa danh sách các sản phẩm với các thông tin như id
(khóa chính), tên – giá - mô tả - mô tả chi tiết - danh mục - khuyến mãi nổi bật của sản phẩm.
Bảng categories: Chứa danh sách các danh mục sản phẩm với các thông tin như id (khóa chính), tên danh mục, trạng thái danh mục.
Bảng slides: Chứa tất cả các ảnh slide trong trang web với các thông tin như id (khóa chính), tên banner.
Bảng admin: Chứa thông tin của admin (Nhà thuốc) như id (khóa chính),
Bảng images: Chứa tất cả các hình ảnh như id (khóa chính), tên hình ảnh, đường dẫn hình ảnh, kích thước ảnh.
Bảng favorite: Chứa sản phẩm yêu thích của user như id (khóa chính), mã user, mã sản phẩm.
KẾT QUẢ
KẾT QUẢ ĐẠT ĐƯỢC
Xuyên suốt thời gian thực hiện đề tài “Xây dựng ứng dụng cung cấp dược phẩm trên nền tảng website”, nhóm đã đưa những thông tin đã học được trong quá trình học tập để làm công cụ tốt nhất để hoàn thành đồ án tốt nghiệp Song, nhóm gặp những thử thách nhất định khi thực hiện đề tài nhưng cuối cùng nhóm đã nỗ lực hoàn thiện Hơn nữa, nhóm thu được thông tin mới trong khi tiếp tục đào sâu nghiên cứu và điều này tạo cơ hội cho nhóm củng cố kiến thức đã thu thập trước đó.
GIAO DIỆN DÀNH CHO KHÁCH HÀNG
Giao diện người mua thuốc (bao gồm cả khách hàng tiềm năng) Nội dung website có 3 thành phần chính: Header: Chứa logo, danh mục sản phẩm, thanh tìm kiếm sản phẩm, số lượng hàng trong giỏ và thông tin tài khoản Tư liệu: Nội dung ở đây liên quan đến từng liên kết trang web.Footer: Các cột cuối cùng của trang web, cung cấp thông tin về vị trí, trụ sở chính và thông tin liên hệ.
− Giao diện banner quảng cáo và sản phẩm khuyến mãi hot:
Hệ thống sẽ cập nhật các ưu đãi hiện tại của nhà thuốc, vật phẩm giảm giá và khuyến mại đặc biệt khi mua nhiều sản phẩm trong bộ bằng giao diện này Mục tiêu là thiết lập một tiêu điểm ở đầu trang để thu hút khách hàng.
Hình 4.2: Banner quảng cáo và sản phẩm khuyến mãi hot
− Giao diện sản phẩm nổi bật của nhà thuốc: Giao diện sẽ chỉ ra các sản phẩm được ưa thích và được chọn mua bởi nhiều người dùng.
Hình 4.3: Sản phẩm nổi bật của nhà thuốc
− Giao diện tất cả sản phẩm ở trang chủ: Tại đây, người dùng có thể xem qua tất cả các sản phẩm được cung cấp bởi hệ thống bao gồm tên, giá cả hiện tại, thông tin khuyến mãi của sản phẩm.
Hình 4.4: Các sản phẩm ở trang chủ
Giao diện Về chúng tôi Ở giao diện này, nhà thuốc sẽ giới thiệu tổng quát về đơn vị cung cấp dược phẩm để người dùng/khách hàng hiểu rõ hơn về nguồn cung cấp, các thông tin liên hệ cần thiết ví dụ: địa chỉ đơn vị chịu trách nhiệm, số điện thoại liên hệ và hướng dẫn hỗ trợ khách hàng.
Hình 4.5: Trang về chúng tôi (hình a)
Hình 4.6: Trang về chúng tôi (hình b)
Hình 4.7: Trang về chúng tôi (hình c)
Hình 4.8: Trang về chúng tôi (hình d) Đăng ký / Đăng nhập
Giao diện đăng ký cho phép người dùng tạo mới tài khoản trên hệ thống.
Sau khi đăng ký, người dùng sẽ đăng nhập vào hệ thống Sau khi đăng nhập, người dùng trở thành thành viên của hệ thống Khi là thành viên của hệ thống, người dùng có thể sử dụng, thao tác các chức năng của hệ thống như: lưu sản phẩm vào giỏ hàng, yêu thích sản phẩm, quan sát thông tin vận đơn, trạng thái đơn hàng khi đặt hàng.
Trang sản phẩm có các chức năng như tìm kiếm sản phẩm theo tên, theo danh mục, theo giảm giá, theo sản phẩm mới, theo giá thấp đến cao và cao đến thấp Hiển thị tất cả sản phẩm theo mục đích tìm kiếm.
Hình 4.11: Trang danh sách sản phẩm (hình a)
Hình 4.12: Trang danh sách sản phẩm (hình b)
Trang chi tiết sản phẩm:
Trang chi tiết sản phẩm có các thông tin sau: tên, giá, danh mục, mã, mô tả ngắn gọn, tình trạng sản phẩm, thông tin tiết của sản phẩm Ngoài ra còn có tính năng thêm vào giỏ hàng và thêm vào danh sách sản phẩm yêu thích.
Hình 4.13: Trang chi tiết sản phẩm (hình a)
Hình 4.14: Trang chi tiết sản phẩm (hình b)
Hình 4.15: Trang chi tiết sản phẩm (hình c)
Hình 4.16: Trang chi tiết sản phẩm (hình d) Trang giỏ hàng
Trang giỏ hàng gồm tính năng hiển thị sản phẩm trong giỏ hàng, tổng giá tiền, xác nhận thông tin địa chỉ nhận hàng.
− Trường hợp giỏ hàng không có sản phẩm nào:
Hình 4.17: Trang giỏ hàng không có sản phẩm nào
- Trường hợp giỏ hàng có sản phẩm:
Hệ thống sẽ hệ thống danh sách sản phẩm, giá sản phẩm dựa trên số lượng sản phẩm khách hàng chọn mua Ngoài ra, hệ thống còn cho phép khách hàng áp mã giảm giá (nếu có) Sau khi tính toán tổng giá thành sản phẩm (bao gồm mã giảm giá), hệ thống sẽ cho ra tổng giá thành của sản phẩm đang có trong giỏ hàng.
Sau khi khách hàng đồng ý thanh toán, hệ thống sẽ đưa khách hàng đến với giao diện xác nhận thông tin địa chỉ Tại giao diện này, khách hàng sẽ xác nhận thông tin địa chỉ nhận hàng hoặc nhập lại thông tin mới.
Hình 4.19: Trang xác nhận thông tin địa chỉ nhận hàng (hình a)
Hình 4.20: Trang xác nhận thông tin địa chỉ nhận hàng (hình b)
Hình 4.21: Trang đặt hàng thành công
Trang quản lý tài khoản
Trang quản lý tài khoản gồm các chức năng: quản lý thông tin tài khoản, quản lý thông tin địa chỉ, quản lý đơn hàng, danh sách sản phẩm yêu thích.
Hình 4.22: Thông tin tài khoản
Hình 4.23: Thông tin địa chỉ (hình a)
Hình 4.24: Thông tin địa chỉ (hình b)
Hình 4.25: Trang quản lý đơn hàng
Hình 4.26: Trang quản lý sản phẩm yêu thích
