BÁO CÁO THỰC TẬP CÔNG NHÂN : Đề tài Xây dựng website quản lý thông báo theo tag

ĐẠI HỌC ĐÀ NẴNG

TRƯỜNG ĐẠI HỌC BÁCH KHOA

KHOA CÔNG NGHỆ THÔNG TIN
Tel:(84-511)3736 949 Fax(84-511)3842 771
Website:itf.dut.udn.vn Email:

--------

BÁO CÁO CUỐI KỲ

THỰC TẬP CÔNG NHÂN
ĐỀ TÀI:

XÂY DỰNG WEBSITE
cảm ơn
QUẢN LÝLờiTHÔNG
BÁO
THEO TAG

Để chúng em có thể hồn thành khóa thực tập cơng nhân này, ngồi sự
nỗ lực của bản thân cịn có sự giúp đỡ tận tình và khơng thể thiếu của q thầy
cơ giáo, q anh chị, bạn bè và gia đình. Đó thực sự là nguồn động lực, động
viên to lớn và ý nghĩa.
Trước hết em xin gửi lời
cảm ơn đến quý thầy cơ giáo GVHD: Võ Đức Hồng
trường Đại Học Bách Khoa
Đại Học Đà Nẵng đặc biệt là SVTH: Nguyên Thanh Bằng
Tăng Văn Quốc Chí
các thầy cơ Khoa Cơng Nghệ

Trịnh Minh An
Thơng Tin đã tận tình dạy dỗ
Cao Thị Anh Đào
và truyền đặt kiến thức cho
Phan Thị Cẩm
chúng em khi còn trên ghế
giảng đường đại học. Đó là
những kiến thức vơ cùng q Nhóm: 14.11
giá để em có thể hồn thành tốt
khóa luận này và là hành trang mang theo vào đời.
Đà Nẵng, 12/2017

14T2
14T2
14T2
14T2
14T2


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Em xin chân thành cảm ơn thầy giáo ThS. Võ Đức Hoàng đã tận tình
hướng dẫn vào giúp đỡ em trong suốt thời gian thực hiện khóa thực tập cơng
nhân.
Với vốn kiến thức hạn hẹp và thời gian thực tập có hạn nên khơng thể
tránh khỏi những thiếu sót, chúng em rất mong nhận được những ý kiến đóng
góp của thầy (cơ). Đó chính là động lực q giá để chúng em tiếp tục hồn
thiện vốn kiến thức của mình.

Một lần nữa chúng em xin chân thành cám ơn !
Đà Nẵng, tháng 12 năm 2017

Nhóm 14N11

Nhóm 3

Page.2


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

MỤC LỤC

Nhóm 14N11

Nhóm 3

Page.3


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

MỞ ĐẦU
1. Tổng quan về đề tài:
Đề tài: Xây dựng website quản lý bài viết theo Tag

Ngày nay công nghệ thông tin đang rất phát triển và việc chia sẻ thông tin là nhu
cầu thiết yếu của mỗi con người. Và trong môi trường Đại học của chúng em hiện nay,
tất cả các thông tin, thông báo đến từ nhiều nguồn tin khác nhau đều được đăng và lan
truyền rộng rãi trên các mạng xã hội lớn như Facebook hay Google+. Vậy tự hỏi rằng
là nếu như một ngày nào đó có một thông báo rất là quan trọng đối với tất cả mọi sinh
viên trong lớp và như thường lệ nó lại được đăng trênGroup Facebook, nhưng có một
vài bạn lại không sử dụng Facebook, vậy làm thế nào để các bạn ấy có thể tiếp cận
được với thơng báo quan trọng này?
Và nhóm chúng em đã bắt tay vào để giải quyết vấn đề đó. Cơng việc đặt ra là phát
triển một hệ thống website quản lý các thông tin, thơng báo theo các thẻ Tag. Giúp cho
mọi người có thể chia sẻ thông tin cũng như là tiếp nhận thơng tin hữu ích từ tất cả
mọi người. Hệ thống xây dựng góp phần giải quyết một phần nhu cầu của mọi người
và tạo tiền đề để phát triển ngày càng cao.
2. Mục đích và ý nghĩa đề tài
2.1. Mục đích:
Tạo ra một website quản lý các bài đăng, các thơng báo, thơng tin tiện ích. Với
giao diện thân thiện giúp tất cả mọi người có thể nhận được thơng tin cần thiết cho
bản thân và từ đó mọi người cũng có thể chia sẻ thơng tin đến người khác.
2.2. Ý nghĩa:
Sẽ là một địa điểm thú vị và hữu ích để cho mọi người có thể nắm bắt được thông
tin và chia sẻ thông tin đến mọi người.
3. Phương pháp thực hiện:
Trong hệ thống này, chúng em sử dụng các phương pháp sau đây:
•

Phương pháp phân tích tổng hợp từ tài liệu

•

Phương pháp phân tích ý kiến người dùng

• Phương pháp thử nghiệm, đánh giá kết quả
4. Bố cục đề tài:
Trong thời đại hiện nay, việc phát triển của công nghệ thông tin ngày càng
mạnh mẽ. Đi đôi theo đó, ngày càng có nhiều cơng nghệ mới ra đời phục vụ cho
nhu cầu của nhà phát triển web nói chung và lập trình viên nói riêng .Vì thế, trong
chương trình thực tập cơng nhân lần này. Nhóm chúng em đã xây dựng trên hai
phương pháp khác nhau .Từ đó, mọi người sẽ nhận ra và hiểu rõ hơn về q trình
phát triển 1 trang web .
Nhóm 14N11

Nhóm 3

Page.4


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

5. Phân cơng tổ chức cơng việc:
BẢNG PHÂN CƠNG CƠNG VIỆC
Họ và tên Sinh viên
Nguyễn Thanh Bằng
Tăng Văn Quốc Chí
Trịnh Minh An

Phan Thị Cẩm
Cao Thị Anh Đào

Nhóm 14N11

Phân cơng cơng việc
- Lên ý tưởng và các chức năng của website.
- Tìm hiểu và lập trình giao diện website
bằng AngularJS.
- Tìm hiểu và lập trình back-end bằng ngơn
ngữ Ruby.
- Tìm hiểu, phân tích và thiết kế hệ thống
thông tin.
- Tạo cơ sở dữ liệu.
- Viết báo cáo.
- Tìm hiểu và lập trình back-end với PHP.
- Viết báo cáo.
- Tìm hiểu và lập trình back- end với PHP.
- Tìm hiểu và lập trình hiết kế giao diện với
Bootrap.
- Viết báo cáo.

Nhóm 3

Page.5


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

CHƯƠNG I: CƠ SỞ LÝ THUYẾT
I.1. AngularJS:

Angular là một bộ Javascript Framework rất mạnh và thường được sử dụng để xây
dựng project Single Page Application (SPA). Nó hoạt động dựa trên các thuộc tính mở
rộng HTML (các atributes theo quy tắc của Angular). Đây là một Framework mã
nguồn mở hoàn toàn miễn phí và được hàng ngàn các lập trình viên trên thế giới ưa
chuộng và sử dụng.

I.1.1. Các đặc tính của AngularJS:
• AngularJS là một Framwork phát triển dựa trên Javascript để tạo các ứng dụng
web phong phú
• AngularJS thường dùng để phát triển frontend (giao diện khách hàng) thông
qua các API để gọi data, sử dụng mơ hình MVC rất mạnh mẽ
• Mã nguồn AngularJS tự động fix với các trình duyệt khác nhau nên bạn khơng
cần phải lo vấn đề tương thích trình duyệt
• Angular là mã nguồn mở, hồn tồn miễn phí và được phát triển bởi hàng ngàn
các lập trình viên trên thế giới.

I.1.2. Ưu điểm:
• Angular cho phép tạo ra các ứng dụng một cách đơn giản, code sạch
• Angular sử dụng data bind giống .NET với tính năng liên kết với HTML nên
giúp người dùng cảm thấy dễ chịu.
• Angular đang ở giai đoạn thử nghiệm
• Angular có thể chạy trên hầu hết các trình duyệt điện thoại thơng minh.

I.1.3. Nhược điểm:
Mặc dù angular có nhiều lợi thế ưu điểm nhưng nó cũng có mặt trái ngược lại:
• Khơng an tồn: Được phát triển từ javascript nên nó khơng an tồn, phía máy
chủ phải thường xuyên xác nhận quyền để hệ thống chạy trơn tru.
• Phụ thuộc: Nếu người dùng vơ hiệu hóa javascript thì sẽ khơng có angular

I.2. Ruby:

Ruby là một ngơn ngữ hướng đối tượng: mỗi bit dữ liệu đều là một đối tượng (object),
bao gồm các kiểu dữ liệu mà đối với các ngôn ngữ khác, chúng là kiểu cơ bản
(primitive) như integer. Mỗi hàm (function) là một phương thức (method). Tên biến
(variables) chính là tham chiếu (references) đến các đối tượng, bản thân nó khơng phải
là đối tượng. Ruby hỗ trợ kế thừa (inheritance) với dynamic dispatch, mixin và
singleton method (thuộc về, và để định nghĩa cho, một instance đơn hơn là định nghĩa
dành cho lớp). Mặc dù Ruby không hỗ trợ đa kế thừa, các lớp vẫn có thể được đưa vào
các module dưới dạng các mixins. Cú pháp dạng thủ tục (procedural syntax) vẫn cịn
được hỗ trợ, có vẻ như là ngoài tầm vực của mọi đối tượng, nhưng thực sự là thuộc
một thể hiện của class Object tên là 'main'. Vì class này là cha của mọi class khác, nó
trở trên ẩn đối với mọi lớp và đối tượng.
Nhóm 14N11

Nhóm 3

Page.6


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Ruby là ngơn ngữ lập trình kịch bản bởi mã lệnh của Ruby có thể chạy trực tiếp bởi
máy tính mà khơng cần phải biên soạn thành một tệp thực thi tệp tin .exe trên
Windows hay tệp tin binary trên Linux.

I.2.1. Ưu điểm:
• Sức mạnh
Ruby được viết thuần hướng đối tượng, vì thế, mọi thứ trong Ruby đều là đối tượng.
Tất cả những mặt mạnh của ngôn ngữ hướng đối tượng, Ruby đều kế thừa hoàn toàn,

bao gồm cả sự linh động của chính ngơn ngữ. Ta có thể viết thêm những function khác
vào Ruby mà không hề ảnh hưởng tới những function đã có.
• Đọc hiểu dễ dàng
Ngơn ngữ Ruby được gọi là ngơn ngữ mà “The code comments itself”. Có nghĩa là
bản thân các dịng lệnh trong Ruby đã nói lên ý nghĩa và cơng việc của nó.
• Ngắn gọn
Được viết với sự focus chủ yếu vào tính dễ phát triển, nên Ruby cần ít code để thực
hiện 1 cơng việc hơn so với các ngơn ngữ khác. Chính vì điều này, khi mới tiếp xúc
với Ruby, chúng ta sẽ cảm thấy nó rất ấn tượng.

I.2.2. Nhược điểm:
• Tốc độ chậm
Ruby chậm hơn PHP khoảng 1.75~2 lần và chậm hơn JAVA tới 10 lần
• Thời gian phát triển
Vì Ruby là một ngôn ngữ mới, thực sự phát triển cũng chưa lâu nên có những hạn chế
nhất định về mặt mơi trường:
- Chưa có nhiều người lập trình viên sử dụng Ruby
- Có ít IDE hỗ trợ cho cơng việc
- Có ít server hỗ trợ việc deploy bằng Ruby

Nhóm 14N11

Nhóm 3

Page.7


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
THƠNG TIN
II.1. Phân tích u cầu hệ thống:
Để việc quản lý các bài đăng của người dung trong cơng ty được đơn giản,
nhanh chóng, chính xác thì phần mềm quản lý bài đăng theo tag phải đạt các yêu
cầu sau:
• Quản trị hệ thống gồm có phân quyền, đăng kí, đăng nhập, đổi mật khẩu.
• Quản lý người dùng: quản lý thông tin người dùng, quản lý phân quyền,
cấp bậc, quản lý các bài viết và các tag mà người dùng quan tâm.
• Quản lý bài viết: website cho phép người dùng đăng bài viết, sửa bài viết,
xố bài viết, tìm kiếm và xem các bài viết liên quan.
• Quản lý Tag: người dùng có thể xem , tạo mới, sửa, xố, tìm kiếm và
tun bố sở hữu các tag liên quan.

II.2. Sơ đồ khối chức năng:
Trang chính

Khách

Tìm và xem
Bài viết cơng khai

Đăng kí tài khoản mới

Người dùng

Nhà quản trỉ
Đăng nhập

Đăng nhập

Trang chính nhà Quản Trị
Xem/Thêm/Sửa/
Xố bài viết
Của mình

Xem/Thêm/Xố/Sửa
Tất cả người dùng

Thêm/Xóa/ Sửa
Tag của mình

Xem/Thêm/Xóa/ Sửa
Tất cả bài viết
Xem/Thêm/ Xố/Sửa
Tất cả các Tag

Nhóm 14N11

Nhóm 3

Page.8


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Hình 2.1 Sơ đồ khối chức năng

Hình 2.2 Sơ đồ USE-CASE

II.3. Chi tiết quyền hạn và các chức năng chính của website:
Thơng tin cá nhân:
Thơn
g tin
- IP
- Cấp
bậc

Khách
Nhìn thấy bởi
Own, Mod, Ad
Tất cả

Sửa được bởi
[1]

Thành viên
Nhìn thấy bởi

Thơng tin
- IP
- ID

Own, Mod, Ad
Tất cả

- Tên thành viên

- Giới tính
- Ngày tham gia
- Các tag theo dõi
- Các tag chặn
- Cấp bậc

Tất cả
Tất cả
Tất cả
Mem, Mod, Ad
Mem, Mod, Ad
Tất cả

Sửa được bởi

Mem, Mod, Ad
Mem
Mem, Mod, Ad
Mem, Ad
[1]

[1] Nguyên tắc chỉnh sửa cấp bậc thành viên:
- Guest lên Member: Thông qua việc đăng ký thành cơng.

Nhóm 14N11

Nhóm 3

Page.9

Báo cáo Thực Tập Cơng Nhân

-

Th.S Võ Đức Hồng

Member lên Owner:
• Member mặc định là Owner của tag ID của chính mình.
• Member trở thành Owner của tag X khi tun bố sở hữu (claim) tag đó.
Member lên Moderator:
• Member trở thành Moderator chỉ khi được Admin xét duyệt.
Member / Moderator lên Admin:
• Member trở thành Admin chỉ khi được xét duyệt bởi Founder.

Quyền hạn cấp 1:
Khách
Guest
Xem bài
viết
| Trả lời bài
viết
Đăng bài
viết
Sửa bài viết

Ghim bài
viết
Theo dõi
tag

Bỏ theo dõi
tag
Chặn tag
Tuyên bố
sở hữu tag

Tag cơng khai
Tag kín
Tag cơng khai
Tag kín
Tag sở hữu
Tag không sở
hữu
Của bản thân
Của người
khác
Tag sở hữu

✓

✗
✗
✗
✗
✗

Thành
viên
Member
✓

✓
✓
✓
✓
?[2]

Kiểm duyệt
viên
Moderator
✓
✓
✓
✓
✓
✓

Quản trị
viên
Admin
✓
✓
✓
✓
✓
✓

Quản trị
viên tối cao
Founder
✓

✓
✓
✓
✓
✓

✓

✓
✓

✓
✓

✗
✗

✗

✓
✓

✗

✓

✓

✓

✓

Tag khơng sở
hữu
Tag cơng khai

✗

?[2]

✓

✓

✓

✗

✓

✓

✓

✓

Tag kín

✗
✗

?[2]
✓

✓
✓

✓
✓

✓
✓

✗
✗

✓
?[2]

✓
✓

✓
✓

✓
✓

[2]: Các hành động đánh dấu "?" nghĩa là phải chờ sự xét duyệt từ các cấp cao hơn: Chủ của
tag đó (mà người chờ xét duyệt không sở hữu), kiểm duyệt viên hoặc quản trị viên.

Nhóm 14N11

Nhóm 3

Page.10


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Quyền hạn cấp 2:
Chủ tag
Owner
Chặn theo dõi tag
Buộc xóa tag
Thay đổi chủ sở hữu
tag
Cấm người dùng / IP
Bảo vệ bài viết [3]
Thăng / Giáng chức
Owner
Thăng / Giáng chức
Moderator
Thăng / Giáng chức
Admin
Thăng / Giáng chức
Founder
Backup / Tải xuống

dữ liệu của trang[5]
Tác động đến server /
Cơ sở dữ liệu[5]
Xóa trang

Tag sở hữu
Tag khơng sở
hữu
Tag sở hữu
Tag không sở
hữu
Tag sở hữu
Tag không sở
hữu

Kiểm duyệt
viên
Moderator
✓
✓

Quản trị viên
Administrator
✓
✓

Quản t
tối
Fou
✓

✓

✓
✓

✓
✓

✓
✓

✓
✓

✓
✓

✓
✓

✗

✓
✓
✓
✓

✓
✓
✓

✓

✓
✓
✓
✓

✗

✗

✓

✓

✗

✗

?[4]

✓

✗

✗

✗

✓

✗

✗

✓

✓

✗

✗

✓

✓

✗

✗

✗

✓

✓

✗
✓

✗
✓

✗
✗

Tag sở hữu
Tag không sở
hữu

✓
?[4]

[3]: Nguyên tắc bảo vệ bài viết: Ngăn bài viết bị sửa / xóa / bỏ ghim bởi tất cả những người
có quyền hạn nhỏ hơn mình. Ví dụ một bài viết được Owner bảo vệ chỉ có thể bị sửa / xóa /
bỏ ghim bởi các Owner của chính tag đó, hoặc bởi Moderator / Admin.
[4]: Các hành động đánh dấu "?" nghĩa là phải chờ sự xét duyệt từ các cấp cao hơn. Việc
thăng / giáng chức Owner phải được xét duyệt bởi Moderator / Admin (trừ việc Member
tuyên bố sở hữu tag). Việc thăng / giáng chức Admin phải được xét duyệt bởi chính Founder.
[5]: Mặc dù có cùng quyền hạn, Founder được tiếp cận nhiều hơn Admin.

Nhóm 14N11

Nhóm 3

Page.11


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

I.3. Thiết kế cơ sở dữ liệu
I.3.1. Danh sách các đối tượng chính
Các đối tượng chính:
Tên đối tượng
Guest
Member
(kế thừa từ Guest)

Owner
(kế thừa từ Member)

USER
Thuộc tính
- IP
- Cấp bậc: Guest
- Bảng phân quyền của Guest
- Cấp bậc: Member
- Bảng phân quyền của Member
- Tên đăng nhập
- ID
- Ngày tham gia
- Giới tính
- Các tag theo dõi
- Các tag chặn
- Cấp bậc: Owner
- Bảng phân quyền của Owner
- Các tag sở hữu

Moderator
(kế thừa từ Owner)

- Cấp bậc: Moderator
- Bảng phân quyền của Moderator

Administrator
(kế thừa từ Moderator)

- Cấp bậc: Admin
- Bảng phân quyền của Admin

Founder
(kế thừa từ Administrator)

- Cấp bậc: Founder
- Bảng phân quyền của Founder

Hành động
- Xem bài viết trong tag công kha

- Xem bài viết trong tag cơng kha
kín mà mình theo dõi.
| - Comment bài viết trong tag cơn
hoặc tag kín mà mình theo dõi.
- Theo dõi / Bỏ theo dõi tag.
- Đề xuất bài đăng.
- Tuyên bố sở hữu tag.

- Chặn người dùng khỏi tag của m

- Xóa tag mà mình sở hữu.
- Chuyển tag mà mình sở hữu cho
khác.
- Đề xuất đưa Member thành Own
mà mình sở hữu.
- Đăng bài trong tag mà mình sở h
- Bảo vệ bài viết.
- Chặn bất kỳ người dùng nào khỏ
- Xóa bất kỳ tag nào.
- Đặt trạng thái bảo vệ tag.
- Thay đổi chủ sở hữu của bất kỳ
- Đăng bài trong bất kỳ tag nào.
- Cấm người dùng / IP.
- Thăng / Giáng chức Member lên
Owner.
- Thăng / Giáng chức Member lên
Owner, Moderator.
- Backup / Tải về dữ liệu của tran
phần).
- Tác động đến cơ sở dữ liệu, cấu
(một phần).
- Thăng / Giáng chức Administrat
- Backup / Tải về dữ liệu của tran
- Tác động đến cơ sở dữ liệu, cấu
(toàn bộ).
- Xóa tồn bộ trang.

Ví dụ:
- IP: 157.55.39.188
- Cấp bậc: Owner

- Bảng phân quyền của Owner

Nhóm 14N11

Nhóm 3

Page.12


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

- Tên đăng nhập: Nguyễn Thanh Bằng
- ID: 145283
- Ngày tham gia: 6/11/2017
- Giới tính: Nam
- Các tag theo dõi: 14T2, ACM, DUT, 14T
- Các tag chặn: AD

POST
Tên đối tượng
Bài đăng

Tệp tải lên

Thuộc tính
- ID bài viết
- ID người đăng
- Bộ tag

- Nội dung bài viết
- Trạng thái ghim
- Trạng thái bảo vệ
- Ngày đăng
- Bộ phân quyền bài viết
- Chế độ
- ID bài viết tương ứng
- ID tệp
- Số thứ tự tệp
- Đường dẫn
- Loại tệp
- Dung lượng tệp
- Trạng thái tệp

Hành động
- Tạo
- Xem
- Sửa
- Xóa
- Thơng báo

- Tải lên
- Tải xuống
- Xóa tệp
| - Chỉnh sửa đường dẫn

Ví dụ:
- ID bài viết: ASB1283_thoi_tiet_hom_nay
- ID người đăng: 145283
- Bộ tag: [Thời tiết][Đà Nẵng]

- Nội dung bài viết: Hôm nay trời mưa to.
- Trạng thái ghim: Không ghim
- Trạng thái bảo vệ: Owner
- Ngày đăng: 6/11/2017:
- Bộ phân quyền bài viết: --- Chế độ: Công khai
- ID bài viết tương ứng: ASB1283_thoi_tiet_hom_nay
- ID tệp: ASB1283_thoi_tiet_hom_nay_01
- Số thứ tự tệp: 1
- Đường dẫn: file/ASB1283_thoi_tiet_hom_nay_01
- Loại tệp: .doc
- Dung lượng tệp: 250KB
- Trạng thái tệp: Tải về tự do

Nhóm 14N11

Nhóm 3

Page.13


Báo cáo Thực Tập Công Nhân

Tên đối tượng
Tag

Th.S Võ Đức Hồng

TAG
Thuộc tính
- Tên của tag

- ID
| - Loại tag
- Trạng thái sở hữu
- Chế độ công khai
- Trạng thái bảo vệ

Hành động
- Tạo
- Xem
- Sửa
- Xóa
- Tun bố sở hữu

Ví dụ:
- Tên của tag: Thời tiết
- ID: T10023
- Trạng thái sở hữu: Khơng có
- Chế độ cơng khai: Cơng khai
- Trạng thái bảo vệ: Moderator

I.3.2. Mơ hình cơ sở dữ liệu

Hình 2.3 Mơ hình cơ sở dữ liệu

Nhóm 14N11

Nhóm 3

Page.14

Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

CHƯƠNG III: MƠI TRƯỜNG CÀI ĐẶT VÀ KẾT QUẢ
TRIỂN KHAI ĐÁNH GIÁ

Nhóm 14N11

Nhóm 3

Page.15


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

PHẦN 2: XÂY DỰNG HỆ THỐNG VỚI PHP VÀ
BOOSTRAP
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
I.1.Giới thiệu về HTML5 và CSS3
HTML5 và CSS3 là các chương trình mới nhất cho việc thiết kế Web.
Các ứng dụng web đang trở nên ngày càng tinh vi, và một số tính năng mới
trong HTML5 sẽ giúp chúng tiếp tục được cải thiện.
HTML5 và CSS3 cũng làm cho các ứng dụng Web và các trang Web hấp dẫn
hơn. HTML5 có các tính năng mới được thêm vào giúp cho việc xây dựng
ứng dụng web dễ dàng hơn rất nhiều. Ví dụ như nhiều màu sắc hơn và hỗ trợ
đường cong, việc làm mờ, góc trịn (thay vì ép buộc các nhà thiết kế web sử

dụng các hình ảnh để tạo ra các góc trịn), và dĩ nhiên là cả việc lưu trữ
offline. Tất cả những điều này là một trang Web trở nên dễ nhìn hơn, bắt mắt
hơn và làm cho mọi thứ trở nên sát với những gì mà nhà thiết kế tưởng tượng
trong đầu hơn.
I.2.Giới thiệu về framework Bootstrap
Bootstrap là 1 framework HTML, CSS, và JavaScript cho phép người dùng dễ
dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các
thiết bị cầm tay như mobile, ipad, tablet,...
Tại sao lại như vậy?
Bootstrap bao gồm 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 nhiều Component, Javascript hỗ trợ cho việc thiết kế reponsive của
bạn dễ dàng, thuận tiện và nhanh chóng hơn.
I.3.Giới thiệu về ngơn ngữ PHP
− PHP - viết tắt hồi quy của "Hypertext Preprocessor", là một ngôn ngữ lập
trình kịch bản được chạy ở phía server nhằm sinh ra mã html trên client. PHP

Nhóm 14N11

Nhóm 3

Page.16


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

đã trải qua rất nhiều phiên bản và được tối ưu hóa cho các ứng dụng web, với
cách viết mã rõ rãng, tốc độ nhanh, dễ học nên PHP đã trở thành một ngơn

ngữ lập trình web rất phổ biến và được ưa chuộng.
CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG THƠNG TIN
CHƯƠNG 3: TRIỂN KHAI THỰC HIỆN VÀ KẾT LUẬN
III.1Mơi trường cài đặt
III. 1.1 Xampp Control Panel
Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp
sẵn Apache, MySQL, FileZilla, Mercury, Tomcat và các công cụ như
phpMyAdmin.
Sau đây là những chương trình tự động cài đặt khi bạn cài XAMPP:
Apache: chương trình sử dụng máy chủ, cho phép máy chủ phân phát
các trang web, nhưng nó chỉ hiểu HTML thơi!
MySQL: một chương trình rất hữu ích sau này. Nó cho phép mình sử
dụng cơ sở dữ liệu (CSDL).
III.1.2 Sublime Text 3
Sublime Text là một nền tảng mã nguồn biên tập với một giao diện lập
trình ứng dụng Python (API). Bản này hỗ trợ nhiều ngơn ngữ lập trình và
ngơn ngữ đánh dấu, và chức năng của nó có thể được mở rộng bằng cách sử
dụng với các plugin, điển hình là cộng đồng được xây dựng và duy trì theo
giấy phép phần mềm tự do. Phiên bản hiện nay của Sublime Text là 3.
III.2 Triển khai thực hiện
III.2.1 Mô tả chức năng
Khi đăng nhập vào hệ thống, trang đăng nhập sẽ hiện ra đầu tiên. Nếu
đăng nhập đúng thì có hai trường hợp xảy ra:

Nhóm 14N11

Nhóm 3

Page.17

Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Nếu là admin của Blog thì vào được trang quản lý thành viên, quản lý
bài viết và có thể thực hiện các chức năng thêm, sửa, xóa.
Nếu là thành viên thì được vào trang chính thức của blog. Ở đây ,thành
viên chỉ có thể xem bài viết và xem thơng tin tất cả thành viên của blog mà
không thực hiện được tác vụ gì .
Thành viên chỉ được thêm vào bởi admin.
III.2.2 Kết quả thực hiện được các chức năng
2.2.1 Chủ blog(Admin)

Hình2.1:Chức năng đăng nhập

Hình 2.2: Chức năng Xem thành viên

Nhóm 14N11

Nhóm 3

Page.18


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Hình 2.3: Chức năng Xem bài viết

Hình 2.4 :Chức năng sửa thành viên

Hình

2.5 :Chức năng sửa bài viết

Nhóm 14N11

Nhóm 3

Page.19


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

2.2.2 Thành viên của Blog

Hình 2.6 : Chức năng xem tất cả bài viết

Hình 2.7: Chức năng xem chi tiết bài viết

Hình 2.8: Xem tất cả thành viên của blog
III.2.3. Đánh giá hệ thống:

Nhóm 14N11

Nhóm 3

Page.20


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

Hệ thống website hoạt động khá ổn đinh, giúp cho chủ blog an tâm và
chia sẻ thơng tin đến những nhóm người mà chủ blog muốn chia sẻ
Nhưng vì thời gian có hạn, nên chức năng của hệ thống cịn ít. Chỉ bao
gồm các chức năng cơ bản.
III.2.4. Kết luận và hướng phát triển
4.1 Kết luận
Trong thời gian tìm hiểu ,nghiên cứu về cơ sở lý thuyết và triển khai công nghệ để
hoàn thành , đề tài đã đạt được nhưng kết quả sau :
Về mặt lý thuyết, qua quá trình thực tập , đã giúp chúng em thêm kiến thức về cách
lập trình web với php và thiết kế web với css, html
Về mặt thực tiễn, đề tài đã tạo được một trang blog cá nhân .
Tuy nhiên , đề tài cịn có nhiều vấn đề cần giải quyết :
- Xử lý bắt lỗi.
- Thiết kế giao diện ưa nhìn hơn.
4.2 Hướng phát triển
Hướng nghiên cứu và phát triển của đề tài
-Xây dựng các chức năng hoàn thiện hơn.
-Xây dựng App trên điện thoại.

Nhóm 14N11

Nhóm 3

Page.21


Báo cáo Thực Tập Cơng Nhân

Th.S Võ Đức Hồng

TÀI LIỆU THAM KHẢO
Tiếng Việt

[1] Phan Huy Khánh, Giáo trình Phân tích và Thiết kế Hệ thống thông tin, ĐH Bách
Khoa Đà Nẵng

[2] Lê Thị Mỹ Hạnh, Giáo trình Cơng nghệ phần mềm, ĐH Bách Khoa Đà Nẵng
Internet

[3] http:// www.mapreduce.org
[4] http:// www.vre.cse.hcmut.edu.vn

Nhóm 14N11

Nhóm 3

Page.22