Xây dựng ứng dụng du lịch danang travel trên samsung smart TV

,+&ơ11*
751*,+&63+0

.+2$7,1+&
XX WW

/8191
771*+,3

1*ơ1+&
1+ặ1&é1*1*+
7+é1*7,1
7ơ,
:

;ặ<'1*1*'1*'8/&+'$1$1*
75ầ16$0681*60$577,9,

6LQKYLrQWKFKLQ
0DL7K+QJ0\

1JjQK
&{QJQJKWK{QJWLQ
/S

: 09CNTT1

*LQJYLrQKQJGQ3*676.+

j1QJ

/Ӡ,&Ҧ0Ѫ1

6DXWKͥLJLDQQJKLrQFͱXYjWK͹FKL͏Q
WjLQj\QKͥV͹FK͑G

7U̯Q4X͙F&KL͇QFQJYͣLV͹K˱ͣQJG̳QFͯD
HPÿmK͕F

K͗Lÿ˱ͫFṶWQKL͉XQKͷQJNL͇QWKͱFE͝tFK

(P [LQ JͧL OͥL F̫P ˯Q
&{QJ
FKkQ
W\
WKjQK
71++ ÿ͇Q
7LQ

7K˱˯QJP̩L$V1HWÿmW̩RÿL͉XNL͏QWKX̵QO
WK͹FKL͏Qÿ͉WjLQj\

0̿FGFK~QJHPÿmF͙J̷QJKRjQWKjQK

NL͇QWKͱFFzQK̩QFK͇QrQNK{QJWUiQKNK
KL͇XVyW&K~QJHP
ÿ˱ͫFV͹JySêQK̵Q[pWFͯDFiFWK̯\F{

;LQFKkQWKjQKFҧPѫ
6LQKYLrQ

0DL7Kӏ+ӗQJ0\

i


/Ӡ,&$0Ĉ2$1
7{L[LQFDPÿRDQ

1KͷQJQ͡LGXQJWURQJEiRFiRQj\OjGR
K͹FKL͏QG˱ͣLV͹K
WL͇SFͯDWK̯\7U̯Q4X͙F&KL͇Q

0͕LWKDPNK̫RGQJWURQJEiRFiRQj\ÿ
F{QJWUuQKWKͥLJLDQÿ͓DÿL͋PF{QJE͙

0͕LVDRFKpSNK{QJKͫSO͏YLSK̩PTX\
LQFK͓X
KRjQWRjQWUiFKQKL͏P
6LQKYLrQ

0DL7K͓+͛QJ0\

ii


0Ө&/Ө&
MӢĈҪU ......................................................................................................................................... 1
,/é'2&+
Ӑ1Ĉ

ӄ7¬,
............................................................................................................ 1
II. MӨ&ĈË&+9¬é1*+Ƭ$&
Ӫ$Ĉ
ӄ7¬,
............................................................................. 2
II.1. MөFÿtFKF
ӫa ÿӅWjL
........................................................................................................... 2
,,éQJKƭDF
ӫDÿ
ӅWjL
............................................................................................................. 3
III. NhiӋ
m vөcӫDÿ
ӅWjL
............................................................................................................... 3
IV. ĈӔ,7Ѭ
Ӧ1*1*+,Ç1&
ӬU ............................................................................................... 4
,9Ĉ
ӕLWѭ
ӧQJQJKLrQF
ӭu ..................................................................................................... 4
IV.2. Phҥ
PYLQJKLrQF
ӭu......................................................................................................... 4
93+ѬѪ1*3+È375,
ӆN KHAI ............................................................................................. 4
VI. M&7,ầ8&

$
7ơ,
..................................................................................................... 6
&+1*&6
/ộ7+8<
T ................................................................................................ 7
I. SAMSUNG SMART TV ......................................................................................................... 7
I.1.SPDUW79OjJu"
................................................................................................................... 7
I.2.KhҧQăQJK
ӛtrӧ................................................................................................................... 7
,/êGRFK
ӑn Samsung Smart TV ........................................................................................ 8
I.4. Giӟi thiӋ
u Samsung Smart TV ........................................................................................... 9
II. LҰ375Ỵ1+9
ӞI SAMSUNG SMART TV APPS EDITOR SDK .................................... 10

,,6DPVXQJ79$SSV(GLWRU6PDUW796'.
.......................................................... 10
,,&iFYHUVLRQ6DPVXQJ6PDUW796'.KL
Ӌ
n nay. ........................................................... 11
II.3. Giӟi thiӋ
XVѫOѭ
ӧc vӅSamsung Smart TV SDK version 3.5.2 ...................................... 11
III. HTML5 ................................................................................................................................ 13
III.1. Giӟi thiӋ
u vӅHTML5.................................................................................................... 13
,,,+70/OjJu"

................................................................................................................ 14
,,,ĈL
Ӈ
m mҥ
nh cӫa HTML5 ............................................................................................... 14
III.4. KhҧQăQJWѭѫQJWKtFKF
ӫa HTML5 ............................................................................... 14
III.5. Mӝt sӕthҿmӟi trong HTML5 ....................................................................................... 15
,,,&iFWK
ҿNK{QJK
ӛtrӧ..................................................................................................... 18
III.7. Cҩ
XWU~FFѫE
ҧ
n cӫa file HTML5 .................................................................................. 19
IV. CSS - CSS3 .......................................................................................................................... 20
iii


IV.1. CSS................................................................................................................................ 20
IV.2. CSS3.............................................................................................................................. 22
V. JAVASCRIPT ....................................................................................................................... 23
9.KiLQL
Ӌ
m ...................................................................................................................... 23
91K~QJ-DYD6FULSWYjRW
ұ
p tin HTML ............................................................................. 24
V.3. BiӃ
n trong JavaScript ..................................................................................................... 24

9Ĉ
ӕLWѭ
ӧng........................................................................................................................ 24
9+jP
................................................................................................................................ 26
VI. JQUERY .............................................................................................................................. 26
9,.KiLQL
Ӌ
m jQuery .......................................................................................................... 26
VI.2&iFKiSG
өQJM4XHU\YjRWUDQJZHEF
ӫDPuQK
............................................................. 27
VII. GOOGLE MAPS API ........................................................................................................ 27
9,,*RRJOH0DSV$3,OjJu"
.............................................................................................. 27
9,,*RRJOH0DSV$3,GQJ
ÿӇOjPJu"
............................................................................. 28
VIII. NODEJS ............................................................................................................................ 28
9,,,1RGH-VOjJu"
.............................................................................................................. 28
9,,,0{KuQK09&
............................................................................................................ 29
VIII.3. Express Framework .................................................................................................... 31
IX. MYSQL SERVER ............................................................................................................... 32
,;.KiLQL
Ӌ
m MySQL ........................................................................................................ 32
IX.2. Tҥ

i sao lҥ
i sӱdөng MySQL? ........................................................................................ 32
&+ѬѪ1*3+Ỉ17Ë&+7
+,ӂ7.ӂ+ӊ7+Ӕ1*
................................................................... 33
I. GIӞI THIӊU VӄӬNG DӨNG DU Lӎ
CH DANANG TRAVEL .......................................... 33
,,Ĉ
Һ7%¬,72È1
................................................................................................................... 34
,,%jLWRiQÿ
һ
t ra: ................................................................................................................ 34
,,3KkQWtFKYjVRViQK
........................................................................................................ 35
III. CHӬ&1Ă1*&
ӪA ӬNG DӨNG ...................................................................................... 35
,96ѪĈ
Ӗ3+Ỉ15­&+
Ӭ&1Ă1*
...................................................................................... 37
96ѪĈ
Ӗ3+Ỉ1/8
ӖNG DӲ LIӊU ....................................................................................... 38
V.1. MӭFP{W
ҧvӅӭng dөng du lӏ
ch Danang Travel .......................................................... 38
V.2. MӭFP{W
ҧGzQJG
ӳliӋ

u nhӳng chӭFQăQJFKtQKF
ӫa Danang Travel ........................ 39
V.3. MӭFP{W
ҧGzQJG
ӳliӋ
u tӯng chӭFQăQJWURQJ
ӭng dөng Danang Travel .................. 40
iv


VI. THIӂT Kӂ&Ѫ6
ӢDӲ LIӊU.............................................................................................. 42
9,;iFÿ
ӏ
QKFiFWK
ӵc thӇ.................................................................................................... 42
VI.2. Quan hӋthӵc thӇ........................................................................................................... 48
&+1*7+8
772ẩ1ẩ3'
NG..................................................................................... 49
,7ẻ0
NG ......................................................................................................................... 49
I.1 Thu
WWRiQ'LMNVWUD
........................................................................................................... 49
,,;ặ<'
NG THU772ẩ1,
U KHIN REMOTE ..................................................... 52
,,ĈL
Ӆ

u khiӇ
n remote di chuyӇ
n xuӕng ӣdanh mөc ........................................................... 52
,,ĈL
Ӆ
u khiӇ
n remote di chuyӇ
QOrQ
ӣdanh mөc ................................................................ 55
I,ĈL
Ӆ
u khiӇ
n remote di chuyӇ
n qua phҧ
i ӣdanh mөc chi tiӃ
t ........................................... 58
,,ĈL
Ӆ
u khiӇ
n remote di chuyӇ
QTXDWUiL
ӣdanh mөc chi tiӃ
t ............................................. 60
,,ĈL
Ӆ
u khiӇ
n remote di chuyӇ
QOrQ
ӣdanh mөc chi tiӃ
t .................................................... 62

3KkQWtFK
................................................................................................................................ 64
,,ĈL
Ӆ
u khiӇ
n remote di chuyӇ
n xuӕng ӣdanh mөc chi tiӃ
t ............................................... 64
&+ѬѪ1*75,ӆ1.+$,9¬ĈÈ1+*,È.ӂ748Ҧ
............................................................ 67
I. KӂT QUҦĈҤ7ĈѬ
ӦC ......................................................................................................... 67
I.1. ChӭFQăQJJL
ӟi thiӋ
u ........................................................................................................ 67
I.2. ChӭFQăQJWRXU
................................................................................................................. 69
,Ĉ
ӏ
DÿL
Ӈ
m ........................................................................................................................... 71
,7uPNL
Ӄ
m .......................................................................................................................... 72
,,ĈÈ1+*,È
........................................................................................................................ 74
III. KӂT LUҰN.......................................................................................................................... 74
,,,ѬXÿL
Ӈ

m ......................................................................................................................... 74
III.2. Hҥ
n chӃ
.......................................................................................................................... 75
,,,+ѭ
ӟQJSKiWWUL
Ӈ
n ........................................................................................................... 75
7¬,/,
ӊU THAM KHҦO ............................................................................................................. 76

v


'$1+6È&++Ỵ1+Ҧ1+
+uQK
Samsung Smart TV ....................................................................................................... 9
+uQK
Giao diӋ
n code ............................................................................................................. 12
+uQK
Giao diӋ
QPjQKuQKPi\
ҧ
o......................................................................................... 13
+uQK
Cҩ
XWU~FW
hҿHTML5 ................................................................................................... 19
+uQK

Cҩ
XWU~FF
ӫa CSS......................................................................................................... 20
+uQK
Border-radius ............................................................................................................... 22
+uQK
Gradient ....................................................................................................................... 23
+uQK
0{KuQK09&
............................................................................................................. 30
+uQK
0{KuQKWX
ҫ
n tӵcӫa MVC .......................................................................................... 31
+uQK
%jLWRiQGXO
ӏ
ch ........................................................................................................... 34
+uQK
6ѫÿ
ӗSKkQUmFK
ӭFQăQJ
............................................................................................. 37
+uQK
6ѫÿ
ӗSKkQOX
ӗng dӳliӋ
u mӭc 0 ................................................................................. 38
+uQK
Mӭc P{W

ҧGzQJG
ӳliӋ
u nhӳng chӭFQăQJFKtQKF
ӫa Danang Travel ..................... 39
+uQK
MӭFP{W
ҧGzQJG
ӳliӋ
u tӯng chӭFQăQJJL
ӟi thiӋ
u ................................................. 40
+uQK
MӭFP{W
ҧGzQJG
ӳliӋ
u tӯng chӭFQăQJWRXU
.......................................................... 41
+uQK
MӭFP{W
ҧGzQJG
ӳliӋ
u tӯng chӭFQăQJÿ
ӏ
DÿL
Ӈ
m .................................................. 41
+uQK
MӭFP{W
ҧGzQJG
ӳliӋ

u tӯng chӭFQăQJWuPNL
Ӄ
m .................................................. 42
+uQK
0{KuQKTXDQK
Ӌthӵc thӇ
............................................................................................ 48
+uQK
ĈӗthӏFyKѭ
ӟQJFyWU
ӑng sӕ....................................................................................... 51
+uQK
ĈL
Ӆ
u khiӇ
n remote di chuyӇ
n xuӕng ӣdanh mөc ........................................................ 53
+uQK
/ѭXÿ
ӗthuұ
WWRiQÿL
Ӆ
u khiӇ
n menu di chuyӇ
n xuӕng ................................................. 54
+uQK
ĈL
Ӆ
u khiӇ
n remote di chuyӇ

QOrQ
ӣdanh mөc ............................................................. 55
+uQK
/ѭXÿ
ӗthuұ
WWRiQÿL
Ӆ
u khiӇ
n menu di chuyӇ
QOrQ
...................................................... 56
+uQK
ĈL
Ӆ
u khiӇ
n remote di chuyӇ
n qua phҧ
i ӣdanh mөc chi tiӃ
t ........................................ 58
+uQK
/ѭXÿ
ӗthuұ
WWRiQÿL
Ӆ
u khiӇ
n menu di chuyӇ
n qua phҧ
i chi tiӃ
t ................................. 59
+uQK

ĈL
Ӆ
u khiӇ
n remote di chuyӇ
QTXDWUiL
ӣdanh mөc chi tiӃ
t.......................................... 60
+uQK
/ѭXÿ
ӗÿL
Ӆ
u khiӇ
n remote di chuyӇ
QTXDWUiL
ӣdanh mөc chi tiӃ
t .............................. 61
+uQK
ĈL
Ӆ
u khiӇ
n remote di chuyӇ
n lrQ
ӣdanh mөc chi tiӃ
t ................................................. 62
+uQK
/ѭXÿ
ӗÿL
Ӆ
u khiӇ
n remote di chuyӇ

QOrQ
ӣdanh mөc chi tiӃ
t ..................................... 63
+uQK
ĈL
Ӆ
u khiӇ
n remote di chuyӇ
n qua xuӕng ӣdanh mөc chi tiӃ
t ..................................... 64
vi


+uQK
/ѭXÿ
ӗÿL
Ӆ
u khiӇ
n remote di chuyӇ
n xuӕng ӣdanh mөc chi tiӃ
t ................................ 65
+uQK
Giao diӋ
n cӫDFKѭѫQJWUuQK
......................................................................................... 67
+uQK
Giao diӋ
n chӭFQăQJJL
ӟi thiӋ
XWUrQ6DPVXQJ6PDUW79

............................................ 68
+uQK
Giao diӋ
n chӭFQăQJQ
ӝ
i dung chi tiӃ
t cӫa chӭFQăQJJL
ӟi thiӋ
u ............................... 68
+uQK
Giao diӋ
n chӭFQăQJFXQJF
ҩ
p tour mү
XYjÿDQJWK
ӵc hiӋ
QOѭXWRXU
.......................... 69

+uQK
Giao diӋ
n chӭFQăQJ[yDWRXUWUrQ6DPVXQJ6PDUW
.............................................. 70
+uQK
Giao diӋ
n chӭFQăQJKL
Ӈ
n thӏÿӏ
DÿL
Ӈ

PWUrQ6DPVXQJ6PDUW79
................................ 71
+uQK
Giao diӋ
n chӭFQăQJWuPÿѭ
ӡQJWUrQ6DPVXQJ6PDUW79
.......................................... 72
+uQK
Giao diӋ
n chӭFQăQJWuPNL
Ӄ
PWUrQ6DPVXQJ6PDUW79
............................................. 73

vii


DAN+6È&+%Ҧ1*%,ӆ8
Bҧ
ng 1.

&iFWK
ҿhӛtrӧtrong HTML5 ...................................................................................... 17

Bҧ
ng 2.

&iFWK
ҿNK{QJK
ӛtrӧtrong HTML5 ........................................................................... 18

Bҧ
ng 3.

6RViQK
ӭng dөng Danang Travel vӟi nhӳng ӭng dөQJWUrQWK
ӏWUѭ
ӡng...................... 35

Bҧ
ng 4.

tb_introduce bҧ
ng chӭa danh mөc cӫa chӭFQăQJJL
ӟi thiӋ
u ...................................... 42

Bҧ
ng 5.

tb_content bҧ
ng chӭDGDQKViFK
hiӇ
n thӏcӫa danh mөc ............................................. 43

Bҧ
ng 6.

tb_detail bҧ
ng chӭa nӝi dung chi tiӃ

WEjLYL
Ӄ
t hiӇ
n thӏ
................................................ 44

Bҧ
ng 7.

tb_imagedetail bҧ
ng chӭDKuQK
ҧ
nh hiӇ
n thӏӣEjLYL
Ӄ
t chi tiӃ
t.................................... 45

Bҧ
ng 8.

tb_tour bҧ
ng chӭa danh mөc cӫa chӭFQăQJWRXU
........................................................ 45

Bҧ
ng 9.

tb_tourcontent bҧ
ng chӭa danh mөFYjQ

ӝi dung chi tiӃ
t cӫa chӭFQăQJWRXU
............ 46

Bҧ
ng 10. tb_tourimagedetail bҧ
ng chӭDKuQK
ҧ
nh hiӇ
n thӏӣEjLYL
Ӄ
t chi tiӃ
t ............................. 46
Bҧ
ng 11. tb_savetour bҧ
ng chӭDGDQKViFKNKLOѭXWRXU
............................................................ 47
Bҧ
ng 12. tb_keyword bҧ
ng chӭa chӍmөFWLrXÿ
Ӆcӫa chӭFQăQJWuPNL
Ӄ
m ............................... 47
Bҧ
ng 13. ĈiQKJLi
ӭng dөng Danang Travel ............................................................................. 74

viii

;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

MӢĈҪU
I/é'2&+Ӑ1Ĉӄ7¬,

7URQJ[XWKӃKӝL QKұSYjPӣFӱDGXOӏ

QJѭӡL3KiWWULӇQGXOӏFKOjPӝWKѭӟQJÿL
g

TXDGXOӏFKÿӇJLӟLWKLӋXVLQKÿӝQJYӅÿ
SKѭѫQJ

Ĉj1ҹQJQJj\FjQJWKXK~WNKiFKGXOӏF
ӭQJQKXFҫXÿDGҥQJFӫDGXNKiFK

&{QJ QJKӋ WK{QJ WLQ QJj\
PLQK
FjQJ
UD KjQJ
EQJ
ORҥ
Qә

WK{QJPLQKQKӳQJFKLӃFPi\WtQKFҫPWD\

WӕFÿӝ[ӱOêQKDQK1KӳQJFKLӃFÿLӋQWKRҥ

WKӕQJLQWHUQHWÿmOjPWKD\ÿәLQKDQKFKyQ
FӫDPӑLQJѭӡL9ӟL

FӫDNKRDKӑFNӻWKXұWYjF{QJQJKӋWK{QJ

WRjQ FҫX ,QWHUQHW
 WKӃ JLӟL QKѭ Eӏ WKX

FjQJWUӣQrQPӓQJPDQKKѫQYjFKӍPDQJW
WѭѫQJÿӕL,QWHUQHWÿ

TXӕFJLDWUrQWKӃJLӟLWKӇJҫQJNJLYj

'XOӏFKOjQJjQKFyYDLWUzÿһFELӋWT

&NJQJQKѭEҩWFӭQJjQKNLQKWӃQjRNKiF
QJQKӳQJQă

WӟLFKӏXWiFÿӝQJPҥQKPӁFӫDVӵWKD\ÿә

SKiWWULӇQFӫDF{QJQJKӋWK{QJWLQYjWUX

WUӧJL~SFiQKkQÿLӋQWKRҥLYӟLF{QJQJK
Yӏ*36«QKӳQJ
YLWK{QJPLQKNӃWQӕLPҥQJ
F{QJQJKӋ

WKѭѫQJPҥLÿLӋQWӱ«FKҳFFKҳQVӁOjPWKD\

WKӕQJ0ӝWWURQJVӕ[XKѭӟQJSKiWWULӇQӭ
QJOƭQKYӵFGX

ӭQJGөQJUӝQJUmLFiFWKLӃWEӏVӕFiQKkQ

tFKFKRQJѭӡLFyVӣWKtFKÿLGXOӏFKYjQ
OӏFK´

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

1


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

+m\WѭӣQJWѭӧQJEҥQKRһFJLDÿuQKEҥQ
HPWLYLFKӧWQҧ\UD
GXOӏFKWKuEҥQVӁOjPJu"

7UѭӡQJKӧS'QJPi\WtQKWuPÿӏDÿL

WK{QJWLQOrQNӃKRҥFKÿLGXOӏFK

7UѭӡQJKӧS'QJÿLӋQWKRҥLVӱGөQJ
ҩW

QѭӟFUӗLWuPWKjQKSKӕPuQKPXӕQÿLYӟLQ


UjQJGӉVӱGөQJFKRJLDÿuQKEҥQFyWKӇ

&zQQӃXEҥQOjJLiPÿӕF
FӫDPӝWF{QJW\GXOӏFKPӝW

EҥQPXӕQTXҧQJEiKuQKҧQKÿӇQJѭӡLGXOӏ

GQJ QKӳQJ WK{QJ WLQ FӫD PuQK FXQJ FҩS F
WUX\ӅQÿҥWÿӃQQJѭӡLVӱGөQJ

PhҧLOjPJuÿӇWKXK~WKDLNKiFKKjQJW
OӏFK'DQDQJ7UDYHO
,,0Ө&ĈË&+9¬é1*+Ƭ$&Ӫ$Ĉӄ7¬,
I,0өFÿtFKFӫDÿӅWjL

ӬQJ GөQJ 'DQDQJ 7UDYHO FKҥ\ WUrQ QӅQ 6
WUrQEDPөFÿtFKVDX

Ɣ TKӭQKҩWOjiSGөQJQKӳQJNLӃQWKӭFÿm
ż &ѫVӣGӳOLӋX

ż 3KkQWtFKYjWKLӃWNӃKӋWKӕQJWK{QJ

ż &{QJFөYjP{LWUѭӡQJSKiWWULӇQSKҫ

ż +ӋTXҧQWUӏFѫVӣGӳOLӋXVӣGӳOLӋX
ż 7UtWXӋQKkQWҥR
ż 7KLӃWNӃYjOұSWUuQK:HE
Ɣ 7KӭKD
LOjWuPKLӇXFiFF{QJQJKӋ
ż HTML5.
ż CSS.
SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

2


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

ż JavaScript.
ż NodeJs
ż jQuery
ż Google Maps API.
ż MySQL server

Ɣ 7KӭEDOjQJKLrQFӭXFiFF{QJQJKӋOұS
Smart TV SDK

Ɣ 7Kӭ Wѭ Oj SKiW WULӇQ ӭQJ GөQJ
WULӇQ
FyNKDL
WtQK

GөQJ YjR WKӵF WӃ PDQJ OҥL SKҫQ QjR ÿ

VӕQJFNJQJQKѭOӧLtFKFӫDFiFQKjNLQ
,,éQJKƭDFӫDÿӅWjL

7UѭӟFKӃWÿӅWjL[k\ GӵQJӭQJGөQJ'D

QKӳQJNLӃQWKӭF
TXêEiXÿmÿѭӧFFiFWKҫ\F{FӫDWU
±ĈҥLKӑFĈ

1ҹQJQKLӋWWuQKWUX\ӅQWKөOҥLFKRFK~QJ

ÿӥFӫDWKҫ\7UҫQ4XӕF&KLӃQWURQJVXӕWWK

7KӭKDLWURQJWKӡLÿҥL
F{QJQJKӋWK{QJWLQSKiWWUL

QJKӋNK{QJQJӯQJÿѭӧFFҧLWLӃQQKӳQJF{Q

SKҧLFӕJҳQJQJKLrQFӭXYjWuPKLӇXÿӇi

KLӋQTXDVӵFӕJҳQJW{LN
KLTX\ӃWÿӏQKWKӵFKLӋQÿӅWjL

PӟLQKҩWYjÿѭӧFGӵEiRVӁSKiWWULӇQPҥQ

'RYұ\FK~QJW{LUҩWK\YӑQJVӁWҥRQ

ÿiS OҥL Vӵ QKLӋW WuQK
FӕJL~S
JҳQJÿӥ
FӫD
Wӯ
W{L
WKҫ\
WURQJ
F{
WUѭӡQJĈҥLKӑF6ѭ3KҥP
,,,1KLӋPYөFӫDÿӅWjL

ӬQJGөQJ'DQDQJ7UDYHOOjPӝWӭQJGөQJ
GөQJJӗP

3KҫQӭQJGөQJWLYLÿѭӧFSKiWWULӇQWUrQ

'ѭӟLÿk\OjQKӳQ
JFKӭFQăQJFKtQKPjW{Lÿm[k\G
SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

3


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

Ɣ 1JѭӡLGQJFyWKӇYjRӭQJGөQJÿӇ[HP

NLӋQGLӉQUDKjQJQăPFiFPyQăQÿһF

Ɣ 1JѭӡLGQJFyWKӇWUDFӭXWK{QJWLQYӅ

Ɣ 1JѭӡLGQJFyWKӇWuPNLӃPWK{QJ
WLQYӅFiFÿӏDÿLӇPGXO

Ɣ 1JѭӡLGQJFyWKӇWKHRG}LWRXUGXOӏF
OӏFK

Ɣ 7KHRG}LFiFKGLӉQUDELӇXGLӉQVӵNLӋ

7ҩWFҧFiFWK{QJWLQFӫDӭQJGөQJVӁÿ
WULӇQ
ӭQJGөQJ
IV. ĈӔ,7ѬӦ1*1*+,Ç1&Ӭ8
,9ĈӕLWѭӧQJQJKLrQFӭX

Ɣ 7KLӃWEӏ6DPVXQJ6PDUW79

Ɣ 'XOӏFKWKjQKSKӕĈj1ҹQJFiFWK{QJW
ӭQJGөQJ
,93KҥPYLQJKLrQFӭX

Ɣ ĈӏDÿLӇP1JKLrQFӭXWUrQÿӏDEjQWKjQ

Ɣ 7KӡLJLDQWӯÿӃQ
93+ѬѪ1*3+È375,ӆ1.+$,

;k\GӵQJKӋWKӕQJEDRJӗPӭQJGөQJFKҥ

ĈӇ TXҧQ Oê Gӳ OLӋX ÿӏD ÿLӇP GX OӏFK F

F{QJVӭF9uYұ\WURQJSKҥPYLWKӵFWұSO
W{LTX\ӃWÿӏQKWKӵFK
ÿӃQFiFSKҫQQkQJFDRWKHRFiFEѭӟFVDX
Ɣ 6ӱGөQJ;PLQGÿӇKRjQWKjQKêWѭӣQJ

Ɣ 0{KuQKKyDêWѭӣQJWKjQKGҥQJKuQKҧQ

Ɣ 3KkQWtFKWuPKLӇXF{QJQJKӋFyWKӇiS
Ɣ ;k\GӵQJFѫVӣGӳOLӋX

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

4

;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

Ɣ Sau kKLKRjQWKjQKSKҫQFѫVӣGӳ OLӋXFK

FKҥ\WUrQQӅQ6DPVXQJ6PDUW796'.;k
FiFGӳOLӋXÿѭӧFOѭXWUӳGѭӟLGҥQJ
MySQL.

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

5


;k\G
ng ng dng du l
ch
GVHD: PGS. TSKH. Tr
n Quc Chi
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

9,0&7,ầ8&$7ơ,

9PWWKFWLQWjL[k\GQJDSS
OFK'DQDQJ7UDYHOiS

WuP NLӃP WK{QJ WLQ YӅ GX OӏFK Ĉj 1ҹQJ FK
Smart TV.

ĈӅWjLQj\FyêQJKƭDUҩWOӟQWURQJYL

ÿѭӧFKӑFWӯFiFTXêWKҫ\F{FӫDWUѭӡQJĈ
ҥLKӑF6ѭSKҥP
- ĈҥLKӑFĈj1ҹQJ

OjVӵWKHRG}LYjTXDQWkPWUӵFWLӃSFӫD
QJKLrQFӭXNKRDKӑF

6ҧQSKҭPFӫDÿӅWjLÿѭӧF[k\GӵQJÿӇS

WKLӃWEӏQKѭ6DPVXQJ
6PDUW79WUrQWKӏWUѭӡQJKLӋQQD

9uYұ\HPK\YӑQJÿӅWjLFӫDPuQKVӁW

ÿѭDYjRVӱGөQJUӝQJUmLÿӇFyWKӇÿiSOҥ

WkPKX\ӃWFӫDHPNKLWKӵFKLӋQÿӅWjLQj\

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

6


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

CHѬѪ1*&Ѫ6
Ӣ/é7+8<
ӂT
I. SAMSUNG SMART TV
I.1.SPDUW79OjJu"

9ӅFѫEҧQPӝWFKLӃF6PDUW79YүQOjPӝ

KuQKQKѭQJQyOҥLÿѭӧFWtFKKӧSWKrPFiF

FiFӭQJGөQJYjFyWKӇFjLÿ
һWWKrPFiFӭQJGөQJPӟL1y

PӝWORҥWGӏFKYөWUӵFWX\ӃQNӃWQӕL,QWH

OjPÿѭӧF79WK{QJPLQKVӣKӳXFiFWtQKQ

QKkQQKѭFKRSKpSVӱGө
QJӭQJGөQJ[HPQӝLGXQJWUӵF

)DFHERRNGX\ӋW(PDLO[HPWUX\ӅQKuQK,3
&iFORҥL6PDUW79KLӋQQD\
Ɣ Samsung
Ɣ LG
Ɣ Panasonic
Ɣ Vizio Internet
,.KҧQăQJKӛWUӧ
Ɣ Samsung Smart TV
ż ѬXÿLӇP

6DPVXQJ $SSV Oj QѫL
LӅX FKӭD
ӭQJ GөQJ
ÿӵQJ
GjQK
UҩW QK
FKR

FiF ӭQJ GөQJ QKѭ &LQHPD1RZ +XOX 3OXV

6DPVXQJ $SSVFzQFyPӝWYjLӭQJ GөQJYLG

WK{QJTXD([SORUH'(6311H[W/HYHOKD\
N7ZLWWHU

6N\SHÿӇJӑLWKRҥLWUӵFWX\ӃQKRһFQJKHQ

6DPVXQJ$SSVFNJQJFySKLrQEҧQWLӃQJ9
KӧSFKRQJѭӡLGQJ9LӋW1DP

ѬXWKӃNKiFOjEӝÿLӅXNKLӇQWӯ[DUҩW
tFKKӧSEjQSKtP4

WUӧQJѭӡLGQJGӉGjQJWuPNLӃPFiFQӝLG
SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

7


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

1KѭӧFÿLӇP.K{QJFy
Ɣ LG Smart TV
ż ѬXÿLӇP

7KӱQJKLӋPWӯ3&:RUOGTXDEDGzQJ+'79

/:FKRNӃWTXҧWUҧLQJKLӋP,QWHUQHW
KLӇQWӯ[DUHP

0RWLRQJL~SGӉGjQJÿLӅXNKLӇQYjOӵDFKӑ
ż 1KѭӧFÿLӇP

/*6PDUW79FyWtFKKӧSPӝWWUuQKGX\Ӌ

$GREH)ODVKKD\+70/QrQQJѭӡLGQJNK{Q
GHRFOLSQJD\
GX\ӋW
Ɣ Vizio Internet
ż ѬXÿLӇP

.KiWK~YӏӣQӅQWҧQJQj\OjEҥQFyWK

NKRҧQQJѭӡLGQJNKiFQKDXWUrQ79WKHR
ӭQJGөQJ:HEFӫDULrQJPӛLFiQK
kQ
ż 1KѭӧFÿLӇP

7KLӃXYҳQJӭQJGөQJNӃWQӕLÿLӅXNKLӇQ
$QGURLGYjL26
Ɣ Panasonic
ż ѬXÿLӇP

1KLӅXӭQJGөQJSKәWK{QJÿӅXFyPһWF
6SRUWV0/%0/61%$Yj1+/
ż 1KѭӧFÿLӇP

7KLӃX
YҳQJEӝUHPRWHFKX\rQELӋWGjQKFKR
,/êGRFKӑQ6DPVXQJ6PDUW79

Ɣ 6DPVXQJ$SSVOjQѫLFKӭDÿӵQJUҩWQKLӅ

Ɣ 6DPVXQJ$SSVFNJQJFySKLrQEҧQWLӃQJ9
KӧSFKRQJѭӡLGQJ9
LӋW1DP

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

8


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

Ɣ %ӝÿLӅXNKLӇQWӯ[DUҩWÿһFELӋWWtFK

GӉGjQJWuPNLӃPFiFQӝLGXQJ,QWHUQHW
Ɣ +ӛWUӧ+70/
,*LӟLWKLӋX6DPVXQJ6PDUW79

6DPVXQJ 6PDUW 79 Oj PӝW ӭQJ GөQJ GӵD

GөQJFjL
ÿѭӧF
ÿһW WURQJ FiF 79 Nӻ WKXұW Vӕ NӃW

6PDUW79OjPFKRQyFyWKӇPӣUӝQJFiFFK

FiFFKӭFQăQJZHEYӟLQyÿӇQJѭӡLGQJF

GXQJWUrQP
jQKuQK79FӫDKӑ1JѭӡLGQJFyWKӇ

WӭFWKӡLWLӃWFKӭQJNKRiQ8&&YӟLKRҥW

9ӟL6DPVXQJ6PDUW79VӱGөQJWUX\ӅQK

FiF ӭQJ GөQJ Wӯ +XE6LWH
FiF Yj
79 FjL
FӫD ÿһW
Kӑ FK~QJ
QKѭQJ

QKkQ SKiW WULӇQ FiF ӭQJ GөQJ SK KӧS Yӟ

+uQK
Samsung Smart TV

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

9

;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

,,/Ұ375Ỵ1+9Ӟ,6$0681*60$5779$336

,,6DPVXQJ79$SSV(GLWRU6PDUW796'.

Samsung 6PDUW 79 6'. Oj PӝW F{QJ Fө FKR S

FKӍQK VӱD FiF ӭQJ GөQJ FKR WLYL WK{QJ PL

PҥQKPӁFiFWtQKQăQJWLӋQOӧLYjGӉVӱ

FKӍQKVӱDFRGHFKӍQK
VӱDKuQKҧQKGӉGjQJYjÿyQJJyL

YjFKӍQKVӱDPmFӫDFiFӭQJGөQJYjQyF

WKLӃWNӃYjVҳS[ӃSFiFNKtDFҥQKKuQKҧQ

%DÿLӇPPҥQKFӫDEӝ6DPVXQJ6PDUW796
'.ÿyOj
Ɣ 'ӉGjQJFKӍQKVӱDFRGH

6DPVXQJ6PDUW79EDRJӗPVӵNӃWKӧSFӫ

ҧQKYjFiFILOHNKiF6DPVXQJ6PDUW796'

PӝWEҧQJÿLӅXNKLӇQ3URMHFW([SORUHUYjG
KҿÿӇEҥQFyWKӇ

OLӋXGӵiQFӫDEҥQPӝWFiFKGӉGjQJ%ҥQ

Fҧ FiF WұS WLQӭQJ GөQJ FѫEҧQ 7KDQK F{

ELӃQ Yj ÿӏQK GҥQJ PӝW FiFK
ӭQJ
QKDQK
GөQJ
FKyQJ
EҥQ F

QJKLӋPQyYӟL9DOLGDWRU+70/Yj6DPVXQJ6

P{LWUѭӡQJWUX\ӅQKuQKWUrQPi\WtQKFӫD
Ɣ 'ӉGjQJFKӍQKVӱDKuQKҧQK

6DPVXQJ6PDUW796'.FKRSKpSEҥQWUӵF

dөQJFӫDEҥQ&iFFKӃÿӝWUӵFTXDQFKRWK

FӫDEҥQ%ҥQFyWKӇFOLFNYjNpRFiFWKjQ

WUDYjKuQKҧQKWӯEҧQJ&RPSRQHQWYjRFӱD

WKӇ WKD\ ÿәL NtFK WKѭӟF Yj VҳS [ӃS FiF W
WKjQKSKҫQWURQJEҧQJ3URSHUWLHV
Ɣ ĈyQJJyLPӝWFiFKQKDQKFKyQJ

0ӝWNKLEҥQÿmWKLӃWNӃӭQJGөQJFӫDE

WKӇNLӇPWUDQyWURQJ
KuQKJLҧOұS
FiFPjQ
YjÿyQJJyLQy

6DPVXQJ6PDUW79&iFWtQKQăQJÿyQJJyL
SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

10


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

QJӳYjÿһWFK~QJWURQJPӝWWұSWLQ]LS6
FӫDEҥQ
,,&iFYHUVL
RQ6DPVXQJ6PDUW796'.KLӋQQD\

x SDK 4.0
x SDK 4.0 Beta
x SDK 3.5.2
x SDK 3.5.1 with In-App Ads
x SDK 3.5 with Eclipse IDE
x SDK 2.5.1
x SDK 1.510

,,*LӟLWKLӋXVѫOѭӧFYӅ6DPVXQJ6PDUW
,,9HUVLRQQj\FyKDLORҥL
x Samsung IDE + Emulator
x Eclipse IDE + Emulator

,,&iFFKӭFQăQJFKtQKFӫD6'.
x (FOLSVHKӛWUӧQKѭPӝW,'(

x ,QSXW)UDPHZRUNÿѭӧFWKrPYjRWӯ6'.

x ĈLӅXNKLӇQWӯ[DÿmWiFKWKjQKWӯQJT

x &yWKӇFKҥ\DSSWUrQFiFORҥLPjQKuQ

,,FҫXWUѭӟFNKLFjLÿһW
x [Install DirectX for both IDEs]
x DirectX End-User Runtime Web InstallerDownload URL:
x Eclipse Install]

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

11


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

,,*LDRGLӋQ6DPVXQJ6PDUW796'.Y

+uQK
*LDRGLӋQFRGH

7LrXÿӅFӫDSURMHFW
2: Thanh menu

&KӭDSURMHFWYjFiFILOHWURQJSUR
&ӱDVәFRGH
7KXӝFWtQKYjJLiWUӏFӫDFiFWKҿ

&ҩXWU~FFiFWKҿVӱGөQJWURQJFӱD
VәFRGH
&ӱDVәWK{QJEiRNӃWTXҧYjEXJ

%ҧQJÿLӅXNKLӇQFXQJFҩSWKѭYLӋQN

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

12


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

,,*LDRGLӋQPjQKuQKҧR

+uQK
*LDRGLӋQPjQKuQKPi\ҧR

III. HTML5
,,,*LӟLWKLӋXYӅ+70/

+70/VӁFKRSKpSPӝWOӟSӭQJG
өQJZHEPӟLUDÿӡLKӛW

WLӋQYjFiFWtQKQăQJRIIOLQHPjNK{QJFҫ

&iFÿһFWtQKFӫD+70/ÿmYjÿDQJÿѭӧF

NӃWLӃSVӵQJKLӋSFӫD+70/+70/OjSKL

ÿәLWKӭFӫDQJ{

Wide Web: the Hypertext Markup Language (HTML) ±ÿk\ÿѭӧF[HPOjQJ

FӫDZHE1KyP:HE+\SHUWH[W$SSOLFDWLRQ7

EҳW ÿҫX QJKLrQ FӭX YӅ FiF ÿһF WtQK
ӵ iQ
FӫD
:HE
Applications 1.0.

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

13


;k\G
ӵng ӭng dөng du lӏ
ch
GVHD: PGS. TSKH. Trҫ
n Quӕc ChiӃ
n
'DQDQJ7UDYHOWUrQ6DPVXQJ6PDUW79

0һFGKLӋQQD\+70/ÿѭӧFQyLÿӃQUҩW

+70/ÿmEҳWÿҫXWӯJLӳDQKӳQJQăP
ÿѭӧFKRjQWKLӋQYjRWұQQăP

,,,+70/OjJu"

+70/OjPӝW
QJ{QQJӳÿѭӧFWKLӃWNӃÿӇWKLӃW

WKLӃWNӃYjSKiWWULӇQZHEGӉGjQJKѫQE

FKXҭQ KyD Yj WUӵF TXDQ +70/ FXQJ FҩS F

WUDQJFӫDEҥQYjQy
FKRSKpSEҥQWҥRFiFWKjQKSKҫQ

FҩXWҥRWUDQJZHEFӫDEҥQPӝWFiFKKӧSOê

FӫDEҥQFiFNKҧQăQJFXQJFҩSWK{QJWLQ

EҧQÿӗWK{QJWLQ
ÿӇWKLӃWNӃWUDQJZHEGRQyNӃWK

WLQSKkQFKLDYjJKLQKmQWK{QJWLQJL~S

WҧQJFӫDWLӋQtFKQJӳQJKƭDYjWKҭPPӻJk

FҩSNKҧQăQJ[X
ҩWEҧQWҩWFҧPӑLWKӭWUrQWKӃJLӟ

SKѭѫQJWLӋQSKRQJSK~WѭѫQJWiFFKRFiF
ÿӝ
,,,ĈLӇPPҥQKFӫD+70/

+70/ WKLӃW NӃ OҥL ZHE Yj FKR
ӋQ
SKpS
tFK Fi
Kѫ

'ѭӟLÿk\OjQKӳQJWLӋQtFKNKL+70/ÿѭӧF

x +70/OjPJLҧPWҫPTXDQWUӑQJFӫDFiF
-ins
x +70/KӛWUӧÿӗKӑDWѭѫQJWiF

x +70/FKRSKpSFiFӭQJGөQJNӃWQӕLW

x +70/VӁÿѫQJLҧQKyDFKLD
QKӓGӳOLӋXYӟLF\ERUJGD
x +70/OjPYLGHRFӫDZHEÿҽSKѫQ
x +70/FyWKӇWăQJNKҧQăQJEҧRPұW

,,,.KҧQăQJWѭѫQJWKtFKFӫD+70/

SVTH: Mai ThӏHӗ
ng My ±Lӟp 09CNTT1

14