Báo cáo Tương tác người máy xây dụng hệ thống quản lý tin tức công nghệ

MỤC LỤC

CHƯƠNG 1: MỞ ĐẦU...............................................................................................6
1.1.

Đặt vấn đề.......................................................................................................6

1.2.

Mục tiêu nghiên cứu.......................................................................................6

1.3.

Đối tượng và phạm vi nghiên cứu.................................................................6

1.3.1.

Đối tượng nghiên cứu..............................................................................6

1.3.2.

Phạm vi nghiên cứu.................................................................................6

1.3.2.1. Phạm vi kỹ thuật..................................................................................7
1.3.2.2. Phạm vi người dùng.............................................................................7
1.4.

Phương pháp nghiên cứu...............................................................................7

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT...........................................................................8
2.1. Công cụ phân tích thiết kế hệ thống................................................................8

2.2. Công cụ lưu trữ dữ liệu.....................................................................................8
2.3. Công cụ xây dựng..............................................................................................8
2.3.1. PHP..............................................................................................................8
2.3.2. MVC trong PHP..........................................................................................9
2.3.3. WampServer................................................................................................9
2.3.4. Sublime Text..............................................................................................10
2.3.5. Bootstrap....................................................................................................10
2.3.6. jQuery........................................................................................................10
CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG QUẢN LÝ TIN TỨC
CÔNG NGHỆ............................................................................................................. 11
3.1. Hoạt động nghiệp vụ của hệ thống cũ............................................................11
3.2. Đặc tả yêu cầu..................................................................................................12
1


3.2.1. Đặc tả chức năng.......................................................................................12
3.2.1.1. Mô tả hoạt động nghiệp vụ của hệ thống quản lý tin tức.................12
3.2.1.2. Mục đích..............................................................................................12
3.2.1.3. Yêu cầu về chức năng.........................................................................12
3.2.1.4. Yêu cầu về thiết kế...............................................................................12
3.2.1.5. Đối tượng sử dụng..............................................................................13
3.2.1.6. Đặc điểm tâm lý của từng đối tượng...................................................13
3.2.2.

Đặc tả dữ liệu.........................................................................................16

3.2.2.1. Mô hình dữ liệu mức quan niệm (CDM)...........................................16
3.2.2.2. Mô hình dữ liệu mức luận lý (LDM).................................................17
3.2.2.3. Mô hình dữ liệu mức vật lý (PDM)....................................................17
3.2.3.

Đặc điểm môi trường hoạt động của chương trình.............................18

CHƯƠNG 4: XÂY DỰNG HỆ THỐNG QUẢN LÝ TIN TỨC CÔNG NGHỆ....19
4.1. Sơ đồ phân rã chức năng.................................................................................19
4.1.1. Sơ đồ phân cấp chức năng của hệ thống..................................................19
4.1.2. Sơ đồ phân cấp chức năng của quản trị viên hệ thống...........................20
4.1.3. Sơ đồ phân cấp chức năng của người đăng bài.......................................20
4.1.4. Sơ đồ phân cấp chức năng của người dùng bình thường (bạn đọc)......20
4.2. Mô hình khung tương tác................................................................................21
4.2.1. Người dùng bình thường (bạn đọc)..........................................................21
4.2.2. Quản trị viên hệ thống..............................................................................21
4.2.3. Người đăng bài..........................................................................................22
4.3. Quy trình thiết kế giao diện theo phương pháp hướng người dùng............23
4.4.1. Phân tích nhiệm vụ theo GOMS..............................................................23
4.3.2. Giao diện hệ thống....................................................................................26
2


4.3.2.1. Giao diện đăng nhập...........................................................................26
4.3.2.2. Giao diện người dùng bình thường (bạn đọc)...................................27
4.3.2.3. Giao diện của quản trị viên hệ thống.................................................28
4.3.2.4. Giao diện của người đăng bài.............................................................28
4.3.2.5. Giao diện hệ thống cụ thể...................................................................29
a. Trang quản lý bài viết.............................................................................29
b. Trang chỉnh sửa thông tin cá nhân........................................................29
c.

Trang quản lý thẻ (tags)..........................................................................30

d. Trang quản lý quảng cáo........................................................................30
e.

Trang quản lý chuyên mục.....................................................................30

f.

Trang quản lý nhân viên.........................................................................31

g. Trang quản lý thông tin website.............................................................31
4.3.3. Đánh giá tương tác của hệ thống..............................................................31
4.3.3.1. Thiết kế trực quan...............................................................................31
a. Sự di chuyển mắt của người dùng..........................................................31
b. Cấu trúc phân cấp trực quan..................................................................32
c. Sắp xếp văn bản hợp lý............................................................................32
d. Tính dễ xem.............................................................................................32
4.3.3.2. Cách sử dụng không gian màn hình..................................................32
4.3.3.3. Thời gian tải trang..............................................................................32
4.3.3.4. Tính dùng được...................................................................................33
a. Tính có thể học được...............................................................................33
b. Tính dễ sử dụng.......................................................................................33
c. Tính linh động.........................................................................................33
d. Tính cảm xúc...........................................................................................33
3


CHƯƠNG 5 : KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN........................................34
5.1.

Kết luận.........................................................................................................34

5.1.1.

Kết quả đạt được...................................................................................34

5.1.2.

Khuyết điểm...........................................................................................34

5.2.

Hướng phát triển..........................................................................................34

TÀI LIỆU THAM KHẢO.........................................................................................35

4


DANH MỤC HÌNH ẢN
Hình 3.1. Mô hình dữ liệu mức quan niệm (CDM).....................................................16
Hình 3.2. Mô hình dữ liệu mức luận lý (LDM)............................................................17
Hình 3.3. Mô hình dữ liệu mức vật lý (PDM)..............................................................17
Y

Hình 4.1. Sơ đồ phân rã chức năng của hệ thống........................................................19
Hình 4.2. Sơ đồ phân cấp chức năng của quản trị viên hệ thống..................................20
Hình 4.3. Sơ đồ phân cấp chức năng của người đăng bài...........................................20
Hình 4.4. Sơ đồ phân cấp chức năng của người dùng bình thường (bạn đọc)..............20
Hình 4.5. Giao diện đăng nhập....................................................................................26
Hình 4.6. Giao diện người dùng bình thường (bạn đọc)..............................................27

Hình 4.7. Giao diện của quản trị viên hệ thống............................................................28
Hình 4.8. Giao diện của người đăng bài.......................................................................28
Hình 4.9. Trang quản lý bài viết..................................................................................29
Hình 4.10. Trang chỉnh sửa thông tin cá nhân..............................................................29
Hình 4.11. Trang quản lý thẻ (tags)..............................................................................30
Hình 4.12. Trang quản lý quảng cáo............................................................................30
Hình 4.13. Trang quản lý chuyên mục.........................................................................30
Hình 4.14. Trang quản lý nhân viên.............................................................................31
Hình 4.15. Trang quản lý thông tin website.................................................................31

5


CHƯƠNG 1: MỞ ĐẦU
1.1. Đặt vấn đề
Công nghệ thông tin là ngành đang phát triển mạnh và ngày càng được ứ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. Với sự bùng nổ thông
tin trên internet, vai trò của các trang thông tin điện tử trực tuyến càng trở nên quan
trọng. Khác với báo chí truyền thông có giới hạn thời gian cập nhật tin tức, các tờ báo
trực tuyến đã cung cấp được sự tiện lợi trong việc cập nhật và phát hành thông tin. Về
phía người dùng, họ có thể xem thông tin mọi lúc mọi nơi. Về phía những người cung
cấp thông tin, các nhà báo, họ có thể dễ dàng cập nhật những tin tức mới nhất, thời sự
nhất. Một trong những thể loại tin tức trên website mà được nhiều người chú ý nhất là
tin tức công nghệ. Do đó, nhóm chúng em đã quyết định chọn đề tài “ Xây dựng hệ
thống quản lý tin tức công nghệ ” để phục vụ nhu cầu xem tin tức công nghệ của
mọi người, website mang tên “Công Nghệ Việt”.

1.2. Mục tiêu nghiên cứu
Mục tiêu chung của đề tài là cung cấp thêm một kênh thông tin nơi người dùng có thể

truy cập tra cứu và xem các thông tin liên quan đến tin tức công nghệ như các công
nghệ, sự kiện, đánh giá, thủ thuật và ứng dụng,…Mục tiêu cụ thể của đề tài là xây
dựng một hệ thống dưới dạng website, hệ thống này phải cho phép thực hiện các chức
năng chính như sau:
- Quản lý người đăng bài viết.
- Quản lý bài viết.
- Quản lý menu.
- Tìm kiếm các bài viết về công nghệ, sự kiện, đánh giá,…
- Cho phép truy cập và đọc bài viết.

1.3. Đối tượng và phạm vi nghiên cứu
1.3.1. Đối tượng nghiên cứu
Đối tượng nghiên cứu bao gồm người dùng bình thường có nhu cầu xem tin tức công
nghệ (bạn đọc) và quản trị viên website ( bao gồm người đăng bài và quản trị viên hệ
thống).
1.3.2. Phạm vi nghiên cứu
1.3.2.1. Phạm vi kỹ thuật
6


Bất kỳ máy tính có kết nối internet ở mọi lúc, mọi nơi đều có thể truy cập vào hệ thống
với vai trò như một máy khách.
1.3.2.2. Phạm vi người dùng
Phạm vi người dùng được phân chia theo phân quyền của người sử dụng hệ thống:
+ Người quản trị hệ thống là người sử dụng được toàn bộ các chức năng của hệ thống,
có thể tạo mới hay xóa người sử dụng ra khỏi hệ thống, quản lý bài viết, quản lý menu,
…
+ Người đăng bài có thể thêm, sửa, xóa bài viết.
+ Người dùng có thể truy cập tra cứu và xem bài viết,…

1.4. Phương pháp nghiên cứu
- Nghiên cứu qua việc đọc các tài liệu, giáo trình liên quan nhằm xây dựng cơ sở lý
thuyết của đề tài và các biện pháp cần thiết để giải quyết các vấn đề của đề tài.
- Lấy ý kiến của giáo viên để có thể thiết kế chương trình phù hợp với yêu cầu thực
tiễn, nội dung xử lý đáp ứng được yêu cầu ngày càng cao của người dùng.
- Triển khai hệ thống vào thực tế để kiểm tra tính khả dụng của đề tài.

7


CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1. Công cụ phân tích thiết kế hệ thống
Sybase Power Designer là một công cụ hỗ trợ đắc lực trong việc thiết kế mô hình
quan hệ, mô hình CDM, PDM, ERD, ER,… trong phân tích thiết kế hệ thống thông
tin, với Sybase Power Designer có thể tạo ra được:
- Thiết kế Conceptual Data model (CDM) bằng sơ đồ thực thể kết hợp.
- Phát sinh Physical Data Model (PDM) tương ứng trên một DBMS được chọn.
- Phát sinh kịch bản tạo CSDL trên một DBMS đích.
- Phát sinh ràng buộc toàn vẹn tham chiếu (referential integrity triggers) nếu chúng
được hổ trợ bởi CSDL đích.
- Cho phép hiệu chỉnh và in các model.
- Phát sinh ngược lại các Database và các application đang tồn tại.
- Định nghĩa các thuộc tính mở rộng có các đối tượng PDM.

2.2. Công cụ lưu trữ dữ liệu
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được
các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là cơ
sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều
hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. Với tốc độ và tính

bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet.
MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. Nó có
nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều
hành dòng Windows, Linux,…
MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ sử
dụng Ngôn ngữ truy vấn có cấu trúc (SQL).
MySQL được sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác, nó làm nơi
lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,...

2.3. Công cụ xây dựng
2.3.1. PHP
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch
bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy
chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể
dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ
nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm
8


tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành
một ngôn ngữ lập trình web phổ biến nhất thế giới.
2.3.2. MVC trong PHP
Mô hình MVC (model, controller, view) là mô hình chuẩn cho ứng dụng web được
sử dụng nhiều nhất ngày nay. Mô hình MVC được sử dụng lần đầu tiên trong
Smalltalk, sau đó được sử dụng phổ biến trong ngôn ngữ lập trình Java. Hiện nay, đã
có hơn hàng chục PHP framework dựa trên mô hình này.
Mô hình MVC là viết tắt của 3 chữ Model, View, Controller. Mô hình này tách một
ứng dụng web ra làm 3 thành phần đảm nhiệm chức năng tách biệt, thuận tiện cho việc
xử lý và bảo trì.
- Model: Chịu trách nhiệm quản lý dữ liệu, nó lưu trữ và truy xuất các thực thể từ

cơ sở dữ liệu như mysql, sql server, postresSQL,… đồng thời chứa các logic được
thực thi bởi ứng dụng
- View: Chịu trách nhiệm hiển thị dữ liệu đã được truy xuất từ model theo một
format nào đó theo ý đồ của lập trình viên. Cách sử dụng của View tương tự như
các module templates thường thấy trong các ứng dụng web phổ biến như
WordPress, Joomla,…
- Controller: trung gian, làm nhiệm vụ xử lý cho model và view tương tác với
nhau. Controller nhận request từ client, sau đó gọi các model để thực hiện các hoạt
động được yêu cầu và gửi ra ngoài View. View sẽ chịu trách nhiệm format lại data
từ controller gửi ra và trình bày dữ liệu theo 1 định dạng đầu ra (html).
2.3.3. WampServer
WampServer là môi trường phát triển web trên hệ điều hành Windows. Wamp là
viết tắt của Window+Apache+MySQL+PHP là một phần mềm giả lập server giúp
chúng ta chạy các website ngay trên máy tính của mình với đường dẫn là
http://localhost, đây là một phần mềm hoàn toàn miễn phí. Nó cho phép bạn tạo các
ứng dụng web với Apache, PHP và MySQL. Bên cạnh đó, PhpMyAdmin cho phép
quản lý cơ sở dữ liệu dễ dàng. WampServer có chương trình quản lý khá tiện lợi, cho
phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.
2.3.4. Sublime Text
Sublime Text là một trình soạn thảo văn bản thương mại dành cho Linux, MacOS X
và Microsoft Windows. Với ưu điểm gọn nhẹ và có mặt trên các nền tảng phổ biến
hiện nay cũng như hổ trợ nhiều ngôn ngữ lập trình như: PHP, Javascript, Java, C, C+
9


+... Giúp các nhà phát triển có thể dễ dàng sử dụng mà không cần phải làm quen khi
phát triển sản phẩm trên nhiều nền tảng khác nhau.
2.3.5. Bootstrap
Bootstrap là framework được phát triển bởi Mark Otto và Jacob Thornton tại Twitter
với mục đích thiết kế website reponsive một cách nhanh chóng và dể dàng.

Bootstrap là bao gồm các HTML templates, CSS templates và Javascript tạo ra những
cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image
carousels và nhiều thứ khác. Trong bootstrap có thêm các plugin Javascript trong nó.
Giúp cho việc thiết kế reponsive của bạn dễ dàng hơn và nhanh chóng hơn.
2.3.6. jQuery
jQuery thư viện JavaScript đa trình duyệt được thiết kế để đơn giản hóa lập trình phía
máy người dùng của HTML, phát hành vào tháng 1 năm 2006 tại BarCamp NYC bởi
John Resig. Được sử dụng bởi hơn 52% trong 10.000 truy cập nhiều nhất các trang
web, jQuery là thư viện JavaScript phổ biến nhất được sử dụng ngày nay.
jQuery cũng cung cấp khả năng cho các nhà phát triển để tạo ra plugins trên đầu trang
của thư viện JavaScript. Điều này cho phép các nhà phát triển để tạo ra trừu tượng hóa
ở mức độ thấp tương tác và hình ảnh động, hiệu ứng tiên tiến và vật dụng cao cấp, chủ
đề có thể. Cách tiếp cận mô-đun để thư viện jQuery cho phép tạo ra các công cụ mạnh
mẽ và năng động web và các ứng dụng web.

10


CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG QUẢN
LÝ TIN TỨC CÔNG NGHỆ
3.1. Hoạt động nghiệp vụ của hệ thống cũ
Phần mềm quản lý tin tức công nghệ quản lý các bài viết gồm các thông tin như mã bài
viết, tên bài viết, nội dung, hình ảnh, lượt xem,…Các bài viết có thể được phân theo
danh mục bài viết. Mỗi người dùng có nhu cầu xem tin tức đều có quyền truy cập và
tra cứu tìm kiếm tin tức.
Mỗi người đăng bài được cấp một tài khoản để đăng nhập hệ thống thực hiện chức
năng đăng bài. Sau khi kiểm tra đầy đủ thông tin về bài viết, người đăng bài sẽ xác
nhận bài viết được đăng hiển thị ở trang chủ. Một số thông tin về bài đăng được lưu lại
để quản lý, số lượng bài đăng sẽ được tăng lên. Người đăng bài nếu đăng không đúng
danh mục bài viết sẽ bị khiển trách.

Nhận xét:
Phần mềm sau một thời gian dài sử dụng các phương pháp thủ công trong việc lưu trữ
thông tin quản lý bài đăng đã gặp rất nhiều khó khăn khi lượng dữ liệu về bài viết ngày
càng nhiều, gây cản trở cho công việc quản lý đăng bài và các vấn đề liên quan cho
người đăng bài, bố cục trang web không cân xứng. VD: người đăng bài gặp khó khăn
trong việc bật / tắt bài viết của hệ thống, xem số lượng bài đăng,…
Trước tình hình đó, cùng với sự phát triển của công nghệ, phần mềm quản lý tin tức
công nghệ có nhu cầu áp dụng các công nghệ mới để xây dựng một bộ công cụ mạnh
mẽ giúp tăng cường khả năng quản lý cũng như cải thiện hiệu suất làm việc, giúp cho
qui trình đăng bài của tác giả bài viết trở nên thuận tiện nhất. Ngoài ra bộ công cụ phải
hỗ trợ việc quản lý tối đa, theo dõi số lượng bài viết của tác giả đăng bài, quản lý thẻ
tags, quản lý thông tin website, quản lý danh mục, quản lý quảng cáo... Dự án này
được tiến hành với mục đích xây dựng được một hệ thống quản lý với những tính năng
ưu việt như trên. Do điều kiện về thời gian có hạn, khuôn khổ dự án bước đầu sẽ thực
hiện xây dựng một hệ thống quản lý tin tức công nghệ mới dựa trên một số phần của
giao diện cũ.

11


3.2. Đặc tả yêu cầu
3.2.1. Đặc tả chức năng
3.2.1.1. Mô tả hoạt động nghiệp vụ của hệ thống quản lý tin tức
Hệ thống được xây dựng dựa trên việc số hóa dữ liệu các bài viết bao gồm các thông
tin: mã bài viết, tên bài viết, nội dung, hình ảnh, mô tả, ngày đăng, từ khóa... Và hệ
thống cần lập ra tài khoản cá nhân cho mỗi người đăng bài với các chức năng quản lý
đăng bài của mình. Hệ thống cũng cần có các trang: Quản lý danh mục, thẻ tags, quản
lý nhân viên, chỉnh sửa thông tin cá nhân, thông tin website dành cho quản trị viên hệ
thống sử dụng để quản lý tin tức.
Bạn đọc tìm kiếm, tra cứu tin tức và đọc bài viết trên website hệ thống. Để có thể đăng

bài người đăng bài cần đăng nhập vào hệ thống với đúng chức năng của mình thực
hiện thêm bài viết, sau đó check hoặc bỏ check nút Ẩn / Hiện, bài viết sẽ được đăng
hoặc không đăng tùy thuộc vào người đăng bài có check nút Ẩn / Hiện bài viết hay
không. Các bài viết có thể được phân theo danh mục bài viết.
3.2.1.2. Mục đích
Xây dựng một hệ thống quản lý tin tức công nghệ có đầy đủ tính năng của phần mềm
quản lý tin tức. Phần mềm có thể thực hiện quản lý thông tin về bài viết, danh mục, thẻ
tags, quản lý nhân viên và thông tin website, điều phối tiến trình đăng bài của người
viết bài, cho phép người dùng truy cập và tra cứu tin tức trên trình duyệt web.
3.2.1.3. Yêu cầu về chức năng
Đối với một website tin tức, yêu cầu tối thiểu sẽ phải đạt được là:
-

Hiển thị nội dung theo từng bài viết.
Cho phép truy cập và đọc bài viết.
Cho phép liệt kê danh sách bài viết theo từng chuyên mục.
Cho phép tìm kiếm bài viết.
Các chức năng cao hơn cho tác giả như đăng bài, sửa bài, xoá bài, tải lên các dữ liệu

đa phương tiện như ảnh, phim, …
- Các chức năng cho quản trị viên hệ thống như thêm, sửa, xoá tài khoản, thêm
chuyên mục,…
3.2.1.4. Yêu cầu về thiết kế
- Trình bày nội dung bài viết, có tiêu đề, ngày tháng đăng bài.
- Trang chủ liệt kê danh sách cách bài viết phân chia theo từng danh mục, các bài viết
xem nhiều trong tuần,…
12


- Phần đầu trang web có logo của trang web, phần menu hiển thị các danh mục bài

viết cho người dùng lựa chọn.
- Phần cuối trang web có thông tin chung về trang web.
3.2.1.5. Đối tượng sử dụng
Các đối tượng sử dụng của website bao gồm người dùng bình thường có nhu cầu xem
tin tức (bạn đọc) và quản trị viên website( bao gồm người đăng bài và quản trị viên hệ
thống). Hai đối tượng này, về mặt chung đều là người sử dụng website, nhưng mục
đích sử dụng của mỗi đối tượng lại khác nhau. Vì vậy, việc xác định định danh của
người dùng đối với người sử dụng bình thường là không cần thiết, mặt khác đối với
quản trị viên là bắt buộc.
3.2.1.6. Đặc điểm tâm lý của từng đối tượng
Việc khảo sát tâm lý người dùng thực hiện trên những người đang sử dụng hệ thống
quản lý tin tức hiện tại bao gồm: người dùng bình thường (bạn đọc) và người đăng bài,
ta không khảo sát trên người quản trị viên hệ thống (admin) vì trong phạm vi thực hiện
đề tài ta mặc định coi admin là người có trình độ tin học cao dễ dàng sử dụng các chức
năng quản lý người dùng trong hệ thống cũng như nhận ra các lỗi khi sử dụng để thông
báo cho nhà phát triển.
a. Đối tượng khảo sát người dùng bình thường (bạn đọc)
ST

Câu hỏi

Kết quả

T
1

Công việc chính của anh/ chị Tìm kiếm và đọc bài viết.
khi truy cập website?

2

Anh/chị có thể mô tả qua về Khi có nhu cầu đọc bài viết người dùng cần
công việc này?

truy cập vào trang web của hệ thống sau đó
tìm kiếm theo tiêu đề, nội dung bài viết cần
đọc.

3

Hiện tại có những vấn đề hay Tìm kiếm bài viết không đưa ra các lựa chọn.
trở ngại gì gây ảnh hưởng đến
công việc?

4

Theo anh/ chị vì sao lại tồn tại Chính vì công việc quá thủ công và chưa
các vấn đề đó

5

được tự động nên gây ra các vấn đề đó

Anh chị mong chờ chúng tôi Tôi rất mong muốn có được một hệ thống tự
sẽ khắc phục nó như thế nào?

động và được tin học hoá, giúp chúng tôi tìm
13

kiếm tin tức dễ dàng và thuận tiện theo từng
tiêu chí,…
6

Anh/chị mong muốn như thế Chạy nhanh, giao diện dễ dùng, các bước
nào về giao diện của hệ thực hiện càng đơn giản càng tốt. Đặc biệt là
thống?

về giao diện, tôi mong muốn khi sử dụng
phần mềm mới tôi sẽ không phải mất nhiều
thời gian để làm quen.

7

Anh/chị mong muốn như thế Về màu sắc tôi không thích nhiều màu, càng
nào về màu sắc giao diện của đơn giản càng tốt.
hệ thống?

Qua quá trình khảo sát như trên ta có thể rút ra một số điều đáng chú ý về các đặc điểm
tâm lý của người sử dụng trực tiếp như sau:
- Nhận thức: Người dùng bình thường (bạn đọc) thuộc lớp người có số lượng đông áp
đảo so với người đăng bài và quản trị viên, vì vậy khi thiết kế giao diện cần đặt các
chức năng dành cho bạn đọc trực quan, dễ thao tác nhất.
Với việc họ đã quen với các công cụ tìm kiếm và trình độ nhận thức cao, ta không
cần thiết phải đưa ra hướng dẫn sử dụng, nếu có chỉ cần nói qua các bước. Và người
dùng (bạn đọc) chỉ tham gia các công việc đơn giản trong hệ thống nên các chức
năng dành cho họ cũng phải đơn giản dễ sử dụng.
- Thói quen: Hiện tại người sử dụng quen với việc tìm kiếm đơn sơ chưa được tự
động, hệ thống chỉ đơn thuần là số hóa công việc này. Vì vậy cần xây dựng một hệ
thống tự động và được tin học hóa, giúp người dùng tìm kiếm bài viết dễ dàng và

thuận tiện theo từng tiêu chí,…
b. Đối tượng khảo sát người đăng bài
ST

Câu hỏi

Kết quả

T
1

Công việc chính của anh/ chị Đăng bài, sửa và xóa bài viết.
khi truy cập website?

2

Anh / chị có trình độ học vấn Tôi đã tốt nghiệp cao đẳng. Có biết sử dụng
là gì?
máy tính khá thành thạo, chỉ biết dùng các
Anh/ chị có thông thạo máy chương trình đơn giản như office, chơi nhạc,
tính không? sử dụng các trình xem phim, … Mà office tôi cũng chỉ biết
ứng dụng có thạo không hay word, excel ngoài ra lướt web xem tin tức.
14


chưa hề sử dụng máy tính …
3

Anh/chị mong muốn có một Tôi mong muốn có được sự trợ giúp đơn
dịch vụ hỗ trợ nào khi sử giản và dễ dùng. Có thể hỗ trợ hướng dẫn tôi

dụng ứng dụng không?

sử dụng phần mềm và trả lời thắc mắc bất cứ
lúc nào.

4

Anh/chị mong muốn như thế Tôi rất mong một hệ thống ổn định và không
nào về sự ổn định của hệ gặp trục trặc gì cả.
thống?

5

Anh chị mong chờ chúng tôi Tôi rất mong muốn có được một hệ thống tự
sẽ khắc phục nó như thế nào?

động và được tin học hoá, giúp chúng tôi tìm
kiếm tin tức dễ dàng và thuận tiện theo từng
tiêu chí,…

6

Anh/chị mong muốn như thế Chạy nhanh, giao diện dễ dùng, các bước
nào về giao diện của hệ thực hiện càng đơn giản càng tốt. Đặc biệt là
thống?

về giao diện, tôi mong muốn khi sử dụng
phần mềm mới tôi sẽ không phải mất nhiều
thời gian để làm quen.

7

Anh/chị mong muốn như thế Về màu sắc tôi không thích nhiều màu, càng
nào về màu sắc giao diện của đơn giản càng tốt. Nhưng màu phải nhã vì tôi
hệ thống?

phải làm việc nhiều, mắt lại không tốt nên tôi
hi vọng màu sắc sẽ không gây đau mắt khi
nhìn nhiều.

8

Anh chị mong muốn dịch vụ Nếu có hỏng hóc gì có thể đến ngay và sửa
bảo trì như thế nào?

9

…

Có những nhu cầu gì về tính Các dữ liệu đều bảo mật và an toàn
bảo mật mà anh chị mong
muốn?

Qua quá trình khảo sát như trên ta có thể rút ra một số điều đáng chú ý về các đặc điểm
tâm lý của người sử dụng trực tiếp như sau:
- Nhận thức: Người sử dụng là một người có trình độ cao đẳng, các kiến thức chuyên
môn của người sử dụng là rất tốt. Như vậy khi thiết kế giao diện cần tạo một giao
diện chuyên nghiệp về chuyên môn để người sử dụng dễ thao tác. Vì đóng vai trò
quan trọng trong hệ thống nên cần có 1 buổi để giới thiệu và hướng dẫn sử dụng hệ
15

thống cho người dùng này. Ngoài ra khi thiết kế cần chú ý sử dụng các từ ngữ, thuật
ngữ có liên quan đến nghiệp vụ.
- Thói quen: Người sử dụng đề xuất không muốn thay đổi các thao tác cũ, và không
muốn mất nhiều thời gian để làm quen với cách sử dụng mới.
- Môi trường: làm việc trong một môi trường khá ổn định và ngại thay đổi.
3.2.2. Đặc tả dữ liệu
3.2.2.1. Mô hình dữ liệu mức quan niệm (CDM)

Hình 3.1. Mô hình dữ liệu mức quan niệm (CDM)

16


3.2.2.2. Mô hình dữ liệu mức luận lý (LDM)

Hình 3.2. Mô hình dữ liệu mức luận lý (LDM)
3.2.2.3. Mô hình dữ liệu mức vật lý (PDM)

Hình 3.3. Mô hình dữ liệu mức vật lý (PDM)
17


3.2.3. Đặc điểm môi trường hoạt động của chương trình
Hệ điều hành: chạy tất cả hệ điều hành có hỗ trợ trình duyệt web như Windows, Linux,
…hoạt động tốt trên trình duyệt google chrome.
Phần mềm được viết trên nền web có thể chạy trên hầu hết các trình duyệt web phổ
biến hiện nay như: Cốc Cốc, Chrome, Microsoft Edge,….
Phần mềm tương đối nhẹ nên không yêu cầu nhiều về cấu hình máy tính

Yêu cầu phải có mạng Internet để có thể truy cập được web

18


CHƯƠNG 4: XÂY DỰNG HỆ THỐNG QUẢN LÝ TIN TỨC
CÔNG NGHỆ

4.1. Sơ đồ phân rã chức năng
4.1.1. Sơ đồ phân cấp chức năng của hệ thống

Hình 4.1. Sơ đồ phân rã chức năng của hệ thống
19


4.1.2. Sơ đồ phân cấp chức năng của quản trị viên hệ thống

Hình 4.2. Sơ đồ phân cấp chức năng của quản trị viên hệ thống
4.1.3. Sơ đồ phân cấp chức năng của người đăng bài

Hình 4.3. Sơ đồ phân cấp chức năng của người đăng bài
4.1.4. Sơ đồ phân cấp chức năng của người dùng bình thường (bạn đọc)

Hình 4.4. Sơ đồ phân cấp chức năng của người dùng bình thường (bạn đọc)
20


4.2. Mô hình khung tương tác
4.2.1. Người dùng bình thường (bạn đọc)
Nhu cầu của người dùng

Đầu vào người dùng

Đầu ra hệ thống

Người dùng muốn xem tin Di chuyển chuột vào tin Hệ thống hiển thị nội dung
tức công nghệ.

tức cần xem.

thông tin mà bạn đọc cần
xem.

Người dùng muốn tìm Người dùng chọn một Hệ thống hiển thị thông
kiếm tin tức theo 1 số tiêu trong các tiêu chí đó nhập tin tìm thấy hoặc thông
chí như tiêu đề, từ khóa,… vào để tìm kiếm.

báo khi không tìm thấy.

4.2.2. Quản trị viên hệ thống
Nhu cầu của người dùng

Đầu vào người dùng

Đầu ra hệ thống

Người dùng muốn đăng Nhập tên đăng nhập và Thông báo đăng nhập
nhập vào hệ thống.

mật khẩu vào phần đăng thành công hoặc không

nhập

thành công nếu thông tin
đăng nhập không hợp lệ
thì thông báo sai thông tin
và nhập lại.

Người dùng muốn thay Click vào form sửa thông Nếu thông tin hợp lệ hiển
đổi thông tin cá nhân.

tin cá nhân.

thị thông báo thay đổi
thành công. Ngược lại
thông báo kiểm tra lại
thông tin.

Người dùng muốn quản lý Click vào thông tin tương Hiển thị thông tin cá nhân
nhân viên

ứng với mỗi nhân viên để của nhân viên.
xem thông tin hoặc thao
tác xóa, sửa.

Người dùng muốn quản lý Click vào link thêm, sửa, Hệ thống thêm, sửa, xóa
bài viết

xóa tùy theo yêu cầu.

vào CSDL theo yêu cầu,

hiển thị tin tức mới trên
trang.

Người dùng muốn quản lý Click vào link thêm, xóa Hệ thống sẽ hiển thị kết
21


danh mục.

sửa, hoặc mục tìm kiếm quả insert, update, hoặc
tùy theo yêu cầu.

delete, tìm kiếm danh mục
từ database; hiển thị bảng
thông báo.

Người dùng muốn quản lý Click vào link thêm, xóa Hiển thị bảng thông báo
thẻ tags

sửa, hoặc mục tìm kiếm theo yêu cầu.
tùy theo yêu cầu

Người dùng muốn quản lý Click vào link thêm, xóa Hiển thị bảng thông báo
thông tin website

sửa, hoặc mục tìm kiếm theo yêu cầu.
tùy theo yêu cầu

4.2.3. Người đăng bài
Nhu cầu của người dùng

Đầu vào người dùng

Đầu ra hệ thống

Người dùng muốn đăng Nhập tên đăng nhập và Thông báo đăng nhập
nhập vào hệ thống.

mật khẩu vào phần đăng thành công hoặc không
nhập

thành công nếu thông tin
đăng nhập không hợp lệ
thì thông báo sai thông tin
và nhập lại.

Người dùng muốn thay Click vào form sửa thông Nếu thông tin hợp lệ hiển
đổi thông tin cá nhân.

tin cá nhân.

thị thông báo thay đổi
thành công. Ngược lại
thông báo kiểm tra lại
thông tin.

Người dùng muốn quản lý Click vào link thêm, sửa, Hệ thống thêm, sửa, xóa
bài viết

xóa tùy theo yêu cầu.

vào CSDL theo yêu cầu,
hiển thị tin tức mới trên
trang.

Người dùng muốn quản lý Click vào link thêm, xóa Hiển thị bảng thông báo
thẻ tags

sửa, hoặc mục tìm kiếm theo yêu cầu.
tùy theo yêu cầu

22


4.3. Quy trình thiết kế giao diện theo phương pháp hướng người dùng
4.4.1. Phân tích nhiệm vụ theo GOMS


Quản trị viên hệ thống

Goal: Quản lý nhân viên (người đăng bài)
Mở máy tính
Bật trình duyệt
Vào website hệ thống
Đợi hệ thống đáp ứng (hiển thị trang “Trang chủ”)
Goal: Đăng nhập
Chuyển con trỏ đến “ Tên đăng nhập” trong mục đăng nhập
Nhấp vào textbox “Tên đăng nhập”
Nhập tên người dùng
Gõ Enter để chuyển sang textbox “Mật khẩu”

Gõ mật khẩu
Nhấn chuột vào nút Đăng nhập hoặc gõ phím Enter
Đợi hệ thống đáp ứng (hiển thị giao diện của quản trị viên hệ thống)
Goal: Quản lý nhân viên
Di chuyển con trỏ lên thanh menu chọn “Quản lý nhân viên”
Đợi hệ thống đáp ứng (hiện trang quản lý nhân viên)
Goal: Thêm nhân viên
Di chuyển con trỏ vào nút “Thêm” trong trang quản lý nhân viên
và ấn chọn
Đợi hệ thống đáp ứng (hiện trang thêm nhân viên với các mục
như tên nhân viên, giới tính, ngày sinh,…cho phép người dùng nhập vào)
Nhập thông tin vào các mục tên nhân viên, giới tính, ngày sinh,...
Ấn nút "Thêm" để kết thúc công việc
Đợi hệ thống đáp ứng (hiển thị hiện trang "Quản lý nhân viên"
với thông báo kết quả cuả việc thêm nhân viên)
23


Goal: Xóa nhân viên
Xác định nhân viên cần xóa tài khoản.
Chọn tích vào vị trí nhân viên muốn xóa trong cột xóa Ấn nút xóa.
Đợi hệ thống đáp ứng và thông báo kết quả.
Goal: Đăng xuất
Di chuyển con trỏ đến mục Thoát
Nhấn chuột
 Người đăng bài
Goal: Quản lý bài viết
Mở máy tính
Bật trình duyệt
Vào website hệ thống

Đợi hệ thống đáp ứng (hiển thị trang “Trang chủ”)
Goal: Đăng nhập
Chuyển con trỏ đến “ Tên đăng nhập” trong mục đăng nhập
Nhấp vào textbox “Tên đăng nhập”
Nhập tên người dùng
Gõ Enter để chuyển sang textbox “Mật khẩu”
Gõ mật khẩu
Nhấn chuột vào nút Đăng nhập hoặc gõ phím Enter
Đợi hệ thống đáp ứng (hiển thị giao diện của quản trị viên hệ thống)
Goal: Quản lý bài viết
Di chuyển con trỏ lên thanh menu chọn “Quản lý bài viết”
Đợi hệ thống đáp ứng (hiện trang quản lý bài viết)
Goal: Thêm bài viết
Di chuyển con trỏ vào nút “Thêm” trong trang quản lý bài viết và
ấn chọn
Đợi hệ thống đáp ứng (hiện trang thêm bài viết với các mục như
tên bài viết, tóm tắt, nội dung, từ khóa,…cho phép người dùng nhập vào)
Nhập thông tin vào các mục tên bài viết, tóm tắt, nội dung, từ
khóa,…
Ấn nút "Thêm" để kết thúc công việc
Đợi hệ thống đáp ứng (hiển thị hiện trang "Quản lý bài viết" với
thông báo kết quả cuả việc thêm bài viết)
Goal: Sửa bài viết
Di chuyển con trỏ vào mục "nhập thông tin kiếm bài viết"
Nhập thông tin bài viết cần tìm, rồi ấn tìm kiếm
Đợi hệ thống đáp ứng (hiển thị kết quả tìm kiếm là danh mục bài viết
phù hợp với thông tin nhập vào)
Chọn bài viết cần tìm trên danh mục
Đợi hệ thống đáp ứng
Di chuyển con trỏ vào mục "sửa bài viết" và ấn chọn.

Đợi hệ thống đáp ứng (hiện trang "sửa bài viết " với các mục như tên bài
viết, tóm tắt, nội dung, từ khóa,…cho phép người dùng nhập vào)
24


Nhập thông tin cần sửa vào các mục tên bài viết, tóm tắt, nội dung, từ
khóa,…Người dùng ấn nút "Sửa" để kết thúc công việc
Đợi hệ thống đáp ứng (hiển thị hiện trang "quản lý bài viết" với thông
báo kết quả cuả việc sửa thông tin bài viết)
Goal: Xóa bài viết
Di chuyển con trỏ vào mục "nhập thông tin kiếm bài viết"
Nhập thông tin bài viết cần tìm, rồi ấn tìm kiếm
Đợi hệ thống đáp ứng (hiển thị kết quả tìm kiếm là danh mục bài viết
phù hợp với thông tin nhập vào)
Chọn bài viết cần tìm trên danh mục
Đợi hệ thống đáp ứng
Chọn tích vào vị trí bài viết muốn xóa trong cột xóa Ấn nút xóa.
Đợi hệ thống đáp ứng và thông báo kết quả.
Goal: Đăng xuất
Di chuyển con trỏ đến mục Thoát
Nhấn chuột
4.3.2. Giao diện hệ thống
4.3.2.1. Giao diện đăng nhập

Hình 4.5. Giao diện đăng nhập

- Khi người đăng bài đăng nhập vào hệ thống nếu đăng nhập thành công sẽ chuyển
sang giao diện dành riêng cho người đăng bài hoặc không thành công nếu thông tin
đăng nhập không hợp lệ thì thông báo sai thông tin và nhập lại.

25