BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC NÔNG LÂM TP. HỒ CHÍ MINH
KHOA THUỶ SẢN

LUẬN VĂN TỐT NGHIỆP
ĐỀ TÀI:

XÂY DỰNG TRANG WEB PHỤC VỤ CHUYỂN
GIAO KỸ THUẬT CHO KHOA THỦY SẢN

NGÀNH:
THUỶ SẢN
KHÓA:
2002 – 2006
SINH VIÊN THỰC HIỆN: NGUYỄN QUYẾT TÂM
VÕ THỊ KHÁNH VÂN

THÀNH PHỐ HỒ CHÍ MINH
Tháng 08/2006


XÂY DỰNG TRANG WEB PHỤC VỤ CHUYỂN GIAO KỸ
THUẬT CHO KHOA THỦY SẢN

Thực hiện bởi

Nguyễn Quyết Tâm
Võ Thị Khánh Vân

Luận văn được đệ trình để hoàn tất yêu cầu cấp bằng Kỹ Sư Nuôi Trồng Thủy Sản

Giáo viên hướng dẫn: Nguyễn Văn Tư

Thành phố Hồ Chí Minh
Tháng 08/2006


TÓM TẮT
Đề tài: “Xây dựng trang web phục vụ chuyển giao kỹ thuật cho Khoa Thuỷ Sản”
được tiến hành từ tháng Hai đến tháng Tám năm 2006.
Các bước tiến hành
Bước 1:
- Khảo sát nhu cầu trao đổi thông tin và hiện trạng trang web của Khoa Thủy
Sản.
- Tham khảo nội dung, cách thiết kế, các thành phần của trang web từ các
website lớn của các đơn vị cùng ngành.
Bước 2:
- Xác định đối tượng phục vụ.
- Xây dựng sơ đồ nội dung cần đưa lên web và cách thức thể hiện trên trang
web.
- Thu thập tài liệu, hình ảnh minh họa. Chuẩn bị phần mềm thích hợp, chuyển tài
liệu từ các nguồn thành tài liệu dạng web.
Bước 3:
- Thiết kế phần web tĩnh để giới thiệu thông tin về Khoa Thủy Sản và các kĩ
thuật thủy sản được tổng hợp. Trình bày và minh họa nội dung. Tạo sơ đồ, bố trí nội
dung thông tin.
- Tạo liên kết giữa các thành phần nội dung trang web, kiểm tra trên máy tính cá
nhân.
- Họp và bàn thảo ý kiến, chỉnh sửa lại nội dung.
- Đăng kí host chưa để lưu trữ web trên internet và upload, kiểm tra nội dung,
hoạt động của trang web.

Bước 4:
Xây dựng phần web động.
- Cài đặt webportal dùng mã nguồn mở PHP hoạt động với Apache server,
MySQL server, chạy thử và kiểm tra ứng dụng.
- Tích hợp module thư viện điện tử và thêm nhiều ứng dụng web khác.
- Chỉnh sửa, tạo giao diện và tạo liên kết mới cho các thành phần.
- Chạy, kiểm tra, cập nhật thông tin trên trang web. Bổ sung, cải tiến các ứng
dụng, sắp xếp lại các thành phần cho hợp lý.
- Cài đặt ứng dụng lên mạng, chạy thử, kiểm tra lỗi, kiểm tra tính tương thích
với các loại trình duyệt, tạo bản in thử.
- Thăm dò ý kiến đánh giá của độc giả và tiếp thu, sưa chữa.
- Tham khảo về khả năng nâng cấp, cập nhật, phát hiện ra các lỗi bảo mật trên
trang web và khắc phục, sửa chữa.
-Cập nhật thông tin cho trang web ngày càng phong phú hơn.
Kết quả
Trang web cho khoa thuỷ sản ra đời với các chức năng sau:


- Giới thiệu về Khoa Thủy Sản đến với học sinh, sinh viên và nhiều cá nhân, đơn
vị khác.
- Cập nhật thông tin đào tạo, thông tin hoạt động, tin hợp tác để học sinh, sinh
viên, và mọi người quan tâm tham khảo.
- Cung cấp tin tức thời sự về thủy sản, nghiên cứu khoa học, hỗ trợ tài liệu kỹ
thuật cho sinh viên của Khoa và người nghiên cứu ở mọi nơi.
- Mở rộng tầm hoạt động của công tác khuyến ngư đến với cán bộ khuyến ngư
địa phương, nông dân ở thông qua tài liệu khuyến ngư trực tuyến..
- Xây dựng thư viện trực tuyến về tài liệu thông tin phục vụ dạy, học, nghiên
cứu trong ngành thủy sản.
- Tạo diễn đàn trao đổi thông tin, thảo luận cho thành viên trang web, liên lạc
giữa khách và Khoa Thủy Sản.

- Cung cấp nhiều tiện ích hỗ trợ cho người sử dụng trang web tra cứu thông tin.
- Trang web có giao diện thân thiện, dễ sử dụng và quản lý.


ABSTRACT
The study of “Designing a website for technique-transfer and training of the
Faculty of Fisheries” was carried out from Februabry to August of 2006.
Steps of the process:
Step 1:
- Surveyed info-exchange demand and current status of the website of the
Faculty of Fisheries.
- Refered the structure, content and design of some websites of other
administrative units in the same section.
Step 2:
- Determinded users.
- Designed the outline of the contents and display of the website.
- Collected documents, illustrative images. Prepared suitable softwares and
transfered the documents from other resources to web-documents.
Step 3:
- Design web pages to introduce the Faculty of Fisheries and collected
aquaculture technologies.
- Linked web pages, checked them on localhost.
- Consulted and re-edited the contents.
- Registed a host and a domain to upload and testing our website.
Step 4:
- Set up the main components of the web site based on a webportal architecture.
We used open source webportal NukeViet worked with Apache web server and MySQL
database server.
- Added online library modules and other web applications.
- Moded web themes and re-link web pages.

- Conducted a poll on the contents, structure of the website; then improved it.
- Refered the upgrading, updating abilities, found and fixed security
programming errors.
- Updated more and more informations for the website.
The result:
The website of the Faculty of Fisheries was designed in order to:
- Introduce the faculty to students and other administrative units.
- Update informations in training, activities, co-oporations to people who are
interested in.
- Provide updated events of aquaculture, scientific researches, technical
documents to students and researchers everywhere.
- Expand extension activities to local extensioners, farmers throughout the
online extesion services.
- Intergrated an online librabry of training, studying, research documents in
fisheries sector.


- Installed a forum for discusstion among the members, contacting between
guests and the Faculty of Fisheries.
- The web site has a friendly theme, easy to search, read, post informations and
website management is very easy.


CẢM TẠ

Để hoàn thành luận văn này, chúng tôi đã nhận được sự giúp đỡ của nhiều thầy
cô Khoa Thuỷ Sản Trường Đại Học Nông Lâm Thành Phố Hồ Chí Minh và các tổ chức,
cá nhân khác. Nhân đây, chúng tôi xin chân thành bày tỏ lòng biết ơn chân thành đến:
Ban Giám hiệu và Ban Giám đốc Trung tâm tin học Trường Đại học Nông Lâm
Thành phố Hồ Chí Minh đã tạo điều kiện cho chúng tôi thực hiện đề tài.

Ban chủ nhiệm cùng toàn thể quý thầy cô Khoa Thuỷ Sản đã tận tình giảng dạy
và truyền đạt những kiến thức quý báu cho chúng tôi trong suốt quá trình học tập tại
trường. Đặc biệt là thầy Lê Thanh Hùng, thầy Phạm Văn Nhỏ, thầy Nguyễn Hữu Thịnh,
thầy Huỳnh Phạm Việt Huy, thầy Nguyễn Hoàng Nam Kha, thầy Phạm Duy Tân, cô
Đặng Thanh Hòa đã hết sức giúp đỡ chúng tôi trong quá trình thu thập tài liệu.
Chúng tôi xin gửi lòng biết ơn sâu sắc đến thầy Nguyễn Văn Tư đã tận tình
hướng dẫn, giúp đỡ và tạo điều kiện thuận lợi cho chung tôi hoàn thành luận văn tốt
nghiệp.
Đồng thời chúng tôi xin chân thành cám ơn đến công ty Ấn Tượng Net đã cung
cấp mã nguồn cho website, các quản trị viên của các trang web ria1.org,
khoahocthuysan.com, vietlinh.com.vn đã giúp đỡ và cho phép chúng tôi sử dụng thông
tin từ website của họ.
Cuối cùng, chúng tôi cũng muốn bày tỏ lòng biết ơn chân thành tới ba mẹ,
những người thân, bạn bè, … đã luôn động viên, khích lệ chúng tôi trong học tap và
sinh hoạt.
Xin chúc tất cả dồi dào sức khỏe, vui vẻ và gặt hái được nhiều thành công trong
công việc cũng như trong cuộc sống !


MỤC LỤC

ĐỀ MỤC

TRANG

TÊN ĐỀ TÀI

i

TÓM TẮT TIẾNG VIỆT


ii

TÓM TẮT TIẾNG ANH

iv

CẢM TẠ

vi

MỤC LỤC

vii

DANH SÁCH BIỂU ĐỒ, SƠ ĐỒ

x

DANH SÁCH HÌNH ẢNH

xi

DANH SÁC CÁC BẢNG
I.GIỚI THIỆU

xiv
1

1.1


Động Cơ Xây Dựng Đề Tài1

1.2

Mục Đích, Định Hướng Và Yêu Cầu Khi Thực Hiện Đề Tài

2

1.2.1

Mục đích

2

1.2.2

Định hướng

3

1.2.3

Yêu cầu khi xây dựng web site

3

II. KHẢO SÁT HIỆN TRẠNG CÁC TRANG WEB VÀ LỰA CHỌN CÔNG
CỤ THIẾT KẾ WEB


6

2.1

Khảo Sát Hiện Trạng

6

2.1.1

Các tiêu chí đưa ra khi đánh giá web site

6

2.1.2

Kết quả khảo sát

7

2.2

Lựa Chọn Công Cụ Thiết Kế Web

19

III. PHÂN TÍCH KỸ THUẬT VÀ MÔ HÌNH HOẠT ĐỘNG CỦA TRANG
WEB KHOA THỦY SẢN

21


3.1

Mô Tả Kỹ Thuật Được Thiết Kế Trong Trang Web

21

3.1.1

Giới thiệu về World Wide Web

21

3.1.2

Giới thiệu về portal

21

3.2
Sản

Mô Tả Hệ Thống Web Portal Sử Dụng Làm Trang Web Cho Khoa Thủy

3.3

Cơ Chế Web

24


3.4

Cấu Hình Chạy Thử Nghiệm Webportal Khoa Thủy Sản

26

3.4.1

Giới thiệu về trình duyệt Web

26

3.4.2

Giới thiệu về Webserver Appache

26

23


3.4.3

Giới thiệu về hệ quản trị cơ sở dữ liệu MySQL

28

3.4.4

Cơ sở dữ liệu của webportal Khoa Thủy Sản


30

3.5

Cách Thức Tổ Chức Làm Việc Trong Web Portal

30

IV. MÔ TẢ GIAO DIỆN, CÁC CHỨC NĂNG VÀ ĐẶC ĐIỂM KỸ THUẬT
CỦA CÁC THÀNH PHẦN TRONG WEBPORTAL

33

4.1

Mô Tả Giao Diện Trang Web

33

4.1.1

Giao diện demo của web portal Khoa Thủy Sản

34

4.1.2

Giao diện trang chủ


34

4.1.3

Tóm tắt các chức năng của web portal Khoa Thủy Sản

41

4.2

Trang Web Thông Tin Chung Về Khoa Thủy Sản

58

4.2.1

Mô tả giao diện

58

4.2.2

Ý nghĩa, mục đích thiết kế các mục nội dung

60

4.3

Giải Thích Kỹ Thuật Thiết Kế Phần Trang Web Giới Thiệu Về Khoa


68

4.3.1

Đặc điểm chung của những thông tin trong khu vực “Trang chính”

68

4.3.2

Phân tích cấu trúc thư mục sắp xếp dữ liệu

70

V. MÔ TẢ ĐẶC ĐIỂM THIẾT KẾ VÀ ĐẶC ĐIỂM HOẠT ĐỘNG
CỦA MỘT SỐ MODULE ỨNG DỤNG CHÍNH TRONG TRANG
WEB KHOA THỦY SẢN

73

5.1

Ứng Dụng Tin Tức

73

5.1.1

Cách thể hiện nội dung của tin tức


73

5.1.2

Quản lý tin tức và đăng tin

79

5.2

Ứng Dụng Diễn Đàn

87

5.2.1

Giới thiệu

87

5.2.2

Cách thể hiện nội dung của diễn đàn

88

5.2.3

Giao diện của diễn đàn


90

5.2.4

Các hình thức chia sẻ thông tin trên diễn đàn

93

5.2.5

Quy trình tạo bài viết trong diễn đàn

93

5.2.6

Quản lý diễn đàn

96

5.3

Module Thư Viện Điện Tử

97

5.3.1

Giới thiệu


97

5.3.2

Mô tả hoạt động của thư viện điện tử

98

5.3.3

Mô tả giao diện thư viện điện tử

99

5.3.4

Quản lý thư viện điện tử

103

VI. QUẢN LÝ TRANG WEB

108

6.1

108

Giới Thiệu



6.2

Các Công Việc Quản Lý Cần Phải Làm Thường Xuyên

110

6.2.1

Quản lý thành viên

110

6.2.2

Sao lưu cơ sở dữ liệu

112

VII. KẾT LUẬN VÀ ĐỀ NGHỊ

113

7.1

Kết Luận

113

7.1.1


Về nội dung

113

7.1.2

Về kỹ thuật

113

7.2

Đề Nghị

113

7.2.1

Về nội dung

113

7.2.2

Về kỹ thuật

114

7.3


Hướng Phát Triển

114

TÀI LIỆU THAM KHẢO


DANH SÁCH BIỂU ĐỒ, SƠ ĐỒ
ĐỀ MỤC

TRANG

Biểu đồ 3.1 So sánh số lượng tên miền sử dụng các loại web server chính
trên internet từ tháng 8 năm 1995 đến tháng 8 năm 2006

27

Sơ đồ 3.1 Kiến trúc ba lớp của webportal

23

Sơ đồ 3.2 Cơ chế hoạt động của web tĩnh

24

Sơ đồ 3.3 Cơ chế hoạt động của webportal Khoa Thủy Sản

26


Sơ đồ 3.4 Cấu trúc trong trang web Khoa Thủy Sản

30

Sơ đồ 3.5 Liên kết trong web site của Khoa Thủy Sản

31

Sơ đồ 5.1 Sơ sơ đồ mô tả cách thể hiện của các nhóm tin trong trang chủ

74

Sơ đồ 5.2 Sơ đồ thể hiện cac bản tin trong cùng trang chủ đề

76


DANH SÁCH HÌNH ẢNH

ĐỀ MỤC

TRANG

Hình 2.1 Giao diện trang chính của web Khoa Thủy Sản

7

Hình 2.2 Giao diện trang chủ web Trung tâm Tin học Bộ Thủy Sản

8


Hình 2.3 Giao diện trang chính của web Viện Nghiên cứu Nuôi trồng
Thủy sản I

10

Hình 2.4 Giao diện trang web Khoa Thủy Sản Trường Đại học Cần Thơ

11

Hình 2.5 Template 1 trên giao diện trang chính của trang web Trường
Đại học Thủy Sản Nha Trang

12

Hình 2.6 Template 2 của trang chính web Trường Đại học Thủy Sản
Nha Trang

13

Hình 2.7 Giao diện trang chính của web Công ty Việt Linh

15

Hình 2.8 Một phần giao diện trang nhất của báo điện tử VNEXPRESS

17

Hình 2.9 Một phần giao diện trang nhất của báo Vietnamnet


18

Hình 3.1 Phần trang web giới thiệu Khoa Thủy sản được xây dựng trên
mô hình web tónh

25

Hình 4.1 Giao diện trang chủ web Khoa Thủy Sản

35

Hình 4.2 Form để người sử dụng tra cứu các tin đã đăng tải, tìm kiếm
nhóm tin

42

Hình 4.3 Một trang tin tức của web site Khoa Thủy Sản

43

Hình 4.4 Trang thư viện điện tử Khoa Thủy Sản

44

Hình 4.5 Giao diện chính của trang Diễn đàn

46

Hình 4.6 Một diễn đàn con cấp hai với nhiều nội dung thảo luận thuộc
cùng lónh vực


47

Hình 4.7 Giao diện trang đăng ký mới

59

Hình 4.8 Thông tin thể hiện khi người sử dụng nhấn “Kiểm tra dữ liệu
đưa vào”

50

Hình 4.9 Thông tin thể hiện sau khi người sử dụng đăng ký thành công
làm thành viên

50

Hình 4.10 Kết quả “Tìm Giáo trình” trong chức năng “Tìm kiếm trên
web”

51

Hình 4.11 Chức năng “xem điểm” liên kết với trang web của Phòng Đào
tạo

52


Hình 4.12 Thông tin tuyển sinh trên báo Tuổi trẻ trong liên kết với trang web
Khoa Thủy Sản


53

Hình 4.13 Một loại từ điển trực tuyến trong liên kết với trang web khoa

54

Hình 4.14 Form nhận tin qua email

56

Hình 4.15 Chức năng đếm số thành viên và số lượt truy cập, thành viên
đang truy cập

57

Hình 4.16 Đề mục “Hợp tác quốc tế”

61

Hình 4.17 Trang luật, văn bản pháp quy trong đề mục “Thư viện khoa”

61

Hình 4.18 Trang mục lục sách tham khảo trong đề mục “Thư viện khoa”

62

Hình 4.19 Đề mục “Trang sinh viên”


62

Hình 4.20 Thông tin đào tạo của ngành Nuôi trồng thủy sản trên đề mục
“Đào tạo”

63

Hình 4.21 Đề mục “Kỹ thuật nuôi thủy sản”

65

Hình 4.22 Một đối tượng nuôi cụ thể

66

Hình 4.23 Đề mục “Bệnh – Môi Trường”

66

Hình 4.24 Trang bệnh của một đối tượng cụ thể

67

Hình 4.25 Cấu trúc sắp xếp các thư mục chứa nội dung trong trang web
giới thiệu Khoa Thủy sản

70

Hình 4.26 Giao diện mẫu của một trang web hướng dẫn kỹ thuật nuôi


72

Hình 5.1 Một phần giao diện trang chủ web Khoa Thủy Sản

73

Hình 5.2 Cách thể hiện các bản tin trong cùng một trang chủ đề

75

Hình 5.3 Cách thể hiện của một bản tin trên trang web Khoa Thủy Sản

77

Hình 5.4 Giao diện của trang quản lý tin tức

79

Hình 5.5 Giao diện diễn đàn chính

90

Hình 5.6 Giao diện diễn đàn cấp hai

91

Hình 5.7 Giao diện của một trang chủ đề tại diễn đàn Khoa Thủy Sản

92


Hình 5.8 Giao diện cửa sổ tạo bài viết mới trong diễn đàn Khoa Thủy
Sản

92

Hình 5.9 Giao diện cửa sổ sửa bài viết trong diễn đàn Khoa Thủy Sản

94

Hình 5.10 Giao diện trang quản lý của diễn đàn Khoa Thủy Sản

96

Hình 5.11 Giao diện trang chính của Thư viện điện tử Khoa Thủy Sản

99

Hình 5.12 Giao diện trang liệt kê và tóm tắt nội dung tài liệu của thư viện
điện tử

100


Hình 5.13 Giao diện trang không cho phép tải file từ thư viện

101

Hình 5.14 Giao diện trang cho phép tải tài liệu từ thư viện

102


Hình 5.15 Giao diện trang quản lý tài liệu trên thư viện điện tử

104

Hình 5.16 Giao diện trang sửa file tài liệu trong thư viện điện tử

106

Hình 6.1 Bảng điều khiển của người quản trò

109

Hình 6.2 Giao diện trang đăng ký thành viên trên webportal Khoa Thủy
Sản

111


DANH SÁCH CÁC BẢNG

ĐỀ MỤC

TRANG

Bảng 3.1 So snh các hệ quản trị cơ sở dữ liệu có thể chạy trên những hệ
điều hành

28


Bảng 4.1 Bảng mơ tả giao diện trang chủ web Khoa Thủy Sản

34

Bảng 4.2 Bảng mô tả chức năng của trang chủ trang web Khoa Thủy Sản

36

Bảng 4.3 Mơ tả giao diện trang web thơng tin chung về Khoa Thủy Sản

58

Bảng 4.4 Bảng mô tả chức năng trang thông tin chung của trang web Khoa
Thủy Sản

59

Bảng 5.1 Liệt kê các chức năng trong trang quản lý tin tức

79

Bảng 6.1 Tóm tắt các chức năng có trong bảng điều khiển của người quản
trị

I. GIỚI THIỆU

109


1.1


Động Cơ Xây Dựng Đề Tài

Hiện nay, internet đã thực sự phát triển và đi vào mọi hoạt động của các cơ
quan, công ty, xí nghiệp và các tổ chức, mọi tầng lớp nhân dân. Internet là công cụ đắc
lực để lưu trữ, trao đổi, cung cấp thông tin, liên lạc, giải trí và rất nhiều tiện ích khác.
Trong số những ứng dụng trên môi trường internet thì world wide web (WWW) là công
cụ liên lạc trực quan, sinh động và thân thiện được ra đời rất sớm, là ứng dụng trên
internet phát triển mạnh nhất ở thời điểm này. Trên thế giới hiện nay có hàng tỉ web site
đang được sử dụng có hiệu quả. Hầu hết các công ty, cơ quan hay ngay cả những cá
nhân ở các nước phát triển đều có một web site hay một trang web riêng hỗ trợ cho công
việc của đơn vị mình. Khi sử dụng world wide web là công cụ thông tin, người sử dụng
có được những tiện lợi và ưu điểm so với các phương tiện truyền thông khác là :
- Là công cụ giao tiếp trực quan, qua đó người sử dụng có thể được minh họa
bằng văn bản, hình ảnh, âm thanh, video,… rất sinh động và dễ hiểu.
- Do không bị giới hạn về số lượng trang viết, khổ giấy, thời lượng phát,…
nên số lượng thông tin được thể hiện trên một trang web thường rất đa dạng, phong phú.
- Việc truy cập thông tin có thể diễn ra ở mọi lúc, mọi nơi, không phụ thuộc
vào thời gian, địa điểm. Người sử dụng tự chọn lựa thông tin mà họ quan tâm, xem lại
những thông tin đã được lưu trữ dễ dàng.
- Việc cập nhật thông tin diễn ra đơn giản, nhanh chóng và hầu như ngay lập
tức thông tin có thể đến với người sử dụng ở khắp nơi trên thế giới. Do đó có thể
chuyển đến người đọc những thông tin có tính chất thời sự nhất.
- Chi phí xuất bản, lưu trữ dữ liệu và thông tin thấp, khả năng cập nhật, sửa
chữa, quản lý thông tin linh hoạt, thuận tiện. Đa số người sử dụng được cung cấp thông
tin miễn phí và chi phí để kết nối internet hiện nay cũng rất thấp.
Với những ưu điểm đó, theo xu hướng hiện đại hóa thì ngày càng có nhiều
công việc được thực hiện thông qua môi trường công nghệ thông tin mà sử dụng nhiều
và đa dạng nhất là các ứng dụng trên internet. Bằng cách áp dụng công nghệ thông tin
vào công việc sẽ giúp giảm chi phí và tăng năng suất lao động, các cơ quan, đơn vị dần

xây dựng cho mình môi trường làm việc điện tử và sử dụng ngày càng nhiều tài nguyên
từ internet.
Các tổ chức hiện nay đang nhanh chóng xây dựng web site cho đơn vị mình để
kịp thời phục vụ công việc. Hầu như các cơ quan cấp bộ, ngành, tỉnh thành, đơn vị nào
cũng có web site của mình.
Khoa Thủy Sản Trường Đại học Nông Lâm Tp.HCM là một trong những đơn
vị đào tạo nhân lực, nghiên cứu và chuyển giao khoa học lớn trong lĩnh vực thủy sản.
Công việc của khoa cần rất nhiều sự thông tin liên lạc như:
- Giới thiệu khoa, cung cấp thông tin đào tạo và tin tức tuyển sinh đến với học
sinh, sinh viên và người làm việc trong ngành thủy sản ở khắp nơi.
- Thông tin về nghiên cứu khoa học, chuyển giao công nghệ, hỗ trợ kỹ thuật
phục vụ công tác khuyến nông, khuyến ngư.


- Liên lạc, thông tin giữa khoa và các đơn vị, cá nhân xung quanh nhiệm vụ và
chức năng của Khoa.
Để làm được những công việc đó, Khoa Thủy Sản cần phải có trang web riêng
để hỗ trợ cho việc thông tin, tiết kiệm thời gian, chí phí công tác, chi phí phát hành các
ấn phẩm tuyển sinh, chuyển giao kỹ thuật. Đồng thời, với trang web của mình cũng giúp
cho sinh viên hiểu rõ hơn về đơn vị đang đào tạo mình, tạo cơ hội cho người dân và
người nghiên cứu ở khắp nơi biết đến khoa. Trang web cũng sẽ giúp cho công việc
chuyển giao kỹ thuật, khuyến ngư của khoa tiến hành thuận lợi và đến với người dân
nhanh chóng, rộng rãi hơn.
Trên thực tế, Khoa Thủy Sản đã có trang web riêng nhưng nội dung rất nghèo
nàn, thông tin không được cập nhật thường xuyên mà nguyên nhân chủ yếu là do trang
web không hỗ trợ cập nhật trực tuyến. Việc cập nhật đòi hỏi phải thiết kế lại trang web
là không phù hợp với khả năng của đa số cán bộ ở Khoa.
Do đó việc chúng tôi tiến hành xây dựng trang web mới phục vụ giảng dạy và
chuyển giao kỹ thuật cho Khoa Thủy Sản là cần thiết để khoa có một web site với nội
dung phong phú, hiện đại, nhiều chức năng và tăng cường khả năng cập nhật mạnh hơn,

phục vụ ngày càng tốt cho công việc của khoa và của cộng đồng. Thông qua việc làm này
chúng tôi cũng vận dụng những kiến thức mà mình đã được đào tạo để xây dựng nền
móng nội dung kỹ thuật thủy sản cho trang web.
1.2

Mục Đích, Định Hướng và Yêu Cầu Khi Thực Hiện Đề Tài

1.2.1 Mục đích
Mục đích của đề tài khi xây dựng hoàn chỉnh trang web là:
- Giới thiệu về Khoa Thủy Sản đến với học sinh, sinh viên, và nhiều cá nhân
đơn vị khác.
- Cập nhật thông tin đào tạo, thông tin hoạt động, tin hợp tác để học sinh, sinh
viên và mọi người quan tâm tham khảo.
- Cung cấp tin tức thời sự về thủy sản, nghiên cứu khoa học, hỗ trợ tài liệu kỹ
thuật cho sinh viên của khoa và người nghiên cứu ở mọi nơi. Đem đến cho họ những kỹ
thuật, thành tựu khoa học mới, những xu hướng phát triển nghề thủy sản trên thế giới, ở
Việt Nam, giúp người dân có kiến thức để nhanh chóng ứng dụng vào thực tiễn một
cách đồng bộ.
- Mở rộng tầm hoạt động của công tác khuyến ngư đến với cán bộ khuyến ngư
địa phương, nông dân ở thông qua các hình thức khuyến ngư trực tuyến.
- Xây dựng thư viện trực tuyến về tài liệu thông tin phục vụ dạy, học, nghiên
cứu trong ngành thủy sản.
- Tạo diễn đàn trao đổi thông tin, thảo luận cho thành viên trang web, liên lạc
giữa khách và Khoa Thủy Sản.
- Cung cấp nhiều tiện ích hỗ trợ cho người sử dụng trang web tra cứu thông
tin.


1.2.2 Định hướng
Để thực hiện được tất cả những mục đích trên thì bắt buộc chúng tôi phải xây

dựng một trang web dựa trên công nghệ web động để hỗ trợ việc cập nhật trực tuyến, sử
dụng thông tin từ nhiều nguồn, quản lý thông tin có hiệu quả, dễ điều hành, sử dụng,
đồng thời có thể trao đổi thông tin hai chiều giữa đơn vị đào tạo là Khoa Thủy Sản và
người sử dụng thông tin, cộng tác viên của web site.
Bằng kinh nghiệm và một số khảo sát thực tế, chúng tôi đã chọn mô hình của
một cổng thông tin (portal) để xây dựng trang web. Loại hình cổng thông tin mà chúng
tôi sử dụng là cổng thông tin dành cho web site tin tức. Trong web site cũng có những
phần chúng tôi sử dụng công cụ thiết kế web tĩnh tùy theo nội dung và yêu cầu thể hiện
thông tin của các trang web đó.
1.2.3 Yêu cầu khi xây dựng web site
a/ Chức năng thông tin
Trang web hỗ trợ việc cập nhật tin tức mọi lúc, mọi nơi, có khả năng đăng tải
những tin tức thời sự nhanh nhất.
Thông tin khi được đưa lên web site đều được quản lý chặt chẽ, người quản lý
kiểm soát được tất cả mọi thông tin được đăng trên trang web. Người quản lý nắm rõ
nguồn gốc của tin tức và chịu trách nhiệm khi tin tức được đăng.
Việc lưu trữ thông tin phải rõ ràng theo các mục nội dung của nó để tiện cho
việc quản lý, cập nhật.
Người quản trị là người có thẩm quyền cao nhất quản lý thông tin.
Thông tin do bất cứ thành viên, cộng tác viên nào xây dựng nên được đưa tới
người được giao nhiệm vụ kiểm duyệt và có thể cho đăng tải khi đạt yêu cầu hoặc hủy
bỏ, trả về nếu không đạt yêu cầu.
b/ Chức năng lưu trữ
Trang web có chức năng lưu trữ được tất cả các bài viết được đăng, và đáp
ứng cho người dùng mọi lúc.
Ngoài tài liệu là trang web (web pages), trong web site còn có khả năng lưu trữ
các loại tài liệu khác như file văn bản (.pdf, .doc, .ppt,…), file chương trình, file nén,
video,…và khả năng liên kết nguồn tài liệu với các web site, công cụ lưu trữ khác.
c/ Quản lý người dùng
Cổng thông tin bao gồm rất nhiều ứng dụng và là môi trường cộng tác rất chặt

chẽ với người dùng trên trang web, nhiều ứng dụng của cổng thông tin yêu cầu phải là
thành viên mới sử dụng được (như đăng bài viết ở diễn đàn, chia sẻ tài liệu,…).


Vì web hỗ trợ quản lý, xây dựng và khai thác thông tin trực tuyến nên đòi hỏi
phải có nhóm người quản trị, nhóm thành viên, nhóm độc giả,… Mỗi nhóm được cấp
quyền khác nhau trên trang web, khi đó họ có một số quyền liên quan như quyền được
đọc, được đăng bài viết, được sửa bài viết, góp ý, tải tài liệu,…
Người dùng phải đăng ký để được xét cấp quyền, nếu vi phạm nội quy có thể
bị tước quyền. Khi được cấp quyền, người dùng có thể tham gia vào công việc của web
site, được cung cấp nhiều tiện ích trên web site, đồng thời có trách nhiệm đối với sự
phát triển của web site.
Thông tin thành viên được lưu trữ trên web site để người quản trị và các thành
viên có thể liên hệ, chỉ người quản trị và bản thân thành viên mới có thể thay đổi thông
tin của thành viên đó.
d/ Yêu cầu về trình bày
Thông tin phải chia thành các mục, mỗi mục là một nhóm tin có liên quan với
nhau để người dùng dễ quan sát bố cục của trang web và lựa chọn nhóm thông tin cần
tham khảo.
Sự sắp xếp các mục phải hợp lý, các mục thuộc về một khối nội dung thì xếp
gần nhau (ví dụ: kỹ thuật gồm có kỹ thuật nuôi thủy sản, sản xuất giống, bệnh học thủy
sản,…). Vị trí của các mục trên trang web, đường dẫn liên kết trên trang web phải bố trí
rõ ràng, hợp lý để người đọc nhanh chóng tìm thấy thông tin cần đọc.
Màu sắc trang web phải bố trí hài hòa, rõ ràng, tạo sự đơn giản, nhưng vẫn
đẹp, phù hợp với chủ đề thủy sản và thể hiện là một trang web về kỹ thuật.
Ngôn ngữ tiếng Việt thể hiện phải chuẩn xác, mọi người dù ở đâu vẫn có thể
đọc được mà không cần phải cài đặt hay chỉnh sửa gì thêm.
e/ Tính thân thiện và dễ sử dụng
Người đọc dễ dàng tìm thấy thông tin mới và tra cứu các thông tin cũ, viết bài,
tham gia thảo luận bằng các thao tác đơn giản không đòi hỏi phải biết nhiều kiến thức

về tin học.
Người quản trị quản lý trang web bằng môi trường đồ họa trực quan, có thể
chỉnh sửa, cấu hình trang web ở mọi lúc mọi nơi, không cần phải có các phần mềm đặc
biệt hỗ trợ.
Người quản lý, biên tập viên có thể đăng tải, quản lý thông tin theo chức năng
của mình, duyệt, chỉnh sửa thông tin ngay tại trình duyệt và không cần phải hiểu biết về
kỹ thuật thiết kế web.
f/ Yêu cầu về tốc độ làm việc


Trang web được thiết kế giảm thiểu các chi tiết đồ họa rườm rà phức tạp, làm
chậm quá trình tải về và hiện nội dung lên trình duyệt, đồng thời chiếm dụng bộ nhớ và
băng thông của máy chủ.
g/ Yêu cầu về khả năng bảo vệ và lưu trữ
Trang web có thể tự động tạm dừng hoạt động khi gặp sự cố về cơ sở dữ liệu,
báo lỗi khi không tìm thấy thông tin, … Người quản trị có thể cho trang web tạm dừng
hoạt động, ngừng đăng ký thành viên, thay đổi mật khẩu của thành viên khi bị lấy
cắp,…
Khi backup trang web chỉ cần download toàn bộ file trên máy chủ và backup
cơ sở dữ liệu, khi phục hồi hoặc chuyển máy chủ chỉ cần chép lại file, qua một vài thao
tác đơn giản cấu hình lại nguồn dữ liệu là trang web có thể hoạt động bình thường.
h/ Khả năng mở rộng
Được xây dựng theo mô hình của một webportal nên trang web có thể nâng
cấp, mở rộng lấy thông tin, chạy rất nhiều các ứng dụng khi được cài đặt. Việc cài đặt
các công cụ phải đơn giản và hoạt động tương đối độc lập đối các thành phần khác trên
web site.
i/ Tính đơn giản trong quản lý và sử dụng
Sau khi xây dựng xong trang web, chúng tôi sẽ trao quyền quản lý lại cho cán
bộ Khoa Thủy Sản để xây dựng và phát triển nội dung cho trang web, sử dụng trang
web để phục vụ tuyên truyền thông tin và giao tiếp với bên ngoài thông qua internet.

Ngoài việc xây dựng trang web đa chức năng, chúng tôi cũng cố gắng đơn giản hóa
việc quản lý, tránh gây ra các khó khăn vì không đòi hỏi người quản lý phải có kiến
thức tin học mới quản lý được trang web.


II. KHẢO SÁT HIỆN TRẠNG CÁC TRANG WEB VÀ LỰA CHỌN
CÔNG CỤ THIẾT KẾ WEB
2.1

Khảo Sát Hiện Trạng
Chúng tôi đã tiến hành khảo sát với một số web site sau:

Trang web hiện tại của Khoa Thủy Sản Trường Đại học Nông Lâm TP. Hồ Chí
Minh, địa chỉ www.hcmuaf.edu.vn/cackhoa/kts.
Trang trang web của Trung Tâm Tin Học Bộ Thủy Sản, địa chỉ
www.fistenet.gov.vn.
Trang web của Viện Nghiên Cứu Nuôi Trồng Thủy Sản I, địa chỉ www.ria1.org.
Trang web của Trường Đại Học Cần Thơ, địa chỉ www.ctu.edu.vn.
Trang web của Trường Đại Học Thủy Sản Nha Trang, địa chỉ www.dhts.edu.vn.
Trang web của công ty Việt Linh, địa chỉ www.vietlinh.com.vn.
Các trang web tin tức trực tuyến, bao gồm: báo Việt Nam Net
(www.vietnamnet.vn), báo VNEXPRESS (www.vnexpress.net).
2.1.1

Các tiêu chí đưa ra khi đánh giá web site
- Ngôn ngữ, kỹ thuật thiết kế trang web.
- Giao diện của trang web.
- Số lượng, chất lượng nội dung thông tin.
- Khả năng thu hút người đọc của trang web.
- Khả năng cập nhật của trang web.

- Tính thân thiện đối với người sử dụng.


2.1.2 Kết quả khảo sát
a/ Trang web của Khoa Thủy Sản

Hình 2.1 Giao diện trang chính của web Khoa Thủy Sản
+ Được xây dựng dựa trên ngôn ngữ thiết kế web tĩnh, dùng ngôn ngữ HTML và
sử dụng javascrip hỗ trợ.
+ Đồ họa đơn giản, nhưng tốc độ tải về không nhanh và hình ảnh thể hiện không
đầy đủ dù chúng tôi đã thử truy cập nhiều lần ở nhiều điểm dịch vụ. Xác định nguyên
nhân có thể là do tốc độ đường truyền không đạt yêu cầu, các hình ảnh liên kết bị hư
hỏng.
+ Có nhiều hình ảnh minh họa, nhưng một số hình được đăng không đúng tỉ lệ.
+ Thời gian cập nhật mới nhất là vào ngày 8 tháng 10 năm 2004 là quá cũ.
+ Số lượng đề mục thông tin tương đối đầy đủ.
+ Đánh giá lượng thông tin trong các đề mục là khá nghèo nàn, ít về số lượng và
chất lượng.
+ Việc cập nhật đòi hỏi phải thiết kế lại gần như toàn bộ trang web, khả năng
cập nhật trực tuyến không có.
+ Khả năng trao đổi thông tin với người sử dụng thông tin, nhận bài viết cộng
tác, thông tin góp ý không có.
Kết luận: trang web đã quá cũ, thông tin không thu hút được sự chú ý của người
đọc.


b/ Trang web của Trung Tâm Tin Học Bộ Thủy Sản

Hình 2.2 Giao diện trang chủ trang web Trung tâm Tin học Bộ Thủy Sản



+ Được xây dựng lại vào năm 2006, dựa trên công nghệ thiết kế web động, dùng
ngôn ngữ thiết kế ASP , mã nguồn được thiết kế dành riêng cho trang web.
+ Đồ họa đơn giản, màu sắc không thật đẹp nhưng bố trí hài hòa, phù hợp với
nội dung của web site thông tin khoa học. Số lượng hình ảnh minh họa được đăng ở
mức độ vừa phải, đa số các bài viết đều được minh họa bằng hình ảnh.
+ Bố cục các đề mục thông tin hợp lý, số lượng các đề mục đa dạng.
+ Nội dung thông tin: các thông tin có thời gian cập nhật khá mới, nhưng chưa
được phong phú vì web site vừa được xây dựng lại.
+ Do có nhiều thông tin quan trọng và khá mới từ Bộ Thủy Sản và được cập
nhật hàng tuần nên web site thu hút được một lượng đáng kể bạn đọc trong ngành.
Nhiều thông tin thể hiện được tính thời sự của tin tức.
+ Khả năng cộng tác với người dùng gần như không có, thông tin được trao đổi
một chiều duy nhất từ bộ phận biên tập đến người đọc.
+ Khả năng mở rộng các chức năng, ứng dụng cho trang web bị hạn chế vì trang
web được thiết kế theo mã nguồn riêng, không tuân theo các tiêu chuẩn nào hiện có để
có thể tích hợp với các ứng dụng web có sẵn.
Kết luận: Đây là một web site được chú ý xây dựng từ đơn vị quản lý, đảm bảo
được chức năng đăng tải thông tin và đảm bảo tính thời sự của thông tin. Tuy nhiên khả
năng cập nhật thông tin, thay đổi giao diện, mở rộng các ứng dụng khác cho web site sẽ
bị hạn chế.


c/ Trang web của Viện Nghiên Cứu Nuôi Trồng Thủy Sản I

Hình 2.3 Giao diện trang chính của web Viện Nghiên cứu Nuôi trồng Thủy sản 1
+ Trang web được xây dựng theo mô hình của một portal thông tin, tích hợp
nhiều chức năng và ứng dụng web. Trang web được thiết kế theo mã nguồn mở PHP,
xây dựng trên hệ thống webportal có sẵn là XOOPS 2.0.
+ Giao diện đồ họa đơn giản, bố cục các mục thông tin hợp lý và dễ nhận biết.

Nhiều bài viết có hình ảnh minh họa.
+ Thông tin được cập nhật mới liên tục, số lượng các đề mục phong phú, lượng
tin tức trong web site khá nhiều và chi tiết. Trang web còn có thêm thư viện điện tử,
diễn đàn trao đổi trực tuyến tạo mối quan hệ thân thiện và mở rộng trao đổi cung cấp
thông tin cho người đọc. Chức năng tìm kiếm trên trang web cũng giúp ích rất nhiều
cho việc tìm kiếm thông tin trong trang web.
+ Trang web cho phép đăng kí thành viên miễn phí để cấp quyền trao đổi thông
tin, sử dụng tài liệu, mở rộng môi trường cộng tác,…