ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
  
BÁO CÁO ĐỒ ÁN
Môn học: Lập trình ứng dụng mạng
Giáo viên:
Mai Xuân Hùng
Sinh viên thực hiện:
Hoàng Đức Thiện 09520663
Tp.Hồ Chí Minh, tháng 5 năm 2012
Lập trình ứng dụng mạng
MỤC LỤC
Đại học công nghệ thong tin Page 2
Lập trình ứng dụng mạng
MỞ ĐẦU
Ngày nay, xem tin tức hàng ngày đã trở thành thói quen và nhu cầu thiết yếu của
rất nhiều người nhằm cập nhật thông tin về văn hóa, chính trị, khoa học, xã hội… trong
nước và ngoài nước. Xem tin tức cũng có nhiều hình thức khác nhau : đọc báo, xem tivi,
nghe radio… đặc biệt là xem báo mạng, phương thức này đang rất được ưa chuộng và sử
dũng ngày càng phổ biến. Xem báo mạng có nhiều lợi ích hơn các phương pháp khác như
: miễn phí, cập nhật tin tức nhanh chóng, đều đặn, tiện lợi, có thể xem ở mọi lúc mọi nơi
chỉ với một thiết bị cầm tay có thể truy cập internet.
Là một sinh viên ngành công nghệ thong tin, hàng ngày em thường xem các tin
tức về lĩnh vực này nhằm tiếp thu thêm nhiều kiến thức chuyên ngành, cập nhật các tin
tức về công nghệ, kỹ thuật để bắt kịp với thời đại.
Với những lý do trên em quyết định chọn đồ án thiết kế website đưa tin với nội
dung nói về các lĩnh vực của ngành công nghệ thông tin
Đại học công nghệ thong tin Page 3
Lập trình ứng dụng mạng
PHÂN TÍCH
I. Về nội dung

+ Các bình luận mới nhất về các bài viết
+ Các bài viết mới nhất của từng chuyên mục
Đại học công nghệ thong tin Page 5
Lập trình ứng dụng mạng
Hình 1.1 Giao diện trang chủ
- Trang chuyên mục hiển thị :
+ Tiêu đề bài viết
+ Thời gian đưa bài viết
+ Hình ảnh biểu tượng của bài viết
+ Mô tả đơn giản nội dung bài viết
+ Nút chức năng thêm bài viết
Đại học công nghệ thong tin Page 6
Lập trình ứng dụng mạng
Hình 1.2 Giao diện trang chuyên mục
- Trang bài viết hiển thị :
+ Nội dung, người gửi, thời gian gửi bài viết
+ Các bài viết có cùng chuyên mục
+ Bình luận bài viết
+ Nút chức năng sửa, xóa bài viết
Đại học công nghệ thong tin Page 7
Lập trình ứng dụng mạng
Hình 1.3 Giao diện trang bài viết
- Trang thông tin thành viên :
+ Thông tin cơ bản về thành viên
+ Các bài viết đã đăng
+ Các bình luận đã đăng
+ Nút chức năng sửa thong tin, xóa thành viên
Đại học công nghệ thong tin Page 8
Lập trình ứng dụng mạng
Hình 1.4 Giao diện trang thông tin thành viên

Đại học công nghệ thong tin Page 12
Lập trình ứng dụng mạng
Hình 2.1.2 Table “table”
Table “comment” lưu trữ thong tin về các bình luận
Gồm các field :
- ID : mã bài bình luận
- User : người gửi bình luận
- Mabv : bình luận trong bài viết nào
- Noidung : nội dung bình luận
- Date : ngày gửi bình luận
Đại học công nghệ thong tin Page 13
Lập trình ứng dụng mạng
Hình 2.1.3 Table “comment”
Table “account” : lưu trữ thông tin của các thành viên
Gồm các field :
- Username : tên đăng nhập
- Password : mật khẩu đăng nhập
- HoTen : họ tên thành viên
- Permission : quyền hạn (thành viên thường có permission = 1, admin = 2, mod
= 3)
- Date : ngày đăng ký thành viên
- Avatar : ảnh đại diện
- Email : địa chỉ lien lạc
Đại học công nghệ thong tin Page 14
Lập trình ứng dụng mạng
Hình 2.1.4 Table “Account”
Table “image” : lưu trữ số lượng file ảnh đã upload lên sever từ user (mỗi lần user upload
file ảnh làm avatar, tên file sẽ được đính kèm thêm một số thứ tự, tránh trường hợp tên
file bị trùng lặp)
Hình 2.1.5 Table “image”

Lập trình ứng dụng mạng
Bắt sự kiện hover và gửi thông tin đến trang select3.php để xử lý
Hình 2.2.9 Bắt sự kiện hover
Tùy theo yêu cầu được đưa đến mà trang select3.php sẽ trả về dữ liệu là các bài viết được
chú ý hoặc các bài bình luận được đăng gần đây nhất
Hình 2.2.10 Select3.php
Slide show các bài viết mới nhất
Đại học công nghệ thong tin Page 19
Lập trình ứng dụng mạng
Hình 2.2.11 Silde show các bài viết mới
Đặt 2 thẻ div có tọa độ chồng lên nhau (tọa độ được thiết kế trong file style.css), 1 thẻ
chứa hình ảnh bài viết, 1 thẻ chứa tiêu đề và mô tả về bài viết
Hình 2.2.12 Hai thẻ div của silde show
Dùng hàm setInterval của javascript, sau 4s gọi hàm ajax lấy ảnh và dữ liệu mới, thay đổi
nội dung 2 thẻ div, tạo thành slide show
Đại học công nghệ thong tin Page 20
Lập trình ứng dụng mạng
Trang select.php lấy hình ảnh biểu tượng của bài viết
Hình 2.2.13 Trang select.php
Trang select2.php lấy tiêu đề và mô tả cả bài viết tương ứng với ảnh
Hình 2.2.14 Trang select2.php
Bài viết mới nhất cho từng chuyên mục
Hình 2.2.15 Bài viết mới trong chuyên mục
Mỗi chuyên mục có một ForumID khác nhau, select bài viết theo chuyên mục, Order by
MaBV DESC, bài viết mới sẽ có mã bài viết (MaBV) lớn hơn bài viết cũ
Đại học công nghệ thong tin Page 21
Lập trình ứng dụng mạng
Hình 2.2.15 Code bài viết mới trong chuyên mục
Hình 2.2.15 Nội dung trang news.php
Đại học công nghệ thong tin Page 22