Xây dựng website bán giày thể thao sử dụng prestashop

TỔNG QUAN

Lý do chọn đề tài

Công nghệ thông tin đang phát triển mạnh mẽ, với máy tính điện tử trở thành công cụ làm việc và giải trí phổ biến Trong bối cảnh cạnh tranh thông tin gay gắt, các tổ chức và doanh nghiệp nỗ lực hoàn thiện hệ thống thông tin để tin học hóa các tác nghiệp Thương mại điện tử là phương pháp nhanh chóng hiện nay, giúp doanh nghiệp sử dụng Internet và xây dựng website để quảng bá thương hiệu và sản phẩm Tại Việt Nam, nhiều doanh nghiệp đang triển khai thương mại hóa trên Internet, với một số website mua bán trực tuyến nổi bật như thegioididong.com, hongha.asia, chovinh.com Để thúc đẩy việc sử dụng thương mại điện tử, tôi đã chọn đề tài “Tìm hiểu và xây dựng website thương mại điện tử sử dụng mã nguồn mở”, trong đó mã nguồn mở được sử dụng là Prestashop.

PrestaShop là một ứng dụng thương mại điện tử mã nguồn mở mạnh mẽ và chuyên nghiệp, cho phép người dùng tải về, cài đặt và sử dụng miễn phí Hệ thống này cung cấp đầy đủ tính năng quản lý hàng tồn kho, đơn hàng, giao nhận và khách hàng theo thời gian thực Khách hàng có thể thực hiện thanh toán an toàn, với tiền được chuyển trực tiếp vào tài khoản ngân hàng của bạn nhờ công nghệ bảo mật tiên tiến Ngoài ra, bạn còn có thể tích hợp các module tùy chỉnh vào ứng dụng để mở rộng chức năng.

1.2 Phạm vi, đối tƣợng nghiên cứu

Giải pháp thương mại điện tử đang trở thành xu thế phát triển mới tại Việt Nam, với sự chú trọng vào việc nghiên cứu nguyên lý và thực tiễn hoạt động của các website thương mại điện tử Việc áp dụng các công nghệ hiện đại và tối ưu hóa trải nghiệm người dùng là yếu tố then chốt để nâng cao hiệu quả kinh doanh trong lĩnh vực này.

- Cách xây dựng một website mã nguồn mở và cách thức hoạt động cụ thể là đi sâu vào quảng cáo sản phẩm và thanh toán trực tuyến

- Tìm hiểu thương mại điện tử

- Tìm hiểu cách thức hoạt động và các đối tượng trong Prestashop như:

 Quản lý logo, banner, thông tin liên lạc, các module

Nguyễn Anh Tuấn - Lớp 52K2 - Khoa CNTT 6

 Quản lý các danh mục

 Chức năng đăng ký, đăng nhập

 Chức năng xem, so sánh và mua hàng

- Tìm hiểu mã nguồn mở Prestashop kết hợp các ngôn ngữ lập trình HTML, CSS, JavaScript, PHP để xây dựng một trang web động

1.4 Mục đích, ý nghĩa đề tài

Bán hàng hiện đại yêu cầu tư duy kinh doanh sắc bén và khả năng nắm bắt thị trường nhanh chóng Ngày nay, cửa hàng có thể hoạt động hiệu quả với ít nhân viên, cho phép khách hàng dễ dàng mua sắm từ xa chỉ với vài cú click chuột tại nhà.

Việc tạo ra website thương mại điện tử(cụ thể là bán giày thể thao trực tuyến) sẽ đem lại nhiều lợi ích cho người sử dụng:

- Người sử dụngcó thể mua hàng trực tiếp mà không cần đến cửa hàng

- Có nhiều hình thức thanh toán nhanh gọn tiện lợi mà khách hàng có thể lựa chọn

- Thúc đẩy quá trình bán hàng của các doanh nghiệp, đồng thời các doanh nghiệp cũng nâng cao được uy tín, hình ảnh của mình đối với khách hàng

- Giảm thiểu được chi phí quảng cáo và in ấn vẫn có thể đưa sản phẩm tiếp cận đến mọi đối tượng sử dụng mạng

- Đối với người quản lí website: Quản lí, cập nhật sản phẩm và quản lí nội dung thông tin khách hàng là thành viên

- Đối với thành viên: Dễ dàng xem và mua sản phẩm nhanh nhất, có thể chat trực tiếp với người quản trị website

Đề án này hướng đến việc phát triển một website bán giày thể thao hoàn chỉnh, giúp khách hàng dễ dàng nắm bắt thông tin về sản phẩm và dịch vụ của doanh nghiệp Sử dụng nền tảng mã nguồn mở Prestashop kết hợp với cơ sở dữ liệu MySQL, ứng dụng được xây dựng bằng các ngôn ngữ PHP, HTML và CSS, nhằm mang lại trải nghiệm hiệu quả cho người dùng.

Mã nguồn mở là giải pháp hiệu quả giúp doanh nghiệp vừa và nhỏ xây dựng website thương mại điện tử mà không cần đầu tư lớn Bài viết này sẽ giúp bạn hiểu rõ hơn về mã nguồn mở và cách thức hoạt động của một trang web thương mại điện tử, từ đó đáp ứng nhu cầu kinh doanh của các doanh nghiệp chưa có nền tảng trực tuyến chính thức.

Phương pháp nghiên cứu

- Tìm hiểu thương mại điện tử

- Tìm hiểu cách thức hoạt động và các đối tượng trong Prestashop như:

 Quản lý logo, banner, thông tin liên lạc, các module

 Quản lý các danh mục

 Chức năng đăng ký, đăng nhập

 Chức năng xem, so sánh và mua hàng

- Tìm hiểu mã nguồn mở Prestashop kết hợp các ngôn ngữ lập trình HTML, CSS, JavaScript, PHP để xây dựng một trang web động.

Mục đích, ý nghĩa đề tài

Bán hàng ngày nay yêu cầu tư duy kinh doanh sắc bén và khả năng nắm bắt thị trường hiệu quả Cửa hàng có thể hoạt động với ít nhân viên, cho phép khách hàng mua sắm dễ dàng từ xa chỉ bằng vài cú click chuột tại nhà.

Việc tạo ra website thương mại điện tử(cụ thể là bán giày thể thao trực tuyến) sẽ đem lại nhiều lợi ích cho người sử dụng:

- Người sử dụngcó thể mua hàng trực tiếp mà không cần đến cửa hàng

- Có nhiều hình thức thanh toán nhanh gọn tiện lợi mà khách hàng có thể lựa chọn

- Thúc đẩy quá trình bán hàng của các doanh nghiệp, đồng thời các doanh nghiệp cũng nâng cao được uy tín, hình ảnh của mình đối với khách hàng

- Giảm thiểu được chi phí quảng cáo và in ấn vẫn có thể đưa sản phẩm tiếp cận đến mọi đối tượng sử dụng mạng

- Đối với người quản lí website: Quản lí, cập nhật sản phẩm và quản lí nội dung thông tin khách hàng là thành viên

- Đối với thành viên: Dễ dàng xem và mua sản phẩm nhanh nhất, có thể chat trực tiếp với người quản trị website

Đề tài này tập trung vào việc xây dựng một website bán giày thể thao trực tuyến hoàn chỉnh, giúp khách hàng dễ dàng nắm bắt các sản phẩm và dịch vụ của doanh nghiệp Website sẽ được phát triển dựa trên mã nguồn mở Prestashop, sử dụng cơ sở dữ liệu MySQL và kết hợp các ngôn ngữ lập trình như PHP, HTML, và CSS để mang lại trải nghiệm hiệu quả cho người dùng.

Mã nguồn mở là giải pháp hiệu quả giúp doanh nghiệp vừa và nhỏ xây dựng website thương mại điện tử mà không cần đầu tư lớn Bài viết này sẽ giúp bạn hiểu rõ hơn về cách thức hoạt động của mã nguồn mở và cách nó hỗ trợ các doanh nghiệp trong việc phát triển kinh doanh trực tuyến.

NỀN TẢNG XÂY DỰNG HỆ THỐNG

Khái niệm mã nguồn mở, TMĐT

2.1.1 Mã nguồn mở là gì

Mã nguồn mở, hay còn gọi là Open Source, là phần mềm được cung cấp dưới dạng mã nguồn, cho phép người dùng không chỉ sử dụng miễn phí mà còn có quyền chỉnh sửa, nâng cấp và phát triển trong phạm vi quy định mà không cần xin phép Điều này trái ngược với phần mềm thương mại hay phần mềm mã nguồn đóng, nơi việc chỉnh sửa và phát triển bị cấm.

Phần mềm mã nguồn mở thường được kiểm duyệt bởi các tổ chức uy tín, đảm bảo chất lượng tương đối tốt về bảo mật và tối ưu hóa.

2.1.2 Thương mại điện tử là gì

Thương mại điện tử hiện nay có nhiều định nghĩa khác nhau, phản ánh các quan điểm và khía cạnh đa dạng Từ góc độ truyền thông, thương mại điện tử được hiểu là khả năng phân phối sản phẩm, dịch vụ, thông tin hoặc thanh toán qua các mạng như Internet hoặc World Wide Web.

Thương mại điện tử, theo quan điểm giao tiếp, bao gồm nhiều hình thức trao đổi thông tin giữa các doanh nghiệp, giữa doanh nghiệp và khách hàng, cũng như giữa các khách hàng với nhau.

- Theo quan điểm quá trình kinh doanh, thương mại điện tử bao gồm các hoạt động được hỗ trợ trực tiếp bởi liên kết mạng

Theo quan điểm môi trường kinh doanh, thương mại điện tử là nền tảng cho phép mua bán sản phẩm, dịch vụ và thông tin qua Internet, bao gồm cả sản phẩm hữu hình và vô hình.

- Theo quan điểm cấu trúc, thương mại điện tử liên quan đến các phương tiện thông tin để truyền: văn bản, trang web, điện thoại Internet, video Internet

Mô hình thương mại điện tử là phương thức kinh doanh giúp công ty tạo ra lợi nhuận và duy trì hoạt động Nó giải thích vai trò của công ty trong chuỗi cung ứng và đặc biệt, có khả năng hình thành các mô hình thương mại mới Thương mại điện tử được phân loại thành nhiều loại khác nhau như B2B (doanh nghiệp đến doanh nghiệp), B2C (doanh nghiệp đến người tiêu dùng) và C2C (người tiêu dùng đến người tiêu dùng), dựa trên các thành phần tham gia vào hoạt động thương mại.

- B2B (Business-to-Business): thành phần tham gia hoạt động thương mại là các doanh nghiệp, tức người mua và người bán đều là doanh nghiệp

- B2C (Business-to-Consumer): thành phần tham gia hoạt động thương mại gồm người bán là doanh nghiệp và người mua là người tiêu dùng

- C2C (Consumer-to-Consumer): thành phần tham gia hoạt động thương mại là các cá nhân, tức người mua và người bán đều là cá nhân

Thương mại điện tử mang lại lợi ích to lớn với tiềm năng lợi nhuận cao cho con người, tạo cơ hội kết nối hàng triệu người từ khắp nơi trên thế giới, không phân biệt quốc gia hay dân tộc Những lợi nhuận này đang dần trở thành hiện thực và sẽ tiếp tục gia tăng khi thương mại điện tử ngày càng phát triển Đặc biệt, đối với doanh nghiệp, thương mại điện tử mở ra nhiều cơ hội mới để tăng trưởng và mở rộng thị trường.

TMĐT giúp các công ty mở rộng thị trường với chi phí đầu tư thấp hơn so với thương mại truyền thống, mang lại tiềm năng lợi nhuận lớn Nó tạo cơ hội kết nối hàng triệu người trên toàn cầu, bất kể quốc gia hay dân tộc Những lợi nhuận này đang dần trở thành hiện thực và sẽ tiếp tục gia tăng khi TMĐT phát triển mạnh mẽ, giúp tìm kiếm và tiếp cận nhà cung cấp, khách hàng và đối tác trên khắp thế giới.

- Giảm chi phí sản xuất: Giảm chi phí giấy tờ, giảm chi phí chia sẻ thông tin, chi phí in ấn, gửi văn bản truyền thống

Tự động hóa giao dịch qua Web và Internet cho phép doanh nghiệp hoạt động liên tục 24/7/365, giúp tiết kiệm chi phí biến đổi và vượt qua giới hạn về thời gian.

- Mô hình kinh doanh mới: Các mô hình kinh doanh mới với những lợi thế và giá trị mới cho khách hàng

Tăng tốc độ đưa sản phẩm ra thị trường là một lợi thế quan trọng, nhờ vào việc cải thiện thông tin và khả năng phối hợp giữa các doanh nghiệp Điều này không chỉ nâng cao hiệu quả sản xuất mà còn giúp rút ngắn thời gian ra mắt sản phẩm, từ đó tạo ra lợi thế cạnh tranh cho doanh nghiệp.

Củng cố quan hệ khách hàng là điều quan trọng, và việc giao tiếp thuận tiện qua mạng giúp tăng cường mối quan hệ với trung gian và khách hàng Bên cạnh đó, việc cá biệt hóa sản phẩm và dịch vụ cũng đóng vai trò quan trọng trong việc thắt chặt mối quan hệ này, từ đó nâng cao lòng trung thành của khách hàng.

- Thông tin cập nhật: Mọi thông tin trên web như sản phẩm, dịch vụ, giá cả đều có thể được cập nhật nhanh chóng và kịp thời

Chi phí đăng ký kinh doanh là một yếu tố quan trọng, và nhiều quốc gia cũng như khu vực đã khuyến khích việc này bằng cách giảm hoặc miễn phí đăng ký kinh doanh trực tuyến Tuy nhiên, việc thu phí trong thực tế gặp nhiều khó khăn do những đặc thù của Internet.

Nâng cao uy tín và hình ảnh doanh nghiệp, cải thiện chất lượng dịch vụ khách hàng, thu hút đối tác kinh doanh mới, và đơn giản hóa quy trình giao dịch là những lợi ích quan trọng Bên cạnh đó, việc chuẩn hóa quy trình giúp tăng năng suất, giảm chi phí giấy tờ, và nâng cao khả năng tiếp cận thông tin Cuối cùng, điều này cũng mang lại sự linh hoạt trong các giao dịch và hoạt động kinh doanh, đồng thời giảm chi phí vận chuyển.

Lợi ích với người tiêu dùng:

Thương mại điện tử giúp khách hàng mua sắm mọi lúc, mọi nơi, vượt qua rào cản về không gian và thời gian, kết nối họ với các cửa hàng toàn cầu.

Thương mại điện tử mang đến cho người tiêu dùng nhiều lựa chọn sản phẩm và dịch vụ hơn, nhờ vào việc kết nối với nhiều nhà cung cấp khác nhau.

Mã nguồn mở Prestashop

PrestaShop là giải pháp website thương mại điện tử hoàn hảo cho cá nhân và doanh nghiệp, cung cấp đầy đủ chức năng của một website 2.0 chuyên nghiệp cho bán hàng trực tuyến Được phát triển từ năm 2005, PrestaShop ban đầu ít được biết đến do chủ yếu phát hành phiên bản tiếng Pháp Tuy nhiên, với những cải tiến nổi bật gần đây, PrestaShop đã trở thành mã nguồn mở phổ biến trong cộng đồng e-Commerce.

PrestaShop, với mã nguồn phát triển sau, đã kế thừa nhiều ý tưởng từ các nền tảng trước như OsCommerce Điểm nổi bật của PrestaShop là tính năng tích hợp thư viện trình bày sản phẩm theo màu sắc, giúp chủ cửa hàng tiếp cận hiệu quả hơn với khách hàng của mình.

Việc tích hợp trang quản lý thông tin trực tiếp vào mã nguồn giúp PrestaShop trở nên thân thiện hơn với người dùng, mang lại trải nghiệm sử dụng tốt hơn.

- Đầy đủ các chức năng của một website bán hàng trực tuyến: thêm, sửa, xóa, thống kê sản phẩm, nhà sản xuất, nhà phân phối, khách hàng,…

- Theo dõi tình trạng bán hàng, thông báo cho khách hàng bằng tin nhắn sms, thu thập thông tin khách hàng,…

- Áp dụng được nhiều phương thức thanh toán khác nhau với các đơn vị tiền tệ lưu hành phổ biến

- Tốc độ tải và xử lý nhanh An toàn, bảo mật

- URL thân thiện, tối ưu máy tìm kiếm SEO, quản lý nội dung CMS…

- Bạn không cần quan tâm tới chi phí mua phần mềm hay vấn đề bản quyền vì Prestashop là phần mềm nguồn mở và hoàn toàn miễn phí

- Thường xuyên cập nhật các phiên bản mới hơn để sửa các lỗi bugs và bổ sung thêm các chức năng, modules mới

- Dễ dàng quản trị website với các công cụ tương đối đầy đủ và bảng điều hướng thuận tiện

- Dễ dàng tích hợp và mở rộng phát triển các modules độc lập

- Giao diện thân thiện, dễ sử dụng, có thể thiết kế giao diện độc lập

Tuy vậy PrestaShop vẫn tồn tại khá nhiều khuyết điểm, nổi bật như:

- Khả năng quản lý Url-rewrite khá yếu, không có khả năng mở rộng tùy biến Làm giảm đáng kể khả năng SEO của website

- Thuật toán tìm kiếm của PrestaShop được đánh giá là khá yếu so với các Opensource khác

- Kiến trúc Extensions hỗ trợ cho bên thứ 3 tự phát triển khá yếu.

Hệ quản trị cơ sở dữ liệu MySQL

MySQL là một hệ quản trị cơ sở dữ liệu phổ biến trên toàn cầu, đặc biệt trong phát triển ứng dụng web Nó thường được kết hợp với ngôn ngữ lập trình PHP để xây dựng các website hiệu quả MySQL được ưa chuộng nhờ vào tốc độ xử lý nhanh, dễ sử dụng và khả năng tương thích với nhiều hệ điều hành thông dụng như Linux và Windows.

- Là một phần mềm cơ sở dữ liệu được sử dụng để tạo, lưu trữ database các dữ liệu và truy vấn có cấu trúc (SQL)

Hiện nay, hầu hết các dịch vụ cung cấp hosting đều cài đặt MySQL, cho phép người dùng dễ dàng sử dụng Một ví dụ điển hình về ứng dụng của cơ sở dữ liệu này là việc cài đặt Prestashop, giúp bạn hiểu rõ hơn về vai trò quan trọng của database trong quản lý và vận hành website.

Để quản lý cơ sở dữ liệu MySQL một cách trực quan, phpMyAdmin là phần mềm lý tưởng, hiện đã được tích hợp vào các dịch vụ hosting và cả localhost.

Các thông số của một database:

Database Host là địa chỉ máy chủ lưu trữ dữ liệu trong cơ sở dữ liệu mà bạn cần sử dụng Khi bạn sử dụng chính máy chủ chạy website để lưu trữ cơ sở dữ liệu, thường sẽ khai báo Database Host là localhost.

Tên database là tên của cơ sở dữ liệu mà bạn đã tạo trên máy chủ Trong môi trường localhost, database thường có định dạng “databasename” nếu được tạo bằng phpMyAdmin, vì bạn tạo database với quyền truy cập của người dùng gốc (root).

Tên người dùng cơ sở dữ liệu (Database Username) là danh tính của người dùng được cấp quyền truy cập vào tên cơ sở dữ liệu (Database Name), cho phép thực hiện các thao tác như tạo, sửa, xóa và truy xuất dữ liệu Khi sử dụng website, các hành động trên trang sẽ được kết nối với cơ sở dữ liệu thông qua tên người dùng và mật khẩu cơ sở dữ liệu, nhằm thực hiện các chức năng cần thiết.

- Database Password:là mật khẩu truy cập cho Database Username mà ứng dụng cần khai báo nếu cần truy cập vào database.

Ngôn ngữ sử dụng

HTML, viết tắt của HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản), là công cụ chính để tạo ra các trang web, trong đó mỗi trang được định nghĩa là một tài liệu HTML Tim Berners-Lee, người sáng lập ra World Wide Web và là chủ tịch của Tổ chức W3C, là cha đẻ của HTML.

Tài liệu HTML được cấu thành từ các phần tử HTML, được xác định bằng các cặp thẻ bao gồm thẻ mở và thẻ đóng Nội dung cần được đánh dấu bằng HTML sẽ được đặt bên trong cặp thẻ này Tuy nhiên, một số thẻ đặc biệt không có thẻ đóng và dữ liệu sẽ được khai báo thông qua các thuộc tính.

- HTML chỉ đóng vai trò hình thành trên website: xây dựng cấu trúc và định dạng các siêu văn bản

Dù website sử dụng loại ngôn ngữ lập trình nào để xử lý dữ liệu, HTML vẫn là yếu tố cần thiết để hiển thị nội dung cho người truy cập.

- CSS là viết tắt của cụm từ "Cascading Style Sheet", nó là một ngôn ngữ quy định cách trình bày của các thẻ HTML trên trang web

- Là ngôn ngữ đang được sử dụng rất nhiều trong lập trình web, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng

Đôi khi, bạn có thể gặp khó khăn khi nhận thấy rằng mã code của mình hiển thị khác nhau trên các trình duyệt CSS là giải pháp giúp bạn đồng nhất cách hiển thị nội dung của các thẻ HTML trên các trình duyệt, thông qua việc quy định các thuộc tính cho từng thẻ.

PHP (viết tắt của “PHP: Hypertext Preprocessor”) là một ngôn ngữ lập trình kịch bản mã nguồn mở, chủ yếu được sử dụng để phát triển ứng dụng cho máy chủ Với khả năng nhúng dễ dàng vào HTML, PHP được tối ưu hóa cho các ứng dụng web, mang lại tốc độ nhanh và nhỏ gọn Cú pháp của PHP tương tự như C và Java, giúp người dùng dễ dàng học hỏi Nhờ vào thời gian phát triển ngắn và tính linh hoạt, PHP đã trở thành ngôn ngữ lập trình web phổ biến nhất trên thế giới.

Thẻ đánh dấu sự bắt đầu và kết thúc của mã PHP, giúp máy chủ nhận diện và xử lý mã một cách chính xác Điều này tạo ra sự tiện lợi cho lập trình viên, làm cho việc viết mã PHP trở nên trực quan và dễ dàng hơn trong việc phát triển giao diện ứng dụng.

Ngôn ngữ lập trình PHP để xử lý và trao đổi dữ liệu giữa máy chủ đến trình duyệt

CÀI ĐẶT HỆ THỐNG

Cài đặt và chạy mã nguồn mở

Bạn có thể tài PrestaShop về máy và cài đặt chạy trên localhost hoặc chạy luôn trên cloud mà không cần tải về

Bạn nhập tên cửa hàng và địa chỉ email đăng kí của mình, sau đó Start My Online Store để bắt đầu xây dựng cửa hàng của riêng mình

Bạn điền địa chỉ cửa hàng và sẽ mặc định có đuôi là pswebstore.com

Lựa chọn khu vực của bạn để có thể áp dụng 1 cách dễ dàng các thuộc tính như vị trí, tiền tệ, thuế…

Để tạo cửa hàng, bạn cần điền họ tên và mật khẩu (ít nhất 8 ký tự bao gồm cả chữ và số), sau đó nhập lại mật khẩu Hãy đánh dấu vào ô nhận thông báo và ô đã đọc và đồng ý với các điều khoản, sau đó nhấn vào nút "Create My Store".

Cửa hàng của bạn đã được tạo, sau đó bạn truy cập vào email của mình và xác nhận việc khởi tạo cửa hàng của mình

Bạn nhấp vào Visit My Store để đến với cửa hàng:

Và nhấp vào Manage My Store để chỉnh sửa các module và thiết lập

Localhost là địa chỉ máy chủ cho phép các máy trong mạng LAN truy cập thông tin Một số ngôn ngữ lập trình như PHP và ASP chỉ hoạt động trên máy chủ, nhưng không phải ai cũng có khả năng thuê host từ nhà cung cấp hoặc sử dụng host miễn phí do không có kết nối mạng Để chạy PHP hoặc ASP mà không cần mạng, giải pháp là cài đặt localhost.

Localhost là giải pháp cho phép chạy PHP và ASP trực tiếp trên máy tính cá nhân, đồng thời cho phép các máy tính khác trong mạng LAN truy cập vào máy của bạn thông qua giao thức HTTP.

- Xampp là chương trình tạo máy chủ Web (Web Server) trên máy tính cá nhân (Localhost) được tích hợp sẵn Apache, PHP, MySQL, FTP Server

- Xampp là viết tắt của X + Apache + Mysql + PHP + Perl Chữ X là cross

(platform) ám chỉ dùng được cho cả 4 hệ điều hành khác nhau : Windows, Linux, Solaris và MAC

- Chạy chương trình cài đặt Xampp Installer, khi xuất hiện bảng chọn ngôn ngữ, chọn English và nhấn OK

- Khi xuất hiện bảng Welcome to the Xampp Setup Wizard, nhấn Next

- Trong License Agrement chọn I accept the Agreement, nhấn Next

Trong phần Chọn Địa Điểm Cài Đặt, hãy chọn vị trí cài đặt Xampp, nên chọn ổ đĩa khác với ổ cài Windows để thuận tiện cho việc cấu hình sau này Đường dẫn cài đặt nên là C:\xampp (cài trong thư mục xampp trên ổ C), sau đó nhấn Next để tiếp tục.

- Trong Xampp Options,để nguyên mặc định của Xampp và nhấn Install

Sau khi hoàn tất quá trình cài đặt, bạn hãy nhấn Finish để kết thúc Chương trình sẽ hỏi bạn có muốn mở bảng điều khiển của Xampp hay không; hãy chọn No vì còn một số thông số cần điều chỉnh thêm.

Thư mục gốc (Web Root) cho các trang web mặc định của Xampp là C:\xampp\htdocs Để các website hoặc thư mục chứa website hoạt động, chúng cần được đặt trong thư mục Web Root (htdocs).

Để khởi động Apache và MySQL trong Xampp, bạn hãy chọn nút Start trên bảng điều khiển Để tắt bảng điều khiển, nhấn vào nút X ở góc trên bên phải Bạn có thể mở lại bảng điều khiển bất cứ lúc nào bằng cách nhấp vào biểu tượng Xampp trong khay hệ thống ở góc dưới bên phải màn hình.

Cài đặt mã nguồn mở trên localhost

To set up your PrestaShop environment, first, extract the source code file downloaded from prestashop.com Rename the folder to "csdl" and then copy and paste it into the htdocs directory of your XAMPP installation After running XAMPP, click on the admin section within MySQL to proceed with the installation.

- Nhập tên CSDL như tên thư mục đã đổi, chọn utf8_general_ci và ấn create

- Chạy prestashop : http://localhost/ten CSDL

- Cài đặt ngôn ngữ và cấu hính hệ thống

Bước cuối cùng của quá trình cài đặt: vì lý do bảo mật, bạn cần phải xoá C:\xampp\htdocs\csdl\install hoặc đổi tên thư mục install này

Thế là chúng ta đã hoàn thành xong các bước tạo web prestashop

XÂY DỰNG WEBSITE BÁN GIÀY THỂ THAO

Mô tả sơ bộ về chức năng

Hệ thống bao gồm một trang quản trị riêng, cho phép người quản trị đăng nhập để quản lý website Các nhiệm vụ chính của admin bao gồm giám sát nội dung, quản lý người dùng và tối ưu hóa hiệu suất của trang web.

- Quản lý các thông tin giao diện website như: thay đổi logo, theme, thông tin liên hệ, favicon, …

- Quản lý danh mục và các nhóm sản phẩm như giày đánh Golf, giày Tennis, giày đá bóng, giày phượt, …

- Quản lý thông tin thành viên: thông tin cá nhân như địa chỉ liên hệ, số điện thoại, …

- Quản lý gửi email và thông báo hay các chương trình khuyến mã đến khách hàng, hay các email thông báo việc thanh toán hay vận chuyển hàng

- Quản lý việc chat và comment:chat trực tuyến với khách hàng thông qua LivePerson

Sau khi khách hàng đăng kí là thành viên thì được quyền thực hiện những việc sau:

- Xem chi tiết sản phẩm, mua sản phẩm trực tuyến

- Tìm kiếm loại sản phẩm yêu thích

- Lưu các sản phẩm yêu thích vào giỏ hàng điện tử

- Bình luận, chat trực tuyến với admin

Khách hàng chưa đăng kí làm thành viên sẽ bị hạn chế về các hành vi được làm trên website:

- Chỉ xem được sản phẩm nhưng không mua được hàng trực tuyến

- Không thể bình luận sản phẩm nhưng có thể chat trực tuyến với admin

- Tìm kiếm sản phẩm nhưng không có giỏ hàng điện tử để lưu sản phẩm.

Thiết kế giao diện và chức năng

Để chuyển đổi từ giao diện cơ bản sang các giao diện tùy chỉnh, bạn cần một file theme đã được nén, có thể tải về miễn phí hoặc phải trả phí tùy thuộc vào loại theme bạn chọn.

Sử dụng module Import/Export theme để thêm giao diện mới hoặc xuất giao diện hiện tại Bạn cũng có thể nhấn vào "Add new theme" để tải lên file theme nén (đuôi zip) mà bạn đã tải về.

- Mục theme configurator để chỉnh sửa cấu hình các module có sẵn

- Mục Advanced setting để tùy chỉnh theme

Khi click add new theme thì nó hiện các cách để thêm theme cho web của bạn

- Mục import from your computer cho phép bạn thêm 1 giao diện mới được lưu sẵn trong máy tính Tương tự với import from web và FTP

Sau khi upload thành công sẽ có thông báo Successful upload Theme chúng ta vừa thêm sẽ xuất hiện ở phía dưới trang :

Chọn Use this theme để cài đặt theme có sẵn lên trang chủ

Lựa chọn các module của giao diện mà bạn muốn cài đặt, và các module không khả dụng cho giao diện này rồi click Save

Thông báo rằng theme đã được cài đặt và bạn cần ấn Finish Hãy tải lại trang để xem sự thay đổi giao diện Để chỉnh sửa giao diện đẹp hơn, bạn có thể vào thư mục CSS của theme và thực hiện chỉnh sửa.

Cài đặt này cho phép bạn việt hóa trang web, phù hợp với người dùng trong nước Để thêm ngôn ngữ mới, truy cập vào Localization -> Language -> Add new language và điền thông tin cần thiết Sau khi thêm tiếng Việt, bạn có thể chỉnh sửa và việt hóa trang web bằng cách nhấp vào Localization -> Translation.

Chọn loại dịch, giao diện cần dịch và lựa chọn ngôn ngữ mà mình muốn bổ sung sau đó nhấp vào Modify

To manually import a language pack, navigate to Localization -> Translation, then select the option to Import a language pack Choose the localized language file, select the interface you wish to localize, and click on Import.

Vậy là hoàn tất việc lựa chọn và thay đổi ngôn ngữ cho trang web

4.2.3 Thay đổi thông tin địa chỉ liên lạc cửa hàng

Bạn vào Module -> Contact block -> Configure Điền số điện thoại và địa chỉ email của cửa hàng vào và ấn Save để lưu lại

Lựa chọn icons cho cửa hàng và favicon Bạn có thể tự tạo favicon cho riêng mình

Cuối cùng, bạn cần lựa chọn logo hiển thị trên điện thoại Bạn có thể quyết định không hiển thị logo, chỉ hiển thị trên smartphone, chỉ hiển thị trên máy tính bảng, hoặc hiển thị trên cả hai thiết bị này.

Thêm sản phẩm mới: Vào Catalog -> Products -> Add new product

Để cập nhật thông tin sản phẩm, bạn cần đánh dấu vào các mục như sản phẩm tiêu chuẩn, sản phẩm có sẵn hoặc sản phẩm ảo Nhập tên sản phẩm vào ô "name" và có thể thêm tên thay thế vào "reference code" Tiếp theo, chọn mục hiển thị sản phẩm và điều kiện (mới, đã sử dụng, hoặc được tân trang) Trong phần "option", hãy đánh dấu vào mục có sẵn cho đơn hàng, hiển thị giá, hoặc chỉ bán online Cuối cùng, trong mục "Visibility", lựa chọn cách hiển thị sản phẩm: cho phép hiển thị ở bất cứ đâu, chỉ trong catalog, chỉ tìm kiếm hoặc không hiển thị.

Trong mục mô tả ngắn, hãy viết vài dòng tóm tắt về sản phẩm Tiếp theo, ở phần mô tả chi tiết, cung cấp thông tin đầy đủ về sản phẩm Đừng quên thêm phần #tag để người dùng dễ dàng tìm kiếm Cuối cùng, nhấn "lưu và tiếp tục" hoặc "lưu" để lưu các thay đổi đã thực hiện.

Để nhập giá bán buôn trước thuế, bạn cần điền vào mục "pre-tax wholesale price" và giá bán lẻ trước thuế vào mục "pre-tax retail price" Bạn có thể chọn mức thuế cho sản phẩm (5% hoặc 10%) hoặc tự tạo mức thuế khác Giá sản phẩm đã bao gồm thuế sẽ được hiển thị ở mục "retail price with tax" Mục "unit price (tax excl)" là giá đơn vị chưa bao gồm thuế Nếu bạn muốn hiển thị biểu tượng giảm giá cho sản phẩm, hãy đánh dấu vào ô "display" Cuối cùng, nhấn "Save and stay" để lưu lại.

Bạn có thể thiết lập mức giá đặc biệt bằng cách thêm một mức giá cụ thể trong mục "specific price" Hãy chọn đơn vị tiền tệ, quốc gia và loại khách hàng mà mức giá này sẽ áp dụng, có thể là cho từng khách hàng riêng lẻ hoặc cho tất cả Ngoài ra, trong mục "available", bạn cần chỉ định ngày giờ bắt đầu và kết thúc áp dụng mức giá này.

Để bắt đầu, bạn cần điền số lượng sản phẩm tối thiểu để áp dụng mức giá mong muốn Tiếp theo, nhập giá sản phẩm chưa bao gồm thuế Bạn có thể chọn dựa trên giá cơ bản hoặc tự nhập giá mới Cuối cùng, hãy xác định mức giảm giá, có thể bao gồm thuế hay không, và chọn đơn vị tiền tệ hoặc phần trăm Sau khi hoàn tất, hãy nhấn "save and stay" để lưu lại và tiếp tục.

To upload a product image, select the image from the "Add File" section, then click on "Upload This File" to upload the image Finally, press "Save and Stay" to save your changes.

Nếu hình ảnh không đúng với sản phẩm, bạn có thể nhấp vào delete this image để xóa hình ảnh và thực hiện lại

Để tối ưu hóa SEO, bạn cần điền tiêu đề và mô tả ngắn cho sản phẩm, giúp nâng cao khả năng tìm kiếm URL sẽ được tự động cập nhật theo tên sản phẩm, nhưng bạn cũng có thể tùy chỉnh lại đường dẫn nếu cần Cuối cùng, hãy nhấn "save and stay" để lưu lại các thay đổi.

- Mục association: lựa chọn catelogies cha của thư mục, với mặc định là home, sau đó lựa chọn nhà sản xuất và ấn save and stay để lưu lại

- Mục shipping: lựa chọn phương thức giao hàng Các đặc tính cơ bản của gói hàng, đơn vị vận chuyển Sau đó ấn save and stay để lưu lại

Trong mục kết hợp, bạn có thể thêm các sản phẩm hoa cùng loại với nhiều màu sắc khác nhau để khách hàng dễ dàng lựa chọn Hãy chọn màu sắc mong muốn và nhấn "Add", sau đó điền giá bán buôn vào ô "Wholesale Price" và xác định số lượng tối thiểu cần mua trong mục "Minimum Quantity" Tiếp theo, chọn ngày có hàng trong mục "Availability Date" và đánh dấu vào hình ảnh tương ứng với màu sắc sản phẩm đã tạo trước đó Cuối cùng, nhấn "Save and Stay" để lưu lại các thông tin đã nhập.

To manage product quantities effectively, select the option to manually specify available quantities In the "when out of stock" section, choose between "deny orders" or "allow backorders," with the default setting being "deny orders." After making your selections, click "save and stay" to save your changes.

Định dạng
Số trang	36
Dung lượng	2,12 MB