đồ án cơ sở 1 thiết kế website bán máy tính

Với mong muốn là một cánh tay trung gian góp phần đưa các máytính xách tay ngày một gần hơn với mọi người với mức giá hợp lý nhất trên thị trườnglaptop và các chương trình ưu đãi tốt nhấ

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &TRUYỀN THÔNG VIỆT HÀNKhoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN MÁY TÍNH

Sinh viên thực hiện : NGUYỄN MINH NGUYỄN (22IT.B150)

Giảng viên hướng dẫn : TS HỒ VĂN PHI

Lớp : 22GIT2

Đà Nẵng, tháng 05 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &TRUYỀN THÔNG VIỆT HÀNKhoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN MÁY TÍNH

Sinh viên : NGUYỄN MINH NGUYỄN

Mã sinh viên : 22IT.B150

Giảng viên hướng dẫn: TS HỒ VĂN PHI

Đà Nẵng, tháng 05 năm 2023

CHƯƠNG I: GIỚI THIỆU 8

1 Tổng quan về lĩnh vực của đề tài: 8

2 Lí do chọn đề tài: 9

3 Các công cụ hỗ trợ làm đề tài: 10

4 Cấu trúc đồ án: 11

CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 12

1 Phân tích yêu cầu: 12

a) Yêu cầu người dùng: 12

b) Yêu cầu chức năng: 13

c) Yêu cầu Phi chức năng: 14

d) Yêu cầu hệ thống: 15

2 Thiết kế: 15

a) Dự kiến giao diện: 15

b) Thiết kế thuật toán: 17

CHƯƠNG III: CÀI ĐẶT VÀ KẾT QUẢ THỬ NGHIỆM 18

1 Cài đặt: 18

2 Kết quả thử nghiệm: 18

a) Giao diện trang chủ: 18

b) Giao diện thanh toán: 21

c) Giao diện đăng nhập: 22

CHƯƠNG IV: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 23

1 Kết luận 23

2 Kiến thức và kinh nghiệm học được 23

3 Hướng phát triển 24

LỜI MỞ ĐẦU

Ngày nay, cuộc sống con người đã trở nên hiện đại và đầy đủ tiện nghi, cáccông nghệ tiến bộ dần dà đã phổ biến hơn bao giờ hết, chính vì thế việc tiếp cận cácthiết bị điện tử như máy tính xách tay đã không còn là một điều xa lạ với bất kì ai Thịtrường máy tính giờ đây đã cạnh tranh khá gay gắt, song tiêu chí lựa chọn máy sao chovừa tốt vừa giá cả phải chăng với nhiều khách hàng thì vẫn là một sự kiếm tìm khônghề dễ dàng bởi sự biến động giá cả là khác nhau tùy thuộc vào mỗi khu vực, chínhsách các cửa hàng Với mong muốn là một cánh tay trung gian góp phần đưa các máytính xách tay ngày một gần hơn với mọi người với mức giá hợp lý nhất trên thị trườnglaptop và các chương trình ưu đãi tốt nhất đối với người dùng, tôi đã lên ý tưởng vàquyết định thực hiện dự án phát triển một website bán các dòng máy tính xách tay đểđáp ứng các nhu cầu của khách hàng với tiêu chí đề cao Ngon - Bổ - Rẻ

LỜI CẢM ƠN

Lời đầu tiên em muốn bày tỏ lòng biết ơn sâu sắc và chân thành nhất đến tất cả cáccá nhân và tổ chức đã hỗ trợ, giúp đỡ tôi trong suốt quá trình nghiên cứu và phát triểnứng dụng chăm sóc sức khỏe này Em nhận thấy rằng, đây là sự đóng góp quan trọngvà không thể thiếu trong quá trình tìm hiểu, nghiên cứu, thiết kế, phát triển và triểnkhai sản phẩm của em

Em xin gửi lời cảm ơn đặc biệt đến các Thầy Cô ở khoa Khoa Học Máy Tính,những người đã truyền đạt kiến thức, kinh nghiệm và hỗ trợ em trong suốt quá trìnhhọc tập tại trường Và nhiều hơn nữa, em xin gửi lời càm ơn chân thành đến thầy giáoHồ Văn Phi nhờ sự giúp đỡ tận tình của thầy cô, em mới có thể tích lũy đủ kiến thứcđể thực hiện được dự án này Em xin chân thành cảm ơn và hy vọng nhận được sự tiếptục hỗ trợ và động viên của thầy cô trong tương lai

Ngoài ra, với sự đồng lòng, hợp tác, góp ý và giúp đỡ lẫn nhau trong suốt quá trìnhphát triển sản phẩm Dù bài báo cáo còn nhiều hạn chế và chưa được hoàn thiện tối đa,nhưng với sự đóng góp và đánh giá của quý thầy cô, em sẽ có thể hoàn thiện và nângcao kiến thức của mình hơn nữa Em xin chân thành cảm ơn quý Thầy Cô đã dành thờigian và tâm huyết để giúp đỡ em trong quá trình nghiên cứu và hoàn thiện bài bài báocáo này

Cuối cùng, Em hi vọng sẽ tiếp tục phát triển và cải tiến sản phẩm, và hy vọng cóthể đóng góp tích cực cho việc chăm sóc sức khỏe của cộng đồng

Em xin chân thành cảm ơn!

Người thực hiện

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

DANH MỤC HÌNH ẢNH

CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 13

Hình 2.1 Bản vẽ giao diện trang chủ của trang web 16

Hình 2.2 Bản vẽ giao diện thanh toán của trang web 17

Hình 2.3 Bản vẽ giao diện đăng nhập của trang web 17

Hình ảnh 2.4 Bản vẽ giao diện đăng kí 18

CHƯƠNG III: CÀI ĐẶT VÀ KẾT QUẢ THỬ NGHIỆM 19

2 Kết quả thử nghiệm: 19

a) Giao diện trang chủ: 19

Hình 2.a.1 Hình ảnh giao diện trang chủ 19

Hình 2.a.2 Hình ảnh thanh công cụ trang web hỗ trợ khách hàng 20

Hình 2.a.3 Hình ảnh danh mục sản phẩm 20

Hình 2.a.4 Hình ảnh thông tin của máy tính được bán 20

Hình 2.a.5 Hình ảnh mục các sản phẩm bán chạy nhất 21

Hình 2.a.6 Hình ảnh mục đã xem 21

Hình 2.a.7 Hình ảnh cuối trang chủ 21

Hình 2.a.8 Hình ảnh giỏ hàng ở trang chủ 22

b) Giao diện thanh toán: 22

Hình 2.b.1 Hình ảnh giao diện thanh toán 22

c) Giao diện đăng nhập: 23

Hình 2.c.1 Hình ảnh giao diện mục đăng nhập tài khoản 23

Hình 2.c.2 Hình ảnh giao diện đăng kí tài khoản 23

CHƯƠNG I: GIỚI THIỆU1 Tổng quan về lĩnh vực của đề tài:

Trong thời đại kỹ thuật số hiện nay, việc mua sắm trực tuyến đã trở thành mộtphần không thể thiếu của cuộc sống hàng ngày Người tiêu dùng ngày càng tin tưởngvà sử dụng mua sắm trực tuyến để tiết kiệm thời gian, tìm kiếm sự thuận tiện và khámphá những sản phẩm đa dạng trên toàn cầu Trong lĩnh vực bán laptop, việc thiết kếmột trang web chuyên nghiệp, hấp dẫn và dễ sử dụng là yếu tố quan trọng để thu hútkhách hàng và tạo ra trải nghiệm mua sắm tốt nhất

Laptop đã trở thành một công cụ không thể thiếu trong cuộc sống hàng ngày củachúng ta Từ công việc văn phòng, giảng dạy, học tập, giải trí đến giao tiếp và sángtạo, laptop đáp ứng nhu cầu của nhiều đối tượng người dùng Sự tiện lợi, linh hoạt vàtính di động của laptop đã thu hút sự quan tâm từ học sinh, sinh viên, nhân viên vănphòng, nhà thiết kế, kỹ sư, nhà phát triển phần mềm và người dùng cá nhân đam mêcông nghệ

Thị trường laptop ngày càng mở rộng và cạnh tranh khốc liệt Người dùng cónhiều lựa chọn từ các thương hiệu nổi tiếng đến các dòng sản phẩm đa dạng với cáctính năng và cấu hình khác nhau Điều này đặt ra một thách thức lớn cho các doanhnghiệp bán laptop, đòi hỏi họ phải tạo ra một trang web bán hàng độc đáo và thu hútđể nổi bật trong cảm nhận của khách hàng

Việc thiết kế một trang web bán laptop hiệu quả đòi hỏi sự chú trọng đến nhiềuyếu tố Đầu tiên, giao diện trang web cần phải thân thiện và dễ sử dụng Khách hàngcần có khả năng tìm kiếm, lọc và xem thông tin chi tiết về các sản phẩm laptop mộtcách dễ dàng và nhanh chóng Giao diện trực quan, bố cục hợp lý và hệ thống điềuhướng rõ ràng giúp khách hàng dễ dàng điều hướng trên trang web và khám phá cácsản phẩm

Thứ hai, một trang web bán laptop hiệu quả cần phải có một hệ thống quản lý sảnphẩm và đơn hàng thông minh Việc quản lý thông tin chi tiết về các sản phẩm, cậpnhật giá cả, số lượng hàng tồn kho và quản lý đơn hàng một cách chính xác và hiệuquả là rất quan trọng Một hệ thống quản lý dữ liệu tốt giúp doanh nghiệp theo dõi tìnhtrạng kinh doanh và cung cấp thông tin đáng tin cậy cho khách hàng

Thứ ba, một trang web bán laptop thành công cần phải tạo ra trải nghiệm mua sắmtrực tuyến tốt cho khách hàng Điều này bao gồm việc cung cấp thông tin chi tiết, hìnhảnh rõ ràng và chất lượng về các sản phẩm laptop Khách hàng cần có thể xem cácthông số kỹ thuật, đặc điểm nổi bật và đánh giá từ người dùng khác để có sự đánh giáchính xác và đưa ra quyết định mua hàng Bên cạnh đó, việc cung cấp các tính năng vàưu đãi hấp dẫn như giảm giá, chính sách bảo hành, giao hàng miễn phí hay chính sáchđổi trả linh hoạt cũng là một yếu tố quan trọng để khuyến khích khách hàng mua sắmvà hoàn tất giao dịch

Ngoài ra, việc xây dựng một trang web bán laptop hiệu quả cũng đặt ra nhiềuthách thức khác Để thành công trong lĩnh vực này, tôi cần nghiên cứu về thị trườnglaptop, đối tượng khách hàng, các xu hướng thiết kế website mới nhất và các côngnghệ phát triển web Bên cạnh đó, an ninh thông tin và quản lý dữ liệu cũng là nhữngyếu tố quan trọng không thể bỏ qua trong việc thiết kế một trang web bán laptop thànhcông

Trên cơ sở nhận thức về tầm quan trọng và tiềm năng phát triển của việc thiết kếmột trang web bán laptop chất lượng, nghiên cứu này tập trung vào việc phân tích vàthiết kế một trang web bán laptop với mục tiêu mang đến trải nghiệm mua sắm trựctuyến tốt nhất cho người dùng và đáp ứng các yêu cầu kỹ thuật và chức năng cần thiếtđể quản lý sản phẩm và giao dịch một cách hiệu quả Bằng cách nắm vững lĩnh vựcnày, tôi sẽ có cơ sở để xây dựng một trang web bán laptop thành công và thu hút sựquan tâm của khách hàng.

2 Lí do chọn đề tài:

Sự phát triển mạnh mẽ của thị trường mua sắm trực tuyến: Trong những năm gầnđây, mua sắm trực tuyến đã trở thành xu hướng phổ biến và ngày càng được ưachuộng Sự tiện lợi, linh hoạt và khả năng tìm kiếm hàng ngàn sản phẩm chỉ trong vàicú nhấp chuột đã thu hút ngày càng nhiều người tiêu dùng tham gia mua sắm trựctuyến Đặc biệt, thị trường bán laptop trực tuyến đang trên đà phát triển mạnh mẽ, vàviệc thiết kế một trang web chuyên nghiệp và hấp dẫn là cần thiết để cạnh tranh và thuhút khách hàng

Tiềm năng kinh doanh lớn: Thị trường laptop ngày càng mở rộng và có tiềm năngkinh doanh lớn Laptop là một sản phẩm công nghệ phổ biến và được sử dụng rộng rãibởi nhiều đối tượng người dùng, từ sinh viên, người làm việc văn phòng, đến nhà thiếtkế, nhà phát triển phần mềm và người dùng cá nhân đam mê công nghệ Việc thiết kếmột trang web bán laptop thành công có thể mang lại lợi nhuận đáng kể và tạo ra mộtcơ hội kinh doanh bền vững

Đáp ứng nhu cầu của khách hàng: Mua laptop là một quyết định quan trọng đốivới khách hàng Họ muốn có sự lựa chọn đa dạng, thông tin chi tiết về sản phẩm vàtrải nghiệm mua sắm thuận tiện Thiết kế một trang web bán laptop tốt giúp đáp ứngnhu cầu này và mang lại trải nghiệm mua sắm tốt nhất cho khách hàng Việc cung cấpthông tin chi tiết về các sản phẩm, hình ảnh chất lượng cao, đánh giá từ người dùngkhác và tính năng tìm kiếm và lọc hàng hóa hiệu quả sẽ giúp khách hàng có quyết địnhmua hàng tự tin hơn

Tính thúc đẩy sự phát triển công nghệ: Thiết kế một trang web bán laptop đòi hỏisự áp dụng và phát triển các công nghệ web mới nhất Điều này đòi hỏi chúng ta cầnnắm vững các công nghệ phát triển web, tạo ra giao diện người dùng thân thiện và tốiưu hóa trải nghiệm người dùng Qua việc thực hiện đề tài này, tôi sẽ có cơ hội tiếp cậnvà áp dụng những kiến thức mới nhất về công nghệ web, như HTML, CSS, JavaScript,và các framework phát triển web như Bootstrap, Điều này không chỉ cung cấp nhữngkỹ năng cần thiết để thiết kế một trang web bán laptop, mà còn mở ra cơ hội phát triểnsự nghiệp trong lĩnh vực công nghệ thông tin

Sự phù hợp với lĩnh vực quan tâm: tôi đã quan tâm và nghiên cứu về lĩnh vực thiếtkế web và mua sắm trực tuyến Việc lựa chọn đề tài thiết kế website bán laptop là sựkết hợp lý tưởng giữa hai lĩnh vực này, cho phép tôi áp dụng kiến thức và kỹ năng củamình vào một dự án thực tế và có ý nghĩa tôi tin rằng việc thực hiện đề tài này sẽkhông chỉ nâng cao hiểu biết của tôi về lĩnh vực thiết kế web và mua sắm trực tuyến,mà còn giúp phát triển kỹ năng phân tích yêu cầu, tư duy sáng tạo

Tóm lại, việc chọn đề tài thiết kế website bán laptop là một lựa chọn hợp lý vìtiềm năng kinh doanh, sự phát triển công nghệ, đáp ứng nhu cầu của khách hàng, sự

phát triển mạnh mẽ của thị trường mua sắm trực tuyến và sự phù hợp với lĩnh vựcquan tâm của tôi Qua việc nghiên cứu và thực hiện đề tài này, tôi hy vọng sẽ có thểđóng góp vào sự phát triển của ngành công nghệ thông tin và mang lại giá trị chongười dùng trong việc mua sắm laptop trực tuyến.

3 Các công cụ hỗ trợ làm đề tài:

Trong quá trình thực hiện đề tài thiết kế website bán laptop, tôi sử dụng các côngcụ hỗ trợ, trong đó công cụ chính được lựa chọn là Visual Studio Code (VS Code) vàtrình duyệt Chrome Dưới đây là một số công cụ hỗ trợ khác quan trọng mà tôi đã sửdụng:

Visual Studio Code (VS Code): VS Code là một trình chỉnh sửa mã nguồn mãnguồn mở và miễn phí, được phát triển bởi Microsoft Đây là công cụ rất phổ biếntrong cộng đồng lập trình viên và được đánh giá cao vì tính linh hoạt, hiệu suất và khảnăng mở rộng VS Code cung cấp một giao diện người dùng đơn giản và dễ sử dụng,hỗ trợ nhiều ngôn ngữ lập trình và tích hợp nhiều tính năng hữu ích như gợi ý mã, điềuhướng dễ dàng, kiểm tra lỗi và gỡ lỗi mã nguồn Đây là phần mềm chính tôi đã lậptrình để xây dựng nền tảng cơ bản cho website

Trình kiểm tra mã và gỡ lỗi: Để đảm bảo mã nguồn của trang web hoạt động mộtcách chính xác và mượt mà, tôi đã sử dụng các công cụ kiểm tra mã (linters) và gỡ lỗi(debuggers) Trong phần mềm Visual Studio Code, ứng dụng các extension nhưESLint, Prettier hoặc JSHint để kiểm tra và sửa lỗi cú pháp và kiểu mã, cũng như hỗtrợ gỡ lỗi và theo dõi quá trình thực thi mã nguồn

Google Chrome là một trong những trình duyệt web phổ biến và mạnh mẽ nhấthiện nay Được phát triển bởi Google, Chrome cung cấp nhiều tính năng và công cụ hỗtrợ cho các nhà phát triển web Một trong những công cụ quan trọng mà Chrome cungcấp là Chrome Developer Tools Được tích hợp sẵn trong trình duyệt, công cụ này chophép tôi kiểm tra và gỡ lỗi giao diện web một cách nhanh chóng Nó cung cấp khảnăng xem và chỉnh sửa mã nguồn trực tiếp trên trình duyệt, giúp nhà phát triển thựchiện các điều chỉnh và tối ưu hóa giao diện một cách linh hoạt Bên cạnh đó, ChromeDeveloper Tools cũng cung cấp các công cụ cho việc kiểm tra hiệu suất của trang web.Nhà phát triển có thể đánh giá tốc độ tải trang, thời gian đáp ứng và tài nguyên tiêu tốnđể tối ưu hóa trải nghiệm người dùng Điều này rất hữu ích trong việc đảm bảo rằngtrang web hoạt động mượt mà và đáp ứng nhanh chóng trên nhiều thiết bị và màn hìnhkhác nhau Bên cạnh các tính năng tích hợp, Chrome cũng hỗ trợ việc cài đặt cácextension và công cụ bổ sung Điều này cho phép nhà phát triển mở rộng khả năng củatrình duyệt và tăng cường quy trình phát triển và kiểm tra trang web Các extension vàcông cụ bổ sung có thể cung cấp tính năng đa dạng như kiểm tra khả năng tương thích,kiểm tra lỗi mã nguồn, tối ưu hóa SEO và nhiều hơn nữa

Công cụ thiết kế giao diện đóng vai trò quan trọng trong việc tạo ra trang web vớigiao diện trực quan và hấp dẫn Để đáp ứng yêu cầu này, tôi sử dụng một loạt công cụthiết kế đồ họa chuyên nghiệp như Adobe Photoshop và Figma Sử dụng các công cụnày, tôi có thể tạo ra các thành phần giao diện đa dạng, từ các biểu tượng đến kí hiệuvà các yếu tố khác, để tạo nên giao diện trực quan và thẩm mỹ cho trang web.Ngoài ra,để nhanh chóng và tiện lợi tạo ra các thành phần giao diện, tôi có thể tận dụng cáctrang web cung cấp các tài nguyên hợp pháp và không vi phạm bản quyền Ví dụ,boxicons.com và fontawesome.com là hai trang web phổ biến cung cấp các biểu tượngvà kí hiệu đa dạng tôi có thể sử dụng các biểu tượng và kí hiệu từ những nguồn này

mà không cần lo ngại về việc vi phạm quyền sở hữu trí tuệ Những công cụ này chophép tôi tạo và chỉnh sửa các thành phần giao diện, thiết kế layout và xem trước trangweb trước khi triển khai.

Git và GitHub là hai công cụ quan trọng trong việc phát triển dự án web Git làmột hệ thống quản lý phiên bản phân tán, được sử dụng để theo dõi và quản lý phiênbản của mã nguồn Khi làm việc với Git, tôi có thể tạo ra một bản sao của toàn bộ lịchsử thay đổi của mã nguồn trên máy tính cá nhân của mình Điều này cho phép cácthành viên làm việc độc lập trên mã nguồn mà không gây ảnh hưởng đến nhau Khi cósự thay đổi, Git ghi lại thông tin chi tiết về các thay đổi đó và tạo ra một phiên bảnmới, được đánh dấu bằng một số hash duy nhất Ngoài ra, GitHub cung cấp các côngcụ quản lý dự án và khả năng xem xét code để hỗ trợ quá trình làm việc hiệu quả Vớisự kết hợp giữa Git và GitHub, dự án web của được hưởng lợi từ việc duy trì lịch sửthay đổi chi tiết, khả năng xử lý xung đột và hỗ trợ việc làm việc Tôi có thể làm việctrên phiên bản riêng của mã nguồn và sau đó hợp nhất các thay đổi trở lại với phiênbản chính, giúp đảm bảo tính nhất quán của dự án

Tóm lại, việc sử dụng Visual Studio Code làm công cụ chính để code web và trìnhduyệt Chrome để chạy giao diện web là sự kết hợp lý tưởng để thực hiện đề tài thiết kếwebsite bán laptop Các công cụ này mang lại tính linh hoạt, hiệu suất và tích hợp hữuích, giúp tôi, kiểm tra và tối ưu hóa trang web một cách hiệu quả Sự kết hợp của Gitvà GitHub cũng đảm bảo việc quản lý phiên bản và làm việc cộng tác trong dự ánđược thực hiện một cách dễ dàng và hiệu quả

4 Cấu trúc đồ án:

Sau phần Mở đầu, báo cáo được trình bày trong bốn chương, cụ thể như sau:Chương I Giới thiệu: Trong chương này trình bày tổng quan lĩnh vực của đề tài, lído chọn đề tài là thiết kế website bán máy tính xách tay, và cuối cùng là các công cụmà tôi đã sử dụng để xây dựng sản phẩm cụ thể là một trang web bán hàng hoàn chỉnh.Chương II Phân tích và thiết kế hệ thống: Nội dung chương này là bao gồm cácthông tin về phân tích các yêu cầu mà người dùng cần nhất đối với một trang web bánhàng máy tính xách tay, đồng thời phác thảo mẫu trang web, ý tưởng thiết kế ban đầuđể đảm bảo kế hoạch xây dựng trang web hiệu quả và đi đúng tiến độ

Chương III Cài đặt và kết quả thử nghiệm: Đây là chương thể hiện quá trình kiểmthử trang web trên một môi trường nhất định đảm bảo trang web hoạt động ổn định vàcác kết quả đã đạt được của tôi bao gồm các giao diện của trang web, các thành phầncó trong trang, các chức năng được xây dựng trong trang web

Cuối cùng là chương IV Kết luận và hướng phát triển: Chương này là nội dungchứa các kết luận và hướng đi xa hơn của đề tài này, là những kĩ năng mà tôi đã lĩnhhội được trong quá trình xây dựng đề tài và các kinh nghiệm được đúc kết được rút ragóp phần hoàn thiện bản thân hơn trong tương lai, công nghệ luôn phát triển vì vậy đòihỏi việc nâng cấp và đổi thay trang web bán hàng là một điều cấp thiết và quan trọng,cũng như phải đưa ra những yêu cầu, dự định cần tiếp tục phát triển để trang web ngàycàng hoàn thiện hơn

CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG1 Phân tích yêu cầu:

a) Yêu cầu người dùng:

Trước khi bắt đầu thiết kế hệ thống website bán laptop, việc phân tích yêu cầungười dùng là một quá trình quan trọng để hiểu rõ các chức năng và tính năng cần cócủa hệ thống Dưới đây là một số yêu cầu người dùng phổ biến của dự án này đượcxem xét và khảo sát kỹ:

Hiển thị sản phẩm: Yêu cầu cơ bản của người dùng là có một giao diện thân thiện,dễ sử dụng và trực quan để hiển thị các sản phẩm laptop Giao diện này cần đảm bảotrải nghiệm người dùng tốt, cho phép người dùng dễ dàng tìm kiếm, lọc và xem thôngtin chi tiết về từng sản phẩm, bao gồm thông số kỹ thuật, ảnh, giá cả và đánh giá Cáctính năng như tìm kiếm nhanh, sắp xếp sản phẩm theo nhiều tiêu chí và chế độ xemtrực quan (grid, list) cũng nằm trong yêu cầu này

Tìm kiếm và lọc sản phẩm: Một yêu cầu quan trọng là cung cấp tính năng tìmkiếm và lọc sản phẩm Người dùng muốn có khả năng tìm kiếm sản phẩm dễ dàngbằng cách nhập từ khóa, tìm kiếm theo thương hiệu, giá cả, cấu hình, kích thước mànhình, hệ điều hành và các yếu tố khác Hệ thống cần cung cấp các công cụ tìm kiếmtiên tiến để người dùng có thể tìm thấy sản phẩm một cách nhanh chóng và chính xác.Ngoài ra, khả năng lọc sản phẩm theo các tiêu chí này cũng cần được tích hợp, giúpngười dùng thuận tiện trong việc tùy chỉnh và hạn chế kết quả hiển thị

Quản lý giỏ hàng: Một yêu cầu quan trọng trong hệ thống là quản lý giỏ hàng củangười dùng Người dùng cần có khả năng thêm sản phẩm vào giỏ hàng, cập nhật sốlượng và xóa sản phẩm khi cần Hệ thống cần đảm bảo tính nhất quán và đáng tin cậytrong việc quản lý giỏ hàng của người dùng Ngoài ra, cần có tính năng tính toán tổnggiá trị của giỏ hàng và cập nhật số lượng sản phẩm còn lại để người dùng có thể theodõi dễ dàng

Thanh toán và đặt hàng: Một trong những yêu cầu quan trọng nhất của người dùnglà quy trình thanh toán và đặt hàng an toàn và thuận tiện Hệ thống cần hỗ trợ cácphương thức thanh toán phổ biến như thanh toán qua thẻ tín dụng, ví điện tử và chuyểnkhoản ngân hàng Cần đảm bảo tính bảo mật và an toàn của thông tin thanh toán củangười dùng thông qua việc sử dụng các giao thức mật mã hóa và phương thức xác thựcđáng tin cậy Sau khi hoàn tất quy trình thanh toán, người dùng cần nhận được xácnhận đặt hàng và thông tin vận chuyển để theo dõi quá trình giao hàng

Quản lý tài khoản người dùng: Hệ thống cần cung cấp chức năng đăng ký và đăngnhập để người dùng có thể quản lý thông tin cá nhân, địa chỉ giao hàng và theo dõi lịchsử mua hàng Người dùng cần có khả năng chỉnh sửa thông tin cá nhân, đổi mật khẩuvà quản lý các thông tin liên quan đến tài khoản của mình Ngoài ra, hệ thống cần đảmbảo tính bảo mật và riêng tư của thông tin người dùng thông qua việc áp dụng các biệnpháp bảo vệ dữ liệu cá nhân

Tích hợp xã hội: cho phép chia sẻ sản phẩm, đánh giá và bình luận thông qua cácmạng xã hội như Facebook, Twitter hoặc Instagram Tích hợp xã hội giúp tăng tínhtương tác và phát triển cộng đồng trong hệ thống