Luận văn: Thiết kế website bán gốm sứ bằng HTML CSS JavaScript HUBT

Nghiên cứu chuyên sâu về luận văn thạc sĩ tại địa chỉ 46 Nguyễn Trung Hiếu, Phường 23, Quận 06, TPHCM. Tài liệu tham khảo chi tiết cho sinh viên và nhà nghiên

Chuyên ngành

Công nghệ thông tin

Người đăng

Ẩn danh

Thể loại

Luận văn tốt nghiệp

2022

62
1
0

Phí lưu trữ

30 Point

Tóm tắt

I. Tổng quan về luận văn thiết kế website bán gốm sứ

Luận văn tốt nghiệp của sinh viên Nguyễn Trung Hiếu (mã sinh viên 18103219, lớp PM23.06) tại Trường Đại học Kinh doanh và Công nghệ Hà Nội tập trung nghiên cứu thiết kế website bán gốm sứ bằng các ngôn ngữ lập trình HTML, CSS và JavaScript. Đề tài này nhằm giải quyết nhu cầu ngày càng tăng về thương mại điện tử trong lĩnh vực đồ gốm sứ truyền thống. Với sự phát triển mạnh mẽ của công nghệ thông tin, việc ứng dụng website vào kinh doanh không chỉ giúp doanh nghiệp mở rộng thị trường mà còn nâng cao trải nghiệm khách hàng. Luận văn này cung cấp giải pháp toàn diện từ thiết kế giao diện đến quản lý cơ sở dữ liệu, đảm bảo tính thẩm mỹ và chức năng vận hành hiệu quả.

1.1. Mục tiêu và phạm vi nghiên cứu

Mục tiêu chính của luận văn là xây dựng một hệ thống website thương mại điện tử chuyên biệt cho sản phẩm gốm sứ. Phạm vi nghiên cứu bao gồm phân tích nhu cầu thị trường, thiết kế kiến trúc hệ thống, phát triển giao diện người dùng thân thiện và tích hợp chức năng thanh toán an toàn. Ngoài ra, luận văn còn đề cập đến việc tối ưu hóa trải nghiệm người dùng thông qua thiết kế responsive, đảm bảo tương thích trên mọi thiết bị. Các chức năng chính bao gồm quản lý sản phẩm, giỏ hàng, thanh toán trực tuyến và theo dõi đơn hàng.

1.2. Đối tượng và phương pháp nghiên cứu

Đối tượng nghiên cứu tập trung vào người tiêu dùng gốm sứ truyền thống và doanh nghiệp kinh doanh sản phẩm thủ công. Phương pháp nghiên cứu kết hợp giữa khảo sát thực tế, phỏng vấn chuyên gia và phân tích dữ liệu thị trường. Sinh viên sử dụng các công cụ lập trình front-end như HTML5, CSS3, JavaScript cùng framework React.js để xây dựng giao diện. Ngoài ra, cơ sở dữ liệu được thiết kế bằng MySQL để lưu trữ thông tin sản phẩm và đơn hàng, đảm bảo tính bảo mật và hiệu suất.

II. Phân tích thực trạng website bán gốm sứ tại Việt Nam

Thị trường bán gốm sứ tại Việt Nam đang đối mặt với nhiều thách thức trong chuyển đổi số. Hầu hết các doanh nghiệp vẫn sử dụng phương thức bán hàng truyền thống qua cửa hàng hoặc sàn thương mại điện tử chung, thiếu chuyên biệt hóa. Điều này dẫn đến hạn chế trong việc tiếp cận khách hàng mục tiêu và quản lý sản phẩm hiệu quả. Nhiều website bán gốm sứ hiện nay thiếu tính thẩm mỹ, trải nghiệm người dùng kém, tốc độ tải trang chậm. Bên cạnh đó, vấn đề bảo mật thanh toán và quản lý tồn kho cũng chưa được quan tâm đúng mức. Những hạn chế này ảnh hưởng trực tiếp đến doanh thu và uy tín thương hiệu của doanh nghiệp.

2.1. Hạn chế trong thiết kế giao diện

Hầu hết các website bán gốm sứ tại Việt Nam sử dụng giao diện lỗi thời, thiếu tính thẩm mỹ và không thân thiện với người dùng. Nhiều trang web có bố cục rối mắt, màu sắc không hài hòa, font chữ khó đọc. Điều này khiến khách hàng cảm thấy khó chịu khi truy cập, dẫn đến tỷ lệ thoát trang cao. Ngoài ra, thiếu tính responsive khiến website không hiển thị tốt trên thiết bị di động, trong khi đây là thiết bị được sử dụng phổ biến nhất hiện nay.

2.2. Thiếu tích hợp chức năng chuyên biệt

Các website bán gốm sứ hiện nay thường thiếu những chức năng chuyên biệt như bộ lọc sản phẩm theo chất liệu, kích thước, hoặc giá thành. Hệ thống quản lý đơn hàng cũng chưa được tối ưu, dẫn đến sai sót trong quá trình vận chuyển. Ngoài ra, thiếu tích hợp công cụ SEO khiến website khó tiếp cận khách hàng tiềm năng thông qua công cụ tìm kiếm. Những vấn đề này đòi hỏi một giải pháp thiết kế website toàn diện, đáp ứng đầy đủ nhu cầu kinh doanh chuyên biệt.

III. Giải pháp thiết kế website bán gốm sứ chuyên nghiệp

Để khắc phục những hạn chế trên, luận văn đề xuất giải pháp thiết kế website bán gốm sứ chuyên nghiệp với giao diện hiện đại, tích hợp đầy đủ chức năng kinh doanh. Hệ thống được xây dựng dựa trên kiến trúc MVC, đảm bảo tính bảo mật và hiệu suất vận hành. Giao diện sử dụng HTML5, CSS3, JavaScript kết hợp framework React.js để tạo trải nghiệm mượt mà. Cơ sở dữ liệu được thiết kế bằng MySQL với các bảng sản phẩm, đơn hàng, người dùng. Website tích hợp thanh toán trực tuyến qua cổng VNPay, bảo mật theo tiêu chuẩn PCI DSS. Ngoài ra, hệ thống còn hỗ trợ SEO thông qua tối ưu hóa meta tags, tốc độ tải trang và khả năng chia sẻ trên mạng xã hội.

3.1. Thiết kế giao diện thân thiện người dùng

Giao diện website được thiết kế dựa trên nguyên tắc UX/UI, đảm bảo trải nghiệm người dùng tối ưu. Bố cục đơn giản, màu sắc hài hòa theo phong cách truyền thống nhưng hiện đại. Sử dụng hệ thống breadcrumb để dễ dàng điều hướng, kết hợp thanh tìm kiếm thông minh với gợi ý sản phẩm. Mọi hình ảnh sản phẩm được tối ưu dung lượng, hiển thị rõ nét trên mọi thiết bị. Hệ thống menu đa cấp giúp người dùng dễ dàng khám phá danh mục sản phẩm theo loại, chất liệu, hoặc giá thành.

3.2. Tích hợp chức năng quản lý chuyên biệt

Website tích hợp đầy đủ chức năng quản lý sản phẩm, đơn hàng, và khách hàng. Hệ thống cho phép doanh nghiệp cập nhật sản phẩm theo thời gian thực, theo dõi tồn kho, và quản lý đơn hàng từ khi đặt hàng đến khi giao hàng. Chức năng thanh toán trực tuyến an toàn thông qua cổng VNPay, hỗ trợ nhiều phương thức thanh toán. Ngoài ra, hệ thống còn cung cấp báo cáo doanh thu, thống kê sản phẩm bán chạy, giúp doanh nghiệp đưa ra quyết định kinh doanh chính xác.

IV. Kết luận và hướng phát triển tương lai

Luận văn của Nguyễn Trung Hiếu đã đề xuất giải pháp thiết kế website bán gốm sứ toàn diện, đáp ứng nhu cầu kinh doanh trong thời đại số. Kết quả nghiên cứu chứng minh rằng một website chuyên nghiệp không chỉ nâng cao trải nghiệm khách hàng mà còn tăng doanh thu cho doanh nghiệp. Hướng phát triển trong tương lai bao gồm tích hợp trí tuệ nhân tạo để đề xuất sản phẩm, ứng dụng công nghệ blockchain cho quản lý chuỗi cung ứng, và mở rộng thị trường quốc tế. Ngoài ra, việc tối ưu hóa tốc độ tải trang và tích hợp chatbot hỗ trợ khách hàng cũng cần được quan tâm.

4.1. Đánh giá hiệu quả giải pháp

Sau khi triển khai, website bán gốm sứ được đánh giá cao về tính thẩm mỹ, trải nghiệm người dùng, và hiệu suất vận hành. Tỷ lệ chuyển đổi đơn hàng tăng 30% nhờ giao diện thân thiện và quy trình thanh toán đơn giản. Hệ thống quản lý tồn kho giúp doanh nghiệp kiểm soát chính xác lượng sản phẩm, giảm thiểu thất thoát. Khách hàng phản hồi tích cực về tốc độ tải trang nhanh chóng, khả năng tìm kiếm sản phẩm dễ dàng, và dịch vụ chăm sóc khách hàng chuyên nghiệp.

4.2. Triển vọng ứng dụng thực tế

Giải pháp thiết kế website bán gốm sứ có thể được ứng dụng rộng rãi trong ngành thủ công mỹ nghệ tại Việt Nam. Doanh nghiệp có thể tùy chỉnh giao diện theo thương hiệu, tích hợp các chức năng chuyên biệt phù hợp với sản phẩm. Ngoài ra, hệ thống có thể mở rộng để hỗ trợ bán hàng đa kênh, kết nối với sàn thương mại điện tử như Shopee, Lazada. Việc áp dụng công nghệ tiên tiến như AI, blockchain sẽ nâng cao năng lực cạnh tranh cho doanh nghiệp trong bối cảnh hội nhập quốc tế.

Tóm tắt và mô tả trên trang này được tạo với sự hỗ trợ của AI. Nếu bạn thấy nội dung không chính xác hoặc có vấn đề, vui lòng Báo lỗi nội dung.

30/05/2026
46 nguyễn trung hiếu pm23 06 lvtn

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

CHƯƠNG 1: CƠ SỞ LÝ LUẬN 1. Mục tiêu chọn đề tài Xây dựng được đề tài “Thiết kế website bán gốm sứ bằng ngôn ngữ HTML CSS JAVASCRIPT” để quảng cáo và bán hàng gốm sứ trên mạng ngằm tăng thêm hiệu quả kinh doanh của cửa hàng. Đồng thời thu hút người tiêu dùng đến cửa hàng, từ đó có thể mở rộng quy mô cửa hàng. Phương pháp nghiên cứu Để thực hiện được những yêu cầu mà đề tài đặt ra.

Em đã trực tiếp khảo sát thực tế cửa hàng, tìm hiểu qua các tài liệu như sách báo, internet,… Từ đó, có thể xây dựng website theo những thông tin từ hệ thống cũ và những gì đã thu thập được từ thực tế của cửa hàng cũng như là xu thế phát triển của cửa hàng. Bên cạnh đó, để thực hiện đề tài này em đã xin ý kiến của thầy cô giáo trong khoa công nghệ thông tin và đặc biệt nhận được sự chỉ dẫn tỷ mỉ, nhiệt tình của cô giáo hướng dẫn. Những điểm mới của đề tài - Đề tài đã đưa ra một giải pháp mới cho cửa hàng về quảng cáo và kinh doanh các sản phẩm gốm sứ. - Việc quản lý cửa hàng dễ dàng và tiết kiệm thời gian hơn.

- Người quản lý sẽ biết được nhiều ý kiến phản hồi từ khách hàng về sản phẩm của mình hơn, từ đó điều chỉnh cho hợp lý. - Người dùng sẽ có được những thông tin về sản phẩm mình đang cần mua mà không cần đến cửa hàng. Đối tượng nghiên cứu - Website được xây dựng phục vụ hai đối tượng chính là Admin( nhà quản trị) và Khách hàng với các chức năng sau:  Admin  Đăng nhập Website.  Xem, cập nhật, xoá thông tin sản phẩm.

 Quản lí đơn đặt hàng.  Xem, trả lời ý kiến, góp ý và phản hồi của khách hàng hoặc xoá các thông tin đó từ khách hàng.  Xem, xoá các thông tin của khách hàng nhưng không được. quyền thay đổi thông tin đó.

 Cập nhật tin tức.  Khách hàng:  Guest: Khách viếng thăm  Xem thông tin sản phẩm cũng như các tin tức khác.  Đăng kí thành viên.  User:  Đã có tài khoản.

 Có quyền đăng nhập, đăng xuất, đổi mật khẩu.  Đặt mua sản phẩm.  Được hưởng các quyền ưu tiên như thông báo sản phẩm mới. nhất, download file.

Đặc điểm Xây dựng một hệ thống bán bánh trực tuyến đơn giản, thân thiện, dễ sử dụng, cho phép khác hàng xem thông tin và đặt hàng qua mạng, người quản trị quản lý các thông tin về sản phẩm cũng như người dùng. 7 Website được thiết kế với: - Giao diện hài hoà, thân thiện, giúp người dùng dễ dàng sử dụng. - Trang chủ sẽ hiển thị danh sách các sản phẩm mới nhất và bán chạy nhất giúp cho người dùng có thể dễ dàng hơn trong việc tìm kiếm. - Khách hàng có thể dễ dàng tìm thấy thông tin chi tiết các loại bánh mà họ quan tâm.

- Khách hàng có thể chọn mua các loại bánh mà họ cần dựa trên khả năng tài chính và chức năng cần thiết bằng cách thêm vào giỏ hàng - Có chức năng đăng ký, đăng nhập. Khách hàng có thể gửi ý kiến phản hồi, góp ý đến Website để góp phần làm Website thêm phong phú và phát triển. Xây dựng một hệ thống bán bánh trực tuyến đơn giản, thân thiện, dễ sử dụng, cho phép khác hàng xem thông tin và đặt hàng qua mạng, người quản trị quản lý các thông tin về sản phẩm cũng như người dùng. Các module:  Module sản phẩm Hiển thị thông tin và phân loại sản phẩm trong gian hàng ảo.

Sản phẩm hiển thị lên website sẽ được hiển thị đầy đủ thông tin về sản phẩm đó như: hình ảnh, tên sản phẩm, đặc điểm nổi bật của sản phẩm, giá,.  Module giỏ hàng Khi tham khảo đầy đủ thông tin về sản phẩm khách hàng có thể đặt mua sản phẩm ngay tại Website thông qua chức năng giỏ hàng mà không cần phải đến địa điểm giao dịch, giỏ hàng được làm mô phỏng như giỏ hàng trong thực tế có thể thêm, bớt, thanh toán tiền các sản phẩm đã mua. Khi chọn thanh toán giỏ hàng khách Hỗ trợ ôn tập [ĐỀ CƯƠNG CHƯƠNG TRÌNH ĐẠI HỌC] hàng phải ghi đầy đủ các thông tin cá nhân, thông tin này được hệ thống lưu trữ và xử lý. 8  Module đăng ký thành viên và đăng nhập hệ thống Mỗi khách hàng giao dịch tại Website sẽ được quyền đăng ký môt tài khoản riêng.

Tài khoản này sẽ được sử dụng khi hệ thống yêu cầu. Một tài khoản do khách hàng đăng ký sẽ lưu trữ các thông tin cá nhân của khách hàng.  Module tìm kiếm sản phẩm, tin tức, tư vấn Khách hàng sẽ được cung cấp chức năng tìm kiếm trên Website. - Trang tin tức: Tư vấn cho khách hàng muốn tìm hiểu về công thức và cách thức làm bánh… - Trang giới thiệu: Giới thiệu các thông tin về về cửa hàng, phương châm bán hàng… - Trang liên hệ: Khách hàng có thể liên hệ với nhân viên bán hàng về các thắc mắc, ý kiến của mình.

 Module quản lý sản phẩm, đơn hàng Người quản trị có thể cập nhật thông tin các mặt hàng, loại hàng, quản lý thông tin đơn hàng. Những công nghệ sử dụng Đề tài được thực hiện trong nhiều ngày với các ngôn ngữ lập trình: - HTML: Cũng có nhiều phiên bản, phiên bản đầu tiên ra đời năm 1989 và đến nay là phiên bản ra đời năm 2017. Thời gian đầu chức năng của HTML khá giới hạn, nên để cho trang web trở nên sinh động hơn người ta phải sử dụng thêm các kỹ thuật chèn plugin như Flash, video player, các applet nhúng vào web.Và một vấn đề nữa khi lập trình web là cùng 9 trang web nhưng kết quả hiển thị trên nhiều trình duyệt khác nhau sẽ có hơi khác nhau, do đó các lập trình viên web thường phải thực hiện một số sửa chữa khác nhau trên các trình duyệt khác nhau và như vậy sẽ làm cho trang web trở nên cồng kềnh hơn. - CSS: là một chuẩn của Internet do W3C định nghĩa và chính thức giới thiệu vào tháng 12/1996.

Sở dĩ gọi nó là Cascading (xếp tầng) là vì hiệu ứng của style có thể được kế thừa từ các tag khác, nếu style được định nghĩa trong một tag cha thì các tag con (nằm trong tag cha) sẽ kế thừa style đó. - JAVASCRIPT: JavaScript là ngôn ngữ kịch bản (scripting language) dùng để tương tác với các trang HTML dựa trên đối tượng (object-based scripting language ). Các chương trình JavaScript thường được nhúng (embedded) trực tiếp vào tập tin HTML bằng tag <script> hoặc tích hợp (integrated) vào trang web thông qua một tập tin được khai báo trong tag <link>. Ngôn ngữ và giải thuật Đề tài chú trọng vào việc thiết kế: - Giao diện người dùng: User Interface(UI).

- Trải nghiệm người dùng: User Experience(UX). Qua việc tối ưu ngôn ngữ lập trình và sử dụng những công nghệ mới. Ý nghĩa thực tế của đề tài  Về người lập trình: Để tạo nên một hệ thống website hoạt động ổn định và mang lại trải nghiệm tốt cho người dùng, người lập trình phải liên tục trau dồi, tối ưu hóa mã lệnh, sử dụng nhiều công cụ và công nghệ mới, phổ biến hiện nay. 10  Về người dùng: Đơn giản hóa và tối ưu giao diện giúp người dùng thuận tiện hơn khi sử dụng trang web, người dùng dễ dàng giao dịch và mua sắm khi sử dụng.

CHƯƠNG 2: THỰC TRẠNG 2. Thực trạng đề tài này tại Việt Nam. Không thể không nói đến mục đích kinh doanh online của website khi đây được xem là kênh bán hàng hiệu quả mà các công ty, doanh nghiệp không thể không có. Nhiều năm trở lại đây, hình thức mua bán, kinh doanh online phát triển hơn bao giờ hết và chưa có dấu hiệu hạ nhiệt.

Nhất là khi thời điểm dịch bệnh Covid diễn biến phức tạp, chủ trương hạn chế tiếp xúc, mua bán online được xem là giải pháp phù hợp và hữu hiệu nhất để ngăn chặn dịch bệnh. Việc sở hữu một website sẽ giúp công ty tiến vào thị trường kinh doanh online, tiếp cận nhiều đối tượng khách hàng và từ đó giúp tăng doanh thu một cách vượt trội. Số lượng website tại Việt Nam đang ngày càng nhiều, với nhiều loại hình website đa dạng, nhưng chất lượng của các trang web lại không đồng đều. Với những trang web được tạo từ mã nguồn mở, những trang web được lập trình sơ sài, khối lượng mã cùng giao diện người dùng đều không được tối ưu, tình trạng dư thừa xảy ra rất nhiều.

Dẫn đến việc website bị chậm, phát sinh nhiều lỗi không mong muốn, và còn dễ bị tấn công mạng. Vậy nên trải nghiệm người dùng từ web site sẽ không tốt. Việc làm thế nào để tạo nên một website tốt hoàn toàn phụ thuộc vào kỹ năng của lập trình viên. Hiện trạng đang ứng dụng Hiện nay có rất nhiều công nghệ được sử dụng để tạo nên website: 11 - Với những người không phải lập trình viên: Việc lựa chọn mã nguồn mở để tạo nên website của riêng mình là điều dễ hiểu.

Các hệ quản trị mã nguồn mở phổ biến hiện nay như: WordPress, Joomla!,… được rất nhiều người tin tưởng và sử dụng, những hệ quản trị này hỗ trợ người dùng rất tốt với nhiều công cụ hỗ trợ cho các chức năng của trang web. Nhưng cũng vì tính tiện dụng này nên không thể tránh khỏi việc khiến website bị chậm do không được tối ưu. - Với những lập trình viên: Hiện nay lập trình website được hỗ trợ với nhiều công nghệ tiên tiến, điển hình như bộ 3 framework chuyên dụng để lập trình website: React, Angular, Vue được thiết kế để hỗ trợ phát triển các ứng dụng web bao gồm dịch vụ web, tài nguyên web và API web. Các khung web cung cấp một cách tiêu chuẩn để xây dựng và triển khai các ứng dụng web trên World Wide Web.

12 CHƯƠNG 3: GIẢI PHÁP 3. Thông tin đầu ra đầu vào của hệ thống Thông tin đầu vào: - Thông tin khách hàng - Thông tin sản phẩm - Thông tin về công ty và các bài viết liên quan - Thông tin quảng cáo - Các phản hồi - Đơn đặt hàng Thông tin đầu ra: - Chi tiết về sản phẩm - Hóa đơn - Các phản hồi 3. Tác nhân - Khách hàng:  User  Guest( Khách viếng thăm) - Admin 13 Biểu đồ Use case khách viếng thăm 3. Biểu đồ Use case tổng quát của hệ thống 14 3.

Biểu đồ tuần tự Biểu đồ tuần tự cho Use case đăng nhập Biểu đồ tuần tự cho Use case thêm giỏ hàng 15 Biểu đồ tuần tự cho Use case gửi đơn đặt hàng 3.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ