Từ những công ty khởi nghiệp đến các tậpđoàn lớn, mọi người đều đang tận dụng tiềm năng của môi trường trực tuyến để mởrộng doanh nghiệp của mình và đáp ứng nhu cầu ngày càng tăng của th
LẬP KẾ HOẠCH THỰC TẬP
1.1 Giới thiệu về đơn vị thực tập :
- Tên công ty: Công ty TNHH Công nghệ Bảo Long
- Địa chỉ: Số 51 Đường Nguyễn Viết Xuân, P Hữu Dũng, TP Vinh, Nghệ An
1.2 Khảo sát hiện trạng : Đề tài : “ Xây dựng website bán nội thất”.
Cùng với sự tiến bộ liên tục trong công nghệ máy tính và internet, công nghệ thông tin đang đạt được những thành tựu vượt bậc Internet, với giá trị to lớn, đã trở thành một công cụ thiết yếu trong mọi lĩnh vực của cuộc sống.
Internet đã giúp chúng ta thực hiện công việc nhanh chóng và tiết kiệm chi phí hơn so với phương thức truyền thống Sự phát triển này đã thúc đẩy sự ra đời của thương mại điện tử và chính phủ điện tử trên toàn cầu, làm thay đổi đáng kể bộ mặt văn hóa và nâng cao chất lượng cuộc sống của con người.
Trong thời đại số, nhu cầu về nội thất ngày càng trở nên thiết yếu đối với mỗi gia đình, không chỉ phản ánh giá trị và phong cách sống mà còn mang lại sự tiện nghi Việc ứng dụng bán nội thất trực tuyến giúp khách hàng tiết kiệm thời gian và công sức so với việc đến cửa hàng Chỉ với một chiếc máy tính kết nối internet, khách hàng có thể dễ dàng tìm kiếm và lựa chọn những mẫu nội thất phù hợp với ngân sách của mình Chính vì lý do này, tôi quyết định thực hiện đề tài “Xây dựng Website bán nội thất”.
Giới thiệu về shop bán nội thất.
Trên trang web bán nội thất trực tuyến, người dùng sẽ khám phá không gian sống qua những sản phẩm độc đáo và đa dạng Trải nghiệm mua sắm tại đây mang đến một thế giới sáng tạo và phong cách, giúp bạn nhanh chóng lựa chọn những mẫu nội thất ưng ý mà không tốn nhiều thời gian Website nổi bật với ba phong cách hoạt động chính: cập nhật xu hướng, chất lượng hàng đầu và dịch vụ thân thiện.
Trang web được thiết kế tinh tế và dễ sử dụng, với các chi tiết sắp xếp hợp lý, giúp người dùng dễ dàng tìm kiếm và khám phá sản phẩm Từ sofa thoải mái cho phòng khách đến bàn ăn hiện đại, mọi nhu cầu về nội thất đều được đáp ứng với chất lượng cao và phong cách đa dạng.
Mỗi sản phẩm được giới thiệu với hình ảnh sắc nét và mô tả chi tiết, giúp người dùng nắm bắt rõ ràng chất lượng và tính năng trước khi mua sắm Bên cạnh đó, các bài viết và hướng dẫn về trang trí nội thất được chia sẻ để mang lại nguồn cảm hứng và ý tưởng cho việc cải thiện không gian sống của khách hàng.
Trang web cung cấp dịch vụ hỗ trợ đa dạng như tư vấn trực tuyến, giao hàng nhanh và chăm sóc khách hàng tận tình, mang đến trải nghiệm mua sắm trực tuyến thú vị và tiện lợi Nhờ đó, khách hàng có thể dễ dàng và nhanh chóng biến ý tưởng trang trí của mình thành hiện thực.
1.2.2 Mô tả hoạt động của shop :
Cửa hàng nội thất này chuyên cung cấp sản phẩm nội thất chất lượng cao và dịch vụ hỗ trợ tận tình từ các chuyên gia có kinh nghiệm Nhân viên tư vấn chuyên nghiệp luôn sẵn sàng giải đáp thắc mắc và cung cấp thông tin chi tiết về sản phẩm, bao gồm đặc điểm kỹ thuật và phong cách thiết kế Khách hàng có thể dễ dàng duyệt qua danh sách sản phẩm, xem hình ảnh và đọc mô tả chi tiết để lựa chọn những món đồ phù hợp với nhu cầu và phong cách của mình.
Cửa hàng chúng tôi chuyên cung cấp dịch vụ vận chuyển hàng hóa nhanh chóng và an toàn đến tận tay khách hàng, giúp tiết kiệm thời gian và công sức Đội ngũ chăm sóc khách hàng thân thiện luôn sẵn sàng hỗ trợ trong suốt quá trình mua sắm và sau khi nhận hàng, đảm bảo mọi thắc mắc và phản hồi được giải quyết nhanh chóng và hiệu quả.
Cửa hàng không chỉ cung cấp các sản phẩm trang trí nội thất đa dạng, mà còn mang đến cho khách hàng những ý tưởng và cảm hứng độc đáo thông qua các bài viết và hướng dẫn trang trí Điều này giúp khách hàng dễ dàng biến không gian sống của mình thành những nơi đẹp đẽ và thoải mái Với trải nghiệm mua sắm trực tuyến toàn diện và đáng tin cậy, khách hàng có thể thực hiện ý tưởng trang trí nội thất của mình một cách dễ dàng và thành công.
1.2.3 Ưu - nhược điểm của hệ thống hiện tại :
Quản lý tốt các sản phẩm, mặt hàng có trong shop.
Các giao dịch mua bán, quy trình giao hàng luôn được thực hiện có hệ thống.
Chưa kiểm soát khách hàng mới đến cửa hàng và khách hàng tiềm năng.
Các thông tin sản phẩm chưa đầy đủ, cụ thể cho khách hàng.
Hệ thống có tính bảo mật không cao do tất cả dữ liệu được lưu trữ trên một máy tính duy nhất Nếu máy tính này bị nhiễm virus, nguy cơ mất mát dữ liệu hoàn toàn là rất lớn.
Tốc độ xử lý chậm, mất nhiều thời gian, gây khó khăn trong việc giao dịch với khách hàng.
Trang web chỉ mới phù hợp trên màn hình máy tính.
Với sự phát triển nhanh chóng của xã hội và xu hướng tiêu dùng ngày càng gia tăng, cửa hàng cần một hệ thống quản lý hiện đại để cải thiện việc mua bán và thống kê số liệu Để cạnh tranh hiệu quả với các thương hiệu nổi tiếng, việc xây dựng một website toàn diện, lập kế hoạch và phân phối khách hàng tiềm năng là rất quan trọng Điều này không chỉ giúp tăng doanh thu mà còn giảm bớt khối lượng công việc trong tương lai.
1.2.4 Mục đích thiết kế website :
- Tạo trải nghiệm mua sắm trực tuyến thuận lợi.
- Tăng cường tương tác và cam kết.
- Nhận thông tin phản hồi nhanh của khách hàng, đối tác nhanh nhất.
- Tạo một hình ảnh tốt cho shop.
- Hiển thị sản phẩm một cách chân thực và hấp dẫn.
- Tiết kiệm chi phí, hoạt động không nghỉ 24/24 mà không cần đội ngũ nhân viên phục vụ.
1.3.1 Mục tiêu của dự án
Mục tiêu hàng đầu của dự án là nâng cao doanh số bán hàng bằng cách xây dựng một trải nghiệm mua sắm trực tuyến dễ dàng và hấp dẫn cho người tiêu dùng.
Xây dựng thương hiệu là một yếu tố quan trọng trong môi trường trực tuyến; do đó, trang web sẽ được thiết kế với hình ảnh chuyên nghiệp và hiện đại, nhằm nâng cao giá trị thương hiệu của cửa hàng.
Tối ưu hóa trải nghiệm khách hàng là mục tiêu chính trong việc cung cấp một trải nghiệm mua sắm trực tuyến xuất sắc, bao gồm mọi khía cạnh từ tìm kiếm sản phẩm, quá trình thanh toán cho đến việc nhận hàng.
HỆ THỐNG TÍCH HỢP
Biểu đồ usecase hệ thống
Hình 2.1 Biểu đồ usecase hệ thống
Hệ thống tích hợp
Tích hợp hệ thống là quá trình kết nối các thành phần của các hệ thống con thành một hệ thống tổng thể, nhằm đảm bảo rằng các thành phần này hoạt động liên kết và đồng bộ với nhau, tạo thành một thể thống nhất hoàn chỉnh.
Tích hợp hệ thống trong lĩnh vực công nghệ thông tin là quá trình kết nối các hệ thống máy tính và phần mềm, giúp chúng hoạt động như một hệ thống đồng nhất và hoàn chỉnh.
Tích hợp hệ thống là quá trình kết nối và liên kết các hệ thống thông tin, bao gồm cả chức năng và hạ tầng tính toán, nhằm tạo ra một thể thống nhất trong hoạt động.
2.2.1 Lợi ích của tích hợp hệ thống
Tăng cường tính linh hoạt là một lợi ích quan trọng khi tích hợp hệ thống, cho phép kết hợp các tính năng từ nhiều nguồn khác nhau thành một hệ thống lớn hơn và phong phú hơn Điều này không chỉ giúp mở rộng ứng dụng mà còn tạo điều kiện thuận lợi cho sự phát triển bền vững của nó.
Tối ưu hóa hiệu suất có thể đạt được thông qua việc tích hợp các hệ thống, cho phép sử dụng dịch vụ và tài nguyên từ bên ngoài Bằng cách áp dụng các dịch vụ chuyên biệt cho những chức năng cụ thể, bạn sẽ giảm tải cho hệ thống chính và nâng cao hiệu suất tổng thể.
Tích hợp hệ thống cho phép mở rộng tính năng ứng dụng thông qua việc sử dụng dịch vụ và API từ các nguồn bên thứ ba, giúp mang đến trải nghiệm phong phú hơn cho người dùng mà không cần phải phát triển từ đầu.
Tích hợp hệ thống không chỉ nâng cao tính đáng tin cậy mà còn cải thiện bảo mật thông qua việc áp dụng các giải pháp đã được kiểm chứng và phát triển chuyên nghiệp Điều này giúp giảm thiểu lỗ hổng bảo mật và rủi ro khi tự xây dựng và duy trì các tính năng.
Tích hợp hệ thống giúp tiết kiệm thời gian và chi phí bằng cách tận dụng các giải pháp có sẵn, thay vì phát triển và duy trì tất cả các tính năng từ đầu Điều này không chỉ giảm thiểu công sức xây dựng lại các chức năng đã có mà còn tối ưu hóa quy trình phát triển.
2.2.2 Tích hợp thanh toán trực tuyến VNPAY:
VNPAY là một trong những nhà cung cấp dịch vụ thanh toán hàng đầu tại Việt Nam, chuyên cung cấp giải pháp thanh toán trực tuyến an toàn và tiện lợi cho cả doanh nghiệp và người dùng.
VNPAY mang đến dịch vụ thanh toán đa dạng với nhiều phương thức như thẻ ngân hàng (Visa, Mastercard, JCB), ví điện tử (VNPAY-QR, Momo, ZaloPay), và chuyển khoản ngân hàng trực tuyến Sự đa dạng này giúp người dùng dễ dàng lựa chọn hình thức thanh toán phù hợp nhất.
VNPAY cung cấp giải pháp thanh toán trực tuyến toàn diện cho doanh nghiệp, bao gồm cổng thanh toán và tích hợp thanh toán trực tiếp vào website hoặc ứng dụng di động Giải pháp này giúp doanh nghiệp linh hoạt và tiện lợi trong việc tích hợp các phương thức thanh toán vào hệ thống của mình.
VNPAY cam kết bảo mật thông tin thanh toán cho người dùng và doanh nghiệp, tuân thủ các tiêu chuẩn quốc tế như PCI DSS Hệ thống thanh toán của VNPAY giúp bảo vệ dữ liệu khỏi rủi ro lừa đảo và truy cứu pháp lý, đảm bảo an toàn tối đa cho giao dịch.
VNPAY cung cấp dịch vụ hỗ trợ khách hàng chuyên nghiệp với đội ngũ sẵn sàng giải đáp mọi thắc mắc và hỗ trợ kỹ thuật cho doanh nghiệp và người dùng Điều này đảm bảo quá trình tích hợp và sử dụng dịch vụ của VNPAY diễn ra một cách hiệu quả và suôn sẻ.
VNPAY không chỉ cung cấp dịch vụ thanh toán trực tuyến mà còn tích cực phát triển hệ sinh thái thanh toán tại Việt Nam Công ty hợp tác với ngân hàng, ví điện tử và các doanh nghiệp công nghệ để nâng cao trải nghiệm thanh toán cho người dùng.
Lợi ích khi tích hợp:
Tích hợp VNPAY mang đến cho khách hàng phương thức thanh toán tiện lợi và an toàn, từ đó tăng cơ hội chuyển đổi trên website của bạn Việc giảm thiểu rào cản trong quá trình thanh toán giúp khách hàng dễ dàng hoàn tất giao dịch, nâng cao tỷ lệ chuyển đổi.
Biểu đồ lớp tổng quát
Hình 2.2 Biểu đồ lớp tổng quát
CÀI ĐẶT VÀ THỬ NGHIỆM
Giới thiệu ngôn ngữ cài đặt
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 hiện đại Sự ra đời của nhiều công nghệ và ngôn ngữ mới đáp ứng nhu cầu đa dạng trong các lĩnh vực khác nhau là điều không thể phủ nhận Đề tài xây dựng website bán nội thất được phát triển dựa trên kiến thức cơ bản về nghiệp vụ, kết hợp với công nghệ hiện có trong ngôn ngữ lập trình.
Công nghệ sử dụng: vuejs 2, nodejs.
Ngôn ngữ lập trình: javascript.
Lưu trữ dữ liệu: MongoDB.
Vue.js là một thư viện JavaScript mã nguồn mở, lý tưởng cho việc xây dựng giao diện người dùng và các ứng dụng web đơn trang (SPAs) Với thiết kế dễ dàng tích hợp vào các dự án hiện có, Vue.js mang lại hiệu suất cao và linh hoạt trong phát triển Cú pháp gọn nhẹ và dễ hiểu của Vue.js cho phép nhà phát triển tạo ra các ứng dụng phức tạp một cách hiệu quả Đặc biệt, Vue.js sử dụng mô hình dữ liệu đôi chiều (two-way data binding) để đồng bộ hóa dữ liệu giữa lớp mô hình và giao diện người dùng, tối ưu hóa quá trình phát triển và bảo trì ứng dụng.
Vue.js không chỉ là một framework mạnh mẽ mà còn đi kèm với một hệ sinh thái phong phú, bao gồm các plugin và thư viện hữu ích như Vue Router để quản lý định tuyến, Vuex cho việc quản lý trạng thái ứng dụng, và Vue CLI giúp tạo và quản lý dự án một cách thuận tiện.
Node.js là môi trường chạy mã JavaScript phía máy chủ được xây dựng dựa trên Chrome's V8 JavaScript engine, cho phép viết mã JavaScript không chỉ dành riêng cho trình duyệt web mà còn cho phía máy chủ và ứng dụng mạng Sự kết hợp Node.js với ReactJS giúp xây dựng các ứng dụng web đa nền tảng hoàn chỉnh, trong đó ReactJS đảm nhận xây dựng giao diện người dùng phía máy khách, còn Node.js xử lý yêu cầu phía máy chủ và cung cấp dữ liệu cho ReactJS Sự kết hợp này tạo ra cơ sở hạ tầng mạnh mẽ cho xây dựng các ứng dụng web độc lập, hiệu quả và có khả năng mở rộng.
MongoDB là hệ quản trị cơ sở dữ liệu NoSQL mã nguồn mở do MongoDB Inc phát triển, nổi bật với thiết kế linh hoạt và khả năng mở rộng cao Nhờ vào những đặc điểm này, MongoDB đã trở thành một trong những công cụ phổ biến nhất cho lưu trữ và xử lý dữ liệu phi cấu trúc.
MongoDB nổi bật với cấu trúc dữ liệu BSON (Binary JSON), cho phép lưu trữ tài liệu linh hoạt với các trường và giá trị đa dạng Điều này giúp việc quản lý dữ liệu phi cấu trúc trở nên dễ dàng và linh hoạt hơn so với các hệ quản trị cơ sở dữ liệu quan hệ truyền thống.
MongoDB cung cấp các tính năng quan trọng như replica set và sharding, giúp nâng cao tính sẵn sàng và khả năng khôi phục dữ liệu Replica set cho phép sao chép dữ liệu trên nhiều máy chủ, đảm bảo sự ổn định trong trường hợp máy chủ gặp sự cố Trong khi đó, sharding giúp phân tán dữ liệu trên nhiều máy chủ, từ đó tăng cường khả năng xử lý và lưu trữ của hệ thống.
MongoDB cung cấp một ngôn ngữ truy vấn mạnh mẽ gọi là MongoDB Query Language (MQL), hỗ trợ truy vấn linh hoạt và cho phép lấy dữ liệu theo các tiêu chí phức tạp Ngoài ra, MQL còn cho phép thực hiện các phép toán trên dữ liệu, giúp người dùng có thể thao tác và phân tích dữ liệu một cách hiệu quả.
MongoDB tích hợp tốt với các ngôn ngữ lập trình phổ biến như JavaScript, Python, Java và C#, tạo điều kiện thuận lợi cho việc phát triển ứng dụng Với những ưu điểm vượt trội như khả năng mở rộng, linh hoạt và hiệu suất cao, MongoDB đã trở thành lựa chọn hàng đầu cho các ứng dụng web và di động cần lưu trữ và xử lý dữ liệu phi cấu trúc.
Thiết kế giao diện
Hình 3.2: Trang chi tiết sản phẩm
Thiết kế cơ sở dữ liệu
Quản lý thông tin Danh mục bao gồm: id, name Thuộc tính khóa: id
Quản lý thông tin Sản phẩm bao gồm: id, name, categoryId, price, description,image Thuộc tính khóa: id
Quản lý thông tin Bài viết bao gồm: id, title, description, content, image Thuộc tính khóa: id
Quản lý thông tin Đơn đặt hàng bao gồm: id, userId, Product, Price,
CofimationStatus, paymentStatus, Name, Email,phone, address, city, district, ward, shipping, description Thuộc tính khóa: id
Quản lý thông tin Bài viết bao gồm: id,name, email, password, phone, address, image, admin Thuộc tính khóa: id
Cài đặt hệ thống tích hợp
Hình 3.7: Mô hình thanh toán VNPAY
Hình 3.8: Code tích hợp vnpay
Sau khi thực hiện gọi API thanh toán, API sẽ thu thập các tham số cần thiết như bankCode, ngôn ngữ và giá trị thanh toán để tạo ra URL dẫn đến trang thanh toán và khởi động quá trình thanh toán.
Hình 3.10 Giao diện tích hợp trang thanh toán
Kết quả thử nghiệm
Sau khi tích hợp thành công VNPAY vào hệ thống, cổng thanh toán của chúng tôi hoạt động mượt mà, cho phép người dùng lựa chọn phương thức thanh toán qua VNPAY và hoàn tất giao dịch một cách dễ dàng.
Giao diện người dùng đóng vai trò quan trọng trong quá trình thanh toán trực tuyến Một giao diện thanh toán được thiết kế đơn giản, rõ ràng và dễ hiểu sẽ giúp người dùng dễ dàng hoàn thành thanh toán một cách nhanh chóng và hiệu quả Điều này cho phép người dùng tập trung vào trải nghiệm mua sắm mà không gặp phải bất kỳ khó khăn nào.
Xử lý giao dịch: Các giao dịch thanh toán đã được xử lý một cách chính xác
Cả các trường hợp thành công và thất bại đều được xử lý một cách linh hoạt và đáng tin cậy.
Bảo mật thông tin thanh toán của người dùng là ưu tiên hàng đầu của chúng tôi Chúng tôi đã áp dụng các biện pháp bảo mật chặt chẽ để đảm bảo rằng dữ liệu giao dịch luôn được bảo vệ an toàn, không bị rò rỉ hay lộ ra ngoài.
VNPAY tương thích hoàn hảo với các trình duyệt web phổ biến như Google Chrome, Mozilla Firefox và Safari, đồng thời hoạt động mượt mà trên các thiết bị di động như điện thoại thông minh và máy tính bảng.
Cổng thanh toán VNPAY hoạt động với hiệu suất cao, đảm bảo không có độ trễ trong quá trình giao dịch Thời gian phản hồi và xử lý giao dịch diễn ra nhanh chóng, mang lại trải nghiệm tốt cho người dùng.
Kết quả giao dịch được thông báo rõ ràng đến người dùng, đồng thời thông tin thanh toán cũng được ghi nhận trong hệ thống của chúng tôi.