CHƯƠNG 3: THIẾT KẾ WEBSITE 3.1. Giới thiệu sản phẩm
3.1.1. Giới thiệu
Cũng giống như các thiết bị khác mà bạn có, máy tính cá nhân cũng có các phụ kiện đi kèm như: Bàn phím máy tính, chuột máy tính, thẻ nhớ hoặc ổ cứng gắn ngoài, máy ảnh web, adapter, loa, tai nghe, webcam, quạt thổi,...
Mỗi phụ kiện bạn mua có thể làm tăng hiệu suất tổng thể của máy tính.
3.1.2. Hình ảnh minh họa 1 số thiết bị
a. Keycap
b. Chuột
- Chuột máy tính là một thiết bị ngoại vi của máy tính dùng để điều khiển và làm việc với chiếc máy tính hay laptop của bạn. Để sử dụng chuột máy tính bạn phải thông qua màn hình máy tính để quan sát toạ độ và thao tác di chuyển của chuột trên màn hình cũng như thực hiện những lệnh trên máy tính.
-Tai nghe cung cấp các chức năng tương đương với một chiếc điện thoại rảnh tay đang hoạt động. Các ứng dụng cho Head set, bên cạnh việc sử dụng điện thoại còn có hàng không, sân khấu hoặc truyền hình, phòng liên lạc hệ thống, và game máy tính.
Hình 3.2. Chuột Gaming
Logitech G102 Hình 3.3. Mouse G304
c. Pad chuột
Bạn có thấy tay mình cứng sau cả ngày sử dụng chuột không? Nếu vậy, nguyên nhân có thể là do cổ tay của bạn không quen tựa vào bàn cứng hoặc ở một góc khó chịu.
Một tấm lót chuột tiêu chuẩn là thứ rất tốt để khắc phục điều đó, bởi nó giúp cổ tay của bạn đặt trên bề mặt mềm hơn so với bàn cứng.
d. Tai nghe
Nếu bạn có sở thích nghe nhạc hoặc thường xuyên phải họp trực tuyến hay muốn bảo mật nội dung cuộc gọi thì tai nghe chính là sự lựa chọn tốt nhất dành cho bạn.
Hình 3.5. Tai nghe
e. Đèn trang trí
Đèn trang trí thức ra là tên gọi chung của những loại đèn được thiết kế đa dạng về mẫu mã, màu sắc, chất liệu. Ngoài chức năng chiếu sáng là chính thì các loại đèn này còn có tác dụng trang trí các không gian khác nhau. Khi bố trí đèn trong nhà cần biết phối hợp giữa ánh sáng đèn với ánh sáng tự nhiên.
Hình 3.6. Đèn mặt trăng
Tượng trang trí decor là dòng các sản phẩm được dùng chủ yếu để làm tăng vẻ đẹp cho không gian nội thất. Bên cạnh đó, nó cũng có thể làm quà tặng vô cùng ý nghĩa để bạn dành tặng cho bạn bè, người thân, tân gia, cấp trên, đối tác … trong những dịp đặc biệt.
3.2. Giao diện một số trang của website3.2.1. Đăng nhập3.2.1. Đăng nhập3.2.1. Đăng nhập 3.2.1. Đăng nhập
Khi nhân viên mở hệ thống phần mềm sẽ hiển thị giao diện như hình 3.2.1, từ đây nhân viên sẽ đăng nhập với tài khoản đã được cung cấp trước để đăng nhập vào hệ thống.
Hình 3.2.1 Giao diện đăng nhập
Mô tả: Trang đăng nhập hiển thị các ô text cho người dùng nhập tài khoản và
3.2.2 Trang chủ
Sau khi đăng nhập thành công, sẽ hiển thị giao diện trang chủ như hình 3.2.2
Hình 3.2.2. Trang chủ
Trang chủ: cung cấp đầy đủ thông tin về các loại sản phẩm với giao diện gần
gũi, thân thiện và dễ sử dụng... Từ đó khách hàng có thể đặt mua những sản phẩm yêu thích, phù hợp với nhu cầu của mình.
Khách hàng có thể góp ý hoặc trò chuyện trực tiếp với cửa hàng, website luôn luôn hiển thị và thông báo các sản phẩm đang khuyến mãi, mới và HOT nhất,…
3.2.3 Giao diện thanh toán
Hình 3.2.3 Trang thanh toán
Hướng dẫn các bước thực hiện thanh toán trong trang thanh toán
Bước 1: Điền thông tin trước khi thanh toán, nhập mã ưu đãi nếu có Bước 2: Chọn hình thức thanh toán
3.2.4 Giao diện quản lý sản phẩm
Hình 3.2.4 Trang quản lý sản phẩm
3.2.5 Giao diện giỏ hàng
Hình 3.2.5 Trang giỏ hàng
Mô tả: Hiển thị chi tiết thông tin sản phẩm đang xem
Nhiệm vụ: Giúp cho khách hàng nắm rõ được thông tin chi tiết sản phẩm đang
3.2.6 Quản lý đơn hàng và khách hàng bằng Google Sheets
Hình 3.2.6 Quản lý đơn hàng và khách hàng
Mô tả: Hiển thị danh sách đơn hàng đã được mua và thông tin khách hàng Nhiệm vụ: Giúp cho cửa hàng quản lý đơn hàng dễ hơn và chăm sóc khách
hàng tốt hơn.
Có thể có thêm nhiều dữ liệu khách hàng nhằm marketing cửa hàng đến nhiều người dùng hơn.
KẾT LUẬN 1. Kết quả đạt được
- Đã bước đầu làm quen hệ quản trị mã nguồn mở WordPress và Xây dựng
website quản lí bán phụ kiện Lionvn
- Website cung cấp giao diện trực quan thân thiện với người dùng - Các chức năng của website đã dần được hoàn thiện
2. Hạn chế
- Chưa tối ưu tốt SEO cho website, chưa đưa website lên top tìm kiếm
3. Hướng phát triển
- Điều chỉnh một số chức năng chưa phù hợp. - Hoàn thiện các chức năng còn thiếu sót.
- Đưa vào ứng dụng thực tế để rút kinh nghiệm, từ đó cải thiện hệ thống tốt hơn.
[1] "WordPress Wikipedia," https://vi.wikipedia.org/wiki/WordPress.
[2] "XAMPP Wikipedia," https://vi.wikipedia.org/wiki/XAMPP.
[3] " PHP Wikipedia," https://vi.wikipedia.org/wiki/PHP.
[4] "HTML Wikipedia," https://en.wikipedia.org/wiki/HTML.
[5] "CSS Wikipedia," https://en.wikipedia.org/wiki/Cascading_Style_Sheets.