Bảng TaiKhoan
Tên thuộc tính Kiểu dữ liệu Ghi chú
maTaiKhoan text Khoá chính
tenTaiKhoan text matKhau text soDienThoai text email text Bảng 3.2. Bảng Tài khoản Bảng NganHang
Tên thuộc tính Kiểu dữ liệu Ghi chú
maNganHang int Khoá chính, Autoincrement tenVietTat text tenDayDu text diaChi text soDienThoai text email text website text logo image phiGiaoDich text Bảng 3.3. Bảng Ngân hàng
Bảng ATM: Thuộc tính maATM là thuộc tính phức hợp (gồm maATM, maNganHang, maQuanHuyen) khi chuyển sang bảng sẽ được biểu diễn bởi các thuộc tính đơn.
Tên thuộc tính Kiểu dữ liệu Ghi chú
maATM int Khoá chính, autoincrement
maNganHang int Khóa ngoại
maQuanHuyen int Khóa ngoại
diaDiem text diaChi text thongTin text kinhDo long viDo long Bảng 3.4. Bảng ATM Bảng Tinh
Tên thuộc tính Kiểu dữ liệu Ghi chú
maTinh int Khoá chính, autoincrement
tenTinh text
Bảng 3.5. Bảng Tỉnh
Bảng QuanHuyen: Thuộc tính maQuanHuyen là thuộc tính phức hợp
(gồm maQuanHuyen, maTinh) khi chuyển sang bảng sẽ được biểu diễn bởi các thuộc tính đơn.
Tên thuộc tính Kiểu dữ liệu Ghi chú
maQuanHuyen int Khoá chính, autoincrement
maTinh int Khóa ngoại
ten QuanHuyen text
Bảng 3.6. Bảng Quận/huyện
Bảng yKienNSD
Tên thuộc tính Kiểu dữ liệu Ghi chú
tenNguoiGui text soDienThoai text noiDung text thoiGian datetime daKiemTra boolean Bảng 3.7. Bảng Ý kiến người sử dụng Bảng LienNganHang
Tên thuộc tính Kiểu dữ liệu Ghi chú
maNganHang1 int Khoá chính
maNganHang2 int Khóa chính phiGiaoDich
Bảng 3.8. Bảng Liên ngân hàng
Bảng cơ sở dữ liệu toàn hệ thống (adsbygoogle = window.adsbygoogle || []).push({});
Chương 4. CÀI ĐẶT VÀ TRIỂN KHAI 4.1. Cài đặt chương trình
4.1.1. Lựa chọn môi trường cài đặt
Để lập trình Android trên Windows hiện nay chủ yếu dùng hai công cụ Java IDE chính là Eclipse và Netbean.Trong đó, Eclipse là nổi trội hơn vì tính tiện dụng, dễ sử dụng và tích hợp tốt bộ Android SDK.
Hiện nay có rất nhiều công cụ hổ trợ lập trình Web như MS FrontPage, Macromedia Dreamweaver, Joomla. Hầu hết các công cụ này đều có Templates cho phép tạo ra trang web nhanh chống và dễ dàng mà không cần phải viết code nhiều. Tuy nhiên trong nhưng năm gần đây Microsoft đã đưa ra một công nghệ lập trình web mạnh có tính bảo mật cao, ứng dụng rất rộng rãi đó lá ASP.NET, ASP.NET là một ngôn ngữ lập trình web dựa trên công nghệ .NET Framework, đây là một công nghệ mới và mạnh được sử dụng rất rộng rãi trên thế giới cùng với SQL server 2005 đã tạo ra một cuộc cách mạng về ngông ngữ lập trình lưu trữ dự liệu
4.1.2. Lựa chọn mô hình cài đặt
Mô hình cài đặt của hệ thống là sử dụng Android client để lấy dữ liệu về từ webservice. Ngoài ra, hệ thống còn có một website để dành cho người quản trị cập nhật cơ sở dữ liệu cho phần mềm.
4.2. Cài đặt chương trình
4.2.1. Triển khai thử nghiệm ứng dụng trên Android Emulator
Ứng dụng được triển khai thử nghiệm trên thiết bị giả lập điện thoại Android Emulator. Android Emulator có phiên bản chạy trên Windows, Linux, ta sẽ tiến hành chạy thử Android Emulator trên Windows. Download Android SDK trên Windows theo link sau (khoảng 94MB): http://dl.google.com/android/android-sdk- windows-1.0_r1.zip. Sau khi download, giải nén file android-sdk.zip vào thư mục ví dụ “C:\Android”. Trong thư mục này có các thư mục: docs, samples, tools và các file.
Sau khi giải nén vào thư mục "C:\Android" cần đặt thêm biến môi trường
đến thư mục “C:\Android\Tools”. Chuột phải vào My Computer, trên menu chuột
phải, chọn Properties, xuất hiện hộp thoại System Properties, trong hộp thoại này,
chọn tab Advanced, sau đó nhắp chuột vào nút Environment Variables, xuất hiện
Hình 4.1. Hộp thoại Environment Variables
Trên hộp thoại Environment Variables, dịch thanh cuộn trong mục System
variables để tìm biến Path. Lựa chọn vào Path, sau đó nhắp chuột vào nút Edit. Xuất hiện hộp thoại Edit System Variables. Trên hộp thoại Edit System Variables, thêm giá trị “;C:\Android\Tools” vào cuối ô Variable Value (chú ý dấu “;”). Sau đó nhắp OK để thoát. Có thể kiểm tra các giá trị PATH bằng cách thực hiện
lệnh PATH trên cửa sổ lệnh của Windows.
Chạy Android Emulator : Chạy chế độ lệnh của Windows (Nhắp Start- >Run, trên hộp thoại Run, gõ cmd). Trên cửa sổ lệnh của Windows, chuyển đến thư mục “C:\Android\Tools” và gõ lệnh emulator.exe.
Hình 4.2. Cửa sổ lệnh của Windows
Sau khi thực hiện lệnh emulator.exe, sẽ xuất hiện cửa sổ của Android Emulator, và chạy hệ điều hành trên mô phỏng thiết bị Android.
Hình 4.3. Cửa sổ Android Emulator – Skin HVGA-L
Lệnh emulator là một cách đơn giản để chạy Android Emulator. Có thể sử dụng Windows Explorer để chạy lệnh này. Tuy nhiên nên chạy ở cửa sổ lệnh của Windows để có thể theo dõi được lỗi khi có sự cố. Lệnh emulatore.exe có thể sử dụng thêm với một số tham số như -skin; -sdcrad;... Dưới đây là một sử dụng khác của emulator.exe để việc sử dụng Android Emulator được linh hoạt và hiệu quả.
Cài đặt / Loại bỏ chương trình trên Android Emulator: Các chương trình chạy
trên Android có đuôi .apk. Copy file ATMLocation.apk từ đĩa CD vào thư mục Tools. Chạy thêm một cửa sổ lệnh nữa của Windows, chuyển đến thư mục Tools và thực hiện lệnh: adb install tên_file.apk. Để loại bỏ một chương trình đã cài đặt, có thể dùng lệnh: adb shell rm data/app/tên_file.apk.
4.2.2. Triển khai thử nghiệm ứng dụng Web trên localhost
Ứng dụng được triển khai trên máy cục bộ
Muốn triển khai ứng dụng trên Localhost trước tiên phải cài IIS (Internet information service). Cấu hình IIS với cấu hình ASP.NET.
- Cài đặt IIS: Việc cài đặt IIS trên Win7 rất dễ dàng, bằng một số thao tác chúng ta có thể cài đặt IIS trên Win7 như sau:
Start->Control Panel->Programs Features->Turn Windows features on or off
Sau đó tích vào Web Management Tools-> tích vào các mục con của nó rồi chọn nút Ok. (adsbygoogle = window.adsbygoogle || []).push({});
Sau khi cài đặt xong IIS nghĩa là chúng ta đã có một ServerWeb nhiệm vụ bây giờ là triển khai ứng dụng web trên Server:
Cách thực hiên: Control Panel\All Control Panel Items\Administrative Tools. Trong cửa sổ xuất hiện (hình trên) chọn Internet Information Services (IIS)
Manager. Một cửa sổ mới xuất hiện, ta click chuột phải vào vào Default Web Site-
>Add Application. Tại mục Alias gỏ vào mục tên trang web: ở đây tên là “Bansach”. Tại mục Physical Path chọn đường dẫn trỏ đến thư mục web. Như vậy là quá trình triển khai web trên Localhost đã thành công. Để kiểm thử chúng ta mở trình duyệt web và điền vào thanh địa chỉ như sau:
localhost/ATM_Location_Web/Admin/login.aspx
4.2.3. Các kịch bản thử nghiệm
Chức năng dành cho người dùng
- Chức năng tìm kiếm địa chỉ ATM - Chức năng xem thông tin trên bản đồ - Chức năng hiển thị thông tin ngân hàng - Chức năng trợ giúp và gửi ý kiến phản hôi
Hình 4.4 thể hiện giao diện khi ứng dụng đang khởi động hiện splash screen.
Sau 3 giây thì giao diện chính của ứng dụng sẽ được hiển thi.
Hình 4.5 thể hiện giao diện chính của ứng dụng, trong giao diện này có các
tab thể hiện cho các chức năng chính của ứng dụng dành cho người sử dụng.
Hình 4.6 thể hiên danh sách ngân hàng có trong cơ sở dữ liệu khi người dùng
nhấn vào nút Chọn Ngân hàng cần xem. Sau khi người dùng nhấn nút, chương
Hình 4.5. Giao diện chính Hình 4.4. Giao diện khởi động
trình sẽ kết nối tới webservice của chương trình và tải dữ liệu về thông qua mạng internet. Người dùng nhấn vào tên một ngân hàng để chọn.
Hình 4.7 thể hiện danh sách Tỉnh/Tp có trong cơ sở dữ liệu khi người dùng
nhấn vào nút Chọn Tỉnh/Tp. Sau khi người dùng nhấn nút, chương trình sẽ kết nối tới webservice của chương trình và tải dữ liệu về thông qua mạng internet. Người dùng nhấn vào tên một tỉnh để chọn tỉnh cần xem.
Hình 4.8 thể hiện danh sách các quận/huyện khi người dùng chọn nút chọn
quận huyện, nếu người dùng chưa chọn tỉnh thì ứng dụng sẽ hiện ra thông báo chọn tỉnh trước và không hiển thị giao diện danh sách huyện này. Nếu người dùng đã chọn tỉnh cần xem thì ứng dụng sẽ kết nối tới webservice và tải về danh sách quận/huyện theo tỉnh đã chọn. Người dùng nhấn vào tên một quận/huyện để chọn nơi cần xem.
Hình 4.9 thể hiện giao diện tìm kiếm khi đã chọn đầy đủ các thông tin.
Người dùng có thể điền địa chỉ, tên đường phố để ứng dụng tìm kiếm chính xác hoặc không cần điền nhưng ngân hàng, tỉnh/Tp và quận/huyện thì cần được chọn. Khi đã chọn và điền đầy đủ thông tin thì người dùng nhấn nút Tìm kiếm và chương trình sẽ kết nối với webservice để tải về danh sách các cây ATM theo tiêu chí đã chọn được thể hiện theo hình 3.10.
Hình 4.7. Danh sách Tỉnh/TP Hình 4.6. Danh sách Ngân hàng
Hình 4.10 thể hiện danh sách ATM đã được tìm kiếm, tại đây sẽ hiển thị logo
của ngân hàng đặt cây ATM và thông tin các ATM này. Người dùng nhấn vào một ATM để hiển thị lên bản đồ hoặc nhấn giữ chọn một cây ATM một khoảng thời gian để gửi ý kiến phản hồi cho cây ATM đó.
Hình 4.11 thể hiện danh sách ATM trên bản đồ. Khi người dùng nhấn vào
các điểm ATM này thì thông tin sẽ hiển thị lên màn hình một khoảng thời gian. Người dùng có thể tìm đường hoặc di chuyển bản đồ, phóng to thu nhỏ theo nhu cầu sử dụng. (adsbygoogle = window.adsbygoogle || []).push({});
Hình 4.9. Giao diện tìm kiếm ATM Hình 4.8. Danh sách Quận/huyện
Hình 4.11. Hiển thị bản đồ Hình 4.10. Danh sách ATM
Hình 4.12 hiển thị giao diện Tab ngân hàng. Tại đây người sử dụng sẽ nhấn nút để chọn một ngân hàng và ứng dụng sẽ tải về danh sách ngân hàng theo hình 4.6. Sau đó người dùng chọn một ngân hàng thì ứng dụng sẽ hiển thị thông tin ngân hàng theo hình 4.12.
Hình 4.13 hiển thị giao diện thông tin. Tại giao diện này có một nút để hiển thị giao diện của phần giới thiệu về ứng dụng như hình 4.14 và các text box để người dùng nhập liệu, sau khi nhập thông tin xong người dùng nhấn vào nút Gửi ý kiến thì ý kiến này sẽ được gửi lên server cho người quản trị và thông báo gửi thành công hoặc thất bại sẽ hiện lên.
Hình 4.14. Giao diện phần giới thiệu
Hình 4.13. Giao diện thông tin Hình 4.12. Giao diện Tab ngân hàng
Chức năng dành cho Admin - Chức năng đăng nhập - Chức năng đổi mật khẩu
- Chức năng cập nhật thông tin ngân hàng - Chức năng cập nhật thông tin liên ngân hàng - Chức năng cập nhật thông tin tỉnh/tp
- Chức năng cập nhật thông tin quận/huyện - Chức năng cập nhật thông tin cây ATM - Chức năng quản lý ý kiến phản hồi
Hình 4.15 thể hiện giao diện trang đăng nhập. Người quản trị muốn quản trị
cập nhật cơ sở dữ liệu của ứng dụng thì cần phải đăng nhập với tài khoản và mật khẩu đã được tạo từ trước. Sau khi nhập tài khoản và mật khẩu thì người quản trị cần nhập cả mã xác nhận để tránh trường hợp đăng nhập ảo. Khi nhập không đúng tài khoản, mật khẩu hoặc mã xác nhận thì sẽ có thông báo yêu cầu nhập lại, nếu tất cả là hợp lệ và chính xác thì trình duyệt sẽ tự chuyển tới trang quản trị được thể hiện như hình 4.17.
Hình 4.16 thể hiện giao diện trang đổi mật khẩu của người quản trị. Khi đã đăng nhập thành công thì khi người quản trị có nhu cầu đổi mật khẩu thì người quản trị sẽ chọn chức năng này trên menu. Người quản trị cần nhập mật khẩu cũ và hai lần mật khẩu mới để xác nhận. Nếu điền sai thì sẽ hiện lên thông báo và điền đúng thì mật khẩu sẽ được thay đổi.
Hình 4.16. Giao diện trang thay đổi mật khẩu
Hình 4.17. Giao diện trang cập nhật cơ sở dữ liệu. Khi người quản trị đăng
nhập thành công thì sẽ được sử dụng các chức năng dành cho người quản trị về cập nhật cơ sở dữ liệu. Trong cập nhật cơ sở dữ liệu gồm có các trang cập nhật về: ngân hàng,liên ngân hàng, tỉnh/TP, quận/huyện, thông tin cây ATM và quản lý ý kiến phản hồi. Trong mỗi trang đều có các thành phần để người quản trị nhập liệu và các thông báo nếu nhập sai. Bên dưới các thành phần này là các nút ứng với các chức năng Thêm, xóa, lưu hủy và một gridview hiển thị dữ liệu. Trong gridview này sẽ hiển thi các thông tin có trong cơ sở dữ liệu của từng trang chức năng. Người quản trị click vào các tên có đường dẫn liên kết để chỉnh sửa hoặc điền mới để thêm mới vào cơ sở dữ liệu.
Hình 4.17. Giao diện trang cập nhật cơ sở dữ liệu
Kết luận kiểm thử
Qua quá trình kiểm tra chạy thử chương trình trên Android Emulator và Localhost, ứng dụng đã bảo đảm được một số chức năng cơ bản của yêu cầu đặt ra:
Đảm bảo đầy đủ các chức năng: Nhìn chung ứng dụng đã đảm bảo được các
chức năng cơ bản của ứng dụng location base service và web cho admin.
Tính trong suốt của ứng dụng: ứng dụng đảm bảo được quá trình khi một
người dùng truy cập vào ứng dụng cho đến khi người dùng thoát khỏi ứng dụng thì ứng dụng vẫn chạy với một tình tự chức năng thuận tiện không có tình trạng lắp lại những chức năng không cần thiết.
Bố cục trang: Bố cục website với các chức năng rất thuận tiện đễ sử dụng
cho người quản trị có thể đễ dàng cập nhật lại cơ sở dữ liệu.
Hệ thống kiểm tra lổi: với mỗi chức năng nếu một người dùng thao tác
không đúng thì ứng dụng sẽ thông báo lổi cho người dùng đó với lổi cụ thể để cho người dùng có thể nhận được lổi một cách cụ thể.
Mỗi khi người dùng chọn một chức năng thì hệ thống đều đáp trả, trả lời một
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN (adsbygoogle = window.adsbygoogle || []).push({});
Kết luận
Sau một thời gian nỗ lực tìm hiểu về môi trường lập trình trên hệ điều hành di động Android mới, em đã hoàn thành được việc phân tích thiết kế và xây dựng một hệ thống ATM Location với những chức năng cơ bản nhất: thông tin – địa điểm ATM, thông tin trên bản đồ, thông tin về ngân hàng và việc gửi ý kiến phản hồi của người sử dụng. Cùng với đó là một website dành cho người quản trị đề cập nhật lại các thông tin trong cơ sở dữ liệu. Nhìn chung, hệ thống có một giao diện đẹp, thân thiện dễ sử dụng, có nhiều tính năng hỗ trợ người dùng như chức năng tìm kiếm, chức năng chọn và hiển thị thông tin dễ dàng,… và đặc biệt là chức năng hiển thị vị trí trên bản đồ số Google Map.
Bên cạnh đó chương trình vẫn có một số hạn chế như chỉ dùng cho người sử dụng smart phone Android, chưa hỗ trợ lưu thông tin theo tài khoản người dùng.
Hướng phát triển
Phát triên phiên bản trên Website dành cho người dùng phổ thông.
Mở rộng thêm lĩnh vực Location như địa điểm cây xăng, quán café, nhà
hàng, điểm du lịch…
Cung cấp thêm cho người sử dụng một số chức năng như lưu thông tin
TÀI LIỆU THAM KHẢO
Nguồn tài liệu sách giáo trình và sách điện tử ebook:
1. Đoàn Văn Ban, “Phát triển hệ thống hướng đối tượng với UML 2.0 và C++”, Nhà xuất bản Giáo Dục, 2004.
2. Reto Meier, “Professional Android™ Application Development”, Wiley Publishing – Inc, 2009.
Nguồn tham khảo các website trên mạng:
3. http://developer.android.com/index.html, last visited May 2011. 4. http://wikipedia.org, last visited May 2011.