Mã nguồn mở Cnpm ĐHĐL

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN
PHẦN MỀM MÃ NGUỒN MỞ

ĐỀ TÀI:
MÃ NGUỒN WEBSITE TIN TỨC

Sinh viên thực hiện: Lý Quang Sang (NT)
Đào Nguyên Trung

GVHD: Nguyễn Quang Trung

LỚP: LỚP D14CNPM5


PHIẾU CHẤM ĐIỂM
ST
T

Họ và tên
sinh viên

Nội dung thực hiện

1

Đào Nguyên
Trung

Làm và chỉnh sửa báo cáo

2

Lý Quang
Sang

Trang index

Điểm

Đăng ký đăng nhập code , Trang thư
viện

Họ và tên giảng viên

Chữ ký

Giảng viên chấm 1:

Giảng viên chấm 2:

NHẬN XÉT
(của giảng viên phản biện)

Ghi chú

Chữ
ký

………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………


MỤC LỤC

LỜI CẢM ƠN
LỜI MỞ ĐẦU
CHƯƠNG 1: GIỚI THIỆU TRANG WEB

1

1.1.

Giới thiệu chung về website

2

1.2.

Nguyên nhân tại sao cần phải thiết kế website?

3

1.3.

Khảo sát đề tài

4

CHƯƠNG 2: XÂY DỰNG WEBSITE

5

2.1.

Phân tích tính năng chính

6

2.2.

Phân tích và thiết kế cơ sở dữ liệu

7

2.3.

Thiết kế đăng ký đăng nhập

8

2.4.

Thiết kế phần bài viết

9

2.5.

Thiết kế phần quản lý bài viết

10

2.6.

Quản lý tài khoản

11

CHƯƠNG 3 : KẾT QUẢ ĐẠT ĐƯỢC

12

3.1.

Kết quả mã nguồn

13

3.2.

Ý nghĩa và ứng dụng

14

KẾT LUẬN

15

TÀI LIỆU THAM KHẢO

16


LỜI CẢM ƠN
Trên thực tế khơng có sự thành cơng nào mà không gắn liền với những sự hỗ
trợ, giúp đỡ dù ít hay nhiều, dù trực tiếp hay gián tiếp của người khác. Trong suốt
thời gian đã và đang học tập tại trường đến nay, em đã nhận được rất nhiều sự quan
tâm, giúp đỡ của quý Thầy Cô, gia đình và bạn bè.
Và đặc biệt, trong học kỳ này.Em xin cảm ơn thầy Nguyễn Quang Trung đã
hướng dẫn, góp ý, thảo luận để bài báo cáo này của em được hoàn thiện. Trong thời
gian được học tập và thực hành dưới sự hướng dẫn của thầy, chúng em khơng
những thu được rất nhiều kiến thức bổ ích, mà cịn được truyền sự say mê và thích
thú đối với bộ môn Phần mềm mã nguồn mở.
Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên, do bước
đầu đi vào thực tế, tìm hiểu và xây dựng đồ án trong thời gian có hạn, với lượng
kiến thức cịn hạn chế, nhiều bỡ ngỡ, nên đồ án “Mã nguồn trang web tin tức” chắc
chắn sẽ khơng thể tránh khỏi những thiếu sót. Chúng em rất mong nhận được sự

quan tâm, thông cảm và những đóng góp q báu của các thầy cơ và các bạn để đồ
án này ngày càng hoàn thiện hơn.
Một lần nữa, chúng em xin chân thành cảm ơn thầy và ln mong nhận được
sự đóng góp của thầy cơ và các bạn.
Sau cùng, chúng em xin kính chúc các thầy cô trong Khoa Công Nghệ Thông
Tin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình là
truyền đạt kiến thức cho thế hệ mai sau.

Trân trọng!


LỜI MỞ ĐẦU
Trên thế giới hiện nay, tin học là một ngành phát triển khơng ngừng. Có thể
nói tin học đã chiếm một vị trí quan trọng trong cuộc sống hàng ngày và trong các
ngành khoa học kỹ thuật. Trong những năm gần đây cùng với sự phát triển chung
của ngành tin học thế giới và khu vực, ngành tin học nước ta đó có bước phát triển
nhất định.
Việc đưa tin học vào công việc quản lý nhằm giảm bớt sức lao động của con
người, tiết kiệm thời gian, độ chính xác cao và tiện lợi hơn rất nhiều so với việc
làm quản lý giấy tờ bằng thủ công như trước đây. Tin học hóa nhằm thu hẹp khơng
gian lưu trữ, tránh làm thất lạc dữ liệu, tự động hóa và cụ thể hóa các thơng tin theo
nhu cầu của con người. Còn ở Việt Nam, ngành tin học tuy còn non trẻ nhưng cũng
đang từng bước bứt phá được những thành công trong việc áp dụng tin học vào
việc phát triển kinh tế, xã hội.Tuy nhiên để có thể quảng bá hình ảnh sản phẩm và
tin tức đến với nhiều người dùng hơn nên họ đã phát triển ra các trang web để phổ
biến tiếp cận đến nhiều người. Cũng từ đó ngành thiết kế website là một ngành vô
cùng hot, chúng em đã chọn đề tài “mã nguồn web tin tức” cho báo cáo lần này.
Nhận thấy đây là một trong những ngành được ưa chuộng rất nhiều tại Việt
Nam cũng như trên toàn thế giới.Chúng em đã cảm thấy rất phấn khích khi nhận
thấy điều đó và đã phải chuẩn bị rất nhiều thời gian, tài liệu để hoàn thành báo cáo

này.
Chúng em xin cảm ơn thầy giáo Trần Mạnh Trườngđã hướng dẫn nhiệt tình
giúp chúng em hồn thành được đề tài của mình với một bài tốn quản lý.Trong
q trình làm bài, chắc chắn chúng em sẽ mắc phải những thiếu sót nên rất mong
nhận được sự đóng góp ý kiến của thầy để chúng em có cơ hội sửa sai, phát triển
trong thực tế và từng bước hồn thiện mình.
Chúng em xin chân thành cảm ơn!


CHƯƠNG 1: GIỚI THIỆU TRANG WEB
1.1.

Giới thiệu chung về website

Website (tiếng Anh: website[1]), cịn gọi là trang web (có thể nhầm lẫn với "web
page") hoặc trang mạng, là một tập hợp trang web, thường chỉ nằm trong một tên
miền hoặc tên miền phụ trên World Wide Web của Internet.[2][3] Một trang web là
tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP. Trang mạng
có thể được xây dựng từ các tệp tin HTML (trang mạng tĩnh) hoặc vận hành bằng
các CMS chạy trên máy chủ (trang mạng động).
Trang mạng có thể được xây dựng bằng nhiều ngơn ngữ lập trình khác nhau (PHP,
ASP.NET, Java, Ruby on Rails, Perl,...).
Website được giao tiếp và hiển thị cho người dùng truy cập bằng các phần mềm
được gọi là trình duyệt website. Một sơ trình duyệt website nổi tiếng có thể kể đến
như Internet Explorer được cài đặt mặc định vào mỗi máy tính cài hệ điều hành
windows và được thay thế bởi Edge trên Windows 10 hay Chrome được phát triển
bởi Google và Firefox được phát triển bởi Mozilla.
1.2.

nguyên nhân tại sao cần phải thiết kế website?

Hiểu được website là gì bạn chắc chắn khơng thể bỏ qua tầm quan trọng của
website, nhất là đối với các doanh nghiệp cung cấp các sản phẩm, dịch vụ. Trong
đó, có các lý do chính khiến cho doanh nghiệp cần sở hữu một website của riêng
mình như sau:
- Website – văn phịng thứ hai của mọi doanh nghiệp. Nếu như văn phòng trong
thực tế là nơi để thực hiện các giao dịch của doanh nghiệp và qua đó để thể hiện
được bộ mặt của doanh nghiệp, để doanh nghiệp gây ấn tượng với khách hàng.Thì
website cũng được ví như là một văn phịng thứ hai của doanh nghiệp trên
Internet.Thông qua website, khách hàng đã có thể cập nhật được những thơng tin


về doanh nghiệp, về sản phẩm, về dịch vụ của bạn.Bên cạnh đó, phong cách thiết
kế ấn tượng cũng sẽ tạo nên dấu ấn của bạn trong lòng khách hàng.

- Website giúp khẳng định thương hiệu và là công cụ cạnh tranh với đối thủ. Khi
khách hàng có nhu cầu tìm kiếm bất kỳ thơng tin về sản phẩm, dịch vụ hành động
đầu tiên của khách hàng chính là tìm kiếm thông tin trên Internet. Ngay lúc này,
phải chăng website chính là một cơng cụ chính để bạn cạnh tranh và thu hút khách
hàng hơn so với đối thủ cạnh tranh. Khơng chỉ cần hiểu website là gì mà doanh
nghiệp bạn cần sở hữu ngay một website chuyên nghiệp để thu hút khách hàng và
cạnh tranh với đối thủ.
- Website sẽ là nơi cung cấp nguồn thơng tin hữu ích. Tất tần tật mọi thông tin mà
bạn mong muốn truyền tải đến khách hàng đều có thể thơng qua website. Bởi theo
định nghĩa website là gì, website đã được giải mã là một trang thông tin đặc biệt
dành cho khách hàng. Tất cả mọi thông tin về doanh nghiệp, dịch vụ, sản phẩm đến
chương trình khuyến mãi, hướng dẫn sử dụng, chia sẻ bí quyết bạn đều có thể cập
nhật trên trang web của mình. Tuy nhiên, mọi thơng tin cần được thể hiện một cách
rõ ràng, mạch lạc để tạo nên sự thu hút đối tượng mục tiêu mà bạn nhắm đến.

- Khơng chỉ bán hàng, website cịn là kênh để thực hiện các cơng việc giao tiếp và
chăm sóc khách hàng 24/24. Một trong những ưu điểm đặc biệt nhất của website so
với bất kỳ công cụ nào khác là cho phép sự tương tác từ 2 phía giữa khách hàng và
doanh nghiệp. Bạn có thể tận dụng website để thực hiện các cuộc khảo sát nho nhỏ
để hiểu khách hàng mình hơn hay thu thập những đánh giá của khách hàng về
doanh nghiệp của mình. Từ những nguồn thơng tin quý báu này, bạn đã có thể dễ
dàng cải thiện chất lượng sản phẩm, dịch vụ của mình sao cho phù hợp nhất với
khách hàng mà không cần tốn quá nhiều thời gian, chi phí cho các cuộc khảo sát.
- Hơn cả giá trị cung cấp thông tin và bán hàng, website cịn là một trong những
yếu tố khơng thể thiếu để doanh nghiệp thực hiện các kế hoạch Marketing của
mình. Với sự phát triển khơng ngừng của Internet, Marketing Online cũng trở thành
một công cụ đắc lực để doanh nghiệp thu hút khách hàng bên cạnh các phương
pháp Marketing truyền thống. Để thực hiện được điều đó, chắc chắn khơng thể
thiếu website.Chính vì vậy, các doanh nghiệp cần hành động ngay để sở hữu cho
mình mơt website chun nghiệp cho các kế hoạch phát triển, định hướng dài hạn.
1.3.

Khảo sát đề tài

- Mục tiêu: Xây dựng lên được một trang website tin tức giúp mọi người có
thể xem được các bản tin mà ban biên tập đăng lên
- Đầu vào input: Dữ liệu, thông tin bài viết, thông tin người dùng
- Đầu ra outpust: Dữ liệu bài viết, thông tin người dùng được thêm vào cơ sở
dữ liệu và bài viết được hiển thị ra ngoài trang index, thông tin người dùng
được tạo tài khoản để đăng nhập và chỉnh sửa thông tin cá nhân


CHƯƠNG 2: XÂY DỰNG WEBSITE
Để thiết kế website này, mình sẽ sử dụng chủ yếu các ngôn ngữ cơ bản nhất là

HTML để xây dựng lên bố cục website và dùng CSS để tô điểm cho trang web đẹp
hơn, sử dụng Javascript để tạo một số hiệu ứng cho website và cuối cùng là PHP để
kết nối website tới cơ sở dữ liệu
2.1

Phân tích tính năng chính.

Để thiết kế ra một trang website tin tức tương đối hồn chỉnh thì trước tiên ta phải
phân tích xem trang web đó có những chức năng gì và lên các ý tưởng thiết kế. Sau
đây em sẽ liệt kê một số chức năng chính mà trang web tin tức của chúng em có:
Phần 1: người xem
-

người xem có thể xem được các bài viết tin tức của trang
có thể xem được các chuyên đề bài viết
bài viết của chuyên đề
đăng ký, đăng nhập tài khoản
bình luận sau khi đăng nhập
tìm kiếm bài viết

Phần 2: người dùng
- người dùng có thể sử dụng được các tính năng của người xem
- ngồi ra người dùng được phân quyền làm các nhóm quản trị và biên
tập
- biên tập viên có thể thêm sửa xóa các bài viết, chủ đề
- quản trị viên có các chức năng của biên tập viên, người xem và thêm
chức năng là thêm sửa xóa thành viên
2.2

Phân tích và thiết kế cơ sở dữ liệu

● Với các tính năng như trên chúng em đã dựa theo đó mà thiết kế lên cơ sở dữ
liệu sao cho tối ưu và chuẩn xác nhất. Database của chúng em có tên là
“trangtin” với 5 bảng chính lần lượt là: images, tlb_baiviet, tlb_nguoidung,
tlb_chuyende, tlb_binhluan.
- ở bảng images: có 2 cột chính là id và name, để lưu id của ảnh và tên của ảnh
- ở bảng tlb_baiviet: có các cột là ID, MaChuDe để lưu bài viết trong các chủ
đề, MaNguoiDung để lưu thông tin người đăng bài, TieuDe để lưu tiêu đề
bài viết, TomTat để lưu phần tóm tắt của bài viết, NoiDung để lưu nội dung


của bài viết, NgayDang để lưu thời gian đăng bài viết đó, LuotXem để lưu số
lượt xem khi các trình duyệt máy bấm vào link bài viết để xem, KiemDuyet
để lưu bài viết được xuất bản hay không được xuất bản đang chế độ lưu trữ.
- ở bảng tlb_binhluan: có ID để lưu id của bình luận đó, MaBaiViet để lưu trữ
mã của bài viết đó khi người bình luận comment vào, MaNguoiDung để lưu
mã lấy thông tin của người dùng, NoiDungBinhLuan để lưu nội dung bình
luận của những người độc giả vào bình luận, NgayDang để lưu thời gian
đang bình luận đó, KiemDuyet để lưu bình luận đó dưới dang lưu trữ hoặc
được xuất bản
- ở bảng tlb_chude: có ID để lưu id của chủ đề đó, TenChuDe để lưu tên của
chủ đề
- ở bảng tlb_nguoidung: có ID để lưu id của người dùng, avatar để lưu ảnh đại
diện của người dùng, HoVaTen để lưu tên họ của người dùng, TenDangNhap
để lưu tên khi đăng nhập vào tài khoản của họ, MatKhau để lưu mật khẩu khi
đăng nhập vào tài khoản của người dùng đó, QuyenHan để đánh dấu người
dùng đó có quyền hạn biên tập viên hay quản trị viên, Khoa để đánh dấu tài
khoản này được tiếp tục sử dụng hay không
Và đây là cơ sở dữ liệu của chúng em sau khi thiết kế

2.3

Thiết kế đăng ký đăng nhập



Ở trong phần đăng ký đăng nhập em cho cả 2 phần này vào cùng 1 trang.với sử
dụng một mẫu form nhân đôi dành cho 2 mục điền dữ liệu. sau khi người sử dụng
điền vào sẽ đẩy dữ liệu đến 1 trang khác có tên là dangnhap_xulu.php tại đây e viết
các câu lệnh php để xử lý thông tin và truy vấn với database bằng cách:


2.4

Thiết kế phần bài viết


Trong mỗi chủ đề sẽ có các bài viết khách nhau về chủ đề đó nên ở phần trang chủ
em sẽ chỉ để cho người đọc có các chức năng xem tổng thể tất cả các bài viết search
chủ đề, tên bài viết để xem bài viết đó.


Để hiển thị dữ liệu ra em đã cho truy vấn dữ liệu từ cơ sở dữ liệu ra rồi đổ nó vào
một mảng array say đó dùng 1 vịng lặp while từ phần tử củng mảng. trong vịng
lặp đó em echo chèn các phần tử html vào và kết quả ra được kết quả như mong
muốn. mỗi thể html <a> đường linh dẫn của nó cũng cũng đã để thêm id để khi
người dùng click vào thẻ <a> thì sẽ lại một lượt truy vấn dữ liệu lấy ra id của bài
viết và hiểu thị chính xác bài viết đó.

2.5

Thiết kế phần quản lý bài viết


Trong phần này chúng em làm các chức năng thao tác với biều viết như: thêm, sửa,
xóa, duyệt bài viết. ở đây cũng có thể xem được tổng số bao nhiêu bài viết. Nút
thêm bài viết sẽ được chuyển đến 1 trang khác với form điền thông tin của bài viết

và khi điền các nội dung vào trong sẽ được gửi đến 1 trang xuly khác của thêm bài
viết, trang xuly này sẽ lấy các dữ liệu của form rồi tải lên cơ sở dữ liệu


tương tự như vậy, ở chức năng sửa cũng vậy, em cũng cho nó chuyển sang một
trang nhưng khác ở chỗ là lấy id của bài viết đó rồi chuyển sang trang kia select dữ
liệu điền sẵn trước và value của các input trong form rồi sửa lệnh truy vấn thành
update. Xóa và kiểm duyệt thì khơng cần tới form chỉ cần 1 trang xuly rồi lấy id
xong delete toàn bộ dữ liệu có id vừa lấy trong cơ sở dữ liệu là xong
2.6.

Quản lý tài khoản

Trong phần này nhóm em sẽ tạo phần quản lý dành cho người sử dụng về cài đặt
các thứ cơ bản trong tài khoản của họ.


Ví dụ như có thể xem và kiểm sốt các bài đăng của mình, bình luận và thư viện
hay cài đặt tài khoản của bản thân.

các bài đăng của tài khoản sẽ được hiển thị trong phần quản lý tài khoản, tại đây
người sử dụng có thể xem được tiêu đề, chủ đề, ngày đăng và đã được duyệt hay
chưa, thậm trí cịn có thể sửa xóa trực tiếp các bài đăng của bản thân trong phần

này