Những năm gần đây, ở Việt Nam, cùng với sự phát triển vượt bậc của khoa học công nghệ, ebook (sách điện tử) đã không còn là khái niệm xa lạ. Giới trẻ ngày nay đã quá quen thuộc với ebook, nhất là khi hàng loạt dự án sách điện tử đang ra đời với tốc độ chóng mặt. Theo thống kê của hãng bán lẻ trực tuyến Amazon (Mỹ), cứ 100 cuốn sách giấy bán ra thì có tương ứng 143 cuốn sách điện tử được người đọc tiếp cận. Điều này cho thấy, một trào lưu văn hoá đọc mới trên thế giới đang bắt đầu hình thành, trào lưu đọc sách điện tử Ebook 3. Với lẽ đó BOOK STORY là một trang thương mại điện tử về ebook đã ra đời nhằm mục đích đưa sách gần hơn đến với giới trẻ. Với mong muốn rằng với mỗi người dùng khi đến với BOOK STORY, khi tự đọc những cuốn sách, những câu chuyện của người khác họ sẽ tự viết lên câu chuyện và cuốn sách của chính họ.
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CƠNG NGHỆ WEB VÀ ỨNG DỤNG ĐỀ TÀI: Cửa hàng giới thiệu bán sách online Giảng viên hướng dẫn: Trần Anh Dũng Lớp: SE347.N12.PMCL Sinh viên thực hiện: Nguyễn Thanh Hiếu MSSV: 20521328 Đỗ Tài MSSV: 19522149 Nguyễn Minh Thắng MSSV: 19522210 TP Hồ Chí Minh Nhận Xét MỤC LỤC GIỚI THIỆU 1.1 Từ ngữ viết tắt thuật ngữ 5 TỔNG QUAN DỰ ÁN 2.1 Thông tin đề tài 2.2 Yêu cầu hệ thống 2.2.1 Yêu cầu môi trường 2.2.2 Yêu cầu giao diện 2.2.3 Yêu cầu công nghệ sử dụng 2.2.4 Yêu cầu chức 2.2.5 Yêu cầu phi chức Tổ chức dự án 3.1 Mơ hình phát triển phần mềm 3.2 Các quy tắc nhóm Mơ hình hóa 4.1 Sơ đồ Use case 9 11 12 12 4.1.1 Sơ đồ Usecase tổng 12 4.1.2 Danh sách User: gồm admin user 12 4.1.3 Danh sách Use-case 13 4.1.4 Đặc tả Use-case 14 4.2 Sơ đồ 16 4.2.1 Quy trình đưa sản phẩm vào giỏ hàng 17 4.2.2 Quy trình đặt mua 18 4.2.3 Quy trình thêm sản phẩm 19 4.3 Sơ đồ lớp 20 4.3.1 Sơ đồ lớp mức 20 4.3.2 Danh sách lớp 20 4.4.3 Mô tả chi tiết lớp 20 4.4.3.1 Lớp user 20 4.4.3.2 Lớp book 21 4.4.3.3 Lớp comment 21 4.4.3.4 Lớp category 22 4.4.3.5 Lớp blogs 22 4.4.3.6 Lớp cart 22 4.4.4 Quan hệ lớp 23 4.4.4.1 Quan hệ user cart 23 4.4.4.2 Quan hệ book cart 23 4.4.4.3 Quan hệ book category 24 4.4.4.4 Quan hệ blogs user 24 4.4.4.5 Quan hệ comment user 24 4.4.4.4 Quan hệ comment user 25 Thiết kế giao diện 5.1 Kiến trúc website 25 25 5.1.1 kiến trúc giao diện trang chủ 25 5.1.2 Kiến trúc giao diện trang chi tiết sách 26 5.1.3 Kiến trúc giao diện trang phân loại sách 26 5.1.3 Kiến trúc giao diện trang profile user 27 5.1.4 Kiến trúc giao diện trang tốn 27 5.2 Mơ tả giao diện 27 5.2.1 Trang đăng nhập 27 5.2.2 Trang đăng ký 28 5.2.3 Thanh navbar trang chủ 29 5.2.4 Thanh navbar trang thành phần 30 5.2.5 Thanh Footer 31 5.2.6 List sách trang chủ 31 5.2.7 Phần hiển thị chi tiết sách 32 5.2.8 Phần comment sách gợi ý trang chi tiết sách 32 5.2.9 Trang toán 33 5.2.10 Trang category 35 5.2.11 Trang blog 36 5.2.12 Trang profile user 37 Cài đặt kiểm thử 37 6.1 Danh sách chức 37 6.2 Mức độ hoàn thành chức 38 6.3 Kiểm thử 38 Kết luận hướng phát triển 40 7.1 Kết luận 40 7.2 Hướng phát triển 41 - GIỚI THIỆU Tài liệu báo cáo đồ án môn học Công nghệ Web ứng dụng nhóm bao gồm tồn trình phân chia quản lý tiến độ cơng việc thành viên nhóm, nội dung cách sử dụng trang web Những năm gần đây, Việt Nam, với phát triển vượt bậc khoa học công nghệ, ebook (sách điện tử) khơng cịn khái niệm xa lạ Giới trẻ ngày quen thuộc với ebook, hàng loạt dự án sách điện tử đời với tốc độ chóng mặt Theo thống kê hãng bán lẻ trực tuyến Amazon (Mỹ), 100 sách giấy bán có tương ứng 143 sách điện tử người đọc tiếp cận Điều cho thấy, trào lưu văn hoá đọc giới bắt đầu hình thành, trào lưu đọc sách điện tử - Ebook [3] Với lẽ BOOK STORY trang thương mại điện tử ebook đời nhằm mục đích đưa sách gần đến với giới trẻ Với mong muốn với người dùng đến với BOOK STORY, tự đọc sách, câu chuyện người khác họ tự viết lên câu chuyện sách họ Đồ án khơng sử dụng template có sẵn Cả nhóm tự bàn bạc, thiết kế lại figma Link figma: link figma Nhóm lấy data sách trang web: https://bookshop.org - 1.1 Từ ngữ viết tắt thuật ngữ Từ viết tắt Diễn giải PO Product owner : Người sở hữu sản phẩm Audio Sách nói Ebook Sách điện tử - TỔNG QUAN DỰ ÁN - 2.1 Thông tin đề tài - Tên đề tài: BOOKSTORY (Trang web bán sách ebook online) - Đối tượng người dùng: Người quản lý người dùng, sản phẩm (Admin); Người dùng quan tâm mua sách ebook (User) - Nhiệm vụ đề tài: + Tìm hiểu hoạt động hệ thống thực + Phân tích chức năng, giao diện, liệu hệ thống thực + Thiết kế hệ thống + Cài đặt chương trình + Tạo website giúp người quan tâm đến ebook: ● Có thêm hình thức mua hàng thuận tiện, dễ dàng, nhanh chóng ● Giúp kết nối người yêu sách, quan tâm đến sách lại với Với chức giúp người dùng tạo blog chủ đề sách mà quan tâm Cịn sửa xóa blog, tìm kiếm blog xem blog đăng gần ● Người mua trở thành người chủ với tồn quyền lựa chọn sản phẩm, tìm kiếm thông tin sản phẩm theo nhu cầu, so sánh giá cả, đặt mua hàng với hệ thống tính toán tiền tự động, đầy đủ, rõ ràng, trung thực xác - Kết cần đạt được: + Hiểu phân tích thiết kế hệ thống bán sách online + Hiểu số giải pháp, quy trình xây dựng website + Xây dựng website bán hàng có đầy đủ chức - 2.2 Yêu cầu hệ thống 2.2.1 Yêu cầu môi trường - - STT Mô tả yêu cầu Chạy trình duyệt web Chạy hệ điều hành, tảng khác Cơ sở liệu sử dụng firebase 2.2.2 Yêu cầu giao diện Mã - Mô tả yêu cầu Giao diện hệ thống phải đáp ứng tiêu chí quan trọng dự án giới thiệu sản phẩm, giao dịch trực tuyến thuận tiện đảm bảo an toàn Các điều khiển trang web cần quen thuộc, dễ thao tác với người dùng Thơng tin hình ảnh bao qt, đẹp dễ dàng lựa chọn tìm kiếm Giao diện có tiếng Anh Hiển thị thông tin chi tiết khách lựa chọn Nội dung thơng tin hình ảnh động Kiểu giao diện thay đổi động tác giúp hạn chế đơn điệu Tên trường thông tin, chức phải thống toàn giao diện 2.2.3 Yêu cầu công cụ ngôn ngữ lập trình sử dụng - - - - Figma: Cơng cụ giúp nhóm thiết kế giao diện ban đầu cho website bán sách Trong q trình làm đồ án nhóm điều chỉnh lại giao diện nên website không giống 100% thiết kế figma ban đầu Link figma: link figma Draw.io: [12] website cung cấp tảng cho người dùng vẽ biểu đồ, mơ hình, sơ đồ đơn giản Visual studio code: Dùng để soạn thảo đoạn code, hỗ trợ trình thực xây dựng, thiết kế website Github: Dùng để lưu source code, ngồi cịn kết nối cách merge code thành viên lại với Link github: github/e-book Excel: phân chia công việc cho thành viên thông qua Product backlog với mơ hình Agile/Scrum Link product backlog: ProductBacklog-nhóm 8.xlsx Word: Viết mô tả dự án, viết báo cáo Microsoft Teams: Nơi để thành viên chia sẻ hình cho fix bug sửa lỗi cho Mỗi tuần vào meet họp việc làm tuần qua chia sẻ khó khăn, cải thiện điểm tốt làm lên kế hoạch cho tuần sau Drive: nơi lưu trữ tài liệu liên quan đến dự án: Link drive: drive web Yarn: [1] công cụ quản lý gói phần mềm (Package) cho phép người dùng sử dụng chia sẻ gói phần mềm với lập trình viên - NPM: [2] (Node Package Manager) công cụ tạo quản lý thư viện javascript cho Nodejs NPM kho lưu trữ trực tuyến cho package/module - ReactJS: [4] thư viện Javascript dùng để để xây dựng tương tác với thành phần website Điểm bật ReactJS việc render liệu không thực Server mà Client Firebase: [5] dịch vụ sở liệu hoạt động tảng đám mây – cloud Giúp người lập trình đơn giản hóa thao tác với sở liệu Bootstrap: [6] framework HTML, CSS, JavaScript cho ta dễ dàng thiết kế website theo chuẩn định Trong website dùng bootstrap cho trang web dùng form đơn giản login, register, … - - - Kiến trúc mơ hình: Client-Server: bao gồm thành phần máy chủ server máy khách client 2.2.4 Yêu cầu chức - - - - - - Đăng ký/Đăng nhập: + Tài khoản phải ký để sử dụng + Nếu chưa kích hoạt phải kích hoạt trước đăng nhập + Đăng nhập thành công đưa đến trang chủ Quản lý sách: + Thêm mới, sửa, xóa sách Quản lý thơng tin người dùng: + Thêm, sửa, xóa user Xem sort sách theo loại sách (category): + Xem thông tin sách (title, tác giả, mô tả, giá tiền, loại sách) + Phân loại sách theo loại sách Tìm kiếm sách blog: + Search sách theo title sách để tìm kiếm + Search blog theo title blog để tìm kiếm Mua sách: + Bấm vào “add to cart” để thêm sách vào giỏ hàng sau vào giỏ hàng chọn sách cần mua + Bấm vào “Buy” để mua trực tiếp Tạo blog: + Bấm vào nút “Create blog” để tạo blog Tạo blog gồm title, tên người tạo, trang bìa, nội dung Xem profile user: + Xem blog user, tạo blog, tìm blog - 2.2.5 Yêu cầu phi chức - Giao diện thân thiện, dễ sử dụng - Ứng dụng tiện dụng, dễ dùng cho người dùng Cả người có tảng tin học người khơng có tảng tin học - Chương trình chạy ổn định, xác có độ an tồn cao - Gọn nhẹ, tốn tài nguyên hệ thống - Hạn chế đến mức thấp sai sót xảy q trình sử dụng nâng cấp tích hợp thêm tính - Truy cập liệu nhanh chóng - Tổ chức dự án - 3.1 Mơ hình phát triển phần mềm - Dự án sử dụng mơ hình Agile Agile phương pháp phát triển phần mềm linh hoạt để đưa sản phẩm đến tay khách hàng nhanh tốt, hướng tiếp cận cụ thể cho việc quản lý dự án phần mềm Scrum dạng mô hình Agile Framework phổ biến thực mơ hình agile Scrum mơ hình phát triển phần mềm lặp lặp lại Những khoảng lặp cố định thường kéo dài 1,2 tuần gọi lại Sprint Iteration [13] Trong dự án Sprint tương ứng với 10 ngày + Thanh search : dùng để search sách theo title sách + Nút category : hover menu chứa loại sách, click vào loại sách cụ thể để di chuyển tới trang loại sách đó: category/:category_id Nút category hover + Biểu tượng cart : click vào để chuyển sang trang tốn + Phần hiển thị trang bìa sách : hiển thị bìa sách sách bật , bấm vào thay đổi background nội dung header Giao diện navbar trang chủ bấm vào sách khác thay đổi background content bên trái + Phần mô tả : hiển thị tên sách, tên tác giả, mô tả sách nút see more chuyển tới trang chi tiết trang sách chọn + Thanh menu: gồm trang home, trang hiển thị tất sản phẩm, trang blogs, trang toán - 5.2.4 Thanh navbar trang thành phần - Giao diện - Mô tả + Phần logo : chuyển trang trang /home 30 + Phần menu: gồm trang home, trang hiển thị tất sản phẩm, trang blogs, trang toán + Thanh search : dùng để search nội dung phụ thuộc theo trang ( search blog title trang blogs, search user trang profile …) - 5.2.5 Thanh Footer - Giao diện - Mô tả: Giao diện trang footer nằm trang home trang thành phần, bao gồm thông tin chủ sở hữu website ( địa chỉ, số điện thoại, tài khoản mạng xã hội, email, quyền) thông tin loại sách - 5.2.6 List sách trang chủ - Giao diện - Mô tả: Phần list sách trang chủ nằm giao diện trang homepage, phần navbar footer, bao gồm : + Sản phẩm hiển thị theo bìa sách, title, tác giả giá tiền + Bấm vào phần title để chuyển đến trang chi tiết sách + Hover phần bìa sách hiển thị phần tóm tắt nội dung sách Và đầy đủ tên sách phần tooltip bên 31 - 5.2.7 Phần hiển thị chi tiết sách - Giao diện - Mô tả: Giao diện trang mô tả chi tiết sách nằm trang book/:book_id, giao diện trang bao gồm : + Phần bìa sách hiển thị bên trái + Title sách: Tên sách + Category : Hiển thị loại sách sách + Phần thông tin : hiển thị giá, mô tả, tác giả sách + Phần select format : chọn audio ebook + Phần button : thêm vào giỏ hàng, nút buy chuyển đến trang toán, nút preview chuyển trang đến trang đọc sách - 5.2.8 Phần comment sách gợi ý trang chi tiết sách - Giao diện 32 - Mô tả: Phần comment sách gợi ý trang chi tiết sách nằm trang chi tiết sách, giao diện bao gồm : + Phần đăng comment : gồm ô input cho phép người người dùng nhập vào comment button gửi comment + Phần hiển thị comment: phần comment hiển thị dạng (avatar người comment, tên, ngày comment, nội dung comment) + Phần recommend: hiển thị sách có loại sách giống với sách hiển thị phần chi tiết, hiển thị dạng ảnh bìa sách, hover hiển thị tên tên sách giá tiền, click để chuyển tới trang chi tiết sách - 5.2.9 Trang tốn - Giao diện khơng có sản phẩm 33 - - - Mơ tả: Trang toán hiển thị người dùng bấm vào biểu tượng cart trang home menu, trang toán bao gồm: + Logo: bấm chuyển trang home + Phần total: hiển thị tổng giá sản phẩm chọn checkbox + Phần toán : gồm toán momo thẻ ngân hàng + Nút toán: sau bấm hiển thị noti warning khơng có sách góc bên phải + Giao diện có sản phẩm noti khơng có sách Mơ tả: Trang tốn hiển thị người dùng bấm vào nút pay trang chi tiết sách bấm vào biểu tượng cart trang home menu, trang toán bao gồm: + Logo: bấm chuyển trang home + Phần hiển thị sản phẩm : hiển thị sách thêm giỏ hàng người dùng bấm add to cart trang chi tiết sách Gồm cột: hình ảnh 34 bìa sách, tên, forma, tên tác giả giá tiền, dòng hiển thị kèm checkbox + Phần total: hiển thị tổng giá sản phẩm chọn checkbox + Phần toán : gồm toán momo thẻ ngân hàng + Nút toán: sau bấm thực quy trình tốn, hiển thị noti thành cơng góc bên phải chuyển sang trang tốn thành cơng chuyển trang home noti thành cơng + + Giao diện trang tốn thành cơng: sau bấm tốn sang trang tốn thành cơng sau giây quay trở trang home + - 5.2.10 Trang category - Giao diện 35 - - Mô tả: Trang category hiển thị người dùng bấm vào loại sách trang chi tiết sách bấm vào best seller menu, trang category bao gồm: + Phần sort sách ngang: xếp sách theo popular ( phổ biến nhất), Newest (mới nhất), Hot sale (Giảm giá) sort sách theo giá tiền từ thấp tới cao cao xuống thấp + Phần sort sách dọc: xếp sách theo loại sách action, comedy, horror, + Sản phẩm hiển thị theo bìa sách, title, tác giả giá tiền + Bấm vào phần title để chuyển đến trang chi tiết sách + Hover phần bìa sách hiển thị phần tóm tắt nội dung sách 5.2.11 Trang blog - Giao diện 36 - - Mô tả: Trang blog hiển thị bấm vào nút blog menu Trang blog gồm: + Bên trái: Gồm ảnh bìa blog, người tạo blog, tên blog, nội dung nút view more để chi tiết blog + Bên phải: Gồm Button tạo blog, search blog, trang blog đăng gần 5.2.12 Trang profile user - Giao diện - Mô tả: Trang profile user hiển thị bấm vào avatar user Trang profile gồm: + Gồm avatar user, tên user + Bên trái: gồm tất blog mà người dùng đăng + Bên phải: Gồm Button tạo blog, Button sửa profile,thanh search blog - Cài đặt kiểm thử - 6.1 Danh sách chức STT Tên chức Đăng ký tài khoản khách hàng Đăng nhập Tra cứu sản phẩm 37 - - Tìm kiếm sản phẩm lọc theo mặt hàng, giá Cập nhật thông tin chi tiết sản phẩm Gợi ý sản phẩm tương tự Thêm sản phẩm vào giỏ hàng Cập nhật giỏ hàng Tính tiền 10 Đặt hàng 11 Tạo blog 12 Chỉnh sửa thông tin cá nhân người dùng 6.2 Mức độ hoàn thành chức STT Tên chức Mức độ hoàn thành(%) Đăng ký tài khoản khách hàng 100% Đăng nhập 100% Tra cứu sản phẩm 100% Tìm kiếm sản phẩm lọc theo mặt hàng, giá 100% Cập nhật thông tin chi tiết sản phẩm 100% Gợi ý sản phẩm tương tự 100% Thêm sản phẩm vào giỏ hàng 100% Cập nhật giỏ hàng 100% Tính tiền 100% 10 Đặt hàng 100% 11 Tạo blog 100% 12 Chỉnh sửa thông tin cá nhân người dùng 100% 6.3 Kiểm thử 38 Kiểm tra tổng quát Yes No N/A Kiểm tra tính thẩm mĩ Background có phù hợp với ngữ cảnh chức giao diện không? X Font chữ có chuẩn tất dùng font chữ hay khơng X Có tả hay khơng? X Chữ có canh lề trái, số có canh lề phải hay khơng? X Kiểm tra tính thẩm mĩ Có kiểm tra Maxlength khơng? X Có phân biệt chữ hoa/ thường khơng? X Có cho phép Null hay khơng? X Có cho phép nhập ký tự đặc biệt hay không? X Kiểm tra phương pháp di chuyển Tất cửa sổ truy cập từ menu hay khơng? X Tất cửa sổ truy cập từ toolbar hay không? X Tất cửa sổ gọi từ button có hiển X thị hay khơng? Kiểm tra tính tiện dụng chương trình Tất danh sách có sort sẵn hay không? X Tất giá trị ngày tháng có format theo định dạng DD/MM/YY hay không? X Tất button hình có gắn với phím tắt tương ứng hay khơng? X Tất tab có theo trình tự top left bottom right hay không? X 39 Kiểm tra vị trí focus có đặt field hay control load hình hay không? X Trong trường hợp lỗi input, hiển thị mã lỗi, có X focus vị trí lỗi sau đóng cửa sổ thơng báo hay khơng? Kiểm tra tính tồn vẹn liệu Data có lưu sau đóng cửa sổ hay khơng? X Kiểm tra chiều dài tối đa tất field, đảm bảo ký tự không bị cắt X Kiểm tra phần TextBox Con trỏ có nháy kích vào hay khơng? X Kiểm tra xem có dấu hoa thị đỏ trường bắt buộc nhập hay không? X Kiểm tra khoảng trắng ký tự X Kiểm tra tả số kí tự đặc biệt X Button Kiểm tra quy ước đặt tên sử dụng để kiểm soát nhãn X Kiểm tra nút có hiển thị nối trỏ chuột di qua X Nút chấp nhận ok có tương ứng với phím Enter hay khơng? X Đảm bảo nút tên có chức riêng X - Kết luận hướng phát triển - 7.1 Kết luận - Sau trình làm đồ án nhóm đã: + Hiểu số giải pháp, quy trình xây dựng website 40 - - + Có kinh nghiệm phát triển web reactJS firebase + Xây dựng website bán hàng có đầy đủ chức Phần lớn chức phần mềm hồn thành Trong q trình hồn thành đồ án, nhóm gặp nhiều khó khăn việc lập trình, viết báo cáo quản lý, xếp thời gian họp nhóm cho thành viên tham gia đầy đủ buổi họp Một số phần báo cáo sai sót chưa hồn thiện đầy đủ Ngồi ra, số lỗi mà nhóm cần khắc phục trình thực đồ án như: + Các lỗi tiềm ẩn xảy trình thực thi phần mềm + Hiệu suất phần mềm cần phải cải thiện + Bổ sung thêm số tính để tăng tương tác user phần mềm 7.2 Hướng phát triển - - Phần mềm phát triển, mở rộng thêm nhiều chức Xây dựng ứng dụng Mobile, Responsive, Thêm số chức như: Chat realtime người dùng với nhau, chat người dùng với shop, đánh giá khách hàng, toán sản phẩm, Thu thập thêm loại sản phẩm ebook khác để đa dạng hóa sản phẩm - 41 TÀI LIỆU THAM KHẢO [1] Yarn gì? Link:https://vietnix.vn/yarn-la-gi/ [2] Tổng quan NPM Link: https://viblo.asia/p/tong-quan-ve-npm-4P856dy3ZY3 [3]Văn hóa đọc: Sử dụng cơng nghệ phát triển Link: Văn hóa đọc [4] ReactJS gì? Link: https://200lab.io/blog/reactjs-la-gi/ [5] Firebase gì? Link:Firebase [6] Bootstrap gì? Link:bootstrap [7] Lấy liệu sách Link: https://bookshop.org/lists/new-releases-this-week [8] Tham khảo thuộc tính css Link: https://www.w3schools.com/css/ [9] Trang lấy icon Link: https://react-icons.github.io/react-icons/icons?name=fa [10] Tham khảo react js Link: https://reactjs.org/ [11] Template bootstrap Link: https://mdbootstrap.com/ [12] Công Cụ vẽ Quy trình làm nghề hành nhân nên biết Link: https://famhrm.net/blog-chia-se/lam-chu-cong-cu-ve-draw-io/ [13] Tìm hiểu mơ hình Agile quy trình Scrum phát triển phần mềm Link: agile quy trình scrum [14] Use case ? Link: https://itnavi.com.vn/blog/use-case-la-gi 42 PHỤ LỤC PHÂN CÔNG NHIỆM VỤ STT Thành viên Nguyễn Thanh Hiếu Nhiệm vụ - Thiết kế sơ đồ draw.io - Viết file README để hướng dẫn cài code - Thiết kế figma hình trang chủ - Giao diện + Màn hình + Navbar hình + Footer trang web + Trang blog + Trang category + Hiệu ứng sách + Trang toán - Chức + Search + Menu routing (di chuyển) đến trang + Hiển thị list sách + Thêm sách vào giỏ hàng + Phân loại sách theo category + Noti (thông báo thực login, comment, add thành công) - Viết báo cáo word - Phân chia công việc, quản lý tiến độ đồ án nhóm 43 Đỗ Tài - Thiết kế đặc tả yêu cầu đặc tả tính - Thiết kế figma hình phân loại sách - Giao diện + Đăng nhập + Đăng ký + Phần comment chi tiết sách + Navbar phụ + Trang profile user - Chức + Đăng nhập + Đăng ký + Hiển thị list sách + Thêm blog + Sửa profile user - Viết báo cáo word Nguyễn Minh Thắng - Vẽ sơ đồ use case mô tả - Thiết kế figma hình chi tiết sách - Giao diện + Trang profile user + Trang category + Phần recommend chi tiết sách + Trang toán + Trang chi tiết blog - Chức + Menu routing (di chuyển) đến trang + Đăng xuất + Phân loại sách theo category + comment + Hiển thị sách recommend - Viết báo cáo word 44 ... tin đề tài - Tên đề tài: BOOKSTORY (Trang web bán sách ebook online) - Đối tượng người dùng: Người quản lý người dùng, sản phẩm (Admin); Người dùng quan tâm mua sách ebook (User) - Nhiệm vụ đề tài:. .. title blog để tìm kiếm Mua sách: + Bấm vào “add to cart” để thêm sách vào giỏ hàng sau vào giỏ hàng chọn sách cần mua + Bấm vào “Buy” để mua trực tiếp Tạo blog: + Bấm vào nút “Create blog” để tạo... Xem sort sách theo loại sách (category): + Xem thông tin sách (title, tác giả, mô tả, giá tiền, loại sách) + Phân loại sách theo loại sách Tìm kiếm sách blog: + Search sách theo title sách để