Em sử dụng phần mềm mã nguồn mở WordPress để thiết kế trang web, cụ thể là ngôn ngữ Php.
3.1. Giao diện đăng nhập
Hình 2.3: Giao diện đăng nhập
3.2. Giao diện chính
Hình 2.4: Giao diện chính
3.3. Giao diện quản lý người dùng
Hình 2.5: Giao diện quản lý người dùng
3.4. Giao diện trang chủ web
Đây là giao diện người dùng chính của trang web. Tại đây người dùng có thể xem thông tin về các loại cây của website thông qua các hình ảnh và thơng tin khác.
Hình 2.6: Giao diện trang chủ Web
3.5. Giao diê ̣n Menu
Hình 2.7: Giao diện Menu
3.6. Giao diê ̣n trang Cửa hàng
Trang này dùng để hiển thị các loại cây với đầy đủ các thông tin để người truy cập có thể thấy được trên trang web.
Hình 2.8: Giao diện trang Cửa hàng
3.7. Giao diê ̣n trang Tài khoản
Hình 2.9: Giao diện trang Tài khoản
3.8. Giao diê ̣n trang Giới thiê ̣u
Đây là trang giới thiệu về đầy đủ các thơng tin về website của cửa hàng
Hình 2.10: Giao diện trang Giới thiê ̣u
3.9. Giao diê ̣n trang Liên hê ̣
Cho phép người dùng có những thắc mắc hay cần hỗ trợ, tư vấn về việc mua hàng trên website của cửa hàng thì có thể liên hệ với cửa hàng qua số điện thoại hoặc là mail để cửa hàng tư vấn hỗ trợ một cách tốt nhất cho khách hàng.
Hình 2.11: Giao diện trang Giới thiê ̣u
3.10. Giao diê ̣n giỏ hàng
Tại trang này chứa đựng những sản phẩm mà khách hàng đã chọn cho vào giỏ hàng. Nếu người dùng muồn mua tiếp một sản phẩm khác thì chỉ việc làm theo sự chỉ dẫn trên trang web. Tại giỏ hàng này chứa đựng thông tin tên sản phẩm, số lượng, giá bán, giảm giá của sản phẩm và cuối cùng là tổng sớ tiền của các mặt hàng đã chọn.
Hình 2.12: Giao diện trang Giỏ hàng