TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ 2 WEBSITE Giáo viên hướng dẫn : Lương Khánh Tý Khoa : Khoa học Máy tính Môn : Công nghệ và lập trình web
ĐẦU
Lý do chọn đề tài
Ngày nay, sở thích đọc sách ngày càng phổ biến và phát triển mạnh mẽ, mang lại nguồn tri thức vô giá giúp cuộc sống trở nên văn minh hơn Tuy nhiên, trong bối cảnh dịch bệnh căng thẳng và cuộc sống bận rộn, nhiều người gặp khó khăn trong việc đến nhà sách để chọn mua những quyển sách ý nghĩa Nhận thức rõ vấn đề này, tôi đã xây dựng một trang web bán sách trực tuyến nhằm giúp khách hàng dễ dàng tiếp cận và mua sách yêu thích mà không mất nhiều thời gian Website cung cấp dịch vụ mua sách tiện lợi, nhanh chóng, phù hợp với nhu cầu ngày càng cao của người yêu đọc sách trong thời đại số.
Mục tiêu và nhiệm vụ nghiên cứu
Xây dựng website bán sách trực tuyến với các chức năng hoàn chỉnh, dễ sử dụng và thuận tiện cho việc quản lý
Việc xây dựng website bán sách giúp các nhà kinh doanh xử lý công việc nghiệp vụ nhanh chóng, hiệu quả và chính xác hơn so với phương pháp thủ công Điều này tiết kiệm thời gian, mở rộng thị trường sách trực tuyến, phù hợp với xu hướng phát triển của công nghệ thông tin Ngoài ra, website bán sách còn giúp doanh nghiệp quản lý thông tin khách hàng một cách an toàn, tránh rủi ro về rò rỉ dữ liệu nhạy cảm và nâng cao hiệu quả quản trị.
+ Phân tích và thiết kế hệ thống.
+ Thiết kế và xây dựng website.
Đối tượng và phạm vi nghiên cưu
+ Khách hàng là những người yêu sách, có sở thích đọc sách.
+ Quản lý và nhân viên tại cửa hàng bán sách
+ Website này có thể được ứng dụng cho các nhà sách có quy mô và hình thức hoạt động nghiệp vụ nhỏ
+ Đề tài xây dựng website bán sách
+ Lĩnh vực thiết kế website
+ Hoạt động bán sách, cập nhật sách và thông tin về sách.
- Tham khảo các website bán sách trên mạng.
- Tìm kiếm tài liệu trên internet có liên quan đến nội dung nghiện cứu
- Tìm hiểu về công cụ hỗ trợ lập trình và cách sử dụng
- Thu tập tài liệu liên quan đên nghiệp vụ quản lý website bán sách
1.5 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
Website được xây dựng đã áp dụng thành tựu của công nghệ thông tin vào lĩnh vực thương mại.
Sự ra đời của website này không chỉ giải quyết những nhu cầu của con người mà còn thuận lợi cho công tác quản lý của nhà sách
CƠ SỞ LÝ THUYẾT
HTML, CSS, JS, Boostrap
Trang web là sự kết hợp giữa văn bản và các thẻ HTML, được định nghĩa là HyperText Markup Language theo quy định của W3C Một tập tin HTML có thể xem như một tập tin bình thường có đuôi html hoặc htm, giúp định dạng nội dung trên trang web Các thẻ HTML không chỉ giúp định dạng văn bản mà còn cho phép liên kết các từ hoặc cụm từ đến các tài liệu khác trên Internet, nâng cao tính tương tác và chức năng của trang web.
CSS, viết tắt của Cascading Style Sheets, là công nghệ định nghĩa cách hiển thị các tài liệu HTML và XML Với vai trò quan trọng trong thiết kế web, CSS giúp các nhà phát triển dễ dàng áp đặt các phong cách đã thiết kế lên nhiều trang web khác nhau một cách nhanh chóng và đồng bộ, nâng cao hiệu quả và tính thẩm mỹ cho website.
JavaScript là ngôn ngữ lập trình phổ biến của HTML và Web, giúp tạo các trang web động một cách hiệu quả Nhẹ và dễ sử dụng, JavaScript cho phép các script phía Client tương tác trực tiếp với người dùng Nhờ vào khả năng thi hành nhanh chóng, JavaScript trở thành phần không thể thiếu trong phát triển web hiện đại, nâng cao trải nghiệm người dùng và tối ưu hóa hiệu suất trang web.
Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng.
Bootstrap là một framework cho phép thiết kế website reponsive nhanh hơn và dễ dàng hơn
Bootstrap là bộ công cụ gồm các mẫu HTML, CSS và Javascript giúp bạn dễ dàng tạo ra các thành phần cơ bản như typography, form, button, bảng, navigation, modals, carousel hình ảnh cùng nhiều thành phần khác Ngoài ra, Bootstrap còn tích hợp các plugin Javascript hỗ trợ thiết kế website phản hồi nhanh, dễ dàng và tiết kiệm thời gian hơn trong quá trình phát triển giao diện người dùng.
PHP, viết tắt của Hypertext Preprocessor, là một ngôn ngữ lập trình kịch bản mã nguồn mở phổ biến, chủ yếu dùng để phát triển ứng dụng máy chủ và website Đây là ngôn ngữ phù hợp để tạo các trang web động, dễ dàng nhúng vào mã HTML, giúp phát triển web nhanh chóng và hiệu quả.
2.3 Hệ quản trị CSDL MySQL
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới, được các nhà phát triển ưa chuộng trong quá trình phát triển ứng dụng Nhờ tốc độ cao, độ ổn định và tính dễ sử dụng, MySQL mang lại khả năng chuyển đổi linh hoạt và hoạt động trên nhiều hệ điều hành khác nhau Hệ thống này cung cấp một bộ hàm tiện ích mạnh mẽ, phù hợp với các ứng dụng truy cập cơ sở dữ liệu qua internet nhờ vào tính bảo mật cao và hiệu suất vượt trội.
MySQL là hệ quản trị cơ sở dữ liệu miễn phí, tích hợp cùng Apache và PHP, là phần mềm mã nguồn mở được hỗ trợ rộng rãi bởi cộng đồng lập trình viên yêu thích mã nguồn mở MySQL sử dụng cú pháp truy vấn và lệnh giống SQL, giúp dễ dàng quản lý dữ liệu cho các website Mặc dù chỉ đáp ứng các yêu cầu truy xuất dữ liệu đơn giản trong quá trình vận hành của website, nhưng MySQL vẫn có khả năng xử lý hầu hết các bài toán trong PHP.
2.4 Ngôn ngữ thiết kế hệ thống UML
UML (Unified Modeling Language) là ngôn ngữ dành cho việc đặc tả, hình dung, xây dựng và làm tài liệu của các hệ thống phần mềm
UML tạo cơ hội để viết thiết kế hệ thống, bao gồm những khái niệm như tiến trình nghiệp vụ và các chức năng của hệ thống.
Trong xây dựng các mô hình UML, việc mô tả chính xác hệ thống thông tin về cả cấu trúc và hoạt động là rất quan trọng Phương pháp tiếp cận theo mô hình UML giúp các nhà thiết kế và thực hiện hệ thống hiểu rõ hơn về toàn bộ hệ thống, tạo ra cái nhìn tổng thể và chi tiết về dự án Nhờ đó, người dùng có thể dễ dàng nắm bắt và phản hồi về các yêu cầu, từ giai đoạn phân tích đến thiết kế, thẩm định và kiểm thử sản phẩm công nghệ thông tin.
UML sử dụng hệ thống ký hiệu thống nhất để biểu diễn các phần tử mô hình (model elements), giúp minh bạch và dễ hiểu Các phần tử mô hình này kết hợp lại tạo thành các sơ đồ UML (UML diagrams), phản ánh các khía cạnh khác nhau của hệ thống phần mềm Các loại sơ đồ UML chủ yếu bao gồm sơ đồ lớp, sơ đồ trình tự, sơ đồ trạng thái, sơ đồ hoạt động và sơ đồ thành phần, nhằm mô tả rõ ràng cấu trúc và hành vi của hệ thống.
- Sơ đồ lớp (Class Diagram)
- Sơ đồ đối tượng (Object Diagram)
- Sơ đồ tình huống sử dụng (Use Cases Diagram)
- Sơ đồ trình tự (Sequence Diagram)
- Sơ đồ cộng tác (Collaboration Diagram hay là Composite Structure Diagram)
- Sơ đồ trạng thái (State Machine Diagram)
- Sơ đồ thành phần (Component Diagram)
- Sơ đồ hoạt động (Activity Diagram)
Hệ quản trị CSDL MYSQL
MySQL là hệ quản trị cơ sở dữ liệu nguồn mở phổ biến nhất thế giới, được các nhà phát triển ưa chuộng nhờ tốc độ cao, độ ổn định và tính dễ sử dụng Với khả năng hoạt động trên nhiều hệ điều hành và tính chuyển đổi linh hoạt, MySQL cung cấp một hệ thống các hàm tiện ích mạnh mẽ, giúp tối ưu hiệu suất xử lý dữ liệu Tốc độ nhanh và tính bảo mật cao khiến MySQL trở thành lựa chọn lý tưởng cho các ứng dụng truy cập cơ sở dữ liệu qua internet.
MySQL là hệ quản trị cơ sở dữ liệu miễn phí, tích hợp chung với Apache và PHP, phù hợp cho việc truy xuất dữ liệu đơn giản trong vận hành website Nhờ mã nguồn mở, MySQL nhận được nhiều sự hỗ trợ từ cộng đồng lập trình viên yêu thích mã nguồn mở MySQL sử dụng cú pháp và lệnh truy xuất tương tự SQL, giúp dễ dàng tích hợp vào các dự án PHP Mặc dù chủ yếu đáp ứng các nhu cầu truy xuất cơ sở dữ liệu đơn giản, MySQL vẫn có khả năng xử lý đa dạng các bài toán phức tạp trong ứng dụng web.
Ngôn ngữ thiết kế hệ thống UML
UML (Unified Modeling Language) là ngôn ngữ dành cho việc đặc tả, hình dung, xây dựng và làm tài liệu của các hệ thống phần mềm
UML tạo cơ hội để viết thiết kế hệ thống, bao gồm những khái niệm như tiến trình nghiệp vụ và các chức năng của hệ thống.
Trong xây dựng hệ thống thông tin, UML cung cấp các mô hình phù hợp để mô tả cả cấu trúc lẫn hoạt động của hệ thống Phương pháp tiếp cận theo mô hình của UML hỗ trợ các nhà thiết kế và những người thực hiện hệ thống trong việc hình dung toàn diện về hệ thống dự định xây dựng Nhờ đó, người dùng có thể nắm bắt rõ các yêu cầu, từ giai đoạn phân tích, thiết kế đến kiểm tra và hoàn thiện sản phẩm công nghệ thông tin UML giúp tạo ra một cái nhìn tổng thể, đầy đủ và chính xác về hệ thống, đảm bảo quá trình phát triển trở nên hiệu quả và dễ quản lý hơn.
UML sử dụng hệ thống ký hiệu chuẩn để biểu diễn các phần tử mô hình, giúp minh họa rõ ràng và dễ hiểu các thành phần hệ thống Các phần tử mô hình này tạo thành các sơ đồ UML khác nhau, phục vụ cho việc phân tích và thiết kế phần mềm Các loại sơ đồ UML chính bao gồm sơ đồ lớp, sơ đồ trình tự, sơ đồ hoạt động, sơ đồ trạng thái và sơ đồ thành phần, góp phần tối ưu hóa quá trình phát triển phần mềm và nâng cao khả năng truyền đạt ý tưởng kỹ thuật.
- Sơ đồ lớp (Class Diagram)
- Sơ đồ đối tượng (Object Diagram)
- Sơ đồ tình huống sử dụng (Use Cases Diagram)
- Sơ đồ trình tự (Sequence Diagram)
- Sơ đồ cộng tác (Collaboration Diagram hay là Composite Structure Diagram)
- Sơ đồ trạng thái (State Machine Diagram)
- Sơ đồ thành phần (Component Diagram)
- Sơ đồ hoạt động (Activity Diagram)
- Sơ đồ triển khai (Deployment Diagram)
- Sơ đồ gói (Package Diagram)
- Sơ đồ liên lạc (Communication Diagram)
- Sơ đồ tương tác (Interaction Overview Diagram - UML 2.0)
- Sơ đồ phối hợp thời gian (Timing Diagram - UML 2.0)
TÍCH VÀ THIẾT KẾ HỆ THỐNG
Mô tả bài toán
Đây là một loại hình kinh doanh qua mạng Với website bán sách, cửa hàng sẽ đưa thông tin của các loại sách lên trang web.
Người quản trị trang web có quyền thêm mới các mặt hàng khi có sản phẩm mới về, chỉnh sửa thông số của từng mặt hàng để đảm bảo thông tin chính xác, đồng thời xóa đi những mặt hàng đã hết hàng hoặc bị lỗi để duy trì danh mục sản phẩm cập nhật và chất lượng.
Khách vãng lai có thể xem trang web và thông tin về các mặt hàng, nhưng không có quyền mua hàng Để có thể mua hàng, người dùng cần đăng ký trở thành thành viên của trang web, đảm bảo quyền truy cập đầy đủ các tính năng mua sắm.
Khi có đơn đặt hàng, người quản lý sẽ đối chiếu thông tin khách hàng để đảm bảo chính xác trước khi tiến hành giao hàng Quá trình này đảm bảo sự chính xác và thuận tiện cho khách hàng trong quá trình mua bán Sau khi kiểm tra và xác nhận đơn hàng, hàng hóa sẽ được giao đến đúng địa chỉ đã cung cấp Như vậy, quá trình mua bán đã hoàn tất thành công, đáp ứng sự hài lòng của khách hàng.
Mô tả hoạt động của hệ thống
Hệ thống bán sách gồm có 2 website: Website khách hàng và Website quản trị
- Website khách hàng có 6 trang chính:
+ Tìm kiếm, mua sách, xem các thông tin của sách.
+ Gửi ý kiến đến nhà sách.
- Website quản trị có 4 trang chính:
+ Đưa ra danh sách các quyển sách, tìm kiếm, thêm sách mới, cập nhật, sửa, xóa thông tin một quyển sách
Chúng tôi cung cấp thông tin chi tiết về các quyển sách nổi bật từ từng nhà xuất bản, bao gồm tên sách, tên tác giả, nhà xuất bản, nội dung tóm tắt ngắn gọn và giá bán để giúp người đọc lựa chọn dễ dàng Các hình ảnh bìa sách sống động và rõ nét cũng được cập nhật để nâng cao trải nghiệm thị giác Ngoài ra, website của bạn sẽ được tối ưu hóa bằng cách thêm, sửa hoặc xóa các slider phù hợp, nhằm thu hút sự chú ý của khách hàng và tăng tính tương tác.
+ Xem chi tiết đơn hàng
3.3 YÊU CẦU PHI CHỨC NĂNG
Giao diện thân thiện và dễ sử dụng giúp người quản trị nhanh chóng thao tác Hệ thống được thiết kế nhanh, thuận tiện và chính xác, tạo điều kiện tối ưu để quản lý mặt hàng hiệu quả mà không tốn nhiều thời gian hay công sức.
Hệ thống rút ngắn được thời gian nhập thông tin của sách và đơn giản hóa quá trình nhập thông tin Hệ thống bao gồm các chức năng:
- Quản lý thông tin của các mặt hàng.
- Giúp quản lý các hoạt động kinh doanh của nhà sách.
- Giúp quảng bá thông tin tới khách hàng.
- Xây dựng một website quản lí nhà sách tiện lợi, hiệu quả với chi phí phù hợp.
- Nâng cao hoạt động của hàng hóa thông qua việc tin học hóa bộ phận quản lí và tiết kiệm được chi phí.
3.5 MÔ HÌNH HÓA YÊU CẦU
3.5.1.1 Biểu đồ use case tổng quan hệ thống
Hình 2.1: Biểu đồ use case tổng quan hệ thống
3.5.1.2 Biểu đồ use case quản lý kho hàng
Hình 2.2: Biểu đồ use case quản lý kho hàng
3.5.1.3 Biểu đồ use case quản lý đơn hàng
Hình 2.3: Biểu đồ use case quản lý đơn hàng
3.5.1.4 Biểu đồ use case giỏ hàng
Hình 2.4: Biểu đồ use case giỏ hàng
3.5.3.1 Biểu đồ trạng thái chức năng đăng nhập
Hình 2.6: Biểu đồ trạng thái chức năng đăng nhập
3.5.3.2 Biểu đồ trạng thái quản lý kho hàng
Hình 2.7: Biểu đồ trạng thái quản lý kho hàng
3.5.3.3 Biểu đồ trạng thái chức năng tìm kiếm
Hình 2.8: Biểu đồ trạng thái chức năng tìm kiếm
3.5.4.1 Biểu đồ tuần tự chức năng đăng nhập
Hình 2.9: Biểu đồ tuần tự chức năng đăng nhập
3.5.4.2 Biểu đồ tuần tự quản lý kho hàng
Hình 2.10: Biểu đồ tuần tự quản lý kho hàng
3.5.4.2 Biểu đồ tuần tự chức năng tìm kiếm
Hình 2.11: Biểu đồ tuần tự chức năng tìm kiếm
3.6 THIẾT KẾ CƠ SỞ DỮ LIỆU
Hình 2.12: Bảng thiết kế cơ sở dữ liệu
Sort_by Int active Int
Mô hình hóa yêu cầu
3.5.1.1 Biểu đồ use case tổng quan hệ thống
Hình 2.1: Biểu đồ use case tổng quan hệ thống
3.5.1.2 Biểu đồ use case quản lý kho hàng
Hình 2.2: Biểu đồ use case quản lý kho hàng
3.5.1.3 Biểu đồ use case quản lý đơn hàng
Hình 2.3: Biểu đồ use case quản lý đơn hàng
3.5.1.4 Biểu đồ use case giỏ hàng
Hình 2.4: Biểu đồ use case giỏ hàng
3.5.3.1 Biểu đồ trạng thái chức năng đăng nhập
Hình 2.6: Biểu đồ trạng thái chức năng đăng nhập
3.5.3.2 Biểu đồ trạng thái quản lý kho hàng
Hình 2.7: Biểu đồ trạng thái quản lý kho hàng
3.5.3.3 Biểu đồ trạng thái chức năng tìm kiếm
Hình 2.8: Biểu đồ trạng thái chức năng tìm kiếm
3.5.4.1 Biểu đồ tuần tự chức năng đăng nhập
Hình 2.9: Biểu đồ tuần tự chức năng đăng nhập
3.5.4.2 Biểu đồ tuần tự quản lý kho hàng
Hình 2.10: Biểu đồ tuần tự quản lý kho hàng
3.5.4.2 Biểu đồ tuần tự chức năng tìm kiếm
Hình 2.11: Biểu đồ tuần tự chức năng tìm kiếm
3.6 THIẾT KẾ CƠ SỞ DỮ LIỆU
Hình 2.12: Bảng thiết kế cơ sở dữ liệu
Sort_by Int active Int
Các bảng dữ liều
Sort_by Int active Int
TRIỂN KHAI VÀ XÂY DỰNG WEBSITE
Giao diện website quản trị
Hình 3.7 : Giao diện đăng nhập
Hình 3.8 : Giao diện trang chủ
Hình 3.9 : Giao diện danh mục
Hình 3.10 : Giao diện sản phẩm
4.2.1 Giao diện chi tiết đơn hàng
Hình 3.12 : Giao diện chi tiết đơn hàng
4.2.1 Giao diện quản lý đơn hàng
Hình 3.13 : Giao diện quản lý đơn hàng