Báo cáo

1. 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. 2
Nhận xét của trung tâm
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------

3. 3
Nhận xét của giáo viên hướng dẫn
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------

4. 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ẽ...............................................Error! Bookmark not defined.
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. 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. 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. 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. 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. 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. 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.
2.2.1: Cài đặt phần mềm Wampsever
Hình1: Giao diện cài đặt.

11. 11
Hình 2: Màn hình cài đặt
Hình 3: Đọc cài đặt

12. 12
Hình 4: Chương trình đang cài đặt
Hình 5: Hoàn thành cài đặt

13. 13
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 .
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:

14. 14
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.

15. 15
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
Hình 12: Xem thông tin

16. 16
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

17. 17
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.
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.

18. 18
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.
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.

19. 19
Hình 18: Kết quả sử dụng Bootstrap

20. 20
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.

21. 21
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.

22. 22
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.

23. 23
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.

24. 24
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.

25. 25
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.

26. 26
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.

27. 27
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);

28. 28
Hình 28: Kết quả chạy được

29. 29
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.