Chính vì vậy, em đã quyết định chọn đề tài xây dựng một website thương mại điện tử bán hàng ngành hàng F&B – dịch vụ thực phẩm với mong muốn tạo ra nơi mà mọi người có thể đặt đồ ăn trực
TỔNG QUAN VỀ WEBSITE THƯƠNG MẠI ĐIỆN TỬ
Website thương mại điện tử là gì?
Theo khoản 8 Điều 3 Nghị định 52/2013/NĐ-CP của Chính phủ về TMĐT: “Website thương mại điện tử là trang thông tin điện tử được thiết lập để phục vụ một phần hoặc toàn bộ quy trình của hoạt động mua bán hàng hóa hay cung ứng dịch vụ, từ trưng bày giới thiệu hàng hóa, dịch vụ đến giao kết hợp đồng, cung ứng dịch vụ, thanh toán và dịch vụ sau bán hàng.” Hiểu một cách đơn giản, các website được thiết lập và vận hành, có thực hiện một phần hoặc toàn bộ các nghiệp vụ liên quan đến thương mại như: giao dịch bán hàng, giới thiệu/trưng bày sản phẩm, giới thiệu dịch vụ/công ty, quảng cáo, giao dịch hợp đồng đều là hình thức website thương mại điện tử
Tại Việt Nam hiện nay, mô h椃nh kinh doanh thương mại điện tử phổ biến với các mô hình chủ yếu như:
- Mô h椃nh thương mại điện tử B2B (Business to Business)
- Mô h椃nh thương mại điện tử B2C (Business to Customers)
- Mô h椃nh thương mại điện tử C2C (Customers to Customers)
- Mô h椃nh thương mại điện tử B2G (Business to Government)
1.1.1 Mô hình thương mại điệ n t ử B2B
B2B (Bussiness to Bussiness) được hiểu là mô h椃nh kinh doanh TMĐT giữa Doanh nghiệp & Doanh nghiệp Mô h椃nh B2B thường phục vụ giao dịch thương mại điện tử giữa các Nhà sản xuất, Nhà cung ứng, Nhà phân phối, Đại lý, các công ty/doanh nghiệp với nhau Thông thường, giá trị của một giao dịch trên mô h椃nh B2B thường dựa trên giá sỉ, giá đại lý mà không thực hiện các giao dịch bán lẻ
Một số lĩnh vực ứng dụng mô h椃nh trang web TMĐT B2B có thể kể đến như:
- Các website cung cấp dịch vụ marketing, xây dựng thương hiệu cho các doanh nghiệp khác
- Các website cung cấp hạ tầng điện tử: internet, nền tảng, ứng dụng, hệ điều hành, máy chủ… cho các doanh nghiệp khác
- Các website cung cấp phần mềm quản lý, phần mềm điều hành, phần mềm kế toán… cho các doanh nghiệp khác
- Các website là Nhà sản xuất cung cấp sản phẩm/dịch vụ cho các doanh nghiệp là các đại lý phân phối tại từng khu vực
Mô h椃nh website thương mại điện từ B2B thường được biết đến nhiều nhất hiện nay như: Amazon, Taobao, Alibaba…
1.1.2 Mô hình thương mại điệ n t ử B2C
Một trong số những mô h椃nh TMĐT phổ biến và được nhiều người biết đến nhất hiện nay đó ch椃Ānh là mô hình B2C Đây là hình thức thương mại điện tử giữa Doanh nghiệp & Người tiêu dùng Hiểu một cách đơn giản rằng các doanh nghiệp trao đổi, buôn bán sản phẩm/dịch vụ của m椃nh cho người tiêu dùng trên thị trường thông qua kênh website trực tuyến TMĐT.
Khách hàng của mô hình B2C chủ yếu là những khách hàng cá nhân, chỉ có nhu cầu mua sản phẩm để trực tiếp sử dụng nên giá trị các đơn hàng thường nhỏ lẻ
Một số ví dụ vềcác trang web thương mại điện tử vận hành theo mô hình B2C nổi tiếng hiện nay: Thế giới di động, Bách hóa xanh, Lazada, Shopee…
1.1.3 Mô hình thương mại điệ n t ử C2C
Mô h椃nh TMĐT C2C (Customers to Customers) là h椃nh thức thương mại điện tử giữa các Cá nhân & Người tiêu dùng Đây là sàn website cho phép các khách hàng tự do giao dịch với nhau thông qua các điều khoản của một chủ đầu tư (doanh nghiệp) đứng giữa
Tiêu biểu cho loại h椃nh thương mại điện tử này phải kể đến các bên như: chotot.com, raovat.net, nhattao.com…
1.1.4 Mô hình thương mại điệ n t ử B2G
B2G (Business to Government) là mô h椃nh thương mại điện tử giữa Doanh nghiệp với Chính phủ (khối tổ chức hành ch椃Ānh công Nhà nước) Hình thức hoạt động của mô hình này còn được hiểu đơn giản là sử dụng interner cho việc mua bán công, các thủ tục cấp phép và các hoạt động khác liên quan tới Chính phủ
Các ch椃Ānh sách mua bán trên website TMĐT B2G luôn được đảm bảo tính minh bạch trong suốt quá trình mua bán
Tuy nhiên, tại Việt Nam B2G chưa thực sự phổ biến bởi hệ thống mua bán của chính phủ chưa được đầu tư & phát triển.
Các dạng của website thương mại điện tử
Website thương mại điện tử có hai loại là:
- Sàn thương mại điện tử trực tuyến
- Website thương mại điện tử bán hàng
Tuy đều là trang thương mại điện tử nhưng hai loại website này được xây dựng dựa trên hai mục đ椃Āch khác nhau
1.2.1 Sàn thương mại điệ n t ử tr ự c tuy ế n
Sàn thương mại điện tử trực tuyến là trang web được lập ra với mục đ椃Āch tạo cầu nối giữa người mua và người bán với nhau Người mua với người bán có thể là tập hợp của doanh nghiệp với doanh nghiệp (B2B), doanh nghiệp với người tiêu dùng (B2C), hay thậm chí là người tiêu dùng với tiêu dùng Tất cả các loại giao dịch trên đều thực hiện trực tuyến trên sàn thương mại điện tử Nơi này sẽ có rất nhiều người mua và người bán tụ họp lại với nhau, các giao dịch đều được số hoá thông qua nền tảng
Bán hàng trên sàn thương mại điện tử giúp những cửa hàng 椃Āt người biến đến có cơ hội tiếp cận đến nhiều khách hàng hơn Với số lượng lớn khách hàng của sàn thương mại điện tử, các cửa hàng có thể bán sản phẩm của mình cho các khách hàng này để kiếm thêm thu nhập
Ví dụ nổi bật có thể kểđến như sàn thương mại điện tửShopee, Tiki, Lazada, Sendo… ở Việt Nam hoặc Taobao, Amazon… là những sàn thương mại điện tử quốc tế
1.2.2 Website thương mại điệ n t ử bán hàng
Website thương mại điện tử bán hàng là trang web của các doanh nghiệp, cửa hàng online… được xây dựng với mục đ椃Āch bán các sản phẩm của mình trực tuyến Điểm khác biệt với sàn thương mại điện tử là tại đây các doanh nghiệp có thể bán các sản phẩm của mình trực tiếp với khách hàng mà không phải thông qua một bên trung gian Hơn nữa, khi bán hàng trực tiếp trên trang web của mình, họ sẽ không phải cạnh tranh với các doanh nghiệp khác như sàn thương mại điện tử Và quan trọng nhất, toàn bộ khách hàng mua sản phẩm trên website đều là khách hàng của riêng doanh nghiệp chứ không phải khách hàng của sàn
Các website thương mại điện tửnày được xây dựng dựa trên các nền tảng thương mại điện tử nên việc chứa một lưu lượng lớn khách hàng truy cập website một lúc không ảnh hưởng đến quá trình mua sắm của khách hàng hay quản trị, tốc độ tải trang của website
Một số website thương mại điện tử bán hàng phổ biến mà bạn có thể biết như FPT, Thegioididong, CellphoneS…
Một website thương mại điện tử gồm những gì?
Các website thương mại điện tử có chung đặc điểm là cung cấp thông tin tổng quan về công ty, sản phẩm của website và các tin tức khác liên quan Xây dựng website thương mại điện tử khoa học giúp người dùng hiểu về công ty, nắm bắt được các nội dung cần thiết
Cung cấp hình ảnh và thông tin về sản phẩm là những chức năng thiết yếu của các website thương mại điện tử Để thu hút được khách hàng và lượt truy cập, hình ảnh và thông tin trực quan trên trang phải rõ ràng, sắc nét
Hình ảnh trên trang web: Khai thác được toàn diện, từ hình thức bên ngoài đến kết cấu về sản phẩm Hình ảnh rõ nét, ấn tượng với người xem Các website thương mại điện tử nên lựa chọn những hình ảnh lớn, có t椃Ānh động (Cinemagraph, Gif…) nhằm tăng sự thu hút và độc đáo cho trang web.
Thông tin trực quan: Thông tin cung cấp đủ nội dung, trình bày dễ đọc Mỗi mục thông tin nên chia thành các tab riêng để người dùng t椃m được thông tin cần tìm hiểu Nội dung hàm súc, dễ hiểu, đáp ứng đầy đủcác thông tin cơ bản
1.3.2 Ch ức năng giỏ hàng (Cart)
Giỏ hàng của các website thương mại điện tử dùng để lưu trữ các sản phẩm được lựa chọn nhưng chưa thanh toán, dành cho người dùng có tài khoản để dễ quản lý Các sản phẩm ở trong giỏ hàng sẽ được lưu trữ đến khi người dùng xóa hoặc thanh toán chúng
Ngoài phương thức nhận thanh toán khi nhận hàng (COD) truyền thống, các website thương mại điện tử nói chung hiện nay đều hỗ trợ người dùng phương thức thanh toán trực tuyến Chức năng này cho phép người dùng liên kết tài khoản ngân hàng cá nhân và thanh toán online bằng tiền trong thẻ ngân hàng Cổng thanh toán online có thể trả bằng nhiều hình thức như Momo, ZaloPay, thẻ ngân hàng…
1.3.4 Chăm sóc khách hàng trự c tuy ế n (Contact)
Mỗi một website thương mại điện tử sẽ có một đội ngũ chăm sóc khách hàng riêng, nhằm quản lý và xử lý các trường hợp của khách hàng Bộ phận chăm sóc khách hàng có thể làm trực tiếp trên web, hoặc trao đổi thông tin với khách hàng qua Mail
Thông qua bộ phận chăm sóc khách hàng, người dùng có thể dễ dàng đánh giá website Dịch vụ càng chuyên nghiệp càng hỗ trợ website nhận được nhiều đánh giá tốt và traffics
1.3.5 Qu ả ng cáo tr ự c tuy ế n Đây là h椃nh thức quảng cáo phổ biến hiện nay Các trang thương mại điện tử thường cho chạy quảng cáo trên các phương tiện truyền thông Internet như Facebook, Youtube, các phần mềm sử dụng Internet… Các quảng cáo có thể về sản phẩm người dùng tìm kiếm, chương trình giảm giá, khuyến mãi của các trang web bán hàng Đây là cách thu hút khách hàng và traffics thường thấy
1.3.6 Ch ức năng tìm ki ế m
Chức năng t椃m kiếm của một website thương mại điện tử được ra đời để người dùng t椃m được đúng nội dung mình cần tìm hiểu hơn Các trang thương mại điện tử thường xây dựng các tab nội dung chuyên biệt để người dùng tham khảo sản phẩm cần thiết Tuy nhiên điều này có thể mất khá nhiều thời gian nếu các tab nội dung hàm chứa nhiều thông tin bên trong Nút tìm kiếm của trang web hỗ trợ người dùng tiết kiệm thời gian.
Thiết kế và xây dựng một website thương mại điện tử như thế nào?
1.4.1 Xác đị nh t ổ ng quan v ề website thương mại điệ n t ử Để đảm bảo cho sự thành công của Website TMĐT, nhà kinh doanh cần xác định rõ ràng 2 yếu tố tiên quyết sau:
- Thứ nhất, liệu bạn đã hiểu rõ thế nào là một Website thương mại điện tử? Chỉ khi hiểu được công cụ (mục đ椃Āch, loại hình, cách thức hoạt động…) th椃 khi đó mới có thể khai thác trọn vẹn lợi ích từ chúng
- Thứ hai, Bạn mong muốn sở hữu 1 Website thương mại điện tử như thế nào? Xác định rõ ràng mục tiêu của doanh nghiệp Đó có thể là cung cấp thông tin về cửa hàng cho người dùng; mở rộng kênh bán hàng & tăng trưởng doanh thu; hay cung cấp kiến thức… Các mục tiêu càng rõ ràng bao nhiêu, chất lượng sản phẩm đầu ra sẽcàng đáp ứng yêu cầu bấy nhiêu và đảm bảo đem lại hiệu quả cao nhất
Ngoài ra, xây dựng trước một bức tranh tương đối về website cũng đóng góp một phần vào nâng cao chất lượng hiển thị: bố cục hợp lý, giao diện trau chuốt…
1.4.2 B ắt đầ u xây d ựng Website thương mại điệ n t ử
Thiết kế trang web thương mại điện tử cần thiết phải có thêm đồ hoạ, hình ảnh, video mô tả sản phẩm Cần đảm bảo các yếu tố sau:
- Đơn giản và rõ ràng: điều này thể hiện ở giao diện và cả nội dung của website, sao cho người sử dụng không thấy web của bạn rối rắm, phức tạp và khó hiểu
- Nổi bật: khi thiết kế web thương mại điện tử cũng cần sự mới lạ và nổi bật Điều này không có nghĩa là bạn phải làm nổi bật tất cả mọi thứ Thay vào đó, bạn chỉ cần làm nổi bật những điểm mạnh của bạn so với các đối thủ khác
- Tập trung vào thao tác mua hàng và mô tả sản phẩm: tạo ấn tượng, thu hút người dùng, các thao tác mua hàng dễ thực hiện sẽ khiến họ gắn bó với bạn dài lâu
Lựa chọn và mua tên miền cho doanh nghiệp của bạn Nên để tên miền ngắn gọn, dễ nhớ hoặc như hiện nay hầu hết các doanh nghiệp để tên miền là tên của doanh nghiệp đó Nếu để tên miền quá dài và rắc rối sẽ khiến người đọc khó ghi nhớ địa chỉ website, cũng như thương hiệu của bạn
1.4.3 Đăng ký trang web củ a b ạn theo quy đị nh c ủ a pháp lu ậ t
Một trong những đặc điểm khiến khách hàng tin tưởng vào hoạt động của các website thương mại điện tử nằm ở tính pháp lý Vì vậy, một trong những tiêu chí bắt buộc để trang web của bạn hoạt động trơn chu ch椃Ānh là hoàn thiện các giấy tờ theo quy định pháp luật, đảm bảo công việc kinh doanh hiện tại có đầy đủ giấy tờ kinh doanh hợp pháp
Tiếp đó theo quy định hiện hành của Bộ công thương, mọi website thương mại điện tử cần phải thực hiện việc thông báo hoặc đăng ký website theo quy định
1.4.4 L ự a ch ọ n logo và giao di ệ n website
Xây dựng website của bạn với 2 yếu tố cơ bản nhất: Logo thương hiệu và Giao diện Website Muốn thu hút khách hàng thì bạn phải để cho khách hàng tự nhận biết được thương hiệu và bạn phải có một giao diện website bắt mắt, tinh gọn, dễ sử dụng với những tiện ích hấp dẫn: a) Về logo
Khi bạn sở hữu một logo mang nét riêng, dễ nhớ, sẽ làm cho khách hàng ghi nhớ lâu và sâu hơn về thương hiệu, cũng như giúp cửa hàng, doanh nghiệp của bạn trở nên nổi bật hơn so với các đối thủ Điều này đặc biệt hữu dụng khi khách hàng tự nảy sinh nhu cầu về một sản phẩm nào đó họ sẽ nghĩ ngay tới rang web của bạn b) Về giao diện
Một Website Thương mại điện tử hiện tại cần đảm bảo 3 yếu tố cơ bản:
- Hiện đại và bắt mắt: Hình ảnh được sắp xếp khoa học logic, màu sắc hợp trend, thu hút đối tượng mua hàng ( đặc biệt là giới trẻ - khách hàng tiềm năng)
- Khác biệt: Làm nổi bật cá t椃Ānh và đặc điểm nổi bật, khác biệt với các đối thủ của doanh nghiệp Vì vậy, không ngạc nhiên khi “Khác biệt” là một trong những yếu tố thiết yếu để website thương mại điện tử hoạt động hiệu quả
- Tối ưu trải nghiệm mua sắm khách hàng (UX): Trải nghiệm càng tốt bao nhiêu thì khách hàng càng dễđưa ra quyết định mua sản phẩm bấy nhiêu Nếu giao diện đẹp mà sử dụng khó thì khách hàng có thể sẽ lựa chọn các thương hiệu khác
Lý do nên sở hữu một website thương mại điện tử
Website thương mại điện tử với lợi thế không bị giới hạn về mặt thời gian và không gian như hình thức bán hàng truyền thống, bạn có thể chủ động tìm kiếm khách hàng đến với sản phẩm, dịch vụ của m椃nh và ngược lại
Tiết kiệm chi phí chính là lợi ích thu hút nhiều doanh nghiệp đầu tư để sở hữu cho mình một website thương mại điện tử Bởi bạn không cần phải bỏ ra một khoản tiền lớn để thuê mặt bằng, thuê và đào tạo đội ngũ nhân viên, mà vẫn thu được lợi nhuận cao nếu như bạn biết kết hợp với một số chiến lược Marketing online
1.5.3 Gia tăng khả n ăng tương tác vớ i khách hàng
Khi khách hàng vào trang web thương mại điện tử, họ sẽ dễ dàng cập nhật được giá cả, thông tin sản phẩm và các dịch vụ Bên cạnh đó, bất cứ lúc nào khách hàng cần tư vấn th椃 đội ngũ chăm sóc khách hàng sẽ tư vấn kịp thời, không để khách hàng phải chờ đợi lâu Ch椃Ānh điều này sẽ thể hiện sự kính trọng, chuyên nghiệp và uy tín của công ty trong lòng khách hàng giúp tăng khả năng tương tác với khách
1.5.4 Nâng cao tính c ạ nh tranh v ới đố i th ủ
Cuộc chiến cạnh tranh trên thị trường bán hàng trên công nghệ ngày càng khốc liệt, nhưng nếu bạn biết tận dụng thời cơ này để sở hữu cho mình một website thương mại điện tử với giao diện dễ nh椃n, độc đáo th椃 sẽ giúp thu hút nhiều khách hàng hơn, khiến cho khách hàng ấn tượng, nhớ đến và lựa chọn sản phẩm, dịch vụ mà bạn đang kinh doanh
1.5.5 Qu ảng bá thương hiệ u
Thời đại công nghệ số, người người nhà nhà đều sử dụng công nghệ kết nối Wifi/ Internet nên sẽ rất thuận lợi cho việc quảng bá thương hiệu không chỉở Việt Nam mà còn lan ra cả thịtrường quốc tế Từđó, việc thiết kếtrang web thương mại điện tử sẽ giúp bạn dễ dàng tiếp cận khách hàng tiềm năng ngày một nhanh chóng và hiệu quả hơn.
MÔ HÌNH MVC VÀ Ứ NG D Ụ NG
Mô hình MVC và ứng dụng
2.1.1 T ổ ng quan mô hình MVC a) Khái niệm:
MVC là viết tắt của cụm từ “Model - View - Controller.” Đây là mô h椃nh thiết kế được sử dụng trong kỹ thuật phần mềm MVC là một mẫu kiến trúc phần mềm để tạo lập giao diện người dùng trên máy tính MVC chia thành ba phần được kết nối với nhau và mỗi thành phần kiến trúc được xây dựng để xử lý khía cạnh phát triển cụ thể của một ứng dụng MVC tách lớp logic nghiệp vụ và lớp hiển thị ra riêng biệt Ngày nay, kiến trúc MVC đã trở nên phổ biến để thiết kế các ứng dụng web cũng như ứng dụng di động b) Kiến trúc của mô hình MVC:
Mô hình MVC gồm 3 phần chính:
- Model: Nó bao gồm tất cả dữ liệu và logic liên quan của nó
- View: Trình bày dữ liệu cho người dùng hoặc xử lý tương tác của người dùng
- Controller: Là phần quan trọng nhất trong mô hình, nó liên kết phần Model và View
Mô h椃nh MVC (MVC pattern) thường được dùng để phát triển giao diện người dùng
Nó cung cấp các thành phần cơ bản để thiết kế một chương tr椃nh cho máy t椃Ānh hoặc điện thoại di động, cũng như là các ứng dụng web c) Cách hoạt động:
- View: là một phần của ứng dụng đại diện cho việc trình bày dữ liệu
+ View được tạo bởi các dữ liệu mà chúng ta lấy từ dữ liệu trong model Một view yêu cầu model cung cấp đầy đủ dữ liệu để nó hiển thị đầu ra cho người dùng
+ View chính là nới chứa những giao diện như một nút bấm, khung nhập, menu, hình ảnh… nó đảm nhiệm nhiệm vụ hiển thị dữ liệu và giúp người dùng tương tác với hệ thống
- Controller: là một phần của ứng dụng xử lý tương tác của người dùng Bộ điều khiển diễn giải đầu vào chuột và bàn phím từ người dùng, thông báo cho model và view để thay đổi khi thích hợp
+ Controller là nới tiếp nhận những yêu cầu xử lý được gửi từ người dùng, nó sẽ gồm những class/ function xử lý nhiều nghiệp vụ logic giúp lấy đúng dữ liệu thông tin cần thiết nhờ các nghiệp vụ lớp Model cung cấp và hiển thị dữ liệu đó ra cho người dùng nhờ lớp View
+ Controller gửi các lệnh đến model để làm thay đổi trạng thái của nó Controller cũng gửi các lệnh đến view liên quan của nó để thay đổi cách hiển thị của view
- Model: Thành phần model lưu trữ dữ liệu và logic liên quan của nó Bao gồm các class function xử lý các tác vụ như truy vấn, thêm, sửa hoặc xóa dữ liệu Ví dụ, một đối tượng Controller sẽ lấy thông tin khách hàng từ cơ sở dữ liệu Nó thao tác dữ liệu và gửi trở lại cơ sở dữ liệu hoặc sử dụng nó để hiển thị dữ liệu
=> Sự tương tác giữa các phần của MVC:
+ Controller tương tác với qua lại với View
+ Controller tương tác qua lại với Model
+ Model và View không có sự tương tác với nhau trực tiếp mà nó tương tác với nhau thông qua Controller
2.1.2 Ứ ng d ụ ng c ủ a MVC vào s ả n ph ẩ m
- Model: Là tất cả phần dữ liệu liên quan đến sản phẩm, về bản thân quản trị viên lập web
- View: Các trang hiển thị dữ liệu cho người dùng sử dụng như: Home; Cart; Recipe; About me; Contact; Main dishes; Dessert
- Controller: Phần xử lí sự kiện khi người dùng click vào xem sản phẩm cũng như gửi mail liên hệ cho admin.
PHÂN TÍCH VÀ THIẾT KẾ WEBSITE
Tổng quan về website “Fresh Food”
Website thương mại điệ n t ử “Fresh Food” đượ c t ạ o b ở i wordpress, là mã ngu ồ n m ở giúp m ọi ngườ i t ạ o website, blog hay ứ ng d ụ ng d ễ dàng và đẹ p m ắ t T ạ i wordpress vi ệ c t ạ o m ột trang web đơn giản hơn bằng các t椃Ānh năng mạ nh m ẽ c ủa m椃nh như: Thiế t k ế tùy bi ế n; h ỗ tr ợ SEO; tương th椃Āch di độ ng; hi ệ u su ấ t cao; qu ả n lý b ằng di độ ng; b ả o m ật cao; thư việ n qu ả n lý m ạ nh m ẽ; đơn giả n và ti ệ n d ụ ng Bên c ạnh đó là hàng ngh椃n plugin để m ọi ngườ i thi ế t k ế, các template đẹp và sinh độ ng
“Fresh Food” là một trang web thương mại điệ n t ử, nơi bán các sả n ph ẩm: đồ ăn, th ứ c u ố ng Trang web g ồ m có nh ữ ng danh m ục đơn giản như: Home; Menu of Foods; Cart; About; Contact để h ỗ tr ợ m ọi ngườ i có th ể tìm ki ế m và thao tác d ễ dành trong trang web.
Quá tr椃nh cài đặt
3.1 Tổng quan vềwebsite “Fresh Food”
Website thương mại điệ n t ử “Fresh Food” đượ c t ạ o b ở i wordpress, là mã ngu ồ n m ở giúp m ọi ngườ i t ạ o website, blog hay ứ ng d ụ ng d ễ dàng và đẹ p m ắ t T ạ i wordpress vi ệ c t ạ o m ột trang web đơn giản hơn bằng các t椃Ānh năng mạ nh m ẽ c ủa m椃nh như: Thiế t k ế tùy bi ế n; h ỗ tr ợ SEO; tương th椃Āch di độ ng; hi ệ u su ấ t cao; qu ả n lý b ằng di độ ng; b ả o m ật cao; thư việ n qu ả n lý m ạ nh m ẽ; đơn giả n và ti ệ n d ụ ng Bên c ạnh đó là hàng ngh椃n plugin để m ọi ngườ i thi ế t k ế, các template đẹp và sinh độ ng
“Fresh Food” là một trang web thương mại điệ n t ử, nơi bán các sả n ph ẩm: đồ ăn, th ứ c u ố ng Trang web g ồ m có nh ữ ng danh m ục đơn giản như: Home; Menu of Foods; Cart; About; Contact để h ỗ tr ợ m ọi ngườ i có th ể tìm ki ế m và thao tác d ễ dành trong trang web
3.2 Phân tích yêu cầu người dùng Đối với người sử dụng:
- Giao diện thực dụng, dễ dàng thao tác
- Tốc độ truy cập sử lý xem hình ảnh sản phẩm hay liên hệ với quản trị viên nhanh chóng Đối với quản trị viên:
- Nhập xuất sử lý dữ liệu sản phẩm nhanh
- Thông tin cá nhân, sản phẩm rõ ràng
- Tốc độ sử lý các truy cập xem hình ảnh sản phẩm hay liên hệ với quản trị viên nhanh chóng
3.3.1 Các bước cần làm khi tạo lập website với wordpress
Bảng 3.3.1: Các bước cần làm khi tạo lập website với wordpress
Các bước Nội dung Hình ảnh minh họa
Truy cập địa chỉ: https://wordpress. org/download/
Hình 3.3.1.1: Download Wordpress về máy
Copy file đã tải vào htdocs, giải nén
Hình 3.3.1.2: Copy file đã tải vào htdocs, giải nén
Bước 3: Đổi tên wordpress sang tên “freshfood” Hình 3.3.1.3: Đổi tên wordpress sang tên “freshfood”
- Truy cập địa chỉ: http://localhost/fres hfood
- Xuất hiện hộp thoại, lựa chọn ngôn ngữ
Hình 3.3.1.4: Đổi cài đặt ngôn ngữ
Bước 5 Nhấn chọn Let’s go!
Hình 3.3.1.5: Những việc cần làm
Chuẩn bị các thông tin điền theo mẫu
Hình 3.3.1.6: Chuẩn bị thông tin 3.3.2 Quy trình t ạ o CSDL và k ế t n ố i vào CSDL
Bảng 3.2.2: Quy trình tạo CSDL và kết nối vào CSDL
Các bước Nội dung Hình ảnh minh họa
Hình 3.3.2.1: Khởi động XAMPP, Apache và my SQL
Hình 3.8: Copy file đã tải vào htdocs, giải nén
- Cửa sổ phpMyAdmin hiện lên
- Chọn Mới để tạo một
Hình 3.3.2.2: Chọn tạo CSDL mới
Tạo CSDL mới thành công
Hình 3.3.2.4: Tạo CSDL mới thành công 3.3.3 Cài đặ t qu ả n tr ị cho website
Bảng 3.3.3 Cài đặt quản trị cho website
Các bước Nội dung Hình ảnh minh họa
- Quay lại địa chỉ http://localhost/freshfoo d
- Điền các thông tin cần thiết rồi chọn Submit
Hình 3.3.3.1: Điền các thông tin cần thiết
Hình 3.3.3.2: Bắt đầu cài đặt Wordpress
- Tạo mật khẩu bảo vệ
- Tạo một email freshfood@gmail.com
Hình 3.3.3.3: Cài đặt quản trị cho website
Hình 3.3.3.4: Cài đặt quản trị thành công
- Điền các thông tin usename và password để đăng nhập
Hình 3.3.3.5: Đăng nhập vào wordpress
6 Đăng nhập Wordpress thành công
Hình 3.3.3.6: Trang chủ Wordpress 3.3.4 Cách th ức cài đặ t Plugin và ch ỉ nh s ử a giao di ệ n website
Bảng 3.3.4: Cách thức cài đặt Plugin và chỉnh sửa giao diện website
Các bước Nội dung Hình minh họa
Bước 1: Cài đặt Plugin (cần cài plugin có tên Starter Template)
Hình 3.3.4.1 2: Tìm plugin Starter Template
1.5 Cài đặt Plugin thành công
Hình 3.3.4.1 5: Plugin đã được kích hoạt thành công
Bước 2: Vào Appearance để chỉnh sửa giao diện website với plugin đã cài
Hình 3.3.4.2 1: Chọn plugin đã cài
Hình 3.3.4.2 2: Bắt đầu xây dựng trang web
Hình 3.3.4.2 3: Lựa chọn loại trang web
Lựa chọn chủ đề trang web cá nhân
* Lưu ý: Các chủ đề có chữ
Hình 3.3.4.2 4: Lựa chọn chủđề website cá nhân
Lựa chọn chủ đề và cài đặt các thông tin như
Logo, màu sắc chủ đạo, font chữ cho website
- Chọn Continue Hình 3.3.4.2 5: Các cài đặt khác
2.6 Điền một số thông tin khác
- Xây dựng website thành công
Your Website để xem trang web của m椃nh
Hình 3.3.4.2 7: Xây dựng website thành công
Quản trị nội dung
3.4.1 Cách thay đổi logo, header
Hình 3.4 1 1: Chọn Customzation để tùy biến trang
Hình 3.4.1 2: Chỉnh sửa header và logo
1) Chọn Site & Logo để thay đổi Logo
2) Chọn Remove/ Change Logo để chỉnh sửa
3) Chọn Select File để tải file lên
4) Chỉnh chiều rộng của Logo tại Logo width
Hình 3.4.1 3: Các bước thay đổi Logo
Bước 4: Chỉnh sửa thanh Menu
1) Chọn Primary Menu để thay đổi thanh Menu
2) Chọn Configue Menu from Here
3) Chọn Edit Menu để chỉnh sửa
5) Chọn Add để thêm trang mới
6) Chọn Reorder để thay đổi vị tr椃Ā
7) Chọn Done để hoàn thành chỉnh sửa
Hình 3.4.1 4: Các bước thay đổi thanh Menu
Bước 5: Chọn Publish để lưu các chỉnh sửa
Hình 3.4.1 5: Publish đểlưu các chỉnh sửa 3.4 2 Cách chỉnh sửa nội dung một trang dữ liệu có sẵn
Hình 3.4.2 1: Chọn Edit page để chỉnh sửa từng trang
Bước 2: Chọn Edit with Beaver Builder
Hình 3.4.2 2: Chọn Edit with Beaver Builder để chỉnh sửa trang
Bước 3: Chỉnh sửa ảnh Banner theo ý
Hình 3.4.2 3: Chỉnh sửa ảnh banner
Bước 5: Chọn Update để lưu thay đổi
Hình 3.4.2 5: Chỉnh sửa thành công
Bước 6: Tạo một bài viết mới
Hình 3.4.2 6: Tạo bài viết mới
Bước 7: Chỉnh sửa sản phẩm
Hình 3.4.2 7: Tạo bài viết mới
Bước 8: Tiếp tục chỉnh sửa các phần tử khác trong trang web sao cho đẹp mắt
Bước 9: Chọn Update để lưu các chỉnh sửa
Qua học phần “Thiết kế và xây dựng website” của thầy Trịnh Hồng Điệp Từ những kiến thức thầy truyền tải em đã dần hiểu và biết cách xây dựng cho riêng m椃nh một website, từ đó đưa ra đánh giá và học hỏi được nhiều điều để chuẩn bị cho công việc trong tương lai Qua đó em thấy được lý do trang web TMĐT đang phát triển và sử dụng rộng rãi, ứng dụng trong nhiều lĩnh vực với nhiều mục đ椃Āch khác nhau.
Website TMĐT “Fresh Food” có một vài ưu điểm Thứ nhất là t椃Ānh tiện 椃Āch trong cài đặt của website: Trang web sử dụng những công cụ, t椃Ānh năng đơn giản nhất giúp cho người quản lý dễ dàng tùy chỉnh các nội dung, màu sắc, h椃nh ảnh và bố cục của trang web để đáp ứng sở th椃Āch, phong cách và mong muốn của người quản lý Thứ hai là tạo thương hiệu cho doanh nghiệp Website TMĐT giúp người sử dụng xây dựng h椃nh ảnh, danh tiếng thương hiệu qua các sản phẩm, bài giới thiệu/đánh giá, thông tin và h椃nh ảnh trên trang web Thứ ba là phân phối thông tin: Website TMĐT là một phương tiện tuyệt vời để chia sẻ thông tin doanh nghiệp tới khách hàng, cũng như lưu trữ các nội dung, sản phẩm quảng bá cho thương hiệu
Tuy, bên cạnh đó trang web vẫn còn tồn tại các nhược điểm chưa thể khắc phục: Đầu tiên không thể không kể đến tên miền, khi sử dụng miễn ph椃Ā mà không đăng ký mua tên miền, sẽ dễ gây nhầm lần giữa hàng ngàn trang web cá nhân khác nhau Thứ hai ch椃Ānh là những thiếu sót về mặt kỹ thuật, xử lý logic, sự kiện để có thể đem đến cho người dùng một trải nghiệm tham quan, tham khảo trang web mượt mà nhất, thoải mái nhất
Sản phẩm đầu tay này, như là một bước đệm để sau này sẽ thực hiện thêm những chỉnh sửa, bổ sung nhằm đưa trang web của m椃nh trở nên chuyên nghiệp, mượt mà hơn và có thể tiến xa hơn nữa là đưa vào sử dụng thực tiễn.
