LỜI MỞ ĐẦU Trong bối cảnh thương mại điện tử đang bùng nổ, WHEYSTORE đã nhanh chóng khẳngđịnh được vị thế của mình trong lĩnh vực cung cấp sản phẩm dinh dưỡng thể thao và thựcphẩm bổ sun
TỔNG QUAN
Giới thiệu tổng quát về cửa hàng WHEYSTORE
WHEYSTORE là một cửa hàng chuyên cung cấp các sản phẩm dinh dưỡng thể thao và thực phẩm bổ sung, nổi bật với cam kết mang đến cho khách hàng những sản phẩm chất lượng cao, an toàn và hiệu quả Được thành lập với sứ mệnh hỗ trợ cộng đồng yêu thể thao trong việc cải thiện sức khỏe và thể lực, WHEYSTORE đã nhanh chóng chiếm lĩnh thị trường nhờ vào sự đa dạng về sản phẩm và dịch vụ tận tâm.
Cửa hàng cung cấp một loạt các sản phẩm từ bột protein, vitamin, khoáng chất cho đến các loại thực phẩm bổ sung dinh dưỡng khác, phù hợp với nhu cầu của nhiều đối tượng khách hàng, từ người tập gym, vận động viên cho đến những người yêu thích lối sống lành mạnh WHEYSTORE luôn chú trọng đến nguồn gốc và chất lượng sản phẩm, hợp tác với các thương hiệu uy tín trên thế giới để đảm bảo rằng mỗi sản phẩm đến tay khách hàng đều đạt tiêu chuẩn cao nhất.
Ngoài việc cung cấp sản phẩm chất lượng, WHEYSTORE còn tập trung vào việc tạo dựng một trải nghiệm mua sắm trực tuyến tiện lợi và thân thiện Website của cửa hàng được thiết kế dễ sử dụng, giúp khách hàng dễ dàng tìm kiếm thông tin và đặt hàng Đội ngũ chăm sóc khách hàng nhiệt tình sẵn sàng hỗ trợ, tư vấn để giúp khách hàng lựa chọn sản phẩm phù hợp nhất với nhu cầu của mình.
Với tầm nhìn dài hạn và chiến lược phát triển bền vững, WHEYSTORE không chỉ là một cửa hàng bán lẻ mà còn là một cộng đồng hỗ trợ, chia sẻ kiến thức về dinh dưỡng và sức khỏe Cửa hàng đang không ngừng nỗ lực để mở rộng danh mục sản phẩm và nâng cao dịch vụ, khẳng định vị thế của mình trong ngành thương mại điện tử.
1.1 Giới thiệu về cửa hàng
- Địa chỉ website: wheystore.free.nf
- Số điện thoại hỗ trợ khách hàng: 091 901 3030
Sứ mệnh và giá trị cốt lõi:
- Cam kết cung cấp các sản phẩm dinh dưỡng thể hình chất lượng cao, an toàn và hiệu quả cho người tiêu dùng WheyStore mong muốn giúp khách hàng đạt được mục tiêu về sức khỏe, vóc dáng và thể lực thông qua việc cung cấp các sản phẩm bổ sung protein và thực phẩm chức năng hàng đầu, đồng thời hỗ trợ tư vấn và cung cấp kiến thức dinh dưỡng để nâng cao hiệu suất tập luyện và cải thiện sức khỏe toàn diện.
- Chất lượng hàng đầu: Cam kết cung cấp các sản phẩm dinh dưỡng thể hình và thực phẩm chức năng có nguồn gốc rõ ràng, chất lượng cao và an toàn cho sức khỏe.
- Tính trung thực và minh bạch: Đảm bảo thông tin sản phẩm chính xác, minh bạch về nguồn gốc, thành phần và hiệu quả, giúp khách hàng tin tưởng và lựa chọn sản phẩm phù hợp.
- Khách hàng là trọng tâm: Luôn đặt nhu cầu và lợi ích của khách hàng lên hàng đầu, cung cấp dịch vụ tư vấn tận tâm, chuyên nghiệp nhằm giúp khách hàng đạt được mục tiêu về sức khỏe và thể hình.
- Tinh thần cộng đồng: Xây dựng cộng đồng thể hình tích cực, nơi mà khách hàng và đối tác có thể chia sẻ kinh nghiệm, kiến thức và động viên nhau để cùng phát triển.
- Đổi mới và phát triển bền vững: Liên tục cập nhật các sản phẩm mới, xu hướng dinh dưỡng tiên tiến và cam kết hoạt động theo hướng phát triển bền vững, có trách nhiệm với môi trường và xã hội.
WHEYSTORE là một cửa hàng chuyên cung cấp các sản phẩm dinh dưỡng thể thao và thực phẩm bổ sung, nổi bật với cam kết mang đến cho khách hàng những sản phẩm chất lượng cao, an toàn và hiệu quả Được thành lập với sứ mệnh hỗ trợ cộng đồng yêu thể thao trong việc cải thiện sức khỏe và thể lực, WHEYSTORE đã nhanh chóng chiếm lĩnh thị trường nhờ vào sự đa dạng về sản phẩm và dịch vụ tận tâm.
- Tư Vấn Cá Nhân Hóa: Đội ngũ chuyên viên của chúng tôi sẽ lắng nghe nhu cầu và mục tiêu của bạn, từ việc giảm cân, tăng cơ đến duy trì sức khỏe tổng quát, để đưa ra những gợi ý sản phẩm phù hợp nhất.
- Hướng Dẫn Sử Dụng: Chúng tôi cung cấp thông tin chi tiết về cách sử dụng từng sản phẩm, liều lượng và thời điểm sử dụng tối ưu, giúp bạn đạt được kết quả tốt nhất.
- Giảm Giá Đặc Biệt: Các sản phẩm chọn lọc sẽ được giảm giá trong thời gian giới hạn, giúp bạn tiết kiệm chi phí khi mua sắm.
- Khách Hàng Thân Thiết: Đăng ký thành viên để nhận thêm ưu đãi và thông báo về các chương trình khuyến mãi độc quyền.
- Tạo Nền Tảng Kinh Doanh Trực Tuyến: Phát triển một website cho phép khách hàng dễ dàng tìm kiếm và mua sắm các sản phẩm thực phẩm bổ sung.
- Tối Ưu Hóa Trải Nghiệm Người Dùng: Thiết kế giao diện người dùng (UI) thân thiện và dễ sử dụng, đảm bảo rằng khách hàng có thể tìm kiếm thông tin và thực hiện giao dịch một cách nhanh chóng và thuận tiện.
- Quản Lý Sản Phẩm và Đơn Hàng: Xây dựng hệ thống quản lý kho hàng và đơn hàng hiệu quả, giúp WHEYSTORE theo dõi tình trạng sản phẩm và đơn hàng một cách dễ dàng.
- Tích Hợp Các Chức Năng Hỗ Trợ Khách Hàng: Cung cấp các dịch vụ tư vấn và hỗ trợ khách hàng thông qua website.
WHEYSTORE tập trung chủ yếu vào các nhóm đối tượng khách hàng có nhu cầu về sức khỏe, vóc dáng, sức mạnh như :
CÀI ĐẶT XAMPP CONTROL PANEL
XAMPP là gì?
XAMPP là một phần mềm mã nguồn mở cung cấp một môi trường phát triển web toàn diện, bao gồm các thành phần cần thiết như Apache (máy chủ web), MySQL/MariaDB (cơ sở dữ liệu), và PHP (ngôn ngữ lập trình) Ngoài ra, nó còn tích hợp Perl và các công cụ khác để hỗ trợ quá trình phát triển ứng dụng web một cách dễ dàng trên máy tính cá nhân XAMPP đặc biệt hữu ích cho các lập trình viên muốn kiểm tra và phát triển trang web hoặc ứng dụng web mà không cần kết nối với máy chủ trực tiếp
Biểu tượng logo của xampp
2.1 Ưu và nhược điểm của XAMPP
- Có thể chạy được được trên mọi hệ điều hành như: Windows, Linux, Cross-Platform, MacOS.
- XAMPP được cấu hình đơn giản với nhiều chức năng như: Hỗ trợ SSL trên Localhost, giả lập Server, giả lập Mail Server.
- Tích hợp được nhiều tính năng cùng với các thành phần quan trọng như: Apache, PHP, MySQL Do đó, người dùng không cần cài đặt từng thành phần trên riêng lẻ nữa mà chỉ cần thực hiện hướng dẫn cài XAMPP là có 1 Web Server hoàn chỉnh.
- XAMPP có giao diện sử dụng một cách tiện lợi và cho phép người dùng bật/tắt máy chủ bất kỳ lúc nào.
- Cấu hình của XAMPP khá đơn giản nên XAMPP không nhận được sự hỗ trợ về cấuhình Module và không có version MySQL.
- Dung lượng tương đối nặng, file cài đặt XAMPP khoảng 141MB.
- Không có phiên bản cho từng thành phần của server như PHP, Apache mà người dùng phải cài đặt riêng.
Dưới đây là các bước cài đặt XAMPP trên Windows (quá trình cài đặt trên macOS và Linux tương tự, chỉ khác một vài bước nhỏ):
- Bước 1: Tải XAMPP - Truy cập vào trang web chính thức của XAMPP:
[https://www.apachefriends.org](https://www.apachefriends.org) - Chọn phiên bản XAMPP phù hợp với hệ điều hành của bạn (Windows, macOS, hoặc Linux) - Nhấn
"Download" để tải xuống file cài đặt
- Bước 2: Chạy file cài đặt - Sau khi tải xong, mở file cài đặt với quyền quản trị viên - Trong quá trình cài đặt, bạn có thể gặp cảnh báo về tường lửa hoặc UAC, chỉ cần nhấn
- Bước 3: Chọn các thành phần cần thiết - Một hộp thoại sẽ xuất hiện hỏi bạn muốn cài đặt những thành phần nào Các thành phần phổ biến bao gồm Apache, MySQL, PHP, và phpMyAdmin Hãy để mặc định nếu bạn không biết chính xác cần chọn gì, sau đó nhấn "Next"
- Bước 4: Chọn vị trí cài đặt - Chọn thư mục mà bạn muốn cài đặt XAMPP (thường mặc định là ổ C:\xampp) - Nhấn "Next" để tiếp tục
- Bước 5: Cài đặt và hoàn thành - Nhấn "Next" cho đến khi bắt đầu quá trình cài đặt - Sau khi hoàn tất, nhấn "Finish" XAMPP sẽ tự động khởi chạy và bạn sẽ thấy bảng điều khiển (XAMPP Control Panel)
- Bước 6: Khởi động các dịch vụ - Mở XAMPP Control Panel - Khởi động Apache và MySQL bằng cách nhấn vào nút "Start" bên cạnh tên của chúng Nếu chúng hoạt động thành công, các cột trạng thái sẽ chuyển sang màu xanh
- Bước 7: Kiểm tra cài đặt - Mở trình duyệt web và nhập địa chỉ: `http://localhost/` - Nếu bạn thấy trang giới thiệu của XAMPP, điều đó có nghĩa là bạn đã cài đặt thành công Vậy là bạn đã hoàn tất quá trình cài đặt XAMPP! Bây giờ bạn có thể bắt đầu phát triển và thử nghiệm các dự án web trên máy tính cá nhân của mình.
2.4 Hướng dẫn sử dụng xampp trên Windows 11
Khởi động localhost sau khi thiết lập các bước cài đặt XAMPP hoàn tất, bây giờ bạn truy cập vào thư mục cài đặt /xampp và mở file xampp-panel.exe để hiển thị XAMPP Control
Panel Bắt đầu khởi động bằng cách click vào nút Start vào 2 Module Apache và MySQL Khi hiển thị màu xanh cho biết localhost đã được khởi động.
XAMPP Control Panel sẽ cung cấp cho bạn nhiều nút khác bao gồm:
- Config: Cho phép bạn cấu hình XAMPP cũng như các thành phần khác.
- Netstat: Hiển thị tất cả các tiến trình đang chạy trên local computer.
- Explorer: mở folder XAMPP trong Windows Explorer.
- Services: Hiển thị tất cả các dịch vụ đang chạy trong background.
- Help: Cung cấp link đến user forum.
- Quit: Đóng XAMPP Control Panel.
• Mở thư mục C:\xampp\htdocs và tại thư mục mới.
• Thư mục mới chứa 1 website của bạn và đặt tên (VD: web1)
• Khi copy một file bất kỳ vào thư mục này, thì nó đều xuất hiện trong https://localhost/(file của bạn ).
CÀI ĐẶT INFINITYFREE
INFINITYFREE là gì?
InfinityFree là một dịch vụ lưu trữ web (hosting) miễn phí, cho phép người dùng tạo và quản lý trang web mà không phải trả phí hàng tháng hoặc hàng năm Đây là một trong những nền tảng hosting miễn phí phổ biến, thích hợp cho những ai mới bắt đầu xây dựng website hoặc muốn thử nghiệm mà chưa sẵn sàng đầu tư vào hosting trả phí.
3.1 Hướng dẫn đăng ký Infinityfree.net hosting miễn phí cho website
Bước 1: Đăng ký tài khoản InfinityFree
- Truy cập trang web: https://www.infinityfree.net
- Nhấn vào nút "Sign Up Now" (Đăng ký ngay).
- Nhập email, mật khẩu và xác nhận đăng ký qua email để tạo tài khoản.
Bước 2: Tạo tài khoản hosting
- Sau khi đăng ký và đăng nhập, vào bảng điều khiển (Dashboard).
- Nhấn vào nút "Create Account" (Tạo tài khoản).
- Chọn tùy chọn bạn muốn, có thể sử dụng tên miền miễn phí (subdomain từ
InfinityFree) hoặc sử dụng tên miền riêng của bạn Nếu bạn có tên miền riêng, hãy nhập tên miền đó vào.
Bước 3: Trỏ tên miền (nếu sử dụng tên miền riêng)
- Nếu bạn sử dụng tên miền của riêng mình, cần trỏ tên miền về máy chủ của
- Mở trang quản lý tên miền mà bạn đã đăng ký.
Chỉnh sửa DNS để trỏ đến máy chủ của InfinityFree:
Bước 4: Cài đặt website trên InfinityFree
- Sau khi tài khoản hosting của bạn được tạo, bạn sẽ nhận được thông tin về tài khoản FTP, địa chỉ máy chủ và các thông tin cần thiết khác.
Bạn có thể truy cập vào Control Panel (trong bảng điều khiển InfinityFree), sau đó:
- Cài đặt WordPress (hoặc các CMS khác):
- Trong cPanel, tìm mục "Softaculous Apps Installer" hoặc "Auto Installer".
- Chọn "WordPress" hoặc bất kỳ CMS nào bạn muốn sử dụng.
- Nhập thông tin cấu hình cơ bản (tên trang web, tên người dùng, mật khẩu) và nhấn
"Install" để tiến hành cài đặt tự động.
Bước 5: Upload website qua FTP (tùy chọn)
- Nếu bạn muốn tải lên một trang web tĩnh hoặc trang web tùy chỉnh của mình:
- Sử dụng công cụ FTP như FileZilla.
- Nhập thông tin FTP mà InfinityFree cung cấp (FTP Host, Username, Password).
- Tải lên file trang web của bạn vào thư mục "htdocs".
Bước 6: Quản lý và chỉnh sửa website
- Sau khi cài đặt thành công, bạn có thể truy cập trang web của mình bằng cách vào tên miền hoặc subdomain mà bạn đã tạo.
- Sử dụng cPanel trong InfinityFree để quản lý cơ sở dữ liệu, backup, quản lý file, và theo dõi dung lượng sử dụng.
THIẾT KẾ HỆ THỐNG
Tên miền của trang web
Đây là link truy cập của trang web: wheystore.free.nf
Trang chủ
Trên trang chủ, người dùng có thể tìm thấy các thông tin cơ bản, liên kết đến các phần khác nhau của trang web, các ưu đãi đặc biệt, hoặc các bài viết mới nhất Trang chủ thường có mục tiêu thu hút sự chú ý của khách hàng và dẫn dắt họ khám phá sâu hơn vào nội dung của trang web.
Chức năng: cho phép người dùng xem các thông tin sản phẩm ngoài ra còn bao gồm các thông tin về giới thiệu về cửa hàng, danh mục sản phẩm, sản phẩm, các dịch vụ, thông tin liên hệ với cửa hàng.
Trang giới thiệu về WHEYSTORE
- Trang giới thiệu của WHEYSTORE chủ chốt là giới thiệu về các thành viên đang làm việc tại WHEYSTORE
Trang sản phẩm
Trang sản phẩm của WheyStore cung cấp đa dạng các sản phẩm bổ sung dinh dưỡng chất lượng cao, chuyên biệt dành cho những ai yêu thích tập luyện thể thao và mong muốn cải thiện sức khỏe, vóc dáng Các sản phẩm chính bao gồm:
- Whey Protein: Sản phẩm cung cấp protein chất lượng cao, hỗ trợ tăng cơ bắp và phục hồi sau tập luyện.
- Mass Gainer: Dành cho người muốn tăng cân, tăng cơ, sản phẩm này cung cấp lượng calo cao với hỗn hợp protein, carbohydrate, và chất béo lành mạnh.
- BCAA: Giúp bảo vệ và phát triển cơ bắp, tăng cường sức bền trong các buổi tập cường độ cao.
- Creatine: Cung cấp năng lượng và sự tập trung trước khi tập luyện, giúp tối ưu hóa hiệu suất.
- Protein bar: Các loại vitamin tổng hợp, Omega-3, canxi, magiê, hỗ trợ sức khỏe tổng thể.
Menu dọc
Menu dọc của cửa hàng bao gồm các danh mục như:
- Mạng xã hội của WHEYSTORE
4.7 Trang đăng ký và đăng nhập
Trang tài khoản của WHEYSTORE có thể đăng nhập hoặc đăng ký hiển thị trên các trang khác hoặc có thể vào trực tiếp vào trang để tiến hành đăng nhập hoặc đăng ký tài khoản
Trang đăng nhập hoặc đăng ký hiện trên trang khác
Trang đăng nhập và đăng ký
Cửa sổ tìm kiếm
Cửa sổ tìm kiếm của cửa hàng cho phép người truy cập có thể tìm kiếm các sản phẩm mà mình mong muốn hoặc đưa ra sản phẩm gợi ý dựa trên chữ cái đầu ngoài ra thanh tìm kiếm còn có thể sử dụng để tìm được trang khác.
Tìm kiếm dựa trên chữ cái đầu
Trang chi tiết sản phẩm
Trang chi tiết sản phẩm giúp người truy cập có thể hiểu hơn về công dụng và cách sử dụng của sản phẩm giúp cho người truy cập có thể tự tin hơn trong việc tìm kiếm sản phẩm phù hợp với bản thân
Hình ảnh sản phẩm và giá tiền
Trang giỏ hàng
Trang giỏ hàng của WHEYSTORE sẽ hiện thị sản phẩm đã them vào giỏ hàng, giá cả, số lượng, phần thanh toán sản phẩm và đặc biệt là mã ưu đãi khi mua hàng.
Trang bài viết
Trang bài viết là nơi có thể giúp bạn tìm hiểu nhiều hơn về Whey hoặc cách sử dụng whey của các chuyên gia đề cập đến hoặc có thể cho bạn biết nhiều hơn về WHEYSTORE
Chân trang
Phần chân trang của website có thể cung cấp thêm thông tin cho người dùng các thông tin như địa chỉ cửa hàng, bài viết mới, và phần đăng ký Email để nhận được thông báo mới nhất từ WHEYSTORE
TỔNG KẾT
Kết luận
- Qua quá trình thiết kế và phát triển, em đã hoàn thành tất cả các mục tiêu đề ra ban đầu.
- Website đã sở hữu một giao diện hiện đại, thân thiện, tối ưu hóa trải nghiệm người dùng trên
- mọi thiết bị Cấu trúc website rõ ràng, logic cùng với các tính năng tìm kiếm thông minh giúp
- khách hàng dễ dàng tìm thấy sản phẩm mình cần Việc tích hợp các giao thức bảo mật đã đảm
- bảo an toàn cho thông tin của khách hàng, tăng lòng tin và thúc đẩy quá trình mua hàng Nhờ
- đó, đã xây dựng một nền tảng thương mại điện tử chuyên nghiệp, góp phần tăng cường nhận
- diện thương hiệu và mở rộng thị trường Trong tương lai, chúng tôi sẽ tiếp tục cải tiến website
- để mang đến trải nghiệm mua sắm tốt hơn cho khách hàng và tăng cường hiệu quả kinh doanh
Hướng phát triển đề tài
- Để hoàn thiện báo cáo về "Thiết kế website cho hệ thống thương mại điện tử kinh doanh
- giải pháp và thiết bị chiếu sáng", chúng ta cần tập trung vào việc phân tích chi tiết các yếu tố
- thiết kế đã lựa chọn So sánh hiệu quả của các mẫu thiết kế khác nhau đối với đối tượng khách
- hàng mục tiêu Đánh giá mức độ tối ưu hóa trải nghiệm người dùng trên các thiết bị di động,
- đặc biệt là tốc độ tải trang và sự tương thích với các màn hình khác nhau Đề xuất các giải pháp
- nâng cao tính năng tìm kiếm và lọc sản phẩm, giúp khách hàng dễ dàng tìm thấy sản phẩm
- mong muốn Phân tích hiệu quả của các chiến lược marketing trực tuyến được tích hợp vào
- website, như SEO, quảng cáo Google Ads và các hoạt động trên mạng xã hội Đánh giá mức
- độ an toàn của hệ thống thanh toán và các biện pháp bảo mật đã được áp dụng Cuối cùng,
- chúng ta cần đề xuất các hướng phát triển trong tương lai, như việc tích hợp trí tuệ nhân tạo
- vào các tính năng hỗ trợ khách hàng, hoặc việc xây dựng một cộng đồng người dùng xung
