báo cáo thuc tap
DESCRIPTION
Báo cáoTRANSCRIPT
1
L i ờ c m nả ơ
Đ u tiên em xin c m n trung tâm Athena đã t o đi u ki n cho em cóầ ả ơ ạ ề ệ
môi tr ng th c t p th t t t, c m n th y Th ng đã t n tình h ng d n emườ ự ậ ậ ố ả ơ ầ ắ ậ ướ ẫ
trong su t quá trình em th c t p trung tâm. Nh ng gì h c đ c trung tâmố ự ậ ở ữ ọ ượ ở
th t có ích, có nh ng ki n th c m i, đem l i nh ng hi u bi t m i, giúp em cóậ ữ ế ứ ớ ạ ữ ể ế ớ
hành trang v ng ch c đ chu n b cho công vi c mai sau.ữ ắ ể ẩ ị ệ
M t l n n a em xin chân thành c m n trung tâm Athena và th yộ ầ ử ả ơ ầ
Th ng.ắ
2
Nh n xét c a trung tâmậ ủ--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
3
Nh n xét c a giáo viên h ng d nậ ủ ướ ẫ--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
4
M c l cụ ụ
L i ờ c m nả ơ ..........................................................................................................................................1
Nh n xét c a trung tâmậ ủ .................................................................................................................2
Nh n xét c a giáo viên h ng d nậ ủ ướ ẫ ..........................................................................................3
M c l cụ ụ .................................................................................................................................................4
Danh m c các hình vẽụ ....................................................................................................................6
L i nói đ uờ ầ ..........................................................................................................................................8
N i dungộ ...............................................................................................................................................9
Ch ng 1: T ng quan v ph n m m qu n lý sinh viên trên Androidươ ổ ề ầ ề ả ....................9
1.1: Gi i thi u v ph n m mớ ệ ề ầ ề .................................................................................................9
1.2: M c đích s d ngụ ử ụ ................................................................................................................9
Ch ng 2: N i dungươ ộ .....................................................................................................................10
2.1: Quá trình chu n b .ẩ ị ..........................................................................................................10
2.2: Quá trình th c hi n.ự ệ ........................................................................................................10
2.2.1: Cài đ t ph n m m Wampseverặ ầ ề .........................................................................10
2.2.2: Cài đ t Eclipsặ ..............................................................................................................13
2.2.3: Thi t k CSDL.ế ế ...........................................................................................................15
2.1.4: Thi t k giao di n.ế ế ệ ...................................................................................................15
2.1.4.1: Trang chủ.............................................................................................................15
2.1.4.2: Xem đi mể .............................................................................................................15
2.1.4.3: Xem thông tin......................................................................................................15
2.1.4.4: Đăng nh pậ ............................................................................................................16
5
2.1.4.5: Trang thêm...........................................................................................................16
2.2.5: Vi t ch ng trình.ế ươ ....................................................................................................17
2.2.5.1: Gi i thi u v Bootstrap.ớ ệ ề ................................................................................17
2.2.5.2: Cách s d ng Twitter Bootstrapử ụ ................................................................17
2.2.6: Đ a CSDL và trang web lên hosting.ư ................................................................20
2.2.6.1: Đ a CSDL lên hosting.ư .....................................................................................20
2.2.6.2: Đ a trang web lên hosting.ư ...........................................................................23
2.2.7: Chuy n sang Android.ể ............................................................................................24
Ch ng 3: K t lu nươ ế ậ ......................................................................................................................29
3.1 u đi m.Ư ể ................................................................................................................................29
3.2 Nh c đi m.ượ ể ........................................................................................................................29
3.3 H ng phát tri n.ướ ể ..............................................................................................................29
6
Danh m c các hình vẽụ
Hình 1: Giao di n cài đ tệ ặ .................................................................................................10
Hình 2: Màn hình cài đ tặ ..................................................................................................11
Hình 3: Đ c cài đ tọ ặ .............................................................................................................11
Hình 4: Ch ng trình đang cài đ tươ ặ ..............................................................................12
Hình 5: Hoàn thành cài đ tặ .............................................................................................12
Hình 6: Download the SDK..............................................................................................13
Hình 7: Các file sau khi gi i nénả ....................................................................................13
Hình 8: Cài đ t Android SDKặ ..........................................................................................14
Hình 9: Màn hình Android SDK Manager..................................................................14
Hình 10: Trang chủ.............................................................................................................15
Hình 11: Xem đi mể .............................................................................................................15
Hình 12: Xem thông tin.....................................................................................................15
Hình 13: Đăng nh p adminậ .............................................................................................16
Hình 14: Trang thêm thông tin......................................................................................16
Hình 15: Bootstrap.............................................................................................................17
Hình 16: T o các buttonạ ...................................................................................................18
Hình 17: Code t o các nút buttonạ ................................................................................18
Hình 18: K t qu s d ng bootstrapế ả ử ụ .........................................................................19
Hình 19: Trang Freevnn...................................................................................................20
7
Hình 20 : T o tên CSDLạ .....................................................................................................21
Hình 21 : T o CSDLạ .............................................................................................................22
Hình 22: CSDL đ c t o sau khi importe vàoượ ạ ........................................................22
Hình 23: Thông tin cá nhân trên hosting..................................................................23
Hình 24: Đi n thông tin và ch n m c đ đ a trang web lên m ngề ọ ụ ể ư ạ ............24
Hình 25: T o file androidạ ................................................................................................25
Hình 26: Kh i t o WebViewở ạ ...........................................................................................26
Hinh 27: C p quy n truy c p internetấ ề ậ ......................................................................27
Hình 28: K t qu ch y đ cế ả ạ ượ ..........................................................................................28
8
L i nói đ uờ ầ
Trung Tâm Đào T o Qu n Tr M ng & An Ninh M ng Qu c Tạ ả ị ạ ạ ố ế ATHENA đ cượ
thành l p t năm 2004, là m t t ch c qui t nhi u trí th c tr Vi t Nam đ yậ ừ ộ ổ ứ ụ ề ứ ẻ ệ ầ
năng đ ng, nhi t huy t và kinh nghi m trong lãnh v c CNTT, v i tâm huy tộ ệ ế ệ ự ớ ế
góp ph n vào công cu c thúc đ y ti n trình đ a công ngh thông tin là ngànhầ ộ ẩ ế ư ệ
kinh t mũi nh n, góp ph n phát tri n n c nhà .ế ọ ầ ể ướ
Lĩnh v c ho t đ ng chính:ự ạ ộ
+Trung tâm ATHENA đã và đang t p trung ch y u vào đào t oậ ủ ế ạ chuyên sâu
qu n tr m ng, an ninh m ng, th ng m i đi n t theo các tiêu chu n qu c tả ị ạ ạ ươ ạ ệ ử ẩ ố ế
c a các hãng n i ti ng nh Microsoft, Cisco, Oracle, Linux LPI , CEH,... Songủ ổ ế ư
song đó, trung tâm ATHENA còn có nh ng ch ng trình đào t o cao c p dànhữ ươ ạ ấ
riêng theo đ n đ t hàng c a các đ n v nh B Qu c Phòng, B Công An ,ơ ặ ủ ơ ị ư ộ ố ộ
ngân hàng, doanh nghi p, các c quan chính ph , t ch c tài chính..ệ ơ ủ ổ ứ
+ Sau g n 10ầ năm ho t đ ng,nhi u h c viên t t nghi p trung tâmạ ộ ề ọ ố ệ ATHENA đã
là chuyên gia đ m nh n công tác qu n lý h th ng m ng, an ninh m ng choả ậ ả ệ ố ạ ạ
nhi u b ngành nh C c Công Ngh Thông Tin - B Qu c Phòng , B Công An,ề ộ ư ụ ệ ộ ố ộ
S Thông Tin Truy n Thông các t nh, b u đi n các t nh,.,....ở ề ỉ ư ệ ỉ
+ Ngoài ch ng trình đào t o, Trung tâmươ ạ ATHENA còn có nhi u ch ng trìnhề ươ
h p tácợ và trao đ i công ngh v i nhi u đ i h c l n nh đ i h c Bách Khoaổ ệ ớ ề ạ ọ ớ ư ạ ọ
Thành Ph H CHính Minh, H c Vi n An Ninh Nhân Dân( Th Đ c),ố ồ ọ ệ ủ ứ H c Vi nọ ệ
B u Chính Vi n Thông, Hi p h i an toàn thông tin (VNISA), Vi n Kỹ Thu tư ễ ệ ộ ệ ậ
Quân S ,......ự
9
N i dungộ
Ch ng 1: T ng quan v ph n m m qu n lý sinh viên trênươ ổ ề ầ ề ả
Android
1.1: Gi i thi u v ph n m mớ ệ ề ầ ề .
Ph n m m qu n lý sinh viên là m t ng d ng ch y trên smartphone.ầ ề ả ộ ứ ụ ạ
Đ cượ
vi t b ng ngôn ng l p trình PHP, sau đó chuy n sang android đ ch y trênế ằ ữ ậ ể ể ạ
smartphone.
1.2: M c đích s d ngụ ử ụ
Nh m đem l i s ti n ích cho ng i s d ng, ph n m m qu n lý sinhằ ạ ự ệ ườ ử ụ ầ ề ả
viên trên Android sẽ giúp ng i dùng xem thông tin cũng nh qu n lý thôngườ ư ả
tin sinh viên m t cách d dàng h n.ộ ễ ơ
Ch c n thi t b đi n tho i hay máy tính b ng (HĐH Android) có k t n iỉ ầ ế ị ệ ạ ả ế ố
internet là có th s d ng ph n m m.ể ử ụ ầ ề
10
Ch ng 2: N i dungươ ộ
2.1: Quá trình chu n b .ẩ ị
- Cài đ t ph n m m Wampsever.ặ ầ ề
- Cài đ t ph n m m Eclips.ặ ầ ề
- Thi t k CSDL.ế ế
- Thi t k giao di n web.ế ế ệ
- Vi t ch ng trình.ế ươ
- Đ a CSDL và trang web lên hosting.ư
- Chuy n sang Android.ể
2.2: Quá trình th c hi n.ự ệ
11
2.2.1: Cài đ t ph n m m Wampseverặ ầ ề
Hình1: Giao di n cài đ t.ệ ặ
Hình 2: Màn hình cài đ tặ
12
Hình 3: Đ c cài đ tọ ặ
Hình 4: Ch ng trình đang cài đ tươ ặ
13
Hình 5: Hoàn thành cài đ tặ
2.2.2: Cài đ t Eclipsặ
Tr c tiên ta ph i download bướ ả ộ Eclipse.
Vào đ a ch :ị ỉ http://developer.android.com/sdk/index.html
Download b cài đ y đ bao g m Eclipse và Android SDK :ộ ầ ủ ồ ADT Bundle for
Windows .
14
Hình 6: Download the SDK
Sau khi download v , gi i nén ra và sẽ có các file nh sau :ề ả ư
Hình 7: Các file sau khi gi i nénả
Đ cài đ tể ặ Android SDK các b n có 2 cách:ạ
Cách 1: Click chu t vào bi u t ngộ ể ượ SDK Manager ngoài và ti n hành cài đ t.ở ế ặ
Cách 2: Kh i ch y Eclipse lên. R i vào m cở ạ ồ ụ Android SDK Manager cũng đ c:ượ
15
Hình 8: Cài đ t ặ Android SDK
Sẽ xu t hi n 1 c a s m i nh sau :ấ ệ ử ổ ớ ư
Hình 9: Màn hình Android SDK Manager
Công vi c ti p theo là ch c n tích ch n các ph nệ ế ỉ ầ ọ ầ API c n cài r i clickầ ồ
vào nút :Install packages góc d i bên ph i và ch cho nó download và càiở ướ ả ờ
đ t là xong.ặ
16
2.2.3: Thi t k CSDL.ế ế
Admin (Ten, MatKhau).
Diem (MaSV, TenSV, Lop, MonHoc).
2.1.4: Thi t k giao di n.ế ế ệ
2.1.4.1: Trang chủ
Hình 10: Trang chủ
2.1.4.2: Xem đi mể
Hình 11: Xem đi mể
2.1.4.3: Xem thông tin
17
Hình 12: Xem thông tin
2.1.4.4: Đăng nh pậ
Hình 13: Đăng nh p adminậ
2.1.4.5: Trang thêm
Hình 14: Thêm thông tin
18
2.2.5: Vi t ch ng trình.ế ươ
2.2.5.1: Gi i thi u v Bootstrap.ớ ệ ề
Twitter Bootstrap bao g m các mã CSS + HTML c b n cho typography,ồ ơ ả
forms, buttons, tables, grids, navigation, và nhi u thành ph n khác c aề ầ ủ
website.
Twitter Bootstrap cung c p l i c đ nh (fixed) r ng 940px và 12 c t.ấ ướ ố ị ộ ộ
T t nhiên là cũng có gi i pháp cho vi c dùng layout d ng đ ng (fluid).ấ ả ệ ạ ộ
Style c a các ph n t HTML trong Twitter Bootstrap khá đ n gi n và thanhủ ầ ử ơ ả
l ch. Ví d nh ph n đ bóng trong input, highlight c a b ng bi u, các mã CSSị ụ ư ầ ổ ủ ả ể
hi n th c nh báo, tabs, phân trang…ể ị ả
2.2.5.2: Cách s d ng Twitter Bootstrapử ụ
Twitter Bootstrap giúp chúng ta gi m thi u th i gian thi t k t html vàả ể ờ ế ế
css.Twitter Bootstrap đ nh nghĩa s n các class css công vi c c a chúng ta ch làị ẳ ệ ủ ỉ
s d ng các class đó vào m c đích c a mình.ử ụ ụ ủ
B n có th t i v Bootstrap t i đây:ạ ể ả ề ạ http://twitter.github.io/bootstrap/
Sau khi t i v , b n sẽ có m t file Zip. Ti n hành gi i nén ta có m t th m c cóả ề ạ ộ ế ả ộ ư ụ
tên bootstrap, bên trong có 3 th m c : css, img, js.ư ụ
19
Hình 15: Bootstrap.
Chúng ta t o 1 file html có tên là index.html trong th m c bootstrap v aạ ở ư ụ ừ
gi i nén phía trên.ả
V y là xong ph n head. Gi chúng ta vi t ti p ph n body v i các button nhậ ầ ờ ế ế ầ ớ ư
sau:
Hình 16: T o các button.ạ
Hình 17: Code t o các nút button.ạ
V y là xong. Ví d ch đ n gi n v y thôi.ậ ụ ỉ ơ ả ậ
20
B n hãy thu nh trình duy t và b n sẽ th y nút button sẽ n m xu ngạ ỏ ệ ạ ấ ằ ố
phía d i theo duy t trình.ướ ệ
Hình 18: K t qu s d ng Bootstrapế ả ử ụ
21
2.2.6: Đ a CSDL và trang web lên hosting.ư
2.2.6.1: Đ a CSDL lên hosting.ư
Đăng ký hosting.
Có nhi u trang web đăng ký hosting, đây mình dùng trangề ở
Freevnn.com. Sauk hi đăng ký thành công và đăng nh p vào trang web ta cóậ
hình sau:
Hình 19: Trang Freevnn.
Sau đó ch n bi u t ng MySQL Databases đ t o tên CSDL. Đi n tênọ ể ượ ể ạ ề
mu n t o và nh n Create Databases.ố ạ ấ
22
Hình 20: T o tên CSDLạ
Sau khi t o xong tên CSDL ta quay v màn hình chính và ch n bi u t ngạ ề ọ ể ượ
phpMyAdmin và ch n connect now đ t o CSDL. ọ ể ạ
23
Hình 21: T o CSDL.ạ
đây mình đã t o CSDL ph n Wampsever nên bây g ch importe vào. CũngỞ ạ ở ầ ờ ỉ
có th t o th công nh Wampsever.ể ạ ủ ư
Hình 22: CSDL đ c t o sau khi importe vào.ượ ạ
24
2.2.6.2: Đ a trang web lên hosting.ư
Sau khi đăng ký hosting thành công, ta có các thông tin sau:
Hình 23: Thông tin cá nhân trên hosting.
đây mình s d ng ph n m m FileZilla đ đ a trang web lên m ng.Ở ử ụ ầ ề ể ư ạ
- Ph n máy ch : đi n thông tin máy ch vào. (ầ ủ ề ủ ftp.freevnn.com).
- Tên tài kho n: là username (freev_14412670).ả
- M t kh u: m t kh u mà b n đã t o. (…..).ậ ẩ ậ ẩ ạ ạ
- C ng: ph n này đ tr ng.ổ ầ ể ố
- Sau đó nh n k t n i nhanh đ k t n i t i máy ch .ấ ế ố ể ế ố ớ ủ
- Phía bên ph i, ch n htdocs.ả ọ
- Phái bên trái ch n th m c ch a toàn b trang web.ọ ư ụ ứ ộ
25
Hình 24: Đi n thông tin và ch n m c đ đ a trang web lên m ng.ề ọ ụ ể ư ạ
Cu i cùng ta coppy toàn b t p tin ch a trong th m c qua bên htdocs. Và chố ộ ậ ứ ư ụ ờ
cho đ n khi các t p tin đ c đ a qua h t thì lúc đó trang web cũng đã đ cế ậ ượ ư ế ượ
đ a lên m ng thành công.ư ạ
2.2.7: Chuy n sang Android.ể
B c 1: Chu n b ng d ng.ướ ẩ ị ứ ụ
26
Hình 25: Kh i t o file Androidở ạ
B c 2: Kh i t o layout chính cho ng d ng, s d ng webview.ướ ở ạ ứ ụ ử ụ
trang Activity_main.xml, ph n composite kéo WebView vào và canhỞ ầ
ch nh cho full màn hình.ỉ
27
Hình 26: Kh i t o WebViewở ạ
Gi ng nh nh ng ng d ng khác,ố ư ữ ứ ụ WebView cũng là m tộ Widget. B nạ
khai báo WebView trong t p tinậ layout đ có th truy c p chúng thôngể ể ậ
qua activity.
28
B c 3:ướ C p quy n truy c p Internet.ấ ề ậ
M c res ch n ụ ọ Android Manifest ở tast permission
Hình 27: C p quy n truy c p internet.ấ ề ậ
B c 4:ướ Load n i dung m t đ ng d nộ ộ ườ ẫ và đo n mãạ vào WebView
trang MainActivity.java, Ở s d ng ph ng th cử ụ ươ ứ loadUrl() c aủ webview,
truy n vào đ ng d n đ load n i dung vào.ề ườ ẫ ể ộ
String a="http://tingchung.freevnn.com/";
WebView wv=(WebView) this.findViewById(R.id.webView1);
wv.loadUrl(a);
29
Hình 28: K t qu ch y đ cế ả ạ ượ
30
Ch ng 3: K t lu nươ ế ậ
3.1 u đi m.Ư ể
- Ph n m m đem l i s ti n ích cho ng i s d ng.ầ ề ạ ự ệ ườ ử ụ
- Giúp ng i dùng có th s d ng b t c n i đâu trên smartphone ch c n cóườ ể ử ụ ấ ứ ơ ỉ ầ
k t n i internet.ế ố
3.2 Nh c đi m.ượ ể
- C n ph i k t n i internet m i s d ng đ c.ầ ả ế ố ớ ử ụ ượ
- Ch ch y đ c trên h đi u hành android.ỉ ạ ượ ệ ề
3.3 H ng phát tri n.ướ ể
- Chuy n sang ch đ offline.ể ế ộ
- Có th ch y trên nhi u h đi u hành khác nhau.ể ạ ề ệ ề
31