Chương 2. NỘI DUNG THỰC TẬP
2.2. Các dự án đã triển khai
2.2.1. Dự án Quảng Cáo In Ấn Gia Đạt
2.2.2.5. Đặc tả lập trình Trường Vũ
STT DANH MỤC CHỨC NĂNG CHI TIẾT GHI CHÚ
1 Responsive Cho phép co dãn trên các thiết bị.
2 Nút điều
hướng Luôn hiển thị trên màn hình.
TRANG CHỦ
1 Logo
1. Cho phép cập nhật Logo ở trang admin - hiển thị vị trí như design.
2. Di chuyển trang chủ xuống dưới logo nhỏ lại vẫn hiển thị theo thanh menu trên desktop.
3. Khi click vào logo sẽ quay về Trang chủ.
2 Header
1. Như design - chứa thông tin bao gồm: Logo, Trang chủ, Sản phẩm, Giới thiệu, Tin tức, Liên hệ ngay.
2. Header dính lại khi scroll xuống.
3. Menu giống design dạng xổ xuống sản phẩm.
4. Khi chuyển trang sẽ có dấu gạch
3 Banner
1. Cho phép cập nhật nhiều hình ảnh + gắn link cho ảnh.
2. Tự động chuyển banner mỗi 5s.
3. Có nút CTA "Liên hệ ngay" trên banner.
4. Click vào CTA "Liên hệ ngay" thì sẽ dẫn đến trang Liên hệ ngay.
5. Kích thước Banner full màn hình (trên mọi thết bị)
6. Có hiệu ứng lượn sóng trên banner.
Nếu cập nhập 1 hình ảnh thì không có nút roll ngang, nếu nhiều hình ảnh thì hiện nút roll ngang. (ẩn hoặc hiện nút roll dựa vào số lượng hình ảnh)
4 Địa chỉ, Hotline
1. Cho phép cập nhật chỉnh sửa nội dung.
2. Tự động di chuyển ngang từ trái sang phải.
5 Sản phẩm
1. Cho phép cập nhật chỉnh sửa hình ảnh, tiêu đề, giá.
2. Khi lướt tới sản phẩm thì có hiệu ứng xuất hiện push lên.
3. Khi hover vào mỗi ấn phẩm thì sẽ có hiệu ứng làm nổi bật ấn phẩm đó (hiệu ứng như design)
4. Nếu có nhiều hơn thì có nút roll ngang.
- Cho phép cập nhật hình ảnh sản phẩm.
- Cho phép cập nhật text và nội dung: Tên sản phẩm, giá, thông số kỹ thuật, mô tả sản phẩm, hướng dẫn sử dụng.
- Cho phép cập nhật xuất sứ và bảo hành.
- Phụ kiện kèm theo: Cho phép người dùng thêm các phụ kiện liên quan của từng sản phẩm.
- Sản phẩm tương tự: Cho phép người dùng tích chọn các sản phẩm khác có liên quan.
5. Hiển thị một popup có gắn link hình ảnh khi vừa click vào "Chi tiết sản phẩm".
6 TVC quảng cáo
1. Cho phép cập nhật video, được roll ngang.
2. Khi hover vào thì có hiệu ứng tráng gương.
3. Click vào TCV nào thì TVC đó sẽ được phép phát.
7 Về chúng tôi
1. Cập nhật dạng 1 bài viết giới thiệu, nội dung cập nhật chi tiết gồm: Hình ảnh, tiêu đề, nội dung giới thiệu.
2. Khi lướt xuống thì có hiệu ứng xuất hiện.
3. Khi hover vào hình ảnh thì có hiệu ứng làm nổi bật hình ảnh đó.
4. CTA - "Tìm hiểu thêm" dẫn đến trang Giới thiệu.
8 Tin tức
1. Hiển thị như design.
2. Khi lướt xuống thì có hiệu ứng xuất hiện từ phải sang trái, sau 3s thì tự động roll từ phải sang trái.
3. Hover vào nút "Xem tất cả" chỗ mục Tin tức đổi màu từ xanh sang trắng và link tới trang con xem tất cả tin tức.
4. Nút roll ngang để xem thêm tin tức.
5. Từng bài viết ở mục tin tức cho phép cập nhật bài viết và hình ảnh, nút CTA "Xem thêm" dẫn đến bài viết chi tiết.
9 Form liên hệ
1. Hiển thị như design.
2. Hiển thị form để lại thông tin tư vấn:
Tên, số điện thoại, email.
3. CTA "Gửi thông tin"- Khách hàng click vào CTA sẽ gửi thông tin về admin có thông báo mail cho admin.
10 Footer 1. Hiển thị như design.
2. Cho phép thay đổi thông tin tại footer.
3. Các mục có thể thay đổi text title và có phần quản lý riêng tại admin:
mạng xã hội của công ty lên website như: Facebook, Google, Youtube + Công ty
+ Chính sách bảo hành + Phần text bên dưới logo
4. Đăng kí nhận tin: khi nhập email khách hàng và bấm gửi sẽ thông báo về admin.
5. Nút scroll up goc cuối màn hình bên phải khi click vào sẽ back lên đầu trang.
6. Bản đồ nằm góc phải footer.
11 Mạng xã hội Cho phép gắn link các mạng xã hội của công ty lên website như:
Facebook, Youtube, Zalo…
12 Nút Liên hệ
1. Cho phép gắn link liên kết kết zalo và số điện thoại.
2. Nằm dọc trên nút liên hệ và fit cứng bên phải màn hình.
CÁC TRANG CON
1 Sản phẩm
1. Khi hover vào sản phẩm thì sẽ xổ xuống các sản phẩm.
2. Khi click vào sản phẩm sẽ dẫn tới trang chi tiết sản phẩm.
2 Giới thiệu Cho phép cập nhật hình ảnh, tiêu đề và bài viết chi tiết.
3 Tin tức Cập nhật tin tức dưới dạng bài viết, hình ảnh.
4 Liên hệ ngay Hiển thị thông tin của công ty và form liên hệ.