Tìm hiểu nền tảng mã nguồn mở phonegap và xây dựng ứng dụng

Tìm hiểu nền tảng mã nguồn mở phonegap và xây dựng ứng dụng

 TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 1 Website: http://aboutsedi.blogspot.com/ MC LC LI NÓI U 4 CHNG I: TNG QUAN V HTML5 5 1.1. Khái nim HTML5 5 1.1.1. Lch s hình thƠnh 5 1.1.2. Quá trình chun hóa 6 1.2. Mt s đc đim ni bt ca HTML5 7 1.2.1. Ni dung đa dng 8 1.2.2. H tr thay th Flash 8 1.2.3. Tng tính bo mt 9 1.2.4. n gin hóa vic phát trin web 10 1.3. Các tính nng mi có trong HTML5 10 1.3.1. HTML5 h tr các phn t đnh ngha mi 10 1.3.2. HTML5 h tr đ ha tng tác vi phn t <canvas> 12 1.3.3. HTML5 cho phép các ng dng Lu tr cc b vi local storage 13 1.3.4. HTML5 h tr phát <audio> vƠ <video> 14 1.3.5. HTML5 Ci tin biu mu Web 15 1.3.6. HTML5 h tr kh nng truy cp ti h thng file system 17 1.3.7. HTML5 tng tc hiu nng x lý vi Web Worker vƠ Application Cache 18 1.3.8. HTML5 h tr đnh v ngi dùng 19 1.3.9. HTML5 h tr kh nng cng tác vƠ giao tip thi gian thc 19 1.3.10. HTML5 h tr tip nhn các s kin events đc gi t máy ch 20 1.3.11. Nhng tính nng khác 21 CHNG II: GII THIU V FRAMEWORK MÃ NGUN M PHONEGAP 22 2.1. Phonegap lƠ gì ? 22 2.2. ôi nét v lch s ca Phonegap 23 2.3. Ti sao li s dng Phonegap ? 24  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 2 Website: http://aboutsedi.blogspot.com/ 2.4. Cách thc Phonegap hot đng 25 2.5. Các hƠm APIs mƠ Phonegap h tr hin ti trên các nn tng mobile 29 CHNG III : CÁCH THIT LP CÀI T MÔI TRNG LP TRÌNH CHO PHONEGAP 30 3.1. Cách thit lp cƠi đt Phonegap cho Android Project bng Eclipse 30 3.1.1. Yêu cu cƠi đt 30 3.1.2. To project mi s dng Phonegap trong Eclipse IDE 31 3.1.3. To project mu HelloWorld. 36 3.1.4. Chy chng trình trên nn Android Emulator 38 3.2. Tng tc đ quá trình Debug mư ngun bng cách s dng AndroVM 38 3.2.1. Yêu cu cƠi đt 39 3.2.2. Cách thit lp cƠi đt AndroVM 39 3.2.3. Cách thc hin lnh kt ni máy o vi Android Debug Bridge (adb) 43 3.2.4. Cách kt ni môi trng lp trình Eclipse IDE vi máy o AndroVM 45 CHNG IV : PHÂN TệCH VÀ THIT K CHNG TRÌNH NG DNG 47 4.1. Gii thiu v chng trình ng dng 47 4.2. Phơn tích chng trình ng dng v chc nng 48 4.2.1. Biu đ phơn rư chc nng 48 4.2.2. c t chc nng ca chng trình 49 4.3. Phơn tích chng trình ng dng v lung d liu 51 4.3.1. Biu đ lung d liu mc khung cnh 51 4.3.2. Biu đ lung d liu mc đnh 52 4.3.3. Biu đ lung d liu mc di đnh gii thích chc nng thc hin thao tác chm 53 4.3.4. Biu đ lung d liu mc di đnh gii thích chc nng thêm nh 54 4.3.5. Biu đ lung d liu mc di đnh gii thích chc nng thêm text 55 4.3.6. Biu đ lung d liu mc di đnh gii thích chc nng chnh sa nh 56 4.3.7. Biu đ lung d liu mc di đnh gii thích chc nng chnh sa text 57  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 3 Website: http://aboutsedi.blogspot.com/ 4.3.8. Biu đ lung d liu mc di đnh gii thích chc nng chia s facebook 58 4.4. Thit k c s d liu ca chng trình ng dng 59 4.5. Thit k giao din chng trình ng dng 60 4.5.1. MƠn hình chính ca ng dng 60 4.5.2. Bng hp thoi th vin nh 62 4.5.3. MƠn hình nh t thit b 64 4.5.4. Bng hp thoi thêm text 65 4.5.5. Nhóm nút điu khin đi tng đ ha 66 4.5.6. Bng hp thoi chnh sa nh 67 4.5.7. Bng hp thoi chnh sa text 69 TÀI LIU THAM KHO 71 PH LC 72  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 4 Website: http://aboutsedi.blogspot.com/ LI NÓI U in thoi thông minh hay còn gi lƠ smartphone thc s đư mang đn mt cuc cách mng cho các thit b di đng, trong thi kì mƠ công ngh s phát trin vi tc đ chóng mt nh hin nay. Nhu cu s dng thit b di đng đư tr nên rt ph bin không ch  Vit Nam mƠ trên toƠn th gii. S tin b vt bc ca công ngh đư lƠm thay đi hoƠn toƠn thói quen cng nh hƠnh vi ca con ngi.Trong tng lai, thit b di đng s tr thƠnh phng tin giao tip vƠ lƠm vic ch yu ca con ngi. VƠ phn ct lõi đ to ra sc hp dn t nhng chic smartphone chính lƠ h điu hƠnh vƠ các ng dng mƠ chúng đang chy. Hin ti, các ng dng dƠnh cho thit b di đng đang b phơn mnh rt ln do các hưng công ngh ln cnh tranh, ganh đua nhau to ra các nn tng h điu hƠnh di đng ca riêng mình. Do đó Phonegap ra đi vi mc đích “vit mt ln, biên dch qua cloud vƠ chy khp ni ậ tng thích vi hu ht các nn tng h điu hƠnh di đng hin ti”, đư nhn đc s đóng góp ca rt nhiu t chc vƠ cng đng công ngh ln. Phonegap giúp gim nh gánh nng - cn phi nm bt vƠ hiu rõ v các công ngh bên trong mi nn tng ậ đi vi nhƠ lp trình trong vic to ra ng dng có th chy trên đa nn tng di đng. Gi đơy, vi s h tr đc lc ca Phonegap, nhƠ lp trình ch cn nm bt vƠ chuyên sơu v 1 công ngh duy nht, đó lƠ công ngh nn Web(bao gm HTML5, Javascript, CSS). Vi th mnh bn thơn v lp trinh web vƠ vi nhng lí do trên, em chn đ tƠi “Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng” Em xin chơn thƠnh cm n ThS. oƠn Duy Trung đư trc tip hng dn đ tƠi nƠy. Em cng xin cám n các Thy Cô trong Vin Toán ng dng vƠ Tin hc đư to điu kin thun li cho em hoƠn thƠnh đ tƠi. Sinh viên thc hin Ngô Quang Trung  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 5 Website: http://aboutsedi.blogspot.com/ CHNG I: TNG QUAN V HTML5 1.1. Khái nim HTML5 HTML5 lƠ mt ngôn ng cu trúc vƠ trình bƠy ni dung cho World Wide Web vƠ s lƠ công ngh ct lõi ca Internet trong tng lai không xa, đc đ xut đu tiên bi Opera Software. ơy lƠ phiên bn th 5 ca ngôn ng HTML vƠ hin ti vn đang đc phát trin bi World Wide Web Consortium vƠ WHATWG. Mc tiêu ct lõi khi thit k ngôn ng lƠ ci thin kh nng h tr cho đa phng tin mi nht trong khi vn gi đc vic con ngi vƠ các thit b, các chng trình máy tính nh trình duyt web, trình đc mƠn hình, v.v có th đc, hiu, hay x lý mt cách d dƠng. HTMl5 vn s gi li nhng đc đim c bn ca HTML4 vƠ b sung thêm các đc t ni tri ca XHTML, DOM, đc bit lƠ JavaScript. LƠ phiên bn tip sau ca HTML 4.01 vƠ XHTML 1.1, HTML5 lƠ mt phn ng đ đáp li li phê bình rng HTML vƠ XHTML đc s dng ph bin trên World Wide Web lƠ mt hn hp các tính nng vi các thông s k thut khác nhau, đc gii thiu bi nhiu nhƠ sn xut phn mm ví d Adobe, Sun Microsystems, Mozilla, Apple, Google, vƠ có nhiu li cú pháp trong các vn bn web. ơy lƠ mt n lc đ to nên mt ngôn ng đánh du có th đc vit bng cú pháp HTML hoc XHTML. Nó bao gm các mô hình x lý chi tit đ tng tính tng thích, m rng, ci thin vƠ hp lý hóa các đánh du có sn cho tƠi liu, đa ra các đánh đu mi vƠ gii thiu giao din lp trình ng dng (application programming interfaces API) đ to ra các ng dng Web phc tp. Cùng mt lý do nh vơy, HTML5 lƠ mt ng c viên tim nng cho nn tng ng dng di đng. Nhiu tính nng ca HTML5 đc xơy dng vi vic xem xét chúng có th s dng đc trên các thit b di đng nh đin thoi thông minh vƠ máy tính bng hay không. 1.1.1. Lch s hình thƠnh Nm 1991 HTML ra đi bi W3C, cho đn HTML phiên bn 4 ra mt nm 1997 vƠ ngay sau đó nó đư dng phát trin t nm 1998. Sau khi phát trin đn phiên bn 4.01, W3C ngng phát trin HTML chuyn sang phát trin XHTML. n  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 6 Website: http://aboutsedi.blogspot.com/ nm 2006 W3C li quay li phát trin HTML. n nm 2009, chun XHTML2 sau 5 nm nghiên cu đư không th ra đi thì W3C ngng phát trin XHTML (2.0), trong khi đó, do nhu cu bc thit mƠ Opera, Mozilla, vƠ Apple đư thƠnh lp WHATWG (Web Hypertext Application Technology Working Group) đ nghiên cu mt gii pháp mi. Gii pháp nƠy đư đc W3C chp nhn. S hp tác ca W3C vƠ WHATWG đư thai nghén ra HTML5 t nm 2009. c phát trin theo mô hình cun chiu nên HTML5 vn đang hoƠn thin nt các phn còn li, nhng nhng phn đư ra mt thì nhanh chóng đc h tr. HTML5 đư sm đc h tr trong các trình duyt trên PC nh Mozilla Firefox (phiên bn 3.5+), Apple Safari (phiên bn 4.0+), Opera (phiên bn 10.0+), Google Chrome (phiên bn 3.0+), chm tr nht lƠ Internet Explorer ca Microsoft cng đư bt đu h tr HTML5 t phiên bn 9. Các trình duyt s dng trên mobile vƠ máy tính bng cng h tr HTML5 tng đng PC. 1.1.2. Quá trình chun hóa Tháng 9 nm 2012, W3C đa ra 1 bn k hoch d kin, theo đó s phát hƠnh phiên bn HTML 5 chính thc vƠo cui nm 2014, vƠ phát hƠnh phiên bn HTML 5.1 hoƠn thin vƠo cui nm 2016.  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 7 Website: http://aboutsedi.blogspot.com/ Di đơy lƠ biu đ thi gian quá trình chun hóa HTML các phiên bn 5.0, 5.1, 5.2 Phiên bn 2012 2013 2014 2015 2016 HTML 5.0 Phiên bn gn hoƠn thin Phiên bn kêu gi nhn xét Phiên bn phát hƠnh chính thc HTML 5.1 Phiên bn d tho đu tiên Phiên bn kêu gi góp ý cui cùng Phiên bn gn hoƠn thin Phiên bn phát hƠnh chính thc HTML 5.2 Phiên bn d tho đu tiên Bng 1 : Bng biu đ thi gian quá trình chun hóa HTML5 1.2. Mt s đc đim ni bt ca HTML5 HTML5 mang li cho ngi dùng tri nghim lt Web hoƠn toƠn mi, nhanh hn, n đnh hn vƠ bo mt hn. HTML5 s giúp các ni dung trên Web hot đng tt hn mƠ không cn ph thuc vƠo bt kì mt ng dng ph tr nƠo khác.Không nhng mang li nhng li ích to ln nh hot đng nhanh, n dnh vƠ bo mt hn. Bên cnh đó, HTML5 có kh nng h tr API (Application Programming Interface) vƠ DOM (Document Object Model) s cho phép d dƠng m rng, giúp các nhƠ phát trin t do sáng to trong vic to ra các ng dng thơn thin vƠ hu ích hn. Hn th, vi HTML5, mi thit b t máy tính cá nhơn đn các thit b di đng s có th d dƠng tip cn ni dung, tc lƠ s không còn khác bit na, ch cn duy nht mt điu kin : trình duyt đang dùng phi h tr HTML5, nhng điu nƠy có l không còn lƠ điu kin khó gii quyt khi hu ht các trình duyt ph bin đu h tr mnh m HTML5, t : Firefox, Chrome, Opera, Internet Explorer đn các trình duyt trên iOS, Android đu h tr tt HTML5.  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 8 Website: http://aboutsedi.blogspot.com/ Vi HTML5, các nhƠ phát trin ch cn xơy dng ng dng 1 ln, nó có th hot đng tt trên tt c các thit b, không nh Flash hoc Silverlight đòi hi phi cƠi đt plugin đ có th hin th ni dung. 1.2.1. Ni dung đa dng Thi gian trc, báo chí vƠ các nhƠ phát trin đư tn nhiu giy mc đ nói v nhng gì mƠ HTML5 có th mang li, so sánh gia HTML5 vƠ Flash vn chim phn ln ni dung trên Web. Flash lơu nay vn chim phn ln ni dung trên Web nhng hin nay nó đư vƠ đang dn b thay th bi HTML5. Huyn thoi Steve Jobs đư tng đa ra quan đim rt rõ rƠng, Flash s không bao gi xut hin trên các thit b di đng ca Apple, vƠ cng đa ra s ng h tuyt đi vƠo HTML5. Quan đim nƠy th hin rõ rƠng đn ni Steve Jobs đư vit 1 bc th vƠ đng trên trang ch ca Apple đ th hin quan đim nƠy vƠ xóa tan nhng mong mun đa Flash lên iOS ca ngi dùng. Bên cnh nhng li ích mƠ HTML5 mang li, gii phát trin cng ch ra nhng hn ch rt ln ca Flash, đó lƠ s bt n đnh, lƠm thit b hot đng nóng hn vƠ hao pin hn, phi yêu cu cƠi Plugin đ hot đng. VƠ Flash không phi lƠ ti u cho các thit b di đng khi vn đ v PIN trên các thit b nƠy luôn lƠ mi quan tơm ln ca ngi dùng. Hin nay, nhiu trang web vƠ dch v ln đư chuyn sang dùng HTML5, có th k đn trong s đó lƠ Youtube, Nokia Mapsầ NgoƠi ra, rt nhiu games đc xơy dng bng HTML5 đư xut hin, trong s đó có các games ni ting nh Angry Bird, Fieldrunnersầ Cho thy HTML5 ngƠy cƠng đc quan tơm vƠ phát trin nhiu hn. 1.2.2. H tr thay th Flash Vi s quan tơm ngƠy cƠng ln mƠ các nhƠ phát trin dƠnh cho HTML5 cho thy thi gian ti, HTML5 s ngƠy mt phát trin mnh m hn. ơy không phi lƠ  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 9 Website: http://aboutsedi.blogspot.com/ mt điu quá bt ng, vì vi nhng gì mƠ HTML5 mang li, đó lƠ s la chn thc s đúng đn vƠ ngi s dng Web s đc hng li rt nhiu. Thi gian trc, Google đư phát trin công c Google Swiffy cho phép ngi dùng chuyn đi ni dung Flash sang HTML5, Adobe mua li Nitobi ậ công ty sáng lp b khung lp trình ng dng PhoneGap vƠ PhoneGap Build cho phép lp trình viên phát trin ng dng nn tng cross-flatform trên di đng vi HTML5 vƠ Javascript. Bên cnh đó, bn thơn Adobe cng cho ra đi công c mang tên Wallaby cho phép chuyn ni dung t Flash sang HTML5. VƠ ngƠy 09/11 đánh du bc tin quan trng ca HTML5 khi chinh Adobe tuyên b s ngng phát trin Flash trên các thit b di đng mƠ thay vƠo đó lƠ tp trung phát trin HTML5. Vi gii công ngh, đơy có th lƠ mt bc ngot quan trng. Adobe cho bit h vn s tung các bn sa li, nhng s không phát trin Flash trên các thit b di đng na, vƠ Flash Player 11.1 s lƠ phiên bn nơng cp cui cùng. “Hin ti HTML5 đư đc trin khai rng rưi trên nhiu nn tng khác nhau, nó s tr thƠnh gii pháp tt nht cho vic phát trin ni dung trên trình duyt ca thit b di đng” ậ Adobe cho bit. Vi thông báo trên, có th thy hin ti ngay c Adobe cng đang dn t b Flash đ tp trung phát trin HTML5 vì mt chun Web chung cho tng lai. Vi HTML5, ngi dùng Web s có đc mt tri nghim hoƠn toƠn mi, ngi dùng có th thoi mái xem Video, chi games trên trình duyt vi mi thit b mƠ không cn quan tơm đn các thƠnh phn b sung cn phi cƠi thêm. Vi các thit b di đng nh Smartphone, Tablet, ngi dùng s không còn lo lng v hiu nng cng nh thi lng s dng PIN na. Vì HTML5 đư ti u hóa cho nhng lo ngi đó. 1.2.3. Tng tính bo mt Mi trình duyt có 1 plug-in riêng do các nhóm lp trình khác nhau lp ra vi nhng tiêu chun khác nhau, đc đa ra vƠo thi đim khác nhau vƠ kiu mu bo  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 10 Website: http://aboutsedi.blogspot.com/ mt cng khác nhau. Thông thng, mt s phiên bn plug-in có tính bo mt hn so vi loi khác. VƠ khi s lng plug-in gia tng, chúng lƠm tng đ phc tp trong kim tra các li an ninh. Liu plug-in hay trình duyt đư có l hng ln vƠo nm ngoái? Liu có phc tp không khi ch cp nhơt trình duyt mƠ không nơng cp plug-in hoc ngc li? Ai có th nh đc? Thay th nhiu loi plug-in vi các đc đim đc tích hp vi HTML5 s b đi đc nhng khuyt đim có trong các plug-in trc đó. Nhng khuyt đim có th b li dng đ thit lp mư đc. Nu nh nhóm an ninh kim tra Firefox, Chorme hoc IE cho phép cƠi đt các plug-in nƠy, s nguy him s gim bt đi. 1.2.4. n gin hóa vic phát trin web Bill Mill ậ chuyên viên thit k cho Lookingglass Cyber Solutions gii thích ngn gn v s thay đi nƠy: “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 kt hp vi Javascript, DOM mà không phi bt đi bt li Flash và HTML5. Nó va là 1 ngôn ng li va là 1 công c , không khác bit lm so vi các plug-in khác”. HTML 5 cung cp 1 ngôn ng lp trình JavaScript, 1 kiu d liêu (XML hoc DOM) vƠ 1 phn nguyên tc thit lp (CSS) đ kt ni vn bn, audio, video vƠ  ha. Thách thc trong vic to ra cái gì đó tt đp vn lƠ mênh mông nhng điu đó s đn gin hn khi lƠm vic trong 1 tiêu chun thng nht. Hin nay ch Adobe s dng HTML 5 đ tích hp các công c dƠnh cho Flash. 1.3. Các tính nng mi có trong HTML5 1.3.1. HTML5 h tr các phn t đnh ngha mi c t HTML5 bao gm mt lot các phn t ng ngha mi đc s dng đ đa ra mt s ngha cho các phn hoc các b phn khác nhau ca mt trang Web, chng hn nh tiêu đ, chơn trang, chuyn hng, vƠ v.v Trong các phiên bn trc ca HTML, thng s dng các phn t <div> đ to nhng b phn nƠy, s [...]... JavaScript API , g it native API s i ch pv tr hi n t PhoneGap ng n t ng mobile c h tr cho t ng n n t ng B ng V i ng ng d ng c bi t trong ng d ng s d 2.5 B nm c h tr cho t ng n n t ng trong Phonegap tr tr email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ 29 un nt nm III ng ng d ng TL PC I L TM CHO PHONEGAP Vi c t o l ng h tr l gi ng d ng trong Phonegap h t s t ol pd c n n t ng h NG u n... http://developer.android.com/sdk/index.html email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ 30 un nt nm ng ng d ng Phonegap Framework : T i b n phonegap m i nh t t ng d n sau : http:/ /phonegap. com/download 3.1.2 T o project m i s d ng Phonegap trong Eclipse IDE M Eclipse, ch n New > Android Project o 1 Android Project trong Eclipse IDE email: ngotrung.poli.t@gmail.com Website:... 24 un nt nm ng ng d ng m c a vi c s d ng Phonegap v i Java ts cc a Write one, run any where t t m cao m i 2.4 c Phonegap ho ng nt d n ph n m ng d t b mobile (bao g m c n JavaScript n ph n m ng d d ng d ng n n web (web c h tr cho t ng n n t ng mobile d email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ 25 un nt nm ng ng d ng trong 1 ng d ng Phonegap Trong ph m vi c a ng d ng native... c hi n d email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ 21 un nt nm ng ng d ng I THI U V M N PHONEGAP 2.1 nm native Applications n t ng b ng d ng d n Ki u ng d ng mobile d cg hybrid application ( ng d ng lai) t ng quan v Phonegap hi n t i h tr c ho ng c a Phonegap n t ng mobile sau : Apple iOS (g m c iPhone iPad): http://developer.apple.com Google Android : http ://developer.android.com... Phonegap h t s t ol pd c n n t ng h NG u n Phone t s d , vi c t o ra ng d ng , 1 n n t ng h ng d u t o h truy c : http ://docs .phonegap. com/en/2.1.0/guide_getting-started_index.md.html T ih nc o ra ph n m m ng d ng , ol tri n v i Phonegap tl 3.1.1 ng l ng h d ng ph bi n nh 3.1 cho h t Phonegap cho Android Pro t Eclipse: T i v t ph n m m Eclipse IDE t ng d n sau : http://www.eclipse.org/downloads/ T ib n... ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ p 23 un nt nm v ng ng d ng cs d b um td c cg n phonegap v d ng iOS c, t bu y Mac c n ph t ng n ng d y windows Tuy ch v PhoneGap Build c ra m ngu n c a h t i 1 h th ng d ng cho t ng n n t ng h c h tr 2.3 T i sao l i s d ng Phonegap ? N tl c tin h c h n n thu t ng : Write one, run any where xu t hi s i thi u m l i ong vi c chuy x Do v... ti tb Accelerometer, Camera, Compass, M d ng 1 ng d ng d n PhoneGap tr n ph a thi t b , u c n thi email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ ng p ra 1 b 27 un nt nm JavaScript APIs, ng ng d ng n ph n m ng d ng web application ch y s d t ng ng d ng c n c a thi t b gi i h n ng c duy t web c ng d Khi 1 l c thi x PhoneGap APIs, i thi t b ng d ng d ng g i t i API b email: ngotrung.poli.t@gmail.com... www.blackberry.com/developers Samsung bada: http://developer.bada.com B ut n 2.2.0 tr u h tr n n t ng h i nh t c u m c Window 8 ch vi x X86 Windows RT ch 2.2 l ch s c a Phonegap td nm n ng d ng d c iv im ih m t s ki n iPhoneDevCamp th ng gi ) i San Francisco, PhoneGap ti p t ng Choice Award t n h i ngh Web 2.0 n ph n th ng bao g m: 80 legs, zealLog, Bantam Network, Dubmenow) m web K t n ng d ng tt iv ng d nd a nr... ch ph n vi nh nh s a v sau Chu n nh th tl t o 1 Android Project , ti lib, ch gi c c Android email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ 32 un nt nm ng d ng ng d ng s d ng Phonegap Cordova 1.5.0, 2 files: cordova-1.5.0.js cordava-1-.5.0.jar xml c Project v a t o, s th res, src t ch s d ng c g m: assets, bin, gen, libs assets/www cordova- -1.5.0) cordova-1.x.x.js /assets/www... cordova-1.x.x.jar c c xml Quay tr l i c a s /libs /res c c a Eclipse, ch n Package Explorer (c a s vi c p nh t file m i u as nh b m F5, n cc quay l i p nh t Trong c a s Package Explorer, ch n src/com .phonegap. demo/DemoActivity.java (ho l t o, ): 3 pt i email: ngotrung.poli.t@gmail.com Website: http://aboutsedi.blogspot.com/ 33 un nt nm ng ng d ng Ch nh s a l i theo S a extend c a class t Activity th . FRAMEWORK MÃ NGUN M PHONEGAP 22 2.1. Phonegap lƠ gì ? 22 2.2. ôi nét v lch s ca Phonegap 23 2.3. Ti sao li s dng Phonegap ? 24  TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ. 2.4. Cách thc Phonegap hot đng 25 2.5. Các hƠm APIs mƠ Phonegap h tr hin ti trên các nn tng mobile 29 CHNG III : CÁCH THIT LP CÀI T MÔI TRNG LP TRÌNH CHO PHONEGAP 30 3.1 TƠi: Tìm hiu nn tng mư ngun m Phonegap vƠ xơy dng ng dng Ngô Quang Trung ậ email: ngotrung.poli.t@gmail.com - 17 Website: http://aboutsedi.blogspot.com/  range (phm vi)  search (tìm