Báo Cáo Sản Phẩm - Thiết Kế Web Cơ Bản - Đề Tài - Thiết Kế Trang Web Đọc Báo Buoibi .Pptx
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.48 MB, 31 trang )
BÁO CÁO MÔN THIẾT KẾ WEB
CƠ BẢN
Đề tài: Thiết kế trang web đọc
báo BUOIBI
I. GIỚI THIỆU VỀ DỰ ÁN WEB:
•
-
Tên website: Web đọc báo tin tức “BUOIBI”
•
-
Phân loại website: Website thơng tin, website tĩnh
•
Nội dung của website: truyền tải các tin tức, thơng tin từ khắp nơi đến các bạn đọc; nhiều thông tin khác nhau
(thời sự, xã hội, thể thao, giải trí, …)
•
-
Lợi ích của website tin tức:
•
o
Thơng tin ln được cập nhật nhanh chóng
•
o
Thơng tin ln được kiểm duyệt
•
o
Dễ dàng truy cập thơng qua internet
•
o
Phù hợp với mọi đối tượng, lứa tuổi
•
o
Là cầu nối mang thơng tin giữa nhà nước và người dân
•
o
…
•
-
•
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
1.
PHÂN TÍCH WEBSITE
- Ý tưởng: do công nghệ càng ngày càng phát triển, các trang báo điện tử dần thay thế cho các trang báo giấy truyền
thống. Do đó chúng em làm một website đọc báo phục vụ nhu cầu cập nhật thông tin một cách nhanh chóng và tiện lợi
- Thể loại website: website thông tin, website tĩnh
- Màu chủ đạo: trắng, bạc, đen: tạo cảm giác đơn giản, tập trung; không bị xao lãng cho người đọc
- Điều hướng: Điều hướng thanh ngang
- Có 5 loại trang chính của website:
i. Trang đăng nhập
ii. Trang đăng ký
iii. Trang chủ (trang chính)
iv. Trang nội dung tin (trang con)
v. Trang đăng xuất (trang thoát)
- Thiết kế cho website chạy trên ba nền tảng: Desktop, Smartphone, Tablet
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
1.
THIẾT KẾ GIAO DIỆN
- Mỗi thành viên trong nhóm sẽ đảm nhận làm giao diện cho năm trang khác nhau:
i. Đăng nhập
ii. Đăng ký
iii. Trang chủ
iv. Trang con
v. Trang thốt
- Sau khi phân chia cơng việc thì từng thành viên sẽ đảm nhận việc làm giao diện của từng người:
i. Nguyễn Quang Toàn: Làm trang chủ
ii. Đoàn Quốc Đại: Làm trang con
iii. Phạm Hoàng Giang: Làm trang thoát
iv. Nguyễn Tuấn Anh: Làm trang đăng nhập và đăng ký
- Mỗi thành viên sẽ làm các trang qua ba nền tảng: Desktop, Smartphone và Tablet
- Phần wireframe của từng nền tảng:
i. Desktop:
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang đăng nhập
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang đăng ký
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang chủ
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang con tin tức
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang thốt 1
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang thốt 2
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
• ii.
Smartphone:
Trang đăng nhập
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang đăng ký
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang chính
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang con tin tức
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang thốt 1
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang thốt 2
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
• iii.
Tablet:
Trang đăng nhập
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang đăng ký
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang chủ
II. QUY TRÌNH LÀM VIỆC CỦA
NHĨM
Trang con tin tức
