[New feature] News

[dinodevfe]

Chức năng chính

Lấy và hiển thị dữ liệu tin tức từ các trang báo hiện có, ngoài ra còn các thông tin tiện dụng khác, như: giá vàng, thời tiết, các chỉ số đầu tư tài tính,... Vậy doanh thu đến từ đâu? từ quảng cáo được thêm vào

Nội dung ở trang chủ

Tất cả các tin đan xen nhau

• Base: logo, search input
• Tin được hiển thị: từ một số trang báo hiện nay và một số thông tin khác
• Toolbar: gầm các tab nội dung - tất cả, thể thao, tài chính, giải trí
• Chức năng: làm mới danh sách, scroll to top
• Chức năng: cập nhật thêm danh sách hiện thị mỗi lần người dùng scroll đến cuối trang (có giới hạn tối đa số lượng)
• Các quảng cáo được lòng ghép vào với nội dung (xuất hiện sau mỗi 2 -> 15 tin một lần)
• Optional: cá nhân hóa nội dung
• Optional: menu trái

Nội dung trang tìm kiếm

Bao gồm 1 nhóm nội dung cụ thể

• Thông tin nhóm nội dung: tên, ảnh đại diện
• Các nhóm nội dung khác
• Danh sách tin (cập nhật thêm danh sách khi scroll gần hết danh sách - có giới hạn)
• Danh sách gợi ý hàng đầu của category đó
• Quảng cáo có thể đặt ở 2 bên của nội dung
• Mở tab mới đến nguồn bài viết

Trang chi tiết (đọc bài viết)

Hiển thị thông tin của bài viết được chọn Lưu ý: thay đỗi đường dẩn theo bài viết được hiển thị

• Nội dung bài viết
• Các bài viết liên quan hoặc gợi ý
• Quảng cáo có thể đặt ở 2 bên của nội dung
• Mở tab mới đến nguồn bài viết
• Chức năng: cập nhật thêm bài viết khi scroll xuống dưới, kèm theo thay đỗi đường dẩn

Trang cá nhân

• Chỉnh sửa nội dùng được phép hiển thị trên trang của mình (local storage)

Trang quản lý (Admin)

• Quản lý tin tức theo từng mục (category)
• Danh sách tin tức cần duyệt trước khi hiển thị cho người dùng
• Cho phép xóa
• Quản lý các trang nguồn

[mrben997]

1. OriginalPage

   • Title
   • Image
   • Link

2. NewsGroup

   • Title
   • Image

3. News

   • Title
   • Image
   • Content
   • Author
   • DateCreatedAt
   • OriginalLink
   • Liked

4. DigitalMoney

   • Title
   • Publisher

[mrben997]

Người dùng muốn xem những thông tin gì?

• Tin tức thường ngày
• Hình sự
• Thể thao
• Tài chính: tỉ giá ngoại tệ, giá vàng, giá xăng dầu,
• Đời sống
• Sức khỏe
• Khoa học và công nghệ
• Giáo dục
• Du lịch

[mrben997]

• [x] Restful API GET: get all article
• [x] Manager Page - Show all: id, title, channel, created date, status
• [x] Manager Page - Delete one
• [x] Manager Page - See detail
• [x] Manager Page - Function: allows articles to be displayed
• [x] Database: MongoDB
• [x] HomePage - load data from MongoDB

[mrben997]

1. Admin - Chỉnh sửa nội dung:
   • Chèn thẻ quảng cáo vào giữa nội dung của bài viết
   • Gắn sẳn các định dạng và vị trí của thẻ quảng cáo
   • Quảng cáo có thể định dạng loại tùy theo loại bài viết hoặc nhóm bài viết
2. Website - dùng thẻ hỗ trợ việc quét của google:
   • article - các thẻ đại diện cho bài báo: card home, article recommend card
   • p - các khối văn bản - thường sẽ được bọc bởi article: detail
   • figure - đại diện cho hình ảnh
   • h1 - tiêu đề
   • a [target="_blank"] - mở tab mới khi link ở card (lưu ý, ở detail thì đỗi ở trang hiện tại)
   • section - đại diện cho một khối nội dung thành phần (cụ thể hơn, header, footer, content - section là một khối nội dung theo nghiệp vụ)
3. Rút gọn link ads
   • Các khối quảng cáo luôn phải chỉnh sửa trước khi hiển thị
   • Link này được lấy ở đâu ra?

[mrben997]

1. cấu trúc lưu dữ liệu
   • cấu trúc của blob store:
   • images: nơi chứa tất cả ảnh
   • newspaper: nơi chứa các file dữ liệu của báo dưới dạng thô, phân biệt nhau bởi id
   • cấu trúc dữ liệu thô
   • file info
   • các ảnh đính kèm của bài báo đó
2. steps - lấy dữ liệu thô
   • lấy danh sách id
   • duyệt dữ liệu theo từng id
   • gữi file info.json lên blod: {pathname: newspaper/${<id>}}
   • gữi tất cả ảnh lên blod: {pathname: images/${<file-name>}-${<id>}}
   • gữi dữ liệu theo id: tất cả tài nguyên theo từng id

[mrben997]

• Article(id, patch, title, imageUri, uriOrigin, published, createdAt, updatedAt, articleTypeId)
• ArticleType(id, title)
• Source (id, title, sourceUri, imageUri)

[mrben997]

Vấn đề cần sửa:

1. Chỉnh nội dung chuẩn SEO để gữi yêu cầu ads
2. Yêu cầu hiện ads trên web

Chi tiết

Client

• [x] Footer

• Copyright

• Liên hệ: địa chỉ, sdt, email, website

• Navigation (hiện lại các chức năng ở menu ở header top)

• Social

• [ ] Header - SearchInput (như design)

• [x] HomePage:

• Phân trang

• [x] TopicPage

• Phân trang

• Dưa về dạng duyệt bài như ở HomePage (hiện tại đang là dạng danh sách)

• [x] SearchPage

• Hiên thị dang danh sách

• Phân trang

• [ ] DetailPage

• Danh sách nội dung đề xuất: mới nhất, tin nóng, tin liên quan

• Khối hiển thị thông tin trang báo gốc (vd: vnexpress, dantri,... )

Admin

• [ ] Header

• [ ] DashboadPage: số lượng bài báo (optional: theo topic nếu cần)

• [ ] NewspaperManagerPage:

• Xóa: xóa ở db, xóa ở file kho lưu trữ - gồm: file nội dung, các file ảnh

• Sửa(chèn các khối quảng cáo vào giữa nội dung bài viết - hoặc dùng tự động)

• Duyệt bài: cho phép hiển thị ở người dùng, hiện ở vị trí nào ở HomePage