Khi một người truy cập vào website, WordPress sẽ tự động xử lý theo quy trình sau: Bước 1 – Khởi động mã nguồn Tập tin index.php trong mã nguồn không phải của theme hay plugin được tải
GIỚI THIỆU CÔNG CỤ VÀ NGÔN NGỮ LỰA CHỌN
Giới thiệu chung về Wordpress
WordPress là phần mềm mã nguồn mở được phát triển bằng ngôn ngữ PHP và sử dụng MySQL làm hệ quản trị cơ sở dữ liệu Được ra mắt vào ngày 27/5/2003 bởi Matt Mullenweg và Mike Little, hiện nay WordPress thuộc sở hữu và phát triển bởi công ty Automattic có trụ sở tại San Francisco, California, Hoa Kỳ.
WordPress là một mã nguồn mở bằng ngôn ngữ PHP, nổi bật với tính dễ sử dụng và nhiều tính năng hữu ích, hỗ trợ tạo blog cá nhân Từ khi ra mắt, số lượng người dùng và lập trình viên tham gia phát triển WordPress ngày càng tăng, giúp cải thiện và mở rộng các tính năng của nó Đến năm 2015, WordPress đã trở thành một hệ quản trị nội dung (CMS) vượt trội, cho phép người dùng tạo ra nhiều loại website khác nhau, từ blog, website tin tức/tạp chí, đến giới thiệu doanh nghiệp và thương mại điện tử Hầu hết các hình thức website quy mô nhỏ và vừa đều có thể triển khai trên nền tảng WordPress.
Những Thành tựu của Wordpress
Khi khám phá WordPress, bạn sẽ cảm thấy tự hào vì đây là một mã nguồn CMS mở nổi bật và phổ biến nhất trên toàn cầu Để xác nhận điều này, bạn cần tìm hiểu thêm về những thành tựu vượt bậc của nó.
- Trên thế giới, có khoảng 25 bài viết đƣợc đăng lên các website sử dụng WordPress mỗi giây
- Số lƣợng website làm bằng WordPress chiếm 23% tổng số lƣợng website trên thế giới
- Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60%
- Phiên bản WordPress 4.0 đạt hơn 16 triệu lƣợt tải chỉ sau khoảng hai tháng
- WordPress đã đƣợc dịch sang 52 ngôn ngữ khác nhau Tuy nhiên lại chƣa có
- Có hơn 80 chương trình họp mặt về WordPress được tổ chức vào năm 2014
- Mã nguồn WordPress hiện đang có khoảng 785 lập trình viên cùng hợp tác phát triển
- Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thƣ viện WordPress.org thì đã có hơn 2.700 themes khác nhau
*Hoạt động của mã nguồn Wordpress:
Các dữ liệu làm việc thế nào?
WordPress được lập trình với nhiều tính năng cho phép tương tác với cơ sở dữ liệu MySQL, giúp người dùng lưu trữ dữ liệu mềm trên website Tất cả dữ liệu mềm, bao gồm nội dung văn bản, các thiết lập và một số dữ liệu khác, đều được lưu trữ trong cơ sở dữ liệu.
Nếu vào xem database thông qua phpMyAdmin hoặc các ứng dụng tương tự, sẽ thấy WordPress có nhiều bảng dữ liệu để chứa các dữ liệu được lưu vào
WordPress làm gì mỗi khi có người truy cập vào website?
Khi một người truy cập vào website, WordPress sẽ tự động xử lý theo quy trình sau:
Bước 1 – Khởi động mã nguồn
Tập tin index.php trong mã nguồn WordPress (không phải của theme hay plugin) được tải trước, sau đó truy xuất các tập tin cốt lõi như wp-config.php để kết nối đến cơ sở dữ liệu và wp-settings.php Bạn có thể mở tập tin index.php để theo dõi quy trình tải các tập tin theo thứ tự Trong bước này, WordPress sẽ thiết lập kết nối với cơ sở dữ liệu được cấu hình trong wp-config.php, sau đó nạp các tính năng cần thiết từ mã nguồn như /wp-includes/functions.php và /wp-includes/options.php.
Trong bước này, tất cả dữ liệu trong bảng wp_options có giá trị autoload là true sẽ được lấy ra, bất kể thiết lập có được sử dụng hay không Mục đích là để chuẩn bị các tùy chọn của website và các plugin cho các bước tiếp theo, đặc biệt là quá trình tải plugin để đảm bảo hoạt động chính xác Do đó, trong bài tối ưu bảng wp_options, mình khuyên bạn nên xóa bớt các hàng dữ liệu không cần thiết để giảm thời gian tải.
Các plugin được kích hoạt trên website sẽ được tải ngay sau khi mã nguồn WordPress khởi động Điều này xảy ra vì các tính năng trong WordPress Core thường được gắn vào hook init, một điểm neo để kích hoạt các kịch bản, dẫn đến việc chúng sẽ được tải ngay sau khi WordPress khởi động.
Bước 3 – Thực thi tập tin functions.php trong theme
WordPress sẽ tìm đến tập tin functions.php trong theme đang được kích hoạt để tải các tính năng đã được khai báo Để xác định theme đang sử dụng, WordPress kết nối vào cơ sở dữ liệu và dựa vào khoá current_theme trong cột option_name tại bảng wp_options.
WordPress xác định nội dung hiện tại thông qua cơ sở dữ liệu Bước 4 – Phân tích và khởi tạo truy vấn là giai đoạn quan trọng giúp website hiển thị nội dung ra bên ngoài, vì nội dung sẽ được trả về sau khi các truy vấn được gửi đến cơ sở dữ liệu Để tìm hiểu chi tiết về quá trình phân tích này, bạn có thể xem thêm tại đây.
Truy vấn nghĩa là một mệnh lệnh đƣợc gửi vào database nhằm lấy các thông tin
Initially, WordPress executes the wp() function defined in /wp-includes/functions.php, which calls the $wp->main() method to set up the query The $wp object is instantiated by the WP class located in /wp-includes/class-wp.php.
* Set up the WordPress query
* @param string|array $query_vars Default WP_Query arguments
*/ function wp( $query_vars = '' ) { global $wp, $wp_query, $wp_the_query;
$wp->main( $query_vars ); if ( !isset($wp_the_query) )
$wp_the_query = $wp_query;
Phương thức $wp->parse_request() trong WordPress được khởi động để phân tích truy vấn dựa trên đường dẫn của website Khi người dùng truy cập vào một liên kết như http://domain.com/?p3, WordPress sẽ tự động tạo ra một truy vấn đến cơ sở dữ liệu để lấy dữ liệu của bài viết có ID tương ứng là 123.
Sau khi phân tích truy vấn, WordPress thiết lập các hàm điều kiện qua phương thức $wp_query->parse_query() Tiếp theo, nó chuyển đổi các truy vấn thành lệnh SQL để gửi đến MySQL và lấy dữ liệu bài viết bằng phương thức $wp_query->get_posts() Nếu cơ sở dữ liệu có dữ liệu, các bài viết sẽ được lấy về và lưu vào đối tượng $wp_query, sẵn sàng cho các vòng lặp hiển thị bài viết.
Trong quá trình gửi truy vấn này, nếu nó không tìm thấy dữ liệu thì sẽ phân tích và hiển thị báo lỗi 404
Cuối cùng, khi có dữ liệu, biến $post sẽ được thiết lập để sử dụng trong vòng lặp Biến $post chứa các dữ liệu của bài viết thông qua các thuộc tính, và chúng ta sẽ tìm hiểu sâu hơn về query và vòng lặp trong phần tiếp theo.
Bước 5 – Thực thi các tập tin khuôn mẫu (template) trong theme
Sau khi nó đã có dữ liệu bài viết và các dữ liệu liên quan mà nó đã làm ở bước
Khi xử lý các tập tin template của theme, hệ thống sẽ sử dụng cấu trúc template để hiển thị nội dung và trang chủ của website thông qua các template tags dưới dạng HTML.
Giới thiệu Woocommerce
WooCommerce là một plugin miễn phí nổi bật cho việc xây dựng trang thương mại điện tử nhỏ trên nền tảng WordPress Plugin này không chỉ bổ sung chức năng cho website mà còn cung cấp hầu hết các tính năng cần thiết cho một cửa hàng trực tuyến đơn giản.
Woocommerce sẽ có các chức năng chính nhƣ:
Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sản phẩm affiliate và sản phẩm kỹ thuật số (có thể tải về)
Hỗ trợ một số hình thức thanh toán online nhƣ PayPal, Credit Card, CoD, Cash và sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó
Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng
Hỗ trợ tính giá chuyển phát tự động, có nhiều loại hình tính giá khác nhau, và có thể được mở rộng hơn khi cài đặt thêm plugin Chúng tôi cung cấp khả năng tính giá dựa trên các yếu tố như cân nặng, kích thước, và tỉnh thành.
Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từng trạng thái
Hỗ trợ template hiển thị riêng giúp lập trình viên tự cấu hình lại giao diện phần shop và sản phẩm, mang lại nhiều lợi ích cho quá trình phát triển.
Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang shop chuyên nghiệp
Và hàng tá các chức năng hay ho khác nữa
Với các tính năng nổi bật, Woocommerce là lựa chọn lý tưởng cho những ai muốn tạo một trang shop đơn giản trên website WordPress, giúp giới thiệu sản phẩm và cho phép khách hàng đặt hàng trực tuyến một cách tiện lợi.
1.3.1 Cài đặt và thiết lập cơ bản:
-Trước tiên bạn tìm plugin tên Woocommerce trong Dashboard và cài plugin tên WooCommerce – excelling eCommerce rồi cài nó
Hình 1 1 Tìm plugin “Woocommerce” trên thư viện
Sau khi cài đặt và kích hoạt Woocommerce, bạn sẽ được chuyển đến trang thiết lập ban đầu Hãy nhấn vào nút "Cài đặt bản dịch" để cài đặt ngôn ngữ phù hợp cho website, ví dụ như cài bản dịch tiếng Việt nếu bạn đang sử dụng WordPress tiếng Việt Cuối cùng, ấn nút "Bắt đầu" để tiếp tục.
Hình 1 2 Cài đặt bản dịch và thiết lập cho Woocommerce
Bước tiếp theo là cài đặt các trang cần thiết cho Woocommerce, bao gồm Cửa hàng, Giỏ hàng, và Thanh toán Những trang này là bắt buộc để hoàn thiện chức năng của cửa hàng trực tuyến Vì vậy, hãy nhấn nút Tiếp tục để tiếp tục quá trình cài đặt.
Hình 1 3 Cài đặt trang cần thiết cho Woocommerce
Để cài đặt vị trí cửa hàng, bạn cần chỉ định quốc gia, loại tiền tệ và định dạng tiền tệ cho cửa hàng của mình Nếu cửa hàng của bạn hoạt động tại Việt Nam, hãy thiết lập theo hướng dẫn trong hình ảnh dưới đây.
Để thiết lập vị trí và định dạng tiền tệ phù hợp với Việt Nam, bạn chỉ cần nhấn "Tiếp tục" ở bước cài đặt vận chuyển và thuế mà không cần chọn gì thêm Việc cấu hình này sẽ được thực hiện chi tiết ở mục riêng sau đó Sau khi hoàn tất, hãy quay lại trang quản trị để tiếp tục.
Hình 1 5 Đã thiết lập hoàn thành
1.2.2 Tìm hiểu các trang trong Woocommerce:
Sau khi cài đặt Woocommerce, trong phần quản lý trang (Pages), bạn sẽ thấy một số trang mặc định được tạo ra tự động Những trang này là cần thiết để sử dụng các chức năng cơ bản trên trang bán hàng của bạn.
Hình 1.6 Các trang mặc định của Woocommerce Ở đây bao gồm:
Cửa hàng: Trang này sẽ hiển thị các sản phẩm mới nhất trên website và có phân trang
Giỏ hàng: Trang này sẽ là trang giỏ hàng của bạn khi thêm hàng vào giỏ, nó sẽ hiển thị các sản phẩm có trong giỏ hàng
Tài khoản của tôi: Đây là trang quản lý tài khoản của khách hàng nếu họ đăng nhập vào website
Thanh toán: Trang thanh toán đơn hàng, hay còn gọi là trang Checkout
Còn cái Trang mẫu là cái Sample page khi cài WordPress, không có gì cả
Trong đó, trang Cửa hàng sẽ đƣợc thiết lập ở Woocommerce -> Cài đặt -> Sản phẩm -> Hiển thị
Hình 1 7 Thiết lập trang cửa hàng
Các trang còn lại tuy không thiết lập ở đây nhƣng để nó hoạt động thì nội dung phải cần có các shortcode tương ứng như sau:
Tài khoản của tôi: [woocommerce_my_account]
Dĩ nhiên là những shortcode đó đều có trong các trang mặc định mà Woocommerce tạo ra rồi
Lỡ xóa các trang của Woocommerce, làm sao để tạo lại?
Nếu một hoặc tất cả các trang trong Woocommerce bị mất do bạn vô tình xóa hoặc vì lý do khác, bạn có thể khôi phục chúng bằng cách truy cập vào Woocommerce -> Tình trạng hệ thống -> Công cụ và nhấn vào nút Cài đặt trang.
Hình 1.8 Thiết lập lại các trang bị mất
Thêm một sản phẩm đơn giản
1.4.1 Nhập thông tin sản phẩm: Để thêm một sản phẩm, bạn vào Sản phẩm -> Thêm sản phẩm
Hình 1 9 Menu thêm sản phẩm
Tại đây nó sẽ giống nhƣ trang thêm bài viết, nhƣng nó sẽ có nhiều chức năng
Phần tiêu đề và nội dung chúng ta sẽ nhập nó nhƣ tiêu đề sản phẩm và nội dung mô tả chi tiết của sản phẩm
Hình 1 10 Nhập tiêu đề và mô tả chi tiết của sản phẩm
Dưới phần Dữ liệu sản phẩm, hãy chọn loại Sản phẩm đơn giản Tiếp theo, bạn sẽ nhập thông tin cần thiết như giá cả, mã sản phẩm và quản lý kho hàng trong các trường bên dưới.
Hình 1 11 Khung nhập dữ liệu sản phẩm
Chung: Trong phần này, bạn sẽ nhập thông tin về mã sản phẩm và giá sản phẩm Mã sản phẩm giúp bạn quản lý kho hàng hiệu quả hơn Giá bán chuẩn là giá gốc của sản phẩm, trong khi giá khuyến mãi là mức giá sau khi giảm Bạn cũng có thể thiết lập thời gian hiệu lực cho giá khuyến mãi.
Kiểm kê kho hàng là quá trình xác định số lượng sản phẩm hiện có trong kho Để quản lý kho hàng hiệu quả, bạn cần đánh dấu số lượng hàng tồn kho Tình trạng kho hàng sẽ cho biết sản phẩm còn hàng hay đã hết hàng.
Khi bạn kích hoạt tính năng kiểm kê kho hàng, sản phẩm sẽ tự động chuyển sang trạng thái hết hàng khi số lượng đã bán hết Nếu bạn muốn giới hạn khách hàng chỉ được mua một sản phẩm trong mỗi đơn hàng, hãy đánh dấu tùy chọn bán riêng.
Giao nhận hàng hóa yêu cầu xác định trọng lượng, kích thước sản phẩm và phương thức giao hàng Đối với trọng lượng, cần nhập số liệu cụ thể của sản phẩm, đồng thời thiết lập đơn vị đo lường tương ứng.
Trong phần cài đặt Woocommerce, bạn cần nhập kích thước sản phẩm bao gồm chiều dài, chiều rộng và chiều cao, với đơn vị được thiết lập tại đây Ngoài ra, hãy chọn loại hình giao nhận hàng phù hợp, thông tin chi tiết sẽ được đề cập trong bài viết khác.
Kết nối các sản phẩm giúp người mua dễ dàng tìm kiếm và nhận gợi ý mua sắm hợp lý Bán thêm cho phép gợi ý sản phẩm thay thế tốt hơn cho sản phẩm hiện tại mà khách hàng đang xem Ví dụ, nếu bạn có một sản phẩm mới ưu việt hơn, hãy thêm vào phần gợi ý này Bán chéo khuyến khích khách hàng mua thêm sản phẩm liên quan khi họ xem giỏ hàng, như việc gợi ý sạc hoặc vỏ điện thoại khi họ đang xem iPhone 6S Cuối cùng, việc nhóm các sản phẩm lại với nhau giúp khách hàng mua sắm theo nhóm thay vì từng sản phẩm riêng lẻ, điều này sẽ được trình bày chi tiết hơn ở phần sau.
Các thuộc tính: Thiết lập thuộc tính sản phẩm nhƣ màu sắc, kích thước,…nhưng mình sẽ nói kỹ hơn ở phần khác
Để nâng cao trải nghiệm khách hàng, bạn có thể thực hiện một số thiết lập bổ sung cho sản phẩm Đầu tiên, hãy thêm ghi chú thanh toán để gửi thông điệp đến khách hàng sau khi họ hoàn tất mua hàng Thứ hai, thiết lập menu đơn hàng với số thứ tự ưu tiên cho sản phẩm trong giỏ hàng; số càng nhỏ sẽ càng được ưu tiên hiển thị Cuối cùng, hãy đánh dấu tùy chọn cho phép đánh giá sản phẩm, giúp khách hàng có cơ hội chia sẻ trải nghiệm của họ.
KHẢO SÁT HỆ THỐNG
2.1.1 Giới thiệu chung về hệ thống
Công ty Cổ phần Thương mại Andin, hay ANDIN TRADING JOINT STOCK COMPANY (ANDIN JSC), được thành lập vào ngày 6 tháng 7 năm 2017, trước đây mang tên Công ty TNHH Công nghệ và Dịch vụ Minh Hiền (Minh Hien Solutions - MHS).
Nơi đăng ký địa chỉ Doanh nghiệp: Số 7/B259 khu T2, P Thành Tô, Q Hải An, Thành phố Hải Phòng, Việt Nam
MHS ra đời với sứ mệnh phát triển phần mềm và website chú trọng vào trải nghiệm người dùng, thông qua tốc độ, sự linh hoạt và tính dễ sử dụng Công ty cam kết nâng cao hiệu quả công việc cho khách hàng, đồng thời chọn cho mình con đường phát triển dựa trên chất lượng và uy tín hàng đầu.
Sau một thời gian tích lũy kinh nghiệm và xây dựng đội ngũ chuyên nghiệp, thương hiệu Andin chính thức ra mắt vào ngày 28 tháng 5 năm 2022 với sứ mệnh mới: "Website - nơi Khách hàng trở về."
ANDIN JSC, do ông Đỗ Đức Hùng làm Chủ tịch HĐQT, chuyên hoạt động trong lĩnh vực Công nghệ thông tin, bao gồm thiết kế website, phát triển phần mềm và ứng dụng, cùng với việc cung cấp giải pháp thương mại điện tử cho doanh nghiệp Để đáp ứng nhu cầu ngày càng cao, nhân sự tại Andin luôn cần được trau dồi và nâng cao ý thức về sứ mệnh của từng vị trí trong công ty Đối tượng khách hàng chính của ANDIN JSC là các chủ doanh nghiệp.
Dưới đây là các phòng ban của công ty:
2.2.1 Hoạt động của hệ thống:
- Người ghé thăm website có thể xem, tìm kiếm thông tin về các sản phẩm, tin tức, chương trình khuyến mãi của cửa hàng
Khách hàng có thể dễ dàng chọn sản phẩm vào giỏ hàng để đánh dấu những món hàng mình muốn, hoặc có thể lựa chọn khi đã chắc chắn về sản phẩm mà mình muốn mua.
- Khách hàng có thể liên hệ trực tiếp tới nhân viên của công ty để trao đổi, tƣ vấn
- Có thể cho tổ chức lưu trữ, cập nhật thông tin tin tức, thông tin các chương trình của công ty
- Cho phép lưu trữ, cập nhật thông tin về sản phẩm, chi tiết sản phẩm
- Cho phép cập nhật thông tin của khách hàng đặt hàng
- Cho phép lưu trữ, cập nhật thông tin đặt hàng, đơn hàng
- Có thể xem thông tin về cửa hàng, địa chỉ liên hệ, chính sách bảo mật, hướng dẫn đặt hàng
2.2.2 Các yêu cầu chức năng:
Chức năng của người dùng
- Xem lại các danh mục sản phẩm
- Tìm kiếm sản phẩm theo từng phân loại sản phẩm
- Xem chi tiết sản phẩm
- Thêm sản phẩm vào giỏ hàng
- Quản lý sản phẩm: Thêm, sửa, xóa, tìm kiếm sản phẩm
- Quản lý khách hàng: Thêm, sửa, xóa, tìm kiếm khách hàng
- Quản lý danh mục sản phẩm: Thêm, sửa xóa, tìm kiếm danh mục sản phẩm
- Quản lý đơn hàng: Thêm, sửa, xóa, tìm kiếm danh mục sản phẩm
2.2.3 Các yêu cầu phi chức năng:
- Hình ảnh của mặt hàng đối với mọi người
- Giao diện thân thiện, dễ sử dụng
- Mua bán các sản phẩm trên web
- Tìm kiếm thông tin sản phẩm, thông tin khách hàng, thông tin nhà cung cấp nhanh chóng, dễ dàng
- Thống kê bán hàng nhập hàng, doanh thu, sản phẩm bán chạy nhất một cách nhanh chóng, chính xác
- Cập nhật những mẫu mã mới nhất đến với khách hàng
- An toàn thông tin: Bảo mật, an toàn, chính xác
PHÂN TÍCH, THIẾT KẾ HỆ THỐNG
3.1 Biểu đồ Use-case tổng quát
Hình 3 1 Biểu đồ use case tổng quát
3.2 Biểu đồ Use Case phân rã
3.2.1 Use Case cho khách hàng
Hình 3 2 Use Case cho khách hàng
3.2.2 Use Case cho người bán hàng
Hình 3 3 Các UC cho người bán hàng
Hình 3 4 Use Case: Đăng nhập
Tác nhân Khách hàng, người quản lý
Mô tả UC cho phép khách hàng đăng nhập vào hệ thống
Tiền điều kiện Thành viên chƣa đăng nhập vào hệ thống
1 Thành viên chọn chức năng đăng nhập
2 Form đăng nhập hiển thị
3 Nhập tên, mật khẩu vào form đăng nhập
4 Nếu thành viên nhập sai mật khẩu hoặc tài khoản thì chuyển sang luồng A1
5 Đăng nhập thành công sẽ thực hiện một phiên của khách hàng
Luồng sự kiện rẽ nhánh
Luồng sự kiện A1 : Thành viên đăng nhập không thành công
Hệ thống thông báo quá trình đăng nhập không thành công
Hệ thống yêu cầu khách thành viên nhập lại tài khoản và mật khẩu để đảm bảo an toàn Sau khi đăng nhập thành công, khách thành viên có thể truy cập và sử dụng đầy đủ các tính năng của hệ thống.
Hình 3 5 Use Case: Đăng ký
Mô tả Cho phép khách xem đăng ký thành viên của hệ thống
1 Khách xem chọn mục đăng ký thành viên
2 Form đăng ký thành viên hiển thị
3 Khách xem nhập thông tin cần thiết vào form
5 Hệ thống thông báo kết quả Nếu thông tin không chính xác thì thực hiện luồng A1 Nếu chính xác thì thực hiện bước 6
6 Hệ thống cập nhật thông tin khách xem vào danh sách thành viên
Luồng sự kiện rẽ nhánh
Luồng A1 : Quá trình nhập thông tin không chính xác
1 Hệ thống báo thông tin nhập không chính xác
2 Hệ thống yêu cầu khách nhập lại thông tin
3 Nếu khách hàng đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý thì UC kết thúc
Hậu điều kiện Khách hàng trở thành thành viên của hệ thống
Bảng 3 2 Use Case: Đăng ký
Mô tả Cho phép tìm kiếm các sản phẩm
Luồng sự kiên chính 1 Người sử dụng kích vào mục tìm kiếm sản phẩm
2 Hệ thống hiển thị form tìm kiếm
3 Người sử dụng nhập thông tin cần thiết vào form tìm kiếm
5 Hệ thống báo kết quả tìm kiếm
Luồng sự kiện rẽ nhánh
Bảng 3 3 Use Case: Tìm kiếm
Hình 3 6 Use Case: Tìm kiếm 3.2.6 Use case quản lí thông tin cá nhân
Hình 3 7Use case quản lí thông tin cá nhân
Tên UC Xem thông tin cá nhân
Mô tả UC cho phép thành viên của hệ thống xem các thông tin cá nhân của mình
Khách hàng đã đăng nhập vào hệ thống
1 Thành viên chọn mục Xem thông tin cá nhân
2 Form xem thông tin thành viên xuất hiện, hệ thống hiển thị thông tin cá nhân của thành viên
3 Hệ thống cung cấp liên kết để thành viên có thể sửa đổi thông tin cá nhân
Luồng sự kiện rẽ nhánh
Bảng 3 4 Xem thông tin cá nhân
Tên UC Sửa thông tin cá nhân
Cho phép thành viên chỉnh sửa thông tin cá nhân của mình
Thành viên phải đăng nhập vào hệ thống
1 Thành viên chọn chức năng sửa thông tin
2 Hệ thống hiển thị các thông tin hiện tại của thành viên
3 Thành viên nhập các thông tin mới
4 Nhấn nút lƣa thông tin
5 Nếu cập nhật thành công thì thực hiện bước 6 Nếu sai thì thức hiện luồng rẽ nhánh A1
Luồng sự kiện rẽ nhánh
Luồng A1 : Thông tin nhập không hợp lệ
1 Hệ thống thông báo việc nhập không hợp lệ
2 Thành viên nhập lại thông tin
3 Quay lại bước 4 của luồng sự kiên chính
Thông tin thành viên được lưu vào hệ thống
Bảng 3 5 Sửa thông tin cá nhân
3.2.7 Use case quản lí giỏ hàng
Hình 3 8 Use case quản lí giỏ hàng
Tên UC Thêm sản phẩm vào giỏ
Mô tả UC cho phép khách hàng thêm sản phẩm vào giỏ hàng của mình
Tiền điều kiện Sản phẩm đã đƣợc chọn
1 Chọn chức năng thêm giỏ hàng Nếu sản phẩm đã tồn tại trong giỏ chuyển A1
2 Hiển thị thông báo xác nhận chuyển tới giỏ hàng Nếu đồng ý
3 Sản phẩm đƣợc thêm vào giỏ
Luồng sự kiện rẽ nhánh
A1 : Sản phẩm tồn tại trong giỏ hàng
1 Hiển thị thông báo sản phẩm đã tồn tại trong giỏ
2 UC kết thúc A2 : Chuyển đến giỏ hàng
1 Hiển thị danh sách sản phẩm khách hàng đã chọn có trong giỏ
2 UC kết thúc Hậu điều kiện Sản phẩm được hệ thống lưu tại giỏ hàng
Tên UC Xóa sản phẩm trong giỏ hàng
Mô tả UC cho phép khách hàng thực hiện xóa sản phẩm trong giỏ hàng
Tiền điều kiện Giỏ hàng phải tồn tại sản phẩm
1 Khách hàng chọn chức năng xóa tại sản phẩm cẩn xóa
2 Hệ thống hiển thị xác nhận xóa sản phẩm trong giỏ
3 Sản phẩm đƣợc xóa khỏi giỏ
Luồng sự kiện rẽ nhánh
Hậu điều kiện Hệ thống loại bỏ sản phẩm khỏi giỏ
Bảng 3 6 Use case quản lí giỏ hàng 3.2.8 Use case đặt hàng
Hình 3 9 Use case đặt hàng
UC cho phép khách hàng lập một đơn đặt hàng để mua các sản phẩm trong shop
Tiền điều kiện Khách hàng đã đăng nhập vào hệ thống
1 Khách hàng tìm kiếm và chọn sản phẩm mình muốn mua
2 Hệ thống hiện thị chi tiết sản phẩm
3 Khách hàng chọn nút thêm vào giỏ hàng
4 Hệ thống hiển thị giỏ hàng của bạn
5 Khách hàng chọn nút mua hàng
7 Khách hàng chọn nút chấp nhận đặt hàng Nếu không rẽ A1
Luồng sự kiện rẽ nhánh
A1: Khách hàng không muốn đặt hàng
Khách hàng có thể chọn hủy đơn hàng bất kỳ thời gian nếu trước khi chấp nhận đặt hàng
Bảng 3 7 Use case đặt hàng
3.2.9 Use case quản lý sản phẩm
Hình 3 1 Use case quản lý sản phẩm 3.2.10 Use case quản lý đơn đặt hàng
Tên UC Quản lý sản phẩm
Tác nhân Quản lý bán hàng
UC cho phép người quản lý thêm, xoá, thay đổi thông tin của các sản phẩm trong danh mục
Tiền điều kiện Người quản lý đã đăng nhập vào hệ thống
Người quản lý chọn kiểu tác động lên sản phẩm: thêm sản phẩm, thay đổi thông tin sản phẩm, xoá sản phẩm ra khỏi danh mục
1 Hệ thống hiển thị form nhập thông tin sản phẩm
2 Người quản lý nhập thông tin sản phẩm
3 Nhấn nút lưu thông tin Nếu nhập thành công thì thực hiện bước 1.5 Nếu sai thực hiện luồng sự kiện rẽ nhánh A1
4 Lưu thông tin sản phẩm
B Thay đổi thông tin sản phẩm:
1 Hệ thống hiển thị form sửa thông tin của sản phẩm
2 Người quản lý nhập các thông tin cần thay đổi
3 Nhấn nút lưu thông tin
4 Nếu việc thay đổi thành công thì thực hiện bước
5 Nếu sai thực hiện luồng sự kiện rẽ nhánh A1
1 Người quản lý chọn sản phẩm cần xoá
2 Nhấn nút xoá để thực hiện loại bỏ sản phẩm
3 Hệ thống hiển thị thông báo xác nhận loại bỏ Nếu người quản lý đồng ý thì thực hiện bước 1.4 Nếu không đồng ý thì thực hiện bước 1.5
4 Thông báo sản phẩm đã đươc xoá
5 Hệ thống hiển thị lại danh sách sản phẩm
Luồng sự kiện rẽ nhánh
Luồng sự kiện rẽ nhánh A1:
1 Hệ thống thông báo việc nhập dữ liệu không hợp lệ
2 Người quản lý nhập lại thông tin
3 Quay lại bước 1.3 của luồng sự kiện chính Hậu điều kiện Các thông tin về sản phẩm đƣợc cập nhật vào cơ sở dữ liệu
Bảng 3 8 Quản lý sản phẩm
Tên UC Quản lý đơn đặt hàng
Tác nhân Quản lý bán hàng
Mô tả Hệ thống cho phép admin cập nhật trạng thái và xóa đơn đặt hàng trong CSDL Tiền điều kiện Admin đã đăng nhập vào hệ thống
Luồng sự kiên Người quản lý chọn kiểu tác động lên đơn đặt hàng :
1 Người quản lý chọn nút thay đổi trạng thái đơn đặt hàng tại đơn hàng mình cần thay đổi
2 Hệ thống hiện thị thông báo xác nhận thay đổi
3 Người quản lý chọn lưu
4 Đơn đặt hàng thay đổi trang thái sau khi đƣợc chọn
1 Người quản lý chọn sản phẩm cần xoá
2 Nhấn nút xoá để thực hiện loại bỏ sản phẩm
3 Hệ thống hiển thị thông báo xác nhận loại bỏ Nếu người quản lý đồng ý thì thực hiện bước 1.4 Nếu không đồng ý thì thực hiện bước 1.5
4 Thông báo sản phẩm đã đươc xoá
5 Hệ thống hiển thị lại danh sách sản phẩm
Luồng sự kiện rẽ nhánh
Hậu điều kiện Thông tin về đơn đặt hàng đƣợc cập nhật vào cơ sở dữ liệu
Hình 3 3 Biểu đồ đăng nhập 3.3.2 Đăng ký
Hình 3 4 Biểu đồ đăng ký
3.4 Sửa thông tin cá nhân
Hình 3 5 Biểu đồ tìm kiếm 3.3.4 Sửa thông tin cá nhân
Hình 3 6 Biểu đồ sửa thồng tin cá nhân
3.3.5 Thêm sản phẩm vào giỏ
Hình 3 7 Thêm sản phẩm vào giỏ 1
Hình 3 8 Thêm sản phẩm vào giỏ 2
3.3.6 Cập nhật trạng thái đơn hàng
Hình 3 9 Cập nhật trạng thái đơn hàng
3.4.1 Biểu đồ tuần tự đăng nhập
Hình 3 19 Biểu đồ tuần tự đăng nhập
3.4.2 Biểu đồ tuần tự đăng ký
Hình 3 10 Biểu đồ tuần tự đăng ký
3.4.3 Biểu đồ tuần tự tìm kiếm
Hình 3 11 Biểu đồ tuần tự tìm kiếm 3.4.4 Biểu đồ tuần tự đặt hàng
3.4.5 Biểu đồ tuần tự thêm sản phẩm
Hình 3 13 Biểu đồ tuần tự thêm sản phẩm
3.4.6 Biểu đồ tuần cập nhật trạng thái
Hình 3 14 Biểu đồ tuần cập nhật trạng thái
3.4.7 Biểu đồ cộng tác đăng nhập
Hình 3 15 Biểu đồ cộng tác đăng nhập
3.4.8 Biểu đồ cộng tác sửa thông tin cá nhân
Hình 3 16 Biểu đồ cộng tác sửa thông tin cá nhân 3.4.9 Biểu đồ cộng tác tìm kiếm sản phẩm
3.4.10 Biểu đồ cộng tác đặt hàng
Hình 3 18 Biểu đồ cộng tác đặt hàng
3.4.11 Biểu đồ thực thể liên kết
Hình 3 29 Biểu đồ thực thể liên kết
THIẾT KẾ GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH
Việc chọn lựa công nghệ phù hợp cho ứng dụng phát triển là rất quan trọng Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ, nhiều công nghệ và ngôn ngữ mới ra đời để đáp ứng nhu cầu đa dạng trong các lĩnh vực khác nhau Đề tài "Thiết kế website bán đồ chăm sóc sức khỏe bằng WordPress" được xây dựng dựa trên kiến thức cơ bản về nghiệp vụ và công nghệ hiện có trong ngôn ngữ.
Công nghệ sử dụng: Wordpress
Ngôn ngữ lập trình: PHP, AJAX, Javascript & jQuery
Lưu trữ dữ liệu: MS SQL Server 2012
4.2 Giới thiệu hệ quản trị SQL Server 2012 và VS 2017
4.2.1 Giới thiệu hệ quản trị SQL Server 2012
SQL Server 2012 là hệ quản trị cơ sở dữ liệu (RDBMS) sử dụng câu lệnh SQL để truy vấn và quản lý dữ liệu Hệ thống này bao gồm cơ sở dữ liệu, máy dữ liệu và các ứng dụng hỗ trợ quản lý dữ liệu cùng các thành phần khác trong RDBMS.
SQL Server 2012 is optimized for operation in very large database environments, capable of handling data up to terabytes and serving thousands of users simultaneously It integrates seamlessly with other servers such as Microsoft Internet Information Server (IIS), E-Commerce Server, and Proxy Server Various versions of SQL Server 2012 are available to meet diverse needs.
Gói Enterprise cung cấp hỗ trợ không giới hạn cho số lượng CPU và kích thước cơ sở dữ liệu Bên cạnh đó, gói này cũng hỗ trợ RAM không giới hạn, mặc dù điều này phụ thuộc vào kích thước RAM tối đa mà hệ điều hành hỗ trợ, cũng như các hệ thống 64bit.
Standard: Tương tự như bản Enterprise nhưng chỉ hỗ trợ 4 CPU Ngoài ra phiên bản này cũng không đƣợc trang bị một số tính năng cao cấp khác
Workgroup: Tương tự bản Standard nhưng chỉ hỗ trợ 2 CPU và tối đa 3GB RAM
Cài đặt Microsoft NET Framework 2.0: Để cài đặt thành công SQL Server Express Edition hay các phiên bản SQL Server 2015 khác, Microsoft NET Framework 2.0 phải được cài đặt trước
Gỡ bỏ các phiên bản Beta, CTP hoặc Tech Preview của SQL Server 2012,Visual Studio 2015 và Microsoft NET Framework 2.0 đã cài đặt trước
Cài đặt SQL Server 2012 Express Edition: Microsoft SQL Server 2005 Express Edition là phiên bản miễn phí, dễ sử dụng và “nhẹ” của Microsoft SQL Server
2012 Microsoft SQL Server 2005 Express Edition đƣợc tích hợp trong Visual Studio
2015 tạo ra sự dễ dàng trong việc phát triển các ứng dụng hướng CSDL SQL Server
20012 Express Edition được tự do sử dụng trong các ứng dụng thương mại và dễ dàng cập nhật lên các phiên bản cao hơn khi cần thiết
Installing SQL Server Management Studio Express provides users with an intuitive interface to interact with the components of Microsoft SQL Server 2012 Express Edition Before proceeding with the installation of SQL Server Management Studio Express, it is essential to have MSXML 6.0 installed.
WordPress là phần mềm nguồn mở được viết bằng PHP và sử dụng MySQL, là bộ đôi ngôn ngữ lập trình website phổ biến nhất hiện nay Được ra mắt vào ngày 27/5/2003 bởi Matt Mullenweg và Mike Little, WordPress hiện nay được sở hữu và phát triển bởi công ty Automattic có trụ sở tại San Francisco, California, Hoa Kỳ.
4.3 Giới thiệu giao diện website
Hình 4 1 Giao diện trang chủ 4.3.2: Phần footer
4.3.3 Giao diện đăng nhập, đăng ký thành viên
Hình 4 3 Giao diện trang đăng nhập
Hình 4 4 Giao diện trang đăng ký 4.3.4 Giao diện tìm kiếm sản phẩm
Hình 4 5 Hiển thị kết quả tìm kiếm sản phẩm
Hình 4 6 Giao diện đặt hàng 4.3.6 Giao diện giỏ hàng, thanh toán
Hình 4 7 Giao diện giỏ hàng
Hình 4 8 Giao diện thanh toán 4.3.8 Giao diện trang quản lý tài khoản cho admin
4.3.9 Giao diện quản lý sản phẩm
Hình 4 10 Giao diện quản lý sản phẩm 4.3.10 Giao diện thống kê bán hàng
Hình 4 11 Giao diện thống kê bán hàng
4.3.11 Giao diện quản lý đơn hàng
Hình 4 12 Giao diện quản lý đơn hàng