Báo cáo đầy đủ Dự án mẫu: Xây dựng Website FPT Shop - FPT Polytechnic Hà Nội

Báo cáo dự án mẫu đề tài website FPT Shop chi tiết từ FPT Polytechnic. Tài liệu gồm phân tích hệ thống, thiết kế CSDL, giao diện và chức năng.

• Tác giả: Nguyen Hong Hai
• Người hướng dẫn: Bui Quang Ngoc
• Trường học: Cao đẳng Thực hành FPT Polytechnic
• Chuyên ngành: Dự án mẫu
• Đề tài: Dự án mẫu Website FPT Shop
• Loại tài liệu: Dự án mẫu
• Năm xuất bản: 2020
• Địa điểm: Hà Nội

Tóm tắt

I. Giới thiệu Dự án Website FPT Shop

Dự án mẫu website FPT Shop là một nền tảng thương mại điện tử chuyên biệt trong lĩnh vực bán đồ công nghệ trực tuyến. Được thực hiện bởi nhóm sinh viên lớp PT15315-Web tại Cao đẳng Thực hành FPT Polytechnic, dự án này hướng tới việc xây dựng một website bán hàng công nghệ hiện đại và thân thiện với người dùng. Mục tiêu chính của dự án website FPT Shop 2020 là cung cấp một giải pháp mua sắm các sản phẩm công nghệ như điện thoại, laptop, máy tính bảng, và đồng hồ thông minh một cách tiện lợi. Khách hàng có thể truy cập website bán đồ công nghệ này mọi lúc, mọi nơi thông qua các thiết bị có kết nối internet như smartphone, máy tính bảng hay PC, đáp ứng nhu cầu mua sắm trực tuyến ngày càng tăng của người tiêu dùng Việt Nam.

1.1. Khảo sát và Xây dựng Ý tưởng

Thị trường đồ công nghệ tại Việt Nam hiện đang phát triển mạnh mẽ với hơn 800 doanh nghiệp phân phối. Các nhãn hiệu quốc tế như Apple, Samsung, Oppo chiếm 90% thị phần, trong khi các thương hiệu trong nước như Vsmart, Bphone chỉ chiếm 20%. Nhóm dự án nhận thấy tiềm năng lớn trong việc xây dựng website thương mại điện tử để cơ cấu lại cách khách hàng mua sắm sản phẩm công nghệ, đặc biệt là ở khu vực thành phố lớn nơi nhu cầu mua sắm trực tuyến rất cao.

1.2. Hệ thống Tương tự và Đổi mới

Trước khi phát triển dự án website FPT Shop, nhóm đã nghiên cứu các website bán hàng công nghệ hiện có như Thế Giới Di Động, Sendo, Lazada. Mặc dù những nền tảng này đã thành công, website FPT Shop mang đến các đổi mới trong trải nghiệm người dùng, hệ thống phân quyền quản trị, và giao diện thân thiện. Các tính năng như tìm kiếm sản phẩm nâng cao, quản lý tài khoản, và hỗ trợ khách hàng được tối ưu hóa để tạo sự khác biệt trên thị trường.

II. Phân tích Nội dung và Thiết kế Hệ thống

Phân tích nội dung của dự án website FPT Shop tập trung vào việc xác định các chức năng thiết yếu cho một website bán đồ công nghệ hoàn chỉnh. Hệ thống được chia thành hai phần chính: giao diện người dùng (user interface) và giao diện quản trị (admin interface). Ma trận phân quyền được xây dựng để đảm bảo an toàn dữ liệu và kiểm soát truy cập. Các chức năng chính bao gồm tìm kiếm sản phẩm, quản lý danh mục, quản lý sản phẩm, quản lý tài khoản, quản lý phản hồi, đổi mật khẩu và thay đổi thông tin cá nhân. Thiết kế hệ thống được lập kế hoạch chi tiết để đảm bảo website thương mại điện tử hoạt động ổn định và hiệu quả.

2.1. Mô tả Chức năng Chính

Website FPT Shop cung cấp các chức năng cốt lõi như tìm kiếm sản phẩm thông minh, quản lý danh mục sản phẩm theo thể loại, quản lý sản phẩm chi tiết với hình ảnh và mô tả, cũng như quản lý tài khoản người dùng. Chức năng quản lý phản hồi cho phép khách hàng gửi đánh giá về sản phẩm và dịch vụ. Hệ thống xác thực bảo mật bao gồm đổi mật khẩu và thay đổi thông tin cá nhân để bảo vệ dữ liệu khách hàng trên website bán hàng công nghệ.

2.2. Ma trận Phân quyền Chức năng

Ma trận phân quyền trong dự án website FPT Shop phân chia quyền truy cập thành ba cấp: khách truy cập, người dùng đăng ký, và quản trị viên. Khách truy cập có thể xem sản phẩm và tìm kiếm, người dùng đăng ký có quyền đặt hàng, quản lý thông tin cá nhân, còn quản trị viên có toàn quyền quản lý danh mục sản phẩm, sản phẩm, tin tức, và hỗ trợ khách hàng, đảm bảo bảo mật và hiệu quả hoạt động của website thương mại điện tử.

III. Thiết kế Giao diện Người dùng

Giao diện người dùng của website FPT Shop được thiết kế với mục đích tạo trải nghiệm mua sắm trực tuyến mượt mà và dễ sử dụng. Giao diện trang chủ hiển thị các danh mục sản phẩm chính như điện thoại, laptop, máy tính bảng, và đồng hồ. Chức năng tìm kiếm sản phẩm được đặt ở vị trí nổi bật với các bộ lọc nâng cao. Trang chi tiết sản phẩm cung cấp thông tin đầy đủ bao gồm giá, đặc tính, hình ảnh, và đánh giá từ khách hàng. Các trang như thay đổi thông tin và đổi mật khẩu được tích hợp trong phần tài khoản cá nhân, giúp khách hàng dễ dàng quản lý thông tin của mình trên website bán đồ công nghệ.

3.1. Trang Tìm kiếm và Danh mục Sản phẩm

Trang tìm kiếm sản phẩm trên website FPT Shop cho phép người dùng nhập từ khóa và lọc theo giá, nhãn hiệu, và loại sản phẩm. Danh mục sản phẩm được sắp xếp theo thể loại chính như điện thoại, máy tính, đồ wearable, với các phân loại con chi tiết. Giao diện responsive đảm bảo hiển thị tốt trên tất cả thiết bị từ smartphone đến desktop, nâng cao trải nghiệm mua sắm trực tuyến của khách hàng.

3.2. Giao diện Quản trị và Quản lý Sản phẩm

Giao diện quản trị của dự án website FPT Shop cung cấp dashboard cho quản trị viên quản lý danh mục sản phẩm, sản phẩm, tin tức, và phản hồi khách hàng. Quản trị viên có thể thêm, sửa, xóa sản phẩm với giao diện form đơn giản. Tính năng quản lý tin tức và quản lý hỗ trợ cho phép cập nhật thông tin khuyến mãi và xử lý câu hỏi từ khách hàng, đảm bảo website thương mại điện tử luôn hoạt động hiệu quả.

IV. Xây dựng Cơ sở Dữ liệu

Cơ sở dữ liệu của dự án website FPT Shop được thiết kế sử dụng mô hình ERD (Entity Relationship Diagram) để đảm bảo tính toàn vẹn và hiệu quả dữ liệu. Các bảng dữ liệu chính bao gồm: bảng người dùng (Users), bảng sản phẩm (Products), bảng danh mục (Categories), bảng đơn hàng (Orders), bảng chi tiết đơn hàng (Order_details), bảng mã giảm giá (Discount_code), và bảng phản hồi (Feedback). Mỗi bảng được thiết kế với khóa chính (Primary Key) và khóa ngoài (Foreign Key) để liên kết các dữ liệu một cách hợp lý. Cấu trúc cơ sở dữ liệu được tối ưu hóa để hỗ trợ các truy vấn nhanh chóng trên website bán hàng công nghệ.

4.1. Mô hình ERD và Thiết kế Bảng

Mô hình ERD của website FPT Shop biểu diễn mối quan hệ giữa các thực thể như người dùng, sản phẩm, đơn hàng, và danh mục. Bảng Order_details liên kết đơn hàng với sản phẩm, lưu lại số lượng và giá tại thời điểm mua. Bảng Discount_code chứa thông tin các mã khuyến mãi có thể áp dụng cho đơn hàng, giúp quản lý chiến dịch khuyến mãi một cách hiệu quả.

4.2. Mô tả Chi tiết Các Bảng Dữ liệu

Bảng Users lưu thông tin người dùng như tên, email, mật khẩu mã hóa, địa chỉ giao hàng. Bảng Products chứa chi tiết sản phẩm bao gồm tên, mô tả, giá, hình ảnh, và kho hàng. Bảng Categories quản lý các danh mục sản phẩm. Bảng Orders lưu thông tin đơn hàng như ngày đặt, trạng thái, và tổng tiền. Cấu trúc cơ sở dữ liệu được chuẩn hóa để tránh dự phòng dữ liệu và hỗ trợ website thương mại điện tử hoạt động ổn định.

Trích đoạn nội dung tài liệu

LỜI MỞ ĐẦU Chúng ta đang sống trong thời kì hội nhập, thời kì mà công nghệ đang phát triển một cách nhanh chóng. Điều đó kéo theo một loạt các Website Thương mại Điện tử hình thành theo xu hướng đó nhằm phục vụ số lượng và nhu cầu về sản phẩm của khách hàng trên cả nước. Ngành công nghệ đang chiếm doanh số lớn nhất sau ngành thời trang trên kênh thương mại điện tử. Với website bán đồ công nghệ trực tuyến FPT SHOP, bạn có thể mua các sản phẩm về công nghệ như điện thoại, máy tính bảng, laptop,đồng hồ,.

một cách trực tuyến mọi lúc mọi nơi trên các thiết bị có kết nối internet và trình duyệt web như máy tính bảng, smartphone, PC… Vì thế, nhóm em quyết định phát triển dự án website FPT SHOP với mục đích đáp ứng nhu cầu mua sắm đồ công nghệ của mọi người. PHẦN 1: GIỚI THIỆU CHỨC NĂNG – HỆ THỐNG 1. Giới thiệu đề tài 1. Khảo sát - xây dựng ý tưởng Tổng quan về thị trường Theo một báo cáo từ Hiệp hội Thương Mại Điện Tử, Việt Nam hiện có hơn 800 doanh nghiệp phân phối đồ công nghệ, với 90% thị phần được đóng góp bởi các nhãn hiệu nước ngoài như Apple, Samsung, Oppo,… và 20% thị phần còn lại đến từ các nhãn hiệu trong nước như Vsmart, Bphone,.

Hầu hết các thương hiệu trong nước chỉ giới hạn ở phân khúc giá trị trung bình thấp và chủ yếu xuất khẩu sang các thị trường láng giềng lân cận. Thị phần đồ công nghệ nhập ngoại như sau: Hàn Quốc (30%), châu Âu (23%), Nhật Bản (17%), Thái Lan (13%), Mỹ (10%) và các nước khác (7%). Tiềm năng phát triển Theo báo cáo của Q&Me (https://qandme.net) số người dùng trực tuyến hàng tháng đã tăng lên 61% từ 47% của năm trước. Cũng theo một khảo sát thị trường nho nhỏ tại 30 trường phổ thông, Cao đẳng, Đại học chỉ ra rằng có 95% số học sinh ở độ tuổi 17– 19 tuổi có sử dụng các thiết bị công nghệ và trên 19 tuổi thì tỷ lệ này là gần như là 100%.

Có một số yếu tố có thể thúc đẩy sự phát triển tiếp tiếp diễn của thị trường công nghệ Việt Nam trong những năm tới. Động cơ đầu tiên phải kể đến sự phát triển mạnh mẽ của thương mại điện tử khiến cho việc mua sắm đồ công nghệ trở nên thuận tiện hơn đối với người tiêu dùng. Hiện nay, có tới 57% số người dùng đã mua sản phẩm online bởi sự “tiện lợi” (44%), “đa dạng sản phẩm” (43%) và “giá cả” (40%) của kênh mua sắm này. Mua hàng trực tuyến đang rất được ưa chuộng vì khách hàng có thể thao tác dễ dàng và nhanh chóng.

40% số người mua online đặt mua sản phẩm hàng tháng. (Nguồn: https://www.1: Tần suất mua đồ trực tuyến Nếu nhìn vào kênh bán hàng, có thể thấy các trang web trực tuyến và đang trở thành những kênh bán hàng phổ biến nhất. Số lượng người mua hàng trực tuyến các sản phẩm công nghệ tăng tới 77% từ 54% so với 2 năm trước.12% đáp viên trả lời rằng họ chủ yếu lựa chọn việc mua hàng trực tuyến và 10% sử dụng Facebook thường xuyên nhất. Do đó, 22% số người mua phụ thuộc vào kênh website trực tuyến.

Đây là xu hướng gia tăng lớn so với 1 năm về trước, khi tỉ lệ chỉ là 9%. Dự án mẫu – Website trực tuyến FPT SHOP Hình 1.2: Số người mua mỹ phẩm trực tuyến từ năm 2016-2018 Website trực tuyến không chỉ là kênh bán hàng phổ biến mà còn là nguồn thông tin có ảnh hưởng lớn tới quyết định mua hàng. Kết luận - 57% người Việt Nam mua đồ công nghệ trực tuyến. - Mặt hàng công nghệ như điện thoại hay laptop có tỉ lệ mua hàng trực tuyến gia tăng cao hơn nữa trong tương lai vì vậy những website thương mại điện tử cũng cần thiết.

- Hiện nay mọi người đều hướng đến xu hướng tiện lợi nhanh chóng vì vậy website bán đồ công nghệ là một kênh mua sắm được nhiều người quan tâm nhất. Hệ thống tương tự 1.com Ưu điểm: ∙ Thanh toán nhanh, sử dụng được nhiều phương thức thanh toán ∙ Có chức năng theo dõi đơn hàng Nhược điểm: ∙ Người dùng bình luận truyện bằng facebook, nên không kiểm soát được nội dung bình luận.vn Ưu điểm: ∙ Bộ lọc tốt ∙ Có chức năng lịch sử mua hàng Nhược điểm: ∙ Không có chức năng theo dõi đơn hàng 1. Ý tưởng- Mục đích đề tài Nhu cầu mua sắm đồ công nghệ trực tuyến của người dùng internet vẫn đang không ngừng tăng, dựa vào những thông tin thu thập và khảo sát em quyết định xây dựng dự án bán đồ công nghệ trực tuyến mang tên là FPT SHOP, với mục đích nhằm xây dựng website có thể đáp ứng được nhu cầu mua sắm của con người nói chung và những người đam mê công nghệ nói riêng. Đối tượng tham gia vào dự án - Những người sử dụng website có thói quen mua đồ công nghệ trực tuyến.

- Các hãng công nghệ có nhu cầu đăng tải sản phẩm lên website. - Cá nhân sở hữu website FPT SHOP. Các công cụ và công nghệ sử dụng 1. Các công cụ Hình 1.6: Các công cụ sử dụng trong dự án 1.

Các công nghệ Hình 1.7: Các công nghệ sử dụng trong dự án PHẦN 2: PHÂN TÍCH NỘI DUNG VÀ THIẾT KẾ HỆ THỐNG 2. Sơ đồ hệ thống Hình 2. Mô tả nội dung, chức năng ST Chức năng Nội dung Input Output T 1 Đăng ký Người dùng đăng ký tài Thông tin tài Hiển thị kết quả khoản để trở thành khoản. (Username, đăng ký member(thành viên) có cập Password, (Đăng kí thành nhật thông tin cá nhân và xem Email,.) công ) lịch sử mua hàng 2 Đăng nhập Người dùng và quản trị viên Username và mật Hiển thị kết quả đăng nhập để sử dụng các khẩu.

đăng nhập và chức năng có được từ chức chuyển hướng năng phân quyền cấp cho. ra trang chủ nếu đăng nhập thành công. 3 Xem sản phẩm Mọi người đều có thể xem Khi click vào Hiển thị trang chi thông tin chi tiết của, xem đường dẫn tới trang tiết sản phẩm. danh mục sản phẩm, xem xem chi tiết sản danh sách sản phẩm thuộc 1 phẩm danh mục 4 Tìm sản phẩm Người dùng nhập tên sản Người dùng nhập Hiển thị ra trang phẩm mình muốn tìm, hệ tên sản phẩm hoặc chứa danh sách kết thống sẽ tìm kiếm sản phẩm từ khóa của sản quả tìm kiếm được liên quan tới từ khóa tìm phẩm.

dựa vào từ khóa đã kiếm. 5 Đánh giá, phản Thành viên có thể đánh giá, Người dùng đánh Hệ thống sẽ lưu lại hồi phản hồi sản phẩm giá và nhập lời đánh giá và phản phản hồi về sản hồi và hiển thị phẩm ngay lập tức đánh giá và phản hồi trong trang 6 Quản lí danh Admin là người duy nhất có 1. Admin nhập vào 1. Chuyển về trang mục quyền xem chức năng này.

tên danh mục, danh sách danh 1.Admin có thể thêm danh đường dẫn. mục nếu kết quả mục. Admin thực hiện lưu thành công.Admin có thể xem danh hành động xóa với 2. Chuyển về trang sách danh mục và thực hiện 1 danh mục, sau đó danh sách danh hành động xóa danh mục.

xác nhận xóa với mục nếu kết quả 3.Admin có thể sửa danh hộp thoại. Admin thực hiện 3. Chuyển về trang 4.Admin có thể xem danh nhập vào danh mục danh sách danh sách sản phẩm của danh mục đường dẫn cần sửa. mục nếu kết quả đó.

Admin chọn lưu chỉnh sửa hành động danh thành công. sách sản phẩm với 4. Chuyển trang một danh mục. mới, hiển thị toàn bộ sản phẩm thuộc danh mục đó.

7 Quản lí sản Admin là người duy nhất có 2. Chuyển hướng phẩm quyền sử dụng chức năng xóa thực sự ở hộp về trang danh sách này. thoại khi thực hiện sản phẩm nếu hệ 1. Xem danh sản phẩm.

hành động xóa với thống thực hiện 2. Thêm sản phẩm. Admin thực hiện 3. nhập tên sản phẩm, sang trang chỉnh 5.

Chỉnh sửa sản phẩm. đường dẫn, ảnh bìa, sửa sản phẩm vừa 6. Lọc sản phẩm theo danh trạng thái sản mới thêm nếu hệ mục. thống thực hiện 4.Admin nhập và lưu thành công.

chọn sản phẩm cần 4. Chuyển hướng chỉnh sửa. sang trang chỉnh 5. Admin thực hiện sửa sản phẩm đã nhập tên sản phẩm, chọn.

đường dẫn, ảnh bìa, 5. Chuyển hướng dnah mục. sang trang danh 6. Admin chọn sách sản phẩm nếu danh mục.

hệ thống thực hiện lưu thành công. Hệ thống chuyển hướng sáng trang mới hiển thị toàn bộ sản phẩm thuộc danh mục đã chọn. 8 Quản lí phản Admin là người duy nhất có 2. Admin xác nhận hồi quyền sử dụng chức năng xóa thực sự ở hộp xóa thực sự ở hộp này.

thoại khi thực hiện thoại khi thực hiện 1. Danh sách phản hồi hành động xóa với hành động xóa 2. Xóa phản hồi một phản hồi với một phản hồi. 9 Quản lí tài Admin là người duy nhất có 2.

Admin chọn tài 2. Chuyển hướng khoản quyền sử dụng chức năng khoản cần chỉnh tới trang chỉnh sửa này. tài khoản đã chọn. Danh sách tài khoản 3.

Admin nhập mật 3. Tìm kiếm tài khoản khẩu, loại tài khoản về trang danh sách 3. Chỉnh sửa tài khoản của thành viên đã tài khoản nếu kết 4. Khóa tài khoản chọn để chỉnh sửa quả thành công 4.

Chuyển hướng hành động khóa tài về danh sách tài khoản đối với một khoản nếu kết quả tài khoản. khóa tài khoản thành công 2. Ma trận phân quyền các chức năng STT Chức năng Khách Thành viên Quản trị viên 1 Đăng ký ✓ 2 Đăng nhập ✓ ✓ 3 Xem sản phẩm ✓ ✓ ✓ 4 Phản hồi ✓ ✓ 5 Xem chi tiết sản phẩm ✓ ✓ ✓ 6 Xem trang chủ ✓ ✓ ✓ 7 Tìm sản phẩm ✓ ✓ ✓ 8 Mua sản phẩm ✓ ✓ ✓ 9 Đổi mật khẩu ✓ ✓ 10 Xem lịch sử mua hàng ✓ ✓ 11 Theo dõi đơn hàng ✓ ✓ 12 Cập nhật thông tin ✓ ✓ 13 Liên hệ ✓ ✓ 14 Đăng xuất ✓ ✓ 15 Quản lý danh mục ✓ 16 Quản lý phản hồi ✓ 17 Quản lý đơn hàng ✓ 18 Quản lý người dùng ✓ 19 Quản lý sản phẩm ✓ 2. Mô tả các chức năng 2.

Tìm kiếm sản phẩm Hình 2.4: Flowchart tìm kiếm sản phẩm 2. Đăng nhập Hình 2.9: Flowchart đăng nhập 2. Đổi mật khẩu Hình 2.17: Flowchart đổi mật khẩu 2. Thay đổi thông tin cá nhân Hình 2.19: Flowchart thay đổi thông tin cá nhân 2.Phản hồi Hình 2.21: Flowchart đánh giá, phản hồi sản phẩm 2.

Thanh toán Hình 2.24: Flowchart thanh toán hóa đơn 2. Quản lý danh mục Hình 2.32: Flowchart thêm danh mục Hình 2.35: Flowchart sửa danh mục Hình 2.37: Flowchart xóa danh mục 2. Quản lý sản phẩm Hình 2.40: Flowchart thêm sản phẩm Hình 2.