Nghiên cứu và xây dựng công cụ hỗ trợ học trực tuyến cho học sinh và sinh viên

BỘ GIÁO DỤC VÀ ĐÀO TẠO
T ƢỜ

ĐẠ

ỌC

C

O

À ỘI

---------------------------------------

PHÙNG NGỌC VỮNG

NGHIÊN CỨU VÀ XÂY DỰNG CÔNG CỤ HỖ TRỢ HỌC TRỰC TUYẾN
CHO HỌC SINH VÀ SINH VIÊN.

V

T ẠC

Ỹ THU T

KỸ THU T PHẦN MỀM

Hà Nội- 2017

BỘ GIÁO DỤC VÀ ĐÀO TẠO
T ƢỜ

ĐẠ

ỌC

C

O

À ỘI

---------------------------------------

PHÙNG NGỌC VỮNG

NGHIÊN CỨU VÀ XÂY DỰNG CÔNG CỤ HỖ TRỢ HỌC TRỰC TUYẾN
CHO HỌC SINH VÀ SINH VIÊN.
C u nn

V

n

ỹ thuật phần mềm

T ẠC

Ỹ THU T

KỸ THU T PHẦN MỀM

ƢỜ

ƢỚNG DẪN KHOA HỌC:

TS. NGUYỄN THANH HÙNG

Hà Nội - 2017


Ờ C

T i xin

m o n nh ng g t i vi t ƣới

nh ng k t qu

o

m ph ng

li u n o ƣới mọi h nh thứ C
tr h

ĐO

y l ho n to n h nh th ng kh ng s o h p

trong lu n v n hƣ từng ƣợ
th ng tin s

ụng trong lu n v n

n r r ng T i xin ho n to n hịu tr h nhi m n u

ng

từ

ngu n g

t ứt i
v

u hi u s o h p k t qu từ

t i li u kh

N

n

t

n

n m

TÁC GIẢ

PHÙNG NGỌC VỮNG

1

ƣợ


Ờ
Ngày nay, ùng với sự ph t triển ủ
họ trự tuy n ã kh ng òn x l
th ng tin h
t i ngày

ng ngh th ng tin vi

Trong t t

ều trở nên hi n h u
ng

ng m ng

ng l

o

h

y họ từ x ,
vi

iên so n truyền

n từng họ viên L m th
i

i với ngƣời l m gi o ụ n i hung v

i tƣợng l họ viên lu n hú trọng

n

i gi ng

hi ph gi ng th p V y nên, một b i gi ng trự tuy n t t ph i là

k t qu

ủ sự k t hợp gi

nh m

i tƣợng khác nh u nhƣ họ sinh phụ huynh ngƣời th m kh o…

ph

ng ngh

i gi ng phong phú thu hút ƣợ nhiều

p n t i ƣu

ngƣời thầy n i riêng Trong khi
t t t nh tƣơng t

i gi ng họ trự tuy n ƣợ

h nh thứ

i to n hƣ

họ t p

lĩnh vự gi o ụ

n nhiều tr i nghi m h u

n o ể họ trự tuy n hi u qu
tƣợng

Ở ĐẦ

C ng ngh th ng tin v ngƣời thầy

hi ph lƣu tr ph i th p t

ộ truyền t i ph i

thể

o Đ y ũng l

p ứng ho nhiều
ng thời, họ
ịnh hƣớng ủ

nh ng o nh nghi p khi mu n x y ựng h th ng ứng ụng hỗ trợ ho vi

họ trự

tuy n
Trong khu n khổ ề tài lu n v n ủ m nh t i xin giới thi u qu tr nh x y ựng v ph t
triển ứng ụng

nền t ng hỗ trợ vi

họ trự tuy n ho họ sinh, sinh viên với kiểu

li u th ng nh t quy huẩn t i ƣu hơn ho vi
hứ n ng ơ
S

ụng

n nhƣ: Hỗ trợ ọ

i gi ng ịnh

li u quy huẩn ể tr nh iễn

t nh tƣơng t

gi

lƣu tr v truyền t i Ứng ụng
ng ơ

i gi ng; hỗ trợ

nh ng

n nhƣ PDF h vi t t y;
i gi ng thời gi n thự ; C

i gi ng với họ viên trong qu tr nh họ ; Qu n lý lớp họ

gi ng th ng tin họ viên…
B

ụ

ủ lu n v n

og m

n hƣơng nhƣ s u:

o Chƣơng 1: Đặt v n ề
o Chƣơng 2: Gi i ph p khắ phụ v n ề v

ịnh hƣớng

ng ngh

o Chƣơng 3: X y ựng ứng ụng hỗ trợ họ sinh họ trƣ tuy n E-LearningClient
o Chƣơng 4: K t lu n v hƣớng ph t triển

2

i


Ờ CẢ

Ơ

Trước tiên, tôi xin dành những lời cảm ơn chân thành tới tất cả các thầy cô Viện Công
Nghệ Thông Tin và Truyền Thông, bộ môn Công Nghệ Phần Mềm đã giảng dạy hết sức
tận tình, đem lại nguồn kiến thức giúp tơi có thể thực hiện đề tài.
Tơi xin gửi lời cảm ơn sâu sắc đến TS Nguyễn Thanh Hùng –Trưởng bộ môn Công Nghệ
Phần Mềm, người đã theo sát và trực tiếp hướng dẫn tơi hồn thành đề tài. Trong suốt
quá trình nghiên cứu và tìm hiểu, thầy ln tận tình chỉ bảo, sát sao trong cơng việc, định
hướng cách giải quyết vấn đề.
Dù đã cố gắng hết sức, nhưng bài luận văn chắc chắc còn nhiều sai sót, tơi kính mong
thầy cơ thơng cảm, chỉ bảo, tạo điều kiện cho tơi hồn thiện thêm.
Tơi xin chân thành cảm ơn !
Hà Nội, ngày 19 tháng 9 năm 2017

Họ viên

Phùng Ngọc V ng

3


DANH MỤC BẢNG BIỂU
B
B
B
B
B

ng 1 Nuget i ặt SkiaSharp ....................................................................................... 40
ng 2 Chi ti t d li u mô t video ................................................................................... 47
ng 3 C u trúc d li u bài trắc nghi m tƣơng t .......................................................... 48
ng 4 Các yêu cầu kiểm th ............................................................................................ 64
ng 5 Các tình hu ng kiểm th ...................................................................................... 65

4


ỤC

VÀ TỪ V ẾT T T
ĩa

Ký hiệu

Từ Viết Tắt

E-Learning

Electronics Learning

Học trực tuy n

SDK

Software Development Kit

Bộ công cụ phát triển phần mềm

OS

Operating system

H

XML

eXtensible Markup Language

Ngôn ng

PCL

Portable Class Library

Lớp thƣ vi n kh chuyển

MVVM

Model – View – ViewModel

Mơ hình phát triển phần mềm

PDF

Portable Document Format

Định d ng d li u kh chuyển

CD

Compact Disk

Đĩ qu ng

WPF

nh

u mở rộng

Chƣơng tr nh qu n lý ơ sở d li u

SQLITE
HTML

iều hành

HyperText Markup Language
Windows

Ngôn ng

nh d u siêu v n

n

Presentation Công ngh xây dựng ứng dụng trên

Foundation

máy tính

DLL

Dynamic link library

Thƣ vi n liên k t ộng

LMS

Learning Management System

H qu n trị

5

ot o


ỤC

Ì

Ả

Hình 1 C u trúc kh i h th ng Moddle ............................................................................ 13
Hình 2 Giao di n h th ng Sakai 11 ................................................................................. 14
Hình 3 H th ng Dokeos .................................................................................................. 15
Hình 4 Apache Cordova ................................................................................................... 20
Hình 5 So sánh cơng ngh phát triển ứng dụng nền t ng ............................................ 22
Hình 6 Công ngh hiển thị ch vi t tay ............................................................................ 23
Hình 7 Cơng ngh hiển thị d li u PDF ........................................................................... 24
Hình 8 Quá trình hình thành và phát triển của Xamarin ................................................... 26
Hình 9 Ki n trúc tầng của xamarin................................................................................... 27
Hình 10 Ki n trúc liên k t của Xamarin ............................................................................ 27
Hình 11 Các nền t ng hỗ trợ bởi Xamarin ....................................................................... 28
Hình 12 Chia sẻ mã ngu n trong Xamarin.Form .............................................................. 31
Hình 13 Chia sẻ mã ngu n trong từng nền t ng ................................................................ 32
Hình 14 K t qu ứng dụng t o bằng Xamarin.Form ......................................................... 32
Hình 15 Ho t ộng chia sẻ mã ngu n của Shared Project ................................................ 33
Hình 16 Ho t ộng chia sẻ mã ngu n của PCL................................................................ 35
Hình 17 Mơ hình MVVM ................................................................................................. 38
Hình 18 Render ch vi t tay với SkiaSharp ...................................................................... 41
Hình 19 Hiển thị d li u PDF với PDFjs .......................................................................... 42

Hình 20 Mơ hình h th ng................................................................................................. 43
Hình 21 C u trúc d li u mô t video ............................................................................... 45
H nh 22 C i ặt m i trƣờng phát triển xamarin ................................................................ 49
Hình 23 T o dự án mới với Xamarin ................................................................................ 50
Hình 24 Biểu
usecase tổng quát ................................................................................... 52
Hình 25 Usecase li t kê bài gi ng ..................................................................................... 53
Hình 26 Usecase qu n lý ng t i kho n........................................................................... 54
H nh 27 Use se iều khiển bài gi ng ............................................................................. 54
H nh 28 Sequen e ng nh p h th ng ............................................................................ 55
H nh 29 A tivity ng nh p h th ng............................................................................... 56
H nh 30 Sequen e Đ ng k t i kho n .............................................................................. 56
H nh 31 A tivity Đ ng k t i kho n ................................................................................ 57
Hình 32 Sequence Li t kê bài gi ng ................................................................................. 57
Hình 33 Activity Li t kê bài gi ng ................................................................................... 58
Hình 34 Sequence Học bài ............................................................................................... 58
Hình 35 Activity Học ngo i tuy n.................................................................................... 59

6


MỤC LỤC
LỜI CAM ĐOAN ................................................................................................................ 1
LỜI MỞ ĐẦU ..................................................................................................................... 2
LỜI CẢM ƠN ...................................................................................................................... 3
DANH MỤC BẢNG BIỂU ................................................................................................. 4
DANH MỤC K HI U V TỪ VI T T T ...................................................................... 5
DANH MỤC HÌNH ẢNH ................................................................................................... 6
CHƢƠNG 1: ĐẶT VẤN ĐỀ .............................................................................................. 9
1.1. Giới thi u vi

1.1.1. C

gi o ụ trự tuy n ........................................................................... 9

lo i h nh

o t o trự tuy n ......................................................................... 9

1.1 2 Lợi h họ trự tuy n ....................................................................................... 10
1.2 C

v n ề ủ vi

họ trự tuy n hi n n y ......................................................... 11

1.2.1. V n ề ph ngƣời học ...................................................................................... 12
1.2.2. V n ề phía nội dung học t p ........................................................................... 12
1.2.3. V n ề về y u t công ngh .............................................................................. 12
1.3. Các h th ng học trực tuy n hi n nay ..................................................................... 12
1.3.1. Moddle .............................................................................................................. 13
1.3.2. Sakai 11............................................................................................................. 14
1.3.3. Dokeos .............................................................................................................. 15
CHƢƠNG 2: GIẢI PHÁP KH C PHỤC VẤN ĐỀ V ĐỊNH HƢỚNG CÔNG NGH 17
2 1 Gi i ph p ................................................................................................................. 17
2 2 Phƣơng ph p ti p

nv

2 2 1 Phƣơng ph p ti p

ịnh hƣớng

ng ngh .................................................... 18

n........................................................................................ 18

2 2 2 C ng ngh thự hi n ......................................................................................... 19
2 2 2 1 Nền t ng X m rin ..................................................................................... 25
2 2 2 2 Nh ng ƣu iểm nhƣợ

iểm ủ X m rin ................................................ 28

2 2 2 2 1 Ƣu iểm................................................................................................. 28
2.2.2.2.2. Nhƣợ

iểm .......................................................................................... 29

2 2 2 3 Ph t triển ứng ụng i ộng

nền t ng ự trên X m rin Form ............. 30
7


2.2.2.3.1. Shared Project ...................................................................................... 33
2.2.2.3.2. Portable Class Libraries (PCL) ............................................................ 34
2.2.2.4. Mơ hình MVVM ........................................................................................ 38
2.2.2.5. Hiển thị

li u h vi t t y với Ski Sh rp ............................................... 39

2.2.2.6. Hiển thị

i gi ng PDF với PDFjs.............................................................. 41

CHƢƠNG 3: XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TRỰC TUY N ELEARNINGCLIENT ...................................................................................................... 43
3 1 Ki n trú h th ng ................................................................................................... 43
3 2 Thi t k ứng ụng E-LearningClient ...................................................................... 44
3 2 1 M h nh h

li u vi eo ................................................................................ 44

3 2 2 C i ặt m i trƣờng ph t triển ............................................................................ 49
3 2 3 Thi t k ứng ụng ............................................................................................. 51
3231C

iểu

Use se ủ ứng ụng ............................................................. 52

3 2 3 1 1 Use se tổng qu t ................................................................................. 52
3 2 3 1 2 Use se li t kê

i gi ng ...................................................................... 53

3.2.3.1.3. Use se qu n lý

ng t i kho n ........................................................... 54

3.2.3.1.4 Use se iều khiển
3 2 3 2 Biểu

tuần tự v

iểu

i gi ng ............................................................... 54
ho t ộng ......................................................... 55

3 2 3 2 1 Đ ng nh p h th ng ............................................................................. 55
3 2 3 2 2 Đ ng k t i kho n ................................................................................. 56
3 2 3 2 3 Li t kê
3 2 3 2 4 Họ

i gi ng.................................................................................... 57
i ................................................................................................. 58

3.2.3.3 Thi t k gi o i n ........................................................................................ 60
3 2 4 Một s kị h

n kiểm th v k t qu ................................................................ 63

3 2 4 1 Yêu ầu kiểm th ....................................................................................... 63
3.2 4 2 T nh hu ng kiểm th .................................................................................. 65
CHƢƠNG 4: K T LUẬN V HƢỚNG PHÁT TRIỂN .................................................. 66
4 1 K t qu

t ƣợ ..................................................................................................... 66

4 2 Định hƣớng ph t triển ............................................................................................. 66
8

C ƢƠ
1.1.

iới t iệu việc iáo dục trực tu ến

Gi o ụ trự tuy n l vi
viên thi t k
ƣợ
t ể

1: ĐẶT VẤ ĐỀ

họ m họ sinh th m gi th ng qu

i gi ng o gi o

B i gi ng ƣợ thi t k theo úng tr nh tự ủ một ti t họ v

tiêu h nhƣ:

ng ngh

p ứng ƣợ nhu ầu tự họ

nội ung ki n thứ

o

sƣ ph m v phƣơng ph p truyền

ủ họ sinh ở mọi lú mọi nơi (online hoặ offline)

gi m hi ph thời gi n i l i kh ng ần trƣờng lớp Vi
n ngƣời họ

m

ƣợ thự hi n th ng qu

ƣ

i gi ng trự tuy n

phƣơng ti n i n t : t i li u ƣợ g i ho

họ sinh ằng em il họ sinh họ trên we site họ qu

ĩ CD - Rom multime i …

1.1.1. Các loại ìn đ o tạo trực tu ến
Hi n n y

5 lo i h nh thứ

o t o trự tuy n

l :

o Đào tạo dựa trên công nghệ (TBT - Technology-Based Training) là hình thứ
t o có sự áp dụng cơng ngh

o

ặc bi t là dựa trên công ngh thông tin.

o Đào tạo dựa trên máy tính khơng nối mạng (CBT - Computer-Based Training) là
hình thứ

o t o s dụng các ứng dụng (phần mềm)

ROM hoặc cài trên

o t o trên

ĩ CD-

m y t nh ộc l p, không n i m ng, khơng có giao ti p với

th giới bên ngồi. Thu t ng n y ƣợc hiểu

ng nh t với thu t ng CD-ROM

Based Training.
o Đào tạo dựa trên web (WBT - WebBased Training) là hình thứ

o t o s dụng

cơng ngh web. Nội dung học, các thông tin về ngƣời học và qu n lí khóa học

ƣợ lƣu tr trên máy chủ v ngƣời dùng có thể dễ dàng truy nh p thơng qua trình
duy t we

Ngƣời học có thể giao ti p với nhau và với giáo viên, s dụng các chức

n ng tr o ổi trực ti p, diễn

n e-mail... và có thể nghe ƣợc giọng nói và nhìn

th y hình nh củ ngƣời giao ti p với mình.

9


o Đào tạo trực tuyến (Online Learning/Training) là hình thứ

o t o có s dụng k t

n i m ng ể thực hi n vi c học: l y tài li u họ xem hƣơng tr nh gi o ti p gi a
ngƣời học với nhau và với giáo viên...
o Đào tạo từ xa (Distance Learning) là hình thứ

o t o trong

ngƣời d y và

ngƣời học không ở cùng một chỗ, th m chí khơng cùng một thời iểm. Ví dụ nhƣ
vi
1.1.2. ợi íc

o t o s dụng cơng ngh hội th o cầu truyền hình hoặc cơng ngh web.
ọc trực tu ến

Học trực tuy n có r t nhiều lợi h
về ph ngƣời học, về ph

ơ sở

ng và phong phú khi xét ở
o t o, về xã hội S u

g

ộ khác nhau:

y l một s lợi h ơ

n:

Thứ nhất, học trực tuy n giúp ngƣời họ vƣợt qua rào c n về khơng gian và thời gian.
Với hình thức họ n y ngƣời học có thể

ng k v theo học b t cứ thời gian nào mình

mu n. Học viên có thể học b t cứ lúc nào, t i b t k nơi

u… T n dụng ƣợc ngu n

gi ng viên ch t lƣợng cao từ nhiều nơi trên th giới, nội dung truyền t i nh t quán, phù
hợp với yêu cầu củ ngƣời học.

Thứ hai, Học trực tuy n giúp ho ngƣời học chủ ộng hơn: ễ dàng tự ịnh hƣớng và tự
iều chỉnh vi c học t p của b n thân. Vi

ng k v

hứng thực họ viên ơn gi n và

thu n ti n Ngƣời học có kh n ng tự kiểm sốt cao thơng qua vi c tự ặt cho mình t c
ộ học phù hợp, b qua nh ng phần hƣớng d n ơn gi n không cần thi t mà v n
ƣợc ti n ộ chung của khóa họ Đ i với học viên, kèm theo vi

p ứng

t ng kh n ng ti p tục

p ứng ƣợc công vi c, gi m thời gian học, học viên cịn có thể học mọi lúc, mọi nơi
cho phép học viên có thể ho n th nh hƣơng tr nh

o t o một cách thu n ti n ngoài giờ

làm vi c hay ở nhà.
Thứ ba, Học trực tuy n giúp ho ngƣời học rèn luy n và phát triển kh n ng tự học.
Trong su t quá trình học trực tuy n, học viên ph i tự xây dựng k ho ch học t p, lựa
chọn môn học, tài li u cần thi t, tự thực hi n các yêu cầu của khóa học... nhờ th mà kh
n ng tự học mỗi ngày một t t hơn
10


Thứ tư, Học trực tuy n l m t ng lƣợng thông tin một cách rõ r t, ki n thứ thu ƣợc r t
ng và phong phú. Nhờ t nh tƣơng t

v hợp tác cao, dễ ti p c n và thu n ti n

o

t o trực tuy n t o một m i trƣờng giao ti p thu n lợi gi a học viên với giáo viên, gi a
học viên với nhau... Khi mọi ngƣời ƣợ tr o ổi với giáo viên và b n bè trong lớp, họ có
thể ti p thu nhiều th ng tin hơn từ các ngu n khác nhau. Mặt khác, k t qu
ƣợc tự ộng h

v

o t o ũng

ƣợc thông báo nhanh chóng, chính xác, khách quan.

Thứ năm, Rút ngắn thời gi n

o t o. Học viên t n dụng ƣợc mọi thời gian r nh rỗi,

gi m thiểu thời gian rời kh i v n phòng hoặ gi

nh Cơ sở

o t o ũng ễ dàng kiểm

soát thời gian thực hi n khóa học.
Cuối cùng, Chi phí cho vi c học t p ƣợc gi m thiểu: chi phí cho ngƣời học, chi phí cho
tổ chức và qu n l

o t o. Nội dung khóa học có thể s dụng l i ƣợc với các học viên

khác nhau. Cắt gi m ƣợc chi phí in n, xu t b n và phân ph i tài li u lƣơng ủa giáo
viên, chi phí thuê phòng họ

hi ph

tiền lớn do gi m ƣợ

i l i.

Ƣu iểm nổi
n è thầy

hi ph

i l i n ở cho học viên. Ti t ki m ƣợc một kho n

t ủ lớp họ truyền th ng
gi o

l họ sinh ễ

y ũng h nh l th h thứ kh ng nh

Ch nh v v y khi thi t k

p ki n thứ

ƣ r

sự hợp t
v n ề m họ

thể k t n i tr o ổi th ng tin với gi o viên th ng qu hòm thƣ trự tuy n Ngƣợ

l i, gi o viên ũng nắm ƣợ
ũng

i với lớp họ trự tuy n.

i gi ng gi o viên ph i ặt r tiêu h : “Họ

ph i hợp” Kh ng hỉ gi o viên l ngƣời ung
sinh

ng tr o ổi trự ti p với

thể ễ

th ng tin ph n h i trong

ng tr o ổi th ng tin với nh u qu

iễn

i

y ủ m nh Họ sinh
n (forum) hội tho i trự

tuy n ( h t) thƣ từ (em il)…
1.2. Các vấn đề của việc ọc trực tu ến iện na
Bên

nh nh ng lợi

h m gi o ụ trự tuy n m ng l i kh ng thể kh ng kể

v n ề h n h n i hung ủ vi

họ trự tuy n hi n n y. [1]

11

n nh ng


1.2.1. Vấn đề p ía n ƣời học
Tham gia học t p trực tuy n òi h i ngƣời học ph i có kh n ng l m vi
thức tự gi

o ộ. Bên c nh

ộc l p với ý

ũng ần thể hi n kh n ng hợp tác, chia sẻ qua m ng

một cách hi u qu với gi ng viên và các thành viên khác. Ngƣời họ

ũng ần ph i bi t

l p k ho ch phù hợp với b n thân, tự ịnh hƣớng trong học t p, thực hi n t t k ho ch
học t p ã ề ra.
1.2.2. Vấn đề phía nội dung học tập
Trong nhiều trƣờng hợp, không thể v kh ng nên ƣ r

nội dung quá trừu tƣợng, quá

phức t p Đặc bi t là nội dung liên quan tới thí nghi m, thực hành mà Công ngh thông
tin không thể hi n ƣợc hay thể hi n kém hi u qu . H th ng học trực tuy n ũng kh ng
thể thay th

ƣợc các ho t ộng liên quan tới vi c rèn luy n và hình thành kỹ n ng

bi t là kỹ n ng th o t

ặc

v v n ộng.

1.2.3. Vấn đề về yếu tố công nghệ
Sự h n ch về kỹ n ng

ng ngh củ ngƣời học sẽ làm gi m

lƣợng d y học trực tuy n. Bên c nh
th ng hi ph …) ũng nh hƣởng

ng kể hi u qu , ch t

h tầng công ngh thông tin (m ng internet

ng

ng kể tới ti n ộ, ch t lƣợng học t p.

1.3. Các hệ thống học trực tuyến hiện nay
H th ng qu n lý học t p nói chung (LMS) là h th ng qu n lý các quá trình học t p và
phân phát nội dung khoá học tới ngƣời học. LMS bao g m nhiều mơ- un kh
q trình học t p trên m ng ƣợc thu n ti n và dễ dàng phát huy h t

iểm m nh của

internet. Hi n nay, có r t nhiều h th ng LMS ƣợc triển khai với nhiều mụ
nhƣợ

nh u giúp
h ƣu

iểm khác nhau, ti p theo tơi xin trình bày một s h th ng LMS phổ bi n và v n

ề t n t i của nh ng h th ng này.

12


1.3.1. Moddle
Là h th ng qu n lý học t p mã ngu n mở 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 [2]. Moddle bao g m hầu h t

t nh n ng ơ

n của

một h th ng LMS nhƣ :
o T o l p và qu n lý khóa học
o Đƣ nội dung bài gi ng tới ngƣời học
o Trợ giúp giáo viên tổ chức các ho t ộng nhằm qu n lý khóa học nhƣ tr o ổi,
nh gi th o lu n, kiểm tra cu i khóa, bài t p lớn…
o Qu n lý học viên
o Qu n lý tài nguyên của từng khóa học
o Báo cáo ti n trình họ tƣơng t

ủa học viên

Hình nh ên ƣới là c u trúc kh i của h th ng Moddle [14]

Hình 1 Cấu trúc khối hệ thống Moddle

13


H th ng mo le hƣớng tới mọi

i tƣợng tham gia vào h th ng LMS nhƣ gi o viên

học sinh, nhà qu n lý… Tuy h th ng

ng ƣợc s dụng rộng rãi và có r t nhiều ƣu vi t

trong vi c t o, qu n lý bài gi ng trực truy n nhƣng mo

le ũng

ng gặp một s h n ch

nhƣ s u :
o Là h th ng bao g m t t c
phức t p
o Đƣợc bi t

i với

hƣớng mọi

i với một s

i tƣợng nên vi

i ặt , ti p c n cịn

i tƣợng khơng thành th o công ngh

n nhƣ một forum chia sẻ tài li u tĩnh kh ng ề c p

n bài gi ng

video trực tuy n hay học thời gian thực
o Chú trọng phát triển we site hơn l ứng dụng. Tuy có hỗ trợ cho thi t bị i ộng

nhƣng ứng dụng ƣợc phát triển trên các nền t ng riêng bi t.
1.3.2. Sakai 11
Sakai 11, gi ng nhƣ Mo le l một gi i pháp LMS mã ngu n mở hỗ trợ hầu h t các
chứ n ng ơ n của một h th ng LMS Điểm khác củ S k i 11 l ƣợc phát triển trên
Java. Sakai 11 có giao di n dễ s dụng hơn t ng t i ƣu ho vi c s dụng trên thi t bị di
ộng, hỗ trợ t t vi c giao bài t p ề nghị cho học sinh và thi t k bài gi ng. [14]

Hình 2 Giao diện hệ thống Sakai 11
14


S k i ƣợc tích hợp với Google Góc và bao g m các công cụ hỗ trợ tra cứu, kiểm th
online, trình chi u slide và cho phép s dụng Dropbox. Tuy nhiên, Do vi
với ịnh hƣớng

S k ir

n các dự án giáo dục lớn, có chi n lƣợc phát triển theo

(website, ứng dụng) nên h n ch

i tƣợng s dụng. Cộng

ời

hƣớng

ng phát triển củ S k i ũng

khá hẹp, không nhiều plug-in hay add-ons hỗ trợ.

1.3.3. Dokeos
Dokeos là một gi i pháp LMS mã ngu n mở kh
ƣợc build trên PHP. Công cụ này
ƣợc phát triển t i Ph p v ƣợc s dụng trên 60 qu c gia khác nhau. [14]

Hình 3 Hệ thống Dokeos
Dokeos xây dựng nhƣ một công cụ ng ký kh học, thi t k các m u bài thi, học nhóm
riêng rẽ và hỗ trợ chat gi
th nh viên Dokeos ũng hỗ trợ trình chi u các lo i tài
li u ơ n nhƣ wor offi e v power point Tuy nhiên, Dokeos gặp v n ề về phân chia
c p ộ ngƣời học, qu n lý họ viên hƣ hỗ trợ vi c h i p nhƣ một forum. Ngoài ra,
bài gi ng vi eo ƣợc t i lên với ịnh d ng g c nên t
ộ truyền t i còn khá ch m.
Tóm lại, qua vi c trình bày các v n ề của vi c học trực tuy n ũng nhƣ
v n ề của
một s h th ng học trực tuy n hi n hành, tôi xin nêu ra các chi ti t
kh kh n m ề
tài cần gi i quy t nhƣ s u :
15


Thứ nhất, cần hỗ trợ t t bài gi ng video (ch vi t tay và tài li u) từ vi c t o bài gi ng

n

vi c truyền tài, hiển thị, gi m thiểu chi phí t o bài gi ng. B i gi ng thƣờng l nh ng
vi eo
Để

n ựng qu y l i qu tr nh truyền t i ki n thứ

i gi ng

h t lƣợng t t

studio hay hỗ trợ ởi

ũng nhƣ t i li u

vi eo thƣờng ƣợ thự hi n một

n với họ viên
h

thi t ị ghi h nh ghi m huyên nghi p Do

ng phu ở
gặp ph i nh ng

v n ề:
o Chi ph t n k m ho vi
o Vi

t o

t o

i gi ng hỗ trợ ởi

o S n phẩm vi eo

i gi ng tƣơng t

i gi ng liên tụ

lƣu tr
i t l khi

p trong một thời gi n ngắn

i gi ng vi eo ơn thuần hỉ m ng t nh tƣơng t

s u Để so n ƣợ
t

ung lƣợng lớn g y kh kh n ho vi

i gi ng trự tuy n thời gi n thự kh kh n Đặ

có nhiều họ viên truy

nội ung

stu io

thi t ị ghi h nh, ghi m ắt tiền

n ựng

truyền t i triển kh i

Thứ hai

i gi ng ở

o l i ần

một hiều kh ng

hiều

nh ng phần mềm huyên ụng Với

nên ễ g y r sự nh m h n

i gi ng kh ng

t nh tƣơng

với họ sinh

Thứ ba, C

h th ng hi n h nh hủ y u ƣợ x y ựng trên we site Trong khi

ng nhiều thi t ị nền t ng ƣợ họ sinh sinh viên s
ph p hỗ trợ vi

họ t p ho họ sinh trên

Theo nh ng ph n t h về h n h

ủ vi

i
t o

ụng V th

ần

một gi i

s thi t ị
i gi ng vi eo tr nh hi u

i gi ng ùng

v n ề ủ h th ng họ trự tuy n hi n n y ở hƣơng ti p theo t i xin tr nh
ph p khắ phụ v

ịnh hƣớng

ng ngh thự hi n.

16

ng y

y gi i

C ƢƠ

2:

Ả P

P

C P ỤC VẤ ĐỀ VÀ ĐỊ

ƢỚ

CÔ
2.1.

iải p áp

Theo v n ề nêu trên (Chương 1), trong khu n khổ ề t i t t nghi p tôi xin ề r gi i
ph p ơn gi n h
ần
t o

vi

t o

n sự hỗ trợ ủ

thi t ị ghi h nh hi n

i gi ng huyên ụng

tƣơng t

gi

Bằng vi

ng l i

o Nội ung

li u

i

o hỗ trợ t i

n nh ng phần mềm

i gi ng lƣu tr tọ

o g m:

ộ n t út ủ ngƣời thầy,

i gi ng th ng tin

nền t ng t nh

lo i thi t ị

i gi ng với ầu v o l một t p

u trú th ng tin

(pdf)

i kh ng ần ùng

truyền t i; không

i gi ng hiển thị t t trên m y họ viên với

họ viên v ngƣời thầy

ịnh

gi

i gi ng vi eo gi m ung lƣợng lƣu tr

tr ng t i li u ơ

h nh ộng tƣơng t

n

(kiểm tr

u h i trắ nghi m …)

o Phần m th nh ghi m lời gi ng ủ thầy xuyên su t

i gi ng

o H nh nh ngƣời thầy nhằm hiển thị th ng tin gi ng viên
Qu

hƣơng tr nh sẽ thu th p ủ th ng tin ngƣời thầy ã vi t r

trong su t
gi

i gi ng hiển thị l i trên m y t nh ủ họ viên một

lời gi ng v n t út Từ

truyền th ng khắ phụ
ho ngƣời thầy khi t o
viên

ƣợ

t t

i gi ng

h n h về mặt hi ph

ng thời t ng t nh tƣơng t

ngƣời thầy sẽ hiển thị liên tụ trong su t
nhiều vị tr
viên

ị lý kh

thể xem l i

thể truy

ềt i

ng ộ

nh u hỉ ần
i gi ng l m

i

ung lƣợng truyền t i
gi

i gi ng với họ

ngƣời thầy v họ viên khi h nh nh

i gi ng Ngo i r với vi

hỗ trợ h y

p ứng ụng họ t p trên nhiều lo i thi t ị kh

t i li u về m y qu n lý t i kho n họ
ủ

h liên tụ

y

li u hiển thị r sẽ tƣơng tự nhƣ một vi eo gi ng

ng thời kh ng l m m t t nh gần gũi gi

t ng ngƣời ùng

lời thầy gi ng

nền

nh u ở

sm rtphone v internet Th ng qu ứng ụng họ
i luy n t p

i kiểm tr xem t i li u kh

ủ m nh Nhƣ v y

o g m:

17

thể th y ƣợ

họ t i
mụ

h


o X y ựng kênh tƣơng t
o C u trú l i
lƣợng

li u

hi sẻ v lƣu tr t i li u gi

gi o viên v họ viên

i gi ng theo hƣớng ơn gi n h

i gi ng m kh ng l m m t i

n h t vi

vi

t o

i gi m ung

họ h y sự gần gũi gi

họ

viên v ngƣời thầy
o Hỗ trợ vi
trong vi

họ trự tuy n thời gi n thự một

h th ng su t v

ơn gi n hơn

truyền t i

o T o ra nơi tƣơng t

gi

họ viên v gi ng viên ở

p với phƣơng ph p ti p
o T o r một mơi

n

kh

h nh thứ tƣơng t

thể nh n ph t th ng

nh ki n thứ v h i

phong phú

o ho to n thể họ viên trong ùng lớp

hoặ xin ý ki n riêng ngƣời thầy
o „R2T o r một nơi th o lu n h i
2.2. P ƣơn p áp tiếp cận v địn

p nhƣ một forum

ƣớn côn n

ệ

2.2.1. P ƣơn p áp tiếp cận
Để hi n thự h

gi i ph p nêu trên húng t ti p

n ề t i theo 2 hƣớng:

Hướng thứ nhất là đơn giản hóa việc lưu trữ, truyền tải bài giảng:
Để ơn gi n h
theo một

lƣu tr

u trú

truyền t i

i gi ng húng t

li u mới m t qu tr nh

y họ

ần m h nh h

l i

li u vi eo

ủ gi o viên trong

i gi ng

o g m:
o D li u

i gi ng (n t út tr nh tự tr ng t i li u tr nh hi u) ƣợ lƣu tr

XML. D li u n y sẽ ƣợ ghi ùng với tọ
ụng v thời gi n tƣơng t

ộ n t út tr ng t i li u ngƣời thầy s

với m n h nh

o D li u m th nh: ghi l i qu tr nh gi ng

i ủ ngƣời gi o viên với ịnh

mp3. D li u m th nh ũng ghi l i ùng với trụ thời gi n gi ng
ho vi

ng ộ

li u gi

li u hiển thị v

o H nh nh ngƣời gi o viên: hiển thị xuyên su t
sự gần gũi gi

ƣới t p

ngƣời thầy v họ viên

18

y qu

ng
giúp

li u m th nh
i gi ng nhằm kh ng l m m t i

ƣợ lƣu tr

ƣới ịnh

ng jpg.


Hướng thứ hai là hỗ trợ chương trình chạy trên đa nền tảng:
Hi n n y
ộng

nhiều ộ thƣ vi n KIT hỗ trợ t t ho l p tr nh viên ph t triển ứng ụng di
nền t ng nhƣ: PhoneGap, AppCelerator, Xamarin, React Native, Sencha

Touch… Mỗi thƣ vi n ph t triển ều

nh ng ƣu iểm v nhƣợ

khu n khổ lu n v n t i sẽ nghiên ứu v s
r ứng ụng
ụng

nền t ng ( n roi

phƣơng ph p ti p

ph p khắ phụ

ho

thự hi n

i ặt v s

h

2.2.2. Côn n

ng ngh ph t triển với mụ

ht o

iOS) hi sẻ t t mã ngu n hỗ trợ thƣơng m i h

ng ụ ph t triển th n thi n ti m

Nhƣ v y, ằng

ụng

iểm riêng Trong
ứng

n nh t với ứng ụng n tive hỗ trợ kiểm th .

n n y húng t

ng ần hi n thự h

v n ề nêu trên Ti p theo t i xin tr nh

y hi ti t

ƣợ gi i
ng ngh

ụng

ệ t ực iện

Công nghệ phát triển ứng dụn d đ ng đa nền tảng
Với sự

ng của thi t bị i ộng và sự khác bi t của mỗi nền t ng, ngày nay các nhà

phát triển ứng dụng gặp nhiều kh kh n ể cho ra các ứng dụng

t nh thƣơng m i cao

v ngƣời dùng phân b ở nhiều platform khác nhau. Trong ngành giáo dục trực tuy n
ũng v y, học sinh và phụ huynh có thể s dụng các thi t bị và nền t ng b t kỳ Do
vi c t o ra ứng dụng hỗ trợ ƣợ

i

s ngƣời ùng

ng trở nên r t c p thi t Để khắc

phục vi c ph i t o mã ngu n nhiều lần trên từng nền t ng, hi n nay có nhiều cơng ngh
phát triển ứng dụng

nền t ng với nh ng ƣu nhƣợ

iểm nh t ịnh [3].

Apache Cordova: Tiền thân là PhoneGap, là một framework nổi ti ng của Adobe System.
Tƣ tƣởng của Cordova là t o ra ứng dụng i ộng lai (hybrid mobile application) s dụng
HTLM , CSS và Javascript. Nh ng ứng dụng này có thể ch y trên nhiều nền t ng khác
nh u nhƣ An roi

iOS Win ows phone … ự trên

19

API ể giao ti p với thi t bị.


Hình 4 Apache Cordova
Ƣu iểm nổi b t của Cordova là thời gian phát triển ứng dụng nh nh hơn r t nhiều so với
vi c phát triển từng ứng dụng native, chỉ cẩn s dụng JavaScript nên không cần ph i bi t
từng ngơn ng l p trình cho mỗi h

Tuy nhiên

iều hành.

iểm trừ lớn nh t của công ngh này l i là t

ộ

p ứng, hi u n ng ủa ứng

dụng. Hi u su t của các hybrid app ch m hơn nhiều so với native app nên không thể dùng
Cor ov

ể xây dựng ứng dụng lớn, phức t p yêu cầu nhiều d li u và chứ n ng Ngo i

ra, các plugin của Cordova có thể kh ng tƣơng th h ƣợc với một s thi t bị và nền t ng,
một s APIs ũng hƣ

ƣợc hỗ trợ giao ti p với thi t bị.

React native: là công ngh

ƣợc t o bởi Facebook, cho phép các nhà phát triển s dụng

J v S ript ể làm ứng dụng i ộng trên c Android và iOS với c m nh n và giao di n
native. Một ví dụ ể làm rõ cách v n hành của React Native là wrapper của code native.
Có r t nhiều thành t
hoặ An roi

ƣợc t o nên khi

Re t N tive ã

ổi game về mặt ơ

ng wr pping – “ ọ ” hứ n ng n tive ủa iOS

t ƣợc r t nhiều traction kể từ ngày ra mắt v n

n theo nhiều cách.

20

ã th y


Phát triển ứng dụng i ộng s dụng React native chỉ cần ùng
s u

n ngôn ng Javascript,

tr nh iên ịch sẽ dịch mã JavaScript thành mã native của từng nền t ng qu

giúp ứng dụng có thể ch y mƣợt m hơn
Ƣu iểm của React native là vi c phát triển ứng dụng ti m c n native chỉ cần ùng
một ngôn ng , không cần qu n t m

n

n sự khác bi t của h sinh thái mỗi nền t ng, kh

n ng s dụng l i ở mức t t cho từng nền t ng, cộng
nhiên, vi c không hỗ trợ cross-platform l i l

ng phát triển tƣơng

i m nh. Tuy

iểm y u của React native, tức là với React

n tive hƣ thể vi t mã ngu n một lần cho nhiều nền t ng ngo i r Re t n tive hƣ hỗ
trợ windows phone, thi u một s thành phần giao di n phát triển ứng dụng n roi nhƣ
M p Mo l We view… Đ y l

iểm trừ lớn nh t của React native, khi n cho công

ngh này không thể phát triển ƣợc các ứng dụng có quy mơ lớn, phức t p.
Xamarin [4] : một cơng ngh l p trình ứng dụng i ộng
có nh ng ặ

nền t ng hi n

i, Xamarin

iểm riêng bi t, hi m có so với các frameworks hi n t i trên thị trƣờng khi

mà kh n ng truy

p và tr i nghi m ngƣời dùng native v n

ng ị ặt nghi v n.

Xamarin sở h u logic ứng dụng ƣợc chia sẻ trên nhiều nền t ng X m rin ũng hi sẻ
mã ngu n ứng dụng ơ

n của lớp giao di n nhƣ l nh gọi củ we servi es

tƣơng

tác với ơ sở d li u và tích hợp backend integration.
Ƣu iểm lớn nh t của Xamarin [5] là sự làm vi c cộng tác và chia sẻ mã ngu n dễ dàng.
S dụng Xamarin có thể vi t mã ngu n một lần và biên dịch cho nhiều nền t ng. Xamarin
hỗ trợ ngu n

i tƣợng giao di n d i

o nhƣ

th nh phần giao di n g

plugin ã

ƣợc tùy bi n hay các web service bên thứ ba. Ngồi ra, cơng cụ phát triển Xamarin là
visual studio, một IDE r t chuyên nghi p với nhiều chứ n ng hỗ trợ biên dịch, kiểm th
hay triển khai trên thi t bị th t Hơn n a, cộng
lớn m nh, hứa hẹn
T m lƣợ

ng ng y

ng

y sẽ là công ngh phát triển ứng dụng di ộng củ tƣơng l i

ƣu nhƣợ

theo hình nh ƣới

ng phát triển X m rin

iểm của các công ngh phát triển ứng dụng i ộng

y

21

nền t ng


Hình 5 So sánh cơng nghệ phát triển ứng dụn đa nền tảng
Công nghệ hiển thị bài giảng
Bài giảng chữ viết tay
Vi c hiển thị ƣờng nét, ch vi t tay hi n nay có nhiều thƣ vi n, SDK hỗ trợ cho mỗi nền
t ng. Ph i kể

n nhƣ Net Fr mework

ộ thƣ vi n System.Drawing r t m nh trong

vi c vẽ ƣờng nét hay SPEN SDK là là bộ Kit hỗ trợ r t m nh cho vi c dùng bút ở i n

tho i Samsung hay UIKit hỗ trợ vẽ cho các ứng dụng iOS.
H nh ên ƣới tóm tắt

ƣu nhƣợ

iểm của các cơng ngh thơng dụng hiển thị ƣờng

nét hi n nay:

22


Hình 6 Cơng nghệ hiển thị chữ viết tay
Nh ng thƣ vi n .NetFramework hay Spen SDK ều hỗ trợ r t t t vi c vẽ ƣờng nét trên
từng nền t ng Win ows Anr roi
hỗ trợ

Điểm y u lớn nh t củ

thƣ vi n, SDK này không

nền t ng nên chúng ta khơng thể s dụng nó trong dự án.

Trong khi

thƣ vi n bên thứ ba SkiaSharp l thƣ vi n mã ngu n mở hỗ trợ t t vi c hiển

thị ƣờng nét ở c 2D và 3D

ng thời có thể build ứng dụng

nền t ng. Chính vì th ,

trong ề t i n y t i ề xu t s dụng công ngh n y ể hiển thị bài gi ng ch vi t tay. Chi
ti t cơng ngh , tơi xin trình bày ở phần ti p theo.
Bài giảng PDF
PDF l

ịnh

ng

li u phổ i n nh t hi n n y o

li u PDF ã kh ng òn x l
ng

Trên mỗi nền t ng

li u PDF th m h hỗ trợ

nim tion… C

vi

thi t k

ụng t i

nhiều thƣ vi n hỗ trợ hiển thị ịnh

nh ng t nh n ng n ng

thƣ vi n ti n ụng trên từng nền t ng
23

i gi ng s

o nhƣ tr nh hi u

thể kể

n nhƣ muPDF