Nghiên cứu xây dựng website quản lý hoạt động câu lạc bộ tin học

75Ѭ
Ӡ1*Ĉ
ҤI HӐ&6Ѭ3+
ҤM ±ĈҤI HӐ&Ĉ¬1
ҸNG
KHOA TIN HӐC

BÁO CÁO

KHĨA LUҰN TӔT NGHIӊP
ĈӅtài:

NGHIÊN CӬU XÂY DӴNG WEBSITE
QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

Giҧ
QJYLrQKѭ
ӟng dүn : TS. NGUYӈN HOÀNG HҦI
Sinh viên thӵc hiӋ
n

: NGUYӈ148$1*'lj1*

Lӟp sinh hoҥt

: 14CNTT

Ĉ¬1
ҸNG, 04/2018

NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

i

LӠI CҦ0Ѫ1
LͥLÿ
̯u tiên, tôi xin chân thành c̫P˯QTXê
th̯y cô trong khoa Tin h͕c
FNJQJQK˱FiFTXêWK
̯\F{ÿDQJJL
̫ng d̩
y và công tác t̩LWU˱
ͥQJĈ
̩i h͕F6˱
Ph̩m - Ĉ̩
i h͕F Ĉj
̽
QJ
1 ÿm
͉
Q
̩
WUX\
tÿ
nhͷng ki͇
n thͱc quý báu cho tôi

trong nhͷQJ QăP

͕c vͳD
K TXD
̿c bi͏
t, Ĉ
tôi xin chân thành c̫P ˯Q 76
Nguy͍
n Hồng H̫i, WU˱
ͥQJĈ
̩
i h͕
F6˱SK
̩m ±Ĉ̩i h͕FĈj1
̽
QJÿmW
̵
n tình
K˱
ͣng d̳
QJL~Sÿ
ͩtơi trong su͙
t thͥi gian th͹c hi͏
Qÿ
͉tài.
M̿F Gÿm
͙g̷
QJÿ
͋F
hồn thành d͹án trong ph̩m vi cho phép và
kh̫QăQJQK˱QJNK{QJWUiQKNK
͗

i sai sót và thi͇
u sót m͡
t s͙chͱFQăQJF
ͯ
a

h͏th͙
ng. Vì v̵y, tơi mong mu͙
n nh̵
Qÿ˱
ͫc s͹nh̷
c nhͧYjÿyQJJyS
͇
n
quý giá tͳcác th̯
\F{ÿ
͋h͏th͙QJFNJQJQK˱ÿ
͉tài cͯ
DW{Lÿ˱
ͫc hoàn thi͏
n
K˯Q
Xin trân tr͕
ng c̫P˯Q

Ĉj1
̽
QJQJj\WKiQ
Sinh viên th͹c hi͏
n

NguyӉ
Q4XDQJ'NJQJ

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

ii

LӠ,&$0Ĉ2$1

7{L [LQ FDP
ͷng n͡i dung
ÿRDQ
trong lu̵
QK
Q YăQ Qj\
͹c Oj G
hi͏
QG˱
ͣi s͹K˱
ͣng d̳n tr͹c ti͇
p cͯ
a TS. Nguy͍
n Hoàng H̫
i.

M͕i tham kh̫
o dùng trong lu̵
QYăQÿ
͉
Xÿ˱
ͫc trích d̳
n rõ ràng tên tác
gi̫, tên cơng trình, thͥLJLDQÿ
͓
DÿL
͋
m cơng b͙.
M͕i sao chép khơng hͫp l͏
, vi ph̩m quy ch͇ÿjRW
̩o, hay gian trá, tôi
xin ch͓
u hoàn toàn trách nhi͏
m.
Sinh viên th͹c hi͏
n

NguyӉ
Q4XDQJ'NJQJ

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ

ӜNG CÂU LҤC BӜTIN HӐC

iii

MӨC LӨC
DANH MӨC BҦNG BIӆU ............................................................................. vi
DANH MӨC HÌNH ҦNH ............................................................................. viii
DANH MӨC VIӂT TҲT ................................................................................. ix
MӢĈҪU ........................................................................................................... 1
1. Lý do chӑQÿ
Ӆtài .................................................................................... 1
2. Mөc tiêu và nhiӋ
m vөnghiên cӭu ........................................................ 1
2.1. Mөc tiêu nghiên cӭu ................................
................................
..... 1
2.2. NhiӋ
m vөnghiên cӭu ................................
................................
.... 1
3. ĈӕLWѭ
ӧng và phҥm vi nghiên cӭu ........................................................ 1
3.1. ĈӕLWѭ
ӧng nghiên cӭu................................
................................
.... 1
3.2. Phҥm vi nghiên cӭu................................
................................
.......2
4. 3KѭѫQJSKiSQJKLrQF

ӭu ...................................................................... 2
5. Giҧ
LSKiSÿ
Ӆxuҩt ................................................................................... 2
6. KӃ
t quҧdӵkiӃ
n ...................................................................................... 2
6.1. Lý thuyӃ
t................................
................................
........................2
6.2. Thӵc tiӉ
n................................
................................
........................2
7. BӕcөFÿ
Ӆtài............................................................................................ 3
&+ѬѪ1*&Ѫ6
ӢLÝ THUYӂT ................................................................. 3
1. Ngôn ngӳJava........................................................................................ 3
1.1. Tәng quan vӅngôn ngӳJava................................
........................3
1.2. 0{LWUѭ
ӡng và công cөphát triӉ
n ................................
................5

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)

NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

iv

2. HTML ..................................................................................................... 5
3. CSS và Boostrap .................................................................................... 6
3.1. CSS................................
................................
................................
.6
3.2. Bootstrap ................................
................................
.......................7
4. JavaScript và JQuery ............................................................................ 8
4.1. JavaScript ................................
................................
......................8
4.2. JQuery ................................
................................
...........................
9
5. Mơ hình MVC ........................................................................................ 9
6. Spring Web MVC ................................................................................ 11
7. Spring Security..................................................................................... 12
8. HӋquҧn trӏFѫV
ӣdӳliӋ
u MySQL ...................................................... 12

9. KӃ
WFKѭѫQJ
........................................................................................... 12
&+ѬѪ1*3+Ỉ1
TÍCH VÀ THIӂT KӂHӊTHӔNG .............................. 13
1. Ĉһt vҩQÿ
Ӆ............................................................................................. 13
2. Yêu cҫu chӭFQăQJ
............................................................................... 13
3. Yêu cҫu phi chӭFQăQJ
........................................................................ 13
4. Phân tích thiӃ
t kӃhӋthӕng ................................................................. 13
4.1. Ĉһc tҧyêu cҫu hӋthӕng ................................
..............................
13
4.2. ThiӃ
t kӃFѫV
ӣdӳliӋ
u ................................
................................
.. 30
4.3. 6ѫÿ
ӗlӟp ................................
................................
......................35
4.4. 6ѫÿ
ӗtuҫn tӵ................................
................................
...............35

5. KӃ
WFKѭѫQJ
........................................................................................... 44
NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

v

&+ѬѪ1*7+
ӰNGHIӊ09¬ĈÈ1+*,È
............................................. 45
1. KӃ
t quҧthӵc tiӉ
n ................................................................................. 45
1.1. VӅÿӅtài ............................................................................................. 45
1.2. VӅkiӃ
n thӭc ...................................................................................... 45
2. Mӝt sӕhình ҧnh thӱnghiӋ
m ............................................................... 46
3. KӃ
WFKѭѫQJ
........................................................................................... 52
KӂT LUҰ19¬+Ѭ
ӞNG PHÁT TRIӆN ...................................................... 53
1. KӃ

t luұn................................................................................................. 53
2. +ѭ
ӟng phát triӇ
n ................................................................................. 53
TÀI LIӊU THAM KHҦO ............................................................................... 54
PHӨLӨC ........................................................................................................ 55

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

vi

DANH MӨC BҦNG BIӆU
Bҧ
ng 1.1: Các phiên bҧ
Q-DYDÿmSKiWKjQK
...................................................... 4
Bҧ
ng 1.2: Các thҿ+70/FѫE
ҧ
QWKѭ
ӡng dùng theo thӭtӵA-Z ...................... 6
Bҧ
ng 2.1: Danh sách các use case ................................................................... 17
Bҧ

ng 2.2: Mô tҧXVHFDVHÿăQJNê
................................................................... 18
Bҧ
ng 2.3: Mô tҧXVHFDVHÿăQJQK
ұ
p ............................................................... 19
Bҧ
ng 2.4: Mô tҧuse case xem thông báo, tin tӭc, hoҥ
Wÿ
ӝng ......................... 19
Bҧ
ng 2.5: Mô tҧuse case tìm kiӃ
m thơng báo, tin tӭc, hoҥ
Wÿ
ӝ
ng .................. 20
Bҧ
ng 2.6: Mô tҧXVHFDVHÿăQJNêWKDPJLDKR
ҥ
Wÿ
ӝ
ng ................................... 20
Bҧ
ng 2.7: Mô tҧuse case cұ
p nhұ
p thông tin cá nhân .................................... 21
Bҧ
ng 2.8: Mô tҧXVHFDVHÿăQJ[X
ҩ
t ................................................................ 21

Bҧ
ng 2.9: Mô tҧXVHFDVHÿyQJJySêNL
Ӄ
n...................................................... 22
Bҧ
ng 2.10: Mô tҧuse case quҧ
n lý tài khoҧ
n .................................................. 23
Bҧ
ng 2.11: Mô tҧuse case quҧ
n lý thӇloҥ
i tin ............................................... 24
Bҧ
ng 2.12: Mô tҧuse case quҧ
n lý thông báo, tin tӭc .................................... 25
Bҧ
ng 2.13: Mô tҧuse case quҧ
n lý hoҥ
Wÿ
ӝ
ng................................................. 26
Bҧ
ng 2.14: Mô tҧuse case quҧ
n lý chӭc vө.................................................... 26
Bҧ
ng 2.15: Mô tҧuse case quҧ
n lý chӭc vө.................................................... 28
Bҧ
ng 2.16: Mô tҧuse case phân quyӅ
n truy cұ

p ............................................. 28
Bҧ
ng 2.17: Mô tҧuse case quҧ
n lý nӝ
i quy .................................................... 30
Bҧ
ng 2.18: Mô tҧXVHFDVHÿL
Ӈ
m danh hoҥ
Wÿ
ӝ
ng ............................................ 30
Bҧ
ng 2.19: Bҧ
ng dӳliӋ
u tài khoҧ
n .................................................................. 31
Bҧ
ng 2.20: Bҧ
ng dӳliӋ
u nӝi quy .................................................................... 32
Bҧ
ng 2.21: Bҧ
ng dӳliӋ
u ý kiӃ
QÿyQJJyS
...................................................... 32
Bҧ
ng 2.22: Bҧ
ng dӳliӋ

u thӇloҥ
i tin ............................................................... 32
Bҧ
ng 2.23: Bҧ
ng dӳliӋ
u tin tӭc ...................................................................... 32
Bҧ
ng 2.24: Bҧ
ng dӳliӋ
u chӭvө...................................................................... 32
NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

vii

Bҧ
ng 2.25: Bҧ
ng dӳliӋ
u quyӅ
n truy cұ
p ......................................................... 33
Bҧ
ng 2.26: Bҧ
ng dӳliӋ
u quyӅ

n truy cұ
p cӫ
a chӭc vө.................................... 33
Bҧ
ng 2.27: Bҧ
ng dӳliӋ
u hoҥ
Wÿ
ӝng................................................................. 33
Bҧ
ng 2.28: Bҧ
ng dӳliӋ
u tham gia hoҥ
Wÿ
ӝ
ng.................................................. 33
Bҧ
ng 2.29: Bҧ
ng dӳliӋ
XÿL
Ӈ
m danh ................................................................ 34
Bҧ
ng 2.30: Bҧ
ng dӳliӋ
u chi tiӃ
WÿL
Ӈ
m danh .................................................... 34

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

viii

DANH MӨC HÌNH ҦNH
Hình 1.1: Mơ hình MVC ................................................................................. 10
Hình 1.2: Luӗ
ng dӳliӋ
u trong Spring Web MVC .......................................... 11
Hình 2.1: 6ѫÿ
ӗuse case tơng qt ................................................................. 14
Hình 2.2: 6ѫÿ
ӗuse case khách vãng lai ......................................................... 15
Hình 2.3: 6ѫÿ
ӗuse case thành viên ............................................................... 16
Hình 2.4: 6ѫÿ
ӗuse case ban quҧ
n trӏ
............................................................. 17
Hình 2.5: 6ѫÿ
ӗFѫV
ӣdӳliӋ
u.......................................................................... 31
Hình 2.66ѫÿ

ӗlӟp ......................................................................................... 35
Hình 2.76ѫÿ
ӗtuҫ
n tӵÿăQJNê
..................................................................... 36
+uQK6ѫÿ
ӗtuҫ
n tӵÿăQJQK
ұ
p ................................................................. 37
+uQK6ѫÿ
ӗtuҫ
n tӵquҧ
n lý thơng tin cá nhân ......................................... 38
Hình 2.106ѫÿ
ӗtuҫ
n tӵxem tin tӭc .............................................................. 39
Hình 2.116ѫÿ
ӗtuҫ
n tӵtìm kiӃ
m tin tӭc ...................................................... 39
Hình 2.126ѫÿ
ӗtuҫ
n tӵÿăQJNêWKDPJLDKR
ҥ
Wÿ
ӝ
ng ................................... 40
Hình 2.136ѫÿ
ӗtuҫ

n tӵthêm hoҥ
Wÿ
ӝ
ng ....................................................... 41
Hình 2.146ѫÿ
ӗtuҫ
n tӵcұ
p nhұ
p hoҥ
Wÿ
ӝ
ng ................................................. 42
Hình 2.156ѫÿ
ӗtuҫ
n tӵxóa hoҥ
Wÿ
ӝ
ng ......................................................... 43
Hình 2.166ѫÿ
ӗtuҫ
n tӵgӱi ý kiӃ
QÿyQJJyS
................................................ 44
Hình 3.17UDQJÿăQJQK
ұ
p.............................................................................. 46
Hình 3.2: Trang chӫ........................................................................................ 47
Hình 3.3: Chi tiӃ
t tin tӭc.................................................................................. 48
Hình 3.4: Danh sách hoҥ

Wÿ
ӝ
ng ....................................................................... 49
Hình 3.5: Chi tiӃ
t hoҥ
Wÿ
ӝ
ng ........................................................................... 50
Hình 3.6: Trang quҧ
n lý .................................................................................. 50
Hình 3.7: Trang quҧ
n lý hoҥ
Wÿ
ӝ
ng ................................................................. 51
Hình 3.8: Trang quҧ
n lý hoҥ
Wÿ
ӝ
ng ................................................................. 51
Hình 3.9: Trang thӕ
ng kê tài khoҧ
n ................................................................ 52

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ

ӜNG CÂU LҤC BӜTIN HӐC

DANH MӨC VIӂT TҲT
TӯviӃ
t tҳt
MVC
HTML
AJAX
CSS
CSDL

éQJKƭD
Model ±View ±Controller
Hyper Text Markup Language
Asynchronous JavaScript and XML
Cascading Style Sheets
&ѫV
ӣdӳliӋ
u

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)

ix


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

1

MӢĈҪU
1. Lý do chӑQÿ
Ӆtài
HiӋ
n tҥ
i công viӋ
c quҧ
n lý hoҥ
W
ӝ
ng
ÿcӫ
a câu lҥ
c bӝtin hӑc cịn thӫ
cơng, thơng tin tin tӭc, sӵkiӋ
n truyӅ
Q
ҥ
W
ÿӃ
nÿ
các thành viên còn hҥ
n chӃ
,

viӋ
c thӕ
ng kê sӕOѭ

ӧQJWKjQKYLrQFzQNKyNKăQ
ӇdӉdàng quҧ
n lý các hoҥ
t

ÿӝ
ng, quҧ
n lý thành viên tham gia hoҥ
Wÿ
ӝQJYjÿѭDWK{QJWL
ҥ
Wÿ
ӝ
QJÿ
Ӄ
n

các thành viên giúp thành viên câu lҥ
c bӝÿăQJNê WKDP
ҥ
W
ӝng
ÿmӝtJLDK
cách linh hoҥ
t nhҩ
WW{LÿmFK
ӑ
Qÿ
ӅWjL³1JLrQF
ӭu xây dӵng website quҧ

n lý
hoҥ
Wÿ
ӝ
ng câu lҥ
c bӝtin hӑF´WU
ên nӅ
n tҧ
ng Java Spring Framework.
2. Mөc tiêu và nhiӋ
m vөnghiên cӭu
2.1. Mөc tiêu nghiên cӭu
- Tìm hiӇ
u vӅcách thӭc hoҥ
Wÿ
ӝ
ng cӫ
a câu lҥ
c bӝtin hӑ
c.
- Phân tích thiӃ
t kӃhӋthӕ
ng quҧ
n lý hoҥ
Wÿ
ӝ
ng câu lҥ
c bӝtin hӑc.
- Xây dӵng website quҧ
n lý câu lҥ

c bӝtin hӑc.
2.2. NhiӋ
m vөnghiên cӭu
- ĈѭD WK{QJ
ҥ
W
WLQ
ӝ
ng
ÿcӫ
a câu
FiF
lҥ
c bӝ
KR
tin hӑc lên website,
giúp cho các thành viên câu lҥ
c bӝtiӃ
p cұ
n tӟi các hoҥ
Wÿ
ӝng mӝt
cách dӉdàng và linh hoҥ
WĈ
ҧ
m bҧ
o các hoҥ
Wÿ
ӝ
ng cӫa câu lҥ

c bӝÿӅ
UDÿѭ
ӧc nhiӅ
XQJѭ
ӡi biӃ
t và sӕOѭ
ӧng tham gia cao.

- Phát triӇ
n chӭF QăQJ WK{QJ WLQ
Ӌ
cWKjQK
quҧ
n lý
YL
thành viên dӉGjQJKѫQ
.
3. ĈӕLWѭ
ӧng và phҥm vi nghiên cӭu
3.1. ĈӕLWѭ
ӧng nghiên cӭu
- Thành viên và các hoҥ
Wÿ
ӝ
ng cӫa câu lҥ
c bӝtin hӑ
c.
- HӋthӕng hoҥ
Wÿ
ӝ

ng cӫa câu lҥ
c bӝtin hӑc.
- Ngơn ngӳlұ
p trình Java và Spring Framework.
NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

2

3.2. Phҥm vi nghiên cӭu
- Câu lҥ
c bӝtin hӑFWUѭ
ӡQJĈ
ҥ
i hӑF6ѭSK
ҥ
PĈj1
ҹ
ng.
- NӅ
n tҧ
ng Java.
- Cơng cөlұ
p trình Eclipse.
4. 3KѭѫQJSKiSQJKLrQF

ӭu
Tìm hiӇ
u, khҧ
o sát các nhu cҫ
u vӅchӭFQăQJ
cӫa thành viên trong câu
lҥ
c bӝtin hӑc ÿӇáp dөng xây dӵng hӋthӕ
ng.
Tham khҧ
o cách tәchӭc hoҥ
Wÿ
ӝng, cách thӭc thông báo tin tӭc cӫa câu
lҥ
c bӝ.

Nghiên cӭu tài liӋ
u, tìm hiӇ
u nӅ
n tҧ
QJ -DYD Yj 6SULQJ
Ӈ
xây dӵng website.
5. Giҧ
LSKiSÿ
Ӆxuҩt
SӱdөQJ$-$;ÿ
Ӈxӱlý bҩ
Wÿ
ӗ

ng bӝtrong viӋ
c yêu cҫ
u và nhұ
n xӱlý
các phҧ
n hӗi tӯVHUYHUTXDÿyQkQJFDRWU
ҧ
i nghiӋ
m cӫDQJѭ
ӡi dùng.
6. KӃ
t quҧdӵkiӃ
n
6.1. Lý thuyӃ
t
Xây dӵng thành công website quҧ
n lý hoҥ
Wÿ
ӝng câu lҥ
c bӝtin hӑc ÿHP
lҥ
i hiӋ
u quҧcao cho viӋ
c quҧ
n lý các hoҥ
Wÿ
ӝng cӫa câu lҥ
c bӝtin.
6.2. Thӵc tiӉ
n

KӃ
t quҧÿ
ҥ
Wÿѭ
ӧc là mӝt website bao gӗm các chӭFQăQJ
QKѭ
:
- ĈăQJ
NêÿăQJQK
ұ
p
- HiӇ
n thӏthông báo, tin tӭc, sӵkiӋ
n
- Tìm kiӃ
m thơng tin vӅthơng báo, tin tӭc, sӵkiӋ
n
- ĈăQJNêWKDPJLDKR
ҥ
Wÿ
ӝ
ng
- ĈyQJJySêNL
Ӄ
n
- Quҧ
n lý thành viên (Thêm, xóa, cұ
p nhұ
p)
- Quҧ

n lý tin tӭc (Thêm, xóa, cұ
p nhұ
p)
NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

3

- Quҧ
n lý hoҥ
Wÿ
ӝ
ng (Thêm, xóa,cұ
p nhұ
p)
7. BӕcөFÿ
Ӆtài
Mӣÿҫu:
Giӟi thiӋ
u lý do chӑ
Qÿ
Ӆtài, khách thӇYjÿ
ӕ
LWѭ
ӧng nghiên cӭu trong

ÿӅtài, giӟi hҥ
n phҥ
m vi nghiên cӭu cӫ
D
Ӆÿ
tài, nhiӋ
m vөYj SKѭѫQJ S
nghiên cӭu cӫDÿ
Ӆtài.
&KѭѫQJ
&ѫV
ӣlý thuyӃ
t
Trình bày nhӳng lý thuyӃ
W OLrQ
Ӄ
Q
Ӆ
TXDQ
ÿ
tài. Nhӳngÿ
kiӃ
n thӭc lý
thuyӃ
WQj\ÿyQJYDLWUzTXDQWU
ӑ
QJOjFѫV
ӣchính trong viӋ
c hình thành và

phát triӇ
n hӋthӕng.
&KѭѫQJ
Phân tích và thiӃ
t kӃhӋthӕng

Trình bày phân tích thiӃ
t kӃhӋthӕ
QJYjSKkQWtFKF
ӣdӳliӋ
u.
&KѭѫQJ
ThӱnghiӋ
PYjÿiQKJLi
Trình bày nhӳng kӃ
t quҧÿҥ
Wӧ
ÿѭ
c khi xây dӵng website và
Kѭ
ӟng phát triӇ
n.

&+ѬѪ1*
&Ѫ6
Ӣ LÝ THUYӂT
1. Ngôn ngӳJava
1.1. Tәng quan vӅngôn ngӳJava
Java là mӝt ngôn ngӳlұ
SWUuQKÿѭ

ӧc phát triӇ
n bӣi Sun Microsystems
QăP  1Jj\
ӝc quyӅ
QD\
n sӣhӳu bӣ
-DYD
i Oracle vàWKX
là mӝt trong
nhӳng ngôn ngӳlұ
SWUuQKÿѭ
ӧc sӱdө
ng rӝ
ng rãi nhҩ
t thӃgiӟi.
1ăP
1996
1997
1998
1999

Tháng
SӵkiӋ
n
Tháng mӝt
Phát hành JDK 1.0
Tháng hai
Phát hành JDK 1.1
7KiQJPѭ
ӡi hai

Phát hành SDK 1.2
Phát hành Java 2 Platform, Standard Edition
Tháng tám
(J2SE)
7KiQJPѭ
ӡi hai
Phát hành Java 2 Platform, Enterprise Edition

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

2000
2002
2004
2006
2010
2011
2014
2017

4

(J2EE)
7KiQJQăP
J2SE và SDK 1.3

Tháng hai
J2SE và SDK 1.4
Tháng chín
J2SE 5.0 và JDK 1.5
7KiQJPѭ
ӡi hai
Java SE 6 và JDK 1.6
7KiQJWѭ Oracle mua lҥ
i Sun
Tháng bҧ
y
Java SE 7 và JDK 1.7
Tháng ba
Java SE 8 và JDK 1.8
Tháng chín
Java SE 9 và JDK 1.9
B̫ng 1.1: Các phiên b̫
Q-DYDÿmSKiWKjQK

Java là ngôn ngӳlұ
S WUuQK
ӟQJ
ӕL
ÿ
Kѭ
ӧQJ
Wѭ Yj Fy
ӧng
F~
tӵ SKi

&-DYDÿѭ
ӧFÿ
ҧ
m bҧ
o ³:ULWH2QFH5XQ$Q\ZKHUH
trình chӍcҫ
n viӃ
t mӝt lҫ
n và chҥ
\ÿѭ
ӧc trên mӑi nѫLNK
iFQKDXĈ
ӇOjPÿѭ
ӧc
ÿL
Ӆ
XQj\-DYDÿѭDUDNKiLQL
Ӌ
m máy ҧ
o JVM (Java Virtual Machine). Khi biên

dӏ
ch, mã nguӗ
n sӁÿѭ
ӧc dӏ
FKVDQJE\WHFRGHVDXÿyP
ҧ
o JVM sӁdӏ
ch tiӃ

p
E\WHFRGHWKjQKPmPi\ÿ
Ӈmáy tính có thӇhiӇ
u và chҥ
\ÿѭ
ӧc.
Vì Java là ngơn ngӳlұ
p WUuQKKѭ
ӟQJÿ
ӕLWѭ
ӧng nên nó có 4 tính chҩ
t
ÿһ
c thù sau:
- 7tQK ÿyQJӃ
JyL
ràng buӝ
c Oj
dӳliӋ
u Fѫ
và thaoFK
tác trên dӳliӋ
u
thành mӝt thӇthӕ
ng nhҩ
t ÿ
ӕLWѭ
ӧQJ
WUiQKÿѭ
ӧFFiFWiFÿ

ӝng tӯmơi
WUѭ
ӡng bên ngồi nhҫ
m mөFÿtFKFKHG
ҩ
u thơng tin.
- Tính kӃthӯa: ta có thӇxây dӵng các lӟp mӟi thơng qua sӵkӃthӯa tӯ

lӟSFNJFiFO
ӟp mӟi thӯDKѭ
ӣng thuӝFWtQKYjSKѭѫQJW
ӭc cӫ
a lӟp nó

kӅthӯa và có thӇbәsung thêm thuӝFWtQKFNJQJQKѭSKѭ
ӭc mӟi.
- Tính trӯXWѭ
ӧng: là tiӃ
QWUuQK[iFÿ
ӏ
nh và nhóm các thuӝc tính, các hành

ÿӝ
QJOLrQTXDQÿ
Ӄ
n mӝt thӵc thӇÿһ
c thù, xét trong mӕLWѭѫQJTXD
ӟi
ӭng dө
QJÿDQJSKiWWUL

Ӈ
n.
- 7tQK ÿD KuQK
ҧnhӳFKR
QJ SKѭѫQJ
SKpS
ӭc có tênP{
giӕ
WK
ng W
nhau
trong các lӟp khác nhau.

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

5

1.2. 0{LWUѭ
ӡng và công cөphát triӉ
n
Java Development Kit -'.

ӝÿk\
cơng cөgӗ

Oj
P P{L
E ӡng lұ
WUѭ
p
trình, phát triӇ
n ӭng dө
ng bҵ
ng ngơn ngӳJava bao gӗm bӝbiên dӏ
ch và thӵc
WKLFKѭѫQJWUuQK
ĈӇlұ
p trình Java, bҥ
n có thӇsӱdөng nhӳng IDE hiӋ
Qÿ
ҥ
i hӛtrӧriêng

cho viӋ
c lұ
SWUuQK-DYDQKѭ1HWEHDQ(FOLS
y là nhӳng IDE mã nguӗn
mӣ, miӉ
n phí, mҥ
nh mӁ
.
2. HTML

HTML là chӳviӃ
t tҳ

t cӫa cөm tӯ³+\SHU7H[W0DUNXS
mӝt ngôn ngӳÿiQKG
ҩ
XVLrXYăQE
ҧ
Qÿѭ
ӧc sӱdө
QJÿ
Ӈtҥ
o trang web, trên mӝt
website có thӇsӁcó nhiӅ
u trang và mӛL WUDQJ
ӧc quy ra ÿѭ
là mӝt tұ
p tin
+70/Ӈ
&KD
cӫa HTML
ÿ là Tim Berners-/HH FNJQJ
ӡi khai Oj
sinh ra QJѭ
World Wide Web và là chӫtӏ
ch cӫa World Wide Web Consortium.
Mӝ
t tұ
SWLQ+70/ÿѭ
ӧc hình thành bӣi các phҫ
n tӱ+70/ÿѭ
ӧc quy
ÿӏ

nh bҵ
ng các thҿ(tag), các thҿÿѭ
ӧc bao bӟi dҩ
u ngoһ
c nhӑ
n (ví dө<html>)
YjWKѭ
ӡng là sӁÿѭ
ӧc khai báo thành mӝt cһ
p, bao gӗm thҿÿyQJYjWK
ҿmӣ(ví

dөKWPO!KWPO!
1KѭQJP
ӝt sӕthҿÿһ
c biӃ
t lҥ
i khơng có thҿÿyQJYjG
ӳ
liӋ
Xÿѭ
ӧc khai báo sӁnҵ
m trong các thuӝc tính (ví dө<img>)
Khi mӝt tұ
p tin HTML ÿѭ
ӧc hình thành, viӋ
c xӱlý nó sӁdo trình duyӋ
t
ZHEÿ
ҧ

m nhұ
n. Trình duyӋ
t sӁÿyQJYDLWUzÿ
ӑc hiӇ
u nӝ
i dung HTML tӯcác
thҿbên trong và sӁchuyӇ
n sang dҥ
QJYăQE
ҧ
Qÿmÿѭ
ӧFÿiQKG
ҩ
Xÿ
Ӈÿӑ
c, nghe
hoһ
c hiӇ
u (do các bot máy tính hiӇ
u).
HTML sӁÿѭ
ӧc khai báo bҵ
ng các phҫ
n tӱbӣi các tӯkhóa. Nӝi dung
nҵ
m bên trong cһ
p tӯkhóa sӁlà nӝi dung bҥ
n cҫ
Qÿ
ӏ

nh dҥ
ng vӟi HTML.
Thҿ
<!- ->
<!DOCTYPE>
<a>

Mơ tҧ
Ĉӏ
QKQJKƭDP
ӝt bình luұ
n
;iFÿ
ӏ
nh loҥ
i tài liӋ
u
Ĉӏ
QKQJKƭDP
ӝt siêu liên kӃ
t

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

<b>
<body>


<div>
<footer>
<form>
K!ÿ
Ӄ
n

<head>
<hr>
<html>
<img>
<input>
<label>
<li>
<link>
<option>
<select>
<table>
<td>
<th>
<textarea>
<title>
<ul>

6

Thҿÿ
ӏ

QKQJKƭDFK
ӳLQÿ
ұ
m
Ĉӏ
QKQJKƭDWKkQF
ӫa tài liӋ
u
Ĉӏ
QKQJKƭDQJ
ҳ
WGzQJÿѫQ
Ĉӏ
QKQJKƭDP
ӝt khӕ
i trong tài liӋ
u
Ĉӏ
QKQJKƭDSK
ҫ
n footer cho 1 tài liӋ
u
Ĉӏ
QKQJKƭDP
ӝWIRUPFKRQJѭ
ӡi dùng nhұ
p
Ĉӏ
QKQJKƭDWLrXÿ
Ӆ

Xác ÿӏ
nh các thông tin vӅtài liӋ
u
Sӱdө
QJÿ
Ӈphân tách các phҫ
n nӝi dung
Ĉӏ
QKQJKƭDJ
ӕ
c cӫ
a mӝt tài liӋ
u
Ĉӏ
QKQJKƭDP
ӝt hình ҧ
nh
Ĉӏ
QKQJKƭDP
ӝt ơ nhұ
p dӳliӋ
u
Ĉӏ
QKQJKƭDP
ӝt nhãn cho mӝt phҫ
n tӯinput
Ĉӏ
QKQJKƭD
mӝt danh sách
;iFÿ

ӏ
nh mӕi quan hӋgiӳa tài liӋ
u và mӝt nguӗn bên
ngoài
Ĉӏ
QKQJKƭDP
ӝt lӵa chӑ
n trong danh sách drop-down
Ĉӏ
QKQJKƭDP
ӝt danh sách drop-down
Ĉӏ
QKQJKƭDP
ӝt bҧ
ng
Ĉӏ
QKQJKƭDP
ӝt ô trong bҧ
ng
Ĉӏ
QKQJKƭDP
ӝt hàng trong bҧ
ng
Ĉӏ
QKQJKƭDP
ӝt ô nhұ
p dӳliӋ
XYăQE
ҧ
n có nhiӅ

u dịng
Ĉӏ
QKQJKƭDP
ӝWWLrXÿ
Ӆcho tài liӋ
u
Ĉӏ
QKQJKƭDP
ӝt danh sách khơng có thӭtӵ

B̫ng 1.2: Các th̓HTML F˯E
̫
QWK˱
ͥng dùng theo thͱt͹A-Z
3. CSS và Boostrap
3.1. CSS
CSS là chӳviӃ
t tҳ
t cӫa Cascading Style Sheets, nó là mӝt ngôn ngӳ
ÿѭ
ӧc sӱdөQJÿ
ӇWuPYjÿ
ӏ
nh dҥ
ng lҥ
i các phҫ
n tӱÿѭ
ӧc tҥ
o ra bӣi các ngơn
ngӳÿiQKG

ҩ
u (ví dөQKѭ+70/

3KѭѫQJWK
ӭc hoҥ
Wÿ
ӝ
ng cӫa CSS là nó sӁtìm dӵa vào các vùng chӑ
n,
vùng chӑ
n có thӇlà tên mӝt thҿHTML, tên mӝt ID, class hay nhiӅ
u kiӇ
u
NKiF6DXÿyOjQyV
Ӂáp dө
ng các thuӝc tính cҫ
QWKD\ÿ
әi lên vùng chӑQÿy

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

7

Vùng chӑ

n{
thuӝc tính: giá trӏ
;
thuӝc tính: giá trӏ
;
«
}

0ӝWÿRҥQ&66EDRJӗPSKҫQQKѭW

1JKƭDOjQyV
Ӂÿѭ
ӧc khai báo bҵ
ng vùng chӑ
QVDXÿyFiFW
ӝc tính và
giá trӏsӁnҵ
m bên trong cһ
p dҩ
u ngoһ
c nhӑ
n {}. Mӛ
i thuӝ
c tính sӁln có
mӝt giá trӏriêng, giá trӏcó thӇlà dҥ
ng sӕ, hoһ
c các tên giá trӏtrong danh sách
có sҹ
n cӫa CSS. Phҫ
n giá trӏvà thuӝc tính phҧ

Lÿѭ
ӧc cách nhau bҵ
ng dҩ
u hai
chҩ
m, và mӛi mӝt dịng khai báo thuӝc tính sӁln có dҩ
u chҩ
m phҭ
y ӣcuӕi.
Mӝ
t vùng chӑ
n có thӇsӱdөng khơng giӟi hҥ
n thuӝc tính.
3.2. Bootstrap

Bootstrap là mӝ
t IUDPHZRUN+70/&66Yj-D
ӧc sӱdө
ng

nhiӅ
u nhҩ
t trên thӃgiӟLÿ
Ӈxây dӵng mӝ
WZHEVLWH%RRWVWUDS
ӵng nên
mӝt chuҭ
n riêng.
Ĉһ
FÿL

Ӈ
m cӫ
a Bootstrap:
- Rҩ
t dӉsӱdө
ng.
- Responsive: Bootstrap xây dӵng sҹ
n reponsive css trên các thiӃ
t
bӏÿL
Ӌ
n thoҥ
i, máy tính bҧ
ng và desktops, giúp tiӃ
t kiӋ
m thӡi gian
trong viӋ
c tҥ
o ra mӝt website thân thiӋ
n vӟi các thiӃ
t bӏÿL
Ӌ
n tӱ
khác nhau.
- 7ѭѫQJWKtFKY
ӟi hҫ
u hӃ
t các trình duyӋ
t.

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ
ӜNG CÂU LҤC BӜTIN HӐC

8

4. JavaScript và JQuery
4.1.JavaScript
JavaScript là mӝt ngôn ngӳthông dӏ
FK FKѭѫQJ
trình nguӗ
n cӫa nó
ÿѭ
ӧc nhúng hoһ
c tích hӧp vào tұ
p tin HTML. Khi trang web ÿѭ
ӧc tҧ
i trong
trình duyӋ
t hӛtrӧjavaScript, Trình duyӋ
t sӁthơng dӏ
ch và thӵc hiӋ
n các lӋ
nh
JavaScript.
Javascript là mӝt ngơn ngӳFyÿ

һ
c tính:
- ĈѫQJLҧQ
- ĈӝQJ'\QDPLF


- +ѭӟQJ
ÿӕLWѭӧQJ2EMHFW2ULHQWHG

Có 2 cách ÿӇnhúng Javascript vào trong tұ
p tin HTML.

Cách 1: 9LӃWFKѭRQJWUuQK-DYDVFULSWW
VFULSWW\SH

´WH[WMDYDVFULSW´!

// các lӋ
nh javascript
</script>

Cách 2: 6ӱGөQJWұSWLQMDYDVFULSWErQ

&NJQJ JLӕQJ QKѭ FK~QJ
&66 QJRҥL
WD FNJQJ
WX\ӃQ
Fy

JavaSFULSW YjR WұS WLQ +70/

ÿӃQ PӝW
EҵQJ
WұS
FiFW

ngoài, ÿk\FNJQJOjSKѭѫQJWKӭF
ÿѭӧFVӱGөQJQKLӅXQKҩW

9ӟL
SKѭѫQJ SKiS Qj\
SFULS
ÿѭӧF
FiF
VӁ OӋQK
YLӃW-DYD
WURQ
ULrQJELӋWFySKҫQPӣUӝQJOjMV

ĈӇQK~QJWұSWLQ
javaSFULSWYjRWұSWLQ+70/W
VFULSWW\SH

´WH[WMDYDVFULSW´VUF

NguyӉ
Q4XDQJ'NJQJ
±14CNTT (2014-2018)


NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ

ӜNG CÂU LҤC BӜTIN HӐC

9

4.2. JQuery

JQuery là mӝWWKѭYL
Ӌ
n JavaScript nhӓgӑ
QQKѭQJ
JLjXWtQKQă

giúp cho tài liӋ
u HTML xӱlý các thao tác, sӵkiӋ
n và Ajax mӝW FiFK ÿѫ

giҧ
n. Vӟi sӵkӃ
t hӧp tính linh hoҥ
t và tính mӣrӝQJM4XHU\ÿmWK
ә
LKѭ
ӟng
nhìn cӫa hàng triӋ
XQJѭ
ӡi sӱdөng JavaScript
Mӝ
t sӕWtQKQăQJTXDQWU
ӑ
QJÿѭ

ӧc jQuery hӛtrӧ:
Thao tác DOM: jQuery giúp dӉdàng lӵa chӑ
n các phҫ
n tӱ'20
Ӈÿ
duyӋ
t mӝt cách dӉGjQJQKѭV
ӱdө
ng CSS và chӍ
nh sӱa nӝi dung cӫa chúng
bӣi sӱdө
QJSKѭѫQJWL
Ӌ
n Selector mã nguӗ
n mӣ.
Xӱlý sӵkiӋ
QM4XHU\JL~SWѭѫQJWiFY
ӟLQJѭ
ӡi dùng tӕ
WKѫQE
ҵ
ng viӋ
c
xӱlý các sӵkiӋ
QÿDG
ҥ
ng mà không làm cho HTML code rӕ
i tung lên vӟi các
Event Handler.
HӛtrӧAJAX: jQuery giúp bҥ

n rҩ
t nhiӅ
Xÿ
Ӈphát triӇ
n mӝt site giàu tính
QăQJYjSK
ҧ
n hӗ
i tӕt bӣi sӱdө
ng cơng nghӋAJAX.
5. Mơ hình MVC

MVC (Model ±View ±&RQWUROOHU