ĐỒ án i web tin tức

Nhóm người dùng của hệ thống ⮚ Khách hàng chưa có tài khoản: - Xem bài viết - Tìm kiếm bài viết - Tạo tài khoản ⮚ Khách hàng đã có tài khoản: - Đăng nhập/Đăng xuất - Xem và quản lý thông

1 Mở đầu

Ngành công nghệ thông tin là một ngành khoa học đang trên đà phát triển mạnh và ứng dụng rộng rãi trên nhiều lĩnh vực Cùng với xu hướng phát triển của các phương tiện truyền thông như Báo, Radio thì việc sử dụng Internet ngày càng phổ biến Truy cập Internet, chúng ta có được một kho thông tin khổng lồ phục vụ mọi nhu cầu, mục đích của chúng ta chỉ bằng một cái nhấp chuột.

Nhận thức được nhu cầu tìm hiểu thông tin, giải trí của xã hội, là sự ra đời của hàng loạt website cho các mục đích thương mại, giải trí, tin tức …

Để đáp ứng với việc cập nhật thông tin mới mẻ hàng ngày thì website tin tức đã được ra đời.

Do đó, chúng e đã vận dụng ngôn ngữ PHP, MySQL, … và các công

cụ Vscode để xây dựng lên một website tin tức.

Hoàn thành xong đề tài, chúng em vô cùng biết ơn thầy, cô đã nhiệt tình giảng dạy, hướng dẫn và đặc biệt là cô Nguyễn Minh Trang, người trực tiếp hướng dẫn nhiệt tình cho chúng em trong suốt quá trình nghiên cứu và thực hiện đề tài này.

2.2 Hệ thống hiện tại

-Vẫn còn non nớt so với các website khác

2.3 Hệ thống đề nghị

-Tối đa hóa đc hiệu suất và mục đích của web

-Thân thiện với người dùng

3 Phân tích yêu cầu người dùng

3.1 Yêu cầu phi chức năng

1 Giao diện đơn giản, hiện đại, đẹp mắt

2 Dễ dàng nhận biết

3 Thể loại rõ ràng, đang dạng

3.2 Yêu cầu chức năng

3.2.1 Nhóm người dùng của hệ thống

⮚ Khách hàng chưa có tài khoản:

- Xem bài viết

- Tìm kiếm bài viết

- Tạo tài khoản

⮚ Khách hàng đã có tài khoản:

- Đăng nhập/Đăng xuất

- Xem và quản lý thông tin cá nhân

- Tìm kiếm bài viết

- Bình luận bài viết

⮚ Mod(nhân viên đăng bài):

- Thêm/sửa bài viết

- Xóa bài viết

⮚ Admin(quản lý):

- Thêm nhân viên

- Vô hiệu hóa tài khoản nhân viên

Kích hoạt Người dùng ấn vào nút “Đăng nhập” trên thanh menu

Đầu vào ⮚ Tên đăng nhập

⮚ Mật khẩu

Trình tự xử

lý

1 Chuyển sang form đăng nhập

2 Lấy thông tin từ form, kiểm tra không được để trống:

a Trống: chuyển hướng về trang đăng nhập và thông báo lỗi

3 Kiểm tra tên đăng nhập và mật khẩu có khớp với 1 tài khoản nào không

a Đúng:

●Tạo phiên đăng nhập, lưu tên, mã tài khoản vào phiên

●Chuyển hướng tới trang của người dùng

b Sai: chuyển hướng về trang đăng nhập và thông báo lỗi

c Sai (đối với tài khoản admin bị khóa): chuyển tới một trang thông báo kèm một nút quay trở về trangđăng nhập

Đầu ra ● Đúng: Hiển thị trang người dùng và thông báo thành

công

● Sai: Hiển thị trang đăng nhập và thông báo thất bại

Lưu ý ● Kiểm tra ô nhập không được để trống bằng JavaScript

● Trang đăng nhập của Super Admin và Admin khác với trang của khách hàng

➢ Đăng ký:

Các tác nhân Khách hàng

Mô tả Tạo một tài khoản mới

Kích hoạt Trong trang chủ sẽ có một nút đăng nhập trên góc phải, sau

khi bấm vào đó người dùng sẽ được đưa đến trang đăng nhập

Chọn “Tạo tài khoản” để có thể trực tiếp đăng ký

Đầu vào - Tên người dùng

- Email

- Tên tài khoản

- Mật khẩu

Trình tự xử

lý 1 Chuyển sang form đăng ký.2 Lấy thông tin từ form đăng ký, kiểm tra:

a) Nếu thông tin trống hướng về form đăng ký

và hiện lên thông báo yêu cầu nhập đầy đủthông tin

b) Tên tài khoản không được chứa ký tự đặcbiệt và chỉ dài từ 8 đến 16 ký tự

c) Mật khẩu có tối thiểu 8 ký tự và có ít nhất 1chữ cái và một số

Đầu ra ➢ Đúng: Dẫn về trang đăng nhập

➢ Sai: Hiện thông báo lỗi

Lưu ý Điền hết thông tin yêu cầu để tạo tài khoản

➢ Trang chủ:

Các tác nhân Khách hàng/Mod/Admin

Đầu ra ● Đối với Admin/mod:

+ Hiển thị danh sách người dùng đã đăng ký

● Đối với Khách hàng:

+ Hiển thị các bài viết

Lưu ý Trang chủ của Admin/mod khác với trang chủ của khách

hàng

➢ Xem tin tức:

Các tác nhân Khách hàng/Mod/Admin

Mô tả -Hiển thị tin tức trang chủ của người dùng

-Admin/mod có thể biết được bố cục hiện tại của trang web nhờ đó mà điều chỉnh bài viết sao cho phù hợp

Kích hoạt Người dùng nhấn vào hình ảnh hoặc tên tin tức

Trình tự xử lý 1 Lấy mã bài viết mà người dùng chọn

2 Chuyển sang trang tin tức tương ứng

Lưu ý Trang xem tin tức của Admin/mod có thể sẽ hơn khác so

với trang chủ của khách hàng

➢ Tìm kiếm tin tức

Các tác nhân Khách hàng

Mô tả Tìm kiếm tin tức

Kích hoạt Người dùng nhấp chuột vào ô tìm kiếm trong phần

header

Đầu vào Tên tin tức hoặc từ khóa có liên quan mà người dùng

nhập vào

Trình tự xử lý 1 Lấy thông tin từ ô tìm kiếm

2 Tìm trong cơ sở dữ liệu

Đầu ra Hiển thị tin tức có liên quan với từ khóa mà người dùng

nhập

Lưu ý Trang xem tin tức của Admin/mod có thể sẽ hơn khác so

với trang chủ của khách hàng

➢ Danh sách user

Các tác nhân Admin/mod

Mô tả Hiển thị danh sách người dùng đã đăng ký

Trình tự xử lý 1 Lấy dữ liệu từ database

2 Hiển thị với dữ liệu lấy được

Đầu ra Hiển thị thông tin lấy được từ database

➢ Thêm bài viết

Các tác nhân Amin/mod

Mô tả Thêm bài viết mới

Kích hoạt Chọn “thêm bài viết” trong thanh menu bên trái

- Tiêu đề

- Ảnh bìa

- Nội dung bài viếtNgoài ra còn lấy mã admin/mod và thời gian tạo bài viết

để hiển thị trên trang user

Trình tự xử lý Lấy thông tin từ form, kiểm tra không được để trống

Đầu ra Ấn vào đăng

➔ Đúng: Chuyển tới trang “List bài viết” và hiển thịbài viết vừa thêm

➔ Sai: Trùng tên tiêu đề, trả về trang list bài viết

➢ List bài viết

Các tác nhân Admin/mod

Mô tả Hiển thị danh sách bài viết đã thêm

Kích hoạt Chọn “list bài viết” trong thanh menu bên trái

Trình tự xử lý - Lấy dữ liệu từ database

- Hiển thị dữ liệu lấy được theo sắp xếp

Đầu ra Hiển thị các bài viết theo thứ tự được thêm vào gần đây

nhất

Lưu ý Có 2 phím chức năng gồm:

+ chỉnh sửa bài viết(màu xanh lục) + xóa bài viết(màu đỏ)

➢ Chỉnh sửa bài viết

Các tác nhân Admin/mod

Mô tả Chỉnh sửa thông tin bài viết

Kích hoạt Ấn vào ô chức năng ký hiệu cây bút màu xanh lục

tương ứng với bài viết

Đầu vào - Mã khu vực của bài viết cũ

- Tiêu đề của bài viết cũ

- Ảnh bìa của bài viết cũ

- Nội dung bài viết của bài viết cũ

Trình tự xử lý Lấy thông tin từ form, kiểm tra không được để trống

➔ Đúng: Chuyển tới trang “List bài viết” và hiểnthị bài viết vừa được sửa

➔ Sai: Chuyển tới trang “List bài viết” và hiển thị bài viết cũ

➢ Xóa bài viết

Các tác nhân Admin/mod

Kích hoạt Ấn vào ô màu đỏ ký hiệu thùng rác màu đỏ tương

ứng với bài viết

Trình tự xử lý Lấy mã bài viết tương ứng và gửi thông báo đến

admin

Đầu ra Chuyển tới trang “List bài viết” và hiển thị danh

sách bài viết không bao gồm bài viết bị xóa

Lưu ý Trước khi thực sự xóa bài viết, trang sẽ đưa ra thông

báo, ấn “đồng ý” để xóa và hành động này không thể

hoàn tác

 Quản lý

Các tác nhân Chỉ Admin

Mô tả Kiểm tra tài khoản mod bao gồm bản thân

Thực hiện các hành động với các tài khoản mod không bao gồm bản thân

Kích hoạt Chọn “Quản lý” trong thanh menu bên trái

Trình tự xử lý 1 Lấy dữ liệu từ database

2 Hiển thị với dữ liệu lấy được

Đầu ra Hiển thị dữ liệu hợp lệ đã lấy được từ database

Lưu ý Trạng thái tài khoản bao gồm:

+ active: đang hoạt động+ expire: hết hiệu lựcĐược tùy chỉnh trong ô “Edit” bên dưới bảng dữ liệu

➢ Edit

Các tác nhân Chỉ Admin

Mô tả Hiển thị danh sách tài khoản và các phím chức năng

Kích hoạt Chọn “Edit” trong “Quản lý” ở thanh menu bên trái

Trình tự xử lý 1 Lấy dữ liệu từ database

2 Hiển thị với dữ liệu lấy được

Đầu ra Hiển thị dữ liệu hợp lệ đã lấy được từ database

Lưu ý Có 2 phím chức năng gồm:

+ sửa thông tin tài khoản (màu cam) + Block (màu đỏ) / Unblock (màu xanh lục khitài khoản đang chịu trạng thái block)

➢ Sửa thông tin tài khoản

Các tác nhân Chỉ Admin

Mô tả Thay đổi thông tin tài khoản mod

Kích hoạt Ấn vào ký hiệu màu cam tương ứng với tài khoản

- Chuyển tới trang “Quản lý” và lưu thông tin được sửa

Lưu ý Có thể thăng / giáng tài quyền tài khoản phù hợp

với mục đích công việc

➢ Block/Unblock tài khoản

Các tác nhân Chỉ Admin

Mô tả Thay đổi trạng thái tài khoản

Kích hoạt Ấn vào ký hiệu bên cạnh “sửa thông tin” trong

bang danh sách+ Ký hiệu màu đỏ tương ứng với Block+ Ký hiệu màu xanh hình chìa khóa tương ứng với Unblock

Trình tự xử lý Lấy mã tài khoản tương ứng và gửi thông báo

đến admin

Đầu ra Chuyển đến trang “Quản lý” và hiển thị trạng thái

phù hợp với hành động

Lưu ý Các hành động Block/Unblock có thể được hoàn

tác bằng cách ấn lại vào ký hiệu tương ứng với tàikhoản

➢ Thêm quản trị viên

Các tác nhân Chỉ Admin

Kích hoạt Chọn “Thêm quản trị viên” trong “Quản lý” ở

thanh menu bên trái

Đầu ra Hiển thị thông báo xác nhận sau đó chuyển đến

trang “Quản lý” , hiển thị tài khoản đã được thêm trong danh sách

4 Thiết kế hệ thống

4.1 Sơ đồ quan hệ thực thể

4.2 Sơ đồ cơ sở dữ liệu

● Từng bảng trong cơ sở dữ liệu:

Bai_viet_tim_kiem

● Sơ đồ cơ sở dữ liệu giữa các bảng:

4.3 Sơ đồ trang web

● Cải tiến, hoàn thiện trang web

● Tiếp cận được nhiều người dùng

Lời cảm ơn

Em xin chân thành gửi lời cảm ơn đến cô Nguyễn Minh Trang - giảng

viên bộ môn “PHP” đã trang bị cho chúng em những kiến thức, kỹ năng cơ bản để có thể hoàn thành đồ án này.

Do kiến thức chuyên ngành còn hạn chế nên em vẫn còn nhiều thiếu sót trong quá trình thực hiện đồ án Rất mong nhận được sự quan tâm, góp ý của các thầy cô/giảng viên để đồ án của em được đầy đủ và hoàn thiện hơn.

Em xin chân thành cảm ơn!

6 Phân công công việc

- Thực hiện phần Admin/mod: Đào Mạnh Trường

- Thực hiện phần User: Đào Nam Sơn

Lịch trình:

Tuần 1:

- Sơn:

+ Đăng nhập + Đăng xuất + Đăng ký

- Trường:

+ List admin + Sửa admin + Thêm admin

Tuần 4:

- Sơn:

+ Hoàn thiện giao diện người dùng + Hiển thị bài viết từ database + Hiển thị được bình luận từ database