Đang tải... (xem toàn văn)
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[.]
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 website: truyền tải tin tức, thông tin từ khắp nơi đến bạn đọc; nhiều thông tin khác (thời sự, xã hội, thể thao, giải trí, …) • - Lợi ích website tin tức: • o Thơng tin ln cập nhật nhanh chóng • o Thơng tin ln kiểm duyệt • o Dễ dàng truy cập thơng qua internet • o Phù hợp với đối tượng, lứa tuổi • o Là cầu nối mang thơng tin nhà nước người dân • o … • - • II QUY TRÌNH LÀM VIỆC CỦA NHĨM PHÂN TÍCH WEBSITE - Ý tưởng: cơng nghệ ngày phát triển, trang báo điện tử dần thay cho trang báo giấy truyền thống Do chúng em làm website đọc báo phục vụ nhu cầu cập nhật thơng tin cách nhanh chóng 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 ngang - Có loại trang 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 ba tảng: Desktop, Smartphone, Tablet II QUY TRÌNH LÀM VIỆC CỦA NHÓM THIẾT KẾ GIAO DIỆN - Mỗi thành viên nhóm đả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 v Trang - Sau phân chia cơng việc thành viên đảm nhận việc làm giao diện người: i Nguyễn Quang Toàn: Làm trang chủ ii Đoàn Quốc Đại: Làm trang iii Phạm Hoàng Giang: Làm trang thoát iv Nguyễn Tuấn Anh: Làm trang đăng nhập đăng ký - Mỗi thành viên làm trang qua ba tảng: Desktop, Smartphone Tablet - Phần wireframe 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 tin tức II QUY TRÌNH LÀM VIỆC CỦA NHĨM Trang II QUY TRÌNH LÀM VIỆC CỦA NHĨM Trang 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 tin tức