Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile PhoneGap




 !"#$!%&'()*+, 
*+,-!'.*%
(/*+,01
2345367357
89:;<



 !"#$!%&'()*+,
 *+,-!'.*%
=>,01
2345367357
?@A3BCDE4FGHI323
(ký tên)

J9:;<
/!K
L7M74 !
"#$%&''()*!)+,
-.%')+/+01($23*&4
1.)+,-(567)$1
)*1.89$:!;<-=>)%&?$@*
;-AB!.
C! ;-A-)+,-+,DE<$-(
$! **!@E@*-1F
GHI% J-- K-LM& N$N& L&+I% O80 P&LQ
$0$9$/A?R)$9 !S7T7?9*
)@E@*-U M&?$P&L2+)<

;/A??)!.
$*0 50*1)**M& VD-'
79@;-AW-AM&!F@*@E
%&*.
Từ khóa: Smartphone, Phonegap, framework, tương thích.
X
*NOPQ
Y9*F V+Z$E7$"+)7D*S<%.[*\
?(0-=]+E*3*'$*0
.
VDE79 !#^[_`!#
a*C[(!#@**0$/#0 b$*F;*.
4VW$E7), +!c'$*0(
d/<@*@);*F3*'$*0.
VE7+!$eff^N(1 ?$ Bg$*
+F*3*#0 b$*!.
8*c V/W$E7 D+!+b_
Q($*6+FQ$Bh< $*F*)?
*4#0.
VDE7i
C[ hjklm
F3RS


m
*NOTUVT
V)3*E!$*0$-'-'
-=1%.[*\?.
<E$*E>QF;*$F3*@*/F**n
:>-A$*E$*0.$*0

o$* F;*1]:
@$*E.
C[ hjklm
F3RS

f
!WOXWO
YT3Z?O33[3R\
YT3Z?O3@P
p
3BQ;
!]^
`!"#$&''()*
!)+,- 
.[*9*W-A)+,-(6F<2+)
]68[F).%')+/+01($
23*&41.7$ )+,
-567)$1)*1.89
$:!;<-=>)&?$@*;
-AB!.
C! ;-A-)+,-+,DE<$-
($! **!@E@*-
1F.q@*P&LQ$0 A?
R)$9 +F-,3*$*-!S7T7?9*)@
E@*-!U 4r$QP&L$Q
Q$0$0F+$&.
M&?$QP&L2+)<;/A
?.[$A;-AEI% J-- K-LM&
N$N& L&+I% N- %+c$BO81P&L
*1M&F(0/'1<@*2;

n$.
`$0F!;-A!F@E
-9ES+S*:@+Fd@E.
s
[D 'd/S$'1M& $0F]9S+S
*F*@ -*< $ @K&+t+n
CuYf v ^%%X v3*&u+$& w.
[-*@GR*P&LQ$0$0F+$&U
*23*@M& @K&+$F3* "VD
-'79@;-AW-AM&T)$9 +F
-,3*$*-!F@E-*.
AD(3LTX_2`aO3BQ4
3BQ;Tu69*G[F*'! *@F*Q
-*5/+.
3BQ9T^76$x*)Gy*@M&Q 76
$x*)/-AVD-'7.
3BQbTzD-'7GD?))VD-' W
79@.
3BQ<Te)3*E 79@.
3BQaTe)$*0G$/Q)3*E1e$*0 Q!/
!) #7$.
{
3BQ9
cF]*d1e
9G;G!*aR2FFb
9G;G;G!*R2FF
Q71H&& A))K&+&]$
CuY?A.[
))K&+]CuY0|!@*!).`
$$?-B9)^%%.

CuYf$F+E;f <1*}CuY Q<*B
+-*K$-K-&K&+5$$:1H&&7
$V.CuYf@*?hd/3*E$x
-*7n# "A*$*JMH.
^-%$&%&& "#S$^%% $QP$&d/-*
K&+,CuY.8@7+E CuY+V7T
*27+E1L&+ P$&^%%5A
91F/,).^%%o
Q *Q *@O 1CuY.
^%%(B21K&+7E7g
7 +!''2FA*
$'2F+K&+E'F>A
F$|D.
^%%X$F+E<1^%% /-*$&
E$0.^%%X@**?+#t&$&wd/
~
VD-'L&+-*B F*; --c
7=E+EF*9*(7•.
9G;G9G!A7ZfUgOUhi@_7OjT!*a
CuYf$!-cE$K&+ 
7 2,7+E07.CuYf5B-*FK&+!
79A*+<;-AA/.NF!
CuYf    E  h d  /  JMH  tJ$  M H&P&w    qIu
tq*&I+€&u-&$w5o-\-6 B'-
!!;-ADQ*?7.
C7Q CuYf#)+,>?D))+,-5
-\-)0-* ]9-*<@*$-*
-cEd/CuYf.8 9*)-*2+)@*d/
!5CuYf >-*L&+G•&PV ^& I& H&&‚V$&)
-*FI% J-- O

8CuYf ]9VD-';-Al$9 !
F<E)+, •$%$&$"ZE
$*,-*.
%*D$?h21CuYf3**(
B)/.
9G;G9G;Gk7Hl73T73m$XTZ3
•$$D*=)9$-*FK&+(
-9+,)+6CuYf.
n!3*(- •$Q!)<$
(]/ $'+<2, $)+,!7
lk
7 EF*9*$*!.8•$E$*
)+,-<@@M$*$3*D$1-c.
C*@!%&&v+(>3*<: •$5+
V*<F)+,-1J$& 4'1*
CuYf.a*:)d%&&v+()+;
hF11J$&VQ*•$$FI%1
-c.
 y$&(Ay$&%LPPo-c
*2-*>•$CuYf J-+&*$![+T$0
+*$0;-AM&M&N*$-o$0F
;-A@E_P$PF-CuYfv.NF
! +EDJ-+&4AFK$$+o*
-*>•$CuYf.
8D ?J-+&(*F+5>•$F)+,-
$0*CuYf.8 D$
+3*#.J-+&+)#=5E$F+EW$d 5
•$F)+,-Q •$M$&ll.l5$F
+ED<*c.J-+&4+GRC!CuYf(/
(F@*@E* 56E<

-*F-*1)+,-U.
C @*L&+-,A$(*-cCuYf 
F*+*$ƒ**+& [u O[ <@*&/VD
-'+„Cu$f(V*< &)JN-
•&$-*&O
[0CuYf -cK&+5/E
EV&-& 7&F-*#)+,9
ll
3*D)9+2*9EF.8)+,-
%& +$& -c59E$$S@*h4
$7W-AMQ CuYf(*Q$!.
j.l.j.j. I3@PV_7
ud-*$*_F/$0QF**}*
/**+E04*.
F+E$*_?+E07$!.e$/$*_
h B$h;!$d.
)@*$!$*_/?/CuYf5+Z
/Q*)$*_.[Q*)+,
$/-A)$0(.
j.l.j.X. QP3LTR6On3?77Hhop@
N$$u$$T*FF))Y$^+&%$*E?S
#@'2G“Tôi thực sự thích HTML5 vì nó cho phép tôi làm việc trong
một môi trường thích hợp, trình duyệt kiết hợp với Javascipt, DOM mà không phải bật
đi bật lại Flash. Nó vừa là một ngôn ngữ lại vừa là một công cụ, không khác biết lắm
so với các plug-in khác”.
CuYf*<Q$0v% *-Q$*tzuY
qIuw9*FS)$0t^%%w)h+E *- -&n
#.
j.l.X. ?O7I3COL7HV!*a
j.l.X.j. !*a3k7HlO?On3q7rUs33tTC

$F9W,rCuYf;h1
B+E*D.
lj
NElG^9W,rCuYf.
<header (tiêu đề)>
Định nghĩa 1 tiêu đề cho 1 số phần tử của trang web, có thể là
toàn bộ trang, 1 phần tử <article>, hay <section>
<footer (chân trang)>
y9W…&-&† ,rD
l91l.
<nav (chuyển hướng)>
^;$&)*+9*FlL&+ ]
F-c* $F)$.
<article (bài viết)>
`,rA$0F-cF
 A; +)F+$ 0Vo.
<section (phần)>
`!-l91$*;-A ‡!
l7l91l+)-=.
<aside (nhận xét)>
`-<*lAl-*9
-*V*3*.8?-A3*E.
<hgroup>
N#lF*@lA@.8?-A/ l l
9@*7lF*@tlF*@ lA@w.
j.l.X.X. !*a3k7HlU`3uT7BQ7?ORCn3q7rvOTRTZw
^*}K&+4EE+„EP$&yH•vMy.^*}K&+
VD-'EF^.u$!n#•/ Bn
#1K&+&6F77.
M9W…†,r@* @* (,-tHqw-*<

/.%*K&+(<-' $0FW-A
$!v%JMH''5/F*@Etw.
[QJMHo5-!| )* A
-&t-w !h+E *2/*@E 
E.^JMH4o9W…†7;9*
lX
1-c'$*'+? !@*
*0$/EV*<"7;-AK&+F*@E.
j.l.X.m. !*aO3Vn3xnO?OyDWXB7HzOWO@ARCXVOTXZ7VHTp
^FK&+*@W-A&$*Q
FA+1*0 oK&+#$!!
*<@*E$!.&<?
$*Q-Q$*7+E B$!+,!)+6')-*K&+
9)Q$!7jk&d1@*7meN-Q
$*d&.[ B/W)1K&+#F*9*
CM D$(?*F.
CuYf4<E<@+„Y$%&JMH
tJMH$*QA+w.[o$*QF1
*0.[ *06+<ˆtE*
(/w/E'dF*9*CM @*B
hEK&+Z+,K&+#2-Q$*($*.
C9*)-*$*QK&++A+ 
oV&BE-c!.8!
r ‰-*-'76-Q$*
y$ •&+ L&.CuYf*<'d/;-A
! 6D-*E<E9)W-A;-A9
! -*o2+<ˆ/'
3*/E$F1B)$!!H&&.
j.l.X.f. !*a3k7Hln3?7vTDVwR2vRDpVw
CuYf+nE'*d/j9W …*-†…-&† o

K&++n-*79-c
SF1-*.u-*•&PV y$&^&(
+S9*d/9W*<B@*$!1-*
lm
*}.`@*(5-9/)@EJ-+&•$ ,-!
•$8-&t.P$w.
j.l.X.p. !*aOP7m@hE&p@
NF!QB@*+@*=*(G+* &+V P$&  & &
L- && - *+ &V OCuYf(E)FB+*=*
Q*?)'G
• ^$t*w
• q&tw
• q&&tw
• q&&_$$t,7w
• ‚$tWw
• utw
• [*+&tw
• Š&t!w
• %&t)w
• &$t!w
• &tw
• *$t,]w
• L&&t*9w
`@*(B?<@*L&+"EW-A
v%+F*<9--ct‹Hw W
-A*)J-+&•$&V !*B
@*.
j.l.X.s. !*a3k7Hl{3P7HO_n7C3673f|XpZZ7p
CuYf*<JMH);!57-Q$**,D
P$&&1W-A.^o;-AL&+

Eh$Q#P$&-Q$*n+n
+ !-Q$*,Dcx )P$& o'VW$xF
P$&oE>-&-*E$F-Q$**,D+„
W-AzuYCŠ&3*&j.
8?-A#•$&JMHW-A!lE*Z
-V&1+;EB/W&& 
ol;-A$*$!lP$&P$&/W-A)*
lf
-cW-A;-A!PP$&.C7) +„W-AK&+
J*-JMH;-A#/P$&.X,l'3*+E
!/! F -cW-A@*$
>?$&$!-!&&1-Q$*/E$FV&7;
*61P$&!?1-Q$*/E$F.
j.l.X.{. !*a77fO36}rX~RC&p@&VH{pHR2nnXOT7VTO3p
RK&+URPP$&U$j><@*-c0<B+
c*.*FCuYf#*$! K&+=
!EB/)'*).[-cE@
P$&-Q$*<$t7lyNw*-*V&lPP$&.
J$^&$!;-AX$/?G
l. q*V&EPP$&
j. h*hVW$x+6*n*F/^&$!-5/
!7
X. yEE1_-*5]E@*n*F/0
0/2>?1
uK&+K&t$F@K&+w$(€!
'@L&+ '$0(@D
E6*hVW$x1&.[-c=7
&<* $'# *:h+E O
j.l.X.~. !*a3k7HlUs3RsBND•
CuYfJMH,,,$xo;-AK&+V,,?,$x

!1-c EW)+,;-AS*<?h
)0t?-A yM%F!-w.[)*-c
)+,d/?ht‡!)!
M&J--j.kw -cW-A•&PVE@
SFo)$0,?1#+„.
j.l.X.lk. !*a3k7Hl{3POA7?OR2TV7mn73NT73€O
^?hCuYf/$jG$?h-c
B};-AL&+!)D+„;-A@-& $
?h&;-AL&+Q$/)/$FFE;-A
lp
-&*@.Eh&'$-!?h
*j &$/)'ˆ$;-AL&+.
K&+%&K&+Š^''$2"7&'
)&'+6)$0-\-7DE
1-c.
K&+%&$d/)@*Q$&&&+„W
-A^M&!)*3*E?o.u-c/))
*FW-A;-AL&+ $0F=B+<$!
;-A.
qQ$**@E3*;CM;@*-Q$*9)
9&-&.u&-&&3*&Œ&&1CM?E{sl+&
K&+%& ?]$j+&t*()w.
80EW;-A&lk kkk7h0c$B 
dD#5WŒ0-Q$*>&&.C($/-Q$*&-&;
CMK&+%&dDG
_ CMG{slVlk kkk•{ slk kkk+&•p~ p{k kkk+&&-tppu+w
_ K&+%&GjVlk kkk•jk kkk+&•lpk kkk+&&-tk.lfXe+w
^]F9&-&4()9$*$/;
CM*@.
K&+Š^&)Ehd/-&*-E'*)

*@-&'*).
j.l.X.ll. !*a3k7Hl7mn3_O?OZ€{6pRp7ZUBlOr7•?O3j
CuYf%&&_%&‚&o&)000$FA ;
>?1 +<;l'&&VEF1l
+5/W$&.`''*@%&&_%&‚& )E
*:@!JvJz+,!)G
_ e"M$$$lr*02/W-A+69*)
;-AJvJz.Ž6)*$;-A5#$$$!1
*0@-Q$*.`@*7';CM Voc
0@-Q$*43*3*l,-!&3*&Œ&&tF*9*Œnw.
^$&!lF*9*&3*&/1nE@-Q$*.8<
ls
@S$E6D$Q"$$<$5!
?A;CM<$.
_ e"$$$o-1‰
E@-Q$*5QF*9*-Q$*/‰E
@.q0 r*0/?-=l$&7;
y‚.e-Q$*(/‰15nE@)
3*VW$x5/$$$!.
&%&&_%&‚&t%%‚w/))$!*3*E7.
e)+„%%‚ 1}-Q$*@$&+<;*
9E!lF*9*&3*&.C*& 006
1/*@l$FA ' ;$&.%%‚]6
lF)l@*Q1$&.`+?Q%%‚
$_$$$%%‚/')>-*-c]7E
$$S&.
%6-r*D*@CuYf$$1F@L&+
7$7Q CuYf?$1VD-';-A
-'F@EP&LM&+F-,3*$*-!F@*
@E-*.[^%%X vv3*&

u+$&4<9).[-*2o1$*0 5]
*v3*&u+$&*(*n6M&69)&.
j.j. C736R$HTpoVH{‚`ƒ,3VpTn
9G9G;G,3VpTnX2[„
M&$@EtP&Lw(*n6-c;-A+$&
t&J$wEI% J-- K-LM& N$N& L&+I% N-
%+c$B )$9 +F-,3*$*-!F@*@E
&*.`D$-'(*n6\?1[+B
;-A--\-7#@*.^o
W-ACuY ^%%v);-A.e*;-A
+$&-!/#$+-$t;-A$w.
l{
Hình 1: Sơ đồ tổng quan hóa về cách thức hoạt động của Phonegap
FVZ?3zTbD…yDWV@Xp4op@TnnZ†3@HDTnnZR2T7RpTnnZ
NEjGNE-!;-A+$&
l~
^$/23*@X-!;-A*G
l. Navtive Application: YQ;-A/VD-'&?
Q$0Œ@E-EV*<-3*,t?-AG
I+€&&_^I%vJ-- .[&K-LM& Ow.•*
1-!;-A$E*0
9;1)+,tP$& & & &$&&& Ow.
[/$+,++*@EEV*<.
j. Web Application: Y;-A/VD-'F@EL&+t
$CuYfw ]!F-*1!.@D1x
6$QL&+-c+) !/F@*
DE @*!F
;-A-.•*$E;
jk
-A93*D@E_$P.[/$

/;!*0D*)+,&.
X. Hybrid Application: Y$1j-!;-AF.^*;
-A$G&$]/L&+&LF
-c,-*L&+ L&+)&
3*9*t+-&w$!;!1&L&+.
[0;-A&*C+-J$$*7<
@*.
j.j.j. 5x7RXsO3ZrOjT,3VpTn
M&$-'(*n6\?1[+B
;-A-\-7#@*.M9*F!'
M&q&^6%• M&)A)SE6
^&JL-!I•Š&$$u&-jkk~6,K&+j.kmhjkk~.`@*
(6;-AL&+.e>7pkk kkk
$/E@;-A/-'FM&.J$&(V0
„•&L(/F-*.
*/!+6[+„*M&$'1<@*
Q2;$HNu ŠHuuP.M&4‡,„G
C#n<-= !6 +!/.
•&L  M&  /  W  -A  +6      @  E  ;  -A  -    
K$ ^&u+$V717!
--1#.J-+&?;+*$!1[+
%PL&T+9* lkhjkll.>(M&(
/W-AJ&%PL&•*-+S9*-'#$J&
^-.
‘F+EM&@ $*+S+*$0!;
-AI%9El?!F@*u1J$& $0
*!;-AK-LM&E?!K-L.
*F>*~hjklj -,ARM&N*$-U(/S
o$0E$F(*n1#l+F-,D 
+F-,;-A7;>@E !/F@*$!

&*.
jl
j.j.X. …ZTVX…ZrDW,3VpTn„
[)*$$0FQ$$r'#S‡"
)*0QGRK&& *L&&UV*<67
jXŒkfŒl~~f.[?%*u&(*A
$0TQv.vV;SAh
*2;-A)F@*I%VW$x^M‹
*.q0 $0]9);-A+„vB$9 *
  W  -A  ;  -A    F      @*      *    K-L  zM
K-L[ uI% ‹V O&7DGR)$D !6+<ˆD*U.
[0F M&?$*@D*<S1v
}F*?RK&& *K&&U$F9.
j.j.X.j. 3zBUh{3ZrDW,3VpTn„
• M&oBRL&& *&&L&&Ut)$9
!F#)+,w.
• ^]9);@CuYf ^%%X v$$/.
• /P$&Fd@E*3*$
&tJ%& J--u& Ow.
• ^*<@*JMHo?h1)+,t&
yM% •$& ^ Ow
j.j.X.X. 3z3…O3mOjT,3VpTn„
• e!F+$&+L&4d/€0.
• 83*E$x*F1)+,'/G3*E$x
)tn+ +<n+w Ehn#!)tXqw.
• Y*;-A5c/!F)+,D
E* c*d/CuY1-*1)+,.8?
-AG--F)+,*5:oF
--d/+DE*F>$)+,.
• eEh;?h"!)6@E.eB

;-AFJ--M&9*)?h@*
-A/.[F@E?h+,$d.
[F) *1M&<D$P&L
<BF$$SM&$*00
F+ESA!)1.
%*D5*;M&!JMHd/.
jj
j.j.m. ?O373yO,3VpTn3V…7UA
Hình 2: Kiến trúc bên trong 1 ứng dụng Phonegap
!1;-A&$ -$1;-A@
+E<+n-*<4*L&+
&L)-A+1)+,.e;-A/6!
5E&6!1;-At$-&V.$
$0F-\-2w*L&+&L
**@*L&+&Lo-c7;
-AL&+$.e-c7-*t&w1;-A 
$F)$(v%!;-AE
-*>P$&*F/;-A *0
3*!&LE-*&>L&+&>&&@.
`@E+$&+- %+L&+I%;-A&
$@+E<?$l;-AL&+$.
Định nghĩa về web view
jX
1 web view là 1 thành phần của ứng dụng native application mà được sử dụng để biểu
diễn nội dung web content (thông thường là các trang HTML) trong phạm vi 1 cửa sổ hay
1 màn hình của ứng dụng native application. Về bản chất thì nó giống như 1 thành phần
có khả năng tiếp cận theo hướng lập trình, được đóng gói vào bên trong trình duyệt web
browser có sẵn trong các thiết bị mobile.
’-AL&+$!!lL&+&L4+<Q
;-AL&+$B/!+Fl-*L&+1

+$&.[6CuYt&EjGl,7')
F)+,&6>lL&+&&w.v%B+FP$&
(*n1;-A,*'VW$x@*$ }
-*&)*9 7&-P$& 6& '?
 0@-*&>&&W-*&&&.y-
1;-A/!>CuY^%%.
u-*L&++$&Eh*09
D*+F)+,Q;-A!')F)+,t
^ J&$&&& ^& ^ u& Ow.`VD-'l;
-A+$&B,;-A9EEh*09+F
1)+, /l-*L&+.M&/B
@*9)+„*<l+v%JMH o
9@W-A!F;-AL&+$!
;-A1M&Eh*091)+,/
3*!QE-*L&+.
el$0FVW$xl?hl;-AW-Al
M&JMH ;-A#JMH+„W-Av*l$
$&+;-A5-,M&JMH #&JMH
?/?h7;.
<E$x*)9F/#CX+F-.%*
5V&Vo)JMH!M&d/F@E+$&.
jm
Hình 3: Cách thức 1 ứng dụng Phonegap tương tác với thiết bị
j.j.f. ?O32,Z2,3VpTn36UT3k7Hl7HSO?O
7PV@Xp
jf