Đề tài nghiên cứu và triển khai hệ thống dạy học trực tuyến trên nền tảng moodle

TR

NGă

I H Că ÀăN NG
I H CăS ăPH M K THU T

BÁO CÁO T NG K T
TÀI KHOA H C VÀ CÔNG NGH C PăTR

NG

NGHIÊN C U VÀ TRI N KHAI H TH NG
D Y H C TR C TUY N TRÊN N N T NG
CÔNG NGH MOODLE
Mã s : T2019 ậ 06 ậ 133

CH NHI Mă

TÀI: THS. NGUY NăV NăPHỄT

ÀăN NG, 08/2020


TR

NGă

I H Că ÀăN NG
I H CăS ăPH M K THU T

BÁO CÁO T NG K T
TÀI KHOA H C VÀ CÔNG NGH C PăTR

NG

NGHIÊN C U VÀ TRI N KHAI H TH NG
D Y H C TR C TUY N TRÊN N N T NG
CÔNG NGH MOODLE
Mã s : T2019 ậ 06 ậ 133

Xác nh n c aăc ăquanăch trìăđ tài

Ch nhi măđ tài

(ký, h vƠ tên, đóng d u)

(ký, h và tên)

ÀăN NG, 08/2020


M CL C

M

U

CH

..............................................................................................................1

NG 1. C S LÝ THUY T ............................................................................3

1.1. Ph n m m.........................................................................................................3
IDE NetBean 7.4 ....................................................................................3
H qu n tr c s d li u MySQL ...........................................................4
H qu n tr c s d li u MariaDB .........................................................4
Moodle ...................................................................................................7
1.2. Công ngh ......................................................................................................11
Nh ng đi m khác và n i b t c a HTML5 và CSS3 ...............................11
Công ngh Responsive .........................................................................21
Công ngh Web PHP MVC ..................................................................29
CH

NG 2. PHÂN TÍCH THI T K H TH NG ................................................36

2.1. Phân tích bài tốn ...........................................................................................36
2.2. Phân tích các ch c n ng .................................................................................36
Qu n lý tài kho n .................................................................................36
Qu n lý môn h c ..................................................................................36
Qu n lý câu h i.....................................................................................36
Xem k t qu .........................................................................................36
Tra c u thông tin ..................................................................................37
Thông báo ............................................................................................37
Nh n tin ................................................................................................37
2.3. S đ USECASE ............................................................................................37
Danh sách các Actor vƠ hƠnh đ ng c a t ng Actor ...............................37
S đ UseCase c a h th ng .................................................................39
S đ UseCase ng v i tác nhân Gi ng viên.........................................40
S đ UseCase ng v i tác nhân Sinh viên ...........................................40

S đ UseCase c a Tra c u thông tin ...................................................41
S đ UseCase c a Thông báo..............................................................41


Mô t UseCase .....................................................................................41
2.4. S đ h th ng tu n t ....................................................................................43
S đ qu n lý thành viên ......................................................................43
S đ tu n t đ ng ký môn h c.............................................................44
2.5. S đ d li u ..................................................................................................44
S đ d li u c a khóa h c ...................................................................44
S đ d li u c a tài kho n User ..........................................................45
CH

NG 3. TRI N KHAI VÀ ÁNH GIÁ K T QU .........................................46

3.1. C s h t ng tri n khai ..................................................................................46
IIS windows .........................................................................................46
Site bindings windows ..........................................................................46
3.2. Thi t k giao di n ...........................................................................................47
Trang ch c a h th ng.........................................................................47
Trang đ ng nh p h th ng ....................................................................47
Trang qu n tr h th ng.........................................................................48
Trang qu n lý thành viên ......................................................................48
Trang qu n tr khóa h c ........................................................................50
Trang qu n lý Module ..........................................................................52
Trang qu n lý Máy ch .........................................................................52
Trang các ch c n ng c a Gi ng viên ....................................................53
Trang các ch c n ng c a Sinh viên .......................................................53
3.3. S đ ch c n ng h th ng...............................................................................54
Ch c n ng c a qu n tr viên .................................................................54

Ch c n ng c a gi ng viên .....................................................................55
Ch c n ng c a sinh viên .......................................................................55
3.4.

ánh giá k t qu .............................................................................................55

K T LU NăVÀăH

NG PHÁT TRI N.................................................................57

TÀI LI U THAM KH O .........................................................................................58


DANH M C HÌNH V
Hình 1.1. Phiên b n Moodle đ

c s d ng ....................................................................8

Hình 1.2. Ki n trúc h t ng c a Moodle ........................................................................8
Hình 1.3. So sánh gi a HTML4 v i HTML5 ...............................................................12
Hình 1.4. Màn hình c a các thi t b .............................................................................23
Hình 1.5. Navigation Menus - D ng Dropdown cho màn hình nh ..............................29
Hình 1.6. S đ MVC ..................................................................................................29
Hình 2.1. S đ UseCase c a h th ng ........................................................................39
Hình 2.2. S đ UseCase ng v i tác nhân Gi ng viên ................................................40
Hình 2.3. S đ UseCase ng t i tác nhân Sinh viên ...................................................40
Hình 2.4. S đ UseCase Tra c u thơng tin .................................................................41
Hình 2.5. S đ UseCase Thơng báo ...........................................................................41
Hình 2.6. S đ tu n t qu n lý thành viên ..................................................................43
Hình 2.7. S đ tu n t đ ng ký mơn h c ....................................................................44

Hình 2.8. S đ d li u c a khóa h c ..........................................................................44
Hình 2.9. S đ d li u c a qu n lý tài kho n .............................................................45
Hình 3.1. D ch v IIS...................................................................................................46
Hình 3.2. Handler mappings ........................................................................................46
Hình 3.3. Trang chính ..................................................................................................47
Hình 3.4. Trang đ ng nh p h th ng ............................................................................47
Hình 3.5. Trang qu n tr h th ng ................................................................................48
Hình 3.6. Trang qu n lý thành viên..............................................................................48
Hình 3.7. Trang xem danh sách thành viên ..................................................................49
Hình 3.8. Trang qu n lý h s cá nhơn.........................................................................49
Hình 3.9. Trang c p nh t thơng tin tài kho n ...............................................................50


Hình 3.10. Trang qu n tr khóa h c .............................................................................50
Hình 3.11. Qu n lý các tr

ng m c .............................................................................51

Hình 3.12: Trang t o mơn h c .....................................................................................51
Hình 3.13. Trang qu n lý module ................................................................................52
Hình 3.14. Trang qu n lý Máy ch ..............................................................................52
Hình 3.15. Trang ch c n ng c a Gi ng viên ................................................................53
Hình 3.16. Trang ch c n ng c a Sinh viên ..................................................................53
Hình 3.17. S đ ch c n ng t ng quát .........................................................................54
Hình 3.18. S đ ch c n ng qu n tr viên ....................................................................54
Hình 3.19. S đ ch c n ng c a Gi ng viên ................................................................55
Hình 3.20. S đ ch c n ng sinh viên..........................................................................55


M

U

M

U

1. T ng quan tình hình nghiên c u thu căl nhăv căđ tài
Hi n nay trên th gi i có nhi u ch
ng

ng trình d y h c tr c tuy n, bao g m h tr

i dùng vi c đ ng ký tham gia khóa h c c ng nh đ ng ký tham gia h c tr c

tuy n. Tuy nhiên, đ i t

ng đ ng ký tham gia ph i n m trong t ch c hay trong l nh

v c ho t đ ng giáo d c ho c đ i t
tuy n) thì m i đ

ng s d ng hình th c tr phí (thanh toán tr c

c c p mư đ đ ng ký tham gia khóa h c ho c đ ng ký h c tr c

tuy n. Nh v y, vi c ng d ng s h n ch đ i t

ng đ ng ký tham gia h n.

Hình th c d y h c tr c tuy n là hình th c d y h c đư đ
là hình th c có tính khoa h c và thu n ti n cao nên đang đ
là hình th c d y h c t i các tr

ng

c s d ng ph bi n và
c ch n m t trong nh ng

i h c vƠ Cao đ ng. Tuy nhiên, khi tri n khai

còn nhi u h n ch do ch a áp d ng các công ngh m i vào vi c ng d ng và tri n
khai trên h th ng nên k t qu đ t đ

c nh ch a mong mu n. Vì v y, c n ph i xây

d ng H th ng d y h c tr c tuy n trên n n t ng công ngh Moodle.
2. Tính c p thi t khi ch năđ tài
Hi n nay, t i tr

ng

i h c S ph m K Thu t –

H N, vi c t ch c và qu n

lý d y h c còn nhi u h n ch do áp d ng đ i m i cơng ngh thơng tin cịn ch m,
gi ng viên ch a áp d ng nhi u công ngh vào trong ho t đ ng d y h c. Tôi đ xu t
nghiên c u và tri n khai “Nghiên c u và tri n khai h th ng d y h c tr c tuy n trên
n n t ng Moodle” h tr t t h n cho gi ng viên và sinh viên trong ho t đ ng d y h c.

3. M cătiêuăđ tài
- Nghiên c u công ngh Web PHP MVC.
- CƠi đ t và c u hình Moodle trên h th ng Windows Server
- Xây d ng giao di n c b n
- T ch c qu n tr h th ng: t o tài kho n qu n lý, gi ng viên và sinh viên
- T ch c qu n lí khóa h c: t o m i, c p nh t các module h tr ho t đ ng d y
h c..
iăt

4.
-

ng và ph m vi nghiên c u
it

ng nghiên c u là cán b gi ng d y vƠ sinh viên

Ph m vi nghiên c u: Tr

ThS. Nguy n V n Phát

ng

i h c S ph m k thu t - H N

Trang 1


M

U

5. Ph ngăphápănghiênăc u
- Nghiên c u công ngh PHP MVC, MySQL và Responsive.
6.

c t ph n m m
- T t c các ch c n ng c a ph n m m ph i đ

c y quy n, phân quy n.

-

ng d ng có th s d ng

b t kì v trí nào khi có k t n i internet.

-

ng d ng xây d ng v i ngôn ng PHP 5.4, qu n tr c s d li u MariaDB,
s d ng công ngh HTLM5, CSS3, Moodle 3.8 và Responsive.

7. N i dung và k t c u báo cáo
Báo cáo g m 3 ph n: M đ u, n i dung, k t lu n. Ph n n i dung g m 3 ch
- CH

NG 1: C S LÝ THUY T

- CH

NG 2: PHỂN TệCH THI T K H TH NG

- CH

NG 3: TRI N KHAI VÀ ÁNH GIÁ K T QU

ThS. Nguy n V n Phát

ng:

Trang 2


CH

NG 1. C S LÝ THUY T

CH

NGă1. C ăS

LÝ THUY T

1.1. Ph n m m
IDE NetBean 7.4
Netbeans IDE là ph n m m IDE mi n phí đ
Netbeans IDE đ

c t o ra b i Sun Microsystems và

c phát tri n m i m c đích ban đ u ch y u đ giúp các l p trình

viên xây d ng ng d ng Java tuy nhiên sau đó nó đư đ

c m r ng đ h tr s d ng

cho phát tri n các ng d ng PHP, C, C++ và HTML5 (bao g m Javascript và CSS).
Giao di n NetBeans IDE lƠ m t b s u t p các c a s . Thi t k Swing GUI trên
giao di n đ

c trình bƠy tr c quan cho phép kéo vƠ th các thƠnh ph n c n thi t vƠo

m t khung hình, sau đó ti p t c v i các tính n ng JLabels, JButtons, JTextFields đ
ch nh s a v n b n tr c ti p t i ch .
NetBean IDE t o liên k t v i các b máy thông tin l n nh Amazon, Facebook,
Google vƠ các trang web ph bi n khác giúp b n đi sơu tìm hi u các ch c n ng c a
chúng.

ng th i ch

ng trình cịn cho phép kéo th m t ch c n ng t các d ch v

nƠy vƠo m t d li u c a ngôn ng PHP vƠ vi t t t c các mư c n thi t cho b n bi t các
ch c n ng d ch v web t các b máy nƠy.
NetBeans IDE h tr g l i trên máy ch thu c h thông m ng n i b vƠ h tr t xa,
ch

ng trình s cung c p cho b n các hi n th vƠ thông báo chi ti t d

i d ng b ng

bi u trong m t c a s riêng bi t. NetBean IDE cung c p tính n ng m i nh tìm ki m
nhanh (QuickSearch), t đ ng biên d ch, h tr cho web framework (Hibernate,
Spring, JSF, JPA), trình ng d ng máy ch GlassFish vƠ c s d li u.
NetBean IDE đ

c chia thƠnh nhi u gói khác nhau đ ng

ph n, ti t ki m dung l

i dùng có th t i v t ng

ng, tùy theo nhu c u c a mình. Ví d nh , l p trình PHP thì

hưy t i gói HTML 5 & PHP đ máy tính v n có th ch y êm m

t vƠ t c đ cao.

Cácătínhăn ngăchínhăc a ph n m m:
• Cơng c l p trình ph n m m, thi t b di đ ng, máy tính đ bƠn.
• H tr các ngôn ng Python, Ruby, JavaScript, Groovy, C / C + +, và PHP.
• Ch c n ng kéo th cơu l nh vƠ v n b n vƠo giao di n ch

ng trình.

• Ch nh s a v n b n tr c ti p.
• Ch nh s a mư ngu n.
ThS. Nguy n V n Phát

Trang 3

CH

NG 1. C S LÝ THUY T
• Th nghi m xơy d ng giao di n đ h a.
• G l i m ng n i b vƠ t xa.
• Giao di n tr c quan, d s d ng.
H ăqu nătr ăc ăs d ăli u MySQL
MySQL 5.5 lƠ m t h th ng qu n lý c s d li u quan h nhanh vƠ d dƠng đ

s d ng. MySQL đang đ
MySQL đ

c s d ng cho nhi u công vi c kinh doanh t l n t i nh .

c phát tri n, đ

c công b , đ

c h tr b i MySQL AB, lƠ m t công ty

c a Th y i n. MySQL tr thƠnh khá ph bi n vì nhi u lý do:
•

Mư ng n m vƠ m t ch

ng trình r t m nh m . S d ng m t Form chu n c a

ngôn ng d li u n i ti ng lƠ SQL.

•

LƠm vi c trên nhi u H đi u hƠnh vƠ v i nhi u ngôn ng nh PHP, PERL, C,

C++, Java, ầ
•

R t thơn thi n v i PHP, m t ngôn ng r t đáng giá đ tìm hi u đ phát tri n

•

H tr các c s d li u l n, lên t i 50 tri u hƠng ho c nhi u h n n a trong

Web.

m t b ng. Kích c file m c đ nh đ

c gi i h n cho m t b ng lƠ 4 GB, nh ng b n có

th t ng kích c nƠy (n u h đi u hƠnh c a b n có th x lý nó) đ đ t t i gi i h n lý
thuy t lƠ 8 TB.
•

Có th đi u ch nh. Gi y phép GPL mư ngu n m cho phép l p trình viên s a

đ i ph n m m MySQL đ phù h p v i môi tr
•

ng c th c a h .

Tùy ch n “tái t o bán đ ng b ” (semi-synchronous replication), giúp đ m b o

cho giao d ch CSDL ch hoƠn thƠnh sau khi d li u sao l u đư đ
•

MySQL 5.5 c ng s h

tr

ph

ng pháp chu n ANSI/ISO SQL tên lƠ

Signal/Resignal (dùng đ tr v l i c a các th
(partitioning syntax) c ng đ
đ

c t o ra.

t c SQL); cú pháp phơn chia

c c i thi n; thêm nhi u h tr cho XML; có nhi u l i

c s a cùng m t s thay đ i khác.
H ăqu nătr ăc ăs ăd ăli uăMariaDB
MariaDB là m t h qu n tr c s d li u mã ngu n m (DBMS), đ

m t th

c h tr v

ng m i c a h qu n tr c s d li u quan h MySQL (RDBMS), mi n phí

ThS. Nguy n V n Phát

Trang 4


CH

NG 1. C S LÝ THUY T

theo Gi y phép Công c ng GNU. S phát tri n đ
ban đ u c a MySQL, nh ng ng

c d n d t b i m t s nhà phát tri n

i đư tách nó ra do lo ng i v vi c mua l i b i T p

đoƠn Oracle vƠo n m 2009. MariaDB đ

c d n d t b i Michael “Monty” Widenius,

developer hƠng đ u v MySQL.
VƠo tháng 12 n m 2012, Michael Widenius, David Axmark vƠ Allan Larsson đư
công b vi c thành l p m t qu giám sát s phát tri n c a MariaDB. N m 2019 đ n
nay, Kaj Arnö tham gia v i t cách lƠ Giám đ c đi u hành và Eric Herman là Ch
t ch h i đ ng qu n tr .
MariaDB có th cƠi đ t trên các h đi u hành Linux CentOS, Ubuntu và Window.
MariaDB đ

t

c phát tri n nh m thay th công ngh c s d li u MySQL, vì th nó

ng thích vƠ cho m t hi u su t cao h n so v i MySQL.
MariaDB có các phiên b n cho các h đi u hành khác nhau: Windows, Linux,..

v i các gói cƠi đ t tar, zip, MSI, rpm cho c 32bit và 64bit. Hi n t i phiên b n m i
nh t c a MariaDB là 10.5.
Nó cung c p h tr cho c d li u nh nhi m v x lý và nhu c u c a doanh
nghi p. Nó nh m m c đích tr

thành m t s

thay th

cho MySQL

ch yêu c u g cƠi đ t MySQL đ n gi n vƠ cƠi đ t MariaDB. MariaDB cung c p
các tính n ng t

ng t c a MySQL vƠ h n th n a.

1.1.3.1. Cácătínhăn ngăchínhăc a MariaDB
• T t c MariaDB đ u theo GPL, LGPL ho c BSD.
• MariaDB bao g m nhi u l a ch n công c l u tr , bao g m c hi u su t cao
công c l u tr , đ làm vi c v i các ngu n d li u RDBMS khác.
• MariaDB s d ng m t ngơn ng truy v n chu n và ph bi n.
• MariaDB ch y trên m t s

h

đi u hành và h

tr

nhi u lo i

ngơn ng l p trình.
• MariaDB cung c p h tr cho PHP, m t trong nh ng phát tri n web ph bi n
nh t ngơn ng .
• MariaDB cung c p cơng ngh c m Galera.
• MariaDB c ng cung c p nhi u thao tác và l nh khơng có s n trong MySQL,
và lo i b / thay th các tính n ng nh h
ThS. Nguy n V n Phát

ng tiêu c c đ n hi u su t.
Trang 5


CH

NG 1. C S LÝ THUY T
MariaDB Platform là gi i pháp c s d li u mã ngu n m hồn ch nh dành cho

doanh nghi p. Nó có tính linh ho t đ h tr kh i l

ng cơng vi c giao d ch, phân

tích và k t h p c ng nh các mơ hình d li u quan h , JSON và k t h p. Và nó có

kh n ng m r ng đ phát tri n t c s d li u và kho d li u đ c l p sang SQL đ

c

phân ph i đ y đ đ th c hi n hàng tri u giao d ch m i giây và th c hi n phân tích
t

ng tác, đ c bi t trên hàng t hàng.

1.1.3.2. Cácă uăđi m n i tr i
• MariaDB hi n cung c p ki m tra đ c quy n nhanh h n nhi u cho các thi t l p
v i nhi u tài kho n ng

i dùng ho c nhi u c s d li u.

• L nh FLUSH SSL m i cho phép t i l i ch ng ch SSL mà không c n kh i đ ng
l i máy ch .
• Sao chép nhanh h n vƠ an toƠn h n: Cam k t nhóm cho nh t ký nh phơn. i u
này làm cho nhi u thi t l p s d ng b n sao và nhi u b n c p nh t nhanh h n g p 2
l n.
• C i ti n cho h th ng con IO khơng đ ng b InnoDB trên Windows.
• Ch m c cho công c MEMORY (HEAP) nhanh h n. Theo m t th nghi m
đ n gi n, INSERT nhanh h n 24% cho ch m c s nguyên vƠ nhanh h n 60% cho ch
m c trên c t CHAR (20). ư s a trong MariaDB 5.5 và MySQL 5.7.
• C i thi n hi u su t c a các chuy n đ i b ký t (và lo i b các chuy n đ i khi
chúng không th c s c n thi t). C i thi n t c đ t ng th là 1-5% (theo sql-bench)
nh ng có th cao h n đ i v i các t p k t qu l n có t t c các ký t trong kho ng
0x00-0x7f.
• M t s c i ti n t c đ khi máy khách k t n i v i MariaDB. Nhi u c i ti n đư
đ

c th c hi n trong MariaDB 10.1 và MariaDB 10.2.
• Có m t s c i ti n đ i v i mư DBUG đ làm cho vi c th c thi mư nhanh h n

khi g l i đ

c biên d ch nh ng khơng đ

c s d ng.

• Vi c s d ng công c l u tr Aria, cho phép các truy v n ph c t p nhanh h n
(các truy v n th

ng s d ng b ng t m th i d a trên đ a). Công c l u tr Aria đ

c

s d ng cho các b ng t m th i bên trong, giúp t ng t c khi th c hi n các l a ch n
ph c t p. Aria th

ng nhanh h n đ i v i các b ng t m th i khi so sánh v i MyISAM

ThS. Nguy n V n Phát

Trang 6


CH

NG 1. C S LÝ THUY T

vì Aria l u tr d li u hàng trong b nh vƠ thông th

ng không ph i ghi các hàng

t m th i vƠo đ a.
• B th nghi m đư đ

c m r ng và hi n ch y nhanh h n nhi u so v i tr

c

đơy, m c dù nó th nghi m nhi u th h n.
1.1.3.3. Cácăđi măt
-

ngăđ ng v i MySQL

MariaDB là m t b n thay th nh phơn, t

ng thích ng

c c a MySQL.

i u

nƠy có ngh a lƠ:
• T p d li u và t p đ nh ngh a b ng (.frm) t

ng thích v i h nh phân.

• T t c các API khách hàng, giao th c và c u trúc đ u gi ng h t nhau.
• T t c tên t p, mã nh phơn, đ

ng d n, c ng, c m, v.v. ph i gi ng nhau.

• T t c các k t n i MySQL ho t đ ng khơng thay đ i v i MariaDB.
• Gói mysql-client c ng ho t đ ng v i máy ch MariaDB.
-

Trong h u h t các tình hu ng th c t ph bi n, MariaDB phiên b n 5.x.y s

ho t đ ng gi ng h t nh MySQL 5.x.y, MariaDB tuơn theo phiên b n MySQL, t c là
s phiên b n đ

c s d ng đ cho bi t phiên b n MySQL nƠo mƠ nó t

ng thích.

Moodle
Moodle là m t h th ng qu n lý h c t p (Learning Management System - LMS
ho c còn g i là Course Management System ho c VLE - Virtual Learning
Environment) mã ngu n m (do đó mi n phí và có th ch nh s a đ

c mã ngu n),

cho phép t o các khóa h c trên m ng Internet hay các website h c t p tr c tuy n.
Moodle (Môi tr

ng h c đ ng h

n m 1999 b i Martin Dougiamas.

ng đ i t

ng theo mô-đun) đ

c thành l p vào

n nay, 240 qu c gia đư đ ng ký v i 158.000

trang web, 29.000.000 khóa h c, 225.000.000 tài kho n ng

i dùng và

495.000.000 bƠi đ ng trên di n đƠn.
Moodle n i b t là thi t k h

ng t i giáo d c, dành cho nh ng ng

i làm trong

l nh v c giáo d c. Moodle r t d dùng v i giao di n tr c quan, giáo viên ch m t m t
th i gian ng n đ làm quen và có th s d ng thành th o. Giáo viên có th t cài và
nâng c p Moodle. Moodle phù h p v i nhi u c p h c và hình th c đƠo t o: ph thông,
đ i h c/cao đ ng, không chính quy, trong các t ch c/cơng ty.

ThS. Nguy n V n Phát

Trang 7

CH

NG 1. C S LÝ THUY T
Do thi t k d a trên module nên Moodle cho phép b n ch nh s a giao di n b ng

cách dùng các theme có tr

c ho c t o thêm m t theme m i cho riêng mình.

Moodle phát tri n d a trên PHP (Ngôn ng đ

c dùng b i các công ty Web l n

nh Yahoo, Flickr, Baidu, Digg, CNET) có th m r ng t m t l p h c nh đ n các
tr

ng đ i h c l n trên 50 000 sinh viên. Moodle v i các database mã ngu n m nh

MySQL, PostgreSQL, Microsoft SQL Server, MariaDB, ho c Oracle.
khác
3.3 10%
3.42%
4%

3.9
33%

3.5

8%
3.6
7%

3.7
8%

3.8
28%

Hình 1.1. Phiên b n Moodle đ

c s d ng

1.1.4.1. C u trúc h th ng
• Moodle is programmed by PHP programming language, the database is
managed by MySQL, Micsrosoft SQL Server, MariaDB, Oracle ... WebServer can be
deployed with WebServer, Apache, IIS.

Hình 1.2. Ki n trúc h t ng c a Moodle

ThS. Nguy n V n Phát

Trang 8


CH
-

NG 1. C S LÝ THUY T

C s h t ng c n thi t đ xây d ng LMS, bao g m:
• Các khóa h c và ho t đ ng: Các khóa h c đ

c t ch c thành các lo i phân c p.

Có các ho t đ ng và tài nguyên trong m i khóa h c.
• Ng

i dùng:

tham gia khóa h c, ng

i dùng c n đ ng ký v i 2 vai trò nh t

đ nh (Gi ng viên và H c viên)
•

ng ký khóa h c:

• Ch c n ng c a ng
cho ng

ng ký ng

i dùng tham gia khóa h c.

i dùng: Các vai trò, kh n ng vƠ quy n đ

c h th ng c p

i dùng đ th c hi n các hƠnh đ ng trong khóa h c và h th ng.

• Ti n ích b sung: Qu n lý h s ng

i dùng. Ng

i dùng đ ng ký các khóa h c

và nhóm; h có quy n truy c p h n ch vào h th ng.
• Nâng c p Moodle: Moodle đ m b o máy ch

Server có th

cƠi đ t và

c p nh t phiên b n m i nh t.
• Nh t ký và th ng kê trong Moodle: H th ng cung c p các bi u đ , s li u th ng
kê c a h th ng trong quá trình ho t đ ng.
1.1.4.2. Các module quan tr ng
• Các plugin trong Moodle thu c các lo i c th . M t plugin xác th c và m t
mô-đun ho t đ ng s giao ti p v i lõi Moodle b ng cách s d ng các API khác nhau,
đ

c đi u ch nh cho phù h p v i lo i ch c n ng mƠ plugin cung c p. Tuy nhiên, ch c

n ng chung cho t t c các plugin (cƠi đ t, nâng c p, quy n, c u hình, ...) đ

c x lý

nh t quán trên t t c các lo i plugin.

• Ho t đ ng và tài nguyên: các thành ph n c b n t o nên khóa h c và cơng c
quan tr ng nh t. Các plugin này n m trong th m c mod c a Moodle.
• Ch đ : Phong cách và hình nh t ng th c a các c p đ c a trang web có th
đ

c thay đ i và c p nh t b ng cách ch n m t ch đ c th .
•

nh d ng khóa h c: đ nh d ng khóa h c trong th m c khóa h c v i m t chu i

các ho t đ ng.
• Các plugin xác th c: có ch c n ng ki m sốt thơng tin ng

i dùng nh : tên,

m t kh u ...
• Các plugin đ ng ký: th c hi n đ ng ký vƠ ch c n ng tuy n sinh trong các khóa
h c. Các plugin nƠy đ

ThS. Nguy n V n Phát

c l u tr trong th m c đ ng ký.

Trang 9


CH

NG 1. C S LÝ THUY T
uăđi m c a d y h c tr c tuy n trên n n t ng Moodle

1.1.4.3.
-

Ph n m m có tính c u hình cao: H th ng d y h c tr c tuy n Moodle là m t

ph n m m mã ngu n m , Moodle thay đ i liên t c hƠng n m, v i nh ng c i ti n đ c
bi t đ

c tích h p trong các phiên b n m i nh t, t c ng đ ng các nhà phát tri n trên

tồn th gi i. Vì các u c u v h c t p / đào t o và phát tri n thay đ i các m c tiêu
c a t ch c, Moodle cho phép th c hi n các ch nh s a đ i v i ph n m m. Thêm các
plugin Moodle c n thi t, ch đ ho c b t c th gì.
-

S d ng ngơn ng l p trình PHP: PHP đ

c bi t đ n v i vi c tri n khai và th c

hi n d dƠng. i u đó có ngh a lƠ ngôn ng này m đ
và ch c n ng m r ng vô t n trong t

ng hồn h o cho các kh n ng

ng lai. Tính linh ho t c a nó có th ch y trên

m i n n t ng nh Linux, Unix, Windows, macOS vƠ th m chí trên Ubuntu m i đư
khi n PHP tr thành l a ch n u tiên đ vi t ph n m m Moodle LMS.
-

Các plugin: Th m c plugin Moodle có kho ng 1601 plugin vƠ chúng đ

ct i

xu ng 366,6K l n. Nh ng ti n ích b sung này cung c p cho chúng ta s linh ho t
tuy t v i; b t c khi nào b n mu n nâng cao LMS c a mình, b n có th thêm chúng.
H n n a, m t s ti n ích b sung cho Moodle có s n trên th tr

ng. Các plugin ch ng

h n nh - Edwiser RemUI, H5P, Congrea, Poodll, LearnerScript, v.v ... Các plugin
nh v y s không ch mang l i l i th cho nó so v i các LMS khác mà cịn bi n nó
thành m t s thay th tuy t v i.
-

C ng đ ng chun mơn tồn c u: Moodle có m t m ng l

đ i tác vƠ hƠng tr m tri u ng

i m nh m g m 88

i dùng, nhà phát tri n, qu n tr viên, giáo viên, v.v.

trên kh p th gi i. Khơng có LMS nào khác có m ng l

i chuyên nghi p đư cam k t

nh v y ngo i tr Moodle LMS.
-

Tính linh ho t c a lo i đánh giá: Moodle cung c p nhi u lo i đánh giá khác

nhau: b ng câu h i, cơu đ , bài t p, đánh giá lo i âm thanh và video, v.v. t t c đ u
mi n phí.
-

Các cơng c h c phân tích: V i m c đích h c t p phân tích, có nhi u cơng c

phân tích và báo cáo có s n cho Moodle LMS. M t s

trong s

chúng, nh

LearnerScript, thu c v h Moodle.
-

H th ng ph n h i: Nó giúp hi u khóa h c, gi ng viên / giáo viên, ph

ng pháp

s ph m c a gi ng viên đang ho t đ ng nh th nào, mà n u khơng thì khơng th bi t
ThS. Nguy n V n Phát

Trang 10


CH
đ

NG 1. C S LÝ THUY T
c. Ph n h i trong Moodle nh m m c đích nơng cao ch t l

ng trong ho t đ ng

d y và h c.
1.2. Công ngh
Nh ngăđi măkhácăvƠăn iăb tăc aăHTML5ăvƠăCSS3
1.2.1.1. S khác bi t chính gi a HTML và HTML5
- HTML5 đ

c phát hành v i m c đích chính lƠ c i thi n tr i nghi m ng

i dùng

World Wide Web (đ c bi t là s bùng n trong vi c s d ng các thi t b di đ ng), các
khác bi t gi a HTML và HTML5:
•

SVG, canvas vƠ nh ng hình d ng vector đ u đ

c h tr b i HTML5, khi

HTML n u mu n s d ng hình vector ch có th dùng nó trong m t cơng ngh khác
nh , Flash, VML vƠ silver light.
•

HTML5 s d ng web SQL databases, application cache đ l u d li u t m,

trong khi đó, HTML ch có cache c a trình duy t đ
•

c dùng cho m c đích nƠy.

M t khác bi t n a gi a HTML vƠ HTML5 đáng nh c đ n lƠ HTML không

cho phép JavaScript ch y trong web browser (thay vì v y nó ch y trong interface
thread c a browser), trong khi đó HTML5 h tr hoƠn toƠn cho JavaScript đ ch y
n n (nh vƠo JS web worker API c a HTML5).
•

t

HTML5 khơng d a trên SGML, cho phép nó t ng lu t parsing, có th

ng thích m nh m h n
•

Trong HTML5, inline MathML vƠ SVG có th đ

n i mƠ khơng đ
•

c dùng trong v n b n

c h tr trong HTML.

M t s elements l i th i đư b lo i b hoƠn toƠn lƠ: isindex, noframes,

acronym, applet, basefont, dir, font, frame, frameset, big, center, strike, tt.
•

HTML5 h tr nhi u lo i đi u khi n form, ví d : ngƠy gi , email, s l

ng,

kho ng, s đi n tho i, URL, tìm ki m, vơng vơng
•

Có nhi u element đ

c gi i thi u trong HTML. M t vƠi trong s chúng lƠ

quan tr ng nh t: summary, time, aside, audio, command, data, datalist, details, embed,
wbr, figcaption, figure, footer, header, article, hgroup, bdi, canvas, keygen, mark,
meter, nav, output, progress, rp, rt, ruby, section, source, track, video.

ThS. Nguy n V n Phát

Trang 11


CH

NG 1. C S LÝ THUY T

Hình 1.3. So sánh gi a HTML4 v i HTML5

1.2.1.2. S khác bi t chính gi a CSS và CSS3

CSS3 đư b sung m t s tính n ng m i nh :
o Selector:
CSS3 h tr m t s cách tham chi u element m i trong css, ngoài cách tham chi u
element b ng tên element (div), id (#someid), class (.someclass), CSS3 nay h tr
thêm pesudo-classes. Pesudo-classes đ
tính c a đ i t

c đ nh d a trên m t đ i t

ng đi kèm đ c

ng : tr ng thái hi n th , v trí, tr ng thái ho t đ ng, lang, target.

Cú pháp:

el:{
}

Cách đ nh ngh a d a trên tr ng thái ho t đ ng :link,:visited, :hover, :active
▪ a:link
▪ a:visited
▪ a:hover
▪ a:active
Cách đ nh ngh a d a trên tr ng thái hi n th :enabled, :disabled
ThS. Nguy n V n Phát

Trang 12


CH

NG 1. C S LÝ THUY T
div:enabled {
color:red;
}
div:disabled {
color:blue
}
Cách đ nh ngh a d a trên v trí :first-child, :last-child, :nth-child(an+b), :first-of-

type, :last-of-type, :nth-of-type, :nth-last-of-type.
tr:nth-child(2n+1)
tr:nth-child(odd)
tr:nth-child(2n+0)
tr:nth-child(even)

o Màu
CSS3 nay đư h tr thêm m t s cách đ nh ngh a mƠu m i:
▪ HSL(Hue-Saturation-Lightness),
▪ HSLA(Hue-Saturation-Lightness-Alpha),
▪ RGBA (Red-Green-Blue-Alpha).
▪ Opacity (đ m )
HSL lƠ cách đ nh ngh a mƠu d a trên 3 thơng s : Hue, Saturation, Lightness.
Trong đó:
Hue có giá tr [0, 360], 0 = red, 120 = blue, 240 = green.
Saturation, và Lightness có giá tr [0%, 100%].
Alpha là thông s cu i đ
trong su t c a đ i t

c thêm vào cách RGB và HSL quy t đ nh đ n đ

ng hi n thì, có giá tr t [0,1], do v y có th t o ra nh ng

element trong su t r t d dàng.
u đi m c a HSL h n RGB lƠ nó lƠ tr c quan h n r t nhi u: có th đốn nh ng màu
s c mà b n mu n, vƠ sau đó tinh ch nh. Nó c ng d dƠng h n đ t o ra b màu s c
phù h p (b ng cách gi cho màu s c gi ng nhau và khác nhau nh nhàng / bóng t i,
vƠ đ bão hịa).

ThS. Nguy n V n Phát

Trang 13


CH

NG 1. C S LÝ THUY T

o Background
Thu c tính Multi Background trong CSS3 đ

c s d ng đ thêm m t ho c nhi u hình

nh t i m t th i đi m. Có th thêm các hình nh m i khi c n đ n.
Cú pháp:
#multibackground {
background-image:
url(../css/images/logo.png),url(../css/images/border
.png);
background-position: left top, left top;

background-repeat: no-repeat, repeat;
padding: 75px;

}

B ng d

i li t kê các giá tr th
Giáătr
background
background-clip
backgroundimage
backgroundorigin
background-size

ThS. Nguy n V n Phát

ng đ

c s d ng:
Miêuăt

Thi t l p t t c các thu c tính v background
Khai báo m t khu v c dƠnh đ Painting trong
Background
Xác đ nh Background Image
Xác đ nh v trí c a Background Image
Xác đ nh kích c c a Background Image
Trang 14

CH

NG 1. C S LÝ THUY T

Có th xác đ nh các kích c khác nhau cho các hình nh khác nhau đ

c s d ng trên

m t n n b i s d ng thu c tính background-size. Cú pháp nh sau:

#multibackground {
background: url(../css/imalges/logo.png) left top no-repeat,
url(../css/images/boarder.png) right bottom no-repeat,
url(../css/images/css.gif) left top repeat;
background-size: 50px, 130px, auto;
}

o Boder Radius
Giá tr
boder-top-left-radius
boder-top-right-radius
border-bottom-left-radius
border-bottom-right-radius

Miêu t
Xác đ nh hình d ng c a các đ

ng

vi n góc trên bên trái
Xác đ nh hình d ng c a các đ
vi n góc trên bên ph i.

ng

Xác đ nh hình d ng c a các đ

ng

vi n góc d

i bên trái

Xác đ nh hình d ng c a các đ
vi n góc d i bên ph i.

ng

Ví d :
#boder-radius {
border: 2px solid red;

padding: 10px;
border-top-left-radius: 50px 25px;
border-top-right-radius: 100px 25px;
border-bottom-left-radius: 50px 25px;
border-bottom-right-radius: 100px 25px;
}

K t qu :

ThS. Nguy n V n Phát

Trang 15


CH

NG 1. C S LÝ THUY T
o Boder Images
Giá tr

Miêuăt

border-image

M t thu c tính vi t t t đ thi t l p t t c các thu c tính border-image

border-image-outset

Ch đ nh giá tr khu v c nh vi n v
vùng bao

border-image-repeat

Ch đ nh nh vi n nên đ

t ra ngoƠi vùng gi i h n c a

c l p đi l p l i, tròn ho c kéo dƠi

c s d ng đ c t Border Image thành các mi ng m ng

border-image-slice
border-image-source

Ch đ nh đ

ng d n t i hình nh đ s d ng nh đ

border-image-width

Ch đ nh đ r ng c a nh-vi n

ng vi n

o Text
CSS3 b sung m t s thu c tính th
Giáătr
text-align-last
text-emphasis

ng đ

c s d ng trong CSS3:

Miêuăt
C n ch nh dòng v n b n cu i cùng
c s d ng đ nh n m nh ph n v n b n nƠo đó

word-break

c s d ng đ xác đ nh xem cách đ báo cho ng i dùng bi t
r ng có ph n n i dung b trƠn ra kh i kh i mƠ không đ c hi n
th
c s d ng đ ng t dòng d a vƠo t

word-wrap

c s d ng đ ng t dòng vƠ bao vƠo trên dòng ti p theo

text-overflow

ThS. Nguy n V n Phát

Trang 16


CH

NG 1. C S LÝ THUY T
o Transform 2D / 3D

Cho phép xoay, kéo dãn, kéo nghiêng, phóng to..các thành ph n trên trang
B ng d

i li t kê m t s giá tr th

ng đ

Giáătr

c s d ng trong 2D Transforms:
Miêuăt

matrix(n,n,n,n,n,n)

c s d ng đ đ nh ngh a Matrix Transforms (d ng t nh
ti n theo ma tr n) v i 6 giá tr

translate(x,y)

c s d ng đ t nh ti n ph n t theo tr c x vƠ tr c y

translateX(n)

c s d ng đ t nh ti n ph n t theo tr c x

translateY(n)

c s d ng đ t nh ti n ph n t theo tr c y

scale(x,y)

c s d ng đ thay đ i đ r ng vƠ chi u cao c a ph n t

scaleX(n)

c s d ng đ thay đ i đ r ng c a ph n t

scaleY(n)

c s d ng đ thay đ i chi u cao c a ph n t

rotate(angle)

c s d ng đ quay ph n t d a trên m t góc (angle)

skewX(angle)

c s d ng đ đ nh ngh a Skew Transforms (d ng t nh ti n
đ i x ng l ch) cùng v i tr c x

skewY(angle)

c s d ng đ đ nh ngh a Skew Transforms cùng v i tr c y

B ng d

i li t kê các ph

ng th c đ

c s d ng đ g i 3D Transform trong CSS3:

Giáătr
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
translate3d(x,y,z)

Miêuăt
c s d ng đ t nh ti n ph n t b i s d ng
16 giá tr c a m t ma tr n
c s d ng đ t nh ti n ph n t theo tr c x,
tr c y vƠ tr c z

translateX(x)

c s d ng đ t nh ti n ph n t theo tr c x

translateY(y)

c s d ng đ t nh ti n ph n t theo tr c y

translateZ(z)

c s d ng đ t nh ti n ph n t theo tr c z

scaleX(x)

c s d ng đ Scale Transform theo tr c x

scaleY(y)

c s d ng đ Scale Transform theo tr c y

ThS. Nguy n V n Phát

Trang 17

CH

NG 1. C S LÝ THUY T

scaleY(y)

c s d ng đ Scale Transform theo tr c z

rotateX(angle)

c s d ng đ Rotate Transform theo tr c x

rotateY(angle)

c s d ng đ Rotate Transform theo tr c y

rotateZ(angle)

c s d ng đ Rotate Transform theo tr c z

o Animation
Ti n trình t o các thay đ i t i hình dáng và t o các s chuy n đ ng c a
các ph n t . Qui t c @keyframes s đi u khi n các b

c hi u ng trung gian

trong CSS3.
B ng các ph

ng th c c a Animation trong CSS3

Thu cătính
@keyframes

Mơăt
Xác đ nh mư animation

M t thu c tính vi t t t cho các thu c tính animation (ngo i tr
animation-play-state và animation-fill-mode)
Xác đ nh s ch m tr đ i v i s b t đ u c a m t chuy n đ ng c a
animation-delay
hình nh ho c tag (animation)
animationXác đ nh có hay không các chuy n đ ng nên ch y ng c l i trên
direction
chu k thay th
Xác đ nh có bao nhiêu giơy ho c mili giơy m t chuy n đ ng c n
animation-duration
đ hoƠn thƠnh m t chu k
animation-fillXác đ nh ki u cho các ph n t khi các chuy n đ ng khơng ch y
mode
(Khi nó d ng l i , ho c khi nó b tr )
animationXác đ nh s l n m t chuy n đ ng đ c th c hi n
iteration-count
animation

animation-name

Xác đ nh tên c a @keyframes animation

animation-playstate
animation-timingfunction

Xác đ nh xem các chuy n đ ng đang đ

c ch y hay t m d ng

Xác đ nh t c đ cong c a m t chuy n đ ng c a hình nh ho c tag

o Transitions
S d ng transition đ thay đ i kích th
đ

c l p trình tr

c c a m t ph n t theo th i gian

c s d ng transition .

ThS. Nguy n V n Phát

Trang 18


CH

NG 1. C S LÝ THUY T
B ng các thu c tính:
Thu cătính

transition
transition-property
transition-duration

Mơăt
M t thu c tính vi t t t đ thi t l p cho 4 thu c tính chuy n
đ i
Xác đ nh tên c a thu c tính CSS trong hi u ng c a q
trình chuy n đ i(none, width, height, all)
Xác đ nh bao nhiêu giơy ho c mili giơy m t hi u ng chuy n
đ i hoƠn thƠnh

transition-timingfunction

Xác đ nh đ

transition-delay

Xác đ nh khi nƠo hi u ng chuy n đ i s b t đ u

ng cong t c đ c a hi u ng chuy n đ i

o Multi Column
S px pv nb nd
B ng d
CSS3:

i d ng c u trúc m t bài báo.

i li t kê m t s thu c tính Multi Column th

Giáătr

ng đ

c s d ng trong

Miêuăt

column-count

c s d ng đ đ m s c t mƠ ph n t nên đ

column-fill

c s d ng đ xác đ nh cách fill d li u vƠo c t

column-gap

c s d ng đ xác đ nh kho ng tr ng gi a các c t

column-rule

c s d ng đ xác đ nh m t s qui t c

rule-color

c s d ng đ xác đ nh qui t c mƠu cho c t

rule-style

c s d ng đ xác đ nh qui t c style cho c t

rule-width

c s d ng đ xác đ nh đ dƠy c a đ

column-span

c s d ng đ xác đ nh span gi a các c t

ThS. Nguy n V n Phát

c phơn chia thƠnh

ng nét.

Trang 19